/* Theme Name: Fila Site Theme URI: http://www.fila.com.br Description: Fila Site Version: 1.0 */ *{margin:0;padding:0;border:0;outline:0;list-style:none;text-decoration:none} body{font:12px Arial;color:#1d365b;background:url(../i/bg-pin-stripes.jpg)} a{text-decoration:none;color:#1d365b} a:hover{text-decoration:underline;color:#1d365b} .clear{clear:both!important} .fL{float:left!important} .fR{float:right!important} .nobd{border:0!important} .nopr{padding-right:0!important} .nomr{margin-right:0!important} .dn{display:none!important} .w488{width:488px!important} .mt10{margin-top:10px!important} /* OVERLAY - LANDING PAGE */ .sprite1 { background: url('../i/sprite1.gif') no-repeat scroll 0 0; } #splash-container { background-color: #da1935; width: 950px; height: 1300px; padding: 25px; position: absolute; top: 0; left: 50%; margin-left: -500px; z-index: 1000; } #splash-container .splash { background: url('../i/background.jpg') no-repeat scroll 0 0; width: 907px; height: 537px; padding-left: 43px; position: relative; padding-top: 42px; } #splash-container .splash a.sprite1 { background-position: 0 -165px; width: 56px; height: 50px; position: absolute; top: 10px; right: 10px; text-indent: -9999px; } #splash-container .splash a#canal-fila { display: block; height: 300px; left: 0; position: absolute; text-indent: -9999px; top: 0; width: 875px; } #splash-container .splash a#power-style { display: block; height: 279px; left: 150px; position: absolute; text-indent: -9999px; top: 300px; width: 790px; } #splash-container .splash h1 { background-position: 0 0; width: 400px; height: 40px; text-indent: -9999px; } #splash-container .splash p { background-position: 0 -40px; width: 400px; height: 125px; text-indent: -9999px; } #splash-container .splash .f-curtir { background-position: 0 -219px; width: 93px; height: 50px; margin-top: 98px; } #splash-container .splash h2 { background-position: -144px -194px; width: 206px; height: 75px; margin-top: 108px; text-indent: -9999px; } #splash-container .back-leg { background: url('../i/leg-back.jpg') no-repeat scroll top right; height: 356px; text-align: right; } /* SPRITE */ #content .twfila .twbox a.ant,#content .twfila .twbox a.prox,#content .twfila .twbox a.twitter,#sidebar .twfila .twbox a.ant,#sidebar .twfila .twbox a.prox,#sidebar .twfila .twbox a.twitter,a.inscreva,a.encontre,.pag a.ant,.pag a.prox,#content #atleta .fL .pag a.pdf,#boxProdInfo a.comprar,#boxProdInfo a.compreagora,#boxProdInfo a.fechar,#content #atleta .magazine fieldset input.diames,#content #atleta .magazine fieldset input.ano,#content #atleta .magazine fieldset input.botao,#content #representante .filtroEstado input.botao,a.jScrollArrowUp,a.jScrollArrowDown,#footer h6{background:url(../i/sprite.gif) no-repeat} #content h2{background:url(../i/sprite-title.gif) no-repeat;text-indent:-15000px} #content ul li a{background:url(../i/sprite-menu.gif) no-repeat} #content a.mprodutos,#content a.ocomprar{margin-bottom:30px;width:474px;height:45px;background:url(../i/sprite-botaoG.gif) no-repeat;text-indent:-15000px} #content #representante #end ul li a,#content #representante #end ul li a.active{background:url(../i/sprite-repre.gif) no-repeat} #content #representante ul.loja li a,#content #representante ul.loja li a.active{background:url(../i/sprite-comprar.gif) no-repeat} #container{margin:auto;width:990px;background:#FFF;border-top:1px solid #f2525a} /* isto foi modificado para fazer o fila bar ficar em cima do menu! */ /* #barraFila{float:left;width:990px;height:34px;background:url(../i/TEMP-barrafila.gif) no-repeat} */ #barraFila{width:990px;height:34px; no-repeat} #barraProduto{float:left;margin:2px 0 8px;width:990px;height:482px;} /* isto foi modificado para fazer o fila bar ficar em cima do menu! */ /*#menuFila{float:left;margin:10px 0;padding-left:10px;width:980px;height:35px;background:url(../i/bg-menu.gif) no-repeat}*/ #menuFila{margin:10px 0;padding-left:10px;width:980px;height:35px;background:url(../i/bg-menu.gif) no-repeat} /* isto foi modificado para fazer o fila bar ficar em cima do menu! */ /*#menuFila div{position:relative;float:left}*/ #menuFila div{float:left} #menuFila div a{float:left;padding:5px 6px 0 6px;height:26px;font:10px Arial;color:#FFF;text-transform:uppercase} #menuFila div a small{padding-right:8px;font:16px Arial} #menuFila div ul{display:none} #menuFila div.active{margin:1px 0;background:#FFF;position:relative;} #menuFila div.active a{color:#1d3559;padding:5px 3px 0;} #menuFila div.active a small,#menuFila div ul li small{color:#ef1b27} #menuFila div.active span{width:3px;height:33px;float:left} #menuFila div.active span.left{background:url(../i/menu-left.gif) no-repeat} #menuFila div.active span.right{background:url(../i/menu-right.gif) no-repeat} #menuFila div.active ul{display:block;float:left;position:absolute;top:36px;left:0;z-index:1000;} #menuFila div.active ul li{clear:both} #menuFila div.active ul.times li a{width:95px} #menuFila div.active ul.atletas li a{width:155px} #menuFila div.active ul li a{float:left;height:26px;padding:2px 0 1px 10px;background:url(../i/bg-submenu.png) repeat-x;_background:url(../i/bg-submenu.gif) repeat-x;color:#FFF!important} #menuFila div.active ul.times li.top,#menuFila div.active ul.times li.bottom{width:105px;background:url(../i/bg-submenuTopBottom.png) no-repeat;_background:url(../i/bg-submenuTopBottom.gif) no-repeat} #menuFila div.active ul.atletas li.top,#menuFila div.active ul.atletas li.bottom{width:165px;background:url(../i/bg-submenuTopBottom2.png) no-repeat;_background:url(../i/bg-submenuTopBottom2.gif) no-repeat} #menuFila div.active ul li.top,#menuFila div.active ul li.bottom{height:4px} #menuFila div.active ul li.top{background-position:0 0} #menuFila div.active ul li.bottom{background-position:0 -4px!important} #content{float:left;padding:0 0 0 10px;width:971px;min-height:686px;z-index:1;} #content h2{font-size:0;margin-bottom:28px} #content h3{font:bold 25px Arial;color:#007ec3;text-transform:uppercase} #content h2.produtos{margin-bottom:10px;background-position:0 -58px;width:94px;height:12px} #content #menuContent{float:left;padding-bottom:3px;width:213px;min-height:222px} #content #menuContent ul{float:left;width:220px;height:auto;margin-bottom:4px;border-bottom:1px dotted #1d365b} #content #menuContent p{font: bolder 12px arial} #content #menuContent ul li{float:left;padding:0 3px 4px 0} #content #menuContent ul li.filhos-futebol{display: none;} #content #menuContent ul li a{float:left;height:25px;text-indent:-15000px} #content #menuContent ul li a.men{width:41px;background-position:0 0} #content #menuContent ul li a.woman{width:60px;background-position:-41px 0} #content #menuContent ul li a.kids{width:41px;background-position:-101px 0} /*ANTIGO #content #menuContent ul li a.tenis{width:49px;background-position:-142px 0} #content #menuContent ul li a.confeccao{width:77px;background-position:-191px 0} #content #menuContent ul li a.acessorios{width:81px;background-position:-268px 0}*/ #content #menuContent ul li a.tenis{width:70px;background-position:-1184px 0} #content #menuContent ul li a.confeccao{width:55px;background-position:-1255px 0} #content #menuContent ul li a.acessorios{width:81px;background-position:-1310px 0} #content #menuContent ul li a.runnning{width:72px;background-position:-349px 0} #content #menuContent ul li a.outdoor{width:72px;background-position:-421px 0} #content #menuContent ul li a.urban{width:57px;background-position:-493px 0} #content #menuContent ul li a.xtrainning{width:82px;background-position:-550px 0} #content #menuContent ul li a.tennis{width:53px;background-position:-632px 0} #content #menuContent ul li a.vintage{width:58px;background-position:-685px 0} #content #menuContent ul li a.swimming{width:71px;background-position:-743px 0} #content #menuContent ul li a.essence{width:71px;background-position:-814px 0} #content #menuContent ul li a.futebol{width:66px;background-position:-885px 0} #content #menuContent ul li a.botafogo{width:65px;background-position:-951px 0} #content #menuContent ul li a.teamwear{width:65px;background-position:-1026px 0} #content #menuContent ul li a.figueirense{width:76px;background-position:-1101px 0} #content #menuContent ul li.active a.men{width:41px;background-position:0 -25px} #content #menuContent ul li.active a.woman{width:60px;background-position:-41px -25px} #content #menuContent ul li.active a.kids{width:41px;background-position:-101px -25px} /*ANTIGO #content #menuContent ul li.active a.tenis{width:49px;background-position:-142px -25px} #content #menuContent ul li.active a.confeccao{width:77px;background-position:-191px -25px} #content #menuContent ul li.active a.acessorios{width:81px;background-position:-268px -25px}*/ #content #menuContent ul li.active a.tenis{width:70px;background-position:-1184px -25px} #content #menuContent ul li.active a.confeccao{width:55px;background-position:-1255px -25px} #content #menuContent ul li.active a.acessorios{width:81px;background-position:-1310px -25px} #content #menuContent ul li.active a.runnning{width:72px;background-position:-349px -25px} #content #menuContent ul li.active a.outdoor{width:72px;background-position:-421px -25px} #content #menuContent ul li.active a.urban{width:57px;background-position:-493px -25px} #content #menuContent ul li.active a.xtrainning{width:82px;background-position:-550px -25px} #content #menuContent ul li.active a.tennis{width:53px;background-position:-632px -25px} #content #menuContent ul li.active a.vintage{width:58px;background-position:-685px -25px} #content #menuContent ul li.active a.swimming{width:71px;background-position:-743px -25px} #content #menuContent ul li.active a.essence{width:71px;background-position:-814px -25px} #content #menuContent ul li.active a.futebol{width:66px;background-position:-885px -25px} #content #menuContent ul li.active a.botafogo{width:65px;background-position:-951px -25px} #content #menuContent ul li.active a.teamwear{width:65px;background-position:-1026px -25px} #content #menuContent ul li.active a.figueirense{width:76px;background-position:-1101px -25px} #content .destaque{float:right;width:746px;height:215px} #content .destaque a{float:left;position:relative;width:238px;height:102px;margin:0 10px 11px 0} #content .destaque a small{position:absolute;top:0;left:0;z-index:999;float:left;width:242px;height:102px;background:url(../i/borda-242x102.png) no-repeat} #content .destaque a img{position:absolute;top:0;left:0;z-index:1;float:left;width:242px;height:102px} #content a.mprodutos{float:left;background-position:0 0} #content a.ocomprar{float:right;background-position:0 -45px} #content .blogFila{float:left;width:404px;padding:0;} #content .blogFila h2{float:left;width:90px;height:12px;background-position:0 -70px} #content .blogFila .box{float:left;margin:0 20px 30px 0;width:182px;height:304px;background:url(../i/bg-box02.gif) no-repeat 0 142px;padding:0;} #content .blogFila .box a{display:block;position:relative;width:182px;height:142px} #content .blogFila .box a small{position:absolute;top:0;left:0;z-index:999;float:left;width:182px;height:142px;background:url(../i/borda_img_182x142.gif) no-repeat} #content .blogFila .box a img{position:absolute;top:0;left:0;z-index:1;float:left;width:182px;height:142px} #content .blogFila .box p{display:block;padding:0 10px;width:162px;height:162px} #content .blogFila .box p span{display:block;padding:10px 0 2px;font-weight:bold;color:#ee1c25} #content .blogFila .box p strong{display:block;padding-bottom:20px;height:30px;} #content .blogFila .box p cite{display:block;font-style:normal;height:58px} #content .blogFila .box p a{display:block;width:159px;height:auto;padding:7px 3px 7px 0;font:bold 10px Arial;color:#FFF;text-align:right;text-transform:uppercase} #content .twfila{float:left;margin:0;_margin-left:-20px;padding-left:10px;width:248px;height:343px} #content .twfila h2{display:block;width:111px;height:10px;background-position:0 -23px} #content .twfila .twbox{float:left;margin-top:2px;width:248px;height:304px;background:url(../i/bg-twfila02.gif) no-repeat} #content .twfila .twbox ul{padding:10px;overflow:hidden;height:214px} #content .twfila .twbox ul li{float:left;padding:0 0 15px;margin-bottom:15px;border-bottom:1px dotted #1d365b} #content .twfila .twbox ul li a{background:none!important;color:#ee1c25} #content .twfila .twbox ul li span{padding-top:10px} #content .twfila .twbox ul li span a{text-decoration:underline} #content .twfila .twbox div{float:left;width:224px;padding:30px 10px 0} #content .twfila .twbox a.ant,#content .twfila .twbox a.prox{float:left;width:25px;height:25px;text-indent:-15000px} #content .twfila .twbox a.ant{margin-right:3px;background:url("../i/twitter-up.jpg") no-repeat scroll 0 0 transparent;} #content .twfila .twbox a.prox{background-position:-75px 0} #content .twfila .twbox a.twitter{float:right;width:101px;height:25px;background-position:0 -50px;text-indent:-15000px} #content .assunto{float:right;width:280px} #content .assunto h2{width:220px;height:11px;background-position:0 0} #content .assunto ul {float:left;padding:8px 0 36px 17px;} #content .assunto ul li {float:left;padding:2px;} #content .assunto ul li img {float:left;height:75px;width:75px;} /*#content .assunto ul{padding-top:1px} #content .assunto ul li{position:relative;float:left;padding-bottom:25px;width:280px} #content .assunto ul li a small{position:absolute;top:0;left:0;z-index:999;float:left;width:50px;height:50px;background:url(../i/borda_img_50x50.gif) no-repeat} #content .assunto ul li img{position:absolute;top:0;left:0;z-index:1;float:left;width:50px;height:50px}*/ #content .assunto ul li span{float:right;padding-left:8px;width:222px} #content .assunto ul li a:hover span{text-decoration:underline} #content .assunto a.encontre,#content .assunto a.inscreva{margin-top:-1px;height:25px;text-indent:-15000px} #content .assunto a.encontre{float:left;width:139px;background-position:0 -247px} #content .assunto a.inscreva{float:right;width:98px;background-position:0 -181px} #content ul.historia{float:left;padding:10px 0 25px;margin-left:-7px;_margin-left:-3px;width:977px;background:url(../i/bg-historiaul.gif) 7px 666px no-repeat} #content ul.historia li{position:relative;float:left;padding:59px 7px 0;width:182px;height:587px;background:url(../i/bg-historia.gif) 8px 0 no-repeat;border-right:1px dotted #666} #content ul.historia li big,#content ul.historia li small{display:block;padding-bottom:10px;color:#007ec3;text-transform:uppercase} #content ul.historia li big{font:bold 22px/22px Arial} #content ul.historia li small{font:bold 11px/13px Arial} #content ul.historia li span{position:absolute;left:7px;bottom:0;float:left;width:182px;height:55px;font:bold 45px Arial;color:#cd9900;text-align:center;background:url(../i/bg-historiabig.gif) no-repeat} #content ul.historia li img{display:block;padding-bottom:10px} #content ul.historia li div.fL{float:left;width:470px} #content ul.historia li div.fL big,#content ul.historia li div.fR big{float:left;width:195px} #content ul.historia li div.fL img,#content ul.historia li div.fR img{float:right} #content ul.historia li div.fL span{position:absolute;top:0;left:7px;} #content ul.historia li div.fL big{padding-top:70px} #content ul.historia li div.fR{float:right;width:475px} .f19 {font-size:19px !important;} .noimg {background:none repeat scroll 0 0 transparent !important;} .nopt {padding-top:0 !important;} #content h6.tecnologia{float:left;padding-top:30px;font:bold 22px Arial;color:#ed1c24;text-transform:uppercase} #content .boxTecnologia{float:left} #content .boxTecnologia b{display:block;padding:25px 0 3px;font:bold 18px Arial;color:#007ec3} #content .boxTecnologia img{float:left;padding-right:10px;width:402px;height:182px} #content .boxTecnologia strong{float:left;margin-bottom:10px;padding:11px 0 0 30px;font:10px Arial;color:#FFF;text-transform:uppercase;width:528px;height:24px;background:url(../i/toptecnologia.gif) no-repeat} #content .boxTecnologia p{float:left;padding:18px;font:bold 12px/18px Arial;color:#1d365b;width:522px;height:101px;background:url(../i/bgtecnologia.gif) no-repeat} #content .filtro{float:left;margin:0 0 10px -10px;_margin-left:-5px;width:990px;height:35px;background:url(../i/bg-filtro.gif) no-repeat;position:relative;} #content .filtro .selectbox{float:left;width:185px;position:absolute;top:0;left:40px;padding:5px 0 0 0} #content .filtro .selectbox .filtro01 .dd .ddChild .opta{padding-left: 5px;} #content .filtro #formprod .selectbox{position:relative;margin-left:25px;} #content .filtro .selectboxbusca{float:right;width:185px;position:relative;top:0;left:-20px;padding:5px 0 0 0} #content .filtro .selectboxbusca #form_busca .text{float:left;height:25px;width:157px;} #content .filtro .selectboxbusca #form_busca .image{background:url("../i/botao_busca.gif") no-repeat scroll 0 -5px transparent;border:medium none;content:"";display:inline-block;float:left;height:31px;line-height:0;text-indent:-9999px;width:25px;} #content .filtro .filtro01{height:0;overflow:hidden;position:absolute} #content .filtro .filtro02{height:0;overflow:hidden;} #content .filtro #formprod .filtro01{position:static;} #content .filtro .dd{/*display:inline-block !important;*/position:absolute;text-align:left;background-color:#fff;font-family:Arial, Helvetica, sans-serif;font-size:12px;float:left;} #content .filtro .dd .ddTitle{background:url(../i/bg-selectfiltro.gif) no-repeat;cursor:pointer;overflow:hidden;width:185px;height:25px} #content .filtro .dd .ddTitle span.ddTitleText{overflow:hidden;float:left;padding:3px 0 0 5px;font:10px Arial;color:#1d365b;text-transform:uppercase} #content .filtro .dd .ddChild{position:absolute;border:1px solid #c3c3c3;border-top:none;display:none;background:#FFF;width:183px!important;overflow:auto;overflow-x:hidden !important;} #content .filtro .dd .ddChild a{display:block;padding:2px 0 2px 3px;text-decoration:none;color:#1d365b;cursor:pointer} #content .filtro .dd .ddChild a:hover{background:#1d365b;color:#FFF} #content p.res_busca {font: bold 13px arial; text-align: center; width: 100%; padding-top: 150px;} #content .filtroAtleta{float:right;position:relative;margin:0!Important;background:none!important;width:310px!important;height:35px} #content .filtroAtleta .selectbox{float:right!important;position:relative!important;top:0!important;left:0!important;right:0!important} #content .filtroAtleta .dd .ddTitle{background:url(../i/bg-selectfiltro2.gif) no-repeat!important} #content .filtroAtleta label{float:left;padding:12px 10px 0 0;font:bold 9px Verdana;color:#14133b;text-transform:uppercase} #content ul.produtos{float:left;width:980px} #content ul.produtos li{position:relative;float:left;padding:0 10px 10px 0;width:235px;height:207px;z-index:1;} #content ul.produtos li small{display:block;position:absolute;top:0;left:0;z-index:10;width:235px;height:179px;background:url(../i/bg-boxprodutos.gif) no-repeat} #content ul.produtos li img{float:left;position:relative;z-index:1;width:235px;height:146px} #content ul.produtos li span,#content ul.produtos li strong{position:relative;z-index:100;text-transform:uppercase} #content ul.produtos li span{float:left;padding:10px;font:bold 11px Arial;color:#1d365b} #content ul.produtos li strong{float:left;padding:7px 10px;width:156px;height:14px;background:url(../i/bg-boxprodutosstrong.gif) no-repeat;font-size:10px;color:#FFFFFF;} #content ul.produtos li a.veja{float:right;width:59px;height:26px;background:url(../i/bg-boxprodutoshref.gif) no-repeat 0 1px transparent;text-indent:-15000px} /*#boxProdInfo{position:relative;margin:10px auto;width:970px;height:774px;background:url(../i/bg-boxprodutosinfo.gif) no-repeat}*/ #boxProdInfo{position:relative;margin:10px auto;width:970px;height:788px;background:#FFFFFF;border:1px solid;} #boxProdInfo .info{float:left;padding:30px;width:323px} #boxProdInfo h3{font:bold 30px Arial;color:#007ec3} #boxProdInfo small{display:block;padding:5px 0 30px;font:15px Arial;color:#ec6725} #boxProdInfo p{padding:0 0 5px 0;font:12px Arial;color:#666} #boxProdInfo span{display:block;padding:40px 0;font:bold 9px Verdana;color:#14133b;text-transform:uppercase} #boxProdInfo span strong{float:left;padding:6px 10px 0 0} #boxProdInfo span a{float:left;margin-right:2px;} #boxProdInfo a.comprar{clear:both;float:left;width:120px;height:25px;background-position:0 -272px;text-indent:-15000px} #boxProdInfo a.compreagora{clear:both;float:left;width:120px;height:25px;background-position:0 -397px;text-indent:-15000px} #boxProdInfo a.fechar{position:absolute;top:20px;right:20px;float:right;width:25px;height:25px;background-position:-127px -181px;font-size:0;text-indent:-15000px} #boxProdInfo .foto{float:right;padding:20px 20px 20px 0;width:565px;text-align:right} #content #atleta{clear:both;padding-top:10px} #content #atleta .fL{float:left;width:402px} #content #atleta .fL img{display:block;padding-bottom:10px;width:401px;} #content #atleta .fL p{float:left;padding-top:7px;font:12px Arial;color:#1d365b} #content #atleta .fL .pag{float:right;width:55px;} #content #atleta .fL .pag a.ant{margin:0 3px 0 0;background-position:0 -347px!important} #content #atleta .fL .pag a.prox{margin:0 20px 0 0;background-position:-25px -347px!important} #content #atleta .fL .pag a.pdf{float:left;margin-top:0;width:123px;height:25px;background-position:0 -297px;text-indent:-15000px} #content #atleta .fR{float:right;width:558px} #content #atleta .fR .menuAtleta{width:558px;height:35px;background:url(../i/bg-atletamenu.gif) no-repeat} #content #atleta .fR .menuAtleta{float:left;width:548px;padding-left:10px;height:35px;background:url(../i/bg-atletamenu.gif) no-repeat} #content #atleta .fR .menuAtleta div{position:relative;float:left} #content #atleta .fR .menuAtleta div a{float:left;padding:5px 7px 0 7px;height:26px;font:10px Arial;color:#FFF;text-transform:uppercase} #content #atleta .fR .menuAtleta div a small{padding-right:8px;font:16px Arial} #content #atleta .fR .menuAtleta div ul{display:none} #content #atleta .fR .menuAtleta div.active{margin:1px 0;background:#FFF} #content #atleta .fR .menuAtleta div.active a{color:#1d3559} #content #atleta .fR .menuAtleta div.active a small,#atleta .fR .menuAtleta div ul li small{color:#ef1b27} #content #atleta .fR .menuAtleta div.active span{width:3px;height:33px;float:left} #content #atleta .fR .menuAtleta div.active span.left{background:url(../i/menu-left2.gif) no-repeat} #content #atleta .fR .menuAtleta div.active span.right{background:url(../i/menu-right2.gif) no-repeat} #content #atleta .fR .menuAtleta div.active ul{display:block;float:left;position:absolute;top:36px;left:0} #content #atleta .fR .menuAtleta div.active ul li{clear:both} #content #atleta .fR .menuAtleta div.active ul.times li a{width:95px} #content #atleta .fR .menuAtleta div.active ul.atletas li a{width:155px} #content #atleta .fR .menuAtleta div.active ul li a{float:left;height:26px;padding:2px 0 1px 10px;background:url(../i/bg-submenu.gif) repeat-x;color:#FFF!important} #content #atleta .fR .info{float:right;margin-top:10px;padding:20px 10px;width:538px;height:622px;background:url(../i/bg-atletainfo.gif) no-repeat} #content #atleta .fR .info p{padding-bottom:5px} #content #atleta .fR .not p{padding-bottom:12px} #content #atleta .fR .not p a{font-size:16px;} #content #atleta .fR .bio p{padding-bottom:20px;line-height:20px} #content #atleta .fR .bio #bio_contents{position: absolute; padding-right: 13px; height: 622px; overflow: hidden; width: 530px;} #content #atleta .fR ul li {float:left;padding-bottom:20px;width:538px} #content #atleta .fR ul li a b,#content #atleta .fR ul li a strong{display:block} #content #atleta .fR ul li a{background:none} #content #atleta .fR ul li a b{color:#ed1c24} #content #atleta .fR ul li a strong{padding:3px 0} #content #atleta .fR ul li a span{display:block} #content #atleta .fR ul li a:hover b,#content #atleta .fR ul li a:hover strong,#content #atleta .fR ul li a:hover span{text-decoration:underline} #content #atleta #maga .pag{float:right;width:200px;} #content #atleta #maga .pag a.ant{margin:0 3px 0 0;background-position:0 -347px!important} #content #atleta #maga .pag a.prox{margin:0 20px 0 0;background-position:-25px -347px!important} #content #atleta #maga .pag a.pdf{float:left;margin-top:0;width:123px;height:25px;background-position:0 -297px;text-indent:-15000px} #content #atleta .magazine{float:right;padding:20px 10px;width:538px;height:502px;background:url(../i/bg-magazine.gif) no-repeat} #content #atleta .magazine fieldset p{padding-bottom:10px;line-height:20px} #content #atleta .magazine fieldset label{float:left;padding-top:7px;font:bold 9px Verdana;color:#14133b;width:63px;text-transform:uppercase} #content #atleta .magazine fieldset label.data{width:125px} #content #atleta .magazine fieldset input.texto{margin-bottom:10px;width:474px;height:25px;background:url(../i/bg-magazineform.gif) no-repeat} #content #atleta .magazine fieldset input.radio{float:left;margin:7px 0 10px} #content #atleta .magazine fieldset span{float:left;padding:7px 15px 0 5px;font-size:10px;text-transform:uppercase} #content #atleta .magazine fieldset input.diames,#content #atleta .magazine fieldset input.ano{float:left;height:25px;margin-bottom:10px;text-align:center} #content #atleta .magazine fieldset input.diames{width:42px;background-position:-110px -131px} #content #atleta .magazine fieldset input.ano{width:53px;background-position:-99px -106px} #content #atleta .magazine fieldset strong{float:left;padding:7px 5px 0;} #content #atleta .magazine fieldset input.botao{float:left;font-size:0;width:82px;height:25px;background-position:0 -322px;cursor:pointer} #content #representante{position:relative} #content #representante p{clear:both;float:left;padding:10px 0 30px;width:500px} #content #representante .filtroEstado{float:left;position:relative;margin:0 0 30px 0!important;background:none!important;width:690px!important;height:35px} #content #representante .filtroEstado label{float:left;padding:7px 10px 0 0;font:bold 9px Verdana;color:#14133b;text-transform:uppercase;width:90px} #content #representante .filtroEstado input.texto{float:left;margin-right:20px;width:263px;height:25px;background:url(../i/bg-representanteform.gif) no-repeat} #content #representante .filtroEstado input.botao{float:left;margin-left:20px;width:92px;height:25px;background-position:0 -372px;text-indent:-15000px;cursor:pointer} #content #representante .filtroEstado .selectbox{float:left!important;position:relative!important;top:-5px!important;left:0!important;right:0!important} #content #representante .filtroEstado .dd .ddTitle{background:url(../i/bg-selectfiltro2.gif) no-repeat!important} #content #representante .w488 {float:left;position:relative;width:488px!important;height:100px!Important} #content #representante #end{float:left;width:370px;height:395px} #content #representante #end ul{padding-top:3px;width:335px;border-top:1px solid #ddd} #content #representante #end ul li{float:left;padding-bottom:7px;width:335px;height:66px;background:none!important;font-size:11px} #content #representante #end ul li a{float:left;padding:6px 0;width:335px;height:54px;background-position:0 0} #content #representante #end ul li a.active{color:#ee1c25;background-position:0 -66px} #content #representante #end ul li a span{padding:0 10px;font-weight:bold;display:block} #content #representante #mapa{float:right;width:585px;height:395px} #content #representante #endLoja{position:absolute;top:30px;*top:-80px;right:0;float:right;padding-top:3px;width:370px;height:282px} #content #representante #endLoja p{margin-bottom:5px;padding:0 0 5px!important;width:335px!important;font:10px Arial;text-transform:uppercase;border-bottom:1px solid #ddd} #content #representante ul.loja{float:right;width:353px;height:282px} #content #representante ul.loja li{float:left;padding-bottom:7px;width:335px;height:45px;background:none!important} #content #representante ul.loja li a{float:left;padding:7px 0;width:335px;height:31px;background-position:0 0} #content #representante ul.loja li a.active{color:#ee1c25;background-position:0 -45px} #content #representante ul.loja li a span{padding:0 10px;font-weight:bold;display:block} #content #politica{position:relative} #content #politica p{clear:both;float:left;padding-bottom:25px;} /*CSS SCROLL BAR*/ /*.jScrollPaneContainer {float:left;position:relative;overflow:hidden;z-index:1;width:370px!important}*/ .jScrollPaneContainer {float:left;position:relative;overflow:hidden;z-index:1;width:370px} .jScrollPaneTrack {position: absolute;cursor: pointer;right: 0;top: 0;height:100%;background: #e7e8e9;} .jScrollPaneDrag {position: absolute;background: #c0c0c0;cursor: pointer;overflow: hidden;width:25px!important} .jScrollPaneDragTop {position: absolute;top: 0;left: 0;overflow: hidden;} .jScrollPaneDragBottom {position: absolute;bottom: 0;left: 0;overflow: hidden;} .jScrollPaneTrack{width:25px!important} a.jScrollArrowUp,a.jScrollArrowDown{display:block;text-indent:-2000px;overflow:hidden;width:25px!important;height:25px!important;} a.jScrollArrowUp {position:absolute;z-index:1;top:0;right:0;background-position:-75px -25px} a.jScrollArrowDown {position:absolute;z-index: 1;bottom:0;right:0;background-position:-100px -25px} /*CSS BOTAFOGO*/ .botafogo #menuFila div.active span.left,.botafogo #menuFila div.active span.right,.botafogo #content h2,.botafogo #content .destaque a small,.botafogo #content .fL .box small,.botafogo #footer h6{background:url(../i/times/botafogo/sprite.gif) no-repeat} .botafogo,.botafogo #menuFila div.active a{color:#000} .botafogo #menuFila{background:url(../i/times/botafogo/bg-menu.gif) no-repeat} .botafogo #menuFila div.active span.left{background-position:-3px -40px} .botafogo #menuFila div.active span.right{background-position:0 -40px} .botafogo #barraTime{float:left;margin:0 0 30px 10px;width:970px;height:279px;/*background:url(../i/times/botafogo/bg-header.jpg) no-repeat*/} .botafogo #content h2{margin-bottom:10px;background-position:0 0} .botafogo #content .destaque{float:left;padding-bottom:25px;width:970px} .botafogo #content .destaque a,.botafogo #content .fL .box a{position:relative;float:left;width:235px;height:102px;margin:0 7px 8px 0} .botafogo #content .destaque a small,.botafogo #content .fL .box small{position:absolute;top:0;left:0;float:left;width:237px;height:102px;background-position:0 -74px;z-index:999} .botafogo #content .destaque a img,.botafogo #content .fL .box img{width:237px;height:102px} .botafogo #content .fL{float:left;width:539px} .botafogo #content .fL h2{float:left;width:143px;height:14px;background-position:0 -12px} .botafogo #content .fL .box{float:left;padding-bottom:22px;width:539px;height:258px} .botafogo #content .fL .box h3{float:left;margin-bottom:10px;padding:5px 0 0 10px;width:529px;height:20px;font:bold 12px Arial;color:#FFF;background:url(../i/times/botafogo/bg-titlebox.gif) no-repeat;text-transform:none!important} .botafogo #content .fL .box div{float:left;padding-right:14px;width:239px;border-right:1px dotted #000} .botafogo #content .fL .box div a,.botafogo #content .fL .box ul li a{background:none;margin:0!important;height:auto;color:#000} .botafogo #content .fL .box div a b,.botafogo #content .fL .box div a strong,.botafogo #content .fL .box ul li a b,.botafogo #content .fL .box ul li a strong{display:block} .botafogo #content .fL .box div a b,.botafogo #content .fL .box ul li a b{color:#cc9800} .botafogo #content .fL .box div a b{padding-top:10px} .botafogo #content .fL .box div a strong,.botafogo #content .fL .box ul li a strong{padding:3px 0 16px} .botafogo #content .fL .box ul{float:right;width:269px} .botafogo #content .fL .box ul li{float:left;padding-bottom:10px;margin-bottom:10px;border-bottom:1px dotted #000} .botafogo #content .fR{float:right;width:402px} .botafogo #content .fR h2{float:left;width:143px;height:14px;background-position:0 -26px} .botafogo #content .fR .historia{float:left;width:402px;height:1137px;background:url(../i/times/botafogo/bg-historia.gif) no-repeat} .botafogo #content .fR .historia strong{display:block;padding:15px 10px 5px 10px;font:bold 15px Arial} .botafogo #content .fR .historia p{padding:0 10px 20px 10px;line-height:16px} .botafogo #footer{background:#000 url(../i/times/botafogo/bg-footer.gif) no-repeat} .botafogo #footer h6{background-position:-150px -58px} /*PAGINACAO*/ .pag{clear:both;display:inline-block;margin:auto;width:auto;} .pag a.ant,.pag a.prox{float:left;width:25px;height:25px;text-indent:-15000px} .pag a.ant{margin:0 3px 0 0;background-position:0 -25px} .pag a.prox{margin:0 20px 0 0;background-position:-25px -25px} .pag a{float:left;margin:6px 11px 0;font-weight:bold} .pag a.active{color:#ee1c25} .pag a:hover.active{text-decoration:none} .pag a:hover{color:#ee1c25} .boxProdInfo2{float:left;background:#FFF!important;border:1px solid #000;height:auto!important} .boxProdInfo2 a.comprar{float:right!important;margin-top:-47px} .boxProdInfo2 a.compreagora{float:right!important;margin-top:-10px} .boxProdInfo2 .info{width:920px!important} .boxProdInfo2 .foto{clear:both;float:left!important;margin-left:15px} #pub{margin:auto;width:968px} #footer{float:left;margin:50px 0 0 11px;_margin-left:5px;width:968px;height:50px;background:#ee1c25 url(../i/bg-footer.gif) no-repeat;position:relative;} #footer h6{float:left;margin:19px 0 0 16px;width:87px;height:16px;background-position:0 -206px;text-indent:-15000px} #footer ul{float:right;padding-top:20px;padding-right:70px;} #footer ul li{float:left;padding:0 10px;border-right:1px solid #FFF} #footer ul li a{font:bold 10px Arial;color:#FFF;text-transform:uppercase} #footer #elav{position:absolute;bottom:18px;right:17px} #footer #elav a{display:block;width:36px;height:10px;background:transparent url(../i/by_elav3.gif) no-repeat scroll 26px 0;text-decoration:none;text-indent:-15000px} #footer #elav a:hover{background-position:0 -10px} /*active page*/ #historia #menuFila #historia-menu, #atleta #menuFila #atleta-menu, #representante #menuFila #representante-menu, #tecnologia #menuFila #tecnologia-menu, #filamag #menuFila #filamag-menu, #produto #menuFila #produto-menu {background:none repeat scroll 0 0 #FFFFFF;margin:1px 0;} #historia #menuFila #historia-menu span.left, #atleta #menuFila #atleta-menu span.left, #representante #menuFila #representante-menu span.left, #tecnologia #menuFila #tecnologia-menu span.left, #filamag #menuFila #filamag-menu span.left, #produto #menuFila #produto-menu span.left {background:url("../i/menu-left.gif") no-repeat scroll 0 0 transparent;float:left;height:33px;width:3px;} #historia #menuFila #historia-menu a, #atleta #menuFila #atleta-menu a, #representante #menuFila #representante-menu a, #tecnologia #menuFila #tecnologia-menu a, #filamag #menuFila #filamag-menu a, #produto #menuFila #produto-menu a {color:#1D3559;} #historia #menuFila #historia-menu a small, #atleta #menuFila #atleta-menu a small, #representante #menuFila #representante-menu a small, #tecnologia #menuFila #tecnologia-menu a small, #filamag #menuFila #filamag-menu a small, #produto #menuFila #produto-menu a small {color:#EF1B27;} #historia #menuFila #historia-menu span.right, #atleta #menuFila #atleta-menu span.right, #representante #menuFila #representante-menu span.right, #tecnologia #menuFila #tecnologia-menu span.right, #filamag #menuFila #filamag-menu span.right, #produto #menuFila #produto-menu span.right {background:url("../i/menu-right.gif") no-repeat scroll 0 0 transparent;float:left;height:33px;width:3px;}