*, h1, h2, h3, h4, h5, h6{ margin:0; padding:0} body{ font-family:Verdana, Arial, Helvetica, sans-serif} abbr, acronym, span.abbr{ cursor: help; border-bottom: 1px dashed #396} a{ outline:none; outline:0} /* BLOCOS */ #caixa_col_e, #caixa_col_d, .lista_paginas, .lista_paginas_eventos, .lista_fotos { display: table} #atalho_topo a, #atalho_topo a:hover, #conteudo_topo_maxi a, #conteudo_topo_maxi a:hover, .lista_fotos li, .lista_paginas a, .lista_paginas_eventos a, #menu_principal ul li a, #menu_complementar ul li a, #submenu_escola_p ul li a, .sub_menu a,.submenu_agenda a, #bt_fotos, #bt_fotos a, #bt_fotos a:hover { display: block} /* POSICIONAMENTO ============================================================== */ #atalho_conteudo, #caixa, #caixa_col_e, #caixa_col_d, #conteudo_topo, #conteudo_topo_selo, #conteudo_topo_maxi, #conteudo_col_e, #conteudo_col_d, .lista_fotos li, .lista_paginas li, .lista_paginas_eventos li, #menu_principal, #menu_principal li, #topo_col_e, #topo_col_d, .sub_menu li, .submenu_agenda li, #bt_fotos { float:left} #atalho_topo, #secao1, #secao2, #secao3, #secao4, #secao5, #secao6, #secao_ad1, #secao_ad2, #secao_ad3, #secao_ad4, #subsecao_1, #subsecao_2, #subsecao_3, #subsecao_4, #subsecao_5, #subsecao_6, #subsecao_7, #subsecao_8, #subsecao_9, #subsecao_10 { float:right} /* ESCONDE ================================================================== */ hr, table.tabela caption{ display: none} img{ border: none} .lista_fotos, .lista_paginas, .lista_paginas li, .lista_paginas_eventos, .lista_paginas_eventos li, #menu_principal ul, #menu_complementar ul, #submenu_escola_p ul, .sub_menu, .sub_menu li, .submenu_agenda li{ list-style-type:none} /* Image Replacement ===================================================== */ h1, h2, h5, .some, #menu_principal strong, #submenu_escola_p strong { width: 0.1em; height: 0.1em} h1, h2, h5, .some, #menu_principal strong, #submenu_escola_p strong, .previous, .next{ text-indent: -999em; overflow: hidden} /* IMAGENS ================================================================== */ #topo, #rodape{ background-repeat: repeat-x} /* repete x */ #conteudo_central, #caixa_bg, #ens_fund_caixa { background-repeat:repeat-y} /* repete y */ #atalho_conteudo, #atalho_topo, #ag_ativ, #ag_canlend, #ag_festas_abertas, #ag_festas_internas, #caixa_topo, #caixa_inf, #caixa_col_d, #conteudo_topo, #ens_fund, #ens_fund_inf, #envolve_texto_mapa, #menu_principal, #submenu_escola_p, #rodape_central, #topo_central, #topo_col_e, #topo_col_d { background-repeat:no-repeat} /* não repete */ /* MARGENS ================================================================== */ form{ margin-top: 2em} h3{ margin: 1em 0} .identa_1{ margin-left: 3em} .identa_2{ margin-left: 4em} .imita_hn_contato_resp{ margin-top: 3em; text-align:center; margin-bottom: 2em} #envolve_tabela, #envolve_menu_topo{ margin-bottom: 2em} p, .lista_marcador, .lista_marcador_bloco, #envolve_lista, #envolve_texto ul, #envolve_texto_mapa ul { padding-bottom: 1em} .lista_marcador_eventos, .lista_marcador_eventos_n{ padding-bottom: 1.5em} #envolve_texto ul, #envolve_texto_mapa ul { padding-top: 1em; padding-bottom: 0.3em} /* padding-top: 0.3em */ .lista_fotos, #paginas, #topo_central, #conteudo_central, #rodape_central, table.tabela, #ev_arca_2008, #ev_aula_int_2008, #ev_aula_ext_2008, #ev_circo_2008, #ev_feira_2008, #ev_ferias_2008, #ev_indio_2008, #ev_maes_2008, #ev_pascoa_2008, #ev_teatro_2008, #ev_wagner_2008, #ev_encerra_2008, #ev_fantasia_2009, #ev_horta_2009, #ev_plante_primavera_itau { margin: 0 auto; text-align:center} .azul, .verde, .vermelho, .desgruda{ padding: 0.5em} .degruda_laterais{ padding: 0 0.3em} .sem_margem_topo, .fonte_maior{ margin-top: 0} /* TEXTO ==================================================================== */ a, a:hover #ens_fund, #ens_fund strong, #destaque_1 strong, #destaque_2 strong, #destaque_3 strong{ font-weight: bold} a:hover{ text-decoration: underline} .sub_menu a,.submenu_agenda a, .lista_paginas a, .lista_paginas_eventos a{ text-decoration:none} em{ font-style: normal} #rodape_extra a, #rodape_extra a:hover, strong{ font-weight: normal} /* Alinhamento =============================================================== */ .centra, .coluna1, .coluna1_topo, .coluna1_igual, .coluna1_topo_igual, .coluna1_peq, .coluna1_peq_topo,.coluna1_peq_branca, .coluna1_peq_topo_branca, .coluna2, .coluna2_topo, .coluna2_gg, .coluna2_gg_topo, .lista_paginas, .lista_paginas a, .lista_paginas_eventos, .lista_paginas_eventos a, .sub_menu a,.submenu_agenda a { text-align:center} .direita{ text-align: right} .esquerda{ text-align: left} .justificado, .p_normal, .p_normal_2, .p_normal_f_menor{ text-align: justify} /* tamanho ================================================================== */ body{ font-size: 1.6em} html { font-size: 62.5%} .fonte_extra_peq{ font-size: 0.1em} .fonte_med{ font-size: 1em} .fonte_peq, #atalho_conteudo{ font-size: 0.7em} .fonte_maior{ font-size: 1.7em} h3, .imita_hn, .imita_hn_contato_resp{ font-size: 1.3em} h4{ font-size: 1.4em} .submenu_agenda, .lista_paginas, .lista_paginas_eventos, .pre_submenu{ font-size: 0.9em} .sub_menu{ font-size: 0.85em} /* parágrafo ================================================================== */ p, dt, dl, dd, td, h3, .lista_marcador, .lista_marcador_bloco, .lista_marcador_eventos, .lista_marcador_eventos_n, #envolve_lista, #envolve_texto ul, #envolve_texto_mapa ul{ line-height: 1.5em} .imita_hn, .imita_hn_contato_resp{ line-height: 1.3em} .p_normal, .p_normal_f_menor { text-indent: 1.5em} .p_normal_2 { text-indent: 0} /* CORES */ /* texto =================================================================== */ a:hover, body, .sub_menu a,.submenu_agenda a, .lista_paginas a, .lista_paginas_eventos a{ color:#fff} /* branco */ .sub_menu a:hover, .submenu_agenda a:hover, .lista_paginas a:hover, .lista_paginas_eventos a:hover{ color:#000} /* preto */ a{ text-decoration:none; color:#ff0} /* amarelo */ em, h3, strong, .imita_hn, .imita_hn_contato_resp { color:#fc3} /* laranja */ #atalho_conteudo a{ color:#039} /* azul-marinho */ /* fundo =================================================================== */ body{ background-color: #696} /* verde base */ .azul{ background-color: #006} /* azul */ .verde{ background-color: #363} /* verde */ .vermelho{ background-color: #600} /* vermelho */ .sub_menu a:hover, .submenu_agenda a:hover, .lista_paginas a:hover, .lista_paginas_eventos a:hover, .galeria_nova a{ background-color: #f90 } /* laranja forte */ #rodape_extra{ background-color:#630} /* marrom - chão do rodapé */ #ens_fund_inf{ background-color:#9c9} /* verde - container de fundo de col_d*/ .coluna1_peq_branca, .coluna1_peq_topo_branca{ background-color:#fff} /* branco - coluna da tabela */ .coluna1, .coluna1_topo, .coluna1_peq, .coluna1_peq_topo { background-color: #063} /* verde escuro - coluna da tabela */ #envolve_texto, #envolve_texto_mapa { background-color:#1d4368} /* azul-marinho um pouco mais escuro */ .lista_paginas, .lista_paginas_eventos, .lista_fotos li { background-color:#036} /* azul-marinho */ .lista_fotos li:hover { background-color: #000} /* preto */ /* borda ================================================================== */ .lista_fotos li, .lista_fotos li a, table.tabela th { border-color: #000} /* preto */ .lista_fotos li:hover{ border-color: #fc0} /* laranja */ table.tabela td, .coluna1, .coluna1_topo, .coluna1_peq, .coluna1_igual, .coluna1_topo_igual, .coluna1_peq_topo, .coluna1_peq_branca, .coluna1_peq_topo_branca, .coluna2, .coluna2_topo, .coluna2_gg, .coluna2_gg_topo { border-color: #396} /* verde queimado */ .lista_paginas a, .lista_paginas a:hover, .lista_paginas_eventos a, .lista_paginas_eventos a:hover, .pre_submenu, .sub_menu a, .sub_menu a:hover, .submenu_agenda a, .submenu_agenda a:hover { border-color: #f90} /* laranja forte */ /* BORDAS */ .borda_1{ padding: 1em; border: #fff 1px solid} /* LIMPA BUGS DE FLOAT DAS DIVS ====================================*/ .limpabug:after, #topo:after, #conteudo:after, #rodape:after, #conteudo_central:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0} .limpabug { display: inline-block} html[xmlns] .limpabug { display: block} * html .limpabug { height: 1%} /* DIVS ============================================================================================== */ #topo, #conteudo, #rodape{ width: 100%} #topo_central, #conteudo_central, #menu_principal, #rodape_central{ width: 778px} /* TOPO ==================================================================================== */ #topo{ height: 342px; background-image: url(topo_repete.jpg)} #topo_col_e, #topo_col_d{ width: 389px; height: 213px} #topo_col_e{ background-image: url(topo_col_e.jpg)} #topo_col_d{ background-image: url(topo_col_d.jpg)} /* MENUS =================================================================================== */ /* Menu Principal */ #menu_principal{ position:relative; margin-top:0} #menu_principal, #menu_principal li, #menu_principal ul li a{ height: 129px} #menu_principal ul li a{ width: 128px; background-image: url(menu_sprite.jpg)} #menu_principal ul li a#bt1{ background-position: 0 0} #menu_principal ul li a#bt2{ background-position: -129px 0} #menu_principal ul li a#bt3{ background-position: -257px 0} #menu_principal ul li a#bt4{ background-position: -385px 0} #menu_principal ul li a#bt5{ background-position: -513px 0} #menu_principal ul li a#bt6{ background-position: -641px 0} #menu_principal ul li a:hover#bt1, #bt1_secao{ background-position: 0 -131px} #menu_principal ul li a:hover#bt2, #bt2_secao{ background-position: -129px -131px} #menu_principal ul li a:hover#bt3, #bt3_secao{ background-position: -257px -131px} #menu_principal ul li a:hover#bt4, #bt4_secao{ background-position: -385px -131px} #menu_principal ul li a:hover#bt5, #bt5_secao{ background-position: -513px -131px} #menu_principal ul li a:hover#bt6, #bt6_secao{ background-position: -641px -131px} /* Menu Complementar - Lateral */ #menu_complementar{ margin-top: 1em; height: 480px} #menu_complementar li, #menu_complementar ul li a{ height: 160px} #menu_complementar ul li a{ width: 203px; display: block; background-image: url(menu_ad_sprite.gif)} #menu_complementar ul li a#bt1compl{ background-position: 0 0} #menu_complementar ul li a#bt2compl{ background-position: 0 -160px} #menu_complementar ul li a#bt3compl{ background-position: 0 -320px} #menu_complementar ul li a:hover#bt1compl, #bt1compl_secao{ background-position: -206px 0} #menu_complementar ul li a:hover#bt2compl, #bt2compl_secao{ background-position: -206px -160px} #menu_complementar ul li a:hover#bt3compl, #bt3compl_secao{ background-position: -206px -320px} /* SUBMENUS =================================================================================== */ /* Submenu Escola */ /* Principal */ #submenu_escola_p{ height: 483px} #submenu_escola_p li, #submenu_escola_p ul li a{ height: 69px} #submenu_escola_p ul li a{ background-image: url(escola_menu_sprite.gif)} #submenu_escola_p li a#op1{ background-position: 0 0} #submenu_escola_p li a#op2{ background-position: 0 -69px} #submenu_escola_p li a#op3{ background-position: 0 -138px} #submenu_escola_p li a#op4{ background-position: 0 -207px} #submenu_escola_p li a#op5{ background-position: 0 -276px} #submenu_escola_p li a#op6{ background-position: 0 -345px} #submenu_escola_p li a#op7{ background-position: 0 -414px} #submenu_escola_p li a:hover#op1{ background-position: 300px 0} #submenu_escola_p li a:hover#op2{ background-position: 300px -69px} #submenu_escola_p li a:hover#op3{ background-position: 300px -138px} #submenu_escola_p li a:hover#op4{ background-position: 300px -207px} #submenu_escola_p li a:hover#op5{ background-position: 300px -276px} #submenu_escola_p li a:hover#op6{ background-position: 300px -345px} #submenu_escola_p li a:hover#op7{ background-position: 300px -414px} /* Submenus gerais */ .pre_submenu{ border-top: #f90 2px solid; padding-top: 2em; padding-bottom: 1em} h4.pre_submenu{ float:left; display: block; text-align:center; margin: 0 auto; width: 100%; margin-top: 1em} .sub_menu, .submenu_agenda, .lista_paginas{ margin-top: 1em} .sub_menu, .submenu_agenda, .lista_paginas, .lista_paginas_eventos{ width: 425px} .sub_menu a, .sub_menu a:hover, .submenu_agenda a, .submenu_agenda a:hover, .lista_paginas a, .lista_paginas a:hover, .lista_paginas_eventos a, .lista_paginas_eventos a:hover { border: #f90 1px solid} .sub_menu a,.submenu_agenda a, .lista_paginas a, .lista_paginas_eventos a { margin: 0.2em; width: 200px; padding: 0.5em 0; background-color: transparent} .submenu_agenda a{ width: 204px} /* CONTEUDO ================================================================================ */ #conteudo{} #conteudo_central{ background-image:url(conteudo_bg.gif)} #conteudo_topo, #conteudo_topo_selo, #conteudo_topo_maxi, #conteudo_topo_maxi a, #conteudo_topo_maxi a:hover{ height: 116px} #conteudo_topo{ width: 655px; background-image:url(conteudo_topo.gif)} #conteudo_topo_selo{ width: 151px} #conteudo_col_e{} #conteudo_col_d{ width: 574px; height: 100%} div#conteudo_col_d:after{ content:"."; display:block; clear:both; visibility:hidden; height:0; overflow:hidden} #conteudo_col_e, #menu_complementar{ width: 203px} /* GERAL */ /* Atalhos */ #atalho_conteudo{ width: 13em; left: 1em; padding-right: 2em; background-image: url(topo_marcador.gif); background-position: right} #atalho_topo, #atalho_topo a, #atalho_topo a:hover{ width: 99px; height: 87px} #atalho_topo a, #atalho_topo a:hover{ background-image: url(atalho_topo_sprite.gif)} #atalho_topo a{ background-position: right} #atalho_topo a:hover{ background-position: left} /* Botão ver fotos */ #bt_fotos{ height: 52px; width: 100%; margin-top: 1em; margin-bottom: 1em;} #bt_fotos p{ margin: 0 auto; text-align:center; background:url(bt_fotos.gif) no-repeat} #bt_fotos p, #bt_fotos a, #bt_fotos a:hover{ height: 52px; width: 203px} /* Botão do Maxi */ #conteudo_topo_maxi{ width: 123px} #conteudo_topo_maxi a, #conteudo_topo_maxi a:hover{ background-image:url(bt_maxi_sprite.gif)} #conteudo_topo_maxi a:hover{ background-position: 123px 0} /* Contador de visitas - histats.com */ #contador{ width: 300px; position:relative; text-align:center; margin: 0 auto !important} /* Containeres e listas */ #caixa{ background-image:url(bg_azul_queimado.gif)} #caixa_bg{ font-size: 1.05em} #caixa_topo{ background-image: url(caixa_topo.gif)} /* não repete */ #caixa_topo, #caixa_inf{ height: 91px} #caixa_bg, #caixa_inf, #caixa_topo{ width: 527px} /* caixa estava aqui */ #caixa{ width:90%} #caixa_bg{ background-image: url(caixa_bg.gif)} /* repete */ #caixa_inf{ background-image: url(caixa_inf.gif)} #envolve_lista{ width: 442px; margin-top: 0} #envolve_texto, #envolve_texto_mapa{ margin: 0 2em; padding: 1em} .lista_marcador, .lista_marcador_bloco, .lista_marcador_eventos{ list-style:url(marcador_caixa.gif)} .lista_marcador_eventos_n{ list-style:url(marcador_caixa_novo_ok.gif)} li.lista_marcador{ padding-left: 0.3em} .lista_marcador_bloco{ display:block; margin: 2em; text-align: justify; margin-right: 0.3em} .lista_marcador_bloco li{ padding-bottom: 1em; padding-left: 1em} .col_igual, .atividade{ width: 49%} .contato, .escola{ width: 126px} .atividade, .contato, .escola{ height: 409px} .col_maior, #submenu_escola_p ul li a{ width: 300px} .atividade{ background-image:url(ativ_bola.jpg); background-position:right} .contato{ background-image:url(contato.jpg); background-position:center} .escola{ height: 483px; background-image:url(escola.gif); background-position:left bottom} /* Seções */ #secao1, #secao2, #secao3, #secao4, #secao5, #secao6, #secao_ad1, #secao_ad2, #secao_ad3, #secao_ad4, #subsecao_1, #subsecao_2, #subsecao_3, #subsecao_4, #subsecao_5, #subsecao_6, #subsecao_7, #subsecao_8, #subsecao_9, #subsecao_10 { width: 493px; height: 82px; margin-top: 34px} #secao1{ background-image:url(secao1.gif)} #secao2{ background-image:url(secao2.gif)} #secao3{ background-image:url(secao3.gif)} #secao4{ background-image:url(secao4.gif)} #secao5{ background-image:url(secao5.gif)} #secao6{ background-image:url(secao6.gif)} #secao_ad1{ background-image:url(secao_ad1.gif)} #secao_ad2{ background-image:url(secao_ad2.gif)} #secao_ad3{ background-image:url(secao_ad3.gif)} #secao_ad4{ background-image:url(secao_ad4.gif)} #subsecao_1{ background-image:url(subsecao_1.gif)} #subsecao_2{ background-image:url(subsecao_2.gif)} #subsecao_3{ background-image:url(subsecao_3.gif)} #subsecao_4{ background-image:url(subsecao_4.gif)} #subsecao_5{ background-image:url(subsecao_5.gif)} #subsecao_6{ background-image:url(subsecao_6.gif)} #subsecao_7{ background-image:url(subsecao_7.gif)} #subsecao_8{ background-image:url(subsecao_8.gif)} #subsecao_9{ background-image:url(subsecao_9.gif)} #subsecao_10{ background-image:url(subsecao_10.gif)} /* Tabelas */ table.tabela{ border-collapse: collapse; padding: 1em; margin-top: 1em} table.tabela td { border-bottom: 2px solid #396} table.tabela th { border: 1px solid; border-bottom: 2px solid #396} .coluna1, .coluna1_topo, .coluna1_peq, .coluna1_igual, .coluna1_topo_igual, .coluna1_peq_topo, .coluna1_peq_branca, .coluna1_peq_topo_branca { border-right: 2px solid #396; border-left: 2px solid; padding: 0.7em} .coluna2, .coluna2_topo, .coluna2_gg, .coluna2_gg_topo { border-right: 2px solid #396; padding: 0.7em} .coluna1, .coluna1_topo, .coluna2, .coluna2_topo, .coluna1_igual, .coluna1_topo_igual{ width: 50%} .coluna1_topo, .coluna2_topo, .coluna1_peq_topo, .coluna2_gg_topo, .coluna1_topo_igual, .coluna1_peq_branca, .coluna1_peq_topo_branca{ border-top: 2px solid #396; margin-top: 1em} .coluna1_peq, .coluna1_peq_topo, .coluna1_peq_branca, .coluna1_peq_topo_branca{ width: 20%} .coluna2_gg, .coluna2_gg_topo{ width: 90%} .coluna2_gg_topo a{ color:#ff0; font-weight: normal} /* Títulos */ #data_abril, #data_maio, #mapa_tit_menu_principal, #mapa_tit_menu_lateral, #tematicos, #permanentes, #ag_ativ, #ag_canlend, #ag_festas_abertas, #ag_festas_internas, #ev_arca_2008, #ev_aula_int_2008, #ev_aula_ext_2008, #ev_circo_2008, #ev_feira_2008, #ev_ferias_2008, #ev_indio_2008, #ev_maes_2008, #ev_pascoa_2008, #ev_teatro_2008, #ev_wagner_2008, #ev_encerra_2008, #ev_fantasia_2009, #ev_horta_2009, #ev_plante_primavera_itau { width: 398px; height: 78px; margin-top:0} #data_abril, #data_maio, #mapa_tit_menu_principal,#tematicos, #permanentes, #ag_ativ, #ag_canlend, #ag_festas_abertas, #ag_festas_internas, #ev_arca_2008, #ev_aula_int_2008, #ev_aula_ext_2008, #ev_circo_2008, #ev_feira_2008, #ev_ferias_2008, #ev_indio_2008, #ev_maes_2008, #ev_pascoa_2008, #ev_teatro_2008, #ev_wagner_2008, #ev_encerra_2008, #ev_fantasia_2009, #ev_horta_2009, #ev_plante_primavera_itau { padding-top:0} #mapa_tit_menu_lateral{ padding-top:1em} #ag_ativ, #ag_canlend, #ag_festas_abertas, #ag_festas_internas { margin: 1em auto; margin-bottom: 2em} /* Seção 1 - INICIAL */ .bloco_div{ float: left; margin-bottom: 3em} /* Destaques - titulo */ #tit_novidades, #painel_novidades, #matriculas_abertas{ float:left; width: 550px} #tit_novidades{ height: 67px; margin-top: 2em} #tit_novidades{ background-image:url(tit_novidades.gif)} #painel_novidades{ height: 325px; background:url(jquery_painel_bg.gif) center top no-repeat} /* Destaques Jquery */ #destaques_home{ width: 507px; margin:-20px 0 130px 10px} #destaques_home, #nav, .previous, .next, #pai{ float:left; display:block} #nav{ font-size: 18px; width: 100%; margin-bottom: 5px} .numbers a{ color:#164916; font-weight:bold; text-decoration:none; padding-left: 10px} .numbers a:hover{ text-decoration:underline} .next{ margin-top: -54px} .previous{ margin-top: 78px; margin-left: 8px} /* difere ie6 */ .previous, .next{ width: 50px; height: 54px; display:block; background-image:url(bts_nav_sprite.gif); background-repeat:no-repeat} .previous{ background-position: left top} .next{ background-position: left bottom; margin-left: 450px} .previous:hover{ background-position: right top} .next:hover{ background-position: right bottom} #pai, .filho{ width: 385px; padding: 0 4px} #pai{display:none} .filho h4{ padding-top: 20px} .filho h4, .filho h4 a{ color:#09c} .filho span{ display:block; background:url(dest_home_bg.gif) no-repeat} .filho p{ font-size: 0.9em; padding: 10px 20px; padding-bottom: 30px; text-align:justify} .filho p, .filho p strong{ color:#333} .filho p strong{ font-weight:bold} /* Matriculas */ #matriculas_abertas{ height: 273px; background:url(bt_matriculas_bg.gif) center top no-repeat; margin-top: 2em} #matriculas_abertas a, #matriculas_abertas a:hover{ width:325px; height:184px; margin-top:89px; margin-left: 9px; background-image:url(bt_matriculas_sprite.gif)} #matriculas_abertas a{ display:block; background-position: center top} #matriculas_abertas a:hover{ background-position: center bottom} /* Ensino Fundamental */ #ens_fund{ background-image: url(ens_fund_topo.gif); padding: 60px 30px 0 190px} /* não repete */ #ens_fund h3{ margin-bottom: 1em} #ens_fund_caixa, #ens_fund_inf{ width: 527px} #ens_fund_caixa{ background-image: url(ens_fund_meio.gif); margin-top: 2em} /* repete */ #ens_fund_inf{ height: 43px; background-image: url(ens_fund_inf.gif)} /* Seção 4 - PROJETOS */ /* Títulos */ #tematicos{ background-image: url(tematicos.gif)} #permanentes{ background-image: url(permanentes.gif); margin-top: 1em} .lista_identa_texto, .lista_identa_texto_f_menor{ margin: 1.5em 0 1.5em 3em} .lista_identa_texto_f_menor{ margin-top: -10px} .p_normal_f_menor, .lista_identa_texto_f_menor{ font-size: 0.9em} .p_normal_2{ margin-top: -20px} .sub_tit, .sub_tit_2{ font-size: 1.3em} .sub_tit{ padding: 10px 0 30px 0} .sub_tit_2{ padding: 0} /* Seção 5 - EVENTOS */ /* Títulos */ #ev_2008{ background-image: url(ev_2008.gif)} #ev_arca_2008{ background-image:url(ev_arca_2008.gif)} #ev_aula_int_2008{ background-image:url(ev_aula_int_2008.gif)} #ev_aula_ext_2008{ background-image:url(ev_aula_ext_2008.gif)} #ev_circo_2008{ background-image: url(ev_circo_2008.gif)} #ev_feira_2008{ background-image:url(ev_feirinha1_2008.gif)} #ev_ferias_2008{ background-image:url(ev_ferias_2008.gif)} #ev_indio_2008{ background-image:url(ev_indio_2008.gif)} #ev_maes_2008{ background-image:url(ev_maes_2008.gif)} #ev_pascoa_2008{ background-image: url(ev_pascoa_2008.gif)} #ev_teatro_2008{ background-image:url(ev_teatro_2008.gif)} #ev_wagner_2008{ background-image:url(ev_wagner_2008.gif)} #ev_encerra_2008{ background-image:url(ev_encerramento_2008.gif)} #ev_fantasia_2009{ background-image:url(ev_fantasia_2009.gif)} #ev_horta_2009{ background-image:url(ev_horta_2009.gif)} #ev_plante_primavera_itau{ background-image:url(ev_primavera_itau_2009.gif)} #ev_arca_2008, #ev_aula_int_2008, #ev_aula_ext_2008, #ev_circo_2008, #ev_feira_2008, #ev_ferias_2008, #ev_indio_2008, #ev_maes_2008, #ev_pascoa_2008, #ev_teatro_2008, #ev_wagner_2008, #ev_encerra_2008, #ev_fantasia_2009, #ev_horta_2009, #ev_plante_primavera_itau { margin-bottom: 1em} /* Lista eventos */ #lista_eventos{ float:left; display:block; width: 428px} /* difere ie6 */ #lista_eventos dt, #lista_eventos dd{ float:left; display:block} #lista_eventos dt{ width: 85px; height:70px; margin-bottom: 5px} #lista_eventos dd, .lista_ev_descri{ width: 320px} #lista_eventos dd{ margin-left: 14px; color:#0ff} #lista_eventos dd a{ color:#fc3} #lista_eventos dd.lista_ev_descri{ margin-left: 99px; /* difere ie6 */ margin-bottom: 2.5em; color:#fff; margin-top: -47px; font-size: 0.9em; text-align: left} #lista_eventos dd.lista_ev_descri strong{ color:#fff; font-weight:bold} #lista_eventos dd.lista_ev_separa{ width: 417px; height: 13px; margin:0; padding:0; margin:0 auto; text-align:center; display:block; background:url(lista_eventos_separa.gif) no-repeat; margin-top: -20px; margin-bottom: 1em} /* Galeria de Fotos - páginas de navegação */ #paginas{ top: -1.5em; position: relative} .lista_paginas a, .lista_paginas_eventos a{ width: 23px; padding: 0 0.5em} .lista_paginas_eventos{ margin-bottom: 1em} .galeria_nova{ color:#99FF00 !important} /* fotos */ .lista_fotos{ width: 393px; padding: 1em} .lista_fotos li{ width: 115px; height: 78px; border: solid #000; padding: 3px} .lista_fotos li a:hover, .lista_fotos li a{ width: 113px; height: 75px; border-width: 2px} /* Seção 6 - CONTATO */ /* Subseção 1 - MAPA */ #envolve_texto_mapa{ background-image: url(mapa.jpg); background-position: right 80px} #mapa_tit_menu_principal{ background-image:url(menu_principal.gif)} #mapa_tit_menu_lateral{ background-image:url(menu_lateral.gif); background-repeat:no-repeat; background-position: left bottom} /* Subseção 2 - AGENDA */ #ag_ativ, #ag_canlend, #ag_festas_abertas, #ag_festas_internas{ background-position: 15px 15px} #ag_ativ{ background-image:url(ag_atividades.gif)} #ag_canlend{ background-image:url(ag_calendario.gif)} #ag_festas_abertas{ background-image:url(ag_festas_abertas.gif)} #ag_festas_internas{ background-image:url(ag_festas_internas.gif)} /* Subseção 4 - DATAS */ #data_abril{ background-image:url(data_abril.gif)} #data_maio{ background-image:url(data_maio.gif)} /* RODAPÉ =================================================================================== */ #rodape, #rodape_central{ height: 210px} #rodape{ background-image: url(rodape_repete.gif); background-position: bottom} #rodape_central{ background-image: url(rodape.gif)} #rodape_extra{ padding: 1em; background-image: url(bg_marrom.gif)}