html, body{
margin:0;
padding:0;
background:url(img/bg-fundo.gif) repeat-x;
background-color:#eaf7fe;
font-family: Tahoma;
font-size: 13px;
color: #333;
}

#geral{
margin:0 auto;
width: 825px;
height: auto;
padding:0 5px 0 0;
}

#topo{
width: 825px;
height:205px;
background:url(img/topo.jpg) no-repeat;
display:block;
}

#menu{
top: 160px;
left:16.5em;
bottom:0;
width:580px;
height:31px;
position:relative;
}

#menu ul{
list-style:none;
margin:0;
padding:0;
}

#menu li{
float:left;
margin-left: 0;
}

#menu li a{
width:100px;
padding:8px;
display:block;
text-align:center;
text-decoration:none;
font: 11px Verdana;
color:#F0F9FE;
font-weight:bold;
}

#menu li a:hover{
color:#2D376C;
background:url(img/fundo-hover.gif) no-repeat center;
}

#menu li a.current{
color:#2D376C;
background:url(img/fundo-hover.gif) no-repeat center;
}

#conteudo{
height:auto;
display:block;
background:url(img/fundo-conteudo.gif);
padding: 0 15px 0 15px;
border-bottom: 1px solid #EAF7FE;
}

#planos{
margin-left:3.8em;
width:655px;
height:255px;
padding:2em;
background: url(img/fundo-planos.jpg) no-repeat center;
font:12px Verdana;
color: #444;
}

.acerto-div{
clear:both;
}

#links-planos{
float:left;
margin:5px;
}

#coluna-planos{
float:right;
width:350px;
margin:5px;
}

a.dese,
.fale-conosco a{
color:#36B8C5;
text-decoration: none;
}

a:hover.dese ,
.fale-conosco a:hover{
color:#EBA60D;
text-decoration: underline;
}

#principal{
margin: 0 auto;
width: 700px;
}

#principal input, textarea{
border: 1px solid #333;
}

#rodape{
clear:both;
margin: 0 auto;
display:block;
height: 60px;
background:url(img/fundo-rodape.jpg);
text-align: center;
padding: 5px;
color: #fff;
font-size: 11px;
}