/* RESET */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,select,textarea,p,blockquote,th,td { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; } fieldset,img { border:0; } address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; } ol,ul { list-style:none; } caption,th { text-align:left; } h1,h2,h3,h4,h5,h6 { font-size:100%; font-family:Arial, Helvetica, sans-serif; font-weight:normal; } q:before,q:after { content:''; } abbr,acronym { border:0; } /* GERAL */ a { text-decoration:none; color:#0C66CE; } a:hover { text-decoration:underline; } strong { font-weight:bold; } em { font-style:italic; } /* ESTRUTURA */ html, body { height:100%; } body { font-family:Arial, Helvetica, sans-serif; font-size:62.5%; background:url(../imagens/bg_alj.jpg) center top no-repeat; } body.interna { font-family:Arial, Helvetica, sans-serif; font-size:62.5%; background:url(../imagens/bg_alj_interna.jpg) center top no-repeat; } * html #container { height:100%; /* hack para IE6 que trata height como min-height */ } #container { position:relative; width:100%; height:100%; height:auto !important; min-height:100%; min-width:960px; } #conteudo { position:relative; width:960px; padding:0 0 30px; margin:0 auto;} #conteudo h1.logo { position:absolute; left:0; top:40px; z-index:1000; width:248px; height:107px; } #conteudo h1.logo a { display:block; width:248px; height:107px; background:url(../imagens/logo_cabecalho.png) left top no-repeat; text-indent:-999999px; } /* Cabeçalho */ div.cabecalho { height:27px; width:960px; z-index:10000; position:relative;} div.cabecalho div.cabeesq { float:left; padding-top:6px;} div.cabecalho span.data { size:11px; color:#666666; font-weight:bold;} div.cabecalho div.cabedir { float:right; width:480px;} div.cabecalho div.fontes { width:76px; height:23px; border-left:1px solid #d8d8d8; float:left; padding-top:4px;} div.cabecalho div.fontes a.amenos { background:url(../imagens/bt_a_menos.jpg) no-repeat; width:28px; height:18px; float:left; margin-right:3px; margin-left:15px; text-indent:-9999px;} div.cabecalho div.fontes a.amais { background:url(../imagens/bt_a_mais.jpg) no-repeat; width:28px; height:18px; float:left; text-indent:-9999px;} div.cabecalho div.login { width:188px; height:23px; border-left:1px solid #d8d8d8; float:left; padding-top:4px;} div.cabecalho div.login span.acesse { size:12px; color:#076ab6; font-weight:bold; float:left; margin-right:7px; margin-left:15px; margin-top:3px;} div.cabecalho div.login a.login { background:url(../imagens/bt_login.jpg) no-repeat; width:45px; height:18px; float:left; text-indent:-9999px;} div.cabecalho div.busca { width:210px; height:23px; float:left; padding-top:4px;} div.cabecalho div.busca input { height:17px; float:left; margin-right:3px; border:1px solid #d2d2d2; color:#848484; font-size:1.1em;} div.cabecalho div.busca a.busca { background:url(../imagens/bt_buscar.jpg) no-repeat; width:55px; height:18px; float:left; text-indent:-9999px;} div.cabecalho div.busca span.busca { background:url(../imagens/bg_busca.jpg) no-repeat; width:22px; height:18px; float:left; text-indent:-9999px;} div.loginbox { width:189px; background-color:#00FF99; margin-top:23px; background:#F2F2F2 url(../imagens/bg_login.jpg) repeat-x; border:1px solid #D3D3D3; border-top:none; padding-left:14px; padding-top:9px;} div.loginbox input { width:173px; height:16px; border:1px solid #D1D1D1; margin-bottom:3px; color:#A5A5A5} div.loginbox input.log { width:45px; height:18px; border:1px solid #D1D1D1; margin-bottom:3px;} div.loginbox a.esqueci { font-size:1.1em; float:left; color:#A5A5A5; padding:3px 10px 0 2px; font-weight:bold; } a.logado { color:#076ab6; margin:0 5px 0 4px;} /* Menu */ div.colesq {width:195px; float:left;} div.colesq .publicidade { padding: 0 0 20px; } div.menu { width:195px; background:url(../imagens/bg_menu.jpg) repeat-y; margin-top:131px; margin-bottom:20px;} div.menu span.topo { background:url(../imagens/bg_menu_top.jpg) no-repeat top; width:195px; height:14px; display:block;} div.menu span.base { background:url(../imagens/bg_menu_bottom.jpg) no-repeat bottom; width:195px; height:14px; display:block;} div.menu img.atendimento {} /* Menu Accordion */ div.menu a.menuitem { border-bottom:1px solid #d2d2d2; line-height:33px; margin-left:24px; color:#0c66ce; font-size:1.2em; font-weight:bold; background:url(../imagens/bg_bullet_menu.gif) no-repeat right; display:block;} div.menu a.menuitem2 { line-height:33px; margin-left:24px; color:#0c66ce; font-size:1.2em; font-weight:bold; background:url(../imagens/bg_bullet_menu.gif) no-repeat right; display:block;} div.menu a.menuitem:hover { text-decoration:none;} div.menu a.menuitem2:hover { text-decoration:none;} div.menu a.menuitem .statusicon{ position:absolute; top:26%; right:3px; } div.menu div.submenu ul.principal { margin:0 auto; width:150px;} div.menu div.submenu ul.principal li a { display:block; color:#758D2F; text-decoration:none; padding:5px 0 5px 7px; background:url(../imagens/bullet_menu_lista.jpg) no-repeat; } div.menu div.submenu ul.principal li a:hover { text-decoration:underline;} /* Fim do Menu Accordion */ /* Conteúdo */ div.coldir { width:742px; float:right; margin-top:91px;} div.coldir div.anima { width:751px; height:220px; display:block; clear:both; margin-bottom:24px;} div.coldir object, div.coldir embbed { margin-bottom:24px; } div.contesq { width:503px; float:left; display:block; clear:both;} div.contesq.home { margin-top:-15px;} div.contesq div.destaque { width:503px; float:left; border-bottom:1px solid #d2d2d2; padding-top:15px; } div.contesq div.destaque img { float:left; padding:0 15px 20px 0;} div.contesq div.destaque a.titulo { font-size:20px; color:#0C66CE; display:block; padding-bottom:15px; font-weight:bold;} div.contesq div.destaque a.titulo:hover { text-decoration:underline;} div.contesq div.destaque span.info { font-size:1.2em; color:#797A7A; padding-bottom:20px; display:block;} div.contesq div.noticias { width:503px; float:left; border-bottom:1px solid #d2d2d2; padding:20px 0;} div.contesq div.noticias ul { } div.contesq div.noticias ul li.barra { float:left; width:149px; border-right:1px solid #d2d2d2; padding:0 7px 0 10px; min-height:60px; } div.contesq div.noticias ul li.sbarra { float:left; width:149px; padding:0 7px 0 10px; min-height:60px; } div.contesq div.noticias a.news { font-size:1.4em; font-weight:bold; color:#0C66CE;} div.contesq div.galeria { width:242px; float:left; margin-top:15px;} div.contesq div.galeria h3 { width:242px; background:url(../imagens/tit_galeria.jpg) no-repeat #A5A300; height:25px; border-bottom:4px solid #B3B107; text-indent:-9999px;} div.contesq div.galeria span.link { font-size:1.2em; color:#797A7A; display:block; margin-top:7px;} div.contesq div.zoom { width:242px; float:right; margin-top:15px;} div.contesq div.zoom h3 { width:242px; background:url(../imagens/tit_zoom.jpg) no-repeat #C66E20; height:25px; border-bottom:4px solid #DE8537; text-indent:-9999px;} div.contesq div.zoom span.link { font-size:1.2em; color:#797A7A; display:block; margin-top:7px;} /* Sidebar */ div.sidebar { width:216px; float:right;} div.sidebar div.bloco{ width:216px; margin-bottom:25px;} div.sidebar div.bloco div.agrupa{ width:216px; background:url(../imagens/bg_news_corpo.jpg) repeat-y; height:auto; padding-top:10px;} div.sidebar div.bloco h3.cale, div.bloco h3.news{ width:216px; height:28px; background:url(../imagens/bg_news.png) no-repeat; font-size:1.6em; font-weight:bold; color:#0C66CE; padding:9px 0 0 14px;} div.sidebar div.bloco h3.cale {background:url(../imagens/bg_news1.jpg) no-repeat;} div.sidebar div.bloco2 div.calendario { padding-left:7px; background:url(../imagens/bg_news1.jpg) no-repeat;} div.sidebar div.bloco2 div.calendario span.calen { color:#9A9A9A; font-size:9px; border-top:1px solid #D1D1D1; margin-top:9px; margin-right:6px; display:block; padding:7px 3px 0 15px; background:url(../imagens/bg_calen.gif) no-repeat;} div.sidebar div.bloco2{ width:216px; background:url(../imagens/bg_news_corpo.jpg) repeat-y; margin-bottom:25px;} div.sidebar div.bloco2 h3.cale, div.bloco2 h3.news{ width:216px; height:37px; background:url(../imagens/bg_news.jpg) no-repeat; font-size:1.6em; font-weight:bold; color:#0C66CE; padding:9px 0 0 14px;} div.sidebar div.bloco2 h3.cale {background:url(../imagens/bg_news1.jpg) no-repeat;} div.sidebar div.bloco2 div.calendario { padding-left:7px; background:url(../imagens/bg_news1.jpg) no-repeat;} div.sidebar div.bloco2 div.calendario span.calen { color:#9A9A9A; font-size:9px; border-top:1px solid #D1D1D1; margin-top:9px; margin-right:6px; display:block; padding:7px 3px 0 15px; background:url(../imagens/bg_calen.gif) no-repeat;} /* Calendar ---------------------- */ div.sidebar div.bloco2 table.cal { margin:0; } div.sidebar div.bloco2 table.cal td { width:auto; height:auto; border:0; padding:0; } div.sidebar div.bloco2 table.cal tr.dayhead td { font:bold 9px Arial, Helvetica, sans-serif; padding:0 0 5px;} div.sidebar div.bloco2 table.cal tr.dayrow td { background:url(../imagens/bg_dias_calendario.gif) no-repeat;} div.sidebar div.bloco2 table.cal tr.dayrow td a { display:block; width:27px; height:30px; font:bold 16px Arial, Helvetica, sans-serif; line-height:30px; text-decoration:none; } div.sidebar div.bloco2 table.cal tr.dayrow td a.day { color:#1D66C4; cursor:text; text-align:center;} div.sidebar div.bloco2 table.cal tr.dayrow td a.ativo { color:#727B00; cursor:pointer; background:url(../imagens/bg_dia_calendario_ativo.gif) left top no-repeat; text-align:center;} div.sidebar div.bloco2 table.cal table.calhead { margin:0; } div.sidebar div.bloco2 table.cal table.calhead tr td { height:20px; line-height:20px; } div.sidebar div.bloco2 table.cal table.calhead tr td a { width:6px; height:15px; text-indent:-999999px; outline:none; } div.sidebar div.bloco2 table.cal table.calhead tr td a.anterior { float:left; background:url(../imagens/bt_mes_anterior.gif) top left no-repeat; width:10px; height:10px; margin-top:13px;} div.sidebar div.bloco2 table.cal table.calhead tr td a.proximo { float:right; background:url(../imagens/bt_mes_seguinte.gif) top left no-repeat; width:10px; height:10px; margin-top:13px;} div.sidebar div.bloco2 table.cal table.calhead tr td div.mes { float:left; width:185px; height:15px; line-height:15px; text-align:center; font-size:1.6em; font-weight:bold; color:#0C66CE; padding-bottom:20px; margin-top:12px;} /* Final Calendar ---------------------- */ /* Publicidade */ div.sidebar .publicidade { height:180px; text-align:center; padding:0 0 20px; } /* qtip -------------------------- */ #tip h3 { font:bold 14px Arial, Helvetica, sans-serif; margin:0 0 5px; } #tip img { float:left; max-width:225px; margin:0 10px 0 0; } /* Final qtip -------------------------- */ div.sidebar div.bloco2 span.base2 { background:url(../imagens/bg_news_base.jpg) no-repeat bottom; width:216px; height:10px; display:block; float:left;} div.sidebar div.bloco span.base2 { background:url(../imagens/bg_news_base.jpg) no-repeat bottom; width:216px; height:10px; display:block; float:left;} div.sidebar div.bloco span.inter { padding-left:13px; color:#666666; font-size:1.1em; display:block; padding-bottom:4px;} div.sidebar div.bloco span.error { padding-left:13px; color:#CC0000; font-size:1.1em; display:none; padding-bottom:4px;} div.sidebar div.bloco div.selec { width:190px; height:21px; background:#ECECEC; margin:0 auto; margin-bottom:13px; padding:2px 0 0 0px; *padding:0;} div.sidebar div.bloco div.selec label { padding-right:2px; *margin:-3px;} input.selec { margin-top:3px; *margin-top:0px; *margin-bottom:3px;} div.sidebar div.bloco input.campos { width:185px; height:18px; margin:0 auto; margin-left:12px; margin-bottom:4px; border:1px solid #D2D2D2; padding-left:4px; font-size:1.1em; color:#A5A5A5; font-weight:bold;} div.sidebar div.bloco input.sel { float:left;} div.sidebar div.bloco span.opcao { float:left; padding-left:4px; color:#666666; font-size:1.1em; display:block; padding-bottom:4px; padding-right:10px;} div.sidebar div.bloco input.cadastrar { background:url(../imagens/bt_cadastrar.jpg) no-repeat; width:77px; height:18px; float:right; text-indent:-9999px; margin-right:13px; padding-bottom:12px;} div.sidebar div.bloco ul.noti { width:190px; margin:0 auto; margin-bottom:10px;} div.sidebar div.bloco ul.noti li { border-bottom:1px solid #CCCCCC; padding:6px 0;} div.sidebar div.bloco ul.noti li span.data { color:#666666; font-size:1.2em; font-weight:bold; display:block; float:left;} div.sidebar div.bloco ul.noti li a.noticia { color:#0166D2; font-size:1.2em; font-weight:bold; display:block; float:right; width:145px;} div.sidebar div.bloco a.mais_news { background:url(../imagens/bt_todas_noticias.jpg) no-repeat; width:139px; height:18px; float:right; text-indent:-9999px; padding-right:13px; padding-bottom:12px;} div.sidebar div.revista { width:216px; height:66px; background:url(../imagens/bg_revista.jpg) no-repeat; margin-bottom:25px; padding-top:15px; padding-left:12px;} div.sidebar div.revista h3 { font-size:1.6em; color:#808080; font-weight:bold;} div.sidebar div.revista a.mes { font-size:1.2em; color:#808080; font-weight:bold;} div.sidebar div.locacoes { width:216px; height:63px; background:url(../imagens/banner_locacao_de_saloes.jpg) no-repeat; margin-bottom:25px; padding-top:12px; padding-left:12px;} div.sidebar div.locacoes h3 { font-size:1.6em; color:#808080; font-weight:bold;} div.sidebar div.locacoes a.mes { font-size:1.2em; color:#808080; font-weight:bold;} div.sidebar div.zoom { width:216px; height:63px; background:url(../imagens/banner_zoom.jpg) no-repeat; margin-bottom:25px; padding-top:12px; padding-left:12px;} div.sidebar div.zoom h3 { font-size:1.6em; color:#808080; font-weight:bold;} div.sidebar div.zoom a.mes { font-size:1.2em; color:#808080; font-weight:bold;} div.sidebar div.contato { width:216px; height:63px; background:url(../imagens/banner_contato.jpg) no-repeat; margin-bottom:25px; padding-top:12px; padding-left:12px;} div.sidebar div.contato h3 { font-size:1.6em; color:#808080; font-weight:bold;} div.sidebar div.contato a.mes { font-size:1.2em; color:#808080; font-weight:bold;} div.sidebar div.servicos { width:216px; height:63px; background:url(../imagens/banner_servicos.jpg) no-repeat; margin-bottom:25px; padding-top:12px; padding-left:12px;} div.sidebar div.servicos h3 { font-size:1.6em; color:#808080; font-weight:bold;} div.sidebar div.servicos a.mes { font-size:1.2em; color:#808080; font-weight:bold;} div.sidebar div.promocoes { width:216px; height:63px; background:url(../imagens/banner_promocoes.jpg) no-repeat; margin-bottom:25px; padding-top:12px; padding-left:12px;} div.sidebar div.promocoes h3 { font-size:1.6em; color:#808080; font-weight:bold;} div.sidebar div.promocoes a.mes { font-size:1.2em; color:#808080; font-weight:bold;} div.sidebar div.tenis { width:216px; height:66px; background:url(../imagens/bg_tenis.jpg) no-repeat; margin-bottom:25px; padding-top:15px; padding-left:12px;} div.sidebar div.tenis h3 { font-size:1.6em; color:#808080; font-weight:bold;} div.sidebar div.tenis a.mes { font-size:1.2em; color:#808080; font-weight:bold;} div.sidebar div.bloco input.buscar { background:url(../imagens/bt_buscar.jpg) no-repeat; width:59px; height:18px; float:right; text-indent:-9999px; padding-right:13px; padding-bottom:12px;} div.sidebar div.bloco ul.loca { width:190px; margin:0 auto; margin-bottom:10px;} div.sidebar div.bloco ul.loca li { padding:10px 0;} div.sidebar div.bloco ul.loca li.last { border-bottom:1px solid #CCCCCC; padding:10px 0;} div.sidebar div.bloco p { color:#666666; padding:0 12px; font-size:1.2em; padding-bottom:8px;} div.sidebar div.bloco span.search { color:#0166D2; font-size:1.2em; font-weight:bold; display:block; padding-bottom:4px;} div.sidebar div.bloco span.search2 { color:#0166D2; font-size:1.2em; font-weight:bold; *margin:-3px;} div.sidebar div.bloco select { width:187px;} div.sidebar div.anuncio { text-align:center; padding:0 0 20px;} a.locacao { text-decoration:underline; color:#666666;} /* Galeria de Eventos */ div.sidebar div.bloco.galeria div.info { padding:0 10px 10px; overflow:hidden; } div.sidebar div.bloco.galeria div.info a.botao { display:block; float:right; width:137px; height:0; background:url(../imagens/bt_veja_a_galeria_de_eventos.jpg) left top no-repeat; padding:18px 0 0; overflow:hidden; } div.sidebar div.bloco.galeria div.imagem { text-align:center; margin:0 0 5px; } div.sidebar div.bloco.galeria h4 { font:bold 14px Arial, Helvetica, sans-serif; color:#086CC4; } div.sidebar div.bloco.galeria span { display:block; font:bold 11px Arial, Helvetica, sans-serif; color:#666; margin:0 0 10px; } /*Scrollable*/ .scrollable { /* required settings */ position:relative; overflow:hidden; width: 442px; height:91px; padding-left:3px; /* custom decorations */ background:#D8D8D8; } /* root element for scrollable items. Must be absolutely positioned and it should have a extremely large width to accomodate scrollable items. it's enough that you set the width and height for the root element and not for this element. */ .scrollable .items { /* this cannot be too large */ width:20000em; position:absolute; clear:both; } .items div { float:left; width:680px;} .items div a { display:block; float:left; width:102px; height:77px; text-align:center; border:1px solid #676964; margin:6px 3px; overflow:hidden; } .items div a img { width:120px; margin:0 auto; } /* active item */ .scrollable .active { border:2px solid #000; position:relative; cursor:default;} /* this makes it possible to add next button beside scrollable */ .scrollable { float:left;} /* prev, next, prevPage and nextPage buttons */ a.browse { display:block; width:30px; height:30px; float:left; cursor:pointer; text-indent:-9999px; margin-bottom:15px; } a.right { background:url(../imagens/bt_vai.jpg) no-repeat; width:29px; height:91px; float:left;} a.right:hover {} a.left { background:url(../imagens/bt_volta.jpg) no-repeat; width:29px; height:91px; float:left;} a.left:hover {} a.disabled { background:#E8E8E8;} /* Interna */ div.coldir { width:742px; float:right; margin-top:100px;} div.coldir div.page { /*width:603px;*/ display:block; clear:both;} div.coldir div.page h2.titulo { font-size:22px; padding-top:30px; font-weight:bolder; color:#FFFFFF; padding-bottom:50px;} div.coldir div.page h2.titulo2 { font-size:22px; padding-top:15px; font-weight:bolder; color:#FFFFFF; padding-bottom:5px;} div.contesq div.pao { width:493px; background-color:#fff; border: 1px solid #d4d6d5; -webkit-border-radius:8px; -moz-border-radius:8px; -o-border-radius:8px; border-radius:8px; clear:both; padding: 0 5px; margin-bottom:24px; overflow: hidden;} div.contesq div.pao span.paoesq { display: none; background:url(../imagens/bg_pao1.jpg) no-repeat left; width:5px; height:23px; float:left;} div.contesq div.pao span.paodir{ display: none; background:url(../imagens/bg_pao2.jpg) no-repeat right; width:5px; height:23px; float:right;} div.contesq div.pao span.link{ color:#959595; font-size:1.2em; padding:4px 0; display:block; float:left;} div.contesq div.pao span.link a{ color:#6B6B6B; font-size:1.2em; background:url(../imagens/bullet_pao.jpg) no-repeat right; padding-right:20px; margin-right:10px;} div.contesq div.pao span.link a.eventos{ background:none; } div.contesq div.paginterna { width:503px; float:left;} div.contesq div.paginterna div.imagem { float:left; margin:0 10px 5px 0; } div.contesq div.paginterna div.imagem img { display:block; margin:0 0 5px; } div.contesq div.paginterna div.imagem span { display:block; max-width:200px; } div.contesq div.paginterna div.imagem span.legenda { font:normal 11px Arial, Helvetica, sans-serif; color:#999; } div.contesq div.paginterna div.imagem span.creditos { font:italic 10px Arial, Helvetica, sans-serif; color:#666; } div.contesq div.paginterna p { color:#666666; font-size:1.2em; padding-bottom:12px;} div.contesq div.paginterna p span.nome { font-weight:bold;} div.contesq div.paginterna ul { padding-bottom:12px;} div.contesq div.paginterna ul li { color:#666666; font-size:1.2em; margin-bottom:12px;} div.contesq div.paginterna ul li span.nome { font-weight:bold;} div.contesq div.paginterna ul li.left, div.contesq div.paginterna ul li.right { height:51px; } div.contesq div.paginterna img.foto { float:left; padding:0 15px 15px 0;} div.contesq div.barra { width:498px; height:20px; background:#EFEFEF; border-bottom:1px solid #D1D1D1; border-top:1px solid #D1D1D1; display:block; float:left; font-size:1.2em; padding:5px 0 0 5px; margin-top:10px;} div.contesq div.barra a.compartilhar { background:url(../imagens/bg_compartilhar.jpg) no-repeat left; padding-left:23px; color:#6D6D6D;} div.contesq div.barra a.imprimir { background:url(../imagens/bg_imprimir.jpg) no-repeat left; padding-left:23px; color:#6D6D6D; margin-left:30px;} div.contesq h3.titulo_interna { color:#086CC4; font-size:1.4em; font-weight:bold; width:503px; border-bottom:1px solid #CCD5D4; margin-bottom:15px; display:block; clear:both;} div.contesq h3.titulo_interna span { display:block; font:bold 11px Arial, Helvetica, sans-serif; color:#666; } div.contesq h3.titulo_interna_torneio { color:#086CC4; font-size:1.4em; font-weight:bold; width:503px; border-bottom:1px solid #CCD5D4; margin-bottom:5px; display:block; clear:both;} div.contesq h3.titulo_interna_torneio a { color:#086CC4;} div.contesq h4.titulo_interna { color:#086CC4; font-size:1.2em; font-weight:bold; width:503px; margin-bottom:15px; display:block; clear:both;} div.contesq h4.titulo_interna a { color:#086CC4;} div.contesq ul.dupla { width:503px; display:block; clear:both;} div.contesq ul.dupla li { width:251px; float:left; color:#666666; font-size:1.2em; padding-bottom:12px;} div.contesq ul.dupla li span.nome { font-weight:bold; display:block;} div.contesq a.box { background:url(../imagens/bg_boxup.jpg) no-repeat; width:503px; height:19px; margin-bottom:4px; font-size:1.2em; color:#636363; padding:4px 0 0 33px; display:block; clear:both;} div.contesq a.box:hover { background:url(../imagens/bg_boxon.jpg) no-repeat; color:#FFFFFF; text-decoration:none;} div.contesq a.box:hover b { color:#8AB8EA;} div.page div.menu_tenis { display:block; clear:both; float:left; padding-bottom:40px;} div.page div.menu_tenis span.capaesq { width:8px; height:21px; float:left; background:url(../imagens/bg_capa1.jpg) no-repeat;} div.page div.menu_tenis span.capadir { width:8px; height:21px; float:left; background:url(../imagens/bg_capa2.jpg) no-repeat; padding-right:2px;} div.page div.menu_tenis a.botao { background:url(../imagens/bg_capa.jpg) repeat-x; height:19px; float:left; font-size:1.2em; color:#FFFFFF; padding-top:2px;} div.page div.menu_tenis a.botao:hover { color:#8AB8EA; text-decoration:none;} a.mais_news { background:url(../imagens/bt_todas_noticias.jpg) no-repeat; width:139px; height:18px; float:right; text-indent:-9999px; padding-right:13px; padding-bottom:12px;} a.saiba_mais { background:url(../imagens/bt_saiba_mais.jpg) no-repeat; width:75px; height:18px; float:left; text-indent:-9999px; padding-bottom:20px;} a.locar_salao { background:url(../imagens/bt_locar_salao.jpg) no-repeat; width:235px; height:18px; float:left; text-indent:-9999px; padding-bottom:20px;} a.tour { background:url(../imagens/bt_tour.png) no-repeat; width:235px; height:94px; float:left; text-indent:-9999px; padding-bottom:20px; margin-top:15px;} a.tour2 { background:url(../imagens/bt_tour2.png) no-repeat; width:235px; height:94px; float:left; text-indent:-9999px; padding-bottom:20px; margin-top:15px;} a.locar_quadra { background:url(../imagens/bt_locar_quadra.jpg) no-repeat; width:235px; height:18px; float:left; text-indent:-9999px; padding-bottom:20px; margin:20px 130px;} div.col1 { width:235px; float:left; padding-right:33px;} div.col2 { width:235px; float:left; padding-bottom:20px;} div.col1 h3.titulo_interna { width:235px;} div.col2 h3.titulo_interna { width:235px;} /* Zoom */ div.contesq div.paginterna ul.zoom li { border-bottom:1px solid #D2D2D2; padding:10px 0; width:503px;} div.contesq div.paginterna ul.zoom li div.imagem { float:left; margin:0 15px 0 0; } div.contesq div.paginterna ul.zoom li div.imagem img { display:block; border:1px solid #676767; } div.contesq div.paginterna ul.zoom li div.texto { float:left; width:385px; } div.contesq div.paginterna ul.zoom li div.texto h3 { font:bold 14px Arial, Helvetica, sans-serif; } div.contesq div.paginterna ul.zoom li div.texto h3 a { color:#0C66CE; } div.contesq div.paginterna ul.zoom li div.texto span.data { display:block; font:normal 12px Arial, Helvetica, sans-serif; color:#999; margin:0 0 10px; } div.contesq div.paginterna div.navegador { clear:both; height:18px; padding:0 0 10px; } div.contesq div.paginterna div.navegador2 { clear:both; height:18px; padding:0 0 10px; margin-top:50px; } div.contesq div.paginterna div.navegador a { display:block; float:right; height:18px; background-position:left top; background-repeat:no-repeat; text-indent:-999999px; padding:0 0 0 5px; } div.contesq div.paginterna div.navegador a.proximas.fotos { width:101px; background-image:url(../imagens/bt_proximas_fotos.jpg); } div.contesq div.paginterna div.navegador a.anteriores.fotos { width:117px; background-image:url(../imagens/bt_fotos_anteriores.jpg); } div.contesq div.paginterna div.navegador a.avancar { width:59px; background:url(../imagens/bt_avancar.jpg); } div.contesq div.paginterna div.navegador a.voltar { width:196px; background:url(../imagens/bt_volta_comprar.gif) no-repeat;} div.contesq div.paginterna.zoom { margin:0; } div.contesq div.paginterna.zoom h3 { width:auto; height:auto; font:bold 14px Arial, Helvetica, sans-serif; color:#0C66CE; background:none; text-indent:0; border:0; } div.contesq div.paginterna.zoom span.data { display:block; font:normal 12px Arial, Helvetica, sans-serif; color:#999; margin:0 0 10px; } div.contesq div.paginterna.zoom div.carrinho { border:1px solid #D2D2D2; border-right:0; border-left:0; padding:10px 0; margin:0 0 20px; } div.contesq div.paginterna.zoom div.carrinho span { display:block; float:left; font:normal 12px Arial, Helvetica, sans-serif; color:#666; } div.contesq div.paginterna.zoom div.carrinho a.carrinho { display:block; float:right; width:94px; height:18px; background:url(../imagens/bt_ver_carrinho.jpg) left top no-repeat; text-indent:-999999px; } div.contesq div.paginterna.zoom div.comprar div.clearfix { padding:0 0 20px 3px; } div.contesq div.paginterna.zoom div.comprar div.miniatura { float:left; width:102px; overflow:hidden; margin:0 11px; } div.contesq div.paginterna.zoom div.comprar div.miniatura img { display:block; border:1px solid #676767; margin:0 auto 5px; } div.contesq div.paginterna.zoom div.comprar div.miniatura a.comprar { display:block; width:102px; height:18px; background:url(../imagens/bt_comprar.jpg) left top no-repeat; text-indent:-999999px; } div.contesq div.paginterna.zoom div.comprar div.miniatura a.votar { margin-left: 23px; display:block; width:56px; height:18px; background:url(../imagens/bt_votar.jpg) left top no-repeat; text-indent:-999999px; } div.contesq div.paginterna.zoom table.compra { width:502Spx; background:url(../imagens/bg_linha_carrinho.jpg) 1px 24px repeat-y; margin:0 0 20px; } div.contesq div.paginterna.zoom table.compra th { height:24px; background-position:left top; background-repeat:no-repeat; text-indent:-999999px; border-right:1px solid #8E9B17; } div.contesq div.paginterna.zoom table.compra th.foto { width:122px; background-image:url(../imagens/tit_carrinho_foto.jpg); border-spacing:-1px; } div.contesq div.paginterna.zoom table.compra th.tamanho { width:180px; background-image:url(../imagens/tit_carrinho_tamanho.jpg); } div.contesq div.paginterna.zoom table.compra th.quantidade { width:108px; background-image:url(../imagens/tit_carrinho_quantidade.jpg); } div.contesq div.paginterna.zoom table.compra th.remover { width:90px; background-image:url(../imagens/tit_carrinho_remover.jpg); border:0; } div.contesq div.paginterna.zoom table.compra td { padding:9px; background:#E8EBD0 url(../imagens/bg_linha_carrinho.jpg) right top repeat-y; border-bottom:1px solid #B1C121; } div.contesq div.paginterna.zoom table.compra td.linha { width:1px; background-color:#B1C121; padding:0; } div.contesq div.paginterna.zoom table.compra td img { display:block; border:1px solid #676767; } div.contesq div.paginterna.zoom table.compra td a.remover { display:block; width:23px; height:18px; background:url(../imagens/ico_remover.jpg) left top no-repeat; text-indent:-999999px; margin:0 auto; } div.contesq div.paginterna.zoom table.compra td input, div.contesq div.paginterna.zoom table.compra td select { font:normal 12px Arial, Helvetica, sans-serif; color:#666; border:1px solid #B1C121; } div.contesq div.paginterna.zoom table.compra td input { width:86px; text-align:center; } div.contesq div.paginterna.zoom table.compra td select { width:158px; } div.contesq div.paginterna.zoom div.navegador { border-bottom:1px solid #D2D2D2; } div.contesq div.paginterna.zoom div.dados { padding:10px 0; } div.contesq div.paginterna.zoom form div.dados { } div.contesq div.paginterna.zoom form div.dados div { width:239px; } div.contesq div.paginterna.zoom form div.dados label { display:block; font:bold 12px Arial, Helvetica, sans-serif; color:#0C66CE; } div.contesq div.paginterna.zoom form div.dados label strong { color: #CC0033; } div.contesq div.paginterna.zoom form div.dados input { width:237px; padding:2px 0; } div.contesq div.paginterna.zoom form div.dados input, div.contesq div.paginterna.zoom form div.dados textarea { font:normal 12px Arial, Helvetica, sans-serif; line-height:12px; color:#666; border:1px solid #CCC; margin:0 0 10px; } div.contesq div.paginterna.zoom form div.dados textarea { width:501px; overflow:auto; padding:2px; } div.contesq div.paginterna.zoom form div.dados input.botao { display:block; float:right; width:116px; height:18px; background:url(../imagens/bt_finalizar_compra.jpg) left top no-repeat; border:0; padding:0; margin:0; cursor:pointer; } div.contesq div.paginterna.zoom form div.dados span.obrigatorio { display:block; float:left; font:normal 12px Arial, Helvetica, sans-serif; color:#999; } /* Noticias */ div.contesq div.paginterna ul.noti { margin-top:8px; float:left; width:503px;} div.contesq div.paginterna ul.noti li { border-bottom:1px solid #D2D2D2; padding:5px 0; margin-bottom:10px; } div.contesq div.paginterna ul.noti li div.imagem { float:left; margin:0 15px 0 0; } div.contesq div.paginterna ul.noti li div.imagem img { display:block; border:1px solid #676767; } div.contesq div.paginterna ul.noti li div.data_noti { float:left; font-weight:bold; width:50px; float:left;} div.contesq div.paginterna ul.noti li div.texto { float:right; width:453px; } div.contesq div.paginterna ul.noti li div.texto h3 { font:bold 14px Arial, Helvetica, sans-serif; padding-bottom:8px; } div.contesq div.paginterna ul.noti li div.texto h3 a { color:#0C66CE; } div.contesq div.paginterna ul.noti li div.texto span.data { display:block; font:normal 12px Arial, Helvetica, sans-serif; color:#999; margin:0 0 10px; } div.contesq div.paginterna div.navegador { clear:both; height:18px; padding:0 0 10px; } div.contesq div.paginterna div.navegador a { display:block; float:right; height:18px; background-position:left top; background-repeat:no-repeat; text-indent:-999999px; padding:0 0 0 5px; } div.contesq div.paginterna div.navegador a.proximas.noticias { width:120px; background-image:url(../imagens/bt_proximas_noticias.jpg); } div.contesq div.paginterna div.navegador a.anteriores.noticias { width:131px; background-image:url(../imagens/bt_noticias_anteriores.jpg); } div.contesq div.paginterna.zoom a { color:#0C66CE; } div.contesq div.paginterna.zoom h3 { width:auto; height:auto; font:bold 14px Arial, Helvetica, sans-serif; color:#0C66CE; background:none; text-indent:0; border:0; } div.contesq div.paginterna.zoom span.data { display:block; font:normal 12px Arial, Helvetica, sans-serif; color:#999; margin:0 0 10px; } /*Produtos*/ div.produtos { width:155px; text-align:center; padding:5px; color:#666666; float:left; min-height:250px; padding-bottom:20px;} div.produtos h4.item { font-weight:bold; font-size:1.2em; padding-bottom:8px;} div.produtos img.prod { padding-bottom:8px;} div.produtos span.preco { font-size:1.2em;} div.produtos span.preco b { font-weight:bold; font-size:1.6em;} span.info_prod { float:left; padding-bottom:20px; font-size:1.1em; color:#666666;} /*Revistas*/ div.revistas { width:155px; text-align:center; padding:5px; color:#666666; float:left; padding-bottom:20px;} div.revistas h4 { font-weight:bold; font-size:1.2em; padding-bottom:3px; color:#0769D6;} div.revistas img.rev { display:block; margin:0 auto; padding-bottom:8px;} div.revistas span.edicao { font-size:1.2em;} /*Fale Conosco*/ label.form { font-weight:bold; font-size:1.2em; padding-bottom:3px; color:#0769D6; display:block;} label.form strong { color: #CC0033; } ul { } ul li.left { float:left; } ul li.right { float:right;} ul li.right_bt { float:right; /*margin-top:19px; border-left:1px solid #D0D1D3;*/ padding-left:20px;} ul li.left input.fale { width:239px; border:1px solid #CCCCCC; height:19px; margin-bottom:10px; color:#848484; font-size:1.1em;} ul li.left input.fale2 { width:265px; border:1px solid #CCCCCC; height:19px; margin-bottom:10px; color:#848484; font-size:1.1em;} ul li.right input.fale_m { width:192px; border:1px solid #CCCCCC; height:19px; margin-bottom:10px; color:#848484; font-size:1.1em;} ul li.right input.fale_p { width:42px; border:1px solid #CCCCCC; height:19px; margin-bottom:10px; color:#848484; font-size:1.1em;} ul li.geral input.fale { width:501px; border:1px solid #CCCCCC; height:19px; margin-bottom:10px; color:#848484; font-size:1.1em;} ul li.text { clear:both;} ul li.text textarea { border:1px solid #CCCCCC; margin-bottom:10px; width:501px; height:133px; font-family:Arial, Helvetica, sans-serif; color:#848484; font-size:1.1em; overflow:auto;} ul li.left textarea.perg { border:1px solid #CCCCCC; margin-bottom:10px; width:501px; height:30px; font-family:Arial, Helvetica, sans-serif; color:#848484; font-size:1.1em;} ul li.right input.fale { width:239px; border:1px solid #CCCCCC; height:19px; margin-bottom:10px; color:#848484; font-size:1.1em;} ul li select { width:241px; border:1px solid #CCCCCC; height:21px; margin-bottom:10px; color:#848484; font-size:1.1em; padding-top:2px;} div.arquivo{ width:75px; height:18px; background:url(../imagens/bt_procurar.jpg) no-repeat scroll right center transparent; display:inline; position:absolute; margin:1px 0 0 3px; float:left; } div.mapa { width:503px; height:326px; background:#BEC0BF; margin-bottom:20px; float:left; padding:1px 0 0 1px;} a.enviar { background:url(../imagens/bt_enviar.jpg) no-repeat; width:53px; height:18px; float:right; text-indent:-9999px; padding-bottom:20px;} a.enviar_cur { background:url(../imagens/bt_enviar_curriculo.jpg) no-repeat; width:116px; height:18px; float:right; text-indent:-9999px;} /*Promoções*/ h3.promo { width:auto; height:auto; font:bold 14px Arial, Helvetica, sans-serif; color:#0C66CE; background:none; text-indent:0; border:0; padding-bottom:8px;} a.participar { background:url(../imagens/bt_participar.jpg) no-repeat; width:76px; height:18px; float:left; text-indent:-9999px; padding-bottom:6px;} a.ganhadores { background:url(../imagens/bt_ganhadores.jpg) no-repeat; width:110px; height:18px; float:left; text-indent:-9999px; padding-bottom:6px; margin-left:15px;} label.radio { font-size:1.1em; color:#666666; font-weight:bold;} input.enviar {float:right;} form.promo {margin-top:20px;} /*ALJ na Mídia*/ div.materia { width:501px; height:65px; border:1px solid #CFD4D7; background:#E6EBEF;} div.materia form { padding:5px 0 0; } div.materia h3.mate { width:auto; border-bottom:1px solid #CFD4D7; color:#989C9F; padding:6px; font-size:1.4em; font-weight:bold; margin-bottom:2px;} div.materia span.mate { display:block; float:left; height:20px; color:#989C9F; font-size:1.2em; line-height:20px; margin-left:8px;} div.materia input { display:block; height:15px; float:left; width:118px; color:#848484; font-size:1.1em; } div.materia input.ok { width:31px; float:right; margin-right:10px;} div.materia select { display:block; height:20px; float:left; width:90px; color:#848484; font-size:1.1em;} a.ok { background:url(../imagens/bt_ok.jpg) no-repeat; width:31px; height:18px; float:right; text-indent:-9999px; padding-right:8px;margin-top:4px;} a.ok2 { background:url(../imagens/bt_ok2.jpg) no-repeat; width:31px; height:18px; float:right; text-indent:-9999px; padding-right:8px;margin-top:4px;} a.prox_mat { background:url(../imagens/bt_proximas_materias.jpg) no-repeat; width:124px; height:18px; float:right; text-indent:-9999px; padding-right:8px;margin-top:4px;} a.mat_ant { background:url(../imagens/bt_materias_anteriores.jpg) no-repeat; width:134px; height:18px; float:right; text-indent:-9999px; padding-right:8px;margin-top:4px;} a.abre { width:auto; font:bold 14px Arial, Helvetica, sans-serif; color:#0C66CE; background:none; text-indent:0; border:0; display:block;} div.contesq div.paginterna ul.zoom li p { font-size:11px;} div.submenu div.mid { display:block;float:left; margin-top:8px;} div.submenu object.video { padding:10px 0; float:left;} div.submenu ul { padding:0; margin:0;} div.submenu ul li.linha { border:none !important;} /*Estacionamento*/ table.valores { width:100%; margin-bottom:20px;} table.valores tr.bg { background:url(../imagens/bg_topo.jpg); height:24px;} table.valores tr.bg td { padding-left:10px; font-size:12px; color:#555B05; font-weight:bold;} table.valores tr.valor td { height:24px; border:1px solid #AEC222; background:#E8EBD0; padding-left:8px; font-size:12px; color:#555B05;} table.valores tr.valor td.preco { height:24px; border:1px solid #AEC222; background:#E8EBD0; padding-left:8px; font-size:12px; color:#B41E1D; font-weight:bold;} /*Busca*/ a.buscada { color:#086CC4; font-size:1.1em; line-height:16px;} div.contesq div.paginterna div.navegador a.voltar.busca { width:54px; background:url(../imagens/bt_voltar.jpg) no-repeat;} /*Middle*/ ul.middle li { background:url(../imagens/bullet_pao2.gif) no-repeat;} ul.middle li a { padding-left:18px; color:#0C66CE; font-weight:bold;} /*Torneios*/ div.contesq div.paginterna div.navegador a.proximas.torneios { width:125px; height:18px; background:url(../imagens/bt_proximos_torneios.gif) no-repeat;} div.contesq div.paginterna div.navegador a.anteriores.torneios { width:136px; height:18px; background:url(../imagens/bt_torneios_anteriores.gif) no-repeat;} /*Agenda*/ div.contesq div.paginterna div.navegador a.proximas.agenda { width:121px; height:18px; background:url(../imagens/bt_proximos_eventos.gif) no-repeat;} div.contesq div.paginterna div.navegador a.anteriores.agenda { width:130px; height:18px; background:url(../imagens/bt_eventos_anteriores.gif) no-repeat;} /*SAS - Reserva de Quadras */ ul.sedes { padding:0 0 20px !important; } ul.sedes li { width:233px; min-height:45px; font-size:12px !important; background-color:#EFEFEF; border:1px solid #D1D1D1; padding:5px; margin:0 0 15px; } ul.sedes li.floatLeft { clear:left; } ul.sedes li.floatRight { clear:right; } ul.sedes li img { float:left; display:block; margin:0 10px 15px 0; } ul.sedes li a { color:#666; font-style:italic; } ul.sedes li span { display:block; } ul.sedes li span.azul strong, ul.sedes li span.azul a { color:#0C66CE; } ul.sedes li span.vermelho strong, ul.sedes li span.vermelho a { color:#C00; } ul.sedes li span.verde strong, ul.sedes li span.verde a { color:#390; } ul.sedes li span a { display:inline-block; font-weight:bold; font-style:normal; height:13px; line-height:13px; background:url(../imagens/ico_mais_reserva_quadra.gif) right top no-repeat; cursor:pointer; padding:0 15px 0 0; } ul.sedes li div { clear:both; padding:5px 0 0; } #infoQuadra h4 { height:41px; font-size:18px; line-height:41px; font-weight:bold; background-position:left top; background-repeat:no-repeat; padding:0 0 0 60px; margin:0 0 10px; } #infoQuadra h4.indoor { background-image:url(../imagens/img_quadra_poli.jpg); } #infoQuadra h4.outdoor { background-image:url(../imagens/img_quadra_tenis.jpg); } #infoQuadra p.info { background-color:#EFEFEF; border:1px solid #D1D1D1; padding:5px; margin:0 0 10px; } #infoQuadra ul li label { display:inline-block; padding:0 20px 0 0; } #infoQuadra ul li input.fale { width:239px; border:1px solid #CCCCCC; height:19px; color:#848484; font-size:13px; } ul.textoCaixaAlta li input { text-transform: uppercase; } /* Galeria de Eventos */ div.paginterna div.materia.eventos { margin:0 0 20px; } div.paginterna div.materia.eventos form { padding-left:8px; } div.paginterna div.materia.eventos form span.mate { height:17px; line-height:17px; } div.paginterna div.materia.eventos form input.palavra { width:170px; } div.paginterna div.materia.eventos form input.data { width:60px; } div.paginterna div.materia.eventos form select { width:130px; height:17px; } div.paginterna div.eventoDestaque { clear:both; overflow:hidden; padding:0 0 20px; } div.paginterna div.eventoDestaque div.imagem, div.paginterna ul.galerias li div.imagem { margin:0 15px 0 0; } div.paginterna div.eventoDestaque h4, div.paginterna ul.galerias li h4 { font:bold 14px Arial, Helvetica, sans-serif; color:#086CC4; } div.paginterna div.eventoDestaque span, div.paginterna ul.galerias li span { display:block; font:bold 11px Arial, Helvetica, sans-serif; color:#666; margin:0 0 5px; } div.paginterna div.eventoDestaque p, div.paginterna ul.galerias li p { font-size:12px; } div.paginterna div.eventoDestaque a.mais { font:bold 14px Arial, Helvetica, sans-serif; } div.paginterna ul.galerias li { overflow:hidden; border-bottom: 1px solid #D1D1D1; } /* Rodapé */ div.rodape { width:100%; height:250px; float:left; background:url(../imagens/bg_rodape.jpg) center top no-repeat;} div.rodape div.agrupador { width:960px; margin:0 auto; margin-top:44px;} div.rodape div.agrupador div.logope { width:197px; float:left;} div.rodape div.agrupador div.logope a.logo { width:197px; height:70px; background:url(../imagens/bg_logo_footer.jpg) top left no-repeat; text-indent:-9999px; display:block; padding-bottom:20px;} div.rodape div.agrupador div.logope span.direitos { font-size:11px; color:#6EA3CC;} div.rodape div.agrupador div.sitemap { float:left; margin-left:55px; width:195px;} div.rodape div.agrupador div.sitemap ul.esq { float:left; text-align:right; padding-right:30px;} div.rodape div.agrupador div.sitemap ul.dir { float:right;} div.rodape div.agrupador div.sitemap ul.esq li, ul.dir li { padding-bottom:5px;} div.rodape div.agrupador div.sitemap ul.esq li a, ul.dir li a { font-size:1.1em; color:#ffffff;} div.rodape div.agrupador div.endereco { font-size:11px; color:#6EA3CC; margin:53px 0 0 80px; float:left;} a.termo {color:#6EA3CC;} /* ESPECIAIS */ .outlinefix :focus, .outlinefix:focus { -moz-outline-style:none; outline:none; } .floatLeft { float:left; } .floatRight { float:right !important; } .semBorda { border:none !important; } .clear { clear:both; } .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; }