@charset "utf-8";

/* Definição geral de tags */
	* { vertical-align:top; }
	body { background:#FFF; font-family: "Trebuchet MS",Arial, Helvetica, sans-serif; font-size: 75%; line-height: 140%; color: #333; }
	body, form, fieldset, ul, li, h1, h2, h3, h4, h5, h6, blockquote, p { margin: 0; padding: 0; }
	h6 { text-transform:uppercase; }
	a { text-decoration: none; color: #666; }
	a:hover { text-decoration: underline; }
	ul, li { list-style: none; position:relative; }
	img, fieldset { border: 0; }
	hr, legend { display: none; }
	input, select, textarea { font-family: Arial; font-size: 0.8em; color: #666; }
	input, textarea, select { border: 1px solid #999; padding: 2px 3px}
	.hide { display:none; }
	.relative { position:relative; }
	.bt { display:block; cursor:pointer; text-indent:-10000px; overflow:hidden; text-align:center; border:none; line-height:20em; border:0; }

	.alert { color:#900 !important; }
	.success { color:#666 !important; }
	
	.xxx { border: 1px solid #c00;}
	.yyy { border: 1px solid #069;}

/* Some default style */
	
	table.default { border-collapse:collapse; width:100%; }
	table.default tr th { background:#EEE; }
	table.default tr th, table.default tr td { padding:3px; border:1px solid #DDD; }

/* Fundos body */
	body { background: url(../img/fnd_aftermarket.jpg) no-repeat center top; }
	body.home { background: url(../img/fnd_home.jpg) no-repeat center top; }
	body.empresa { background: url(../img/fnd_empresa.jpg) no-repeat center top; }
	body.produtos { background: url(../img/fnd_produtos.jpg) no-repeat center top; }
	body.aftermarket { background: url(../img/fnd_aftermarket.jpg) no-repeat center top; }
	body.noticias { background: url(../img/fnd_noticias.jpg) no-repeat center top; }
	body.faleconosco { background: url(../img/fnd_contato.jpg) no-repeat center top; }
	
/* Estrutura */
	
	h1 a { display:none; }

	#container { position:relative; z-index:100; width: 776px; margin: auto; }
		
		#topo { color: #fff; font-size: 0.8em; text-align: right; margin: 4px 7px 0 0; }
		#topo a {  color: #fff; text-transform:uppercase; }
		
		#colEsq { width: 555px; float: left; margin-bottom: 15px; }
		#colEsq.home { margin-top:127px; }
		
			#logotipo { margin: 24px 0 0 23px; }
			#menu { margin: 15px 0 0 23px; } 
			/*#menuHome { position:absolute; top:-148px; left:0; z-index:120;} */
			#menu ul { display: none; }
			
			#subMenu { height: 81px; color: #fff; font-weight: bold; margin: 10px 0 0 30px; line-height: 130%; }
			body.produtos #subMenu { height: 100px; }
			
			#subMenu a { color: #fff; font-weight: normal; }
			#subMenu ul li.coluna { float: left; padding-right: 30px; }
			#subMenu ul li.affected a { font-weight:bold; }
			
			#conteudo { margin: 18px 0 0 30px; }
		
		
		#colDir { width: 190px; float: right; margin-top: 138px; padding-bottom:10px; }
		
		#colDir form { width: 155px; margin-left: 18px; }
		#colDir form h4 { margin-bottom: 20px; }
		#colDir form input, #colDir form select { width: 149px; margin-bottom: 13px; }
	
	#rodape { position:relative; z-index:99; height: 137px; background: url(../img/rodapeFnd.jpg) no-repeat center top; }/* Ver no css do IE */
	#rodape div { width: 776px; margin: auto; }
	#rodape address { width: 493px; float: left; margin: 15px 0 0 7px; }
	#rodape ul { float: left; padding-top: 15px; }
	#rodape ul#utilidades { height: 100px; padding-right: 10px; margin-right: 10px; border-right: 1px solid #929292; width:100px; }
	#rodape ul#utilidades li { text-align: right; }
	#rodape ul#utilidades li img { }
	#rodape cite { display: block; font-style: normal; color: #fff; font-size: 0.8em; clear: both; font-family: Arial; padding-top: 2px; }
	#rodape cite a { color: #fff; }

	#busca-produtos { height:230px; }
	#busca-produtos p select { width:100%; }
	
/* Classes */
	
	#conteudo h2, #conteudo h3 { margin-bottom: 10px; }
	
	#conteudo blockquote { margin:0 0 10px 0; }
	#conteudo blockquote p { font-size: 1.1em; margin:0 0 10px 0; }
	
	.floatLeft { float: left; margin: 0 10px 5px 0; }
	.floatRight { float: right; margin: 0 0 5px 10px; }

	.imagem { border: 4px solid #ccc; }
	
	.registro { clear: both; margin-bottom: 15px; }
	.registro table td { font-size: 0.8em; }
	.registro h3 { margin-bottom:5px; font-size: 1.5em; }
	.registro h3, .registro h3 a { color: #999; }
	.registro h3 a span { font-size: 0.7em; color: #900; font-weight: normal; }
	.registro h4 { margin-bottom:5px; }
	.registro p, .registro ul { margin:0 0 10px 0; }	
	.registro .reset { margin:0;padding:0; }

	.image-left, .image-center, .image-right { position:relative; z-index:0; padding:0; margin:0; }
	.image-left { float:left; margin:0 10px 0 0; }
	.image-center { margin:0 auto; text-align:center; }
	.image-right { float:right; margin:0 0 0 10px; }
	.image-left img, .image-center img, .image-right img { border: 4px solid #ccc; margin:0 0 2px 0; }
	.image-left small, .image-center small, .image-right small { display:block; margin:0 0 5px 0; font-size:10px; line-height:12px; }
	.image-left a, .image-center a, .image-right a, .image-left a:hover, .image-center a:hover, .image-right a:hover { display:block; margin:0; padding:0; text-decoration:none; }
	
	.registro ul, ul.default { clear:both; }
	.registro ul li a , ul.default li a { display:block; padding:2px 0 2px 20px; background:url(../img/icons/arrow.gif) 4px 4px no-repeat; }
	
	li.zip a { background:url(../img/icons/zip.gif) no-repeat !important; }
	li.pdf a { background:url(../img/icons/pdf.gif) no-repeat !important; }
	li.ppt a { background:url(../img/icons/ppt.gif) no-repeat !important; }
	li.pps a { background:url(../img/icons/pps.gif) no-repeat !important; }
	li.doc a { background:url(../img/icons/doc.gif) no-repeat !important; }
	li.xls a { background:url(../img/icons/xls.gif) no-repeat !important; }
	li.youtube a { background:url(../img/icons/youtube.gif) no-repeat !important; }
	
	.clear { clear: both; }
	
	input.enviarBtn { width: auto !important; border: 0; padding: 0; }

	ul.abas { width: 523px; height: 35px; background: url(../img/gradCinBranco.gif) repeat-x; margin: 0 0 20px 0; }
	ul.abas li { float: left; padding: 10px 10px 0 10px; }
	ul.abas li.canEsq, ul.abas li.canDir { padding: 0; }
	ul.abas span { display: block; float: left; width: 6px; }
	ul.abas li.canEsq span { background: url(../img/canRedPeqEsq.gif) no-repeat; }
	ul.abas li.canDir { float: right; }
	ul.abas li.canDir span { background: url(../img/canRedPeqDir.gif) no-repeat; }
	ul.abas li.ativo { background: #fff; margin-top: 7px; padding: 4px 0 0 0;  }
	ul.abas li.ativo * { float: left; }
	ul.abas li.ativo span { width: 15px; margin-top: -4px; }
	ul.abas li.ativo span.canEsq { background: url(../img/canRedPeqEsqBranco.gif) no-repeat; }
	ul.abas li.ativo span.canDir { background: url(../img/canRedPeqDirBranco.gif) no-repeat right top; }

	ul.abas2 { width: 513px; height: 63px; background: url(../img/gradCinBrancoGd.jpg) repeat-x; padding-top: 10px; margin-bottom: 20px; }
	ul.abas2 li { float: left; }
	ul.abas2 span { width: 9px !important; display: block; }
	ul.abas2 li.canEsq, ul.abas2 li.canDir { margin-top: -10px; }
	ul.abas2 li.canEsq span { background: url(../img/canRedEsq.gif) no-repeat; }
	ul.abas2 li.canDir span { background: url(../img/canRedDir.gif) no-repeat; }
	ul.abas2 li.canDir { float: right; }
	ul.abas2 li a { color: #000; }
	ul.abas2 li.ativo a { font-weight:bold; }
	ul.abas2 li ul li { float: none; padding:0 20px 0 10px; }
	

/* Seções */
	
/* Home */
	body.home #topo { position: absolute; top: -300px; right: 10px; }
	body.home #logotipo { position: absolute; top: -270px; }
	body.home #menu { position: absolute; top: -55px; }
	
	body.home #colEsq { width: 573px; margin: 0; }
	
	body.home #conteudo { margin-left: 7px; }
	
	body.home #colDir { margin-top: 0; }
	body.home #colDir form { height: 201px; margin-top: 25px; }
	body.home #colDir form h4 { display: none; }
	body.home #colDir form#oficinas { width: 190px; height: 204px; background: url(../img/colDirGradFnd.jpg) no-repeat; margin: 0 0 10px 0; font-size: 0.9em; }
	body.home #colDir form#oficinas fieldset { width: 154px; margin: 0 0 0 20px; padding-top: 20px; }
	body.home #colDir form#oficinas h4 { margin-bottom: 10px; display: block; }
	body.home #colDir form#oficinas p { margin-bottom: 10px; }
	
	body.home .registro { padding: 10px 0; }
	body.home .registro h3 { font-weight: normal; }
	body.home .registro h6 { font-size: 0.7em; margin:15px 0 5px 0; }
	body.home .registro ul { clear:none; float:left;  }
	body.home .registro li { font-size: 0.9em; margin-bottom: 3px; }
	body.home .registro li a { background:none; padding:0; color: #333; }
	
	.banner { width: 180px; height: 146px; background: url(../img/gimmick.jpg) no-repeat; margin-top: 10px; }
	.banner h4 { line-height: 100%; font-size:1.5em; margin-bottom:10px; }
	.banner p { padding-left:90px;text-align: right; line-height: 120%; }

	.bannerPadrao { width: 180px; height: 78px; background: url(../img/bannerFundo.jpg) no-repeat; margin-top: 10px;  }
	.bannerPadrao h4 { line-height: 100%; font-size:1.5em; margin-bottom:17px; }
	.bannerPadrao p {  line-height: 120%; margin:0 30px 0 0;  }
	.bannerInterno { padding:10px 10px 0 0;text-align:right;}	
	
/* Empresa */
	
	ul.clientes li { width: 110px; height: 90px; float: left; margin: 0 18px 15px 0;  }

/* Noticias */
	
	body.noticias .destaque p { font-size: 1.1em !important; }
	body.noticias .destaque a { float: right; font-size: 0.8em; }
	body.noticias .registro a { color: #333; }
	body.noticias .registro h4 { font-size: 1em; }
	body.noticias .registro p { font-size: 0.9em; }
	
	ul.listaImagens li { float: left; height:215px; margin:15px; }
	/*ul.listaImagens li { float: left; height:215px; margin: 0 40px 0 0; }*/
	ul.listaImagens li.ultimaCol { margin-right: 0; }
	ul.listaImagens li img { margin-bottom: 10px; }
	ul.listaImagens li a { display:block; color: #333; height:auto !important;}


/* Pagination */
	
	ul.pagination { margin:15px 0; }
	ul.pagination li { float:left; margin:0 5px 5px 0; }
	ul.pagination li strong, ul.pagination li a { display:block; float:left; padding:2px 7px; border:1px solid #EEE; }
	ul.pagination li strong { background:#EEE; color:#990000; }


/* Clear fix */

	.clearfix:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; }
	.clearfix { display:inline-block; }
	html[xmlns] .clearfix { display:block; }
	* html .clearfix { height:1%; }


/* Fale conosco */
	
	form.default { width:270px; float:left;}
	form.default #mensagem { margin:0 0 10px 0; }
	form.default p { clear:left; margin:0 0 7px 0; }
	form.default label { display:block; font-size:0.8em; }
	form.default p input, form.default p select, form.default p textarea { width:250px; padding:2px; }
	form.default input.affected,  form.default select.affected, form.default textarea.affected { border:1px solid #900; }
	form.default p .tip { display:block; font-size:0.8em; }
	form.default .bt { width:62px; height:18px; color: #000000; }
	.btn { width:62px; height:18px; color: #000; background: #999; }
	
	form.default p.radio input { width:auto; float:left; }
	form.default p input#contato_newsletter { width:auto; }
	
	#faleconosco #onde { float:right; width:226px; margin:23px 0 0 0; }
	#faleconosco #onde h4 { margin:0 0 5px 0; }
	#faleconosco #onde p { margin:0 0 2px 0; }
	
/* Mapa do google */

	.contMapa h2 { color: #999; font-size: 1.5em; }
	.mapa { border:4px solid #CCC; width: 425px; }
	
/* Endereço */
	
	.endereco { margin: 0 0 20px 20px;  }
	.endereco h5 { margin: 25px 0 8px 0; }
	.endereco h6 { text-transform:none; font-size: 0.9em; font-weight: normal; color: #666; }
	.endereco a { color: #850E25; text-decoration: underline; }

/* Alex's Modal */
	
	#modal { position:absolute; background:#FFF; top:15px; left:15px; text-align:center; }
	#modal * { margin:0; padding:0; border:none; }
	#modal.image-right { left:auto; right:15px; }
	#modal a#close img { position:absolute; top:-18px; right:0; border:none; }
	#modal img#large { max-width:470px; _width:470px; border:4px solid #FFF; border-bottom:0; background:#AAA; padding:4px 4px 0 4px; }
	#modal small { display:block; border:4px solid #FFF; border-width:0 4px 4px 4px; background:#AAA; color:#FFF; display:block; text-align:left; line-height:11px; padding:4px; }


/* After Market */

	#oficinas blockquote div { float:left; width:290px; }
	#oficinas blockquote #mapa { float:right; width:215px; }
	#oficinas .cidade { padding:5px 0 5px 0; }
	#oficinas .cidade h4 { font-size:1.3em; }
	#oficinas .cidade .oficina { border-top:1px solid #DDD; padding:10px 0 5px 10px; }
	#oficinas .cidade h5 { font-size:1.1em; margin:0 0 5px 0; }
	
	#treinamentos div { width: 215px; margin: 0 40px 20px 0; float: left; }
	#treinamentos div h5 { font-size: 1.1em; margin-bottom: 15px; }
	#treinamentos div p, #treinamentos div ul { margin-left: 10px; }
	#treinamentos div p { margin-bottom: 15px; }
	#treinamentos div ul li { margin-bottom: 8px; font-size: 0.9em; color: #333; }
	#treinamentos div ul li img { float: left; margin: 0 8px 0 0; }


/* Mapa do site */
	
	#mapadosite h3 { margin:0; font-size:1.2em; }
	#mapadosite ul { margin:0 0 0 30px; } 
	#mapadosite ul li a { display:block; background:url(../img/icons/arrow.gif) 0 4px no-repeat; padding:2px 0 2px 17px; }

/* Aftermarket - Dicas */

	#dicas .registros h3 a, #dicas .registros h3 a span { font-size:0.8em; }


/* Informativos */

	#informativos iframe { margin:15px 0 0 0; border:0; }


/* SnapSender */

body#snapsender { background:none; }
body#snapsender #ddd { width:25px; float:left; margin:0 2px 0 0; }