/* Cliente: Pequeno Príncipe Projeto: DOE */ /* -------------- PALETA DE CORES -------------- #be0000, #ff7a00, #62a500, #0059bf - Titulos principais #000 - Links / textos #fff - Fontes botoes #BE0000 - vermelho */ /* -------------- ORDEM DOS ATRIBUTOS -------------- { position:; top:; left:; float:; clear:; display:; width:; height:; margin:; padding:; border:; background:; font:; text:; color:; } */ /* -------------- ELEMENTOS e CLASSES -------------- */ /* ------- GERAL ------- */ * { margin: 0; padding: 0; } /* reseta todas as margens, paddings e define o nivel das camadas do site */ body { behavior: url(css/csshover2.htc); } /* inclui efeito :hover, :active e :focus para Internet Explorer 6 */ .direita { float: right; } .esquerda { float: left; } p.direita, p.esquerda { float: none; } p.direita { text-align: right; } p.esquerda { text-align: left; } .centro { text-align: center; } /* contendo float */ .contemfloat:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .contemfloat { display: inline-block; } /* Hides from IE-mac \*/ * .contemfloat { height: 1%; } .contemfloat { display: block; } /* End hide from IE-mac */ html { background: #006db8 url(../imagens/html_bg.gif) repeat-x; font-size: 100%; } body { background: url(../imagens/body_bg.jpg) center 0 no-repeat; font: .75em Arial, sans-serif; } a { font-weight: bold; color: #000; } p { line-height: 1.33em; margin-bottom: .9em; } a.botao { display: inline-block; height: 24px; padding-left: 8px; background: url(../imagens/link_botao_bg_esq.gif) left top no-repeat; line-height: 24px; text-decoration: none; color: #fff; } a.botao strong { display: inline-block; height: 24px; padding-right: 8px; background: url(../imagens/link_botao_bg_dir.gif) right top no-repeat; font-weight: normal; line-height: 24px; } a.botao:hover { background-position: left -46px; cursor: pointer; } a.botao:hover strong { background-position: right -46px; cursor: pointer; } .ativo a.botao { background-position: left -46px; cursor: pointer; } .ativo a.botao strong { background-position: right -46px; cursor: pointer; } /* -------- ACESSIBILIDADE -------- */ #topo.limites #informacoes { position: absolute; top: -9999em; width: 730px; height: 348px; margin-left: 110px; padding: 27px 35px; background: url(../imagens/acessibilidade_bg.png) no-repeat; font-size: 1.72em; z-index: 9999; } * html #topo #informacoes { display: none; } #topo.limites #informacoes .esquerda { width: 315px; } #topo.limites #informacoes .direita { width: 360px; } #topo.limites #informacoes strong { font-size: 1em; color: #ff0000; } #topo.limites #informacoes p { font: bold 18px Arial, sans-serif; margin-bottom: .3em; } #topo.limites #informacoes p.centro { margin-top: 6em; } #topo.limites #informacoes ul { width: 348px; height: 136px; background: url(../imagens/acessibilidade_atalhos_ff.png) no-repeat; font-size: .75em; list-style: none; text-indent: -9999em; } #topo.limites #informacoes ul.instrucoes { width: auto; height: auto; margin-bottom: 1em; background: transparent; text-indent: 0; } #topo.limites #informacoes ul.instrucoes li { display: inline; } #topo.limites #informacoes ul.instrucoes li span { display: inline-block; } /* para IEs */ #topo.limites #informacoes-ie { position: absolute; top: -9999em; left: 50%; margin-left: -365px; width: 730px; height: 300px; padding: 30px 35px; background: url(../imagens/acessibilidade_bg.png) no-repeat; font-size: 1.72em; text-align: center; z-index: 9999; } * html #topo.limites #informacoes-ie { padding: 60px 35px; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='imagens/acessibilidade_bg.png', sizingMethod='scale'); } #topo.limites #informacoes-ie .esquerda { width: 315px; } * html #topo.limites #informacoes-ie .esquerda { display: none; } #topo.limites #informacoes-ie .direita { width: 360px; } * html #topo.limites #informacoes-ie .direita { width: 100%; } #topo.limites #informacoes-ie strong { font-size: 1em; color: #ff0000; } #topo.limites #informacoes-ie p { margin: .3em 0; line-height: 1.1em; } #topo.limites #informacoes-ie p.centro { margin-top: 2em; } #topo.limites #informacoes-ie ul { width: 380px; height: 135px; margin: 0 auto; background: url(../imagens/acessibilidade_atalhos.png) no-repeat; font-size: .75em; list-style: none; text-indent: -9999em; } * html #topo.limites #informacoes-ie ul { margin-top: 50px; } * html #topo.limites #informacoes-ie ul.instrucoes { margin-top: 15px; } #topo.limites #informacoes-ie ul.instrucoes { width: 100%; height: auto; margin-bottom: 1em; background: transparent; text-indent: 0; } #topo.limites #informacoes-ie ul.instrucoes li { display: inline; } #topo.limites #informacoes-ie ul.instrucoes li span { display: inline-block; } /* -------- TITULOS -------- */ h1, h4 { padding-left: 40px; background: url(../imagens/setas.png) no-repeat; font-weight: bold; font-size: 1.5em; line-height: 40px; text-decoration: none; } h6 { margin-bottom: 10px; font-size: 1.1em; } .projetos h1, .projetos h4, .projetos .box_bolha h4 span { background-position: 0 -120px; color: #be0000; } .como_apoiar h1, .como_apoiar h4, .como_apoiar .box_bolha h4 span { background-position: 0 -80px; color: #ff7a00; } .pequeno_principe h1, .pequeno_principe h4, .pequeno_principe .box_bolha h4 span { background-position: 0 0; color: #62a500; } .contato h1, .contato h4, .contato .box_bolha h4 span { background-position: 0 -40px; color: #0059bf; } /* -------- BOX EXPANSIVEL -------- */ .box_bolha { position: relative; width: 376px; padding: 0 0 64px; margin-bottom: 26px; background: url(../imagens/box_bolha_bg.png) left bottom no-repeat; list-style: none; } * html .box_bolha { height: 10px; } .box_bolha p { margin: 1.1em 20px; } #coluna2 .box_bolha img.esquerda { width: 115px; margin: 1.1em 20px; border: 1px #94b4cf solid; } .box_bolha ul { padding: 0 20px 0 35px; } .box_bolha ul li { margin-bottom: .8em; } .box_bolha .botao { position: absolute; bottom: 20px; left: 20px; } .box_bolha h4 { position: relative; width: 375px; height: 40px; top: -6px; left: 0; padding: 0; background: url(../imagens/box_bolha_bg.png) left top no-repeat; line-height: 40px; font-size: 1.5em; } .box_bolha h4 span { display: inline-block; padding-left: 40px; background: url(../imagens/setas.png) no-repeat; text-decoration: none; } * html .box_bolha h4 span { background-position: 0 -119px; } #coluna2 .box_bolha.grande { clear: both; width: 767px; background: url(../imagens/box_bolha_grande_bg.png) left bottom no-repeat; } * html #coluna2 .box_bolha.grande { margin-left: -5px; } #coluna2 .box_bolha.grande h4 { width: 767px; background: url(../imagens/box_bolha_grande_titulo.png) left top no-repeat; } /* -------- FORMULARIO -------- */ form fieldset, form button { border: 0; } /* -------- IMAGEM COM MOLDURA -------- */ /* Imagens Cadastradas DEVEM ter as dimensoees de altura 368px por e largura 191px */ #coluna2 .moldura { position: relative; width: 389px; height: 211px; margin: 0 0 20px 20px; } #coluna2 .moldura img { display: block; position: absolute; z-index: 3; top: 9px; left: 9px; width: 368px; height: 191px; border: 0; } #coluna2 .moldura .molde { position: absolute; z-index: 5; top: 0; left: 0; width: 389px; height: 211px; background: url(../imagens/moldura_imagem_conteudo.png) no-repeat; } /* -------- FLASH COM FOTOS RANDOMICAS -------- */ #coluna2 .fotos_flash { width: 389px; height: 211px; margin: 0 0 20px 20px; } /* -------- MENU EM ABAS COM CONTEUDO -------- */ #conteudo #coluna2 .abas ul.menu { list-style: none; height: 70px; } #conteudo #coluna2 .abas ul.menu li { float: left; } #conteudo #coluna2 .abas ul.menu li a { float: left; height: 35px; margin: 10px 3px 0 0; padding-left: 10px; background: url(../imagens/menu_aba_esquerda.png) left top no-repeat; line-height: 34px; font-size: 1.25em; text-decoration: none; } #conteudo #coluna2 .abas ul.menu li a strong { display: inline-block; height: 35px; padding-right: 10px; background: url(../imagens/menu_aba_direita.png) right top no-repeat; line-height: 34px; text-decoration: none; color: #649ed0; } /* efeito hover e ativo */ #conteudo #coluna2 .abas ul.menu li a:hover, #conteudo #coluna2 .abas ul.menu li.ativo a { margin-top: 0; height: 46px; background-position: left -54px; text-decoration: none; color: #e61711; } #conteudo #coluna2 .abas ul.menu li a:hover strong, #conteudo #coluna2 .abas ul.menu li.ativo a strong { height: 46px; background-position: right -54px; line-height: 34px; cursor: pointer; } .projetos #conteudo #coluna2 .abas ul.menu li.ativo a strong { color: #be0000; } .como_apoiar #conteudo #coluna2 .abas ul.menu li.ativo a strong { color: #FF7A00; } .pequeno_principe #conteudo #coluna2 .abas ul.menu li.ativo a strong { color: #62A500; } #conteudo #coluna2 .abas .conteudo_aba { margin-top: -26px; padding-bottom: 10px; background: url(../imagens/familia_aba_conteudo_bg.png) no-repeat; } #conteudo #coluna2 .abas .conteudo_aba ul { min-height: 240px; background: url(../imagens/familia_aba_lista_bg.png) top no-repeat; list-style: none; zoom: 1; } * html #conteudo #coluna2 .abas .conteudo_aba ul { height: 240px; } #conteudo #coluna2 .abas .conteudo_aba ul li.aba { padding: 20px 15px 0; } #conteudo #coluna2 .abas .conteudo_aba ul li.aba ul { background: transparent; } /* limites */ .limites { width: 980px; margin: 0 auto; } /* -------- TOPO -------- */ #topo { height: 224px; margin-bottom: -46px; padding-top: 25px; } #topo h2 { width: 309px; height: 103px; margin: 0 0 24px 75px; background: url(../imagens/logo_pequeno_principe.png) no-repeat; text-indent: -999em; overflow: hidden; } #topo h2 a { display: block; width: 309px; height: 103px; text-indent: -999em; overflow: hidden; } #topo .acessibilidade { float: right; display: block; margin-top: 15px; padding-left: 25px; background: url(../imagens/icone_acessibilidade.png) no-repeat; font-size: .9em; line-height: 19px; } #topo .acessibilidade a { color: #fff; } /* flash topo */ #topo .animacao { position: absolute; top: 0; left: 0; margin-top: -35px; margin-left: 610px; width: 426px; height: 150px; } html > body #topo .animacao { margin-top: 0; } /* menu */ #topo #menu { width: 696px; height: 51px; list-style: none; } #topo #menu li { float: right; margin-right: -5px; } #topo #menu li a { display: block; width: 141px; height: 43px; padding: 8px 19px 0; background: url(../imagens/menu_bg.png) no-repeat; font-weight: bold; font-size: 1.3em; line-height: 16px; text-decoration: none; } #topo #menu li a span { font-size: .9em; } #topo #menu li.projetos a { color: #be0000; } #topo #menu li.como_apoiar a { color: #ff7a00; } #topo #menu li.pequeno_principe a { color: #62a500; } #topo #menu li.contato a { color: #0059bf; } /* menu ativo */ .projetos #topo #menu li.projetos a, .como_apoiar #topo #menu li.como_apoiar a, .pequeno_principe #topo #menu li.pequeno_principe a, .contato #topo #menu li.contato a { position: relative; background-position: 0 -51px; z-index: 2; } /* breadcrumb */ #topo .breadcrumb { font-size: .9em; padding-top: 17px; color: #015daa; } #topo .breadcrumb a { font-weight: normal; text-decoration: none; color: #015daa; } /* busca */ #topo #frmbusca fieldset { float: right; height: 26px; margin-top: 10px; border: 0; padding-left: 15px; background: url(../imagens/busca_input_bg.gif) no-repeat; } #topo #frmbusca label { display: none; } #topo #frmbusca input { width: 185px; margin-right: 20px; border: 0; font-size: .9em; color: #015daa; } * html #topo #frmbusca input { vertical-align: 3px; } #topo #frmbusca button { width: 27px; height: 24px; border: 0; background: url(../imagens/botao_27.gif) no-repeat; font-weight: bold; font-size: .9em; text-transform: uppercase; color: #dae7f1; cursor: pointer; } /* -------- CONTEUDO -------- */ #conteudo { padding: 67px 0 20px; background: url(../imagens/conteudo_bg.gif) center repeat; } .interna #conteudo { background-position: center 110px; } #conteudo #galeria { text-align: center; } /* -------- COLUNA1 -------- */ #coluna1 { float: left; width: 195px; } #coluna1 #menu_local { list-style: none; } #coluna1 #menu_local dl, #coluna1 #menu_local ul { display: none; } #coluna1 #menu_local .ativo dl, #coluna1 #menu_local .ativo ul { display: block; } #coluna1 #menu_local li a, #coluna1 #menu_local dt { padding: 8px 0; background: url(../imagens/topo_pontilhado.gif) bottom repeat-x; } * html #coluna1 #menu_local li { height: 1%; } #coluna1 #menu_local li.ativo { background: none; } #coluna1 #menu_local li.ativo ul { padding-left: 15px; } #coluna1 #menu_local li.ativo a { color: #005dab; } #coluna1 #menu_local dt { margin-left: 15px; font-weight: bold; color: #649ed0; } #coluna1 #menu_local dt strong { padding-left: 10px; background: url(../imagens/menu_local_bullet.gif) 0 center no-repeat; } #coluna1 #menu_local dd ul { padding: 0; } #coluna1 #menu_local ul { list-style: none; } #coluna1 #menu_local ul li.ativo { background: url(../imagens/topo_pontilhado.gif) bottom repeat-x; } #coluna1 #menu_local ul li.ativo a { padding-left: 10px; background: url(../imagens/menu_local_bullet_ativo.gif) 0 center no-repeat; font-weight: bold; } #coluna1 #menu_local ul a { font-weight: normal; font-size: .9em; } #coluna1 #menu_local li.ativo ul a:hover { color: #649ed0; } #coluna1 #menu_local a { display: block; text-decoration: none; color: #649ed0; } /* -------- COLUNA2 -------- */ #coluna2 { margin-left: 215px; } #coluna2 .descricao { padding: 5px 0 30px 40px; overflow: hidden; } * html #coluna2 .descricao { height: 1%; } #coluna2 .chamadas { margin-bottom: 20px; } #coluna2 img { border: 1px solid #aac6de; } #coluna2 img.direita, #coluna2 img.esquerda { margin-bottom: 10px; border: 0; } #coluna2 img.direita { margin-left: 10px; } #coluna2 img.esquerda { margin-right: 10px; } /* -------- PROJETO DOACOES CONTINUADAS E PONTUAIS -------- */ #coluna2 .abas .conteudo_aba form.ficha { display: none; } #coluna2 .abas .conteudo_aba form.ficha.ativo { display: block; } #coluna2 .abas .conteudo_aba form.ficha fieldset { margin-left: 140px; border: 0; } #coluna2 .abas .conteudo_aba form.ficha fieldset ol { list-style: none; } #coluna2 .abas .conteudo_aba form.ficha fieldset ol li { margin-bottom: 20px; background: transparent; } #coluna2 .abas .conteudo_aba form.ficha fieldset ol li label { display: block; margin-bottom: 5px; } #coluna2 .abas .conteudo_aba form.ficha fieldset ol li input { width: 380px; border: 1px #005daa solid; } #coluna2 .abas .conteudo_aba form.ficha fieldset ol li label input { border: 0; } #coluna2 .abas .conteudo_aba form.ficha fieldset ol li.telefone input { width: 175px; } #coluna2 .abas .conteudo_aba form.ficha fieldset ol li.telefone input.ddd { width: 30px; } #coluna2 .abas .conteudo_aba form.ficha fieldset ol li textarea { width: 400px; height: 80px; border: 1px #005daa solid; overflow: auto; } #doacoes_continuadas_pontuais #coluna2 .abas .conteudo_aba form.ficha fieldset ol li ul.radios { height: auto; } #coluna2 .abas .conteudo_aba form.ficha button { width: 134px; height: 24px; margin-left: 140px; background: url(../imagens/botao_envie_mensagem.png) no-repeat; color: #fff; } /* form tipos de doacoes */ #coluna2 .abas .conteudo_aba .tipos_doacao { display: none; } #coluna2 .abas .conteudo_aba .tipos_doacao.ativo { display: block; } #coluna2 .abas .conteudo_aba .tipos_doacao form { float: left; width: 245px; height: 215px; margin-left: 35px; padding: 20px 20px 0; background: url(../imagens/doacoes_continuadas_mensais.png) no-repeat; text-align: center; } #coluna2 .abas .conteudo_aba .tipos_doacao form.unica { background: url(../imagens/doacoes_continuadas_unica.png) no-repeat; } #coluna2 .abas .conteudo_aba .tipos_doacao form h4 { padding: 0; background: transparent; font: 1.25em/auto Arial, sans-serif; color: #035ead; } #coluna2 .abas .conteudo_aba .tipos_doacao form ol { text-align: center; } #coluna2 .abas .conteudo_aba .tipos_doacao form ol li { display: inline; margin: 0 5px; padding: 0; background: transparent; } #coluna2 .abas .conteudo_aba .tipos_doacao form ol li label { float: none; display: inline; } #coluna2 .abas .conteudo_aba .tipos_doacao form ol li label input { display: inline; } #coluna2 .abas .conteudo_aba .tipos_doacao form button { width: 140px; height: 22px; margin-top: 15px; background: url(../imagens/botao_fazer_doacao.png) no-repeat; font-size: 0.9em; color: #fff; } #coluna2 .abas .conteudo_aba .tipos_doacao form button:hover { cursor: pointer; } #coluna2 .abas .conteudo_aba .tipos_doacao form .tipo_doador { margin-top: 28px; } /* -------- RODAPE -------- */ #rodape { height: 280px; padding-top: 20px; background: url(../imagens/rodape_bg.gif) repeat-x; color: #fff; } #rodape a { font-weight: normal; color: #fff; text-decoration: none; } #rodape address, #rodape dd { font-size: .9em; } #rodape .limites { width: 944px; padding-left: 36px; background: url(../imagens/rodape_icone.jpg) 5px 0 no-repeat; } #rodape .vcard { width: 190px; } #rodape .vcard .fn { font-weight: bold; text-transform: uppercase; } #rodape .vcard address { margin-top: 10px; font-style: normal; } #rodape .vcard address .cep { display: block; } #rodape .vcard .tel { list-style: none; } #rodape #mapa_site { float: right; width: 670px; height: 203px; padding-right: 30px; } #rodape #mapa_site dl { float: left; } #rodape #mapa_site dl dt { margin-bottom: 5px; } #rodape #mapa_site dl ul { margin-bottom: 5px; list-style: none; } #rodape #mapa_site dl ul li { padding-left: 8px; background: url(../imagens/mapa_site_bullet.gif) 0 center no-repeat; } #rodape #mapa_site dl.coluna1 { width: 260px; } #rodape #mapa_site dl.coluna2 { width: 165px; } #rodape #mapa_site dl.coluna3 { width: 150px; } #rodape #mapa_site dl.coluna4 { width: 95px; } /* -------------- PAGINAS -------------- */ /* -------- HOME -------- */ #home #destaques { margin-bottom: 30px; } #home #destaques h4 { margin-left: -40px; padding-left: 40px; line-height: 40px; } #home #destaques li { float: left; width: 280px; padding-left: 40px; list-style: none; } #home #destaques li.pequeno_principe { margin: 0 7px 0 8px; } #home #destaques li p { height: 120px; } /* -------- PROJETOS -------- */ /* #projetos #coluna2 ul { list-style: none; } #projetos #coluna2 li { float: left; width: 356px; height: 254px; margin: 0 3px 15px 0; padding: 0 10px; background: url(../imagens/caixa_376.png) no-repeat; } #projetos #coluna2 li img { margin: 0 15px 80px 0; border: 1px #94b4cf solid; } #projetos #coluna2 li h4 { margin: 0 -10px 10px; } */ /* -------- PROJETOS BENEFICIOS FISCAIS -------- */ #projetos_beneficios_fiscais #conteudo #coluna2 p { margin-left: 42px; } #projetos_beneficios_fiscais #conteudo #coluna2 ul { margin-top: 30px; list-style: none; } #projetos_beneficios_fiscais #conteudo #coluna2 ul li.box_bolha { float: left; padding-bottom: 30px; } #projetos_beneficios_fiscais #conteudo #coluna2 ul li.box_bolha h4 span { padding-left: 40px; background: url(../imagens/setas.png) 0 -130px no-repeat; text-decoration: none; color: #be0000; } * html #projetos_beneficios_fiscais #conteudo #coluna2 ul li.box_bolha h4 span { background-position: 0 -119px; } #projetos_beneficios_fiscais #conteudo #coluna2 ul li.box_bolha.esquerda { margin-right: 10px; } #projetos_beneficios_fiscais #conteudo #coluna2 ul li.box_bolha p { width: 315px; margin: 0 0 20px 35px; } #projetos_beneficios_fiscais #conteudo #coluna2 ul li.box_bolha ul { width: 315px; margin-left: 35px; list-style: inside disc; } #projetos_beneficios_fiscais #conteudo #coluna2 ul li.box_bolha ul li { margin-bottom: 10px; } #projetos_beneficios_fiscais #conteudo #coluna2 ul li.box_bolha ul li.destaque { color: #be0000; } /* -------- PROJETO PROJETOS -------- */ /* aba conheca */ #conteudo #coluna2 .abas .conteudo_aba .aba.conheca h6 { margin: 10px 0 5px; font-size: 1.09em; } #conteudo #coluna2 .abas .conteudo_aba .aba.conheca img { margin: 0 0 20px 20px; } #conteudo #coluna2 .abas .conteudo_aba .aba.conheca ul { list-style: disc inside; } #conteudo #coluna2 .abas .conteudo_aba .aba.conheca ul li { margin-bottom: 3px; } /* aba acompanhe */ #conteudo #coluna2 .abas .conteudo_aba .aba.acompanhe li { display: inline; margin-right: 20px; } #conteudo #coluna2 .abas .conteudo_aba .aba.acompanhe li .conteudo_aba { display: none; float: left; margin-top: 20px; } #conteudo #coluna2 .abas .conteudo_aba .aba.acompanhe li .conteudo_aba table { width: 695px; margin-bottom: 20px; background: #fff; } #conteudo #coluna2 .abas .conteudo_aba .aba.acompanhe li .conteudo_aba table tr td, #conteudo #coluna2 .abas .conteudo_aba .aba.acompanhe li .conteudo_aba table tr th { padding: 5px; background: #d7e3ea; text-align: center; } #conteudo #coluna2 .abas .conteudo_aba .aba.acompanhe li .conteudo_aba table.valores { background: #fff; } #conteudo #coluna2 .abas .conteudo_aba .aba.acompanhe li .conteudo_aba table.valores tr th { background: #fff; color: #e61711; } #conteudo #coluna2 .abas .conteudo_aba .aba.acompanhe li .conteudo_aba table.valores tr td { background: #fff; color: #000; } #conteudo #coluna2 .abas .conteudo_aba .aba.acompanhe li .conteudo_aba table.valores .com_borda { border-right: 1px #d8e8f4 solid; } /* aba acompanhe */ #conteudo #coluna2 .abas .conteudo_aba .aba.entenda h5 { font-size: 1.09em; margin: 10px 0 5px; } /* aba faca sua doacao */ #conteudo #coluna2 .abas .conteudo_aba .aba.faca_doacao a { color: #005dab; } #conteudo #coluna2 .abas .conteudo_aba .aba.faca_doacao a.botao { color: #fff; } #conteudo #coluna2 .abas .conteudo_aba .aba.faca_doacao h5 { font-size: 1em; margin-bottom: 20px; } #conteudo #coluna2 .abas .conteudo_aba .aba.faca_doacao ol { list-style: none; } #conteudo #coluna2 .abas .conteudo_aba .aba.faca_doacao ol li { padding-left: 40px; background: url(../imagens/projeto_doacao_lista.png) left no-repeat; } #conteudo #coluna2 .abas .conteudo_aba .aba.faca_doacao ol li p { padding: 13px; background: #d8e8f4; line-height: 17px; color: #005dab; } #conteudo #coluna2 .abas .conteudo_aba .aba.faca_doacao ol li p a { color: #005dab; } #conteudo #coluna2 .abas .conteudo_aba .aba.faca_doacao ol li.primeiro { background-position: left 6px; } #conteudo #coluna2 .abas .conteudo_aba .aba.faca_doacao ol li.segundo { background-position: left -158px; } #conteudo #coluna2 .abas .conteudo_aba .aba.faca_doacao ol li.terceiro { background-position: left -315px; } #conteudo #coluna2 .abas .conteudo_aba .aba.faca_doacao ol li.quarto { background-position: left -477px; } #conteudo #coluna2 .abas .conteudo_aba .aba.faca_doacao ol li.quinto { background-position: left -634px; } #conteudo #coluna2 .abas .conteudo_aba .aba.faca_doacao ol li.sexto { background-position: left -793px; } #conteudo #coluna2 .abas .conteudo_aba .aba.faca_doacao ol li.setimo { background-position: left -951px; } #conteudo #coluna2 .abas .conteudo_aba .aba.faca_doacao ol li.oitavo { background-position: left -1109px; } #conteudo #coluna2 .abas .conteudo_aba .aba.faca_doacao ol li.nono { background-position: left -1269px; } #conteudo #coluna2 .abas .conteudo_aba .aba.faca_doacao .box { margin: 0 0 15px 40px; padding: 13px; background: #d8e8f4; color: #005dab; } #conteudo #coluna2 .abas .conteudo_aba .aba.faca_doacao .box ul { margin: 30px 0; list-style: square inside; } /* aba projetos realizados */ #conteudo #coluna2 .abas .conteudo_aba .projetos_realizados h5 { margin: 10px 0 5px; font-size: 1.09em; color: #BE0000; } /* galeria */ #coluna2 .galeria_fotos { width: 737px; height: 462px; padding: 15px; margin-top: 20px; background: url(../imagens/galeria_fotos_bg.gif) no-repeat; } #coluna2 .galeria_fotos p.centro { margin-top: 10px; color: #5696ce; } #coluna2 .galeria_fotos img { border: 0; } #coluna2 .galeria_fotos h3 { height: 25px; font-size: 1.5em; color: #fd4c42; } /* -------- PROJETO GOLS PELA VIDA -------- */ #gols_pela_vida #conteudo #coluna2 .texto { margin-left: 40px; } #gols_pela_vida #conteudo #coluna2 .texto ul { list-style: inside; margin: 10px 0 30px; } #gols_pela_vida #conteudo #coluna2 .texto ul li { margin-bottom: 3px; } /* -------- PROJETO MEDALHAS -------- */ #medalhas #conteudo #coluna2 .texto { margin-left: 40px; } /* -------- PROJETO DOACOES CONTINUADAS E PONTUAIS -------- */ #doacoes_continuadas_pontuais #conteudo #coluna2 form.ficha fieldset ol li ul.radios { min-height: 50px; } #doacoes_continuadas_pontuais #conteudo #coluna2 form.ficha fieldset ol li ul.radios li { width: auto; margin-bottom: 0; } #doacoes_continuadas_pontuais #conteudo #coluna2 form.ficha fieldset ol li ul.radios li input { width: auto; } #doacoes_continuadas_pontuais #conteudo #coluna2 form.ficha fieldset ol li ul.radios li label { display: inline; } /* #doacoes_continuadas_pontuais #conteudo #coluna2 .abas .conteudo_aba form.ficha { display: none; } #doacoes_continuadas_pontuais #conteudo #coluna2 .abas .conteudo_aba form.ficha.ativo { display: block; } #doacoes_continuadas_pontuais #conteudo #coluna2 .abas .conteudo_aba form.ficha fieldset { margin-left: 140px; border: 0; } #doacoes_continuadas_pontuais #conteudo #coluna2 .abas .conteudo_aba form.ficha fieldset ol { list-style: none; } #doacoes_continuadas_pontuais #conteudo #coluna2 .abas .conteudo_aba form.ficha fieldset ol li { margin-bottom: 20px; background: transparent; } #doacoes_continuadas_pontuais #conteudo #coluna2 .abas .conteudo_aba form.ficha fieldset ol li label { display: block; margin-bottom: 5px; } #doacoes_continuadas_pontuais #conteudo #coluna2 .abas .conteudo_aba form.ficha fieldset ol li input { width: 380px; border: 1px #005daa solid; } #doacoes_continuadas_pontuais #conteudo #coluna2 .abas .conteudo_aba form.ficha fieldset ol li.telefone input { width: 175px; } #doacoes_continuadas_pontuais #conteudo #coluna2 .abas .conteudo_aba form.ficha fieldset ol li.telefone input.ddd { width: 30px; } #doacoes_continuadas_pontuais #conteudo #coluna2 .abas .conteudo_aba form.ficha fieldset ol li textarea { width: 400px; height: 80px; border: 1px #005daa solid; overflow: auto; } #doacoes_continuadas_pontuais #conteudo #coluna2 .abas .conteudo_aba form.ficha button { width: 134px; height: 24px; margin-left: 140px; background: url(../imagens/botao_envie_mensagem.png) no-repeat; color: #fff; } #doacoes_continuadas_pontuais .popup.confirmacao { width: 421px; height: 185px; margin: -90px 0 0 -220px; padding-top: 45px; background: url(../imagens/doacoes_continuadas_popup.png) no-repeat; text-align: center; } #doacoes_continuadas_pontuais .popup.confirmacao h5 { margin-bottom: 20px; font: bold 1.25em Arial, sans-serif; } */ /* tipos de doacao #doacoes_continuadas_pontuais #conteudo #coluna2 .abas .conteudo_aba .tipos_doacao { display: none; } #doacoes_continuadas_pontuais #conteudo #coluna2 .abas .conteudo_aba .tipos_doacao.ativo { display: block; } #doacoes_continuadas_pontuais #conteudo #coluna2 .abas .conteudo_aba .tipos_doacao form { float: left; width: 245px; height: 215px; margin-left: 35px; padding: 20px 20px 0; background: url(../imagens/doacoes_continuadas_mensais.png) no-repeat; text-align: center; } #doacoes_continuadas_pontuais #conteudo #coluna2 .abas .conteudo_aba .tipos_doacao form.unica { background: url(../imagens/doacoes_continuadas_unica.png) no-repeat; } #doacoes_continuadas_pontuais #conteudo #coluna2 .abas .conteudo_aba .tipos_doacao form h4 { padding: 0; background: transparent; font: 1.25em/auto Arial, sans-serif; color: #035ead; } #doacoes_continuadas_pontuais #conteudo #coluna2 .abas .conteudo_aba .tipos_doacao form ol { text-align: center; } #doacoes_continuadas_pontuais #conteudo #coluna2 .abas .conteudo_aba .tipos_doacao form ol li { display: inline; margin: 0 5px; padding: 0; background: transparent; } #doacoes_continuadas_pontuais #conteudo #coluna2 .abas .conteudo_aba .tipos_doacao form ol li label { float: none; display: inline; } #doacoes_continuadas_pontuais #conteudo #coluna2 .abas .conteudo_aba .tipos_doacao form ol li label input { display: inline; } #doacoes_continuadas_pontuais #conteudo #coluna2 .abas .conteudo_aba .tipos_doacao form button { width: 140px; height: 22px; margin-top: 15px; background: url(../imagens/botao_fazer_doacao.png) no-repeat; font-size: 0.9em; color: #fff; } #doacoes_continuadas_pontuais #conteudo #coluna2 .abas .conteudo_aba .tipos_doacao form button:hover { cursor: pointer; } */ /* -------- PROJETO PRODUTO SOCIAL -------- */ #produto_social #conteudo #coluna2 h1 { margin-bottom: 20px; } #produto_social #conteudo #coluna2 ul { list-style: none; } #produto_social #conteudo #coluna2 ul li { float: left; } #produto_social #conteudo #coluna2 ul li.box_bolha { height: 220px; padding-bottom: 20px; } #produto_social #conteudo #coluna2 ul li img { margin-left: 10px; border: 1px #9ebed9 solid; } #produto_social #conteudo #coluna2 ul li p { height: 125px; margin-right: 10px; } #produto_social #conteudo #coluna2 ul li a.botao { margin-right: 10px; float: right; } /* -------- CONTATO -------- */ #contato #coluna2 { float: left; width: 440px; margin: 0 15px; } #contato #coluna2 #frmcontato { padding-left: 40px; } #contato #coluna2 #frmcontato fieldset { border: 0; } #contato #coluna2 #frmcontato ol { margin: 30px 0; list-style: none; } #contato #coluna2 #frmcontato li { margin-bottom: 1.1em; } * html #contato #coluna2 #frmcontato li { height: 1%; } #contato #coluna2 #frmcontato li label { display: block; padding-bottom: 5px; } #contato #coluna2 #frmcontato li input, #contato #coluna2 #frmcontato li textarea { width: 380px; padding: 3px; border: 1px solid #005daa; } #contato #coluna2 #frmcontato li input#receber_email { width: 20px; border: 0; } #contato #coluna2 #frmcontato button { display: block; width: 134px; height: 24px; margin: 0 auto; border: 0; background: url(../imagens/botao_134.gif) no-repeat; font-size: .9em; color: #fff; } #contato #coluna3 { float: right; width: 285px; height: 412px; padding: 0 10px; background: url(../imagens/caixa_305.png) no-repeat; } #contato #coluna3 h4 { margin: 3px 0 8px; padding: 0; background: none; } #contato #coluna3 h5 { font-size: 1em; color: #0059bf; } #contato #coluna3 ul { padding: 5px; list-style: none; } #contato #coluna3 ul li { margin-bottom: 30px; line-height: 20px; } /* -------- MENSAGEM ENVIO -------- */ #mensagem_envio #coluna2 { height: 400px; } #mensagem_envio #coluna2 h1 { margin-bottom: 10px; } #mensagem_envio #coluna2 p { margin: 0 0 20px 40px; } /* -------- INDIQUE -------- */ #indique #coluna2 { width: 440px; } #indique #coluna2 #frmindique { padding: 0 0 100px 40px; } #indique #coluna2 fieldset { border: 0; } #indique #coluna2 ol { margin: 15px 0 20px; list-style: none; } #indique #coluna2 #frmindique li { margin-bottom: 1.1em; } #indique #coluna2 #frmindique li input, #indique #coluna2 #frmindique li textarea { width: 195px; padding: 3px; border: 1px solid #005daa; } #indique #coluna2 #frmindique li input#nome, #indique #coluna2 #frmindique li textarea { width: 380px; } #indique #coluna2 #frmindique label { display: block; padding-bottom: 5px; } #indique #coluna2 #frmindique li textarea { font: .9em Arial, sans-serif; } #indique #coluna2 #frmindique button { display: block; width: 134px; height: 24px; margin: 0 auto; border: 0; background: url(../imagens/botao_134.gif) no-repeat; font-size: .9em; color: #fff; } /* -------- COMPLEXO PEQUENO PRINCIPE -------- */ /* #pequeno_principe #coluna2 .texto { padding: 10px 0 0 40px; } */ #pequeno_principe #coluna2 .caixa { margin-top: 70px; list-style: none; } #pequeno_principe #coluna2 .caixa .box_bolha { float: left; height: 225px; margin-bottom: 20px; } #pequeno_principe #coluna2 .caixa .box_bolha p { margin: 0 20px; } #pequeno_principe #coluna2 .caixa .box_bolha .botao { margin: 20px; } #pequeno_principe #coluna2 .caixa .box_bolha h4 span { background-position: 0 -9px; color: #62A500; } * html #pequeno_principe #coluna2 .caixa .box_bolha h4 span { background-position: 0 0; color: #62A500; } #pequeno_principe #coluna2 .caixa p { padding-top: 10px; } html #pequeno_principe #coluna2 .caixa .box_bolha.grande { clear: both; float: none; height: auto; } #pequeno_principe #coluna2 .caixa .box_bolha.grande h4 span { background-position: 0 -9px; color: #62A500; } /* -------- COMPLEXO PEQUENO PRINCIPE -------- */ #porque_apoiar #coluna2 li { margin-bottom: 1.1em; } #porque_apoiar #coluna2 .texto { padding-left: 40px; } /* -------- COMPLEXO PEQUENO PRINCIPE - DEPOIMENTOS -------- */ #depoimentos #conteudo #coluna2 .abas .conteudo_aba ul li ul.pessoas li { margin-bottom: 15px; padding-bottom: 15px; background: url(../imagens/depoimentos_lista_bg.gif) bottom repeat-x; overflow: hidden; display: inline-block; } #depoimentos #conteudo #coluna2 .abas .conteudo_aba ul li ul.pessoas li.ultimo { padding: 0; background: transparent; } #depoimentos #conteudo #coluna2 .abas .conteudo_aba ul li ul.pessoas li img { margin-right: 15px; border: 1px #a1c0da solid; } #depoimentos #conteudo #coluna2 .abas .conteudo_aba ul li.investidores li, #depoimentos #conteudo #coluna2 .abas .conteudo_aba ul li.tributaristas li { margin-bottom: 15px; padding-bottom: 15px; background: url(../imagens/depoimentos_lista_bg.gif) bottom repeat-x; } /* -------- RELATORIOS ATIVIDADES -------- */ #relatorios_atividades #coluna2 { height: 300px; } #relatorios_atividades #coluna2 .texto { padding-left: 40px; } /* -------- COMO APOIAR -------- */ #como_apoiar #coluna2 h1 { } /* #como_apoiar #coluna2 p { padding: 0 40px; } #como_apoiar #coluna2 ul { margin-top: 70px; list-style: none; } #como_apoiar #coluna2 ul li { position: relative; width: 296px; height: 145px; margin-bottom: 70px; padding: 15px 40px 0; background: url(../imagens/box_bolha_bg.png) bottom no-repeat; } #como_apoiar #coluna2 ul li.pequena { height: 100px; } #como_apoiar #coluna2 ul h4 { position: absolute; top: -40px; left: 0; width: 376px; padding: 0; background: url(../imagens/box_bolha_bg.png) no-repeat; } #como_apoiar #coluna2 ul h4 span { display: block; padding-left: 40px; background: url(../imagens/setas.png) 0 -80px no-repeat; } #como_apoiar #coluna2 ul li p { padding: 0; } */ /* -------- COMO APOIAR - EMPRESAS QUE APOIAM -------- */ #empresas_apoiam #conteudo #coluna2 .abas .conteudo_aba ul li.com_logo ul li { float: left; margin: 0 0 25px 25px; } * html #empresas_apoiam #conteudo #coluna2 .abas .conteudo_aba ul li.investidores ul li { float: left; margin: 0 0 25px 16px; } #empresas_apoiam #conteudo #coluna2 .abas .conteudo_aba ul li.sem_logo { padding: 20px 0 0; background: #fff; } #empresas_apoiam #conteudo #coluna2 .abas .conteudo_aba ul li.sem_logo ul { display: inline-block; background: url(../imagens/separacoes_apoiadores.gif) center repeat-y; } #empresas_apoiam #conteudo #coluna2 .abas .conteudo_aba ul li.sem_logo ul li { float: left; width: 205px; padding: 0 25px 0 20px; margin: 0 0 15px 0; } #empresas_apoiam #conteudo #coluna2 .abas .conteudo_aba ul li.sem_logo .borda_base { height: 35px; background: url(../imagens/familia_aba_conteudo_bg.png) bottom no-repeat; } /* -------- FACA DOACAO -------- */ #faca_doacao #coluna2 p { padding: 0 40px; } #faca_doacao #coluna2 ul { margin-top: 20px; list-style: none; } #faca_doacao #coluna2 ul li { float: left; margin-bottom: 20px; } #faca_doacao #coluna2 ul li.esquerda { margin-right: 10px; } #faca_doacao #coluna2 ul h4 span { background: url(../imagens/setas.png) 0 -80px no-repeat; } html > body#faca_doacao #coluna2 ul h4 span { background: url(../imagens/setas.png) 0 -90px no-repeat; } #faca_doacao #coluna2 ul li p { padding: 0; margin: 0 20px; } #faca_doacao #coluna2 ul li a.botao { margin: 20px; } /* -------- REGULAMENTACAO -------- */ #regulamentacao #coluna2 .caixa { margin-top: 20px; list-style: none; } #regulamentacao #coluna2 .caixa li.box_bolha { float: left; } #regulamentacao #coluna2 .caixa li.box_bolha ul { margin: 0 20px; list-style: none; } #regulamentacao #coluna2 .caixa li.box_bolha p { margin: 0 20px; } #regulamentacao #coluna2 .caixa li.box_bolha .botao { margin: 20px; } #regulamentacao #coluna2 .caixa ul li { position: static; width: auto; height: auto; margin: 0 0 1.1em; padding: 0; background: none; } #regulamentacao #coluna2 .caixa h4 { color: #FF7A00; } #regulamentacao #coluna2 .caixa h4 span { background: url(../imagens/setas.png) 0 -80px no-repeat; } html > body#regulamentacao #coluna2 .caixa h4 span { background: url(../imagens/setas.png) 0 -90px no-repeat; } /* -------- TIRE DUVIDAS -------- */ #tire_duvidas #coluna2 dl { padding: 10px 40px 0; } #tire_duvidas #coluna2 dt { font-weight: bold; font-size: 1.3em; text-decoration: none; color: #ff7a00; } #tire_duvidas #coluna2 dd { margin: 10px 0 30px; } /* ------- POPUP ------- */ .popup { display: none; position: absolute; top: 50%; left: 50%; padding: 10px; background: #fff; z-index: 999; } .pelicula { position: absolute; top: 0; left: 0; display: none; width: 100%; background: #000; z-index: 998; }