/***********RESET***********/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,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,optgroup{font-style:inherit;font-weight:inherit; font-style: normal} del,ins{text-decoration:none;} li{list-style:none;} caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';} abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;} sub{vertical-align:baseline;} legend{color:#000;} input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;} input,button,textarea,select{*font-size:100%;} /***********FIM RESET***********/ /*******GERAL*******/ body { font-family: Arial, Verdana, Helvetica, sans-serif; background:#fff url(../img/body_bg.jpg) repeat-x} p, a, span { text-decoration: none; font-size: 11px;} p { font-size: 12px; color: #4c4c4c; line-height: 150% } h1, h2, h3, li { font-family: Verdana, Arial, Helvetica, sans-serif} h4 { font-family: "Arial Black"; font-size:16px; line-height:30px;} input { color: #4c4c4c; font-family: "Trebuchet MS",Arial, Helvetica, sans-serif; outline: none} .size12 { font-size: 12px} .size11 { font-size: 11px} .size10 { font-size: 10px} .largura { width: 937px; margin: 0 auto} .hr { border-bottom: 3px solid #1e3d8d;} .clr { float: none; clear: both} .over { overflow: hidden} .bold { font-weight: bold; color: #979797} .bor_bottom { border-bottom: 1px solid #4c4c4c } .bor_bottom_conv { border-bottom: 0 } div.floright { float: right } .erro { border: 1px solid #800; background-color: #fee; padding: 5px; } /*****FIM GERAL*****/ /*******TOPO*******/ #topo { width: 100%; height: 137px; background: url(../img/topo/topo_bg_gradient.jpg) repeat-x} #topo_bg_ext { position: absolute; top: 0; left: 50%; width: 50%; height:26px; background: url(../img/topo/topo_bg_ext.jpg) repeat-x} #topo_content { height: 137px;background:url(../img/topo/topo_bg_content.jpg) no-repeat right;position: absolute;margin-top: 0; left: 50%;margin-left:-463px;z-index:99; /*IE6*/_height: 132px} #topo_logo_e_intro { margin-top: 19px; float: left} #topo_logo_e_intro div { width: 487px} #topo_logo_e_intro * { float: left; } #topo_intro {margin: 0 37px} #topo_logo_e_intro p { color: #9a9a9a; float: none; clear: both; padding-top: 8px} #topo_logo_e_intro #bt_home { display: block; width: 40px; margin-top: 9px; text-align: right; color: #000; background: url(../img/icones/bt_home_icon.gif) no-repeat left 2px} #topo_data_e_busca { float: right; margin-top: 5px; padding-right: 10px; height: 100%} #topo_data_e_busca p { text-align: right} #logo_forca * { float: right; margin-top: 20px} #logo_forca p { padding: 14px 14px 0 0 } #busca { width: 240px; height: 33px; position: absolute; bottom: 0; right: 0; background:url(../img/topo/busca_bg.png) no-repeat; margin-right: 10px} #busca form { margin: 5px 0 0 35px; font-size: 14px;} #busca input { width: 140px; background: none; border: 4px solid transparent; *border: none; outline: none; } #busca #bt_busca { cursor: pointer; width: 21px; margin-left: 14px; border: none} /*****FIM TOPO*****/ /*******MENU*******/ .menu_conteiner { width: 100%; height: 19px; margin-top: 3px; padding: 0; background: url(../img/menu/menu_bg.jpg) repeat-x } .menu_conteiner ul.nav_bar{ width: 960px; margin: 0 auto; padding: 0; height: 100%; font-size: 100%;/* IE6 Bug */ } .menu_conteiner li{ float: left; padding: 0; margin: 0; display: block; border-right: 1px solid white } .menu_conteiner li.no_sep { border: none} .menu_conteiner li a{ color: #224393; font-weight: bold; height: 19px; display: block; /*IE6*/_float: left } .menu_conteiner li a:hover { color: #fff } .menu_conteiner li a span { display: block; padding: 2px 10px 0 17px; font-size: 10px } .menu_conteiner ul.nav_bar li ul { position:absolute; margin:0; padding:0; clear: both; z-index: 99; /*IE7*/background: #fff } .menu_conteiner ul.nav_bar li ul.subnav_niv1 li { background: url(../img/menu/submenu_bg.jpg) repeat-x bottom; margin: 0; padding: 0;display: block; float: none; border: none; border-top: 1px solid white; border-left: 1px solid white; border-right: 1px solid white; width: auto; /*IE6*/_float: left; _clear: left; _width: 200px; } .menu_conteiner ul.nav_bar li ul.subnav_niv1 li.bor_bottom { border-bottom: 1px solid white;} .menu_conteiner ul.nav_bar li ul.subnav_niv1 li.bor_bottom a { /*IE7*/*height: 24px; _height: 24px} .menu_conteiner ul.nav_bar li ul.subnav_niv1 li a { height: 25px; } .menu_conteiner ul.nav_bar li ul.subnav_niv1 li a span { padding: 6px 10px 0 17px; } .menu_conteiner ul.nav_bar li ul.subnav_niv1 li ul.subnav_niv2 { position:absolute; margin-top: -25px; left: 100%; clear: both} .subnav_niv2, .subnav_niv1 { visibility: hidden} .nav_bar li:hover ul.subnav_niv1, .nav_bar ul.subnav_niv1 li:hover ul.subnav_niv2{ visibility: visible} /*IE6*/.nav_bar li.overr ul.subnav_niv1 { _visibility: visible; } .nav_bar ul.subnav_niv1 li.overr ul.subnav_niv2{ _visibility: visible; }/*IE6*/ /* Fix IE. Hide from IE Mac */ /* End */ /*****FIM MENU*****/ /*************************************************************************************************************************/ /****************************PRNCIPAL HOME (apenas estilos que divergem das secundarias)**********************************/ /*************************************************************************************************************************/ #col_principal_home { float: left} #col_principal_esc { width: 180px; float: left;} /*******BOX HOME******/ .home_box { margin-bottom: 25px} .home_box .home_box_aba { height: 35px} .home_box .home_box_aba img, .home_box .home_box_aba span, .home_box .home_box_aba h2 { float:right} .home_box .home_box_aba h2 { margin: 10px 6px 0 0; color: #26539e; font-weight: bold} .home_box .home_box_aba img, .home_box .home_box_aba span { margin: 3px 15px 0 0} .home_box .home_box_bottom { height: 8px; background: url(../img/box/home_box_bottom.gif) no-repeat; clear: both} .home_box_content { background: url(../img/box/home_box_content.gif) repeat-y; padding: 15px 15px 10px 15px } /*****FIM BOX HOME****/ /*******BOX HOME NOTICIAS E DESTAQUES******/ .home_box .aba_noticias { background: url(../img/box/home_box_aba_noticias.gif) no-repeat } .home_box .aba_destaques { background: url(../img/box/home_box_aba_destaques.jpg) no-repeat } /*****FIM BOX HOME NOTICIAS E DESTAQUES****/ /*******BOX HOME NOTICIAS (CONTEUDO)******/ .noticias_quadro .noticias_imgs { float: left} .noticias_quadro .noticias_imgs img { position: absolute; display: none} .noticias_quadro .noticias_lista { width: 315px; float: right} .noticias_quadro .noticias_lista ul li a, .noticias_quadro .noticias_lista ul li a span { display: block} .noticias_quadro .noticias_lista ul li a { background-color: #d4d4d4; padding: 10px 15px; margin-bottom: 10px; font-size: 12px; color: #6b6b6b} .noticias_quadro .noticias_lista ul li a:hover { background-color: #26539e; color: #fff } .noticias_lista ul li a span.noticias_fonte { font-size: 10px; font-style: italic } /*****FIM BOX HOME NOTICIAS (CONTEUDO)****/ /***********RSS***********/ .loadAjaxImg { width: 31px; height: 31px; margin: 20px auto; background: url(../img/icones/ajax-loader.gif) no-repeat; } #rss_content .loadAjaxImg { margin: 50px auto; } #rss_content a { color: #06336e; font-size: 12px; display: block} #rss_content a:hover { text-decoration: underline} #rss_content a.titulo { font-weight: bold } #rss_content span { color: #878787; margin-bottom: 10px; display: block} #rss_content p { font-size: 11px; line-height: normal; margin: 0; padding: 0 } /*********FIM RSS*********/ /*******BOX LATERAL******/ .box_lateral { margin-bottom: 25px} .box_lateral .box_lateral_top { height: 40px; background: url(../img/box/box_lateral_top.gif) no-repeat } .box_lateral .box_lateral_top img, .box_lateral .box_lateral_top span, .box_lateral .box_lateral_top h2 { float:right } .box_lateral .box_lateral_top img, .box_lateral .box_lateral_top span { margin: 6px 10px 0 0 } .box_lateral .box_lateral_top h2 { margin: 11px 0 0 25px; color: #26539e; float: left; font-weight: bold; display: inline } .box_lateral .box_lateral_bottom { height: 10px; background: url(../img/box/box_lateral_bottom.gif) no-repeat; clear: both } .box_lateral_content { background: url(../img/box/box_lateral_content.jpg) repeat-y; padding: 15px 15px 10px 15px; } /*****FIM BOX LATERAL****/ /*****BOX DOWNLOADS******/ .box_downloads * { display: block; margin: 0 auto 15px auto; text-align: center} .box_downloads p { font-size: 11px} .box_downloads a.down_enteriores { width: 130px; color:#ff4800; background:url(../img/icones/arrow_down_icon.gif) no-repeat center right } /***FIM BOX DOWNLOADS****/ /*****BOX FORM NEWS******/ #box_news p { margin-bottom: 30px; font-size: 11px} #box_news form { color: #979797; font-size: 11px} #box_news form label { display: block; margin-bottom: 7px; background: url(../img/news_input_mascara.gif) no-repeat bottom} #box_news form input { width: 142px; margin: 10px 0 1px 6px; background: none; border: none; } #box_news form input#news_bt_ok { width: 68px; height: 25px; float: right; background: url(../img/botoes/news_bt_ok.gif) no-repeat top} #box_news form input#news_bt_ok:hover { background-position: bottom} /***FIM BOX FORM NEWS****/ /*******ICONES PARCEIROS******/ ul.detaques_parceiros {} ul.detaques_parceiros li { width: 75px; margin: 10px 10px 10px 30px; float: left; display: inline} ul.detaques_parceiros li span, ul.detaques_parceiros li img { display: block; margin: 0 auto; text-align: center } /*****FIM ICONES PARCEIROS****/ #col_lateral { width: 185px; float: right;} /*************************************************************************************************************************/ /***************************************************FIM PRNCIPAL HOME*****************************************************/ /*************************************************************************************************************************/ /*******PRNCIPAL*******/ #wrapper { padding-top: 30px } #col_principal { width: 725px; float: right; padding-top: 15px} /*****FIM PRNCIPAL*****/ /*******BANNERS*******/ #banner_sindicalize { margin-bottom:25px; height: 125px; width: 724px } #banner_sindicalize a { position: absolute; display:block; height: 125px; width: 724px } #banner_10_motivos { margin: 0 1px 20px 1px; width: 520px; height: 120px; background: url(../img/banners/banner_10_motivos.jpg) no-repeat} #banner_denuncie { margin-bottom: 25px; width: 178px; height: 123px; background: url(../img/banners/banner_denuncie.jpg) no-repeat} #banner_denuncie10 { margin-bottom: 25px; width: 179px; height: 150px; background: url(../img/banners/denuncie-aqui.jpg) no-repeat} #banner_sindicalize_lat { margin-bottom: 25px; width: 183px; height: 126px; background: url(../img/banners/banner_sindicalize_lat.jpg) no-repeat} #banner_pis_lat { margin-top: 25px; margin-bottom: 25px; width: 183px; height: 126px; background: url(../img/banners/banner_pis_lat.jpg) no-repeat} #banner_somai_lat { margin-top: 25px; margin-bottom: 25px; width: 183px; height: 60px; background: url(../img/banners/banner_somai_lat.jpg) no-repeat} #lutas-sindicato { margin-top: 25px; margin-bottom: 25px; width: 179px; height: 150px; background: url(../img/banners/lutas-sindicato.jpg) no-repeat} #bannerturista { margin-top: 25px; margin-bottom: 25px; width: 180px; height: 79px; background: url(../img/banners/bannerturista.jpg) no-repeat} #banner-salao-turismo { margin-top: 25px; margin-bottom: 25px; width: 178px; height: 115px; background: url(../img/banners/banner-salao-turismo.jpg) no-repeat} #banner-vote_cataratas { margin-top: 25px; margin-bottom: 25px; width: 128px; height: 75px; background: url(../img/banners/vote_cataratas.jpg) no-repeat} #bannerbrasil { margin-top: 25px; margin-bottom: 25px; width: 178px; height: 91px; background: url(../img/banners/bannerbrasil.jpg) no-repeat} #banner_fgts_lat { margin-top: 25px; margin-bottom: 25px; width: 183px; height: 126px; background: url(../img/banners/banner_fgts_lat.jpg) no-repeat} #twitter { margin-top: 25px; margin-bottom: 25px; width: 186px; height: 132px; background: url(../img/banners/twitter.jpg) no-repeat} #banner-ponto-ele { margin-top: 25px; margin-bottom: 25px; width: 179px; height: 150px; background: url(../img/banners/banner-ponto-ele.jpg) no-repeat} #banner-direitos { margin-top: 25px; margin-bottom: 25px; width: 179px; height: 150px; background: url(../img/banners/conheca-seus-direitos.jpg) no-repeat} #banner-duv-trab { margin-top: 25px; margin-bottom: 25px; width: 177px; height: 105px; background: url(../img/banners/banner-duvidas-trab.jpg) no-repeat} #forca-abc { margin-top: 25px; margin-bottom: 25px; width: 185px; height: 123px; background: url(../img/banners/forca-abc.jpg) no-repeat} #guia-func { margin-top: 25px; margin-bottom: 25px; width: 186px; height: 175px; background: url(../img/banners/guia.jpg) no-repeat} #banner_rotativo_lat { width: 182px; height: 126px } #banner_rotativo_lat a { position: absolute; display:block; width: 182px; height: 126px } #banner_presidente { margin-bottom: 25px; width: 185px; height: 126px; background: url(../img/banners/banner_mens_presidente.gif) no-repeat } .banner a { display: block; height: 100%; margin-bottom: 25px; _margin-bottom: 0 } /*****FIM BANNERS*****/ /*******AGENDA******/ #agenda { width: inherit} #agenda_topo { width: inherit; height: 32px; background: url(../img/agenda/agenda_bg_topo.gif) no-repeat} #agenda_content { width: inherit; min-height: 218px; background: #f6f8fb url(../img/agenda/agenda_bg_content.jpg) no-repeat bottom} #agenda_mes { width: 169px; height: 35px; margin: 0 auto 12px auto; background: url(../img/agenda/agenda_bg_mes.gif) no-repeat top} #agenda_mes h2 { font-weight: bold; color: #6c634e; padding: 22px 0 0 15px; text-align: center } .agenda_dia_top { width: 141px; margin: 2px auto 0 auto; padding: 5px 10px 5px 10px; background: url(../img/agenda/agenda_bg_dia_top.gif) no-repeat top} .agenda_dia_bottom { width: 161px; height: 5px; margin: 0 auto; background: url(../img/agenda/agenda_bg_dia_bottom.gif) no-repeat} .agenda_dia_top table td { vertical-align: top; font-size: 10px; color: #5a5a5a; line-height: 150% } .agenda_dia_top table .dia_num { width: 20% } .agenda_dia_top table h1 { font-size: 14px; color: #f00; font-weight: bold } /*****FIM AGENDA*****/ /*******AGENCIA ELETRONICA******/ #agencia { width: inherit} #agencia_topo { width: inherit; height: 32px; background: url(../img/agencia/agencia_bg_topo.gif) no-repeat} #agencia_content { width: inherit; min-height: 218px; background: #f6f8fb url(../img/agencia/agencia_bg_content.jpg) no-repeat bottom} #agencia_mes { width: 169px; height: 35px; margin: 0 auto 12px auto; background: url(../img/agencia/agencia_bg.gif) no-repeat top} #agencia_mes h2 { font-weight: bold; color: #6c634e; font-size:9px; padding: 22px 0 0 15px; text-align: center } .agencia_dia_top { width: 141px; margin: 2px auto 0 auto; padding: 5px 10px 5px 10px; background: url(../img/agencia/agencia_bg_dia_top.gif) no-repeat top} .agencia_dia_bottom { width: 161px; height: 5px; margin: 0 auto; background: url(../img/agencia/agencia_bg_dia_bottom.gif) no-repeat} .agencia_dia_top table td { vertical-align: top; font-size: 10px; color: #5a5a5a; line-height: 150% } .agencia_dia_top table .dia_num { width: 20% } .agencia_dia_top table td a { color: #5a5a5a } .agencia_dia_top table h1 { font-size: 14px; color: #f00; font-weight: bold } /*****FIM AGENCIA ELETRONICA*****/ /*******BOTOES******/ .col_botoes { width: 176px; height: 48px; margin-top: 25px; background:url(../img/botoes/bt_links_box.gif)} .col_botoes a { display: block; height: 100%} .col_botoes a h2 { float: left; font-weight: bold; display: inline; margin: 16px 0 0 9px; color: #26539e} .col_botoes a img, .col_botoes a span { float: right; margin: 7px 3px 0 0} /*****FIM BOTOES*****/ /*******BOTOES_JORNAIS******/ .col_botoes_jornais { width: 176px; height: 268px; margin-top: 25px; background:url(../img/botoes/bt_links_box_2.gif)} .col_botoes_jornais a { display: block; height:28px;} .col_botoes_jornais a h2 { float: left; font-weight: bold; display: inline; margin: 0 0 0 9px; color: #26539e} .col_botoes_jornais a img, .col_botoes_jornais a span { float: right; margin: 7px 3px 0 0} /*****FIM BOTOES_JORNAIS*****/ /*******LINKS*******/ .col_links { margin-bottom: 25px} .col_links li { height: 65px} .col_links li a span { float: left; font-size: 11px; font-weight: bold; color: #26539e; margin-top: 25px; cursor: pointer} .col_links li img { float:right; margin: 10px 7px 0 0 } /*****FIM LINKS*****/ /*******ENQUETE******/ #enquete { width: 179px; margin: 25px 0} #enquete .enq_top { width: 100%; height: 43px; background: url(../img/enquete/enq_box_top.jpg) no-repeat} #enquete .enq_bottom { width: 100%; height: 14px; background: url(../img/enquete/enq_box_bottom.jpg) no-repeat} #enquete .enq_content {width: 100%; padding-top: 12px; overflow: hidden; color: #4c4c4c; background:url(../img/enquete/enq_content_bg.jpg) repeat-y} #enquete .enq_content p, #enquete ul { padding: 0 10px 20px 10px; overflow: hidden} #enquete ul li { clear: both; overflow: auto; margin-bottom: 5px } #enquete ul li input { float: left; *margin-top: -4px; _margin-top: -3px } #enquete ul li label { width: 80%; float: left; margin-left: 5px;} #enquete input#enq_bt_votar, #enquete a#enq_bt_ver { display: inline; margin-left: 12px; float: left; border: none} #enquete a#enq_bt_ver { width: 73px; height: 25px; background: url(../img/enquete/enq_bt_ver.jpg) no-repeat top} #enquete input#enq_bt_votar { width: 68px; height: 25px; background: url(../img/enquete/enq_bt_votar.jpg) no-repeat top} #enquete a#enq_bt_ver:hover, #enquete input#enq_bt_votar:hover { background-position: bottom} /*****FIM ENQUETE****/ /*******RELOGIO******/ #relogio { width: 91px; height: 29px; margin: 25px auto; background:url(../img/relogio_bg.gif) no-repeat} #relogio span { font-size: 14px; font-weight: bold; color: #fff; position: relative; top: 6px; left: 35px } /*****FIM RELOGIO****/ /********BOX GERAL*******/ .box_geral { margin-bottom: 25px; clear:both} .box_geral .box_geral_top { height: 35px; background: url(../img/box/box_geral_top.gif) no-repeat } .box_geral .box_geral_top img, .box_geral .box_geral_top span, .box_geral .box_geral_top h2 { float:right } .box_geral .box_geral_top img, .box_geral .box_geral_top span { margin: 6px 10px 0 0 } .box_geral .box_geral_top h2 { margin: 11px 20px 0 0; color: #26539e; font-weight: bold; display: inline } .box_geral .box_geral_bottom { height: 9px; background: url(../img/box/box_geral_bottom.gif) no-repeat; clear: both } .box_geral_content { background: url(../img/box/box_geral_content.gif) repeat-y; padding: 15px 15px 11px 15px; } /******FIM BOX GERAL*****/ /********BOX GERAL*******/ .box_geral { margin-bottom: 25px} .box_geral .box_geral_top { height: 35px; background: url(../img/box/box_geral_top.gif) no-repeat } .box_geral .box_geral_top img, .box_geral .box_geral_top span, .box_geral .box_geral_top h2 { float:right } .box_geral .box_geral_top img, .box_geral .box_geral_top span { margin: 6px 10px 0 0 } .box_geral .box_geral_top h2 { margin: 11px 20px 0 0; color: #26539e; font-weight: bold; display: inline } .box_geral .box_geral_bottom { height: 9px; background: url(../img/box/box_geral_bottom.gif) no-repeat; clear: both } .box_geral_content { background: url(../img/box/box_geral_content.gif) repeat-y; padding: 15px 20px 11px 20px; } .box_geral_content p { font-size: 12px; color: #000; padding: 5px 0 15px 0} .box_geral_content li { font-size: 12px; color: #000; line-height: 150% } .box_geral_content h2 { font-size: 14px; font-weight: bold; } .box_geral_content h3 { font-family: Arial, Helvetica, sans-serif; color: #000; font-size: 14px; font-weight: bold } /******FIM BOX GERAL*****/ /********BOX MEDIUM*******/ .box_medium { margin-bottom: 25px; width: 355px; float: left} .box_medium_top { height: 35px; background: url(../img/box/box_medium_top.gif) no-repeat} .box_medium_top img, .box_medium_top span, .box_medium_top h2 { float:right } .box_medium_top img, .box_medium_top span { margin: 6px 10px 0 0 } .box_medium_top h2 { margin: 11px 18px 0 0; color: #26539e; font-weight: bold; display: inline } .box_medium_bottom { height: 10px; background: url(../img/box/box_medium_bottom.gif) no-repeat; clear: both } .box_medium_content { background: url(../img/box/box_medium_content.gif) repeat-y; padding: 15px 15px 11px 15px; } .box_geral_content h2 { font-size: 14px; font-weight: bold; } .box_medium_content h3 { font-family: Arial, Helvetica, sans-serif; color: #000; font-size: 14px; font-weight: bold } .box_medium_content li { font-size: 12px; color: #000; line-height: 150% } .box_medium_content p { font-size: 12px; color: #4c4c4c; padding: 5px 0 15px 0} /******FIM BOX MEDIUM*****/ /****COLUNA PRINCIPAL DIREITA****/ #col_principal_dir { width: 522px; float: left; margin-left: 25px} /**FIM COLUNA PRINCIPAL DIREITA**/ /*****ICONES*****/ .icon_sprite-1 { background: url(../img/icones/sprite-icones.jpg) no-repeat 0 0; width: 9px; height: 10px } .icon_sprite-2 { background: url(../img/icones/sprite-icones.jpg) no-repeat 0 -10px; width: 5px; height: 7px } .icon_sprite-3 { background: url(../img/icones/sprite-icones.jpg) no-repeat 0 -17px; width: 24px; height: 24px } .icon_sprite-4 { background: url(../img/icones/sprite-icones.jpg) no-repeat 0 -41px; width: 22px; height: 23px } .icon_sprite-5 { background: url(../img/icones/sprite-icones.jpg) no-repeat 0 -64px; width: 21px; height: 23px } .icon_sprite-6 { background: url(../img/icones/sprite-icones.jpg) no-repeat 0 -87px; width: 32px; height: 23px } .icon_sprite-7 { background: url(../img/icones/sprite-icones.jpg) no-repeat 0 -110px; width: 38px; height: 38px } .icon_sprite-8 { background: url(../img/icones/sprite-icones.jpg) no-repeat 0 -148px; width: 46px; height: 44px } .icon_sprite-9 { background: url(../img/icones/sprite-icones.jpg) no-repeat 0 -192px; width: 41px; height: 42px } .icon_sprite-10 { background: url(../img/icones/sprite-icones.jpg) no-repeat 0 -235px; width: 64px; height: 21px } .icon_sprite-11 { background: url(../img/icones/sprite-icones.jpg) no-repeat 0 -256px; width: 43px; height: 27px } .icon_sprite-12 { background: url(../img/icones/sprite-icones.jpg) no-repeat 0 -283px; width: 39px; height: 28px } .icon_sprite-13 { background: url(../img/icones/sprite-icones.jpg) no-repeat 0 -311px; width: 40px; height: 37px } .icon_sprite-14 { background: url(../img/icones/sprite-icones.jpg) no-repeat 0 -348px; width: 46px; height: 44px } .icon_sprite-15 { background: url(../img/icones/sprite-icones.jpg) no-repeat 0 -392px; width: 49px; height: 30px } .icon_sprite-16 { background: url(../img/icones/sprite-icones.jpg) no-repeat 0 -422px; width: 55px; height: 13px } .icon_sprite-17 { background: url(../img/icones/sprite-icones.jpg) no-repeat 0 -436px; width: 55px; height: 15px } .icon_sprite-18 { background: url(../img/icones/sprite-icones.jpg) no-repeat 0 -452px; width: 52px; height: 22px } .icon_sprite-19 { background: url(../img/icones/sprite-icones.jpg) no-repeat 0 -476px; width: 46px; height: 39px } .icon_sprite-20 { background: url(../img/icones/sprite-icones.jpg) no-repeat 0 -516px; width: 45px; height: 35px } .icon_sprite-21 { background: url(../img/icones/sprite-icones.jpg) no-repeat 0 -552px; width: 49px; height: 42px } .icon_sprite-22 { background: url(../img/icones/sprite-icones.jpg) no-repeat 0 -596px; width: 66px; height: 24px } .icon_sprite-23 { background: url(../img/icones/sprite-icones.jpg) no-repeat 0 -621px; width: 43px; height: 20px } .icon_sprite-24 { background: url(../img/icones/sprite-icones.jpg) no-repeat 0 -641px; width: 42px; height: 32px } .icon_sprite-25 { background: url(../img/icones/sprite-icones.jpg) no-repeat 0 -674px; width: 42px; height: 32px } .icon_sprite-26 { background: url(../img/icones/sprite-icones.jpg) no-repeat 0 -707px; width: 41px; height: 32px } .icon_sprite-27 { background: url(../img/icones/sprite-icones.jpg) no-repeat 0 -740px; width: 42px; height: 24px } .icon_sprite-28 { background: url(../img/icones/sprite-icones.jpg) no-repeat 0 -765px; width: 42px; height: 27px } .icon_sprite-29 { background: url(../img/icones/sprite-icones.jpg) no-repeat 0 -793px; width: 29px; height: 36px } .icon_sprite-30 { background: url(../img/icones/sprite-icones.jpg) no-repeat 0 -830px; width: 31px; height: 35px } .icon_sprite-31 { background: url(../img/icones/sprite-icones.jpg) no-repeat 0 -866px; width: 38px; height: 35px } .icon_sprite-32 { background: url(../img/icones/sprite-icones.jpg) no-repeat 0 -902px; width: 35px; height: 34px } .icon_sprite-33 { background: url(../img/icones/sprite-icones.jpg) no-repeat 0 -936px; width: 46px; height: 30px } .icon_sprite-34 { background: url(../img/icones/sprite-icones.jpg) no-repeat 0 -966px; width: 40px; height: 19px } .icon_sprite-35 { background: url(../img/icones/sprite-icones.jpg) no-repeat 0 -986px; width: 40px; height: 34px } .icon_sprite-36 { background: url(../img/icones/sprite-icones.jpg) no-repeat 0 -1020px; width: 40px; height: 21px } .icon_sprite-37 { background: url(../img/icones/sprite-icones.jpg) no-repeat 0 -1041px; width: 41px; height: 30px } .icon_sprite-38 { background: url(../img/icones/sprite-icones.jpg) no-repeat 0 -1071px; width: 39px; height: 20px } .icon_sprite-39 { background: url(../img/icones/sprite-icones.jpg) no-repeat 0 -1090px; width: 66px; height: 33px } .icon_sprite-40 { background: url(../img/icones/sprite-icones.jpg) no-repeat 0 -1125px; width: 66px; height: 28px } /***FIM ICONES***/ /*****CONVENIOS*****/ .icon_convenio-1 { background: url(../img/icones/sprite_convenio.jpg) no-repeat -10px -16px; width: 50px; height: 40px} .icon_convenio-2 { background: url(../img/icones/sprite_convenio.jpg) no-repeat -2px -56px; width: 62px; height: 40px} .icon_convenio-3 { background: url(../img/icones/sprite_convenio.jpg) no-repeat -8px -100px; width: 50px; height: 40px} .icon_convenio-4 { background: url(../img/icones/sprite_convenio.jpg) no-repeat -8px -153px; width: 54px; height: 40px} .icon_convenio-5 { background: url(../img/icones/sprite_convenio.jpg) no-repeat -10px -187px; width: 50px; height: 40px} .icon_convenio-6 { background: url(../img/icones/sprite_convenio.jpg) no-repeat -4px -233px; width: 60px; height: 36px} .icon_convenio-7 { background: url(../img/icones/sprite_convenio.jpg) no-repeat -4px -264px; width: 56px; height: 35px} .icon_convenio-8 { background: url(../img/icones/sprite_convenio.jpg) no-repeat -6px -293px; width: 55px; height: 40px} .icon_convenio-9 { background: url(../img/icones/sprite_convenio.jpg) no-repeat -4px -329px; width: 60px; height: 40px} .icon_convenio-10 { background: url(../img/icones/sprite_convenio.jpg) no-repeat -4px -362px; width: 60px; height: 40px} .icon_convenio-11 { background: url(../img/icones/sprite_convenio.jpg) no-repeat -1px -397px; width: 60px; height: 30px} .icon_convenio-12 { background: url(../img/icones/sprite_convenio.jpg) no-repeat -10px -421px; width: 50px; height: 40px} .icon_convenio-13 { background: url(../img/icones/sprite_convenio.jpg) no-repeat -6px -463px; width: 54px; height: 30px} .icon_convenio-14 { background: url(../img/icones/sprite_convenio.jpg) no-repeat -10px -493px; width: 50px; height: 20px} .icon_convenio-15 { background: url(../img/icones/sprite_convenio.jpg) no-repeat -4px -517px; width: 58px; height: 40px} .icon_convenio-16 { background: url(../img/icones/sprite_convenio.jpg) no-repeat -4px -570px; width: 58px; height: 80px} .icon_convenio-17 { background: url(../img/icones/sprite_convenio.jpg) no-repeat -4px -658px; width: 58px; height: 40px} /***FIM CONVENIOS***/ /****RODAPE****/ #rodape { width: 950px; background-color: #26539e; margin: 15px auto} #rodape address { color: #fff; font-weight: bold; text-align: center; padding: 3px; line-height: 200%; font-style:normal} /****FIM RODAPE****/ /*************************************************************************************************************************/ /***************************************************ESTILO POR PÁGINA*****************************************************/ /*************************************************************************************************************************/ /*******PALAVRA DO PRESIDENTE*********/ #palavra_content p { text-align: justify } #palavra_content img { padding: 0 0 20px 25px } /*****FIM PALAVRA DO PRESIDENTE*******/ /*******DIRETORIA*********/ #diretoria_content span.titulo, #diretoria_content h2{ font-size: 12px; font-weight: bold; display: block } #diretoria_content h2 { margin: 40px 0 15px 0 } #diretoria_content ul.lista_block li ul li { float: left; padding: 0 13px 13px 0} #diretoria_content ul.lista_inline li { float: left; width: 170px} #diretoria_content ul.lista_inline li ul li { float: none} /*****FIM DIRETORIA*******/ /*******COMOCHEGAR*********/ .comochegar_content { text-align: right } .comochegar_content address { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; margin-top: 10px; } /*****FIM COMOCHEGAR*******/ /*******SUB-SEDE********* VER ( MSN / FORMULARIO PRADRAO / INFO FUNCIONAMENTO ) *****FIM SUB-SEDE*******/ /*******JURIDICO*********/ .juridico_content li { font-size: 12px; margin: 15px 0; line-height: 150%; font-family: Arial, Helvetica, sans-serif; color: #000 } /*****FIM JURIDICO*******/ /*******COL. DE FERIAS*********/ .juridico_content li { font-size: 12px; margin: 15px 0; line-height: 150%; font-family: Arial, Helvetica, sans-serif; color: #000 } /*****FIM COL. DE FERIAS*******/ /*******CENTRO DE FORMAÇÃO*********/ #centro_form_content .nav { text-align: center } /*****FIM CENTRO DE FORMAÇÃO*******/ /*******CURSO*********/ #curso_content { } /*****FIM CURSO*******/ /*******EMISSÂO DE GUIAS*********/ #guias_content li p, #guias_content span { font-family: Arial, Helvetica, sans-serif } #guias_content span { font-weight: bold } #guias_content .texto-esq, #guias_content .contato-dir { float: left; width: 50% } #guias_content .manual { clear: both} #guias_content .manual img { margin-bottom: 20px } /*****FIM EMISSÂO DE GUIAS*******/ /*******CAMPEONATOS*********/ #camp_content a { display: block; width: 678px; height: 115px; margin: 25px 0; background-position: bottom; overflow:hidden; } #camp_content a span { display: none} #camp_content a#bt_futebol { background:url(../img/conteudo/campeonatos/bt_futsal.jpg) no-repeat bottom } #camp_content a#bt_futebol:hover { background-position: top } #camp_content a#bt_handebol { background:url(../img/conteudo/campeonatos/bt_handebol.jpg) no-repeat bottom } #camp_content a#bt_handebol:hover { background-position: top } #camp_content a#bt_voleibol { background:url(../img/conteudo/campeonatos/bt_voleibol.jpg) no-repeat bottom } #camp_content a#bt_voleibol:hover { background-position: top } /*******CAMPEONATO ATUAL*********/ #camp_atual_content { } /*****FIM CAMPEONATO ATUAL*******/ /*******EDIÇÕES ANTERIORES*********/ #edicoes_ant_content { } /*****FIM EDIÇÕES ANTERIORES*******/ /*******REGULAMENTOS*********/ #regulamento li, #regulamento p, #regulamento span { font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 15px 0; line-height: 150%; } #regulamento h2 { font-weight: bold } #regulamento a { display: block; margin: 25px 0 10px} /*****FIM REGULAMENTOS*******/ /*****FIM CAMPEONATOS*******/ /*******KIDS / VIDEOS E MULTIMIDIA*********/ #multi_content .linha { padding: 15px 0; overflow: auto; border-top: 2px solid #878787 } #multi_content .linha li.clr { float: none } #multi_content .linha li { float: left } #multi_content .linha li a { } #multi_content .linha li p, #multi_content .linha li a, #multi_content .linha li h2 { margin: 0; padding: 0 0 3px 15px; font-size: 12px } #multi_content .linha li p.descr { width: 450px } #multi_content .linha li span { font-weight: bold } #multi_content .linha li.video img { border: 3px solid #000 } /*****FIM KIDS / VIDEOS E MULTIMIDIA*******/ /*******HOMOLOGAÇÕES*********/ #homolacoes_content div { float: left; margin-right: 15px } #homolacoes_content div.clr { float: none; clear: both } #homolacoes_content li, #homolacoes_content li p { font-size: 11px } /*****FIM HOMOLOGAÇÕES*******/ /******LINKS*****/ #links_content div { float: left } #links_content div.clr { clear: both; float: none } #links_content div.links_M { width: 100% } #links_content div.links_G { width: 50%; border-left: 1px solid #878787 } #links_content div.links_M a { line-height:40px; } #links_content div dl { margin: 20px 20px 30px 20px;} #links_content div dd, #links_content div a { color: #26539e; } #links_content div dd { font-weight: bold } #links_content div a { font-weight: normal } #links_content div a:hover { text-decoration: underline } #links_content div dl dt { font-weight: bold; position: relative; padding: 0 35px 0 0; display: inline;/*IE6 HACK (hasContent)*/ zoom: 1 } #links_content div dl dt span.heading { display: block; position: absolute; top: -3px; right: 0 } #links_content div dl dd { padding: 15px 0; clear: both } #links_content div dl dd div { display: table-cell; width: 70px; height: 100% } #links_content div dl dd div span { display: block; margin: 0 auto } /****FIM LINKS***/ /******ASSOCIE-SE*****/ #associese_content form input, #associese_content form textarea { border: 1px solid #7F9DB9 } #associese_content fieldset { margin-top: 15px; padding: 0 5px } #associese_content fieldset legend { font-weight: bold; } #associese_content table { margin: 10px 0 } #associese_content form label { padding: 0 4px } #associese_content form label span { color:#FF0000; font-weight: bold; font-size: 16px } #associese_content form { text-align: right; font-size: 12px; } #associese_content form, #associese_content form td, #associese_content form th { padding: 2px 0 } #associese_content form #dados_adocionais td, #associese_content form #dados_adocionais { margin:10px 20px } #associese_content form #dados_adocionais td, #associese_content form #dados_adocionais th { text-align: left; padding-left: 12px } #associese_content form #dados_adocionais td, #associese_content form #dados_adocionais input { width: 250px } #associese_content form #dados_adocionais .td-parent { width: 100px } #associese_content form .td-left { width: 357px } #associese_content form .w-big { width: 564px } #associese_content form .w-mediumBig { width: 250px } #associese_content form .w-medium { width: 215px } #associese_content form .w-num { width: 53px } #associese_content form .bt_correios { width: 107px;} #associese_content form #dados_prof .w-cep { *width: 135px } #associese_content form #dados_prof .bt_correios { margin-right: 31px } #associese_content form #dados_pes .w-cidade { width: 165px } #associese_content form #dados_pes .w-cep { width: 107px } #associese_content form #dados_pes #td-nasc { text-align: left; padding-left: 25px } #associese_content form #dados_pes #td-civil { text-align: left; padding-left: 21px } #associese_content form #dados_pes #td-escola { text-align: left; padding-left: 12px } #associese_content form .bt-reset, #associese_content form .bt-send { margin-top: 18px } #associese_content form td#denuncia_td label { float: left } #associese_content form textarea { height: 150px } /*VALIDAÇÂO*/ #associese_content form .inval { background-color: #FFFF99; border: 2px solid red } #associese_content form ._avoid { background-color: #eee; border: 1px solid #7f9db9 } #associese_content .erro-msg { background: #fbb url(../img/icones/error_icon.gif) no-repeat 5px 5px; border: 2px solid #800; margin: 15px 0; padding: .5em .5em .5em 35px; font-weight: bold; font-size: 14px } #associese_content .sucesso-msg { background: #bfb; border: 2px solid #080; margin: 15px 0; padding: .5em .5em .5em 35px; font-weight: bold; font-size: 14px } /****FIM ASSOCIE-SE***/ /******CURRICULOS*****/ #curriculos_content fieldset { margin-top: 15px; padding: 0 5px } #curriculos_content fieldset legend { font-weight: bold; } #curriculos_content table { margin: 10px 0 } #curriculos_content form label { padding: 0 4px } #curriculos_content form label span { color:#FF0000; font-weight: bold; font-size: 16px } #curriculos_content form { text-align: right; font-size: 12px; } #curriculos_content form, #curriculos_content form td, #curriculos_content form th { padding: 2px 0 } #curriculos_content form #dados_adocionais td, #curriculos_content form #dados_adocionais { margin:10px 20px } #curriculos_content form #dados_adocionais td, #curriculos_content form #dados_adocionais th { text-align: left; padding-left: 12px } #curriculos_content form #dados_adocionais td, #curriculos_content form #dados_adocionais input { width: 250px } #curriculos_content form #dados_adocionais .td-parent { width: 100px } #curriculos_content form .td-left { width: 357px } #curriculos_content form .w-big { width: 564px } #curriculos_content form .w-mediumBig { width: 250px } #curriculos_content form .w-medium { width: 215px } #curriculos_content form .w-num { width: 53px } #curriculos_content form .bt_correios { width: 107px;} #curriculos_content form #dados_prof .w-cep { *width: 135px } #curriculos_content form #dados_prof .bt_correios { margin-right: 31px } #curriculos_content form #dados_pes .w-cidade { width: 165px } #curriculos_content form #dados_pes .w-cep { width: 107px } #curriculos_content form #dados_pes #td-nasc { text-align: left; padding-left: 25px } #curriculos_content form #dados_pes #td-civil { text-align: left; padding-left: 21px } #curriculos_content form #dados_pes #td-escola { text-align: left; padding-left: 12px } #curriculos_content form .bt-reset, #curriculos_content form .bt-send { margin-top: 18px } /*VALIDAÇÂO*/ #curriculos_content form .inval { background-color: #FFFF99; border: 2px solid red } #curriculos_content form ._avoid { background-color: #eee; border: 1px solid #7f9db9 } #curriculos_content .erro-msg { background: #fbb url(../img/icones/error_icon.gif) no-repeat 5px 5px; border: 2px solid #800; margin: 15px 0; padding: .5em .5em .5em 35px; font-weight: bold; font-size: 14px } #curriculos_content .sucesso-msg { background: #bfb; border: 2px solid #080; margin: 15px 0; padding: .5em .5em .5em 35px; font-weight: bold; font-size: 14px } /****FIM CURRICULOS***/ /******CIPA*****/ #legis_content .sessao { margin: 2px 0; } #legis_content .sessao h2 { padding: 10px; background-color: #eee; cursor: pointer; position: relative; font-size: 12px; color: #4c4c4c } #legis_content .sessao h2:hover { background-color: #e4e4e4;} #legis_content .sessao h2 span { position: absolute; top: 6px; right: 15px; /*IE6 HACK*/_right: 30px;} #legis_content .sessao .sessao_content { padding: 0 15px; margin-top: 10px } /****FIM CIPA***/ /*------------------------------------------------------------------------------------------------------------------------------*/ /*******INFO FUNCIONAMENTO*********/ #info_content { text-align: right} #info_content h2 { font-size: 16px; font-weight: bold; } #info_content p { padding: 5px 0 15px 0} #info_content span { font-weight: bold } #info_content a { display: block; margin: 30px 0 } /*****FIM INFO FUNCIONAMENTO*******/ /*******FORMULARIO PRADRAO*********/ #contatoform_content #resultado { text-align: left; font-weight: bold } #contatoform_content form { text-align: right; float: right; font-size: 11px } #contatoform_content form td { padding: 13px 0 0 5px } #contatoform_content form input, #contatoform_content form textarea { width: 200px } #contatoform_content td.text_top { vertical-align: top } #contatoform_content form .bt_submit { width: 70px } /*****FIM FORMULARIO PRADRAO*******/ /*******FORMULARIO LOGIN*********/ #loginform_content { overflow: auto } #loginform_content form { text-align: right; float: right; font-size: 11px; font-weight: bold } #loginform_content form td { padding: 3px } #loginform_content form input { width: 150px } #loginform_content form .bt_submit { width: 50px } #loginform_content form .bt_novasenha { width: 100px } /*****FIM FORMULARIO LOGIN*******/ /*******MSN*********/ .msn_content { text-align: center } .msn_content img { margin: 0 15px} .msn_content2 { text-align: right; padding: 15px 0 } /*****FIM MSN*******/ /*******GALERIA DE FOTOS*********/ .galeria_fotos img{ margin: 2px } /*****FIM GALERIA DE FOTOS*******/ /*****EM CONSTRUÇÂO*****/ .under_constr h2 { display: inline } /***FIM EM CONSTRUÇÂO***/