@charset "utf-8";
/* CSS Document */

/******************** ESTRUTURA **********************/

* { margin:0; padding:0; font-family: "Arial"; }

a{ text-decoration:none; color:#333;}

html {height:100%;}
body { background: #CCC url("imagens/site/fundo.jpg") repeat-x ;   font-family: "Arial";  font-size:10pt; height:100%;}

#geral { width:780px; margin: 0 auto; height:100%; position:absolute; left:50%; margin-left:-390px;}

#topo {  padding:0px; width: 780px; height:115px; }

#topo h1, h1 a, h1 a:link, h1 a:visited { background: url("imagens/site/logo.png") no-repeat 50px 0px ;  text-indent:-9999px; height:115px; width:300px;  float:left; text-align:left; }

#main { margin:auto; float:none; padding:10px; display:inline-block; margin-bottom:15px; background-color:#FFFFFF;width:760px;}


h2 {font-size:36px; text-align:left; padding:0px;color:#0162C3; font-weight:bold;margin-bottom:20px;letter-spacing:-2px;}
h3 { font-size:22px; font-weight:bold; color:#666666;  margin:0px;letter-spacing:-1px;font-family: 'Trebuchet Ms';  }


#banner {
width:780px;
height:240px;
margin-bottom:15px;

}
.img_comofunciona{
float:right; margin:10px; border:4px solid #66CCFF;
}
.divisa {
clear:both;
width:760px;
background: url("imagens/site/separador.jpg") top center no-repeat; 
height:30px;
margin-top:10px;
}
#carregando { display:inline;}

.clear{
clear:both;
}

/******************** PRINCIPAl **********************/
#noticias {
width:359px;
padding: 5px;
border-right: 1px dashed #ccc ;
float:left;
}
.noticia {
height:18px;
padding-top:2px;
padding-left:20px;
background: url("imagens/site/bullet.jpg") no-repeat;
}
.link {
display:block;
clear:both;
margin : 15px 0px;
}
.link a {
font-size:22px;
letter-spacing:-1px;
color:#CCC;
font-weight:bold;

}
.link a:hover {
font-size:22px;
letter-spacing:-1px;
font-weight:bold;
color:#FF0000;

}

.noticia a{
font-size:14px;
color:#333333;
}
.noticia a:hover{
font-size:14px;
color:#000;
}

#vantagens {
width:360px;
padding: 5px;
float:left;

}
.vantagem {
width:330px;
display:block;
float:left;
padding:5px;
margin-bottom:10px;
}

.tipo a{ font-size:18px; font-weight:bold; text-align:left;  color:#666666;  margin-top:5px;letter-spacing:-1px;}
.tipo a:hover{ font-size:18px; font-weight:bold; text-align:left;color:#FF0000;  margin-top:5px;letter-spacing:-1px;}

.desc { margin-left:70px; color:#666666; letter-spacing:-1px;}
.vantagem img { float:left;margin-right:5px;}

/******************** MENU **********************/

#menu { 
margin:0px 10px ;
width: 480px; 
margin:0px;
float:left;
text-align:right;
display:block;
height:45px;
}

#menu ul { 
	padding:0px;
	margin:0px;
	width: 100%;
	list-style:none;
	clear:both;
	height:45px;
	text-align:right;
}

#menu ul li {
font-family: 'Trebuchet Ms';
float: right;
font-size:12pt;
padding:0px;
font-weight:normal;
}


#menu ul li a {
font-family: 'Trebuchet Ms';
padding:13px 10px;
color: #FFFFFF;
text-decoration: none;
display:block;
font-weight:bold;
letter-spacing:-1px;

}

#menu ul li a:hover {
text-decoration: none;
color:#FFCC00;
background-color:#031D38;
}


/******************** RODAPE **********************/

#rodape { clear:both; padding: 0px; height:35px; color:#000000; margin-bottom:15px; background-color:#999999;}
#rodape img { float:right; 	border:none; margin:5px;}

#rodape p { padding:12px 0px 0px 10px; color:#ccc; font-size:13px;font-weight:bold; line-height:11px; letter-spacing:-1px;}


/******************** LOGIN WEBMAIL **********************/

#formwebmail { 
padding:5px 10px 0px 0px;
width: 470px; 
margin:0px;
float:left;
text-align:right;
display:table;
height:60px;
}
#formcontato { 
padding:15px;
width: 500px; 
margin:0px;
float:left;
display:table;
height:60px;
}
#formcontato .campos {
border: 1px solid #CCCCCC;
margin-bottom:10px;
padding:3px;
}
#formcontato .botao {
background-color:#999999;
border: 1px solid #CCCCCC;
color:#FFFFFF;
margin:5px 15px 5px 0px;
padding:5px;
}
.l1 {
width:450px;
}
.l2 {
width:150px;
}

#formwebmail input { 
border:1px solid #CCCCCC;
margin: 0px 0px 5px 5px ;
}

#formwebmail .txt_webmail{ 
font-family:"Trebuchet Ms";
font-size:12pt;
letter-spacing:-1px;
color:#999999;
font-weight:bold;
padding-top:3px;
}
#formwebmail .im{ 
vertical-align:middle;
}


/******************** MAIN **********************/



/******************** PAGINACAO **********************/
#paginacao { 
 	margin: 0px 0px 0px 0px; /* define as margens em relação aos demais objetos da página*/
	text-align:center;
}

#paginacao p {
font-size: 12px; /*tamanho da fonte*/
text-align:left; /*alinhamento do texto*/
margin-top: 10px;/*margem superior*/
margin-bottom: 10px;/*margem inferior*/
color:#333333;/*cor da fonte*/
border:none;/*define sem borda*/
text-align:center;
}

#paginacao a {
border: 0px solid #003333;/*define a borda*/
padding: 3px 5px; /*distância da margem*/
text-decoration: none;/*retira o underline do link*/
color:#333333;/*cor do texto*/
}

#paginacao a:hover {
background-color: #CCCCCC;/*cor de fundo*/
color:#FFFFFF;/*cor do texto*/
padding: 3px 5px;/*distancia da margem*/
text-decoration: none;/*retira o underline do link*/
}