* {

margin:0;

padding:0;

text-decoration:none;

list-style:none;

}



img { border:none; }



h2 {

font:bold 13px verdana, tahoma, arial, sans-serif;

color:#fff;

}



h3 {

font:bold 13px verdana, tahoma, arial, sans-serif;

color:#3055a9;

padding:2px 8px;

}



p { 

text-align:justify;

font:11px/18px verdana, tahoma, arial, sans-serif; 

color:#666;

padding:4px 25px 4px 15px;

}



input { 

font:11px verdana, tahoma, arial, sans-serif; 

margin-left:5px;

color:#666666;

border-top:1px solid black;

border-left:1px solid black;

}



label { font:11px verdana, tahoma, arial, sans-serif;  color:#666666; padding-top:2px; }



input.radio { 

border:none; 

font-weight:10px;

margin-left:1px;

}



a, li {

font:11px verdana, tahoma, arial;

color:#666;

}



a:hover { text-decoration:underline; }



body { background-color:#102964; }



#geral {

margin:0 auto;

width:1003px;

background:url(../pics/geral-bg.jpg) repeat-Y top;

}



#top { /* aqui fica aquela borda arredondada de cima */

width:1003px;

height:21px;

background:url(../pics/top.jpg) no-repeat;

}



#logo {

position:absolute;

width:346px;

height:105px;

margin-top:-15px;

margin-left:-32px;

}



/** OBRAS **/



.obras{

font-family:Verdana;

font-size:9px;

font-weight:bold;

text-align:center;

}



/** TOPO **/



#topo { /* aqui fica a logo, o banner e aquele pequeno menu */

margin:0 auto;

width:930px;

height:98px;

}



#topo ul li { float:left; }



/* banner */



#topo ul li.banner { margin-left:20px; }



/* pequeno menu */



#topo ul.menu { margin-top:5px; float:right; }



#topo ul.menu li { 

display:inline;

font:11px tahoma, verdana, sans-serif;

margin-left:10px; 

color:#355aa7;

}



#topo ul.menu li a { color:#355aa7; font-weight:bold; } 



#topo ul.menu li a:hover { text-decoration:underline; } 



/** MENU DO MEIO **/



#meio #menu { 

position:relative;

float:left;

width:397px;

}



#menu #texto-fla { 

width:397px;

height:72px;

}



#menu div.menu { 

width:397px;

height:193px;

}



#menu #endereco { width:355px; margin-top:10px; }



#menu #endereco div.tr { top:0; }



#menu #endereco div.td02 li { 

display:inline;

float:left; 

margin-left:10px;

}



#menu div.td01 { border-right:none !important; width:350px !important; }



#menu div.td01, #menu div.td02 { float:none !important; }



#meio #newsletter {

display:inline;

float:left;

margin:14px 0 0 30px;

width:163px;

background:url(../pics/newsletter-bg.jpg) repeat-Y;

clear:left;

}



#newsletter p { padding:4px 10px; }



#newsletter input.botao { float:right; margin:4px 4px 0 0; }



#newsletter label { float:left; }



#newsletter div.top { 

width:163px;

height:25px;

background:url(../pics/newsletter-title.jpg) no-repeat;

}



#newsletter div.top h2 { padding:4px 0 0 35px; }



#newsletter div.bot { 

width:163px;

height:20px;

background:url(../pics/newsletter-bot.jpg) no-repeat;

clear:both;

}



#meio #conteudo { 

float:left; 

width:580px;  

}



#conteudo li { float:left; margin-left:5px; }



#conteudo li.first { margin-left:0; }



#conteudo #titulo object { margin:10px; }



/** BOTTOM **/



#bottom { /* aqui fica a newsletter, dicas e endereço */

display:table; /* para o FF */

float:left;

margin-top:10px;

width:787px;

}



#endereco {

position:relative;

display:inline;

float:left;

margin-left:25px;

width:485px;

height:125px;

background:url(../pics/end-bg.jpg) repeat-X left top;

}



#bottom #endereco { margin-left:220px; }



#endereco p { font-size:10px; line-height:15px; padding:3px 8px; text-align:center; }



#endereco div.colEsq {

float:left;

width:7px;

height:125px;

background:url(../pics/end-colEsq.jpg) no-repeat;

}



#endereco div.colDir {

float:right;

width:7px;

height:125px;

background:url(../pics/end-colDir.jpg) no-repeat;

}



#endereco div.tr {

position:absolute;

top:25px;

left:0;

width:100%;

}



/** RODAPÉ **/



#rodape {

position:relative;

width:1003px;

height:62px;

background:url(../pics/rodape.jpg) no-repeat;

clear:both; /* fundamental para o FF */

}



#rodape object {

position:absolute;

top:18px;

left:40px;

}



#rodape p { 

text-align:center;

font:bold 11px tahoma, verdana, arial;

color:#fff;

padding-top:20px;

}



/** FALE CONOSCO **/



#contato { 

margin:0 auto;

text-align:left; 

width:430px; 

}



#contato form{ font-size: 10pt; }

        

fieldset{

padding: 20px;

border: 1px solid #ccc;

width: 70%;

}



legend{

font-weight: bold;

color: #666666;

font-size: 11pt;

letter-spacing: 1px;

}



/* HACK PARA CORRIGIR O MARGIN-BOTTOM*/

html>body #contato legend{

margin-bottom: 0px;

}



#contato input{

border-top: 1px solid #333;

border-left: 1px solid #333;

border-bottom: 1px solid #ccc;

border-right: 1px solid #ccc;

font-size: 13px;

margin-bottom: 10px;

color: #0E0659;

}



#contato select{

border: 1px solid #333;

font-size: 13px;

margin-bottom: 10px;

color: #0E0659;

}



#contato label{

display: block;

width: 20px;

float: left;

color:#485131;

border-bottom: 1px solid #f1f1f1;

font:bold 11px Trebuchet MS, verdana;

}



#contato span{

color: #999;

font-size: 12px;

}



#contato .botao{

font-size: 13px;

background: #f1f1f1;

margin: 15px 0;

}



/** PÁGINA CLIENTES **/



ul.clientes { margin-left:30px; }



ul.clientes li { float:none !important; list-style-type:disc; line-height:160%;}



ul.clientes li a { color:#2570B4; }



ul.clientes li a:hover { text-decoration:underline; }