* {
	list-style:none;
	margin:0;
	padding:0;
}

/* GERAL */

img{border:none}
body{font-family:'latoregular'; color:#999999}
img{border:none}

.clear{clear:both}
.centro {
	width: 1024px;
	margin:0 auto;
}
.flags{float: right;margin-top: 18px;margin-left: 15px;}
.icon-flag-br{background:url('/img/flag-br.png');width:20px;height:14px;display:block;cursor:pointer;margin-bottom: 5px;}
.icon-flag-en{background:url('/img/flag-en.png');width:20px;height:14px;display:block;cursor:pointer;}

.float-left{float:left}
.float-right{float:right}

@font-face {
	font-family: 'latobold';
	src: url('http://static.colab.re/fonts/lato-bol-webfont.eot'),
		url('http://static.colab.re/fonts/lato-bol-webfont.eot?#iefix') format('embedded-opentype'),
		url('http://static.colab.re/fonts/lato-bol-webfont.woff') format('woff'),
		url('http://static.colab.re/fonts/lato-bol-webfont.ttf') format('truetype'),
		url('http://static.colab.re/fonts/lato-bol-webfont.svg#latobold') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'latoregular';
	src: url('http://static.colab.re/fonts/lato-reg-webfont.eot'),
		url('http://static.colab.re/fonts/lato-reg-webfont.eot?#iefix') format('embedded-opentype'),
		url('http://static.colab.re/fonts/lato-reg-webfont.woff') format('woff'),
		url('http://static.colab.re/fonts/lato-reg-webfont.ttf') format('truetype'),
		url('http://static.colab.re/fonts/lato-reg-webfont.svg#latoregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'omnesregular';
	src: url('http://static.colab.re/fonts/omnes-el_3.eot'),
		url('http://static.colab.re/fonts/omnes-el_3.eot?#iefix') format('embedded-opentype'),
		url('http://static.colab.re/fonts/omnes-el_3.woff') format('woff'),
		url('http://static.colab.re/fonts/omnes-el_3.ttf') format('truetype'),
		url('http://static.colab.re/fonts/omnes-el_3.svg#omnesregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'omneslight';
	src: url('http://static.colab.re/fonts/OmnesExtraLight-Roman.eot'),
		url('http://static.colab.re/fonts/OmnesExtraLight-Roman.woff') format('woff'),
		url('http://static.colab.re/fonts/OmnesExtraLight-Roman.ttf') format('truetype'),
		url('http://static.colab.re/fonts/OmnesExtraLight-Roman.svg') format('svg');
	font-weight: 200;
	font-style: normal;
}

#geral{padding-top:542px}

#topo{width:100%; height:65px; background:url(/img/index/bg-topo.png) repeat-x; position:fixed; z-index:10; top:0}
#topo .logo{margin-top:10px; float:left}
#topo ul{float:left; margin:23px 0 0 50px}
#topo ul li{float:left}
#topo ul li:first-child a{border:none}
#topo ul li a{color:#fff; font-family:'latobold'; font-size:14px; text-decoration:none; border-left:solid 1px #586978; padding-left:13px; margin-left:13px;}
#topo .bt-facebook{float:right; margin-top:18px}

#flashtv{position:absolute; left:0; top:5px; height:536px; width:100%}

#cities, #highlights, #parceiros {
	width: 100%;
	height: 180px;
	background: #FAFAFA;
	margin-bottom: 20px;
	padding-top: 1px;
}

#cities {
	height: 260px;
}

#cities > .centro {
	width: 640px;
}

#highlights {
	height: 450px;
	background: #FFFFFF;
}

#highlights > .centro {
	width: 1080px;
}

#cities h2, #highlights h2, #parceiros h2 {
	font-family: 'omnesregular';
	font-size: 50px;
	font-weight: normal;
	text-align: center;
	color: #2E4051;
	margin-top: 20px;
}
	
#cities h2 {
	font-size: 20px;
}

#cities article, #highlights article, #parceiros article {
	font-family: 'omneslight';
	font-size: 30px;
	float: left;
	margin-top: 20px;
	margin-left: 15px;
	margin-right: 15px;
}

#conteudo {
	width: 1024px;
	margin: 0 auto;
}

#conteudo > article{ padding:30px 0; text-align:center; clear:both}
#conteudo > article.separador{background:url(/img/index/separador.png) no-repeat bottom}
#conteudo > article h2{font-family:'omnesregular'; font-size:50px; color:#2E4051; font-weight:normal; margin-top:20px}
#conteudo > article img{margin:30px 0}

#conteudo article p {
	font-family: 'latoregular';
	font-size: 14px;
	color: #999999;
}

#como-funciona p {
	width: 340px;
}

#como-funciona .texto-esquerda,
#como-funciona .texto-centro {
	float: left;
}

#como-funciona .texto-direita {
	float: right;
}

#conteudo article span {
	font-family: 'latobold';
	font-size: 14px;
	color: #475464;
	display: block;
	margin-bottom: 20px;
}

#conteudo > article .etapas > div{float:left; margin:0 70px}
#conteudo > article .etapas > div:first-child{float:left; margin:0 70px;}
#conteudo > article .etapas > div p{font-family:'omnesregular'; font-size:20px; color:#2C3F51; font-weight:bold}

#conteudo > article #plataformas{margin:20px 0}
#conteudo > article #plataformas .so{float:left; width:239px; margin:70px 50px 0px 50px}
#conteudo > article #plataformas .so .titulo{font-family:'omnesregular'; font-size:50px; color:#2E4051}
#conteudo > article #plataformas .smart {
	width: 335px;
	height: 704px;
	background: url(/img/index/smart.png) no-repeat;
	float: left;
}

#conteudo > article .botao{clear:both; display:block; width:297px; height:57px; background:#00C0E4; margin:0 auto; border:none; cursor:pointer;
	-moz-border-radius: 19px;
	-webkit-border-radius: 19px;
	border-radius: 19px;
	font-family:'omnesregular';
	color:#fff; line-height:57px; text-decoration:none; font-size:25px
}

#conteudo > article .botao:hover{background:#00A5C1}
#conteudo > article dir{font-family:'Courier New'; color:#7FC5C5; text-align:left; font-size:13px; width:630px; margin:20px auto 0 auto}
#conteudo > article dir span{font-weight:bold; color:#96C5AB; font-size:15px}
#conteudo > article dir .classes{color:#FF7FFF}
#conteudo > article dir .string{color:#999; font-weight:normal}

#conteudo > article form{width:440px; margin:20px auto}
#conteudo > article form label{display:block; text-align:left; margin-bottom:5px; font-size:14px; color:#2D4052; padding-left:20px; margin-top:15px}
#conteudo > article form input[type=text], #conteudo > article form .chosen-container{width:440px; height:44px; border:none; background:#EEEEEE; -moz-border-radius: 17px; -webkit-border-radius: 17px; border-radius: 17px; outline:none; padding:0 15px}
#conteudo > article form .chosen-container.chosen-with-drop{-moz-border-bottom-left-radius:0;-moz-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-bottom-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0;box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);}
#conteudo > article form .chosen-container .chosen-single{
	border: none;
	box-shadow: none;
	height: 44px;
	line-height: 44px;
	background: none;
	text-align: left;
}
#conteudo > article form .chosen-container .chosen-drop{
	background: #eeeeee;
	border: none;
	text-align: left;
	padding: 0 15px;
}
#conteudo > article form .chosen-container .chosen-results{max-height:none;}
.chosen-container .chosen-drop .chosen-results li.highlighted{background-color: #00c0e4;background-image: none;}
#conteudo > article form .chosen-container .chosen-drop .chosen-results li.active-result{margin:4px 0;}
#conteudo > article form .chosen-container.chosen-with-drop .chosen-single div b{background-position: -15px 13px;}
#conteudo > article form .chosen-container .chosen-single div b{background-position: 3px 13px;}#conteudo > article form textarea{width:440px; height:94px; border:none; background:#EEEEEE; -moz-border-radius: 17px; -webkit-border-radius: 17px; border-radius: 17px; outline:none; padding:15px; resize:none; font-family:'latoregular'}
#conteudo > article form input[type=submit]{margin-top:20px}
#contato .error{color:#ff0000; margin-top:5px !important; font-size:12px}
#contato input.error, #contato textarea.error{border:solid 1px #ff0000 !important}

#termos-uso h2{font-size:50px; font-family:'omnesregular'; color:#2E4051; font-weight:normal; text-align:center; padding:20px 0; border-bottom:solid 1px #ECEEEF}
#termos-uso .rolagem{ height: 330px; width:600px;overflow:auto; margin-top:20px; font-size:12px;}
#termos-uso .rolagem h3{text-transform:uppercase; font-size:12px; font-weight:normal; margin-bottom:3px}
#termos-uso .rolagem p{color:#999999; font-size:12px; margin-bottom:10px}
#termos-uso .rolagem a{text-decoration:none; color:#00A5C1}
#termos-uso .rolagem a:hover{text-decoration:underline}

#politica h2{font-size:50px; font-family:'omnesregular'; color:#2E4051; font-weight:normal; text-align:center; padding:20px 0; border-bottom:solid 1px #ECEEEF}
#politica .rolagem{ height: 330px; width:600px;overflow:auto; margin-top:20px; font-size:12px;}
#politica .rolagem h3{text-transform:uppercase; font-size:12px; font-weight:normal; margin-bottom:3px}
#politica .rolagem p{color:#999999; font-size:12px; margin-bottom:10px}
#politica .rolagem a{text-decoration:none; color:#00A5C1}
#politica .rolagem a:hover{text-decoration:underline}

footer{width:600px; margin:0 auto; background:url(/img/index/separador.png) no-repeat; padding-top:18px; margin-bottom:50px}
footer a{float:left; color:#999999; font-size:12px; text-decoration:none; margin-right:20px}
footer a:hover{text-decoration:underline}
footer p{float:left; color:#D9D9D9; font-size:12px; margin-left:20px}
footer img{float:right; margin-top:-10px;}