body { background:#EDEDED url('images/fundo.jpg') repeat-x; }
body.interno { background:#EDEDED url('images/fundo2.jpg') repeat-x; }
.clear { clear:both;}
.cLeft{ float:left; }
.cRight{ float:right; }

#header { height:447px; background:url('images/topo.jpg') top center no-repeat; }
#fundoDragao { width:100%; height:447px; background: url('images/dragao.png') center top no-repeat;}
#centralizaTopo { position:relative; width:980px; height:447px; margin:0 auto;}
#header h1 { z-index:0; position:relative; width:380px; height:244px; background:url('images/logo.png') top left no-repeat; text-indent:-999px; overflow:hidden; float:left;  margin-left: -110px;}
#header .tituloPagina { z-index:999; top:160px; left:0; position:absolute; }
#header h1 a { width:380px; height:244px; display:block; }

#banners { width:980px; height:300px; position:absolute; top:145px; }
#nav { width:50px; height:20px; position:absolute; bottom:2px; }

body.interno  #header, body.interno  #fundoDragao, body.interno  #centralizaTopo, body.interno #header h1 { height:216px; }

#menu { width:495px; height:124px;  float:right; }
#menu li {float:left; }
#menu li a { color:#fff; display:block; margin-right:10px; display:block; height:124px; background-image:url('images/sprite-menu.png'); background-repeat:no-repeat; text-indent:-999px; overflow:hidden; }
#menu li a:hover { background-color:#000000 transparent; }
#menu li#mHome a { margin:0; width:37px; background-position:-9px 0; }
#menu li#mQuemSomos a { width:111px; background-position:-47px 0; }
#menu li#mServicos a { width:82px; background-position:-158px 0; }
#menu li#mProdutos a { width:83px; background-position:-239px 0; }
#menu li#mFaleConosco a { width:114px; background-position:-322px 0; }
#menu li#mHome a:hover { background-position:-9px -124px; }
#menu li#mQuemSomos a:hover { background-position:-47px  -124px; }
#menu li#mServicos a:hover { background-position:-158px -124px; }
#menu li#mProdutos a:hover { background-position:-239px -124px; }
#menu li#mFaleConosco a:hover { background-position:-322px -124px; }
#menu li#mQuemSomos.selecionado a { background-position:-47px -248px; }
#menu li#mServicos.selecionado a { background-position:-158px -248px; }
#menu li#mProdutos.selecionado a { background-position:-239px -248px; }
#menu li#mFaleConosco.selecionado a { background-position:-322px -248px; }

#main { padding-top:40px; padding-bottom:10px; width:980px; margin:0 auto;}
#main h2 { font: 20px Arial, Verdana, sans-serif; font-weight:bold; }
#main p { font: 14px Arial, Verdana, sans-serif; color: #666666; padding: 15px 0 0px 0px; line-height:1.4em; }


/*HOME */
#innerLeft { width:275px; height:245px; float:left; padding:2px; }
#innerRight { width:640px; height:245px; float:left; margin-left:45px; padding:2px; }
#itensServico { margin-top:27px;}
.itemServico { font:12px Arial, Verdana, sans-serif; color:#676767; font-weight:bold; width:203px; height:38px; float:left; background:url('images/bg_item_servico.png') top center no-repeat; margin: 5px 5px;}
.iconeItemServico { width:45px; height:35px; float:left; }
.descServico { float:left; padding: 11px 0 0 10px;}

/*QUEM SOMOS*/
.divPadrao { overflow:hidden; width:682px; background:#FFF; box-shadow: 0px 2px 3px #D6D6D6; -webkit-box-shadow: 0px 2px 3px #D6D6D6; -moz-box-shadow: 0px 2px 3px #D6D6D6;}
.divPadrao h2 { margin:20px; border-bottom:1px solid #E2E2E2; padding-bottom:10px; margin-bottom:0px; }
.divPadrao div.textoDivPadrao { padding:20px; padding-top:0; background:url(images/flexinha.png) left 20px no-repeat; }
.mapa img { margin-top:25px; box-shadow: 0px 2px 3px #D6D6D6; -webkit-box-shadow: 0px 2px 3px #D6D6D6; -moz-box-shadow: 0px 2px 3px #D6D6D6; float:left; }
#divsLaterais { width:280px; height:50px; float:left; margin-left: 15px; }
#divsLaterais  h2 { margin-left:15px;}
.divLateral { padding:15px; font:14px Arial, Verdana, sans-serif; color: #666666; line-height:20px; }
.linhaLateral { width:250px; height:3px; background:url(images/line_lateral.png) center top no-repeat; margin: 0 auto; padding:5px 0 5px 0;}

/*SERVICOS*/
.divItemServico { width:100%; height:165px; }
.divPadraoServico { margin-left: 35px; margin-bottom:55px;  width:770px; }

/*PRODUTOS*/

.tituloProduto { width:930px; height:21px; background:url(images/bg_titulo_produto.jpg) center top no-repeat; padding:25px; margin-top:-3px; cursor:pointer; }
.tituloProduto h2 { font:18px Arial, Verdana, sans-serif; font-weight:bold; } 

.descProduto { display:none; padding-bottom:30px; }
.descProdutoL { width:490px; float:left;}
.descProdutoR { width:460px; float:left; margin-left:30px; }
.descProdutoInterno { margin-top: 35px; padding-bottom:20px; font-size:14px; color:#666; border-bottom:1px solid #C6C6C6; }

.divPadraoProduto { margin-top: 40px; width:486px; }
.telaProduto { margin-top:30px;}

.semFlecha { padding:0 !important; background:none !important; }
.semFlecha ul li { padding:10px 20px; background:url(images/flexinha.png) left center no-repeat; font-size:14px; color:#666; }

/*FALE CONOSCO*/

#formularioL { width:472px; float:left;}
#formularioR { width:508px; float:left; }
#formularioL input, textarea { resize:none; background: #EDEDED; margin-left:20px; height:30px; padding:3px; font:12px Arial, Verdana, sans-serif; color:#BDBDBD; border:1px solid #FFF; box-shadow: 0px 0px 1px #C1C1C1; -webkit-box-shadow: 0px 0px 1px #C1C1C1; -moz-box-shadow: 0px 0px 1px #C1C1C1; }
.campoForm { height:60px;}
.tituloCampo { width:70px; font:18px Arial, Verdana, sans-serif; font-weight:bold; float:left; margin-top:10px;}
.tituloCampo2 { width:90px; }
.inputCampo { float:left; }
.textoContato { height:135px; width:371px; padding:10px; margin-bottom:10px; }
.mapa_faleconosco { float:left; width:682px; }
.ligue_faleconosco { width:230px; float:right; margin-top:30px; font-size:14px; color:#666; }
.ligue_faleconosco h2 { color:#000; font-size:18px; }
.imgTelefone { background:url('images/telefone-contato.png') left top no-repeat; width:192px; height:30px; text-indent:-999px; overflow:hidden; margin-top:10px; }

/*RODAPE*/
#rodape { padding:100px 0 50px 0;  width:980px; height:70px;  margin:0 auto; background:url('images/line_rodape.png') bottom center no-repeat; }
#rodape h2 { font: 20px Arial, Verdana, sans-serif; font-weight:bold; color:#A4A4A4;}
#rodape span { float:left; padding:35px 45px 50px 0; font: 10px Arial, Verdana, sans-serif; color:#A4A4A4;} 
#rodape strong.vermelho { color:#B02C2B; }
#rodape a { color:#666666; text-decoration:underline; }
#links_rodape { float:right; font: 10px Arial, Verdana, sans-serif; margin-top:40px; text-align:right; }
#links_rodape a { color:#666666; text-decoration:underline; }