body{
background-color: #000099;
margin: 0 0 0 0;
padding: 0 0 0 0;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}
div#topo{
margin: 0 auto 0 auto;
padding: 0 0 0 0;
width: 744px;
height:118px;
}
div#logo{
background-image: url(../img/logo.jpg);
margin: 0 0 0 0;
padding: 0 0 0 0;
width:199px;
height:118px;
float: left;
}
div#topo_esq{
margin: 0 auto 0 auto;
padding: 0 0 0 0;
width:542px;
height:118px;
float: left;
}
div#login{
background-image: url(../img/bg_busca_login.jpg);
background-repeat:repeat-x;
margin: 18px 14px 0 0;
padding: 0 0 0 0;
border-left:1px solid #F5F5F5;
border-right:1px solid #F5F5F5;
border-top:1px solid #F5F5F5;
border-bottom:1px solid #F5F5F5;
width: 333px;
float:left;
}
div#busca{
background-image: url(../img/bg_busca_login.jpg);
background-repeat:repeat-x;
margin: 18px 0 0 0;
padding: 0 0 0 0;
border-left:1px solid #F5F5F5;
border-right:1px solid #F5F5F5;
border-top:1px solid #F5F5F5;
border-bottom:1px solid #F5F5F5;
width: 191px;
float: right;
}
.login_busca{
font-size:13px;
color: #999999;
}
div#google{
margin: 12px 0 0 0;
padding: 0 0 0 0;
width:538px;
height:48px;
border:1px solid #F5F5F5;
float:left;
}
div#menu{
background-image:url(../img/bg_menu.jpg);
background-repeat:repeat-x;
border:1px solid #0B7CC2;
margin: 0 0 0 16px;
padding: 0 0 0 0;
width: 742px;
height: 32px;
}
div#banner{
border:1px solid #9E9F9F;
margin: 7px 0 0 0;
padding: 0 0 0 0;
width: 742px;
height: 150px;
}
div#centro{
margin: 20px 16px 20px 16px;
padding: 0 0 0 0;
width:744px;
position:relative;
float:left;
}
div#propaganda{
padding: 0 0 0 0;
width:161px;
border:1px solid #E7E7E7;
float:left;
}

div#menu_lateral{
margin: 0 15px  0 0;
padding: 0 0 0 0;
border:1px solid #E7E7E7;
float:left;
}

div#conteudo{
background-color:#FFFFFF;
margin: 0 0 0 15px;
padding: 0 0 0 0;
border:1px solid #E7E7E7;
width:546px;
float:left;
}

div#conteudo2{
background-color:#F9F9F9;
background-repeat:repeat-x;
margin: 1px 1px 1px 1px;
padding: 1px 1px 10px 1px;
width:542px;
float:left;
}
div#inicial{
background-color:#FFFFFF;
background-repeat:repeat-x;
margin: 20px 10px 10px 10px;
padding: 0 0 0 0;
width:500px;
float:left;
}

div#planos{
	background-repeat:repeat-x;
	margin: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	width:542px;
	float:left;
	text-align:left;
	border-bottom: 1px solid #E7E7E7;
	background-color: #F9F9F9;
}

div#rodape{
background-image:url(../img/bg_rodape.jpg);
background-repeat:repeat-x;
margin: 0 0 10px 0;
padding: 0 0 0 0;
border:1px solid #E7E7E7;
border-bottom:1px solid #FFFFFF;
width: 742px;
height:28px;
}
div#borda_rodape_esq{
background-image:url(../img/borda_rodape_esq.jpg);
background-repeat:no-repeat;
width:8px;
height:28px;
float: left;
}
div#borda_rodape_dir{
background-image:url(../img/borda_rodape_dir.jpg);
background-repeat:no-repeat;
width:8px;
height:28px;
float: right;
}
div#textos_rodape{
margin: 8px 0 0 0;
width:400px;
height:15px;
float: left;
text-align: left;
color:#999999;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
div#menu_rodape{
margin: 8px 0 0 0;
width:320px;
height:15px;
float: left;
text-align: right;
color:#999999;
}

a {
text-decoration:none;
color:#999999;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

a:hover{
text-decoration:none;
color:#075A8B;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
ul#menu_lateral{
margin: 10px 0 0 8px;
padding: 0 0 0 0;
list-style:none;
text-align:left;
float:left;
}
ul#menu_lateral li{
margin: 0 0 0 0;
padding: 8px 0 0 0;
width:140px;
height:20px;
border-bottom:1px solid #CCCCCC;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}


/*Menu Topo*/
 div#menu{
			float:left;
		}

 div#menu ul{
            list-style: none;
            margin: 0 0 0 0;
            padding: 0 0 0 0;
            width: 742px;
        }
		
div#menu ul li{
		margin: 0 0 0 2px;
		 float: left;
        }
div#menu ul li a{
 			display: block;  /* atribui ao link, o comando da parada toda! */
            width: 90px; /* tamanho */
            height: 23px; /* altura */
            _height: 23px; /* esse comando aqui só o ie vai entender, o ideal é coloca-lo de outra forma, no final eu mostro */
            font: 11px Verdana; /* tamanho da fonte e tipo */
			font-weight: bold;
            text-decoration: none; /* retira o sublinhado! Muito legal */
            text-align: center; /* alinha o texto no centro (ta de sacanagem né!) */
            color: #fff; /* cor do texto */
            padding-top: 9px; /* espaço entre o topo do texto e a margem superior */
            /*border: 1px solid #F2F2F2;  formatando a borda! */
			font:Verdana, Arial, Helvetica, sans-serif;
        }
		
div#menu ul li a:hover{
            /*font-weight: bold;  aqui nos estamos colocando o texto em negrito! */
           	background-image: url(../img/bg_menu_ahover.jpg);
 			background-repeat:repeat-x;
			font:Verdana, Arial, Helvetica, sans-serif;
            /*border: 1px solid silver;*/
        }
.titulo1{
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #003399;
font-size:14px;
}



div#promocoes{
background-color:#FFFFFF;
margin: 0 auto 0 auto;
border: 1px solid #F0F0F0;
width:505px;
height:188px;
}
div#promocoes1{
padding: 0 0 0 0;
margin: 7px 0 0 11px;
width:151px;
height:171px;
float:left;
}
div#promocoes2{
padding: 0 0 0 0;
margin: 7px 0 0 14px;
width:151px;
height:171px;
float:left;
}
div#promocoes3{
padding: 0 0 0 0;
margin: 7px 0 0 14px;
width:151px;
height:171px;
float:left;
}




div#promocoes1_foto{
padding: 0 0 0 0;
margin: 0 0 0 0;
width:151px;
height:135px;
float:left;
border: 1px solid #F0F0F0;
}
div#promocoes2_foto{
padding: 0 0 0 0;
margin: 0 0 0 0;
width:151px;
height:135px;
float:left;
border:1px solid #F0F0F0;
}
div#promocoes3_foto{
padding: 0 0 0 0;
margin: 0 0 0 0;
width:151px;
height:135px;
float:left;
border: 1px solid #F0F0F0;
}




div#promocoes1_texto{
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #003399;
font-size:14px;
padding: 0 0 0 0;
margin: 7px 0 0 0;
width:151px;
float:left;
text-align:center;
vertical-align:middle;
}
div#promocoes2_texto{
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #003399;
font-size:14px;
padding: 0 0 0 0;
margin: 7px 0 0 0;
width:151px;
float:left;
text-align:center;
vertical-align:middle;

}
div#promocoes3_texto{
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #003399;
font-size:14px;
padding: 0 0 0 0;
margin: 7px 0 0 0;
width:151px;
float:left;
text-align:center;
vertical-align:middle;
}
div#posts{
	margin:20px 0 0 0;
	padding: 7px 0 7px 7px;
	width:540px;
	height:320px;
	text-align: justify;
	overflow:auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #E6E8BF;
	SCROLLBAR-FACE-COLOR: #0052A4; 
	SCROLLBAR-HIGHLIGHT-COLOR: #5080e0; 
	SCROLLBAR-SHADOW-COLOR: #00254a; 
	SCROLLBAR-3DLIGHT-COLOR: #00458a; 
	SCROLLBAR-ARROW-COLOR: #ff9933; 
	SCROLLBAR-TRACK-COLOR:#E8E8E8; 
	SCROLLBAR-DARKSHADOW-COLOR: #000000;
	float:left;
}
b#titulo_posts{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color: #003399;
}
u#sublinhado{
color:#CCCCCC;
}
hr#separacao{
color:#F0F0F0;
size:1px;
}
.textos{
margin:0 3px 0 3px;
padding: 0 3px 0 3px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:justify;
color: #000000;
font-size:13px;
}

div#conteudo_textos{
margin: 0 0 0 0;
padding: 0 0 0 0;
border:1px solid #E7E7E7;
width:548px;
height:260px;
float:left;
}

div#conteudo_textos2{
background-repeat:repeat-x;
margin: 1px 1px 1px 1px;
padding: 1px 1px 1px 1px;
width:542px;
height:260px;
float:left;
}
div#textos{
background-color:#FFFFFF;
margin: 0 auto 10px auto;
padding: 0 3px 0 3px;
border: 1px solid #F0F0F0;
width:505px;
height:auto;
}