body{ font:normal 12px arial; background:url(../imagens/bg_pneu1.gif)  #000000  ; text-align:left; margin:0 0 0 0; padding:0 0 0 0;}
.geral-natal{
    position:relative;

    width:1004px;
    margin:auto;
}
.natal-top{
    height:97px;
    width:95px;
 
    background:url("/imagens/natal-top.png");
    position:absolute;
    top:0;
    right:0;
    z-index:5;
}
.title{ width:1px; height:0; overflow:hidden;}
h1{ padding:0 0 0 0; }
h2{ font:bold 14px arial; color:#c70202; margin:0 0 0 0; padding:0 0 0 0;}
h3{ font:normal 10px arial; color:#666; margin:10px 0 0 0; padding:0; float:none;}
a{ font:bold 12px arial; color:#fff; text-transform:uppercase; text-decoration:none;}
a:hover{ text-decoration: underline;}
label{ font:bold 12px arial; color:#fff; text-align:right; text-transform:uppercase;}
input{ background:#CCCCCC; border-top:2px solid #999; border-bottom:1px solid #fff; border-left:1px solid #999; border-right:1px solid #fff; color:#666666;}
select { background:#CCCCCC; border-top:2px solid #999; border-bottom:1px solid #fff; border-left:1px solid #999; border-right:1px solid #fff; color:#666666;}

.radio{ width:15px;  margin:6px 0 6px 10px; float:left; border:none; background:none;}
.rebites{ width:100%; height:13px; background:url(../imagens/rebites.gif) repeat-x;}
.bumps{ width:100%; height:42px; background:url(../imagens/bumps.gif) repeat-x; margin:30px 0;}


#geral{ width:1003px; margin:15px 0 0 50%; left:-505px; padding:0 0 0 0; position:absolute;}
#template{ width:1002px; padding:0 0 0 0; background:url(../imagens/bg.gif) repeat-y; float:left;}


#colunaEsquerda{ width:315px; float:left; position:relative;}
#logo{ width:315px; height:213px; background:url(../imagens/bg_logo.gif) no-repeat; float:left;}
#logo img{}


/* MENU */
#menu{ width:315px; height:460px; background:url(../imagens/bg_menu.gif) no-repeat scroll 1px 0; float:left; position:relative;}
#menu ul{ margin:0 0 0 34px; padding:0 0 0 0; float:left; position:absolute; }
#menu li{ list-style-type:none; float:left; margin:0 0 0 0; padding:0; }
#menu li .mascara{ width:211px; margin:0; padding:0; overflow:hidden;}
#menu li a{ float:left;}
#menu li a:hover{ margin-left:-211px; }

#colunaDireita{ width:687px; float:left;}
#topo{ width:687px; height:27px; background:url(../imagens/topo.gif) no-repeat scroll -1px 0; float:left; position:relative;}
#conteudo{ width:687px; float:left;}
#banner{ width:676px; margin: 0 0 0 -4px; }
#canto{ width:28px; height:28px; left:-6px; top: 21px; position:absolute; z-index: 2000;}


/* HOME */

#destaques{ width: 357px; float:left; position:relative; }
/*#destaques a{ float:right;}*/
.destaques{ width: 143px; height: 32px; background:url(../imagens/h1_destaques.jpg) no-repeat; margin:10px 0 10px 0;}
#fotoDestaque{ width: 178px; padding:0; margin:10px 0; float:left; position:relative;}
#moldura{ width:178px; left:-7px; top:-7px; position:absolute;}

#outrosDestaques{ width: 357px; float:left; padding:10px 0 0 0; }
#outrosDestaques a{ float:right;}

#cartaoBNDES{ width:274px; height:75px; float:left; margin:10px 0 0 0;}

#cadastro{ width:319px; height:450px; margin:4px 0 0 0; background:url(../imagens/disco_grande.jpg) no-repeat scroll 0 -10px; float:left;}
#cadastroCampo{ width:211px; height:192px; float:right; font:10px arial; text-align:right; margin:120px 0 0 90px; position:absolute; z-index:500}
.labelHome{ width:185px; float:left; margin:5px 0;}
.inputHome{ width:130px; text-align:right;}
.enviar{ width:81px; height:29px; background:url(../imagens/bt_enviar.jpg) no-repeat; border:none;}

/* INTERNAS GERAL */
#bannerInternas{ width:676px; margin: 0 0 0 -2px;}
#imagem{ width:415px; float:left;}
#imagem .img{ width:400px; height:300px; margin:5px 0 0 10px;}
#molduraGrande{ width: 415px; height: 341px; position:absolute;}
#visualizacao{ width:676px; float:left;}
#motoGrande{ width:338px; float:left;}
#info{ width:261px; margin:20px 30px 0 0; float:left;}
#paginador{ width:178px; margin:53px 0 0 5px; position:absolute;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
color: #FFF;
text-transform: uppercase;
font-size: 10px;
}
#paginador a{ margin:0 1px; float:none; font-size:10px;}
#paginador select {margin-left: 2px;text-transform: lowercase;}
.voltar{ float:right; margin:30px 10px 0 0;}
.voltar a{ float:right;}

/** ASSISTENCIA TECNICA**/
#assistencia{ width: 261px; float:left; position:relative;  }
.assistencia{ width: 243px; height: 33px; background:url(../imagens/h1_assistencia.jpg) no-repeat; margin:10px 0 0 0}

/** MOTOS ZERO**/
#motosZero{ width: 676px; float:left; position:relative; }
.motosZero{ width: 178px; height: 33px; background:url(../imagens/h1_moto.jpg) no-repeat scroll 0 4px; margin:10px 0 0 0; position:absolute;}
#motoMenu{ width:518px; height:64px; background:url(../imagens/bg_moto.gif) no-repeat; top:0; right:0; position:absolute;}
#motoMenu a{ text-align:center; float:left; padding:20px 0 0 50px; margin:0 0 0 40px;}
#motoMenu a:hover{ text-decoration:none; color:#c70202;}


.motos { width:676px; margin:100px 0 0 0; padding:0 0 0 0; float:left;}
.motos li{ width:146px; height:150px;  list-style-type:none; margin:0 20px 20px 0; float:left; position:relative;}
#molduraThumb{ width:136px; height:123px; margin:-12px; position:absolute;}
#molduraThumb a{ margin:0; padding:0;}
.motos li a{ width:120px; text-align:center; color:#c70202; margin:0 0 0 -5px; padding:16px 0 0 0; float:left; overflow:visible}

#info h2{ margin:0 0 3px 0;}
.linkDetalhes{ margin:5px 0 15px 0;}

/** FINANCIAMENTO **/
#financiamento{ width: 370px; float:left; }
.financiamento{ width: 243px; height: 33px; background:url(../imagens/h1_financiamento.jpg) no-repeat; margin:10px 0 0 0;}
.financiamentoForm{width:370px; margin:0 0 0 0; float:left;}
.labelFinanciamento{ width:180px; margin:5px 0 5px 5px; text-align:right; float:left;}
.inputFinanciamento{ width:175px; text-align:left; margin:5px 0 5px 5px; float:left;}
.selectFinanciamento{ width:175px; text-align:left; margin:5px 0 5px 5px; float:left; }
.calcular{ width:94px; height:29px; background:url(../imagens/bt_calcular.jpg) no-repeat; border:none; float:right; margin: 5px 0;}

#atencao{ width:304px; height:207px; background:url(../imagens/velocimetro.jpg) no-repeat; float:left;}
#atencaoCampo{ width:211px; height:192px; float:right; font:12px arial; color:#fff; text-align:right; margin:10px 15px 0 0;}

/** PEÇAS E ACESSÓRIOS **/
#acessorios{ width: 261px; float:left; position:relative; margin:10px 0 0 0; }
.acessorios{ width: 243px; height: 33px; margin:10px 0 0 0; background:url(../imagens/h1_acessorios.jpg) no-repeat;}

/** LOJAS E LOCALIZAÇÃO **/
#lojas{ width: 676px; float:left; position:relative; }
.lojas{ width: 238px; height: 33px; background:url(../imagens/h1_lojas.jpg) no-repeat scroll 0 0px; margin:10px 0 0 0; position:absolute;}

.ulLojas { width:676px; text-align:center; margin:90px 0 0 0; padding:0 0 0 0; float:left;}
.ulLojas li{ width:146px; height:200px; background:url(../imagens/rebites.gif) repeat-x bottom;  list-style-type:none; margin:20px 0 0 10px; padding:0 0 0 0; float:left; position:relative;}
.lojasThumb{ width:136px; height:123px; margin:-13px 0px; position:absolute;}
.ulLojas li h2{ text-align:center; color:#c70202; margin:0 0 0 0; padding:18px 0 0 0; overflow:visible}

/** GRUPO SUPER MOTO **/
#grupo{ width: 636px; float:left; position:relative;  }
.grupo{ width: 219px; height: 28px; background:url(../imagens/h1_grupo.jpg) no-repeat; margin:10px 0 0 0}

/** FALE CONOSCO **/
#faleConosco{ width: 240px; float:left; position:relative;  }
#faleConosco a{ font:normal 12px arial; color:#c70202; float:none; text-transform:none; text-decoration:none;}
#faleConosco a:hover{ text-decoration:underline; }
.faleConosco{ width: 163px; height: 33px; background:url(../imagens/h1_faleconosco.jpg) no-repeat; margin:10px 0 0 0}
#form{ width:406px; height:290px; float:right; background:url(../imagens/bg_form.gif) no-repeat; margin:0 10px 0 0;}
#form form{ width:350px; margin:10px 0 0 0px; padding:0 0 0 40px; }
.labelContato{ width:100px; float:left; margin:15px 0 0 0;}
.inputContato{ width:220px; margin:10px 0 0 20px; float:left;}
.mensagem{ background:#CCCCCC; border-top:2px solid #999; border-bottom:1px solid #fff; border-left:1px solid #999; border-right:1px solid #fff; color:#666666; width:220px; height:120px; margin:10px 0 0 20px; float:left;}
.enviar2{ width:81px; height:29px; background:url(../imagens/bt_enviar2.jpg) no-repeat; border:none; margin:5px 7px 0 0; float:right;}

/**CONSÓRCIO**/
#consorcio{ width: 631px; float:left; position:relative;  }
.consorcio{ width: 243px; height: 33px; background:url(../imagens/h1_consorcio.jpg) no-repeat; margin:10px 0 0 0}
#consorcio a{ font:normal 12px arial; color:#c70202; float:none; text-transform:none; text-decoration:none;}
#consorcio a:hover{ text-decoration:underline; }

/**DESTAQUE**/
#destaque{width: 261px; float:left; position:relative;}

/**OUTROS DESTAQUES**/
#listaDestaques{ width: 636px; float:left; position:relative;}
.lista{ width:632px; height:250px; margin:0; padding:0;}
.lista li{ list-style-type:none; margin:10px 0 10px 5px; padding:7px; background:url(../imagens/rebites.gif) repeat-x top;}
.lista li a{ text-transform:none; font-weight:normal; float:none;}
.lista li a:hover{}

/* RODAPE */
#rodape{ width:1002px; height:265px; background:none; float:left; position:relative; }
#rodape ul{ margin:-80px 0 0 34px; padding:0 0 0 0; float:left; position:absolute; }
#rodape li{ list-style-type:none; float:left; margin:0 0 0 0; padding:0;}
#rodape li .mascara2{ width:97px; height:53px; margin:0; padding:0; overflow:hidden;}
#rodape li a{ float:left;}
#rodape li a:hover{ margin-top:-53px; }

#cantoDireita{ width:72px; height:101px; margin:-101px 0 0 0; right:0; float:right; position:absolute;}
#cantoEsquerda{ width:176px; height:100px; margin:-100px 0 0 1px; left:0; float:left; position:absolute;}
#contato{ width:250px; left:35px; top:15px; position:absolute;}
#contato a{ text-transform:none;}
#atendimento{ right:40px; top:15px; text-transform:uppercase; text-align:right; color:#FFFFFF; position:absolute;}

/** POS VENDA **/
#posvenda{ width: 636px; float:left; position:relative;  }
.posvenda{ width: 219px; height: 40px; background:url(../imagens/h1_posvenda.jpg) no-repeat; margin:10px 0 0 0}


.logoKaerea{
  width:99px;
  height:29px;
  margin-right:28px;
  float:left;
}


#divMsg {
  padding: 10px;
  border: 1px solid red;
}

#servico_expresso {
  margin-right: 30px;
}
