/* Nome: copyright-karilu.css * Desenvolvido por: Webee E-marketing * Data da Criação: 05-01-2010 * Última modificação: 07-02-2011/ Damasio * Copyright (c) 2009 Webee E-marketing (http://www.webee.com.br) * Versão: 3.0.0 */ /********************** Tipografia, cores e fundos / Reset */ /*html { overflow: -moz-scrollbars-vertical; } rolagem firefox */ * { margin:0; padding:0; list-style-type:none; font-family: "Trebuchet MS"; font-size: 12px; color: #01336F; text-decoration: none; border: none; outline: none; color: #666666;} body { width: 100%; background: url(../img/bgHtml.jpg) repeat-x left top #F9F8F3;} h2 { margin: 0; padding: 0;} ul {} p {} em {} button {} a:link { text-decoration: none; color: #002E64;} a:visited { text-decoration: none; color: #002E64;} a:hover { text-decoration: none; color: #000666;} a:active { text-decoration: none; color: #002E64;} img { border: none;} a img { border: none; } object { outline: none;} input { border: none;} select { border: none;} .laranja { color:#f7941e;} .f18 { font-size:18px;} .f16 { font-size:16px;} .bold { font-weight:bold;} .center { text-align:center} /** Layout **/ #tudo { width: 998px; margin: auto; position: relative; height: 700px; z-index: 10;} #menuTopoFlash { width: 998px; height: 322px; float: left; } #menuOculto { display: none; position: absolute; top: 0; left: 0;} #menuOculto li {} #titulos { width: 876px; height: 31px; position: absolute; top: 300px; left: 75px; z-index: 20; } #titulos ul {} #titulos ul.tituloIndex li { float: left; background: url(../img/setaEstiloListas.png) no-repeat left top; width: 207px; height: 12px; color: #F79B2C; font-size: 15px; padding-left: 12px; position: relative; z-index: 100;} #titulos ul li div.loja { height: 12px; background: url(../img/imgBtVideo.png) no-repeat left top;} #titulos ul li div.clubes { height: 12px; background: url(../img/imgBtClubes.png) no-repeat left top;} #titulos ul li div.representantes { height: 12px; background: url(../img/imgBtRepresentantes.png) no-repeat left top;} #titulos ul li div.ultTwits { height: 12px; background: url(../img/imgBtTwits.png) no-repeat left -3px;} #titulos ul li div.ultNoticias { height: 15px; background: url(../img/imgBtUltimasNoticias.png) no-repeat left 0;} #titulos ul li div span { display: none;} #corpo { width: 911px; min-height: 179px; background: #FFFFFF; padding-top: -10px; margin-left: 41px; font-size: 11px; color: #666666; position: relative; z-index: 20; float: left;} .corpo_box { width:610px; height:auto; float:left;} .box_login { width:303px; height:188px; float:left; background:url(../img/bg_login.png) no-repeat; margin-left:150px; padding:15px;} * html #corpo { height: 179px; margin-left: 20.5px;} #corpo .corpoLojas { width: 210px; height: 154px; float: left; padding-left: 40px;} #corpo .corpoLojas a { width: 119px; height: 130px; background: url(../img/imgLojas.png) no-repeat left center; display: block;} #corpo .corpoLojas a span { display: none;} #corpo .corpoClubes { width: 219px; float: left; margin-top: 15px;} #corpo .corpoClubes p { width: 210px; float: left;} #corpo .corpoClubes a { display: block; margin-top: 20px; padding-right: 30px; float: left; text-align: center;} #corpo .corpoClubes a img { width: 76px; height: 74px;} * html #corpo .corpoClubes a { width: 50px !important; height: 80px !important; text-align: center;} #corpo .corpoClubes a:hover { cursor: pointer;} * html #corpo .corpoClubes a:link { width: 186px; height: 140px; display: block;} * html #corpo .corpoClubes a:visited { width: 186px; height: 140px; display: block;} * html #corpo .corpoClubes a:hover { width: 186px; height: 140px; display: block; cursor: pointer;} * html #corpo .corpoClubes a:active { width: 186px; height: 140px; display: block;} #corpo .corpoClubes a span { display: block; font-size: 14px; font-weight: bolder; width: 75px;} #corpo .corpoRepresentantes { width: 219px; float: left;} #corpo .corpoRepresentantes a { width: 155px; height: 154px; background: url(../img/mapaRepresentantesLink.jpg) no-repeat left top; display: block; float: left;} * html #corpo .corpoRepresentantes a {} #corpo .corpoRepresentantes a span { display: none;} #corpo .corpoUltNoticias { width: 219px; height: 165px; float: left; background: url(../img/imgBgNoticias.png) no-repeat right top; position: absolute; right: -10px; top: 16px;} * html #corpo .corpoUltNoticias { right: -10px; top: -20px;} #corpo .corpoUltNoticias ul { padding: 15px 0 0 27px; height: 125px;} #corpo .corpoUltNoticias ul li { width: 187px; margin-bottom: 5px; border-bottom: 1px solid #F3F3F3;} * html #corpo .corpoUltNoticias ul li { padding-bottom: 14px;} #corpo .corpoUltNoticias ul li h1 { font-size: 11px; color: #999999; font-weight: bolder;} #corpo .corpoUltNoticias ul li a { font-size: 11px; color: #666666;} #corpo .corpoUltNoticias ul li a:hover { font-size: 11px; color: #666666; text-decoration: underline;} #corpo .corpoUltNoticias a.linkParaNoticias { color: #F79B2B; font-size: 11px; padding: 0 0 0 29px; text-decoration: underline; font-weight: bolder;} #corpo .corpoUltNoticias a.linkParaNoticias:hover { text-decoration: none;} .links_campanha { position:absolute; top:-30px;} #corpo .corpoUltNoticias2 { width: 210px; height: 155px; float: left; margin-top:5px; position:relative; } #corpo .corpoUltNoticiasb { width: 210px; height: 15px; float: left; margin-top:-5px; } * html #corpo .corpoUltNoticias2 { right: -10px; top: -20px;} #corpo .corpoUltNoticias2 ul { padding: 15px 0 0 27px; height: 125px;} #corpo .corpoUltNoticias2 ul li { width: 187px; margin-bottom: 5px; border-bottom: 1px solid #F3F3F3;} * html #corpo .corpoUltNoticias2 ul li { padding-bottom: 14px;} #corpo .corpoUltNoticias2 ul li h1 { font-size: 11px; color: #999999; font-weight: bolder;} #corpo .corpoUltNoticias2 ul li a { font-size: 11px; color: #666666;} #corpo .corpoUltNoticias2 ul li a:hover { font-size: 11px; color: #666666; text-decoration: underline;} #corpo .corpoUltNoticias2 a.linkParaNoticias { color: #F79B2B; font-size: 11px; padding: 0 0 0 29px; text-decoration: underline; font-weight: bolder;} #corpo .corpoUltNoticias2 a.linkParaNoticias:hover { text-decoration: none;} #rodape { width: 100%; height: 127px; background: url(../img/bgRodape.png) no-repeat left top; clear: both;} #rodape .conteudoRodape { width: 667px; height: 22px; float: right; padding: 140px 60px 0 0; position: relative;} #rodape .conteudoRodape address { width: 450px; height: 16px; font-style: normal; font-size: 11px; color: #CE7406; float: left;} #rodape .conteudoRodape address strong { color: #CE7406;} #rodape .conteudoRodape .logoWebee { width: 55px; height: 19px; background: url(../img/logoWebee.png) no-repeat left top; float: right;} #rodape .conteudoRodape .logoWebee span { display: none;} /* REDES SOCIAIS */ #rodape .conteudoRodape .redesSociais { position: absolute; top: 90px; left: -30px;} #rodape .conteudoRodape .redesSociais ul { margin-left: 0;} #rodape .conteudoRodape .redesSociais ul li { float: left; margin-left: 20px;} #rodape .conteudoRodape .redesSociais ul li a {} #rodape .conteudoRodape .redesSociais ul li a img {} /*### Titulos Internas ###*/ .tituloEmpresa { padding: 0 0 0 32px;} .tituloEmpresa li { float: left; background: #0F0; width: 300px; background: url(../img/setaEstiloListas1.png) no-repeat left center; padding: 0 0 0 15px;} .tituloKarilu { width: 100px; height: 18px; background: url(../img/imgAkarilu.png) no-repeat left top;} /*### Conteudo Internas ###*/ /* Empresa */ #corpo .contEmpresa { width: 785px; color: #666666; font-size: 11px; padding: 30px 0 0 65px; float: left;} #corpo .imagensEmpresa { padding: 0 0 0 65px;} #corpo .imagensEmpresa li { float: left; width: 200px; padding-top: 10px; position: relative;} #corpo .imagensEmpresa li a.img1 { width: 179px; height: 147px; display: block; background: url(../img/imgEmrpesa1.png) no-repeat top left;} #corpo .imagensEmpresa li a.img2 { width: 179px; height: 147px; display: block; background: url(../img/imgEmrpesa2.png) no-repeat top left;} #corpo .imagensEmpresa li a.img3 { width: 179px; height: 147px; display: block; background: url(../img/imgEmrpesa3.png) no-repeat top left;} #corpo .imagensEmpresa li a.img4 { width: 179px; height: 147px; display: block; background: url(../img/imgEmrpesa4.png) no-repeat top left;} #corpo .imagensEmpresa li a span { position: absolute; top: 140px; left: 22px; margin: auto; font-size: 10px; color: #666666;} * html #corpo .imagensEmpresa li a span { top: 130px;} /* Representantes */ .tituloRepresentantes { width: 199px; height: 18px; background: url(../img/imgRepresentantes.png) no-repeat left top;} #corpo .contRepresentantes { width: 785px; margin: auto;} #corpo .contRepresentantes .dadosRepresentantes { width: 412px; float: left; padding-top: 57px;} #corpo .contRepresentantes .dadosRepresentantes p { width: 320px; font-size: 16px; color: #666666; text-align: right;} #corpo .contRepresentantes .dadosRepresentantes p strong { font-weight: bolder;} #corpo .contRepresentantes .dadosRepresentantes address { width: 320px; font-size: 11px; color: #F7931E; font-style: normal; text-align: right; padding-bottom: 15px;} #corpo .contRepresentantes .dadosRepresentantes address strong { font-weight: bolder; font-style: normal; color: #F7931E;} #corpo .contRepresentantes ul.listaRepresentante1 { width: 300px; background: #FFFAF4; border: 1px solid #F2F2F2; padding-left: 21px; margin-top: 15px; padding-top: 5px; padding-bottom: 5px;} #corpo .contRepresentantes ul.listaRepresentante1 li { font-size: 11px; color: #666666;} #corpo .contRepresentantes ul.listaRepresentante1 li strong {} #corpo .contRepresentantes ul.listaRepresentante2 { width: 300px; background: #FEF2E4; border: 1px solid #F2F2F2; padding-left: 21px; margin-top: 15px; padding-top: 5px; padding-bottom: 5px;} #corpo .contRepresentantes ul.listaRepresentante2 li { font-size: 11px; color: #666666;} #corpo .contRepresentantes ul.listaRepresentante2 li strong {} #corpo .contRepresentantes .mapaFlash { width: 373px; height: 318px; float: left;} /* Fale Conosco */ .tituloFaleConoscoPng { width: 817px; height: 29px; padding-left: 60px;} .tituloFaleConoscoPng li { float: left;} .tituloFaleConoscoPng li.tituloFaleConosco { width: 618px; height: 29px; background: url(../img/imgFaleConosco.png) no-repeat left top; } .tituloFaleConoscoPng li.campanha { width: 618px; height: 33px; background: url(../img/bg_card.png) no-repeat left top;} .tituloFaleConoscoPng li.campanha_regulamento { width: 618px; height: 29px; background: url(../img/bg_card_regulamento.png) no-repeat left top;} .tituloFaleConoscoPng li.imgLocalizacao { width: 188px; height: 29px; background: url(../img/imgLocalizacao.png) no-repeat left top;} .tituloFaleConoscoPng li span { display: none;} .tituloFaleConoscoPng2 li.tituloFaleConosco { width: 618px; height: 32px; background: url(../img/bgcard.png) no-repeat left top;} .contFaleConosco { width: 848px; padding-left: 77px;} #faleConosco { width: 610px; float: left;} #faleConosco ul {} #faleConosco ul.campoEsquerda { width: 271px; float: left;} #faleConosco ul.campoDireita { width: 330px; float: left;} #faleConosco ul.msg { width: 515px; display: block; float: left;} #faleConosco ul li {} #faleConosco ul li label { color: #1A4786; font-size: 11px; font-weight: bolder; padding: 0 0 0 10px;} #faleConosco ul li div.campo_formulario { background: url(../img/bgFormContato.png) no-repeat left top;} #faleConosco ul li div.campo_formulario_select { background: url(../img/bgFormContato.png) no-repeat left top;} #faleConosco ul li input { width: 240px; height: 24px; background: none; padding: 1px 6px;} #faleConosco ul li select { width: 255px; height: 24px; background: none; border: 1px solid #E5E5E5;} #faleConosco ul li select.campo_formulario_select { width: 255px; height: 24px; background: none;} #faleConosco ul li div.campo_formulario_mensagem { width: 528px; background: url(../img/bgFormContatoMsg.png) no-repeat left top;} #faleConosco ul li.mensagem { width: 515px;} #faleConosco ul li textarea { width: 515px; height: 76px; overflow: auto; padding: 4px 6px; background: none;} faleConosco2 { float: left;} #faleConosco2 ul {} #faleConosco2 ul.campoEsquerda { width: 271px; float: left;} #faleConosco2 ul.campoDireita { width: 330px; float: left;} #faleConosco2 ul.msg { width: 515px; display: block; float: left;} #faleConosco2 ul li {} #faleConosco2 ul li label { color: #1A4786; font-size: 11px; font-weight: bolder; padding: 0 0 0 10px;} #faleConosco2 ul li div.campo_formulario { background: url(../img/bgFormContato.png) no-repeat left top;} #faleConosco2 ul li div.campo_formulario_select { background: url(../img/bgFormContato.png) no-repeat left top;} #faleConosco2 ul li input { width: 240px; height: 24px; background: none; padding: 1px 6px;} #faleConosco2 ul li select { width: 255px; height: 24px; background: none; border: 1px solid #E5E5E5;} #faleConosco2 ul li select.campo_formulario_select { width: 255px; height: 24px; background: none;} #faleConosco2 ul li div.campo_formulario_mensagem { width: 528px; background: url(../img/bgFormContatoMsg.png) no-repeat left top;} #faleConosco2 ul li.mensagem { width: 515px;} #faleConosco2 ul li textarea { width: 515px; height: 76px; overflow: auto; padding: 4px 6px; background: none;} .botaoEnviar { width: 309px; height: 45px; float: left; clear: both;} .botaoEnviar .botao_enviar { width: 59px; height: 39px; background: url(../img/btEnviaForm.png) no-repeat left top; cursor: pointer; float: left; margin-left:8px;} .botaoEnviar .botao_enviar span { display: none;} .botaoEnviar .botao_limpar { width: 61px; height: 39px; background: url(../img/btLimpaForm.png) no-repeat left top; cursor: pointer; float: left;} .botaoEnviar .botao_limpar span { display: none;} .botaoEnviar span { width: 124px; height: 20px; float: left; color: #F48000; font-size: 11px; padding: 12px 0 0 12px;} #imgMapaLocalizacao { float: left; width: 234px; height: 262px; background: url(../img/imgBgLocalizacao.png) no-repeat left top;} #imgMapaLocalizacao .mapaOndeEstamos { width: 200px; height: 130px; padding: 20px 0 0 20px;} #imgMapaLocalizacao .mapaOndeEstamos a { width: 200px; height: 130px; background: url(../img/imgMapaLocalizacao.png) no-repeat left top; display: block;} #imgMapaLocalizacao .telefone { width: 133px; height: 44px; background: url(../img/imgTelefone.png) no-repeat right top; padding: 0 0 0 25px;} #imgMapaLocalizacao .imgEmail { width: 166px; height: 40px; background: url(../img/imgEmail.png) no-repeat right bottom; padding: 20px 0 0 25px;} /* Acontece */ .tituloFaleConoscoPng li.tituloAcontece { width: 618px; height: 18px; background: url(../img/imgAcontece.png) no-repeat left top;} .contAcontece { width: 848px; padding-left: 77px; float: left;} #listasAcontece { width: 610px; float: left; padding-top: 32px;} #listasAcontece li { width: 550px; font-size: 11px;} #listasAcontece li.listaRodape { border-bottom: 1px dashed #577638; height: 39px; margin-bottom: 20px;} #listasAcontece li.listaRodape a { font-size: 11px; color: #666666;} #listasAcontece li.listaRodapeNotDet { margin-bottom: 10px;} #listasAcontece li strong { font-size: 11px; color: #F7931E; font-weight: bolder;} #listasAcontece li span { display: block; font-weight: bolder;} #listasAcontece .acontece { clear: both; float: left; width: 549px; height: 20px; border: 1px solid #A4B97F;} /* Acontece Detalhes */ #imagensNoticias { padding: 20px 0 20px 0;} #imagensNoticias li { float: left; width: 189px; position: relative;} #imagensNoticias li a { width: 179px; height: 147px;} /*#imagensNoticias li a img { width: 179px; height: 147px;}*/ #imagensNoticias li span { position: absolute; bottom: 5px; left: 15px; font-weight: normal; font-size: 11px;} /* Tecnologias */ .tituloFaleConoscoPng li.tituloTecnologias { width: 618px; height: 29px; background: url(../img/imgTecnologias.png) no-repeat left top;} .contTecnologias { width: 848px; padding-left: 77px; float: left;} .contTecnologias ul { width: 610px; float: left; padding-top: 32px;} .contTecnologias ul li { height: 105px; width: 572px; padding: .5em; padding-bottom: 15px;} .contTecnologias ul li.linha { width: 478px; height: 4px; border-bottom: 1px dashed #666666; margin: auto; margin-bottom: 20px;} .contTecnologias ul li img { float: left;} .contTecnologias ul li h3 { padding-bottom: 10px;} .contTecnologias ul li .descTecnologia { width: 384px; background: #FFF; float: left; padding-left: 19px;} /* Onde Encontrar */ .tituloFaleConoscoPng li.tituloOndeEncontrar { width: 618px; height: 29px; background: url(../img/imgOndeEncontrar.png) no-repeat left top;} .contOndeEcontrar { width: 848px; padding-left: 77px; float: left;} .contOndeEcontrar ul { width: 610px; float: left; padding-top: 32px;} .contOndeEcontrar ul li { width: 305px; height: 98px; float: left; padding-bottom: 36px; font-size: 11px; line-height: 16px;} .contOndeEcontrar ul li div { float: left; font-size: 11px;} .contOndeEcontrar ul li div.imgOndeEncontrar { width: 135px;} .contOndeEcontrar ul li div.descOndeEncontrar { width: 170px; float: left;} .contOndeEcontrar ul li div.descOndeEncontrar h4 { font-size: 11px; font-weight: bolder; color: #F7941E;} .contOndeEcontrar ul li div.descOndeEncontrar strong { font-size: 11px; font-weight: bolder;} .contOndeEcontrar ul li div.descOndeEncontrar div { font-size: 11px;} .contOndeEcontrar ul li div.descOndeEncontrar small { font-size: 11px;} .contOndeEcontrar ul li div.descOndeEncontrar a { font-size: 11px; font-weight: bolder;} .contOndeEcontrar ul li div.descOndeEncontrar a:hover { text-decoration: underline;} /* Onde Encontrar Detalhes */ .contOndeEcontrarDetalhes { width: 848px; padding-left: 77px; float: left;} .descOndeEncontrarDetalhes { width: 609px; float: left;} .descOndeEncontrarDetalhes .listaEscolas { width: 500px; padding-top: 10px; float: left;} .descOndeEncontrarDetalhes .imagens { width: 600px; padding-top: 20px; float: left;} .descOndeEncontrarDetalhes .imagens li { float: left; width: 170px;} .contOndeEcontrarDetalhes h6 { color: #F7941E; padding-top: 30px;} .contOndeEcontrarDetalhes p { width: 590px; float: left;} /* Escolinhas */ .tituloFaleConoscoPng li.tituloEscolinhas { width: 618px; height: 29px; background: url(../img/imgEscolinhasDeFutebol.png) no-repeat left top;} .contEscolinhas { width: 833px; padding-left: 77px; float: left;} .contEscolinhas ul { width: 693px; padding-top: 11px;} .contEscolinhas ul li { float: left; width: 173px; text-align: right; padding-top: 10px;} .contEscolinhas ul li div { width: 118px; text-align: center; float: right; font-size: 13px; color: #333333; font-weight: bolder; margin: 0; padding: 0;} /* Escolinhas Detalhes */ .tituloFaleConoscoPng li.tituloEscolinhas { width: 618px; height: 29px; background: url(../img/imgEscolinhasDeFutebol.png) no-repeat left top;} .tituloFaleConoscoPng li.imgOutrasEscolinhas { width: 129px; height: 12px; background: url(../img/imgOutrasEscolinhas.png) no-repeat left top;} .contEscolinhas { width: 848px; padding-left: 77px; float: left;} .contEscolinhas .detalhesEscolinhas { width: 610px; float: left; padding-top: 23px;} .contEscolinhas .detalhesEscolinhas .imgEscolinhas { width: 210px; height: 295px; float: left; border-right: 1px dashed #577638;} .contEscolinhas .detalhesEscolinhas .descEscolinhas { width: 280px; float: left; padding: 0 0 15px 15px; border-bottom: 1px dashed #577638;} .contEscolinhas .detalhesEscolinhas .descEscolinhas h5 { color: #F7941E; font-size: 15px;} .contEscolinhas .detalhesEscolinhas .descEscolinhas p { width: 275px; padding-top: 15px; text-align: justify;} .contEscolinhas .detalhesEscolinhas .descEscolinhas address { font-style: normal;} .contEscolinhas .detalhesEscolinhas .descEscolinhas address a { text-decoration: underline; font-style: normal; font-weight: bolder; color: #666666;} .contEscolinhas .detalhesEscolinhas .imagem { width: 375px; float: left; padding-left: 15px;} .contEscolinhas .detalhesEscolinhas .imagem li { float: left; width: 150px; height: 94px; position: relative; background: url(../img/bgDescEscolinhas.jpg) no-repeat left top;} .contEscolinhas .detalhesEscolinhas .imagem li div {} .contEscolinhas .detalhesEscolinhas .imagem li img { float: left; padding: 0; padding: 1px 0 0 14px;} .contEscolinhas .detalhesEscolinhas .imagem .lupa { position: absolute; bottom: 15px; right: 30px; width: 21px; height: 21px; background: url(../img/imgLupa.png) no-repeat left top;} .contEscolinhas .detalhesEscolinhas .imagem .lupa:hover { cursor: pointer;} .contEscolinhas .detalhesEscolinhas .imagem .lupa span { display: none;} #imgMaisEscolinhas { float: left; width: 234px; background: url(../img/imgBgLocalizacao1.png) no-repeat right top;} #imgMaisEscolinhas ul { width: 183px; float: right; padding: 20px 10px 0 10px; margin-top: 20px; background: url(../img/imgBgListaDireita.jpg) no-repeat right top #F4F1E8; text-align: left; height: auto; !important;} #imgMaisEscolinhas ul li { width: 50px; float: left; padding: 0 0 4px 0; margin-right: 10px;} #imgMaisEscolinhas ul li a img { width: 48px; height: 48px;} * html #imgMaisEscolinhas .listaMaisProdutos { height: 150px;} #imgMaisEscolinhas .listaMaisProdutos li { background: none; height: 15px; text-align: left; width: 150px; padding: 0 0 4px 18px;} #imgMaisEscolinhas .listaMaisProdutos li a { width: auto; height: auto; padding: 0; color: #CF7507; font-size: 13px;} #imgMaisEscolinhas .listaMaisProdutos li a:hover { font-size: 15px; font-weight: bolder;} #imgMaisEscolinhas .listaMaisProdutos li a img { width: 48px; height: 48px;} #imgMaisEscolinhas .rodapeListaDireita { clear: both; width: 204px; float: right; height: 9px; background: url(../img/imgRodapeListaDireita.png) no-repeat left top;} /* Clubes Profissionais */ .tituloFaleConoscoPng li.tituloClubes { width: 618px; height: 29px; background: url(../img/imgClubes.png) no-repeat left top;} .contClubes { width: 650px; padding-left: 0; float: left;} .contClubes ul { width: 648px; padding-top: 11px; padding-left: 77px;} .contClubes ul li { float: left; width: 126px; text-align: center; padding-top: 10px; margin-bottom: 20px;} .contClubes ul li a { width: 125px; float: left;} .contClubes ul li div { width: 119px; text-align: center; font-size: 13px; color: #333333; font-weight: bolder; padding: 0; height: 140px;} /* Clubes Profissionais Detalhes */ .tituloFaleConoscoPng li.tituloClubes { width: 618px; height: 29px; background: url(../img/imgClubes.png) no-repeat left top;} .tituloFaleConoscoPng li.imgOutrosClubes { width: 129px; height: 12px; background: url(../img/imgOutrosClubes.png) no-repeat left top;} .contClubes { width: 848px; padding-left: 77px; float: left;} .contClubes .detalhesClubes { width: 610px; height: 297px; float: left; padding-top: 23px;} .contClubes .detalhesClubes .imgClubes { width: 210px; height: 295px; float: left; border-right: 1px dashed #577638;} .contClubes .detalhesClubes .descClubes { width: 365px; float: left; padding: 0 0 15px 15px; border-bottom: 1px dashed #577638;} .contClubes .detalhesClubes .descClubes h5 { color: #F7941E; font-size: 15px;} .contClubes .detalhesClubes .descClubes p { width: 225px; padding-top: 15px;} .contClubes .detalhesClubes .imagem { width: 375px; float: left; padding-left: 15px;} .contClubes .detalhesClubes .imagem li { float: left; width: 150px; height: 94px; position: relative; background: url(../img/imgLupa.png) no-repeat left top;} .contClubes .detalhesClubes .imagem li div {} .contClubes .detalhesClubes .imagem li img { float: left; padding: 15px 0 0 30px;} .contClubes .detalhesClubes .imagem .lupa { position: absolute; bottom: 15px; right: 30px; width: 21px; height: 21px; background: url(../img/imgLupa.png) no-repeat left top;} .contClubes .detalhesClubes .imagem .lupa:hover { cursor: pointer;} .contClubes .detalhesClubes .imagem .lupa span { display: none;} #imgMaisClubes { float: left; width: 234px; height: 262px; background: url(../img/imgBgLocalizacao.png) no-repeat left top;} #imgMaisClubes ul { width: 134px; float: left; padding: 20px 10px 0 52px;} #imgMaisClubes ul li { width: 67px; float: left; background: #0F3;} /* Produtos Categorias */ .tituloFaleConoscoPng li.tituloProdutos { width: 596px; height: 29px; background: url(../img/imgProdutosEscolares.png) no-repeat left top;} .tituloFaleConoscoPng li.imgOutrosProdutos { width: 150px; height: 12px; background: url(../img/imgOutrosProdutos.png) no-repeat left top;} .contCategoriasProdutos { width: 844px; padding-left: 77px; float: left;} .contCategoriasProdutos ul { float: left; width: 610px; padding-top: 40px;} .contCategoriasProdutos ul li { float: left; width: 200px; height: 123px; background: url(../img/bgListaProdutos.png) no-repeat 5px top; padding-bottom: 30px; text-align: center;} .contCategoriasProdutos ul li div { padding-top: 1px;} .contCategoriasProdutos ul li a {} .contCategoriasProdutos .detalhesClubes .imgClubes { width: 210px; height: 295px; float: left; border-right: 1px dashed #577638;} .contCategoriasProdutos .detalhesClubes .descClubes { width: 365px; float: left; padding: 0 0 15px 15px; border-bottom: 1px dashed #577638;} .contCategoriasProdutos .detalhesClubes .descClubes h5 { color: #F7941E; font-size: 15px;} .contCategoriasProdutos .detalhesClubes .descClubes p { width: 225px; padding-top: 15px;} .contCategoriasProdutos .detalhesClubes .imagem { width: 375px; float: left; padding-left: 15px;} .contCategoriasProdutos .detalhesClubes .imagem li { float: left; width: 150px; height: 94px; position: relative; background: url(../img/imgLupa.png) no-repeat left top;} .contCategoriasProdutos .detalhesClubes .imagem li div {} .contCategoriasProdutos .detalhesClubes .imagem li img { float: left; padding: 15px 0 0 30px;} .contCategoriasProdutos .detalhesClubes .imagem .lupa { position: absolute; bottom: 15px; right: 30px; width: 21px; height: 21px; background: url(../img/imgLupa.png) no-repeat left top;} .contCategoriasProdutos .detalhesClubes .imagem .lupa:hover { cursor: pointer;} .contCategoriasProdutos .detalhesClubes .imagem .lupa span { display: none;} #imgColunaDireita { float: left; width: 234px; height: 272px; background: url(../img/imgBgLocalizacao1.png) no-repeat right top;} #imgColunaDireita .listaMaisProdutos { float: right; margin-top: 20px; min-height: 150px; width: 204px; background: url(../img/imgBgListaDireita.jpg) no-repeat right top #F4F1E8; text-align: left; padding: 0; height: auto; !important} * html #imgColunaDireita .listaMaisProdutos { height: 150px;} #imgColunaDireita .listaMaisProdutos li { background: none; height: 15px; text-align: left; width: 150px; padding: 0 0 4px 18px;} #imgColunaDireita .listaMaisProdutos li a { width: auto; height: auto; padding: 0; color: #CF7507; font-size: 13px;} #imgColunaDireita .listaMaisProdutos li a:hover { font-size: 15px; font-weight: bolder;} #imgColunaDireita .rodapeListaDireita { clear: both; width: 204px; float: right; height: 9px; background: url(../img/imgRodapeListaDireita.png) no-repeat left top;} /* Produtos */ .tituloFaleConoscoPng li.tituloProdutos1 { width: 390px; height: 29px; background: url(../img/imgProdutosEscolares.png) no-repeat left 4px; padding-left: 234px; font-size: 22px; color: #335B93; font-weight: bolder; display: block;} .tituloFaleConoscoPng li.tituloProdutos2 { width: 389px; height: 29px; background: url(../img/imgProdutosEsportivos.png) no-repeat left 4px; padding-left: 243px; font-size: 22px; color: #335B93; font-weight: bolder; display: block;} .tituloFaleConoscoPng li.tituloProdutos3 { width: 349px; height: 29px; background: url(../img/imgProdutosPromocionais.png) no-repeat left 4px; padding-left: 275px; font-size: 22px; color: #335B93; font-weight: bolder; display: block;} /* correção ie6 */ * html .tituloFaleConoscoPng li.tituloProdutos1 { background-position: left top;} * html .tituloFaleConoscoPng li.tituloProdutos2 { background-position: left top;} * html .tituloFaleConoscoPng li.tituloProdutos2 { background-position: left top;} /* fim da correção ie6 */ .tituloFaleConoscoPng li.imgOutrosProdutos { width: 160px; height: 12px; background: url(../img/imgOutrosProdutos.png) no-repeat left top;} .contProdutos { width: 844px; padding-left: 77px; float: left;} .contProdutos ul { float: left; width: 610px; padding-top: 40px;} .contProdutos ul li { float: left;} .contProdutos ul li.fotosProdutos { width: 300px; background: none;} .contProdutos ul li.descricaoProdutos { width: 305px; height: 400px; background: url(../img/bgListaDescricao.png) no-repeat left top;} .contProdutos ul li.descricaoProdutos p { padding: 14px 10px; color: #666666; font-size: 11px; min-height: 150px;} .contProdutos ul li.descricaoProdutos h4 { color: #CF7507; padding: 14px 0 0 10px; font-size: 13px;} .contProdutos ul li.descricaoProdutos small { color: #06377B; font-size: 11px; padding: 14px 0 0 10px;} .contProdutos ul li.descricaoProdutos .listagem { width: 170px; height: 26px; background: url(../img/bgLinkListagem.jpg) no-repeat left top; padding: .5em;} .contProdutos ul li.descricaoProdutos .listagem a { display: block; float: left;} .contProdutos ul li.descricaoProdutos .listagem a strong { color: #2E5690; text-decoration: underline;} .contProdutos ul li.descricaoProdutos .listagem a span { display: none;} .contProdutos ul li.descricaoProdutos .listagem a.produtoAnterior { width: 28px; height: 14px; background: url(../img/setaAnterior.png) no-repeat center 4px;} .contProdutos ul li.descricaoProdutos .listagem a.proximoProduto { width: 28px; height: 14px; background: url(../img/setaProximo.png) no-repeat center 4px;} .contProdutos ul li.descricaoProdutos .listagem a.produtoAnteriorOpaco { width: 28px; height: 14px; background: url(../img/setaAnteriorOpaca.png) no-repeat center 4px;} .contProdutos ul li.descricaoProdutos .listagem a.produtoAnteriorOpaco:hover { cursor: default;} .contProdutos ul li.descricaoProdutos .listagem a.proximoProdutoOpaco { width: 28px; height: 14px; background: url(../img/setaProximoOpaca.png) no-repeat center 4px;} .contProdutos ul li.descricaoProdutos .listagem a.proximoProdutoOpaco:hover { cursor: default;} .imgCamiseta { width: 99px; height: 105px; margin: auto;} /*### CSS BOX TWITTER ###*/ #twtr-widget-1 { background: #F00!important; width: 150px!important;} #twtr-widget-1 .twtr-doc {} #twtr-widget-1 .twtr-doc .twtr-hd { display: none!important;} #twtr-widget-1 .twtr-doc .twtr-bd {} #twtr-widget-1 .twtr-doc .twtr-bd .twtr-timeline {} #twtr-widget-1 .twtr-doc .twtr-bd .twtr-timeline .twtr-tweets {} #twtr-widget-1 .twtr-doc .twtr-bd .twtr-timeline .twtr-tweets .twtr-tweet {} #twtr-widget-1 .twtr-doc .twtr-bd .twtr-timeline .twtr-tweets .twtr-tweet .twtr-tweet-wrap { background: none!important;} #twtr-widget-1 .twtr-doc .twtr-bd .twtr-timeline .twtr-tweets .twtr-tweet .twtr-tweet-wrap .twtr-avatar { display: none;} #twtr-widget-1 .twtr-doc .twtr-bd .twtr-timeline .twtr-tweets .twtr-tweet .twtr-tweet-wrap .twtr-tweet-text { margin: 0!important; padding: 0!important;} #twtr-widget-1 .twtr-doc .twtr-ft { display: none!important;} .box_tabela { width:100%; height:auto; float:left; margin-left:34px; _margin-left:18px; } .tabela_educacao { width:650px; height:auto; float:left; } .tabela_educacao li { width:517px; height:26px; display:inline; float:left; background:url(../img/bg_usuario_form.png) no-repeat; padding:2px 0 0 8px; } .tabela_divisao1 { width:140px; height:auto; float:left; padding-top:2px; } .tabela_divisao2 { width:170px; height:auto; float:left; margin-left:15px; padding-top:2px; } .tabela_divisao3 { width:165px; height:auto; float:left; margin-left:10px; padding-top:2px; text-align:center; } .tabela_educacao li.usuario01 { width:517px; height:26px; display:inline; float:left; background:url(../img/bg_usuario_form01.png) no-repeat; padding:2px 0 0 8px; } .tabela_divisao4 { width:140px; height:auto; float:left; padding-top:2px; } .tabela_divisao5 { width:170px; height:auto; float:left; margin-left:15px; padding-top:2px; } .tabela_educacao li.espaco { width:100%; height:50px; float:left; background:none;} #form {} #form li.usuario01 input { width:340px; height:20px; font-size:14px;} #form li input { width:164px; height:20px; font-size:14px;} #form li select{ width:164px; height:20px; font-size:14px;} #form li.botao_form_camapanha { width:70px; height:35px; float:right; margin-right:130px; margin-top:20px; background:none;} #form li.botao_form_camapanha a{width:70px; height:35px; float:right; margin-right:70px; background:url(../img/bt_enviar.png) left top no-repeat; margin:0; padding:0; cursor:pointer;} #form li.botao_form_camapanha a:hover{background:url(../img/bt_enviar.png) right top no-repeat;} .bt_voltar { width:70px; height:27px; float:right; background:none; margin-top:15px; margin-right:60px;} .bt_voltar a{width:70px; height:27px; float:right; background:url(../img/bt_voltar.png) left top no-repeat; margin:0; padding:0; cursor:pointer;} .bt_voltar a:hover{background:url(../img/bt_voltar.png) right top no-repeat;} .error { color:#F00; font-size:11px; margin-top:1px; margin-bottom:6px;}