* {
margin:0;
padding:0;
list-style:none;
text-decoration:none;
}

img { border:none; }

body { background-color:#5192b4; }

h1 {
font:bold 11px verdana, arial;
color:white;
text-transform:uppercase;
}

h2 {
font:bold 11px verdana, arial;
color:white;
}

#destaque h1, #artigos h1, #noticias h1 { 
padding:9px 8px 0;
float:right;
}

input, textarea, label { /* qualquer formulário */
font:11px verdana, arial;
color:#666666;
}

label { color:#f18c70; }

#geral {
position:absolute;
top:5px;
left:0;
width:1003px;
}

/** TOPO **/

#topo {
width:1003px;
height:147px;
background-color:white
}

/* TOPO > banner */

#topo #banner {
width:1003px;
height:104px;
background-image:url(../pics/banner.jpg);
}

/* TOPO > menu */

#topo #menu {
width:1003px;
height:43px;
}

#menu ul { margin:8px 0 0 25px; }

#menu li {
text-align:center;
float:left;
display:inline; /* para deixar os links horizontais */
margin-left:19px;
}

#menu a {
padding-top:4px;
display:block; /* para fazer a tag "a" reagir como um elemento em bloco, assim posso usar o padding. */
background:url(../pics/bt.gif) no-repeat;
width:115px;
height:21px;
font:bold 9px verdana, arial;
color:white;
text-transform:uppercase;
}

#menu a:hover { background:url(../pics/bt_over.gif) no-repeat; }

#menu a:active { background:url(../pics/bt_visited.gif) no-repeat; }

/** CENTRO **/

#centro {
float:left;
width:1003px;
background-color:white;
}

/* CENTRO > fla */

#centro #fla {
float:right;
width:688px;
height:180px;
background-image:url(../pics/fla.jpg);
margin-bottom:20px;
}

#fla ul {
margin: 0px 0 0 70px;
}

#fla ul li {
float:left;
display:inline;
}

/* CENTRO > conteudo */

#centro #conteudo {
float:right;
width:688px;
}

/* CONTEUDO > interna */

#conteudo #interna {
background-color:#F4F4F4;
padding:20px;
}

#conteudo #interna p { 
text-align:justify;
text-indent:15px;
padding:4px 20px 4px 20px;
color:#333333; 
line-height:160%;
}

.txt {

text-align:justify;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color:#333333;

}

/* INTERNA > flax */

#interna #flax { 
height:25px;
width:600px; 
}

#interna #flax object {
margin-left:8px;
float:left
}

#conteudo #flax embed { margin-left:10px; }

/** DESTAQUE **/

#conteudo #destaque {
float:left;
margin-left:5px;
width:274px;
}

#destaque div.title {
width:274px;
height:28px;
background:url(../pics/title_bg.jpg) left repeat-X;
}

#destaque dl { margin-left:60px; }

#destaque dl dt, #artigos dl dt {
color: #d64427;
font: bold 12px Verdana, Arial, tahoma, sans-serif;
clear:both;
margin: 15px 0 0;
}

#destaque dl dd {
font: 11px/18px Verdana, Arial, Sans-Serif;
color: #7D7B7B;
width:180px;
}

#destaque dl dd a {
color:#B5341D;
}

#destaque img.img-left {
float:left;
border:none;
}

/** ARTIGOS **/

#conteudo #artigos {
float:right;
width:397px;
height:100%;
height:auto;
}

#artigos #bottom { /* essa div foi criada porque ao aplicar float na div #colunas, a div #artigos ficou sem altura, entao coloquei essa div abaixo de tudo e apliquei clear:both para a div #artigos ter uma altura e apresentar o seu background. Se vc n entendeu. retire esse clear:both e veja o q acontece. */
width:397px;
clear:both; /* :) */
}

#artigos div.title {
width:397px;
height:28px;
background:url(../pics/title_bg.jpg) left repeat-X;
}

#artigos #colunas { 
float:left; 
margin-left: 7px; 
width:114px;
height:180px;
background-color:#85b5c9;
text-align:center;
padding:6px 2px;
}

html > body #artigos #colunas { margin-left: 11px;  }

#artigos #colunas p { 
padding-top:5px; 
color:#333333; 
font:11px verdana, tahoma, sans-serif;
}

#artigos #colunas a.ver-artigo { 
display:block;
width:101px;
height:22px;
color:white; 
font:10px verdana, tahoma, sans-serif;
background:url(../pics/bt-colunas.jpg) no-repeat;
padding-top:3px;
}

html > body #artigos #colunas a { margin-left:5px; }

#artigos #colunas img { border:1px solid #666666; }

#artigos div.descricao { /* bg das colunas */
margin-top:8px;
width:397px;
background-color:#15355B;
}

#artigos div.descricao div.top {
width:397px;
height:10px;
background:url(../pics/artigosBG_top.jpg) no-repeat;
}

#artigos div.bot {
width:397px;
height:9px;
background:url(../pics/artigosBG_bot.jpg) no-repeat;
}

/* CENTRO > lateral */

#centro #lateral {
float:right;
margin:0 14px 0 18px;
width:244px;
}

#centro > #lateral { margin-right:28px; } /* "hack" */

/* LATERAL > noticias */

#lateral #noticias div.title {
width:244px;
height:28px;
background:url(../pics/title_bg.jpg) left repeat-X;
}

#lateral #noticias ul { margin:15px 0 0 15px; }

#lateral #noticias ul li { 
margin-top:5px;
font: 11px/18px Verdana, Arial, Sans-Serif;
color:#666666;
border-bottom:1px solid #666666;
width:200px;
padding-bottom:10px;
}

#lateral #noticias ul li span.data { 
font-weight:bold;
font-size:12px;
color: #d64427;
}

/* LATERAL > indique */

#lateral #indique {
width:229px;
height:170px;
margin:10px auto;
background:url(../pics/indique.jpg) no-repeat;
}

#indique form { margin-left:10px; }

#indique form a { 
padding:5px 18px 0;
float:right;
font:bold 13px verdana, arial;
color:white;
}

#indique h2 { padding:10px; }

/** RODAPE **/

#rodape {
position:relative;
float:left;
width:1003px;
height:51px;
background-image:url(../pics/rodape.jpg);
}

#rodape object { margin:25px 0 0 38px; }

#rodape embed { margin-top:25px; }

#rodape p {
font:10px verdana, arial, tahoma, sans-serif;
color:white;
position:absolute;
right:220px;
top:28px;
}

/** PÁGINA EMPRESAS **/

#interna ul { margin:15px 0 0 15px; }

#interna ul li { 
margin-top:5px;
font: 11px/18px Verdana, Arial, Sans-Serif;
color:#333333; 
border-bottom:1px solid #999999;
width:600px;
padding-bottom:10px;
}

#interna ul li span.data { 
font-weight:bold;
font-size:12px;
color: #0066CC;
}

#interna ul li a {
font-weight:bold;
color:#B5341D; 
font-size:10px;
}

#interna ul li a:hover { text-decoration:underline; }

/** PÁGINA COMERCIAL **/

#interna dl.comercial {
margin:10px 30px;
border-bottom:1px solid #999999;
padding-bottom:10px;
}

#interna dl.comercial dt {
text-align:right;
float:left;
width:150px;
color: #0066CC;
font: bold 12px Verdana, Arial, tahoma, sans-serif;
clear:both;
}

#interna dl.comercial dd {
font: 11px/14px Verdana, Arial, Sans-Serif;
color:#333333;
width:auto;
padding-top:2px;
margin-left:160px;
border:none;
}

#interna dl.comercial dd a { color:#B5341D; }

#interna dl.comercial dd a:hover { text-decoration:underline; }

/** PÁGINA LOCALIZAÇÃO **/

#interna #localizacao {
text-align:center;
margin:10px 0 0 80px;
width:520px;
}

/** PÁGINA CONTATO **/

form.contato input.bt { 
margin-top:5px;
border:none
}

form.contato input.check { margin-top:5px; }

form.contato textarea { margin-top:5px; }