/* Declaracoes Gerais */
body { background: url(../img/bg.jpg) repeat-x #0f173b }
* { border: 0; color: #6e6d6d; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0; padding: 0; line-height: 19px; list-style: none; text-align: justify }
a { text-decoration: none }
a:hover { text-decoration: underline }
hr, .esconder { display: none }
address { font-weight: normal; font-style:normal }
big { font-size: 18px; font-weight: bold }
h1 { font-size: 16px }
h2 { font-size: 14px }
h3 { font-size: 12px }
h4, h4 * { font-size: 10px }
.vermelho { color: #7A130B }
.alinhamento-centro { text-align: center }

/* Resolve problema de float no Firefox sem utilizar display table */
div.linha-chamada:after, div#conteudo-rodape:after, div#conteudo:after, div#links-uteis:after, div#detalhes-novidades-topo:after, div#paginacao ul:after, div#paginacao:after, div#engloba-quatro-promocao:after { content: "."; clear: both; display: block; visibility: hidden; height: 0 }

/* Envolve o site inteiro */
div#principal { margin: 0 auto; width: 914px; height: 100% }

/* Envolve o conteudo do site */
div#conteudo { margin: -6px auto; width: 890px; background: url(../img/bg-rodape-conteudo.jpg) no-repeat bottom #FFF; padding: 0 11px 8px 11px }

/* Atributos comuns a todos os SPAN no H1 e H2: Image Replacement */
h1 span, h2 span { position: absolute; width: 1px; height: 1px; overflow: hidden; visibility: hidden }

/* Envolve menu lateral */
div#lateral-esquerda { float: left; width: 207px; margin: 5px 11px 0 0 }
h2.chamada-bg-lateral-esquerda { background: url(../img/bg-chamadas-lateral.jpg) no-repeat; height: 24px; padding: 4px 0 0 10px; color: #FFF; font-size: 16px }

	/* Grupo de pecas */
	ul#menu-grupo-de-pecas { margin-top: 5px }
	ul#menu-grupo-de-pecas li, ul#menu-links li { background: url(../img/marcador-menu-grupo-pecas.gif) left no-repeat; font-size: 14px; padding: 2px 0 3px 0 }
	ul#menu-grupo-de-pecas li a, ul#menu-links li a { display: block; padding: 3px 0 4px 25px }
	ul#menu-grupo-de-pecas li:hover { background: url(../img/marcador-menu-grupo-pecas-hover.gif) left no-repeat #f3f3f3 }
	
	/* Nossas Lojas */
	#nossas-lojas { margin-top: 20px }
	div#lateral-esquerda object { margin: 0 0 15px 1px }
	
	/* Links uteis */
	div#links-uteis { background-color: #f3f3f3; border: solid 1px #dadada; height: 100% }
	ul#menu-links { margin-top: 5px }
	ul#menu-links li:hover { background: url(../img/marcador-menu-grupo-pecas-hover.gif) left no-repeat }
	a#ver-mais-links { font-weight: bold; float: right; color: #7a130b; margin: 5px 10px 5px 0 }
	
	/* Orcamento Online - Banner */
	img#orcamento-online { margin-top: 20px }
	
	/* Downloads */
	img#downloads { margin-top: 20px }
	
	/* Newsletter */
	div#newsletter { background: url(../img/fique-por-dentro-bg2.jpg) no-repeat; margin-top: 15px; height: 105px }
	div#div-email { background: url(../img/input.jpg) no-repeat; width: 199px; height: 38px }
	input#email-cadastro { float: left; margin: 5px 0 0 6px; width: 140px; line-height: normal }
	input#btn-cadastrar { margin-left: -6px }
	form#form-newsletter ul li { margin: 3px 0 0 5px; text-align: left }
	form#form-newsletter ul li label { color: #19245e; cursor: pointer }
	
/* Envolve a area de conteudo direita */
div#conteudo-direita { float: right; margin-top: 2px; width: 668px }
div#conteudo-direita img { padding: 2px 10px 0 0 }
div#conteudo-direita h1 img, div#conteudo-direita p { font-size: 10px; margin-bottom: 10px }
div#conteudo-direita h2 { margin-bottom: 10px; font-weight: bold }

/* Home */
h2#heading-tag-promocao { margin-top: 2px; background: url(../img/head-promocao.jpg); width: 364px; height: 26px }
h2#heading-tag-empresa { margin-top: 2px; background: url(../img/head-empresa.jpg); width: 278px; height: 26px }
h2#heading-tag-empresa-full { margin-top: 2px; background: url(../img/head-empresa2.jpg); width: 666px; height: 26px }
h2#heading-tag-novidades { background: url(../img/head-novidades.jpg) bottom no-repeat; width: 666px; height: 51px; clear: both }
div#chamada-promocao { float: left }
div#chamada-empresa { float: right; width: 278px }
div#chamada-empresa p, div#chamada-empresa-full p { padding-top: 15px }
img#foto-fachada { margin-top: 20px }
div#destaques-novidades img { margin-top: 35px }
ul#listagem-novidades-home li { height: 128px }
ul#listagem-novidades-secundaria li { margin-bottom: 30px; height: 69px }
div.data { width: 77px; height: 53px; background-color: #f3f3f3; border: dotted 1px #dadada; float: left; margin: 11px 10px 0 0 }
div.data p { text-align: center; margin-top: 17px }
div.conteudo-destaques { padding-top: 10px }
div.conteudo-destaques h3 a { color: #7a130b }
div.conteudo-destaques h3:hover { text-decoration: underline }
a#ver-mais { margin-left: 516px; color: #7a130b; text-decoration:underline }

	/* Carrossel promocao */
	div#carrosel-promocao { width: 363px !important }
	div#carrosel-promocao ul li { width: 363px }
	div#carrosel-promocao ul li img { float: right; margin: 20px 20px 0 0 }
	div#carrosel-promocao ul li h3 { float: left; margin: 111px 0 0 20px; width: 160px }
	div#carrosel-promocao ul li h3 a { color: #eb1b05 }
	div#carrosel-promocao ul li p { float: left; clear: both; margin-left: 20px; padding-bottom: 10px; color: #000000; width: 160px }
	div#carrosel-promocao ul li big { color: #000 }
	div#carrosel-promocao ul li big span { color: #eb1b05; font-weight: bold; font-size: 16px }
	button.prev { background: url(../img/btn-esquerda.jpg) no-repeat; width: 42px; height: 31px; float: left; cursor: pointer; text-indent: -9999px; font-size: 0px; display:block; line-height: 0px }
	button.next { background: url(../img/btn-direita.jpg) no-repeat; width: 42px; height: 31px; float: right; cursor: pointer; text-indent: -9999px; font-size: 0px; display:block; line-height: 0px }
	
	/*Sub-rodape*/
	div#sub-rodape { background: url(../img/linha-de-divisao.jpg) no-repeat top; width: 666px; height: 114px }
	img#dedicacao { float: left; margin-top: 38px }
	img#tem { float: right; margin: 30px -3px 0 0 }

/*Geral - Grupos de peças - transmissao - suspensao - rolamentos - motor - freios*/
h1#heading-tag-freios { margin-bottom: 10px; background: url(../img/head-freios.jpg); width: 666px; height: 31px }
h1#heading-tag-motor { margin-bottom: 10px; background: url(../img/head-motor.jpg); width: 666px; height: 31px }
h1#heading-tag-rolamentos { margin-bottom: 10px; background: url(../img/head-rolamentos.jpg); width: 666px; height: 31px }
h1#heading-tag-suspensao { margin-bottom: 10px; background: url(../img/head-suspensao.jpg); width: 666px; height: 31px }
h1#heading-tag-transmissao { margin-bottom: 10px; background: url(../img/head-transmissao.jpg); width: 666px; height: 31px }

img.img-alpha:hover { filter: Alpha(Opacity=65); -moz-opacity: 0.6; opacity: 0.6 }
ul.imagens-grupo-de-pecas { text-align: center; margin-top: 20px }
ul.imagens-grupo-de-pecas li  { display: inline }
h2.mr-top { margin-top: 30px; color: #7A130B }
li.mr-left { margin-left: 20px }

/*Empresa*/
h1#heading-tag-empresa { margin-bottom: 10px; background: url(../img/head-empresa2.jpg); width: 666px; height: 31px }
h1#heading-tag-localizacao { margin-bottom: 10px; background: url(../img/head-localizacao.jpg); width: 666px; height: 31px }

img.foto-fachada { width: 120px; margin-left: 16px }
p.texto-empresa { font-weight: 100; margin-top: 10px; padding: 0 0 15px 5px }
h2.heads { padding: 5px 100px 5px 5px; background-color: #f3f3f3 }
h3.alinhamento-empresa { padding-left: 5px }
h2 a { color: #7A130B }
.btn-subir { text-align: right }
div#conteudo-direita ul#links-empresa-internos { text-align: center; padding-bottom: 20px }
div#conteudo-direita ul#links-empresa-internos li { background: url(../img/marcador-menu-grupo-pecas.gif) left no-repeat; line-height: 25px; padding: 2px 0 4px 30px }
div#conteudo-direita ul#links-empresa-internos li:hover { background: url(../img/marcador-menu-grupo-pecas-hover.gif) left no-repeat #f3f3f3 }
div#conteudo-direita ul#links-empresa-internos li.secao-atual { background: url(../img/marcador-menu-grupo-pecas-hover.gif) left no-repeat #f3f3f3 }

	/*Links internos*/
	div#conteudo-direita p a.links-internos { border-bottom: dashed 1px #6e6d6d }
	div#conteudo-direita p a.links-internos:hover { text-decoration: none }

	/*Historia*/
	div#conteudo-direita a#link-mais-historia { float: right }

		/*Localizacao*/
		ul#localizacao li { float: left; text-align: center; width: 146px }
		ul#localizacao li h2 { color: #7A130B; text-align: center }
		ul#localizacao li address { text-align: center; margin-bottom: 2px }
		ul#localizacao li a { float: right; color: #7A130B; text-decoration: underline }
		li.distancia { margin-left: 25px }

/*Links Uteis*/
h1#heading-tag-links { margin-bottom: 10px; background: url(../img/head-links.jpg); width: 666px; height: 31px }

div#links ul li h2 { color: #7a130b; margin-top: 25px }
div#links ul li a { margin-left: 20px; color: #7a130b }
div#links ul li p { margin-left: 20px }
div#links ul li p.descricao-link { margin-top: 10px }

/*Downloads*/
h1#heading-tag-downloads { margin-bottom: 10px; background: url(../img/head-downloads.jpg); width: 666px; height: 31px }

/*Promocoes*/
div#div-busca { background: url(../img/input.jpg) no-repeat; height: 38px }
input#inpBuscaProduto { float: left; margin: 6px 0 0 5px; width: 157px; line-height: normal }
input#btnBuscar { margin-left: -6px }
h1#heading-tag-promocoes { margin-bottom: 10px; background: url(../img/head-promocao2.jpg); width: 666px; height: 31px }
div#linha-superior { width: 647px; margin: 20px auto }
div#linha-inferior { width: 647px; margin: 0 auto; padding-top: 15px; clear: both }
div.quadro-promocao { width: 190px; float: left; margin: 5px 0 0 24px; display: inline }
div.conteudo-quadro-promo { height: 256px; padding: 0 0 15px 0; background: url(../img/bg-box-promocao.gif) no-repeat }
div.conteudo-quadro-promo h2 { color: #7a130b; margin: 0 8px 3px 8px !important; padding-top: 5px; line-height: normal }
div.conteudo-quadro-promo h2 a { font-size: 11px; line-height: normal }
p.descricao { width: 40px; font-weight: 100; margin: 0 8px 5px !important; width: auto !important; text-align: left !important }
div.foto-produto { text-align: center; margin-bottom: 10px }
div.foto-produto img { padding: 0 !important }
div.quadro-promocao p { text-align: center; width: 130px; margin: -2px auto }
div.quadro-promocao p big { color:#7a130b }
form#busca-de-produtos { background-color: #f3f3f3 }
form#busca-de-produtos ul { margin: 0 0 20px 25px; padding: 5px 0 }
form#busca-de-produtos ul li label { display: block; margin-left: 5px }
input#inpBuscaProduto { background: url(../img/input.jpg); width: 150px; height: 22px; padding: 6px 3px 0 3px; margin-top: 0px }
div#engloba-quatro-promocao { height: 100% }

/*Promocoes detalhes*/
img#imagem-detalhes { float: left }

/* Novidades */
h1#heading-tag-novidades { margin-bottom: 10px; background: url(../img/head-novidades.jpg); width: 666px; height: 31px }
h1#heading-tag-noticias { margin-bottom: 10px; background: url(../img/head-noticias.jpg); width: 666px; height: 31px }
h1#heading-tag-eventos { margin-bottom: 10px; background: url(../img/head-eventos.jpg); width: 666px; height: 31px }
h1#heading-tag-dica-util { margin-bottom: 10px; background: url(../img/head-dicas.jpg); width: 666px; height: 31px }

div#destaque-novidades-sub { margin-bottom: 28px; border-bottom: 1px solid #e1e1e1 }
div#detalhes-novidades-topo { height: 100%; margin-bottom: 10px }
div#detalhes-novidades-topo img { float: left; padding-bottom: 15px }
div#detalhes-novidades-topo h2 { color: #7a130b; font-size: 16px; margin-bottom: 0 }
div#detalhes-novidades-topo h3 { font-weight: normal; font-size: 11px }
div#detalhes-novidades-topo h3 * { font-size: 11px }
div#detalhes-novidades-topo h4 { margin-top: 10px; font-size: 12px }
div#detalhes-novidades-topo h5 { margin-top: 10px }
div#detalhes-novidades-descricao { font-weight: 100; padding-bottom: 10px }
div#detalhes-novidades-descricao td { border: solid 1px #CCC; padding: 0 3px }
div#detalhes-novidades-descricao ul li { list-style: disc inside }
div#detalhes-novidades-descricao ol li { list-style: decimal inside }
div#detalhes-novidades-descricao p, div#detalhes-novidades-descricao ol, div#detalhes-novidades-descricao ul, div#detalhes-novidades-descricao table { margin-bottom: 10px }

	/* Paginacao */
	div#paginacao { height: 22px; clear: both; margin: 30px auto }
	div#paginacao ul { margin: 0; height: 22px; }
	div#paginacao ul li * { font-size: 10px }
	div#paginacao ul li { padding-left: 3px }
	div#paginacao ul li a { padding: 0 8px 0; display: block; border: 1px solid #dedede }
	div#paginacao ul li strong { margin-right: -6px; display: block; border: 1px solid #FFF }
	div#paginacao ul li a:hover { background: url(../img/bg-btn-pag-hover.gif) no-repeat; color: #000 }
	li#prox-paginacao a, li#ant-paginacao a { background: url(../img/bg-prox-ant-pag.gif) no-repeat !important }
	li#prox-paginacao a:hover, li#ant-paginacao a:hover { background: url(../img/bg-prox-ant-pag-hover.gif) no-repeat !important }
	li.numero-paginacao, li#numero-paginacao-atual, li#ant-paginacao, li#prox-paginacao, li.reticencias { float: left }
	li.numero-paginacao, li#numero-paginacao-atual, li.reticencias { margin-left: 5px }
	li.reticencias { font-weight: bold; padding: 6px 1px 0 3px !important }
	#ant-paginacao { margin-right: 10px }
	li#prox-paginacao { margin-left: 15px }
	li#numero-paginacao-atual { padding: 0 8px }

div#chamadas-novidades ul { float: left }
div#chamadas-novidades ul li p { font-size: 12px }
ul.chamada-distanciamento { margin-left: 25px }
div#chamadas-novidades ul li { width: 204px }
div#chamadas-novidades ul li.links:hover { background-color: #f3f3f3 }
div#chamadas-novidades ul li.links p { font-size: 10px; font-weight:100; margin: 0 }
div#chamadas-novidades ul li p span { font-size: 12px; color: #7a130b; font-weight: bold }
div#chamadas-novidades ul li h2 { margin: 0 }

/* Orcamento online */
h1#heading-tag-orcamento { margin-bottom: 10px; background: url(../img/head-orcamento.jpg); width: 666px; height: 31px }

/* Trabalhe conosco */
h1#heading-tag-trabalhe { margin-bottom: 10px; background: url(../img/head-trabalhe.jpg); width: 666px; height: 31px }

/* Contato */
h1#heading-tag-contato { margin-bottom: 10px; background: url(../img/head-contato.jpg) bottom no-repeat; width: 666px; height: 25px }
div#highslide-maincontent span { margin-top: 30px }
div#msg-sucesso { border: solid 1px #CCC; background-color: #f3f3f3; height: 50px; margin: 20px 0 416px 0; padding: 5px }
div#msg-sucesso img { float: left; margin-left: 5px }
div#msg-sucesso h2 { margin: 3px 0 0 5px }
div#msg-sucesso p { margin: 5px 0 0 59px; width: 525px }
#link-trabalhe { color: #7a130b }

	/* Estilo do Formulario (Estilo geral p/ todos os formularios, exceto do menu lateral e busca em promocoes) */
	form#formulario { margin: 20px 0 30px 0 }
	form#formulario fieldset { border: 1px solid #dcd5ce; width: 75%; margin: 0 auto 20px; display: block }
	form#formulario legend { color: #7a130b; font-size: 14px; font-weight: bold; margin: 0 13px 0 26px; padding: 0 5px }
	form#formulario label { display: block; cursor: pointer }
	form#formulario ul { margin: 20px auto 25px auto; width: 435px }
	form#formulario ul li {  margin-bottom: 10px }
	form#formulario input { border: 1px solid #ccc; margin-top: 2px; padding: 2px; line-height: normal; width: 99% }
	form#formulario input:focus, #formulario select:focus, #formulario textarea:focus { border: 1px solid #333 }
	form#formulario select { border: 1px solid #bdbdbd; margin-top: 2px }
	form#formulario textarea { border: 1px solid #bdbdbd; height: 100px; width: 99%; padding: 2px; margin-top: 2px }
	form#formulario #btn-enviar { width: 50px; height: 30px; padding: 0 0 2px 1px; text-align: center; cursor: pointer; background: url(../img/btn-enviar-formulario-beta.jpg) no-repeat; color: #000; float: right; margin: 10px 32px 10px 0; border: 0 }
	span.asterisco { color: #F00 }
	ul#listCheckBox { margin: 0 !important; height: 20px}
	ul#listCheckBox li * { vertical-align: middle }
	ul#listCheckBox li label { position: absolute; margin-left: 20px }
	ul#listCheckBox li input { border: 0; position: absolute; width: 17px; margin-left: -2px }
	ul#listCheckBox li input:focus { border: 0 }
	#formulario input#iptTelefone, #formulario input#iptCep, #formulario .bloco-menor-form, #formulario input#iptNumeroComplemento, #formulario input#iptTelefoneContato, #formulario input#iptTelefoneComercial, #formulario input#iptCelular, #formulario input#txtAnoVeiculo, #formulario input#iptCidade, #formulario input#iptAnoVeiculo, #formulario input#iptIdade, #formulario input#iptEstadoCivil { width: 130px }
	label.error { color: #F00; font-size: 11px }
	#formulario input#iptHabilitacao, #formulario #iptEnsinoMedio, #formulario #iptSup, #formulario #iptEsp { width: 280px }

/* Envolve o Rodape */
div#rodape { margin: 0 auto; width: 100%; height: 100%; clear: both }
div#conteudo-rodape { margin: 0 auto; width: 912px; height: 159px }
ul#enderecos { margin: 20px 0 0 10px; float: left }
ul#enderecos li address { display: inline; color:#FFF }
h5.loja-numero { color: #f0e806; display: inline }
img#logo-rodape { margin: 34px 10px 0 0; float: right }
ul#mapa-do-site { text-align: center; clear: both; padding-top: 15px }
ul#mapa-do-site li { display: inline; color: #FFF }
ul#mapa-do-site li a { color: #FFF }
p#assinatura { text-align: center; margin-top: 20px; color: #FFF }
p#assinatura a { color: #FFF }