/*---
Folha de estilos de Guanda Baterias

Lecom S.A. - Liderança Estratégica em Comunicação Digital
www.lecom.com.br

Criado por Juliana Moreira
em dez/2008
---*/ 

/** CSS RESET **/
* {font-family:inherit; font-style:inherit; font-size:100%; border:0 none; outline:0; padding:0; margin:0; font-family:verdana, sans-serif; list-style:none;}

/** DEFINIÇÕES GERAIS **/
body {background-color:#50618c; font-size:12px;}

a {text-decoration:none; color:#340e70;}
a:hover {text-decoration:underline;}

h2 {color:#004c98; margin:0 !important; padding:6px 0 6px 0 !important; font-size:16px;}
h3 {color:#004c98; margin:0 !important; padding:6px 0 6px 0 !important; font-size:16px;}
h4 {color:#004c98; margin:0 !important; padding:6px 0 6px 0 !important; font-size:14px;}
h5, h6 {color:#004c98; margin:0 !important; padding:6px 0 6px 0 !important; font-size:12px;}

hr {border-top:1px solid #ccc !important; border-bottom:none; height:1px; margin:10px 0 !important;}

img, img a {border:none;}

p {padding:0 0 20px 0 !important; margin:0 !important;}
span {font-weight:bold; color:#004c98;}

.some {display:none;}
.cresce {clear:both; width:0; height:0; line-height:0; float:none;}

table, tr, td, hr {border:none; margin:0; padding:0; }
.tabelaBorda1 {border:1px solid #ccc !important; padding:0;}
.tabelaBorda2 {border:2px solid #ccc !important; padding:0;}

#geral {background:url(../img/bg_index.png) repeat-x top #fff; }
#wrapper {width:995px; margin:0 auto;}


/**  TOPO  **/
#topo {height:118px; background:url(../img/bg_topo.jpg) no-repeat; padding:30px 18px 0 20px;}
h1 {text-indent:-9999px; float:left;}
h1 a {background:url(../img/tit_principal.png) no-repeat; display:block; width:314px; height:98px;}


/** MENU **/
#mn {background:url(../img/bg_menu.jpg) no-repeat; display:table; width:446px; height:41px; float:right; margin-top:76px;}
#mn li {float:left; padding:12px 0 0 20px;}
#mn li a {color:#fff; font-weight:bold;}

		
/** CONTEUDO **/
#banner {height:272px; background:url(../img/banner.jpg) no-repeat top center;}
#conteudo {width:995px; color:#444;}


/**  HOME  **/
#conteudo-hm {width:995px; margin:auto; background:url(../img/bg_conteudo_hm.png) no-repeat top center; display:table;}
#conteudo-hm h2 {padding:0 !important;}

#hm-esq, #hm-mid, #hm-dir {height:200px; float:left; padding:0 0 15px 15px;}

#hm-esq {background:url(../img/ico_prodserv_hm.jpg) no-repeat right top; width:360px; padding:30px 0 30px 15px;}
#hm-esq p {width:180px;}
#hm-esq a {font-weight:bold;}

#hm-mid a, #hm-dir a {color:#444;}

#hm-mid {width:230px; padding-left:40px;}

#hm-dicas {background:url(../img/ico_dicas_hm.jpg) no-repeat right top; padding:30px 0 40px 0}
#hm-dicas p {width:180px;}

#hm-orcam {background:url(../img/ico_orcam_hm.jpg) no-repeat right top; padding:10px 0 30px 0}
#hm-orcam p {width:150px;}

#hm-dir {width:272px; padding-left:50px;}

#hm-repres {background:url(../img/ico_repres_hm.jpg) no-repeat right top; padding:30px 0 40px 0;}
#hm-repres p {width:156px;}

#hm-sos {background:url(../img/ico_sos_hm.jpg) no-repeat right top; padding:10px 0 30px 0;}
#hm-sos p {background:url(../img/ico_telefone.png) no-repeat; text-indent:-9999px; width:157px; height:19px;}

h2#tit-prodserv-hm {background:url(../img/tit_prodserv_hm.png) no-repeat; width:192px; height:35px; text-indent:-9999px;}
h2#tit-dicas-hm {background:url(../img/tit_dicas_hm.png) no-repeat; width:57px; height:35px; text-indent:-9999px;}
h2#tit-orcam-hm {background:url(../img/tit_orcam_hm.png) no-repeat; width:117px; height:35px; text-indent:-9999px;}
h2#tit-repres-hm {background:url(../img/tit_repres_hm.png) no-repeat; width:153px; height:35px; text-indent:-9999px;}
h2#tit-sos-hm {background:url(../img/tit_sos_hm.png) no-repeat; width:128px; height:35px; text-indent:-9999px;}


/**  INTERNAS  **/
#produtos-esq {background:url(../img/bg_produtos.png) no-repeat !important; width:286px; height:558px; margin:18px 0 0 0; float:left;}
#produtos-esq li {text-align:center; padding:15px 0 0 9px; float:left; height:100px;}
#produtos-esq li img {width:129px;}

#direita {float:right; width:680px; margin:18px 0 0 0;}
#direita p, #meio p {margin:18px 0; line-height:18px;}
#direita h2, #meio h2 {text-indent:-9999px; height:21px;}
#direita img, #meio img {padding:5px; border:1px solid #ccc; background-color:#fff; margin:0 10px; clear:left!important;}
#direita table {padding:15px 0 0 0; margin:auto; width:141px;}
#direita table select {float:left; margin:0 10px; background-color:#bbcfe4;}
#direita table img {border:0; padding:0; margin:0;}

#meio {width:680px; display:table; margin:18px auto 0 auto;}
#meio img {width:auto;}

h2#tit-ambiente {background:url(../img/tit_ambiente.png) no-repeat; width:147px;}
h2#tit-empresa {background:url(../img/tit_empresa.png) no-repeat; width:147px;}
h2#tit-logistica {background:url(../img/tit_logistica.png) no-repeat; width:147px;}
h2#tit-dicas {background:url(../img/tit_dicas.png) no-repeat; width:90px;}
h2#tit-prodserv {background:url(../img/tit_prodserv.png) no-repeat; width:192px;}
h2#tit-produtos {background:url(../img/tit_produtos.png) no-repeat; width:89px;}
h2#tit-contato {background:url(../img/tit_contato.png) no-repeat; width:78px;}
h2#tit-orcam {background:url(../img/tit_orcam_hm.png) no-repeat; width:117px;}
h2#tit-repres {background:url(../img/tit_repres_hm.png) no-repeat; width:153px;}

ul#produtos {margin:auto;}
ul#produtos li {float:left; width:201px; height:175px; background:url(../img/bg_produto.png) no-repeat; text-align:center; padding:13px 0 0 0; margin:10px 20px 10px 0; position:relative;}
ul#produtos li img {border:none; padding:0; margin:0; display:block; float:none; margin:auto;}
ul#produtos li p {clear:both; margin:5px 0 0 0; padding:0 !important; font-weight:bold;}
.mais a {width:11px; height:11px; display:block; position:absolute; right:4px; top:158px; text-indent:-9999px;}

#cxPaginacao {display:table; width:150px; margin:auto; padding-top:20px;}
#cxPaginacao img {border:0; padding:0; margin:0;}
#cxPaginacao select {float:left; margin:0 10px; background-color:#bbcfe4;}

#cxResultado {text-align:center; clear:both;}

#toolBar {clear:both; font-weight:bold;}

#descricao {clear:both; display:block; padding-top:20px;}
#imagem {text-align:center;}
#imagem img {float:none;}

#sendImg {clear:both;}
#sendImg img {width:121px; height:16px;}
#sendOrc {text-align:center; margin-top:10px;}
#sendOrc img {width:180px; height:16px; border:none;}
#paginacaoProd img {width:12px; height:19px; float:left;}

#link {font-weight:bold; margin-top:10px;}

#produtos-dir li, #meio li {list-style-type:square; margin-left:15px; font-weight:bold; line-height:18px; color:#aaa;}


/* FALE CONOSCO, ENVIAR AMIGO */
form {padding-top:15px; width:546px; margin:0 auto;}
legend {margin-bottom:15px;}
input, textarea {width:380px; background-color:#e2ecf7; padding:4px 3px; margin-bottom:10px;}
input[type="hidden"] {display:none;}
label {font-weight:bold; width:150px; float:left !important; text-align:right; margin:2px 5px 0 0; _margin-right:2px; color:#777;}
.bt_enviar {background-color:#bbcfe4 !important; width:70px !important; margin:0 0 0 140px !important; display:block; font-weight:bold; color:#004c98;}
#radios input {float:left; width:10px; padding-left:0px; margin:0 !important; background:none !important;}
#radios label {padding-left:3px; margin:0!important; text-align:left;}
#radios {width:350px; height:35px; xborder:1px solid #00FF00; display:block; clear:both; padding-left:150px;}

form p {padding:0 0 10px 140px !important; font-size:11px;}

#frContato {margin-bottom:40px;}
#frContato p {padding:0 0 10px 140px !important; font-size:11px; width:400px; text-align:left;}



/** RODAPE **/
#rodape {background:url(../img/bg_rodape.jpg) repeat-x top; text-align:center; height:46px; padding:8px 0 0 0; margin:18px 0 0 0;}
#rodape p {color:#fff; font-size:11px; float:left; padding-top:10px !important; width:556px;}
#rodape-dentro {width:630px; margin:auto; display:table;}
#lecom {float:right; text-indent:-9999px; width:65px;}
#lecom a {background:url(../img/logo_lecom.png) no-repeat; height:28px; display:block;}