/* -----------------------------------------------------------
	EXCELSIOR
-------------------------------------------------------------*/
/* ----------------------------------------------------------- 
   RESET
-------------------------------------------------------------*/

img { behavior:	url(resources/scripts/pngbehavior.htc); }

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code, del, dfn, em, q, dl, dt, dd, ol, ul, li, .frmCad, dir,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, th, select,textarea, clear, br {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

img {   margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
}

body { line-height: 1.5; }

/* Tables still need 'cellspacing="0"' in the markup. *//*
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }*/

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

/* --------------------------------------------------------------    
   TIPOGRAFY
-------------------------------------------------------------- */
/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body { 
  font-size: 11px;
  color: #FFFFFF;
  font-family: verdana;
}

/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 { font-family:  Arial; font-weight: normal; color: #0C3685; }
h1 { font-size: 18px; margin-bottom: 20px; margin-top: 25px;}
h2 { font-size: 18px; margin: 15px 0px 5px 10px; }
h3 { font-size: 18px; margin-bottom: 0.5em; margin-left: 10px; color: #333333;}
h4 { font-size: 13px; line-height: 1; margin-bottom: 0.6em; padding-top: 10px; color:#0C3685; text-align:left; clear:both;}
h5 { font-size: 15px;  margin-bottom: 0.75em; font-weight: bold;}
h6 { font-size: 15px; line-height: 1; margin: 0px 0 5px 7px; color:#333333;  }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0 0 0 0;
}

/* Text elements
-------------------------------------------------------------- */
p           { margin: 0 0 1.4em; }
p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; } 

/* Lists
-------------------------------------------------------------- */
li ul, 
li ol       { margin: 0; }
ul, ol      { margin: 0; }

ul          { list-style-type: none; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

/* Misc classes
-------------------------------------------------------------- */
.small      { font-size: 10px; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

.cinza		{ color: #CCCCCC; }
.white		{ color: #FFFFFF; }
.white:hover{ color: #FFFFFF; }
.white:visited{ color: #FFFFFF; }

.link_reweb			{ color: #899AB3; }
.link_reweb:hover	{ color: #899AB3; }
.link_reweb:visited { color: #899AB3; }

.clear 		{ clear: both }
.left 		{ float:left; }
.right 		{ float:right; }
.bold 		{ font-weight: bold; }
.bold a		{ font-weight: bold; }
.s14		{ font-size: 14px; }
.migalha 	{ font: 10px Arial; }
.subTitulo  { font: bold 13px Arial; }

.ml6  { margin-left: 	6px; }
.ml20  { margin-left: 	20px; }
.ml25  { margin-left: 	25px; }
.ml30  { margin-left: 	30px; }
.ml56 { margin-left: 	56px; }
.ml60 { margin-left: 	60px; }
.ml10 { margin-left: 	10px; }
.mr25 { margin-right:	25px; }
.mb10 { margin-bottom:  10px; }
.mb26 { margin-bottom:  26px; }

.pt10 { padding-top:10px; }

.m15 		{ margin-top: 15px }
.m5 		{ margin-top: 5px }
.mr5 		{ margin-right: 5px }
.mr4 		{ margin-right: 4px }
.m8 		{ margin-top: 8px }
.m20 		{ margin-top: 20px }
.m25 		{ margin-top: 25px }
.m30 		{ margin-top: 30px }
.m10 		{ margin-top: 10px }
.m55 		{ margin-top: 55px }
.m66 		{ margin-top: 66px }
.ml20 		{ margin-left: 20px }
.ml130 		{ margin-left: 130px }
.mt-20 		{ margin-top: -20px }
.mt125 		{ margin-top: 95px }
.mt15 		{ margin-top: 15px }
.mt5 		{ margin-top: 5px }
.mt52 		{ margin-top: 52px }
.mt250 		{ margin-top: 250px }
.mr35   	{ margin-right: 35px }
.mb8		{ margin-bottom: 8px }
.mb5 		{ margin-bottom: 5px }

.w218 		{ width: 218px; }
.w230		{ width: 230px; }
.w200 		{ width: 200px; }
.w196 		{ width: 196px; }
.w130 		{ width: 130px; }
.w210 		{ width: 210px; }
.w26 		{ width: 26px; }
.w72 		{ width: 72px; }
.w82 		{ width: 82px; }
.w190		{ width: 190px; }
.w280		{ width: 280px; }
.w460		{ width: 460px; }
.w420		{ width: 420px; }
.w170 		{ width: 171px; }
.w150 		{ width: 150px; }
.w116 		{ width: 116px; }
.w171		{ width: 171px }
.f_203x170  { width: 203px; height:170px; }
.f_203x60   { width: 203px; height:60px; }
.f_280x150   { width: 280px; height:150px; }

.h86 		{ height:86px; }

.tbl_garantia 	{ font: 11px Arial }
.arial11 		{ font: 11px Arial }
.nobg 			{ background: none; }
.v18			{ font-size: 18px; }
.v15			{ font-size: 15px; }
.v13			{ font-size: 13px; }
.v12			{ font-size: 12px; }
.v11			{ font-size: 11px; }
.v10			{ font-size: 10px; }
.v9 			{ font-size: 9px;  }
.verm       	{ color: #CC0000;  }
.vm         	{ vertical-align:middle; }
.texto-centro	{ text-align: center; }
/*-----------------------------------------------------------*/
/* LINKS
-------------------------------------------------------------*/
a			{ text-decoration: none; color: #686868;}
a:visited	{ text-decoration: none; color: #686868;}
a:focus,
a:hover     { text-decoration: underline; color: #686868;}

.white a           { text-decoration: none; color: #FFFFFF;}
.white a:visited   { text-decoration: none; color: #FFFFFF;}
.white a:focus,
.white a:hover     { text-decoration: underline; color: #FFFFFF;}

.linkDark           { text-decoration: none; color: #000000;}
.linkDark:visited   { text-decoration: none; color: #000000;}
.linkDark:focus,
.linkDark:hover     { text-decoration: underline; color: #000000;}

/*-----------------------------------------------------------*/
/* FORMS
-------------------------------------------------------------*/
.label_contato { 
	width: 105px; 
	text-align: right; 
	float: left;
	color: #FFFFFF;
	font: norma 11px Verdana; 
	height: 18px; 
	margin: 3px 8px 3px 0px;
}

.frm {
	display: inline;
	background: #FFFFFF;
	font: normal 11px verdana;
	color: #000000;
	border: 0px solid #FFFFFF;
	margin-bottom: 3px;
	padding: 4px 2px;
}

/*-----------------------------------------------------------*/
/* IMAGES
-------------------------------------------------------------*/
.logo 				{ width: 268px; height: 86px; }
.logo_rodape		{ width: 75px; height: 61px; margin: 10px 20px 0px 0px;}
.img_news			{ width: 17px; height: 20px; }
.img_consultoria	{ width: 90px; height: 94px; }
.img_saibaPreco		{ width: 122px; height: 94px; }
.img_certificacoes	{ width: 90px; height: 94px; }
.btn_vejaMais		{ width: 112px; height: 43px; }
.consultoria		{ width: 95px; height: 26px; }
.clientes    		{ width: 69px; height: 26px; }
.saibaPreco    		{ width: 190px; height: 26px; }
.certificacoes 		{ width: 106px; height: 26px; }
.imgPneus			{ width: 300px; height: 237px; }
.topoHeader 		{ width: 620px; height: 102px; }

.topoServicos			{ width: 815px; height: 114px; }

/*-----------------------------------------------------------*/
/* STRUCTURE
-------------------------------------------------------------*/
html { 
	width: 100%;
	height: 100%;
	background: #000000 url(../images/bg_html.jpg) repeat-y center;
	min-width: 990px;
}

body {
    width: 100%;
    background: url(../images/bg_body.jpg) repeat-x ;
    min-width: 990px;
}

.corpo {
    width: 100%;
    overflow: auto;
    background:  url(../images/bg_corpo.jpg) repeat-x bottom;
    min-width: 990px;
}

.main {
    width: 990px;
    margin: 0 auto;
}

.topo { 
	width:100%;
	background: #FFFFFF;
	height: 61px;
}

.rodape {
	background: url(../images/bg_rodape.jpg) repeat-x top;
	min-height: 100px;
	overflow: auto;
	font: normal 9px Verdana;
	color: #686868;
}

.linha_home {
	height: 1px;
	width: 100%;
	margin: 10px 0px; 
}

.imgParceiro,.imgLoja { 
	margin: 0px 10px 10px 4px;
}

.divParceiros,.divLojas {
	overflow: auto;
	clear: both;
	margin-bottom:10px;
}

.imgLoja { border: 1px solid #FFFFFF; }

.divLojas { margin-bottom: 20px; height: 265px; }

.box_unidades {
	width: 245px;
	padding-left: 30px;
	margin: 0px 30px;
	background: url(../images/bg_unidades.jpg) no-repeat 0px 100px;
}

.box_img_servico {
	width: 340px;
	height: 242px;
	background: #646464;
	text-align: center;
	padding: 5px;
	margin: 15px 30px 20px 50px;
	font: normal 9px Verdana;
}

.box_pneu {
	width:216px; 
	background: #CCCCCC; 
	color: #333333; 
	height:390px;
}

.fundo_img {
	background: #333333;
	width: 100%;
}

.box_pneu_moto {
	width:138px; 
	background: #CCCCCC; 
	color: #333333; 
	height:170px;
}

.box_pneu_caminhao {
	width: 172px; 
	background: #CCCCCC; 
	color: #333333; 
	height:170px;
}

.box_topoProdutopasseio,
.box_topoProdutopickups,
.box_topoProdutoracing,
.box_topoProdutostreet,
.box_topoProdutoonoffroad,
.box_topoProdutooffroad,
.box_topoProdutohypersport,
.box_topoProdutoscooter,
.box_topoProdutocaminhoeseradiais,
.box_topoProdutocaminhoesediagonais,
.box_topoProdutoagricultura,
.box_topoProdutoindustriais,
.box_topoProdutoforaestrada,
.box_topoProdutovans {
	background: url(../images/topoProduto.jpg) no-repeat;
	width: 875px;
	height:42px;
	margin: 0px auto;
	color: #000000;
	margin-top:1px;
}

.box_topoProdutovans,
.box_topoProdutocaminhoesediagonais,
.box_topoProdutoracing 		{ background: url(../images/topoProdutoVan.jpg) no-repeat; }

.box_topoProdutooffroad,
.box_topoProdutoforaestrada,
.box_topoProdutocaminhoeseradiais	{ background: url(../images/topoProdutoOffroad.jpg) no-repeat; }

.box_topoProdutohypersport,
.box_topoProdutoindustriais	{ background: url(../images/topoProdutoSupersport.jpg) no-repeat; }
.box_topoProdutostreet 		{ background: url(../images/topoProdutoStreet.jpg) no-repeat; }

.box_conteudoProduto {
	background: url(../images/bgProduto.jpg) repeat-y;
	width: 875px;
	margin: 0px auto;
	color: #000000;
	overflow:auto;
	
}

.nomeProduto {
	width: 176px;
	text-align: center; 
	margin-top: 10px;
}

.box_imgProduto {
	width: 176px;
	text-align: center;
	margin: 10px 0px;
}

.barraProduto {
	padding-top: 15px;
}

.box_descProduto {
	width: 676px;
	padding: 10px;
	background: url(../images/hr_produto.jpg) no-repeat;
}

.tipo_produto {
	width: 875px; 
	margin: 0px auto;
}

.box_roda_conteudo {
	background: url(../images/bg_rodas.jpg) no-repeat; 
	width: 637px;
	min-height: 250px;
	color: #000000;
	padding: 25px 30px;
}

.box_roda {
	overflow: auto;
	background: #ffffff;
	width: 937px;
	margin-top:1px;
}

.box_roda_img {
	width:230px;
	color: #000000;
	text-align: center;
	padding: 45px 5px 0px 5px;
}

/*-------------------------------------------------------
LAYOUT DOS TIPOS PARA PNEUS - AUTO - MOTO - E OUTROS
--------------------------------------------------------*/
.imgBarra { border: 1px solid #000000; }

/*AUTOMOVEIS*/
.center { margin-right: 277px; }
.t_SE 	{ margin-right: 45px;  }
.t_E 	{ margin-right: 290px; }
.t_F 	{ margin-right: 515px; }
.t_ESE	{ margin-right: 170px; }

.t_OFF	 { margin-right: 515px; }
.t_OROFF { margin-right: 405px;}
.t_OR	{ margin-right: 290px; }
.t_ORHP	{ margin-right: 170px; }
.t_HP	{ margin-right: 45px;  }
.t_OROFFHP { margin-right: 190px; width: 340px; height: 10px; }

.t_AV { margin-right: 10px; width: 330px; height: 10px; }
.t_FC { margin-right: 358px; width: 330px; height: 10px; }

/*MOTOS*/
.t_NHS { margin-right: 110px; }
.t_SS  { margin-right: 457px; }

.t_STR { margin-right: 27px; width: 110px; height: 10px;  }
.t_STC { margin-right: 205px; width: 110px; height: 10px; }
.t_CT  { margin-right: 377px; width: 110px; height: 10px; }
.t_BC  { margin-right: 550px; width: 110px; height: 10px; }

.t_ES 		{ margin-right: 45px;  }
.t_EONOFF	{ margin-right: 290px; }
.t_COMP	 	{ margin-right: 515px; }

.t_MXS		{ margin-right: 572px; width: 110px; height: 10px; }
.t_MXMS		{ margin-right: 430px; width: 110px; height: 10px; }
.t_MXMH		{ margin-right: 288px; width: 110px; height: 10px; }
.t_MXH		{ margin-right: 146px; width: 110px; height: 10px; }
.t_MXAG		{ margin-right: 8px; width: 110px; height: 10px; }

.t_HPS		{ margin-right: 515px; }
.t_STRS		{ margin-right: 290px; }
.t_MOP		{ margin-right: 45px; }

/*CAMINHOES*/
.t_HBS		{ margin-right: 572px; width: 110px; height: 10px; }
.t_RMS		{ margin-right: 430px; width: 110px; height: 10px; }
.t_CAS		{ margin-right: 288px; width: 110px; height: 10px; }
.t_GAT		{ margin-right: 146px; width: 110px; height: 10px; }
.t_GATQFE	{ margin-right: 8px; width: 110px; height: 10px; }
.t_QFE		{ margin-right: 78px; width: 110px; height: 10px; }

.t_TRA 		{ margin-right: 10px; width: 330px; height: 10px; }
.t_DIR 		{ margin-right: 358px; width: 330px; height: 10px; }
.t_DIRTRA 	{ margin-right: 30px; width: 630px; height: 10px; }

.t_DIRA 	{ margin-right: 45px;  }
.t_TRAA 	{ margin-right: 290px; }
.t_IMP	 	{ margin-right: 515px; }

.t_MOV		{ margin-right: 572px; width: 110px; height: 10px; }
.t_CARG		{ margin-right: 430px; width: 110px; height: 10px; }
.t_NIVL		{ margin-right: 288px; width: 110px; height: 10px; }
.t_COMPC	{ margin-right: 146px; width: 110px; height: 10px; }
.t_INDUS	{ margin-right: 8px; width: 110px; height: 10px; }