/*************************************************************************/ /** **/ /** Montagem: Hudson Marinho (http://www.rosaleao.com.br/); **/ /** Contato: hudsonmarinho@rosaleao.com.br **/ /** Ano: 2009 **/ /** **/ /*************************************************************************/ /* Tags */ *{ margin: 0; padding: 0; list-style: none; text-decoration:none; } address,th{ font-style: normal; font-weight: normal; } table{ border-collapse: collapse; border-spacing: 0; } caption,th{ text-align: left; } img,fieldset{ border: none; } ol,ul{ list-style: none; font-size: inherit; } a{ border: 0; text-decoration: none; color: #000; } a:hover{ text-decoration: underline; } h1,h2,h3,h4,h5,h6{ font-weight: normal; display: block; } p{ display: block; } ul,li{ display: block; } label{ display: block; cursor: pointer; } /* html & body */ html,body{ height:100%; } html{} body{ background: url(../imagens/bg_body.gif) center; font-family: Tahoma, Geneva, sans-serif; font-size: 11px; color: #000; } /* Layout */ #laySuporte{ width: 100%; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto; position: relative; background: url(../imagens/bg_site.png) no-repeat center 184px; } #laySuporteIndex{ width: 100%; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto; position: relative; background: url(../imagens/bg_site_index.png) no-repeat center 184px; } #layTopo{ width: 100%; height: 184px; background: url(../imagens/bg_topo.gif) repeat-x center top; } #layNuvem{ width: 100%; height: 184px; background: url(../imagens/bg_nuvens.gif) repeat-x center top; } #ctdTopo{ width: 770px; height: 184px; margin: 0 auto; padding: 0 0 0 0; } #layPrincipal{ width: 100%; padding: 0 0 000px 0; } #layPrincipal:after{ height: 0; display: block; clear: both; font: 1px/0px serif; content: "."; visibility: hidden; } #layConteudo{ width: 770px; margin: 0 auto; padding: 0 0 0 0; } #layFoot{ width: 100%; height: 200px; padding: 0 0 0 0;/* position: absolute; bottom: 0 !important; bottom: -4px;*/ } #ctdFoot{ width: 770px; height: 200px; margin: 0 auto; } #layAss{ width: 770px; height: 18px; padding: 7px 0 0 0; text-align: right; font-size: 9px; } #layAss a{ color: #0e304f; } #layAss a:hover{ text-decoration: none; color: #c8e4ff; } #ctdColEsqBottom{ width: 193px; height: 400px; /*position: absolute; margin: -420px 0 0 0;*/ } #ctdColEsqConvocc{ width: 193px; padding: 20px 0 0 0; text-align:center; /*position: absolute; margin: -420px 0 0 0;*/ } #ctdColEsqNews{ width: 193px; } #ctdColEsqNews p#flashTopoNews{ width: 193px; height: 215px; padding: 0; } #ctdColEsqNews label{ width: 173px; height: 25px; padding: 0 10px; background: #f5821f; } #ctdColEsqNews p{ width: 56px; height: 21px; padding: 0 10px 0 127px; text-align: right; } #ctdColEsqNews label input{ width: 163px; height: 15px; padding: 5px; border: 0; background: url(../imagens/bg_input_news.png) no-repeat; _background: url(../imagens/bg_input_news.png) no-repeat fixed; display: block; font-size: 11px; color: #666; } #ctdColEsqNews p input{ width: 55px; height: 21px; display: block; background-image: url(../imagens/btn_enviar.png); background-repeat: no-repeat; background-position: 0 0; border: 0; cursor: pointer; text-indent: -30000px; overflow: hidden; font-size: 0px; color: #red; text-align: left; color: #f58220; } #ctdColCtr{ width: 485px; min-height: 550px; _height: 550px !important; padding: 40px 92px 20px 0; float: left; } /************************{ index }************************/ #ctdColEsq{ width: 193px; padding: 40px 0 0 0; float: left; } #ctdColDir{ width: 151px; float: left; } #ctdColCtrIndex{ width: 380px; padding: 40px 23px 20px 23px; float: left; } #ctdIndexDestaque{ width: 380px; padding: 0 0 10px 0; background: url(../imagens/bg_line_traco.png) repeat-x bottom; display: block; cursor: pointer; } #ctdIndexDestaque span{ width: 374px; height: 119px; padding: 3px; background: #ffc800; display: block; } #ctdIndexDestaque span img{ width: 374px; height: 119px; _width: 368px; } #ctdIndexDestaque strong{ width: 380px; padding: 5px 0; display: block; font-size: 14px; text-transform: uppercase; display: block; } #ctdIndexDestaque:hover{ text-decoration: none; color: #bca433; } #ctdIndexDestaque:hover span{ background: #bca433; } #ctdIndexDestaque:hover span img{} #ctdIndexDestaque:hover strong{ color: #a28b21; } #ctdQuadros{ width: 380px; padding: 10px 0 20px 0; } #ctdQuadros div{ width: 180px; height: 150px; float: left; } #ctdQuadros div.ctdQuadroEsq{ margin: 0 10px 0 0; background: url(../imagens/bg_ctdquadroesq.png) no-repeat; } #ctdQuadros div.ctdQuadroDir{ margin: 0 0 0 10px; background: url(../imagens/bg_ctdquadrodir.png) no-repeat; } #ctdQuadros div a{ width: 180px; height: 150px; display: block; cursor: pointer; } #ctdQuadros div a strong{ width: 180px; height: 35px; display: block; text-indent: -30000px; } #ctdQuadros div.ctdQuadroEsq a strong{ background: url(../imagens/bg_title_galeria.png) no-repeat; } #ctdQuadros div.ctdQuadroDir a strong{ background: url(../imagens/bg_title_diagnostico.png) no-repeat; } #ctdQuadros div a span{ width: 180px; height: 115px; padding: 0 0 0 0; display: block; overflow: hidden; } #ctdQuadros div a:hover span{} #ctdQuadros div a span img{ width: 170px; height: 100px; padding: 0 5px 15px 5px; display: block; } #ctdQuadros div a:hover span img{} #ctdQuadros div a span{} #ctdQuadros div a:hover span{} /* #ctdQuadros div p{ width: 170px; height: 100px; padding: 0 5px 15px 5px; overflow: hidden; } #ctdQuadros div p#Galeria a{ width: 170px; height: 100px; display: block; background: none; text-indent: inherit; } #ctdQuadros div p#Galeria a:hover{} #ctdQuadros div p#Galeria img{ width: 170px; height: 100px; padding: 0 5px 15px 5px; } */ ul#ctdNoticiasIndex{ width: 380px; } ul#ctdNoticiasIndex li{ width: 380px; } ul#ctdNoticiasIndex li strong{ width: 380px; height: 20px; background: url(../imagens/bg_title_noticias_index.png) no-repeat; display: block; text-indent: -30000px; } ul#ctdNoticiasIndex li ul{ width: 380px; height: 134px; } ul#ctdNoticiasIndex li ul li{ width: 380px; height: 45px; background: url(../imagens/bg_line_traco.png) repeat-x bottom; } ul#ctdNoticiasIndex li ul li a{ width: 370px; height: 34px; padding: 10px 5px 0 5px; display: block; } ul#ctdNoticiasIndex li ul li a:hover{ background: #b7d7da; color: #114e54; text-decoration: none; } ul#ctdDirAcontece{ width: 151px; } ul#ctdDirAcontece li{} ul#ctdDirAcontece li h2{ width: 151px; height: 71px; padding: 0 0 0 0; background: url(../imagens/bg_col_blog.png) no-repeat; display: block; text-indent: -30000px; } ul#ctdDirAcontece li ul{ width: 131px; padding: 0 10px;} ul#ctdDirAcontece li ul li{ width: 131px; padding: 15px 0 15px 0; background: url(../imagens/bg_line_acontece.png) repeat-x bottom; } ul#ctdDirAcontece li ul li a{} ul#ctdDirAcontece li ul li a:hover{ color: #5c8594; text-decoration: none; } ul#ctdDirAcontece li ul li a strong{ width: 131px; display: block; padding: 0 0 5px 0; } ul#ctdDirAcontece li ul li a:hover strong{} #ctdDirNossosNumeros{ width: 151px; height: 150px; } #ctdDirParceiros{ width: 105px; height: 105px; padding: 40px 23px 15px 23px; background: url(../imagens/parceiros.png) no-repeat; overflow: hidden; } #ctdDirParceiros img{} /************************{ Menu }************************/ #flashTopo{ width: 770px; height: 155px; } #layMenu{ width: 650px; padding: 0 60px; } /* #layMenu, #layMenu ul{ margin: 0; padding: 0; list-style-type: none; list-style-position: outside; position: relative; line-height: 1.5em; } */ #layMenu li{ float: left; position: relative; } #layMenu strong{ font-weight: normal; } #layMenu li a.menuHome, #layMenu li a.menuImprensa, #layMenu li a.menuArtigos, #layMenu li a.menuEvento, #layMenu li a.menuGaleria, #layMenu li a.menuBlog, #layMenu li a.menuJogos, #layMenu li a.menuLinks{ height: 29px; display:block; text-decoration: none; background-repeat: no-repeat; background-position: 0 0; text-indent: -30000px; } #layMenu li a.menuHome{ width: 60px; background-image: url(../imagens/menu/home.png); } #layMenu li a.menuImprensa{ width: 86px; background-image: url(../imagens/menu/imprensa.png); } #layMenu li a.menuArtigos{ width: 73px; background-image: url(../imagens/menu/artigos.png); } #layMenu li a.menuEvento{ width: 73px; background-image: url(../imagens/menu/evento.png); } #layMenu li a.menuGaleria{ width: 157px; background-image: url(../imagens/menu/galeria.png); } #layMenu li a.menuBlog{ width: 58px; background-image: url(../imagens/menu/blog.png); } #layMenu li a.menuJogos{ width: 67px; background-image: url(../imagens/menu/jogos.png); } #layMenu li a.menuLinks{ width: 57px; background-image: url(../imagens/menu/links.png); } #layMenu li a.menuHome:hover, #layMenu li a.menuImprensa:hover, #layMenu li a.menuArtigos:hover, #layMenu li a.menuEvento:hover, #layMenu li a.menuGaleria:hover, #layMenu li a.menuBlog:hover, #layMenu li a.menuJogos:hover, #layMenu li a.menuLinks:hover{ background-position: 0 -29px; } /* background-image: url(resource/imagens/menu/bg_submenu.jpg); background-repeat: no-repeat; background-position: 0 0; */ #layMenu li ul li a{ height: 22px; padding: 7px 0 0 20px; background: url(../imagens/bg_menu.png) no-repeat 0 0; display: block; text-decoration: none; font-size: 11px; color: #000; } #layMenu li ul li a:hover{ background-position: 0 -29px; color: #4a2d0a; } #layMenu li ul{ width: 170px; top: 29px; display: none; font-size: 10px; position: absolute; } #layMenu li ul a{ width: 170px; height: auto; float: left; color: #666; } #layMenu ul ul{ top: auto; } #layMenu li ul ul{ left: 170px; margin: 0 0 0 0; } #layMenu li:hover ul ul, #layMenu li:hover ul ul ul, #layMenu li:hover ul ul ul ul{ display:none; } #layMenu li:hover ul, #layMenu li li:hover ul, #layMenu li li li:hover ul, #layMenu li li li li:hover ul{display:block;} #layMenu li ul li ul li a{ border-left: solid 5px #cd7612; } /* ul#layMenu{ width: 498px; padding: 0 136px; } ul#layMenu li{ float: left; height: 29px; } ul#layMenu li a{ display: block; height: 29px; background-repeat: no-repeat; background-position: 0 0; text-indent: -30000px; } ul#layMenu li a:hover{ background-position: 0 -29px; } ul#layMenu li.menuImprensa a{ width: 86px; background-image: url(../imagens/menu/imprensa.png); } ul#layMenu li.menuEvento a{ width: 73px; background-image: url(../imagens/menu/evento.png); } ul#layMenu li.menuGaleria a{ width: 157px; background-image: url(../imagens/menu/galeria.png); } ul#layMenu li.menuBlog a{ width: 58px; background-image: url(../imagens/menu/blog.png); } ul#layMenu li.menuJogos a{ width: 67px; background-image: url(../imagens/menu/jogos.png); } ul#layMenu li.menuLinks a{ width: 57px; background-image: url(../imagens/menu/links.png); } */ /************************{ Menu Institucional }************************/ ul#layMenuIntitucional{ width: 165px; padding: 0 10px 0px 18px; } ul#layMenuIntitucional li{ width: 165px; overflow: hidden; background: url(../imagens/bg_line_menu.png) repeat-x bottom; padding: 0 0 2px 0; } ul#layMenuIntitucional li strong{ width: 165px; height: 27px; display: block; background-repeat: no-repeat; background-position: 0 0; text-indent: -30000px; cursor: pointer; } ul#layMenuIntitucional li strong:hover{ background-position: 0 -27px; } ul#layMenuIntitucional li a.noSubMenu{ width: 165px; height: 27px; display: block; background-repeat: no-repeat; background-position: 0 0; text-indent: -30000px; cursor: pointer; } ul#layMenuIntitucional li a.noSubMenu:hover{ background-position: 0 -27px; } ul#layMenuIntitucional li.menuACasa strong{ background-image: url(../imagens/menu/mi_acasa.png); } ul#layMenuIntitucional li.menuProjetos strong{ background-image: url(../imagens/menu/mi_projetos.png); } ul#layMenuIntitucional li.menuResultados strong{ background-image: url(../imagens/menu/mi_resultados.png); } ul#layMenuIntitucional li.menuParceiros strong{ background-image: url(../imagens/menu/mi_parceiros.png); } ul#layMenuIntitucional li.menuContato a.noSubMenu{ background-image: url(../imagens/menu/mi_contato.png); } ul#layMenuIntitucional li.menuGrife a.noSubMenu{ background-image: url(../imagens/menu/mi_grife.png); } ul#layMenuIntitucional li.menuDepoimentos a.noSubMenu{ background-image: url(../imagens/menu/mi_depoimentos.png); } ul#layMenuIntitucional li.menuAlugue a.noSubMenu{ background-image: url(../imagens/menu/mi_alugue.png); } ul#layMenuIntitucional li.menuVoluntariado a.noSubMenu{ background-image: url(../imagens/menu/mi_voluntariado.png); } ul#layMenuIntitucional li.menuCaptacao a.noSubMenu{ background-image: url(../imagens/menu/mi_captacao.png); } ul#layMenuIntitucional li.menuFormas a.noSubMenu{ background-image: url(../imagens/menu/mi_formas.png); } ul#layMenuIntitucional li ul{ width: 142px; padding: 0 0 0 23px; } ul#layMenuIntitucional li ul li{ background: none; } ul#layMenuIntitucional li ul li a{ width: 132px; padding: 2px 5px; display: block; font-size: 12px; } ul#layMenuIntitucional li ul li a:hover{ text-decoration: none; background: #e4df83; color: #58540b; } .cursorpointer{ cursor: pointer; } /* form#formReservas{ width: 378px; padding: 25px 0 0 0; } form#formReservas label{ padding: 0 0 10px 0; } form#formReservas label input{ width: 368px; height: 13px; display: block; margin: 2px 0 0 0; padding: 5px 5px; display: block; border: 0; background: url(../imagens/input_campo_g.png) no-repeat; font-size: 10px; color: #666; } form#formReservas label textarea{ width: 365px; height: 114px; margin: 2px 0 0 0; padding: 5px 5px 5px 8px; display: block; border: 0; background: url(../imagens/textarea_campo_g.png) no-repeat; overflow-y: auto; font-size: 10px; color: #666; font-family: Tahoma, Geneva, sans-serif; } form#formReservas label input#btnEnviar{ width: 77px; height: 23px; } form#formReservas p{} form#formReservas p label{ width: 175px; float: left; } form#formReservas p label input{ width: 165px; height: 13px; padding: 5px; display: block; border: 0; background: url(../imagens/input_campo_p.png) no-repeat; } form#formReservas p.ctdEnviar{ width: 77px; padding: 0 0 0 301px; text-align: right; } form#formReservas p.ctdEnviar input{ width: 77px; height: 23px; padding: 0 5px; display: block; background: url(../imagens/input_enviar.png) no-repeat; border: 0; text-indent: -30000px; overflow: hidden; cursor: pointer; font-size: 0; color: #f5ece0; text-align: left; } */ form#formReservas{ width: 378px; padding: 25px 0 0 0; } form#formReservas label{ padding: 0 0 10px 0; } form#formReservas label input{ width: 368px; height: 13px; display: block; margin: 2px 0 0 0; padding: 10px; display: block; border: 0; background: url(../imagens/input_campo_g_blur_focus.png) no-repeat; font-size: 10px; color: #666; } form#formReservas label textarea{ width: 368px; height: 118px; margin: 2px 0 0 0; padding: 10px 10px 10px 10px; display: block; border: 0; background: url(../imagens/textarea_campo_g_blur_focus.png) no-repeat; _background: url(../imagens/textarea_campo_g_blur_focus.png) no-repeat fixed; overflow-y: auto; font-size: 10px; color: #666; font-family: Tahoma, Geneva, sans-serif; } form#formReservas label input#btnEnviar{ width: 77px; height: 23px; } form#formReservas p{} form#formReservas p label{ width: 185px; float: left; } form#formReservas p label input{ width: 165px; height: 13px; padding: 10px; display: block; border: 0; background: url(../imagens/input_campo_p_blur_focus.png) no-repeat; } form#formReservas p.ctdEnviar{ width: 77px; padding: 0 0 0 301px; text-align: right; } form#formReservas p.ctdEnviar input{ width: 77px; height: 23px; padding: 0 5px; display: block; background: url(../imagens/input_enviar.png) no-repeat; border: 0; text-indent: -30000px; overflow: hidden; cursor: pointer; font-size: 0; color: #f5ece0; text-align: left; } /************************{ internas }************************/ ul#ctdAcessibilidade{ width: 430px; padding: 0 35px 30px 20px; color: #c2c2c2; font-size: 10px; } ul#ctdAcessibilidade li{ float: left; } ul#ctdAcessibilidade li span{} ul#ctdAcessibilidade li a{} ul#ctdAcessibilidade li a:hover{} #ctdTitlePage{ width: 430px; height: 25px; padding: 0 35px 30px 20px; background: url(../imagens/bg_ctdtitlepage.png) repeat-x 0 25px; clear: both; } .ctdTexto{ width: 430px; padding: 0 35px 0 20px; font-size: 12px; color: #6b6b6b; text-align: justify; } .ctdTextob{ width: 430px; padding: 0 35px 0 20px; font-size: 12px; color: #000; text-align: justify; } .TextoTab{ font-size: 10px; color: #0a06aa; font-weight:bold; text-decoration:none; } a. hover TextoTab{ text-decoration:underline; color: #; } .TextoTabb{ font-size: 10px; color: #3366FF; font-weight:bold; text-decoration:none; } a. hover TextoTabbb{ text-decoration:underline; color: #; } .TextoTabbbb{ font-size: 10px; color: #000; font-weight:normal; text-decoration:none; } a. hover TextoTabb{ text-decoration:underline; color: #; } h3{ text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#0a06aa; font-weight:bold; } .Textodiag{ font-size: 11px; color: #FFFFFF; font-weight:normal; text-decoration:none; text-align:left; } .Textotit{ font-size: 15px; color: #3366FF; font-weight:bold; text-decoration:none; text-align:left; } #ctdJogos{ width: 430px; } table#ctdJogos{} table#ctdJogos tr{} table#ctdJogos tr td{ height: 80px; vertical-align: middle; text-align: center; } table#ctdJogos tr td a{} table#ctdJogos tr td a:hover{} table#ctdJogos tr td a img{ border: solid 5px #DDF2FC; } table#ctdJogos tr td a:hover img{ border: solid 5px #3EA0CD; }