/* 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:#CCCCCC;
background-image:url(images/fundo.jpg);
background-repeat:repeat;
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: 770px;
height: auto;
text-align: left; /* "remédio" para o hack do IE */  
margin: auto;
}

/* ------------- TOPO --------------- */
#topo {
width: 770px;
height: 196px;
}
.logo {
background-image:url(images/topo2.png);
width: 770px;
height: 162px;
}
h1 {
text-indent: -9000px;
}
#mainmenu {
width: 770px;
height: 34px;
background-image:url(images/mainmenu.jpg);
}
#mainmenu ul{
padding-top: 5px;
}
#mainmenu ul li{
display:inline;
}
#mainmenu li.index{
padding-left: 55px;
}
#mainmenu li.empresa{
padding-left: 90px;
}
#mainmenu li.vendas{
padding-left: 110px;
}
#mainmenu li.contato{
padding-left: 105px;
}
#mainmenu li.localizacao{
padding-left: 50px;
}
#mainmenu ul li a:link{
font: bold 13px Arial, Helvetica, sans-serif;
color:#006600;
}
#mainmenu ul li a:visited{
font: bold 13px Arial, Helvetica, sans-serif;
color:#006600;
}
#mainmenu ul li a:hover{
color:#009900;
}
#mainmenu ul li a:active{
font: bold 13px Arial, Helvetica, sans-serif;
color:#006600;
}
/* ----------------CONTEUDO ----------------*/
#conteudo {
width: 765px;
height: auto;  /*----------------- define valor p/ o fd aparecer no Firefox--*/
background-image:url(images/conteudofundo.jpg);
background-repeat:repeat-y;
margin-left: 1px;
}
/* -----------COLUNA ESQUERDA ---------------*/

#colunaesq{
width: 170px;
height: auto;
float: left;
}
#menulateral {
width: 170px;
height:auto;
}
.barra {
background-image:url(images/menulateraltopo.jpg);
background-repeat:no-repeat;
width: 170px;
height: 49px;
}
.barra h2 {
font: bold 14px Arial, Helvetica, sans-serif;
color: #006600;
padding: 25px 0px 0px 20px;
}
#menulateral ul li {
background-image:url(images/menulateralfundo.jpg);
width: 170px;
height: 32px;
}

#menulateral li.nac, li.inter, li.placas,  li.talas, li.fix{
padding-top: 7px;
}
#menulateral ul li a:link {
font: bold 12px Arial, Helvetica, sans-serif;
color:#333333;
padding-left: 20px;
}
#menulateral ul li a:visited {
font: bold 12px Arial, Helvetica, sans-serif;
color:#333333;
padding-left: 20px;
}
#menulateral ul li a:hover{
color:#006600;
}
#menulateral ul li a:active {
font: bold 12px Arial, Helvetica, sans-serif;
color:#333333;
padding-left: 20px;
}
#faleconosco {
margin-left: 40px;
margin-top: 10px;
}
/* -------------------- CONTEUDO - VER CSS -----*/


/* --------------------CONTROLE TAMANHO FD --------*/
h6 {
text-indent: -9000px;
padding-bottom: 5px;
clear: both;
}
/* -------------- RODAPE ---------------*/
#rodape {
background-image:url(images/rodape.jpg);
width: 770px;
height: 33px;
clear: both;
}
#rodape h5 {
font: 12px Arial, Helvetica, sans-serif;
color:#333333;
text-align:center;
padding-top: 9px;
}