/* 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;
}
.logo {
width: 780px;
height: 198px;
}
/* ----------------CONTEUDO ----------------*/
#conteudo {
width: 780px;
height: 354px;  /*----------------- 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:#CC6600;
padding-left: 40px;
}
/* -------------------- CONTEUDO - VER CSS -----*/

/* -------------- RODAPE ---------------*/
#rodape {
background-image:url(images/rodape.jpg);
width: 780px;
height: 39px;
clear: both;
}
#rodape h5 {
font: bold 11px Arial, Helvetica, sans-serif;
color:#333333;
text-align:center;
padding-top: 9px;
}
