/* Reset All */
html{font:normal 12px Tahoma;width:100%;height:100%;overflow: -moz-scrollbars-vertical;color:#0f263f;}
body,div,dl,dt,dd,ul,ol,li{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-weight: normal;color:#0b1f35;}
pre,form,fieldset,p,blockquote{margin:0;padding:0;}
th,td{margin:0;padding:0;vertical-align: top;}
address,th{font-style:normal;font-weight:normal;}
caption,th{text-align:left;}
img,fieldset{border:none;}
ol,ul{list-style:none;}
a{
color:#0f263f;
}
a:hover{
color:#333;
}

#corpo{
width: 890px;
height: 100%;
margin: 0 auto;
padding: 5px 5px;
}
#topo{
padding: 5px 0;
text-align: center;
}
#topo .logo{
text-align: center;
display: inline;
padding: 0 20px;
}
#topo img{
margin: 30px 0;
}
#topo form{
text-align: left;
margin: 20px 0 20px 0;
}
#topo input.busca{
border: 1px solid #666;
width: 390px;
height: 30px;
font: normal 22px Tahoma, Verdana;
color:#222;
}
#topo input.botao{
width: 86px;
height: 30px;
font: normal 18px Tahoma, Verdana;
margin-left: 10px;
}
.left{
float: left;
}
.right{
float: right;
}
#adtop{
clear: both;
margin-top: 5px;
}
#adtop .banner{
width: 728px;
}
#adtop .links{
margin-left: 734px;
}
#menu{
display: block;
text-align: center;
margin: 16px 0 26px 0;
}
#menu li{
display: inline;
}
#menu li a{
padding: 11px 6px;
background-color:#e7e9eb;
color:#0f263f;
text-transform: uppercase;
text-decoration: none;
}
#menu li a.red{
background-color:#A32122;
color:#FFF;
}
#menu li a.red:hover{
background-color:#0F263F;
color:#FFF;
}
#menu li a:hover{
background-color:#b8c1c9;
}
#chamada{
width: 593px;
height: 188px;
background-color: #a22122;
color:#FFF;
}
#chamada h1{
text-transform: uppercase;
color:#FFF;
margin: 40px 15px 10px 15px;
}
#chamada p{
padding: 10px 15px;
font-size: 15px;
}
#chamada a{
color: #FFF;
}
#chamada a:hover{
color: #e1e1e1;
}
#tempo{
margin-left: 598px;
width: 293px;
height: 178px;
background-color: #e7e9eb;
padding-top: 10px;
color: #0f263f;
}
#tempo h2{
display: inline;
text-transform: uppercase;
font-size: 14px;
background-color: #FFF;
padding: 10px 10px;
}
#tempo table{
width: 260px;
margin: 0 auto;
margin-top: 15px;
font-size: 14px;
text-align: center;
border-collapse: collapse;
}
#tempo td{
vertical-align: middle;
}
#tempo .fonte{
text-align: right;
font-size: 10px;
padding-top: 5px;
}
#tempo .tempo{
font-size: 12px;
padding-bottom: 10px;
}
#tempo .proxdia{
background-color: #f2f2f2;
}
.temperatura{
font-size: 48px;
}
.estabelecimentos{
background-color: #dbdfe2;
margin: 5px 0;
padding-top: 10px;
}
.estabelecimentos h2{
text-transform: uppercase;
background:#d3c3c5;
display: inline;
padding: 10px 10px;
}
.estabelecimentos table{
width: 830px;
margin: 10px 30px;
}
#rodape{
background-color:#0f273f;
color:#fff;
text-align: center;
font-size: 11px;
padding: 10px 10px;
clear: both;
}
#rodape a{
color: #FFF;
}
#rodape a:hover{
color:#999;
}
#rodape ul{
margin: 10px 0;
}
#rodape ul li{
display: inline;
padding: 10px 5px;
}
#torre{
float: right;
width: 160px;
/* height: 600px; */
}
#torre .submarino, .right .submarino{
text-align: center;
padding: 10px 0;
}
#conteudo{
width: 718px;
}
#conteudo h1{
color:#a22122;
font-size: 32px;
margin: 7px 0;
}
#conteudo h1 a{
text-decoration: none;
color:#a22122;
}
#conteudo h1 a:hover{
color: #a22122;
}
#conteudo table{
width: 100%;
}
#conteudo .right h1{
font-size: 14px;
text-transform: uppercase;
}
.blockdireita{
width: 295px;
padding: 10px 0 10px 0;
}
.submarino{
margin-bottom: 10px !important;
}
.blockdireita ul{
margin-left: 20px;
}
#conteudo .right{
margin-right: 0px;
}
#comentarios, #mapa{
width: 400px;
}
#mapa{
clear: left;
}
.adr{
padding: 3px 3px;
}
.adr span{
padding-left: 10px;
}
.endereco{
width:246px;
background-color: #E0EAEF;
padding: 3px 6px 3px 3px;
}
.endereco .tel{
margin: 4px 0;
padding-left: 3px;
}
.endereco .tel span{
font-size: 16px;
}
.acoes{
margin-left: 256px;
width: 147px;
}
.acoes li{
text-align: center;
width: 147px;
background-color: #eaedef;
text-transform: uppercase;
margin: 2px 0;

}
.acoes a{
text-decoration: none;
padding: 3px 0;
width: 147px;
display: block;
}
.acoes a:hover{
background-color:#b8c1c9;
}
.left .formulario{
width: 400px !important;
margin-top: 3px;
}
.formulario{
width: 560px !important;
margin: 0 auto;
margin: 20px 0;
}
.formulario input, .formulario select, .formulario textarea{
font: normal 18px Tahoma, Verdana, Arial;
color:#333;
width: 100%;
border-width: 1px !important;
height: 26px;
}
.formulario textarea{
height: 86px !important;
font-size: 13px;
}
.formulario .botao, .pagseguro .botao{
width: 100px !important;
height: 30px !important;
margin: 15px 0 0 5px;
font: normal 14px "Trebuchet Ms", Verdana, Arial;
}
#conteudo .left h2{
text-transform: uppercase;
font-size: 14px;
margin-top: 15px;
color: #a22122;
}
#conteudo .left h3{
margin-top: 5px;
font-size: 13px;
text-transform: uppercase;
color: #a22122;
}
#comentarios .nome{
background-color: #eaedef;
text-transform: uppercase;
color:#a22122;
padding: 3px 6px;
margin-top: 10px;
}
#comentarios p{
padding: 4px;
text-indent: 10px;
}
.claro, .escuro{
padding: 4px 6px;
margin: 3px 0 3px 30px;
}
div.blockdireita .claro, div.blockdireita .escuro{
padding: 4px 6px;
margin: 3px 10px 3px 10px;
}
.claro{
background-color: #f4f6f7;
}
.escuro{
background-color: #eaedef;
}
.claro .org a, .escuro .org a{
color: #a22122 !important;
font-size: 16px;
}
.lista, .paginacao{
width: 400px;
}
.paginacao{
text-align: center;
margin-bottom: 10px;
}
.paginacao a{
color: #a22122;
font-size: 14px;
}
.paginacao a:hover{
color:#0b1f35;
}
.blockdireita .org {
text-transform: uppercase;
color: #22122;
}
#corpo p{
padding: 10px 5px 5px 0;
}
p.red, span.red{
color: #a22122 !important;
}
ul.recue{
padding-left: 30px;
list-style-type: decimal;
}