/* CSS Document */

* {
margin: 0; /***Hack Para colar o layout no topo no Firefox e outros semelhantes.***/
padding: 0;
text-decoration:none;
list-style:none;
}

body {
background-color:#FFFFFF;
background-image:url(images/fd.jpg);
background-repeat:repeat-x;
text-align: center;   /* hack para o IE */   
margin: 0; /***Zerando as margens gerais da página, isso faz colar o layout no topo da página no IE***/
}

#recipiente {
width: 780px;
height: 636px;
text-align: left; /* "remédio" para o hack do IE */  
margin: auto;
}

/* ------------- TOPO --------------- */
#topo {
width: 780px;
height: 237px;
}
#mainmenu {
width: 780px;
height: 39px;
background-image:url(images/mainmenu.jpg)
}
#mainmenu ul{
padding-top: 9px;
}
#mainmenu ul li{
display:inline;
}
#mainmenu li.index{
padding-left: 55px;
}
#mainmenu li.empresa{
padding-left: 68px;
}
#mainmenu li.contato{
padding-left: 312px;
}
#mainmenu li.localizacao{
padding-left: 45px;
}
#mainmenu ul li a:link{
font: bold 13px Arial, Helvetica, sans-serif;
color:#333333;
}
#mainmenu ul li a:visited{
font: bold 13px Arial, Helvetica, sans-serif;
color:#333333;
}
#mainmenu ul li a:hover{
color:#CC6600;
}
#mainmenu ul li a:active{
font: bold 13px Arial, Helvetica, sans-serif;
color:#CC6600;
}
.logo2 {
width: 780px;
height: 198px;
}
/* ----------------CONTEUDO ----------------*/
#conteudo {
width: 780px;
height: 558px;  /*----------------- define valor p/ o fd aparecer no Firefox--*/
background-image:url(images/conteudofundo.png);
background-repeat:repeat-y;
}
/* -----------COLUNA ESQUERDA ---------------*/

#colunaesq{
width: 211px;
height: auto;
float: left;
}
#menulateral {
width: 200px;
height: 354px;
background-image:url(images/menulateralfundo.jpg);
margin-left: 10px;
}
#menulateral h2 {
font: bold 14px Arial, Helvetica, sans-serif;
color: #CC6600;
padding: 40px 0px 0px 45px;
}
#menulateral li.nac {
padding-top: 33px;
}
#menulateral li.inter {
padding-top: 12px;
}
#menulateral li.placas {
padding-top: 97px;
padding-bottom: 10px;
}
#menulateral li.talas {
padding-bottom: 10px;
}
#menulateral ul li a:link{
font: bold 12px Arial, Helvetica, sans-serif;
color:#333333;
padding-left: 40px;
}
#menulateral ul li a:visited{
font: bold 12px Arial, Helvetica, sans-serif;
color:#333333;
padding-left: 40px;
}
#menulateral ul li a:hover{
color:#CC6600;
}
#menulateral ul li a:active{
font: bold 12px Arial, Helvetica, sans-serif;
color:#333333;
padding-left: 40px;
}
/* ------------------- VENDAS ESQUERDA ----*/
#vendas2 {
background-image:url(images/vendas.jpg);
width: 154px;
height: 196px;
margin-left: 34px;
}
#vendas2 h3 {
font: bold 14px Arial, Helvetica, sans-serif;
color:#333333;
padding: 60px 0px 0px 48px;
}
#vendas2 h4 {
font: 12px Arial, Helvetica, sans-serif;
color:#333333;
padding: 40px 0px 15px 30px;
}
#vendas2 a:link {
font: 12px Arial, Helvetica, sans-serif;
color:#CC6600;
text-decoration:underline;
padding-left:45px;
}
#vendas2 a:visited {
font:12px Arial, Helvetica, sans-serif;
color:#CC6600;
text-decoration:underline;
padding-left:45px;
}
#vendas2 a:hover {
color: #333333;
}
#vendas2 a:active {
font: 12px Arial, Helvetica, sans-serif;
color:#CC6600;
text-decoration:underline;
padding-left:45px;
}

/* -------------------- CONTEUDO - PLACAS DE APOIO -----*/

#placas {
width: 569px;
height: auto;
float: left;
}
#placas h2 {
font: bold 14px Arial, Helvetica, sans-serif;
color: #CC6600;
padding: 15px 0px 15px 20px;
}
#placas p {
font: 13px Arial, Helvetica, sans-serif;
color:#333333;
text-align:justify;
padding: 0 20px 15px 20px;
}
#placas span {
font-weight:bold;
}
.imgplacas {
background-image:url(images/placas.jpg);
width: 540px;
height: 435px;
margin-left: 10px;
}


/* -------------- RODAPE ---------------*/
#rodape {
background-image:url(images/rodape.jpg);
width: 780px;
height: 39px;
clear: both;
}
#rodape h5 {
font: 11px Arial, Helvetica, sans-serif;
color:#333333;
text-align: center;
padding-top: 9px;
}