/*##### TOPO #####*/
#header{background:#FFF url(../../imagens/bg-header.jpg) repeat-x top left; width:100%; float: left; position:absolute; border-bottom:1px solid #D5DBDD;}
#header-container{width: 1000px; height: auto; min-height: 140px; margin: 0px auto; overflow:hidden;}
.f-nav{z-index:999; position:fixed !important; top:0px !important; left:auto; width:100%;}



/*##### LOGO #####*/
#logo{width: 83px; height: 172px; float: left; padding: 19px 0px 0px 8px; overflow: hidden;}
#logo a{float:left;}
#logo a:hover{opacity: 0.8;}



/*##### MENU SECUND�RIO  #####*/
#menu-top-header{width: 678px; padding-left: 60px; height: 36px; float: left; overflow:hidden;}
#menu-top-header ul{float: left;}
#menu-top-header ul li{float: left; display: inline;}
#menu-top-header ul li a{background: no-repeat 0px -33px; height:19px; float:left; padding-top:17px; float:left; text-align:center; color:#666666; text-transform:uppercase; font-size:13px; overflow:hidden;}
#menu-top-header ul li.sfHover a, #menu-top-header ul li a:hover{color:#fff; text-shadow:1px 1px 1px #000; background-position:0px 0px;}
#menu-top-header ul li a.azul{background-image:url(../../imagens/azul-menu-top-header.jpg);}
#menu-top-header ul li a.verde{background-image:url(../../imagens/verde-menu-top-header.jpg);}
#menu-top-header ul li a.preto{background-image:url(../../imagens/preto-menu-top-header.jpg);}
#menu-mobile{background-image:url(../../imagens/menu-mobile.jpg); width:39px; height:37px; float:left; margin-left:5px; margin-top:13px; overflow:hidden; text-indent:-9999px;}
#menu-top-header ul li ul{position:absolute; width:200px; float:left; margin-top:36px; padding-bottom:2px; z-index:99;}
#menu-top-header ul li ul li{width:200px; margin-left:2px; margin-top:2px;}
#menu-top-header ul li ul li a{color:#fff; text-shadow:1px 1px 1px #000;}
#menu-top-header ul li ul.azul{background-color:#1381bc;}
#menu-top-header ul li ul.verde{background-color:#1d9e4e;}
#menu-top-header ul li ul.preto{background-color:#000;}
#menu-top-header ul li ul li a{padding-left:7px; width:189px; text-align:left;}
#menu-top-header ul li ul.azul li a:hover{background-color:#03518E;}
#menu-top-header ul li ul.verde li a:hover{background-color:#0D4D28;}
#menu-top-header ul li ul.preto li a:hover{background-color:#333;}
#institucional-top-header{width: 102px;}
#judo-nacional-top-header{width: 113px;}
#arbitragem-top-header{width: 106px;}
#stjd-top-header{width: 53px;}
#biblioteca-top-header{width: 90px;}
#imprensa-top-header{width: 88px;}
#links-top-header{width: 58px;}
#contato-top-header{width: 68px;}


/*##### LINK DO IDIOMA  #####*/
.box-idiomas{width:149px; margin:9px 0px 0px 11px; height: 25px; float:left;}
.link-idioma{background-image: url(../../imagens/bg-link-idioma.jpg); width: 149px; height: 25px; float:left; overflow: hidden; border-radius:2px; border: 1px solid #DEDEDE;}
.link-idioma img, .drop-box-idiomas a img{float: left; margin-left: 6px; margin-top: 5px;}
.texto-link-idioma, .drop-box-idiomas a span, .texto-link-idioma-mobile, .drop-box-idiomas-mobile a span{color:#909496; float:left; margin:7px 0px 0px 10px; font-size:12px; font-weight:600; text-transform:uppercase; letter-spacing:-1px;}
.drop-box-idiomas a.selecionado:hover span{color:#909496;}
.drop-box-idiomas a:hover span{color:#199246;}
.drop-box-idiomas{width:149px; background: #fff url(../../imagens/bg-link-idioma.jpg) repeat-x; float:left; margin-top:26px; z-index:999; display:none; overflow:hidden; position:absolute; border: 1px solid #DEDEDE;}
.drop-box-idiomas a{height:25px; width:149px; float:left; overflow:hidden; border-bottom:1px solid #DEDEDE;}
.drop-box-idiomas a.selecionado{opacity:0.5;}
.texto-link-idioma-mobile{display:none;}	


/*##### BUSCA  #####*/
#busca{width:737px; height:50px; float:left; padding-top:27px;}
#form-busca-header{float:left; padding-left:57px;}
#palavra_busca_header{width:621px; background-image:url(../../imagens/bg-busca-header.jpg); border-right:0px; padding:0px 10px; height:35px; float:left; color:#999999; font-size:14px; overflow:hidden; text-shadow:1px 1px 1px #fff; border:1px solid #DDE3EB;}
#btn-busca-header{background-image:url(../../imagens/btn-busca-header.jpg); width:37px; height:37px; float:left; cursor:pointer; text-indent:-9999px; overflow:hidden;}
#btn-busca-header:hover{background-position:left bottom;}




/*##### REDES SOCIAIS  #####*/
#redes-sociais-header{width:161px; height:41px; float:left; padding:25px 0px 0px 5px; overflow:hidden;}
#redes-sociais-header ul{float:left;}
#redes-sociais-header ul li{float:left; list-style:none; display:inline;}
#redes-sociais-header ul li a{background-image:url(../../imagens/redes-sociais-header.jpg); height:41px; float:left; text-indent:-9999px; overflow:hidden;}
#link-facebook-header{background-position:0px 0px; width:40px;}
#link-facebook-header:hover{background-position:0px 41px;}
#link-twitter-header{background-position:-40px 0px; width:40px;}
#link-twitter-header:hover{background-position:-40px 41px;}
#link-instagram-header{background-position:-80px 0px; width:40px;}
#link-instagram-header:hover{background-position:-80px 41px;}
#link-youtube-header{background-position:-120px 0px; width:40px;}
#link-youtube-header:hover{background-position:-120px 41px;}


/*##### MENU PRINCIPAL #####*/
#menu-mobile{ display:none;}
#menu-principal{height:39px; width:745px; float:left; padding:15px 0px 0px 54px; z-index:999;}
#menu-principal ul{float:left;}
#menu-principal ul li{float:left; list-style:none; display:inline;}
#menu-principal ul li a.principal{font-size:21px; padding-top:8px; background:5px 11px no-repeat; float:left; overflow:hidden; padding-bottom:10px; padding-left:22px; text-transform:uppercase;}
#menu-principal ul li.azul a.principal{background-image:url(../../imagens/seta-menu-azul.jpg); color:#0F73B0;}
#menu-principal ul li.verde a.principal{background-image:url(../../imagens/seta-menu-verde.jpg); color:#199246;}
#menu-principal ul li.amarelo a.principal{background-image:url(../../imagens/seta-menu-amarelo.jpg); color:#EAAB34;}
#menu-principal ul li.sfHover a.principal{ background-image:url(../../imagens/bg-menu-select.png);}
#menu-principal ul li.azul.sfHover a.principal{background-color:#085995; color:#fff;}
#menu-principal ul li.verde.sfHover a.principal{background-color:#199246; color:#fff;}
#menu-principal ul li.amarelo.sfHover a.principal{background-color:#EAAB34; color:#fff;}
#noticias-prin{width:97px;}
#eventos-prin{width:97px;}
#galerias-prin{width:102px;}
#blogs-prin{width:70px;}
#documentos-prin{width:140px;}
#revista-prin{ width:75px; padding-right:10px;}


/*##### SUBMENU #####*/
.azul .box-submenu{ background-color:#085995;}
.verde .box-submenu{ background-color:#199246;}
.amarelo .box-submenu{ background-color:#EAAB34;}
.box-submenu{width:857px; height:308px; float:left; overflow:hidden; position:absolute; margin-top:39px; z-index:999;}
.box-submenu li{float:left;}
.esquerda-submenu{float:left;}
.esquerda-submenu ul{width:164px; float:left; margin:4px 0px 0px 3px; overflow:hidden;}
.esquerda-submenu ul li{width:164px; float:left; }
.esquerda-submenu ul li a{ background:url(../../imagens/bg-submenu.png) repeat-x; width:157px; height:17px; float:left; padding:12px 0px 8px 7px; overflow:hidden; margin-bottom:1px; font-size:16px; color:#fff; text-shadow:1px 1px 1px #000;}
.esquerda-submenu ul li a:hover{ opacity:0.8;}
.direita-submenu{background-color:#FFF; width:515px; height:300px; float:left; overflow:hidden; margin:4px 0px 0px 4px;}



/*##### SUBMENU - NOTICIAS #####*/
#noticia1-submenu{width:515px; float:left; overflow:hidden;}
#noticia1-submenu a, #noticia2-submenu a{float:left;}
#noticia1-submenu a:hover,.noticia2-submenu a:hover{opacity:0.7;}
#img-noticia1-submenu{width:120px; height:90px; float:left; padding-left:11px; padding-top:10px; overflow:hidden;}
#img-noticia1-submenu img{float:left;}
#data-noticia1-submenu{background-color:#FFFFFF; width:88px; height:16px; float:left; padding:7px 0px 0px 5px; margin-top:67px; position:absolute; overflow:hidden; color:#0F6CA9; font-size:14px;}
#categoria-noticia1-submenu{width:362px; float:left; color:#000; font-size:17px; font-weight:bold; margin:10px 0px 0px 10px; overflow:hidden;}
#titulo-noticia1-submenu{width:362px; float:left; color:#075994; font-size:18px; line-height:18px; font-weight:bold; margin:2px 0px 0px 10px; overflow:hidden;}
#descricao-noticia1-submenu{width:362px; float:left; color:#333333; font-size:14px; line-height:14px; margin:2px 0px 0px 10px; overflow:hidden;}
.noticia2-submenu{width:494px; float:left; margin:14px 0px 0px 13px; overflow:hidden; border-top:1px solid #D5DBDD; padding-top:5px;}
.noticia2-submenu a{float:left;}
.data-noticia2-submenu{width:488px; float:left; color:#000; font-size:15px; font-weight:bold; margin:7px 0px 0px 0px; overflow:hidden;}
.titulo-noticia2-submenu{width:488px; float:left; color:#075994; font-size:18px; line-height:18px; font-weight:bold; margin:0px 0px 0px 0px; overflow:hidden;}
.descricao-noticia2-submenu{width:488px; float:left; color:#333333; font-size:14px; line-height:14px; margin:2px 0px 0px 0px; overflow:hidden;}
#box-submenu-noticias{margin-left:0px;}




/*##### SUBMENU - DOCUMENTOS #####*/
.documentos-submenu{width:494px; float:left; margin:0px 0px 13px 13px; overflow:hidden; border-top:1px solid #D5DBDD; padding-top:5px;}
.documentos-submenu a{float:left;}
.documentos-submenu a:hover{opacity:0.7;}
.imagem-documentos-submenu{float:left; color:#000; font-size:15px; font-weight:bold; margin:17px 0px 0px 3px; overflow:hidden;}
.data-documentos-submenu{width:450px; float:left; color:#000; font-size:15px; font-weight:bold; margin:18px 0px 0px 13px; overflow:hidden;}
.titulo-documentos-submenu{width:450px; float:left; color:#075994; font-size:17px; line-height:18px; font-weight:bold; margin:0px 0px 0px 13px; overflow:hidden;}
.descricao-documentos-submenu{width:488px; float:left; color:#333333; font-size:14px; line-height:14px; margin:2px 0px 0px 0px; overflow:hidden;}




/*##### SUBMENU - REVISTAS #####*/
.revista-submenu{height:260px; float:left; padding-right:14px; margin:13px 0px 0px 13px; border-right:1px solid #D5DBDD;}
.revista-submenu a{float:left;}
.revista-submenu a:hover{opacity:0.7;}
.capa-revista-submenu{float:left;}
.nome-revista-submenu{background-color:#FFF; color:#075994; font-size:14px; float:left; padding:8px 8px 0px 0px; overflow:hidden; position: absolute; z-index:999; margin-top:-20px;}
.revista2-submenu{width:320px; float:left; margin-top:15px; padding-bottom:5px; margin-left:10px; border-bottom:1px solid #d5d5d5; overflow:hidden;}
.revista2-submenu a{float:left;}
.revista2-submenu a:hover{opacity:0.4;}
.nome-revista2-submenu{color:#000; font-size:16px;}
#box-outras-revistas{width:320px; float:left; height:243px;}
#outras-noticias{width:334px; float:right; background-color:#EAAB34; color:#fff; text-align:center; padding:10px 5px 0px 0px; text-shadow:1px 1px 1px #333; margin-left:-30px;}




/*##### SUBMENU - GALERIAS #####*/
#galerias-submenu{width:170px; height:245px; float:left; overflow:hidden; padding-right:14px; margin:13px 0px 0px 13px; border-right:1px solid #D5DBDD;}
#galerias-submenu a{float:left;}
#galerias-submenu a:hover{opacity:0.7;}
#img-galerias-submenu{float:left;}
#img-galerias-submenu img{float:left;}
#data-galerias-submenu{background-color:#FFFFFF; height:16px; float:left; padding:7px 10px 0px 5px; margin-top:104px; position:absolute; overflow:hidden; color:#0F6CA9; font-size:14px;}
#titulo-galerias-submenu{width:170px; float:left; color:#333; overflow:hidden; padding-top:15px;}
#numero-galerias-submenu{width:170px; float:left; padding-top:10px; overflow:hidden;}
#numero-galerias-submenu img{float:left; vertical-align:middle;}
#numero-galerias-submenu span{float:left; vertical-align:middle; color:#333; padding-left:6px; vertical-align:middle; padding-top:2px; font-size:15px; padding-right:15px;}
#conteudo-outras-galerias{width:295px; height:216px; float:left; margin-top:10px; margin-left:10px; overflow:hidden;}
.galerias-submenu{width:295px; float:left; overflow:hidden; border-bottom:1px solid #D5DBDD; padding-top:6px; margin-bottom:12px; padding-bottom:5px;}
.galerias-submenu a{float:left;}
.galerias-submenu a:hover{opacity:0.4;}
.data-galerias-submenu{ font-size:14px; color:#333;}
.titulo-galerias-submenu{ font-size:16px; color:#333;}
#outras-galerias{background-color:#EAAB34; width:317px; float:left; color:#fff; text-align:center; text-shadow:1px 1px 1px #000; overflow:hidden; padding-top:9px;}



/*##### SUBMENU - EVENTOS #####*/
.eventos-submenu{width:494px; float:left; margin:14px 0px 0px 13px; overflow:hidden; border-top:1px solid #D5DBDD; padding-top:5px;}
.eventos-submenu a{float:left;}
.eventos-submenu a:hover{opacity:0.7;}
.data-eventos-submenu{width:488px; float:left; color:#000; font-size:15px; font-weight:bold; margin:7px 0px 0px 0px; overflow:hidden;}
.titulo-eventos-submenu{width:488px; float:left; color:#075994; font-size:18px; line-height:18px; font-weight:bold; margin:0px 0px 0px 0px; overflow:hidden;}
#outros-eventos{background-color:#199246; width:515px; color:#fff; padding-top:12px; text-align:center; text-shadow:1px 1px 1px #000; float:left; overflow:hidden;	}




/*##### ZEMPO #####*/
#link-zempo{background-image:url(../../imagens/link-zempo-header.jpg); width:102px; height:19px; float:left; margin:22px 0px 0px 2px; text-indent:-9999px; overflow:hidden;}
#link-zempo:hover{background-position:left bottom;}




/*##### TEXTOS #####*/
#texto-descricao-header{width:850px; padding-left:55px; height:30px; float:left; overflow:hidden; padding-top:10px;}
#texto-descricao-header .esqueda{float: left; padding-left:5px; font-size:15px; color:#999999;}
#texto-descricao-header .direita{float: right; padding-right:5px; line-height:18px; font-style:italic; color:#999;font-size:20px;}




/*############# CSS PARA TOPO FIXO NO SCROLL ###############*/
.f-nav #menu-top-header,
.f-nav .box-idiomas,
.f-nav #texto-descricao-header{display:none;}
.f-nav #header-container{min-height: 112px;}
.f-nav #busca{padding-top: 17px;}
.f-nav #redes-sociais-header {padding-top: 15px}
.f-nav #menu-principal{padding-top: 0px; padding-left:38px;}
.f-nav #logo{width: 44px; height: 92px; padding-top: 9px; padding-left:28px;}
.f-nav #logo img{width: 44px; height: 92px;}
.f-nav #palavra_busca_header{width:641px;}
.f-nav #form-busca-header{padding-left: 37px;}
.f-nav #link-zempo{margin-left: 23px; margin-top: 8px;}
.f-nav#header{background-position:bottom left; border-bottom:0px;}
/*############# CSS PARA TOPO FIXO NO SCROLL ###############*/




#suggestions{overflow: auto; width: 680px; max-height: 390px; background-color: #FFF; margin-left:56px; margin-top: 37px; position: absolute; z-index: 9999 !important;}