@CHARSET "iso8859-1"; /* css reset http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}:focus{outline:0}body{line-height:1;color:black;background:white}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:"" ""} strong {font-weight:bold;} /* clear fix http://www.webtoolkit.info/css-clearfix.html */ .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%} /* classes reutilizaveis */ .imgrpl {display:block;font-size:0px;text-indent:-9999px; margin: 0; padding: 0;} .bt {display:block;text-indent:-9999px;font-size: 0;border:0;cursor:hand;cursor:pointer} .show {display:block} .hide {display:none} .hidden {visibility:hidden} .nb {border:none;background:transparent} .fl {float:left;display:inline} .fr {float:right;display:inline} .cb {clear: both} .selfix {vertical-align: 0 !important;vertical-align: -2px} .radfix {width:13px !important;height:13px !important;width:15px;height:15px;vertical-align: -2px;border:none;background:none;padding:0;margin:0} .space1 {margin-bottom: 1px;} .lnk {border:0; cursor:hand; cursor:pointer; outline: none;} .mini {height:0px; width:0px; overflow:hidden; border:0px; display: none;} .transp {opacity: 0.9; -moz-opacity: 0.9; -ms-filter: "alpha(opacity=90)"; filter: alpha(opacity=90);} .margin10 {margin-left: 10px;} .altura5px {height: 5px;} /* fonte */ body, * {font: 12px arial, verdana, sans-serif} body {background: #e7f0ed url(../img/bg/body.gif) no-repeat; } /* * LINKS */ a, a:visited, a:hover, a:active {color: #ff6418;} a {text-decoration:none} a:hover {text-decoration:underline} a.cinza, a.cinza:visited, a.cinza:hover, a.cinza:active {color: #333333;} /* headings */ h2 {clear: left; height: 15px; display: block; text-indent: -9999px; background-position: 0 0; background-repeat: no-repeat; margin: 0 0 10px 0;} h3, h4 {clear: left; display: block; text-indent: -9999px;} /* HEADER */ .header {position: relative; width: 985px; height: 138px; padding: 24px 0 0 15px; border:0 solid #666; background: url(../img/bg/header.png) no-repeat center top;} #BordaMenu {float:left; z-index:1; margin-left:-15px; margin-top:-10px; width: 680px;} #BordaMenu div.TamanhoBorda { height:58px; float:left; } #BordaMenu div.BordaDireita {background: url(/img/form/BordaSuperiorDireita.png) no-repeat; float:right; width:17px; height:58px;} #BordaMenu div.TamanhoBorda {float:left; width:650px; background: #386C56;} #BordaMenu div.BordaEsquerda {background:url(/img/form/BordaSuperiorEsquerda.png) no-repeat; width: 13px; float:left; height:58px;} #searchText {height:22px; padding:4px 0 0; position:relative; width:445px; } #searchText.exibeBorda { margin-left:-666px;} /* AutoCompleate */ #posicionarResults { margin-top:85px; position:absolute; z-index:2000; } #results li {-moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#E7F0ED none repeat scroll 0 0; height:20px; margin-top:-1px; margin-left:185px; width:445px; z-index:2000;} #results li a {text-indent: 0; color: #558E7B; margin-left: 15px; font: bold 12px Verdana; } /* logo */ .header h1 a {position: absolute; top: 25px; left: 15px; width: 156px; height: 96px; margin: 0 30px 0 0; background: url(../img/bg/logo.png) no-repeat 0 0!important;background: none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/bg/logo.png');} /* menu de apoio */ .header ul.menuApoio {position: absolute; top: 15px; right: 0; margin: 0 0 47px 0;} .header ul.menuApoio li {float: left;height: 9px;} .header ul.menuApoio li a {display: block; text-indent: -9999px; height: 9px; margin: 0 15px 0 0; background-position: 0 0; background-repeat: no-repeat;} .header ul li.nospace a {margin: 0 3px 0 0;} .header > form > ul {position: absolute; top: 15px; right: 0; margin: 0 0 47px 0;} .header > form > ul li {float: left;height: 9px;} .header > form > ul li a {display: block; text-indent: -9999px; height: 9px; margin: 0 15px 0 0; background-position: 0 0; background-repeat: no-repeat;} .header > form > ul li.nospace a {margin: 0 3px 0 0;} /* impressao */ #linkSuperiorImpressao {display: none;} /* */ li.mn_ferramentas_online a {width: 113px; background-image: url(../img/mn/ferramentas_online.png)!important;background: none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/mn/ferramentas_online.png');} li.mn_eventos a {width: 46px; background-image: url(../img/mn/eventos.png)!important;background: none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/mn/eventos.png');} li.mn_sobre_o_gssi a {width: 70px; background-image: url(../img/mn/sobre_o_gssi.png)!important;background: none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/mn/sobre_o_gssi.png');} li.mn_cadastre_se a {width: 69px; background-image: url(../img/mn/cadastre_se.png)!important;background: none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/mn/cadastre_se.png');} li.mn_fale_conosco a {width: 78px; background-image: url(../img/mn/fale_conosco.png)!important;background: none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/mn/fale_conosco.png');} li.sep {padding: 0 0 0 15px; height: 9px; border-left: 1px solid #a8c9bc;} /* form header */ .header form {border:0 solid #666666; height:auto; margin:0 0 0 50px; position:absolute; right:19px; top:80px; width:780px;} .header form > ul {border:0 solid #666666; margin:0 -110px 0 0; position:absolute; right:0; top:0; width:430px; } .header form > ul li {float: left; height: 26px;} .header form > ul li a {display: block; text-indent: -9999px; height: 26px; margin: 0 10px 0 0; background-position: 0 0; background-repeat: no-repeat;} .header form .txtBusca {width: 430px;} /* menu lateral */ #sideBarMenu {width: 220px;margin: 0;padding: 0;} #sideBarMenu li a {margin: 0;padding: 0;height: auto;_height: 15px;voice-family: "\"}\"";voice-family: inherit; text-decoration: none;} #sideBarMenu li a:link, #sideBarMenu li a:visited {color: #fff;display: block; background: url(../img/bg/menuteste.gif); padding: 12px 0 12px 21px;} #sideBarMenu li a:hover, #sideBarMenu li.active {color: #fff; background: url(../img/bg/menuteste.gif) 0 -62px; padding: 12px 0 12px 21px;} /* * FILTRO PRINCIPAL */ /* botoes */ .filtroPrincipal {background: transparent url(../img/bg/fundoFiltroPrincipal.png) no-repeat scroll 0 0; padding: 10px 0 30px 15px; margin-top: -10px !important;} .filtroPrincipal.encolhido {background: none;} .filtroPrincipal li.bt_mais_opcoes a, .filtroPrincipal li.bt_procurar, .filtroPrincipal li.bt_todos_artigos {margin-top: 10px;} .filtroPrincipal li.bt_mais_opcoes a {background-image: url(../img/bt/mais_opcoes_fechar.png); width: 105px;} .filtroPrincipal.encolhido li.bt_mais_opcoes a {background-image: url(../img/bt/mais_opcoes.png)} .filtroPrincipal li.bt_procurar a {width: 78px; background-image: url(../img/bt/procurar.png);} .filtroPrincipal li.bt_todos_artigos a {width: 122px; background-image: url(../img/bt/todos_artigos.png);} /* parte ocultavel */ /*.filtroPrincipal .ocultavel { background-color: #386c56; width: 960px; margin-left: -200px; margin-top: -2px; padding: 20px;} .filtroPrincipal .ocultavel * {float: left;} .filtroPrincipal .ocultavel li {padding: 4px 0px 4px 7px;} .filtroPrincipal .ocultavel .campo {clear: left;} .filtroPrincipal .ocultavel select {width: 170px;} .filtroPrincipal .ocultavel label, .filtroPrincipal .ocultavel span {color: white; font-size: 10px; padding: 4px; font-weight: bold;} .filtroPrincipal .ocultavel .procurarEm {margin-right: 20px;} .filtroPrincipal .ocultavel .procurarEm label {margin-top: -3px; font-weight: normal;}*/ #subMenuBuscaBordaDireita {background: url(../img/form/subMenuBordaDireitaIE8.png) no-repeat 0 0; margin-left:-201px; margin-top:17px; position:absolute; width:10px; height:110px;} #subMenuBuscaBordaEsquerda {background:transparent url(../img/form/subMenuBordaEsquerdaIE8.png) no-repeat scroll 0 0; height:110px; margin-left:790px; margin-top:17px; position:absolute; width:9px; } #subMenuBusca {background-color:#386C56; float:left; margin-left:-194px; margin-top:-3px; padding-bottom:27px; width:987px; z-index:-1;} #subMenuBusca,x:default{background-color: #386C56; float:left; margin-left:-194px; margin-top:-3px; padding-bottom:24px; width:987px; z-index:-1;} #subMenuBusca ul li{float: left; margin-top:20px; width:180px; margin-left:30px;} .procurarEm {margin-right:60px; margin-top:25px; width:90px;} #tblProcurarEm {margin-top: 10px;} #subMenuBusca label, #subMenuBusca span {color:white; font-size:10px; font-weight:bold; padding:4px; } #subMenuBusca select {width:170px; margin-top:10px;} /* * JQUERY */ /* menu principal */ .jqueryslidemenu {position: absolute; left: 0; bottom: 0;width: 1000px;height: 37px; font: bold 12px Verdana; background: url(../img/bg/menu.png) no-repeat 0 0; z-index: 1000;} .jqueryslidemenu li a {text-transform: uppercase;} .jqueryslidemenu ol {margin: 0; padding: 3px 0 0 10px; list-style-type: none;} .jqueryslidemenu li ol li a {text-transform: none;} /*Top level list items*/ .jqueryslidemenu ol li{position: relative;display: inline;float: left; font-family: arial;} /*Top level menu link items style*/ .jqueryslidemenu ol li a{display: block;color: 9deacb;padding: 8px 10px;color: #9deacb;text-decoration: none;} /*IE6 hack to get sub menu links to behave correctly*/ * html .jqueryslidemenu ol li a{display: inline-block;text-decoration: none;} .jqueryslidemenu ol li a:link, .jqueryslidemenu ol li a:visited{color: #9deacb;text-decoration: none;} .jqueryslidemenu ol li a.areaAtiva, .jqueryslidemenu ol li a:hover{color: #fff;text-decoration: none;} .jqueryslidemenu ol li:hover {background:#468A6E;} /*1st sub level menu*/ .jqueryslidemenu ol li ol{position: absolute;display: block;visibility: hidden;} /*Sub level menu list items (undo style from Top level List Items)*/ .jqueryslidemenu ol li ol li {display: list-item;float: none;color: #fff;} .jqueryslidemenu ol li ol li.tudo_sobre a {text-align: center;color: #004530 !important;background-color: #4ea180; width:275px; padding-left:0; } .jqueryslidemenu ol li ol li.tudo_sobre a:hover {text-align: center;color: #fff !important;background-color: #4ea180;} /*All subsequent sub menu levels vertical offset after 1st level sub menu */ .jqueryslidemenu ol li ol li ol{color: #fff;} /* Sub level menu links style */ .jqueryslidemenu ol li ol li a{font: normal 12px Arial;width: 250px;padding: 8px; padding-left:25px; margin: 0;background-color: #468a6e;color: #fff !important;text-decoration: none;} .jqueryslidemenu ol li ol li a:hover{background-color: #387a5d;color: #fff;text-decoration: none;} /* ######### CSS classes applied to down and right arrow images ######### */ .downarrowclass{position: absolute;bottom: 13px;right: 7px;} /* li.mn_hidratacao a {width: 113px; background-image: url(../img/mn/hidratacao.png)} li.mn_nutricao_esportiva a {width: 46px; background-image: url(../img/mn/eventos.png)} li.mn_treinamento_e_perf a {width: 70px; background-image: url(../img/mn/sobre_o_gssi.png)} li.mn_seguranca_no_esporte a {width: 69px; background-image: url(../img/mn/cadastre_se.png)} li.mn_jovens_esporte a {width: 78px; background-image: url(../img/mn/fale_conosco.png)} */ /* podcast player */ #player-header {position: abeolute;top: 25px;right: 0;} /* */ li.mn_rss a {width: 46px; background-image: url(../img/mn/rss.png)!important;background: none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/mn/rss.png');} li.mn_cadastre_se_footer a {width: 69px; background-image: url(../img/mn/cadastre_se_footer.png)!important;background: none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/mn/cadastre_se_footer.png');} li.mn_fale_conosco_footer a {width: 78px; background-image: url(../img/mn/fale_conosco_footer.png)!important;background: none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/mn/fale_conosco_footer.png');} li.mn_politica_de_privacidade a {width: 133px; background-image: url(../img/mn/politica_de_privacidade.png)!important;background: none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/mn/politica_de_privacidade.png');} li.mn_gatorade_brasil {border: 0 !important} li.mn_gatorade_brasil a {width: 94px; background-image: url(../img/mn/gatorade_brasil.png)!important;background: none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/mn/gatorade_brasil.png');} /* */ button.bt_gssi_no_mundo {float: right;width: 117px;height: 27px; margin: -3px 0 0 0; background: url(../img/bt/gssi_no_mundo.png) no-repeat 0 0} /* * ESTRUTURA */ /* inner content */ .inner {padding: 14px;background: #fff; float: left;} /* * SIDEBAR */ /* geral */ #structureSideBar a:link, #structureSideBar a:hover, #structureSideBar a:active, #structureSideBar a:visited {color: #000;} #structureSideBar h3 {color: #ff6418; font-size: 14px; text-indent: 0px; padding: 17px 0 0 57px; text-transform: uppercase;} #structureSideBar h3.semIcone {padding-left: 17px; } #structureSideBar h4 {color: #ff6418; font-size: 12px; text-indent: 0px; text-transform: uppercase;} /* box artigos relacionados */ /* box artigos relacionados em ingles */ /* box artigos mais lidos */ div.box_artigos_relacionados h3 {height: 49px; margin: 0 0 1px 0; text-indent: 0px; background: #fff url(../img/ico/paginaMais.png) no-repeat 20px 2px; } div.box_artigos_relacionados ul {padding: 20px 17px 13px 17px; background: #fff; margin-bottom: 10px; height: 182px;} div.box_artigos_relacionados ul li {padding: 0 0 10px 36px;} div.box_artigos_relacionados ul li.podcast {background: transparent url(../img/ico/podcast.png) no-repeat scroll 0px 0px;} div.box_artigos_relacionados ul li.texto {background: transparent url(../img/ico/raio.png) no-repeat scroll 0px 0px; } div.box_artigos_relacionados ul li.textoCinza {background: transparent url(../img/ico/raioCinza.png) no-repeat scroll 0px 0px; } div.box_artigos_relacionados.ingles h3 {background: #fff url(../img/ico/paginaI.png) no-repeat 17px 26px !important; padding-bottom: 10px !important;} /* box leia mais */ div.box_leia_mais h3 {height: 49px; margin: 0 0 1px 0; background: #fff url(../img/ico/paginaMais2.png) no-repeat 17px 17px; line-height: 28px;} div.box_leia_mais ul {padding: 20px 17px 13px 17px; background: #fff; margin-bottom: 10px;} div.box_leia_mais ul li {padding: 0 0 10px 36px;} div.box_leia_mais ul li.podcast {background: transparent url(../img/ico/podcast.png) no-repeat scroll 0px 0px;} div.box_leia_mais ul li.texto {background: transparent url(../img/ico/raio.png) no-repeat scroll 0px 0px;} div.box_leia_mais ul li.seta {background: transparent url(../img/ico/setaBullet.png) no-repeat scroll 15px 5px;} /* box proximos eventos */ div.box_proximos_eventos {position: relative;} div.box_proximos_eventos h3 {height: 23px;margin: 0 0 1px 0;background: #fff none no-repeat 17px 17px;} div.box_proximos_eventos div {padding: 20px 17px 40px 17px;background: #fff; margin-bottom: 10px;} div.box_proximos_eventos p {color: #333} div.box_proximos_eventos span {font-size: 9px;color: #ff6418} div.box_proximos_eventos p.bt_mais {position: absolute;bottom: 10px;right: 10px;} div.box_proximos_eventos p.todos_eventos {color: #ff6418;height: auto;padding-right: 20px;margin-top: 13px;} /* box acompanhe */ div.box_acompanhe #frameBoxAcompanhe {height: 450px;} div.box_acompanhe #frameBoxAcompanhe.erro {height: 450px;} /* * BREADCRUMB */ .breadcrumb {font: bold 9px Arial, Verdana, Helvetica, sans-serif; color: #ff6418;} .breadcrumb a {background: transparent url(../img/ico/breadcrumb.png) no-repeat center right;text-decoration: none; padding-right: 10px; color: #ff6418;} .breadcrumb a:visited, .breadcrumb a:active {color: #ff6418;} .breadcrumb a:hover {text-decoration: underline;} /* * MENSAGENS DE RESULTADO */ /* genericas */ div.mensagem {padding-left: 10px; padding-top:5px;} div.mensagem .titulo {font-size: 12px; font-weight: bold; padding-bottom: 2px;} div.mensagem .descricao {font-size: 12px; text-align: left;} /* especificas */ div.mensagem.sucesso {color: #2e7f64; background-color: #ebf2f0; clear: left; } div.mensagem.erro {color: #ff0000; background-color: #ffd5d5;} div.mensagem.alerta {color: #868785; background-color: #faf2dd;} div.mensagem.alerta .destaque {font-weight: bold;} /* * BOTOES */ .bt_mais {background: url(../img/bt/mais.png) no-repeat 0 0; width: 18px; height: 18px; cursor: pointer;} .bt_mais:hover {background: url(../img/bt/maisCinza.png);} .bt_enviar {background: transparent url(../img/bt/enviar.png) no-repeat 0 0; width: 86px; height: 29px; float: none;} .bt_copiar {background: transparent url(../img/bt/copiar.png) no-repeat 0 0; width: 86px; height: 29px; float: none;} .bt_filtrar {background: transparent url(../img/bt/filtrar.png) no-repeat 0 0; width: 86px; height: 29px; float: none;} .bt_procurar {background: transparent url(../img/bt/procurar.png) no-repeat 0 0; width: 86px; height: 29px; float: none;} .bt_proximo {background: transparent url(../img/bt/proximo.png) no-repeat 0 0; width: 86px; height: 29px; float: none;} /* * CORES */ .cor1 {color: #FF6418;} /* laranja "gatorade" */ .cor2 {color: #2E7F64;} /* verde "gatorade" */ /* * PAGINACAO */ .paginacao {float: left; width: 960px;} .paginacao .colunaEsquerda {float: left;} .paginacao .colunaEsquerda .contagem {color: #303231;} .paginacao .colunaEsquerda .contagem .destaque {color: #ff6418; font-weight: bold;} .paginacao .colunaDireita {float: right;} .paginacao .colunaDireita .anterior {float: left;} .paginacao .colunaDireita .numerosPaginas {float: right; padding: 0px 10px;} .paginacao .colunaDireita .numerosPaginas a {float: left; width: 20px; background-color: #ebf4f1; height: 21px; text-align: center; margin: -5px 4px 0 0; padding: 5px 5px 0 5px;} .paginacao .colunaDireita .numerosPaginas .destaque {background-color: #c3dad2;} .paginacao .colunaDireita .proxima {float: right;} /* * LIGHTBOX */ #lightboxOverlay {position: absolute; margin:0; padding: 0; top: 0; left: 0; background-color: #222;} /* cadastro */ #frameCadastro {height: 500px; width: 524px;} #frameCadastro.erro {height: 515px;} #frameCadastro.sucesso {height: 117px;} /* fale conosco */ #frameFale {height: 600px; width: 524px;} #frameFale.erro {height: 615px;} #frameFale.sucesso {height: 118px !important;} /* * FOOTER */ #footer {clear: both; width: 1000px; padding: 25px 0 40px 0; background: url(../img/bg/footer.png) no-repeat 0 0;} #footer ul {float: left; margin: 0 0 20px 0;} #footer ul li {float: left; padding: 0 25px; height: 19px; border-right: 1px solid #a0a9ae;} #footer ul li a {display: block; text-indent: -9999px; height: 19px; background-position: 0 0; background-repeat: no-repeat;} #footer p {clear: both; font-size: 11px; margin-bottom: 25px; padding: 0 0 0 25px;} /* GSSI NO MUNDO */ .jqueryslidemundo { float: right; margin-top: -4px; width:116px; height:27px; /*margin-left:884px;*/ background: url(../img/bt/gssi_no_mundo.png) no-repeat;} .jqueryslidemundo ol {width: 115px;} .jqueryslidemundo ol li ol {padding-top:12px; width:115px; height:10px; list-style-type: none; z-index: 2; cursor: pointer;} .jqueryslidemundo ol li ol li {margin: 0; width:100%; height:20px; list-style-type: none; z-index: 2; background-color: #FFFFFF;} .jqueryslidemundo ol li ol li a.gssi_mundo {color: #989898; font: bold 12px arial; padding-left: 10px;} .jqueryslidemundo ol li ol li:hover, .jqueryslidemundo ol li ol li:hover a.gssi_mundo, .jqueryslidemundo ol li ol li a.gssi_mundo:hover { color: #FFFFFF; text-decoration:underline; font: bold 12px arial; background-color: #989898;} textarea {border: 1px solid #A6C6BB; padding: 6px 7px 7px 7px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} input[type="text"] {border: 1px solid #A6C6BB; height: 18px; padding-top:3px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} select {border: 1px solid #A6C6BB; height: 27px; padding: 3px 7px 3px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} input[type="text"].erro {border: 1px solid #ff0000; background-color: #ffd5d6; -moz-border-radius: 5px; -webkit-border-radius: 5px;} select.erro {border: 1px solid #ff0000; background-color: #ffd5d6; -moz-border-radius: 5px; -webkit-border-radius: 5px;} textarea.erro {border: 1px solid #ff0000; background-color: #ffd5d6; padding: 6px 7px 7px 7px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} label.erro {border: 1px solid #ff0000; background-color: #ffd5d6; padding: 6px 7px 7px 7px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} #ferramentasTour #structureMain{ height: 600px }