/****TAGS****/
* {margin:0;padding:0;border:0px;}
html {height:100%;}
body {height:100%;background:#100f0f url(../img/bg-internas.jpg) repeat-x 0 0;font:11px Arial, Verdana, Tahoma;}
ul {list-style:none;}
.float {float:left;}
.right {float:right;}
.blocoGaleria dd{clear:both;display:block;}
#recipeImg{width:607px;height:390px;}

/****GERAL****/
img.float, input.float, select.float {float:left;}
img.right, input.right, select.right {float:right;}
.clear {clear:both;}


/****LINKS****/
.link01 {color:#8c8b8b;text-decoration:none;}
.link01:hover {text-decoration:none;}

/****CORES****/
.cor {color:#fff;}

/****FORMULÁRIOS****/
.form_contato {float:left;}
.linha_form {float:left;}
.desc_form {float:left;}
.campo_form, .campo_form_over {float:left;background:#fff;border:1px solid #fff;font:11px Verdana, Arial, Tahoma;padding:1px;}
.campo_form_over {background:#ff0;}
.bt_enviar {float:left;}


/****PÁGINA INICIAL****/
#geral {width:970px;margin:0 auto;}
#selo {width:290px;margin:0px auto;clear:both;height:50px;}
.txt_selo {float:left;width:auto;font:10px Verdana, Arial, Verdana;padding:10px 10px 0px 10px;}
#index { height:100%; background:#100f0f url(../img/bg-inicial.jpg) repeat-x 0 0; font:11px Arial, Verdana, Tahoma;}
.blocoRodape{ float:left; display:inline; width:100%;}

/****INTERNAS****/
.rodape {width:970px;height:40px;margin:0 auto;margin-top:15px;}
.menuRodape{ text-align:center;}
.menuRodape li{ display:inline; border-right:1px solid #8c8b8b; padding:0 11px;}
.menuRodape li a{ color:#8c8b8b; text-decoration:none;}
.menuRodape li a:hover{ color:#c8c8c8;}
.menuRodape .semBorda{ border:none;}
.topo{ float:left; display:inline; width:970px; height:136px; background:url(../img/bg-topo.jpg) no-repeat 0 0;}
.topo a:visited{ text-decoration:none;}
.bt_facebook {float:right;display:inline;width:28px;height:22px;margin:0 ;background:url(../img/bt_facebook.gif) no-repeat left top;text-indent:-99999px;overflow:hidden;text-decoration:none;}
.bt_facebook:hover {background:url(../img/bt_facebook_over.gif) no-repeat left 0;}

.bt_twitter {float:right;display:inline;width:28px;height:22px;margin:0 5px 0px 0px;background:url(../img/bt_twitter.gif) no-repeat left top;text-indent:-99999px;overflow:hidden;}
.bt_twitter:hover {background:url(../img/bt_twitter_over.gif) no-repeat left 0;}

.logo{ float:left; display:inline; width:272px; height:58px; background:transparent url(../img/logo-sobre-rodas.jpg) no-repeat scroll 0 0; text-indent:-99999px; overflow:hidden; margin:32px 0 9px 20px;}
.conteudo{ float:left; display:inline; width:968px; margin-bottom:15px; border-left:1px solid #27292c; border-right:1px solid #27292c; border-bottom:1px solid #27292c;}


/*### SOBRE RODAS ###*/
.titSobreRodas{ float:right; display:inline; width:137px; height:30px; background:transparent url(../img/titulo-sobre-rodas.jpg) no-repeat scroll 0 0; text-indent:-99999px; overflow:hidden; margin:57px -60px 0 0;}
.sobreRodas{ height:710px; padding-top:52px; background:url(../img/bg-sobreRodas.jpg) no-repeat 0 0;}
.sobreRodas p{ float:left; display:inline; text-align:justify; width:888px; padding-left:40px; padding-bottom:15px; color:#ffffff;}
.sobreRodas .p{ float:left; display:inline; text-align:justify; width:888px; padding:20px 0 0px 40px; color:#ffffff;}
.sobreRodas .ulSobre{ float:left; display:inline; width:296px; margin:35px 10px;}
.sobreRodas .ulSobre .tipo1{ background:url(../img/bg-li-sobreRodas1.jpg) no-repeat 0 3px; padding-left:52px; height:33px;}
.sobreRodas .ulSobre .tipo2{ background:url(../img/bg-li-sobreRodas2.jpg) no-repeat 32px 0; padding-left:52px; height:40px;}
.sobreRodas .ulSobre .tipo3{ background:url(../img/bg-li-sobreRodas3.jpg) no-repeat 0 0; padding-left:27px; height:30px;}
.sobreRodas .ulSobre .tipo4{ background:url(../img/bg-li-sobreRodas4.jpg) no-repeat 0 3px; padding-left:52px; height:33px;}
.sobreRodas .ulSobre .tipo5{ background:url(../img/bg-li-sobreRodas5.jpg) no-repeat 0 0; padding-left:27px; height:30px;}
.sobreRodas .itemSuspensao{ float:left; display:inline; width:58px; height:14px; background:transparent url(../img/li-suspensao.gif) no-repeat scroll 0 0; text-indent:-99999px; overflow:hidden; margin:0 167px 0 0;}
.sobreRodas .itemAlinhamento{ float:left; display:inline; width:133px; height:18px; background:transparent url(../img/li-alinhamento.gif) no-repeat scroll 0 0; text-indent:-99999px; overflow:hidden; margin:0 92px 0 0;}
.sobreRodas .itemConcerto{ float:left; display:inline; width:220px; height:29px; background:transparent url(../img/li-conserto.gif) no-repeat scroll 0 0; text-indent:-99999px; overflow:hidden; margin:0 3px 0 0;}
.sobreRodas .itemBalanceamento{ float:left; display:inline; width:85px; height:11px; background:transparent url(../img/li-balanceamento.gif) no-repeat scroll 0 0; text-indent:-99999px; overflow:hidden; margin:0 103px 0 0;}
.sobreRodas .itemFreios{ float:left; display:inline; width:34px; height:11px; background:transparent url(../img/li-freios.gif) no-repeat scroll 0 0; text-indent:-99999px; overflow:hidden; margin:0 155px 0 0;}
.sobreRodas h2{ float:left; display:inline; width:268px; height:40px; background:transparent url(../img/frase-sobreRodas.jpg) no-repeat scroll 0 0; text-indent:-99999px; overflow:hidden; margin:30px 0 0 37px;}
.sobreRodas .agrupa {float:left; display:inline; width:770px; margin:20px 10px 30px 40px;}
.sobreRodas dl {float:left; display:inline; width:173px; height:154px; color:#ffffff; background:transparent url(../img/bg-box-sobrerodas.jpg) no-repeat scroll 0 0; padding:0 0 0 10px; }
.sobreRodas dt {width:150px; padding:10px 0 20px 0px;}
.sobreRodas dd {width:150px; text-align:center;}


/*### PNEUS ###*/
.titPneus{ float:right; display:inline; width:72px; height:30px; background:transparent url(../img/titulo-pneus.jpg) no-repeat scroll 0 0; text-indent:-99999px; overflow:hidden; margin:57px -60px 0 0;}
.pneus{ height:503px; padding-top:52px; background:url(../img/bg-pneus.jpg) no-repeat 0 0;}
.pneus p{ float:left; display:inline; width:475px; padding-left:40px; margin-right:453px; padding-bottom:15px; color:#ffffff;}
.pneus .marcas{ float:left; display:inline; width:177px; margin-left:40px;}
.pneus .atturo{ float:left; display:inline; width:171px; height:37px; background:transparent url(../img/pneu-atturo.jpg) no-repeat scroll 0 0; text-indent:-99999px; overflow:hidden; margin:40px 0 25px 0;}
.pneus .pirelli{ float:left; display:inline; width:148px; height:33px; background:transparent url(../img/pneu-pirelli.jpg) no-repeat scroll 0 0; text-indent:-99999px; overflow:hidden; margin:0 18px 30px 0;}
.pneus .goodyear{ float:left; display:inline; width:174px; height:37px; background:transparent url(../img/pneu-goodyear.jpg) no-repeat scroll 0 0; text-indent:-99999px; overflow:hidden; margin:0;}
.pneus .toyotires{ float:left; display:inline; width:174px; height:18px; background:transparent url(../img/pneu-toyotires.jpg) no-repeat scroll 0 0; text-indent:-99999px; overflow:hidden; margin:50px 0 40px 0;}
.pneus .yokohama{ float:left; display:inline; width:172px; height:24px; background:transparent url(../img/pneu-yokohama.jpg) no-repeat scroll 0 0; text-indent:-99999px; overflow:hidden; margin:0;}

/*### RODAS E ACESSORIOS ###*/
.titRodas{ float:right; display:inline; width:209px; height:36px; background:transparent url(../img/titulo-rodas-e-acessorios.jpg) no-repeat scroll 0 0; text-indent:-99999px; overflow:hidden; margin:57px -60px 0 0;}
.rodas{ height:504px; padding-top:52px; background:url(../img/bg-rodas.jpg) no-repeat 0 0;}
.rodas p{ float:left; display:inline; width:425px; padding-left:40px; margin-right:503px; padding-bottom:15px; color:#ffffff;}
.ulMarcas{ float:left; display:inline; width:928px; margin:5px 0 15px 40px; padding-bottom:10px; background:url(../img/bg-ul-marcas.jpg) no-repeat 0 17px;}
.ulMarcas li{ display:inline; padding-right:12px; color:#ffffff}
.rodas .lexani{ float:left; display:inline; width:55px; height:11px; background:transparent url(../img/marca-lexani.gif) no-repeat scroll 0 0; text-indent:-99999px; overflow:hidden; margin:0 10px 0 0;}
.rodas .asanti{ float:left; display:inline; width:52px; height:11px; background:transparent url(../img/marca-asanti.gif) no-repeat scroll 0 0; text-indent:-99999px; overflow:hidden; margin:0 10px 0 0;}
.rodas .mht{ float:left; display:inline; width:39px; height:11px; background:transparent url(../img/marca-mht.gif) no-repeat scroll 0 0; text-indent:-99999px; overflow:hidden; margin:0 10px 0 0;}
.rodas .dubs{ float:left; display:inline; width:43px; height:11px; background:transparent url(../img/marca-dubs.gif) no-repeat scroll 0 0; text-indent:-99999px; overflow:hidden; margin:0 10px 0 0;}
.rodas .bbs{ float:left; display:inline; width:34px; height:11px; background:transparent url(../img/marca-bbs.gif) no-repeat scroll 0 0; text-indent:-99999px; overflow:hidden; margin:0 10px 0 0;}
.rodas .konig{ float:left; display:inline; width:46px; height:11px; background:transparent url(../img/marca-konig.gif) no-repeat scroll 0 0; text-indent:-99999px; overflow:hidden; margin:0 10px 0 0;}
.rodas .zigen{ float:left; display:inline; width:50px; height:11px; background:transparent url(../img/marca-5zigen.gif) no-repeat scroll 0 0; text-indent:-99999px; overflow:hidden; margin:0 10px 0 0;}
.rodas .logos{ float:left; display:inline; width:928px; height:65px; margin-top:230px; margin-left:40px;}
.rodas .logos .logolexani{ float:left; display:inline; width:58px; height:62px; background:transparent url(../img/logo-lexani.gif) no-repeat scroll 0 0; text-indent:-99999px; overflow:hidden; margin:0;}
.rodas .logos .logoasanti{ float:left; display:inline; width:54px; height:60px; background:transparent url(../img/logo-asanti.gif) no-repeat scroll 0 0; text-indent:-99999px; overflow:hidden; margin:0 0 0 18px;}
.rodas .logos .logomht{ float:left; display:inline; width:111px; height:33px; background:transparent url(../img/logo-mht.gif) no-repeat scroll 0 0; text-indent:-99999px; overflow:hidden; margin:12px 0 0 25px;}
.rodas .logos .logodub{ float:left; display:inline; width:93px; height:32px; background:transparent url(../img/logo-dub.gif) no-repeat scroll 0 0; text-indent:-99999px; overflow:hidden; margin:14px 0 0 27px;}
.rodas .logos .logobbs{ float:left; display:inline; width:104px; height:31px; background:transparent url(../img/logo-bbs.gif) no-repeat scroll 0 0; text-indent:-99999px; overflow:hidden; margin:12px 0 0 22px;}
.rodas .logos .logobbs{ float:left; display:inline; width:104px; height:31px; background:transparent url(../img/logo-bbs.gif) no-repeat scroll 0 0; text-indent:-99999px; overflow:hidden; margin:12px 0 0 22px;}
.rodas .logos .logokonig{ float:left; display:inline; width:91px; height:27px; background:transparent url(../img/logo-konig.gif) no-repeat scroll 0 0; text-indent:-99999px; overflow:hidden; margin:8px 0 0 28px;}
.rodas .logos .logozigen{ float:left; display:inline; width:129px; height:21px; background:transparent url(../img/logo-5zigen.gif) no-repeat scroll 0 0; text-indent:-99999px; overflow:hidden; margin:11px 0 0 26px;}
.rodas .logos .logoher{ float:left; display:inline; width:89px; height:30px; background:transparent url(../img/logoHer.gif) no-repeat scroll 0 0; text-indent:-99999px; overflow:hidden; margin:10px 0 0 24px;}

/*### SERVICOS ###*/
.titServicos{ float:right; display:inline; width:98px; height:36px; background:transparent url(../img/titulo-servicos.jpg) no-repeat scroll 0 0; text-indent:-99999px; overflow:hidden;margin:57px -60px 0 0;}
.servicos{ height:503px; padding-top:52px; background:url(../img/bg-servicos.jpg) no-repeat 0 0;}
.servicos p{ float:left; display:inline; width:425px; padding-left:40px; margin-right:503px; padding-bottom:15px; color:#ffffff;}
.servicos .ulServicosLeft{ float:left; display:inline; width:398px; margin-left:40px;}
.servicos .ulServicosRight{ float:left; display:inline; width:243px; margin-left:33px;}
.servico1{ float:left; display:inline; width:200px; height:14px; background:transparent url(../img/servicos1.gif) no-repeat scroll 0 0; text-indent:-99999px; overflow:hidden; margin:10px 198px 0 1px;}
.servico2{ float:left; display:inline; width:199px; height:18px; background:transparent url(../img/servicos2.gif) no-repeat scroll 0 0; text-indent:-99999px; overflow:hidden; margin:18px 198px 0 1px;}
.servico3{ float:left; display:inline; width:398px; height:11px; background:transparent url(../img/servicos3.gif) no-repeat scroll 0 0; text-indent:-99999px; overflow:hidden; margin:20px 0 0 1px;}
.servico4{ float:left; display:inline; width:349px; height:36px; background:transparent url(../img/servicos4.gif) no-repeat scroll 0 0; text-indent:-99999px; overflow:hidden; margin:23px 49px 0 1px;}
.servico5{ float:left; display:inline; width:57px; height:14px; background:transparent url(../img/servicos5.gif) no-repeat scroll 0 0; text-indent:-99999px; overflow:hidden; margin:10px 185px 0 0;}
.servico6{ float:left; display:inline; width:81px; height:18px; background:transparent url(../img/servicos6.gif) no-repeat scroll 0 0; text-indent:-99999px; overflow:hidden; margin:18px 160px 0 0;}
.servico7{ float:left; display:inline; width:243px; height:19px; background:transparent url(../img/servicos7.gif) no-repeat scroll 0 0; text-indent:-99999px; overflow:hidden; margin:16px 0 0 0;}


/*###  GALERIA DE FOTOS ###*/
.titGaleria{ float:right; display:inline; width:187px; height:30px; background:transparent url(../img/titulo-galeria-de-fotos.jpg) no-repeat scroll 0 0; text-indent:-99999px; overflow:hidden; margin:57px -60px 0 0;}
.galeria{ padding-top:52px; padding-bottom:30px; background:#0f0f0f url(../img/bg-galeria.jpg) repeat-x 0 0;}
.blocoGaleria{ float:left; display:inline; width:868px; height:190px; margin:0 40px 0 60px; background:url(../img/bg-dl-galeria.png) 0 164px; background-repeat:no-repeat !important}
.blocoGaleria dt{ background:url(../img/bullet-dt-galeria.gif) no-repeat 0 2px; padding-left:16px; padding-bottom:18px; color:#7a7878; font-size:14px; font-weight:bold; text-transform:uppercase;}
.blocoGaleria .thumbs img{ float:left; display:inline; margin-left:10px; padding-bottom:10px;}
.blocoGaleria dd .descricao{ float:left; display:inline; width:460px; margin-left:10px; color:#7a7878;}
.blocoGaleria dd .acessar{ float:right; display:inline; width:87px; height:59px; background:transparent url(../img/bt-acessar.png) no-repeat scroll 0 0; text-indent:-99999px; overflow:hidden; margin:5px 40px 0 0; cursor:pointer;}
.blocoGaleria dd .acessar:hover{ background:transparent url(../img/bt-acessar-on.png) no-repeat scroll 0 0;}
.paginacao{ float:left; display:inline; width:100%; height:30px; margin-top:20px;}
.paginacao .voltar{ float:left; display:inline; width:15px; height:16px; background:url(../img/bullet-voltar.gif) no-repeat 0 0; text-indent:-99999px; overflow:hidden; margin:0px 15px 0 450px;}
.paginacao .voltar:hover{ background:url(../img/bullet-voltar-on.gif) no-repeat 0 0;}
.paginacao .avancar{ float:left; display:inline; width:15px; height:16px; background:url(../img/bullet-avancar.gif) no-repeat 0 0; text-indent:-99999px; overflow:hidden; margin:0px 0px 0 15px;}
.paginacao .avancar:hover{ background:url(../img/bullet-avancar-on.gif) no-repeat 0 0;}
.paginacao span{ float:left; display:inline; width:auto; color:#7a7878;}
/* Galeria de Fotos Detalhe */
.galeriaDetalhe{ min-height:503px; padding-top:52px; padding-bottom:30px; background:#0f0f0f url(../img/bg-galeria-detalhe.jpg) repeat-x 0 0;}
.galeriaDetalhe h2{ margin-left:60px; background:url(../img/bullet-dt-galeria.gif) no-repeat 0 2px; padding-left:16px; padding-bottom:18px; color:#7a7878; font-size:14px; font-weight:bold; text-transform:uppercase;}
.blocoGaleriaDetalhe{ margin-left:75px;}
.fullsize{ float:left; display:inline; width:650px; margin-top:20px; margin-left:80px;}
.jcarousel-skin-tango .jcarousel-container{ float:left; display:inline; width:165px;height:392px;}
.galeriaThumbs .galeriaLista{height:350px;overflow:hidden;padding:0 0 1px 0;}
.galeriaThumbs ul{text-align:center;overflow:auto;display:block;}
.galeriaThumbs ul li{padding-bottom:8px;overflow:auto;display:block;}
.jcarousel-skin-tango .jcarousel-prev-vertical{cursor:pointer;display:block;width:55px;height:21px;background:transparent url(../img/seta-cima.gif) no-repeat 0 0;position:absolute;top:5px;left:57px;}
.jcarousel-skin-tango .jcarousel-prev-vertical:hover{background:transparent url(../img/seta-cima-on.gif) no-repeat scroll 0 0;}
.jcarousel-skin-tango .jcarousel-next-vertical{cursor:pointer;display:block;width:55px;height:21px;background:transparent url(../img/seta-baixo.gif) no-repeat 0 0;position:absolute;bottom:5px;left:57px;}
.jcarousel-skin-tango .jcarousel-next-vertical:hover{background:transparent url(../img/seta-baixo-on.gif) no-repeat scroll 0 0;}
.descricaoFoto{float:left;display:inline;width:auto;padding:10px 40px 0 0px;color:#7a7878;}
.galeriaBloco{overflow:auto;}
.btVoltar_galeria{ margin-left:80px;}


/*###  CADASTRE-SE ###*/
.titCadastrese{ float:right; display:inline; width:137px; height:30px; background:transparent url(../img/titulo-cadastrese.jpg) no-repeat scroll 0 0; text-indent:-99999px; overflow:hidden; margin:57px -60px 0 0;}
.cadastrese{ height:473px; padding-top:52px; padding-bottom:30px; background:transparent url(../img/bg-cadastrese.jpg) no-repeat 0 0;}
.cadastrese .left{ float:left; display:inline; width:345px; margin-left:40px;}
.cadastrese .right{ float:left; display:inline; width:335px; margin-left:67px;}
.cadastrese .left p{ float:left; display:inline; width:317px; padding-left:18px; padding-bottom:20px; color:#ffffff;}
.cadastrese .right p{ float:left; display:inline; width:317px; padding-left:18px; padding-bottom:20px; color:#808080;}
.linhaForm{ float:left; display:inline; width:335px; height:48px;}
.cadastrese .left label{ float:left; display:inline; width:317px; padding-left:18px; padding-bottom:8px; color:#ffffff; background:url(../img/bullet-label.gif) no-repeat 0 1px;}
.cadastrese .right label{ float:left; display:inline; width:317px; padding-left:18px; padding-bottom:8px; color:#808080; background:url(../img/bullet-label.gif) no-repeat 0 1px;}
.campo, .campo_over{ float:left; background:#3b3a3a; border:1px solid #232323; font:11px Verdana, Arial, Tahoma; color:#ffffff; padding:2px; margin-left:18px; margin-bottom:12px;}
.campo_over{ border:1px solid #6d6a6a;}
.linhaForm select{ float:left; display:inline; background:#3b3a3a; border:1px solid #232323; font:11px Verdana, Arial, Tahoma; color:#ffffff; padding:2px; margin-bottom:12px;}
.cadastrese .left .btEnviar{ float:right; display:inline; width:82px; height:56px; margin-top:0px; margin-right:10px; padding-top:0px;}
.cadastrese .right .btEnviar{ float:right; display:inline; width:82px; height:56px; margin-right:10px;}
.resposta{ float:left; display:inline; width:317px; padding-left:18px; padding-bottom:20px; color:#ffffff; background:url(../img/bullet-label.gif) no-repeat 0 1px;}
.btVoltar{ margin-left:15px;}
.txt_em_construcao { float:left; display:inline; width:430px; height:95px; margin:20px 0px 0px 300px; background:transparent url(../img/img_em_construcao.jpg) no-repeat 0 0; text-indent:-99999px; }

/*###  CONTATO ###*/
.titContato{ float:right; display:inline; width:98px; height:30px; background:transparent url(../img/titulo-contato.jpg) no-repeat scroll 0 0; text-indent:-99999px; overflow:hidden; margin:57px -60px 0 0;}
.contato{ height:473px; padding-top:52px; padding-bottom:30px; background:#0f0f0f url(../img/bg-contato.jpg) no-repeat 0 0;}
.contato h2{ float:left; display:inline; width:315px; height:18px; background:transparent url(../img/txt-endereco.gif) no-repeat scroll 0 0; text-indent:-99999px; overflow:hidden; margin:32px 613px 8px 40px;}
.contato h3{ float:left; display:inline; width:162px; height:19px; background:transparent url(../img/txt-telefone.gif) no-repeat scroll 0 0; text-indent:-99999px; overflow:hidden; margin:0px 749px 50px 55px;}
.imgLocalizacao{ float:left; display:inline; margin-left:53px; margin-bottom:25px;}
.ampliar{ float:left; display:inline; width:112px; height:59px; background:transparent url(../img/bt-ampliar.jpg) no-repeat scroll 0 0; text-indent:-99999px; overflow:hidden; margin:0px 480px 0px 370px;}
.ampliar:hover{ background:transparent url(../img/bt-ampliar-on.jpg) no-repeat scroll 0 0;}