/* ----------------- Definições Gerais ----------------- */ html, body { width:100%; min-width:970px; margin:0; padding:0; background:#F6F6F5; font-family:"Lucida Sans Unicode", " Lucida Grande", "Trebuchet MS", Arial; font-size:1em; color:#4C4840; text-align:center; } ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, label, span, em, a, div { margin:0; padding:0; border:0; } div, ul, li, a { margin:0; padding:0; } h1, h2 { display:none; } h3, h4, h5, h6, h7, p { margin:0; padding:0; text-align:left; } ul { list-style:none; } a { color:#4C4840; text-decoration:none; } a img { border:none; } input { font-family:"Lucida Sans Unicode", " Lucida Grande", "Trebuchet MS", Arial; font-size:0.95em; font-weight:normal; color:#4C4840; } .clearboth { clear:both; } /* ---------------------- Definições Estruturais ---------------------- */ #corpo { width:100%; position:relative; margin:0 auto; } .margem { width:956px; position:relative; margin:0 auto; } /* Topo */ #corpo .publicidade { height:107px; background:url(/imgs/bg_publicidade.png) repeat-x; } #corpo .topo { height:97px; background:url(/imgs/bg_topo.png) repeat-x; } #corpo .topo .logo { margin-left:30px; padding-top:6px; text-align:left; } #corpo .topo .topmenu { width:350px; height:45px; position:absolute; top:0; right:0; margin:0; background:url(/imgs/bg_topmenu.png) no-repeat; } #corpo .topo .busca { width:295px; height:45px; position:absolute; top:52px; right:0; } #corpo .navegacao { height:53px; background:#F1AB33 url(/imgs/bg_menu.png) repeat-x top; overflow:hidden; } /* Conteúdo */ #corpo .conteudo { background:#F6F6F5 url(/imgs/bg_conteudo.png) repeat-x top; } #corpo .conteudo #principal { width:956px; position:relative; margin:0 auto; text-align:center; } #corpo .conteudo .abre { background:url(/imgs/bg_principal.png) repeat-y; } #corpo .conteudo .abre_inicio { background:url(/imgs/bg_principal_inicio.png) repeat-y; } #corpo .conteudo .fecha { width:956px; height:17px; margin:0 auto; background:url(/imgs/bg_rodape_principal.png) no-repeat; } #corpo .conteudo .fecha_inicio { width:956px; height:17px; margin:0 auto; background:url(/imgs/bg_rodape_principal_inicio.png) no-repeat; } /* Principal e Internas */ #principal { padding-top:13px; font-size:0.75em; } #principal .inicio, #principal .internas { width:940px; margin:0 auto; } #principal div div { padding:0; } #principal .internas .contentbar { width:635px; float:left; position:relative; margin:0; padding-left:19px; padding-bottom:2em; } #principal .internas .sidebar { width:270px; float:right; position:relative; top:-13px; background:url(/imgs/bg_sidebar.jpg) top center no-repeat; } /* Rodapé */ #corpo .rodape { height:2.5em; } /* ------------------------------------ Definições Específicas - Publicidade ------------------------------------ */ #corpo .publicidade .borda { width:738px; height:98px; position:relative; top:4px; margin:0 auto; background:#EFEFED; } #corpo .publicidade .borda .banner { padding:4px 5px; } /* ----------------------------- Definições Específicas - Topo ----------------------------- */ html*#corpo .topo .topmenu ul { margin-top:12px; } #corpo .topo .topmenu ul { margin-top:8px; } #corpo .topo .topmenu ul li { display:inline; margin:0 0.6em; font-size:0.7em; font-weight:bold; } #corpo .topo .topmenu ul li a:hover { color:#E67517; } #corpo .topo .busca input { float:left; } #corpo .topo .busca .campo { width:195px; height:19px; margin-right:0.5em; padding:2px 2px 0px 5px; border:1px solid #908D88; font-size:0.75em; } /* ----------------------------------------- Definições Específicas - Conteúdo: Gerais ----------------------------------------- */ #principal h3 { font-size:1em; font-weight:bold; } #principal h4 { font-size:1em; } #principal p { font-size:1em; } #principal a:hover { text-decoration:underline; } /* ----------------------------------------- Definições Específicas - Conteúdo: Início ----------------------------------------- */ #principal .inicio { width:912px; } #principal .inicio h3 { padding-bottom:1px; padding-left:24px; color:#fff; text-transform:uppercase; line-height:22px; } #principal .inicio h4 { margin:0px; color:#CA760F; text-transform:none; } #principal .inicio h4 span { margin:0px; color:#000000; text-transform:none; font-size:1em;} #principal .inicio p { margin:0; margin-bottom:10px; padding:4px 0; line-height:1.25em; text-align:left; } #principal .inicio .destaque { font-size:1em; font-weight:bold; color:#E77817; line-height:1.5em; } #principal .inicio .mais { height:14px; position:absolute; top:5px; right:8px; font-size:0.8em; color:#fff; line-height:14px; } #principal .inicio a:hover p { text-decoration:underline; } #principal .inicio a:hover h4 { text-decoration:underline; } #principal .inicio a:hover h4 span { text-decoration:underline; } #principal .inicio .superior, #principal .inicio .inferior { padding-bottom:16px; } /* Superior */ #principal .inicio .superior .esquerda { width:460px; height:234px; float:left; } #principal .inicio .superior .direita { width:438px; height:232px; float:right; overflow:hidden; } #principal .inicio .superior .direita { position:relative; border:1px solid #E2E2E0; background:url(/imgs/bg_noticias.jpg) repeat-x 0px 30px; } #principal .inicio .superior .direita h3{ background:url(/imgs/ico_ultimasnoticias.png) no-repeat 5px 5px; color:#7C7974; line-height:30px;} #principal .inicio .superior .direita div p { font-size:0.9em; } #principal .inicio .superior .direita .bloco_destaque { height:60px; position:relative; top:12px; padding-left:14px; } #principal .inicio .superior .direita .bloco_destaque h4{ font-size:1.6em; color:#000; } #principal .inicio .superior .direita .bloco_destaque h4 span { font-size:1.6em; color:#000; } #principal .inicio .superior .direita .blocos_linha { height:55px; margin-top:10px; clear:both; padding-left:8px; } #principal .inicio .superior .direita .bloco_pequeno { width:200px; float:left; padding-left:8px; } #principal .inicio .superior .direita .bloco_pequeno p { margin-bottom:0; } #principal .inicio .superior .direita .mais { top:8px; color:#908D88; } /* Destaques */ #principal .inicio .destaques .box1, #principal .inicio .destaques .box2, #principal .inicio .destaques .box3 { height:300px; float:left; position:relative; margin-right:16px; text-align:left; overflow:hidden; } #principal .inicio .destaques div .item_superior { margin-bottom:17px; } #principal .inicio .destaques div h3 { margin-bottom:0.5em; background-position:3px 2px; background-repeat:no-repeat; font-size:0.95em; text-align:left; } #principal .inicio .destaques div .contentbox { padding:0 14px; } #principal .inicio .destaques div .contentbox .list { } #principal .inicio .destaques div .contentbox .list li { margin:5px 0; padding:5px 0 12px 0; border-bottom:1px solid #DBDBDB; font-size:1em; color:#4C473F; text-align:left; } #principal .inicio .destaques div .contentbox .list .last { border-bottom:none; } #principal .inicio .destaques div .contentbox .list li a { color:#4C473F; } /* Destaques - Box1 */ #principal .inicio .destaques .box1 { width:210px; border:1px solid #FC8056; background-image:url(/imgs/bg_box.jpg) repeat-x top; } #principal .inicio .destaques .box1 h3 { background-color:#FC8056; background-image:url(/imgs/ico_tvarquidiocese.png); } #principal .inicio .destaques .box1 .contentbox h4 { margin-top:1.4em; margin-bottom:0.8em; } #principal .inicio .destaques .box1 .contentbox p { margin-top:0.4em; margin-bottom:0; } /* Destaques - Box2 */ #principal .inicio .destaques .box2 { width:242px; border:1px solid #DBDBDB; background-image:url(/imgs/bg_box.jpg) repeat-x top; } #principal .inicio .destaques .box2 h3 { background-color:#DBDBDB; background-image:url(/imgs/ico_comentarios.png); color:#000000; } #principal .inicio .destaques .box2 .mais { color:#000000; } /* Destaques - Box3 */ #principal .inicio .destaques .box3 { width:420px; margin-right:0; } #principal .inicio .destaques .box3 .top { height:104px; clear:both; } #principal .inicio .destaques .box3 .bottom { clear:both; } #principal .inicio .destaques .box3 .top .smallbox1, #principal .inicio .destaques .box3 .top .smallbox2, #principal .inicio .destaques .box3 .bottom .smallbox1, #principal .inicio .destaques .box3 .bottom .smallbox2 { position:relative; float:left; overflow:hidden; } #principal .inicio .destaques .box3 .top .smallbox1, #principal .inicio .destaques .box3 .bottom .smallbox1 { margin-right:16px; } #principal .inicio .destaques .box3 .top .smallbox1 img { margin:0; padding:0; } #principal .inicio .destaques .box3 .top .smallbox2 { width:284px; height:90px; border:1px solid #CA760F; background:url(/imgs/bg_eureporter.jpg) repeat-x top; } #principal .inicio .destaques .box3 .top .smallbox2 h3 { width:97px; height:24px; display:block; margin-top:0; padding-top:0; background:url(/imgs/title_eureporter.jpg) no-repeat left top; } #principal .inicio .destaques .box3 .top .smallbox2 h3 span { display:none; } #principal .inicio .destaques .box3 .top .smallbox2 p { margin-bottom:0; padding-bottom:0; } #principal .inicio .destaques .box3 .top .smallbox2 .mais { color:#000000; } #principal .inicio .destaques .box3 .bottom .smallbox1 { width:275px; height:194px; border:1px solid #5AA0AC; background-image:url(/imgs/bg_box.jpg) repeat-x top; } #principal .inicio .destaques .box3 .bottom .smallbox1 h3 { background-color:#5AA0AC; background-image:url(/imgs/ico_declaracoesoficiais.png); color:#ffffff; } #principal .inicio .destaques .box3 .bottom .smallbox1 .list li { margin:3px 0; padding:4px 0 9px 0; } #principal .inicio .destaques .box3 .bottom .smallbox2 { width:124px; height:194px; border:1px solid #999999; background-image:url(/imgs/bg_box.jpg) repeat-x top; } #principal .inicio .destaques .box3 .bottom .smallbox2 h3 { background-color:#999999; background-image:url(/imgs/ico_campanhas.png); color:#ffffff; } #principal .inicio .destaques .box3 .bottom .smallbox2 img { margin:0; padding:0; } /* Inferior */ #principal .inicio .inferior { height:80px; margin-top:16px; text-align:left; clear:both; overflow:hidden; } #principal .inicio .inferior .box1, #principal .inicio .inferior .box2, #principal .inicio .inferior .box3 { height:80px; float:left; border:1px solid #DBDBDB; background-image:url(/imgs/bg_box_larger.jpg); text-align:left; overflow:hidden; } #principal .inicio .inferior div h3 { height:15px; margin-top:0; padding-top:0; background-position:left top; background-repeat:no-repeat; } #principal .inicio .inferior div h3 span { display:none; } #principal .inicio .inferior .box1 { width:380px; } #principal .inicio .inferior .box1 h3 { width:63px; background-image:url(/imgs/title_online.jpg); } #principal .inicio .inferior .box1 ul { margin-top:6px; clear:both; } #principal .inicio .inferior .box1 ul li { width:90px; float:left; margin:4px 4px 4px 14px; font-size:0.9em; text-align:left; } #principal .inicio .inferior .box1 ul .largetext { width:130px; } #principal .inicio .inferior .box2 { width:260px; } #principal .inicio .inferior .box2 h3 { width:64px; background-image:url(/imgs/title_siganos.jpg); } #principal .inicio .inferior .box2 ul { clear:both; } #principal .inicio .inferior .box2 ul li { width:70px; float:left; margin:0px 6px; text-align:left; } #principal .inicio .inferior .box3 { width:260px; _width:251px; } #principal .inicio .inferior .box3 h3 { width:86px; background-image:url(/imgs/title_vejatambem.jpg); } #principal .inicio .inferior .box3 ul { margin:0 8px; _margin:0 0 0 2px; clear:both; } #principal .inicio .inferior .box3 ul li { float:left; margin:0px 6px; text-align:left; } /* ------------------------------------------- Definições Específicas - Conteúdo: Internas ------------------------------------------- */ #principal .internas h3 { padding:0.75em 0; font-size:2.3em; color:#4C4840; line-height:1.25em; } #principal .internas h4 { padding:1em 0; font-size:1.25em; font-weight:bold; color:#A5600C; line-height:1.5em; } #principal .internas h5 { font-size:1.1em; font-weight:bold; color:#A5600C; text-transform:uppercase; line-height:2.5em; } #principal .internas h5 a { color:#E98811; } #principal .internas h6 { font-size:1.1em; font-weight:bold; color:#A5600C; text-transform:uppercase; line-height:1.25em; } #principal .internas p { padding:0.75em 0; line-height:1.5em; text-align:justify; } #principal .internas p a { font-weight:bold; color:#F1AB33; } #principal .internas .destaque { font-weight:bold; } #principal .internas .obs { font-style:italic; } #principal .internas .sobre { padding:0.25em; font-size:0.75em; vertical-align:3px; } #principal .internas .voltar { padding-top:4em; } #principal .internas .escrevasuapergunta{ padding:2em 0; text-align:center; } #principal .internas .enviarumapergunta { padding-left:2em; background:url(/imgs/ico_perguntas.jpg) no-repeat left; font-weight:bold; color:#4C4840; } #principal .internas .enviarumapergunta:hover { text-decoration:none; color:#F1AB33; } #principal .internas ul li { list-style:url(/imgs/lista_contentbar.png) outside; margin:0.5em 0 0.5em 2.5em; line-height:1.25em; text-align:left; } #principal .internas ul li ul { padding-bottom:0.75em; } #principal .internas ul li ul li { list-style:url(/imgs/lista_sidebar.png) outside; color:#A55F0C; } #principal .internas ul li ul li a { color:#A55F0C; } #principal .internas .img_esquerda { margin-right:1.5em; margin-bottom:1.5em; } #principal .internas .img_direita { margin-left:1.5em; margin-bottom:1.5em; } /* Fale Conosco */ #principal .internas .faleconosco p { padding:0; padding-bottom:1em; } #principal .internas .faleconosco .img_esquerda { margin-top:1.5em; margin-bottom:1em; } /* Links */ #principal .internas .links li { margin-bottom:2.5em; margin-left:1.5em; } #principal .internas .links li h4 { padding:0; font-size:1.1em; text-transform:uppercase; } #principal .internas .links li ul li { list-style-type:none; list-style-image:none; margin:1.25em 0.5em; color:#4C4840; } #principal .internas .links li ul li h5 { font-size:1em; font-weight:bold; color:#4C4840; text-transform:none; line-height:1.5em; } #principal .internas .links li ul li p { padding:0; color:#4C4840; line-height:1.5em; } /* Faq */ #principal .internas .faq ul { margin-top:1.5em; } #principal .internas .faq li { margin-left:1.5em; margin-bottom:0.75em; } #principal .internas .faq li a { color:#4C4840; } #principal .internas .faq li a:hover { text-decoration:none; color:#F1AB33; } /* Formulário */ #principal .internas .formulario { width:625px; margin-top:1em; } #principal .internas .formulario .esquerda { width:295px; float:left; } #principal .internas .formulario .direita { width:295px; float:right; } #principal .internas .formulario p { margin:2px 0; padding:0; font-weight:bold; } #principal .internas .formulario p span { font-weight:normal; } #principal .internas .formulario p input { width:100%; height:19px; margin-bottom:1.5em; padding:2px 5px; border:1px solid #908D88; background:url(/imgs/bg_input.jpg) repeat-x; font-size:1em; } #principal .internas .formulario p textarea, #principal .internas .formulario p select { width:100%; margin-top:3px; padding:2px 5px; border:1px solid #908D88; background:url(/imgs/bg_input.jpg) repeat-x; font-family:"Lucida Sans Unicode", " Lucida Grande", "Trebuchet MS"; font-size:1em; color:#4C4840; } #principal .internas .formulario p select { width:307px; margin:0; font-weight:normal; } #principal .internas .formulario p .enviarmensagem, #principal .internas .formulario p .enviarpergunta, #principal .internas .formulario p .cancelar{ width:126px; height:23px; margin:0; margin-top:1.5em; padding:0; border:none; } #principal .internas .formulario p .cancelar{ margin-left:1em; } #principal .internas .formulario .arquivo_input_textbox{ width:500px; border:1px solid #908D88; float:left; height:19px; background:url(/imgs/bg_input.jpg) repeat-x; font-size:1em; padding:2px 5px; } #principal .internas .formulario .arquivo_input_div{ position:relative; width:103px; height:25px; overflow:hidden; margin-bottom:1em;} #principal .internas .formulario .arquivo_input_button{ width:100px; margin-left:3px; height:25px; position:relative; top:0px; background-color:#908D88; color:#FFFFFF; border-style:none;} #principal .internas .formulario .arquivo_input_hidden{ height:25px; font-size:45px; position:absolute; right:0px; top:0px; opacity:0; filter:alpha(opacity=0); -ms-filter:"alpha(opacity=0)"; -khtml-opacity:0; -moz-opacity:0;} #principal .internas .formulario p .enviarcomentario, #principal .internas .formulario p .enviarmensagem, #principal .internas .formulario p .enviarpergunta, #principal .internas .formulario p .cancelar { width:126px; height:23px; margin:0; margin-top:1.5em; padding:0; border:none; } #principal .internas .formulario p .cancelar { margin-left:1em; } #principal .internas .formulario p .enviarcomentario { width:125px; } /* Galeria de Eventos */ #principal .internas .galeria, #principal .internas .galeriainterna { width:635px; margin:0; margin-top:3em; padding:0; overflow:hidden; } #principal .internas .galeria div { width:185px; height:200px; float:left; margin-right:25px; padding-top:1px; text-align:left; } #principal .internas .galeria div a { border:none; font-weight:normal; color:#4C4840; } #principal .internas .galeria div p { padding:0.25em 0; text-align:center; line-height:1.25em; } #principal .internas .galeriainterna div { width:100px; height:100px; float:left; padding-bottom:1em; margin-right:27px; text-align:center; } #principal .internas .galeriainterna div a { border:none; } /* Comentários */ #principal .internas .comentarios { margin-top:3em; } #principal .internas .comentarios .cabecalho { position:relative; } #principal .internas .comentarios .cabecalho .enviarcomentario { width:125px; height:23px; display:block; position:absolute; top:6px; right:6px; background:url(/imgs/bt_enviarcomentario.jpg) no-repeat; } #principal .internas .comentarios .cabecalho .enviarcomentario span { display:none; } #principal .internas .comentarios h3 { padding:0.5em 0.8em; background-color:#F0F0F0; font-size:1.2em; font-weight:bold; color:#A5600C; line-height:1.5em; } #principal .internas .comentarios ul { border-top:1px dashed #908D88; } #principal .internas .comentarios ul li { list-style:none; list-style-image:none; margin:0.2em 0; padding:0.2em 1.4em 0.8em 1.4em; border-bottom:1px dashed #908D88; background:none; } #principal .internas .comentarios ul li p { padding:0.6em 0; } #principal .internas .comentarios ul li .citacao { font-style:italic; } #principal .internas .comentarios ul li .autor span { font-weight:bold; } #principal .internas .comentarios .obs { margin-top:1em; font-size:0.9em; font-weight:normal; font-style:normal; } #principal .internas .comentarios .captcha { font-size:0.8em; font-weight:normal; font-style:normal; } #principal .internas .comentarios .captcha img { border:solid 1px #ccc; margin:0; vertical-align:middle; } #principal .internas .comentarios .captcha input { font-size:2.0em; font-weight:bold; height:30px; margin:0; vertical-align:middle; } /* Calendário */ #principal .internas .calendario { float:right; position:absolute; top:55px; right:0; text-align:right; } #principal .internas .calendario p { margin:0; padding:0; color:#A5600C; text-align:right; line-height:1.75em; clear:both; } #principal .internas .calendario .data { float:right; padding-left:2em; background:url(/imgs/calendario.jpg) no-repeat left; font-weight:bold; } /* Migalhas */ #principal .internas .migalhas { padding-bottom:1.75em; font-size:0.85em; } #principal .internas .migalhas li { list-style:none; float:left; margin:0; padding-right:1.5em; background:url(/imgs/migalhas.jpg) no-repeat right; } #principal .internas .migalhas li a { color:#B4B2AF; } #principal .internas .migalhas .current { font-weight:bold; padding:0; background:none; } /* Resources */ #principal .resources ul li { list-style:none; list-style-image:none; margin:0; padding:0; } #principal .resources ul * { margin:0; padding:0; } #principal .resources { margin-top:5em; } #principal .resources * { margin:0; padding:0; } #principal .resources ul { height:35px; margin:0 auto; text-align:center; list-style:none; } #principal .navaddthis { border-top: solid 1px #DDD; border-bottom: solid 1px #DDD; } #principal .resources ul li { height:24px; float:left; mmargin:0 1em; text-align:left; padding: 10px 0px 5px 0px; } #principal .resources ul li a { height:16px; display:block; background-repeat:no-repeat; background-position:left; color:#000000; } #principal .resources li a:hover { color:#CBA308; } #principal .resources .sep { width:20px; text-align:center; } #principal .resources .ico { width:30px; text-align:center; } #principal .resources .send { width:142px; } #principal .resources .send a { padding-left:0; } #principal .resources .print { width:80px; } #principal .resources .print a { background-image:url(/imgs/sidebar/ico_imprimir.png); padding-left:1.8em; } /* Sidebar */ #principal .internas .sidebar div { width:210px; margin:0 auto; margin-top:2em; padding-top:1.5em; border-top:1px dashed #C8C6C4; font-size:0.9em; } #principal .internas .sidebar div ul li { list-style:url(/imgs/lista_sidebar.png) outside; margin:0em 2.5em 1em 2.5em; color:#4C4840; line-height:1.25em; } #principal .internas .sidebar div ul li a { color:#4C4840; } #principal .internas .sidebar .funcoes { margin:0 auto; border:none; font-size:0.85em; } #principal .internas .sidebar .funcoes ul li{ list-style:none; list-style-image:none; margin-left:1.5em; line-height:1.5em; } #principal .internas .sidebar .funcoes ul .alto{ padding-bottom:0.75em; } #principal .internas .sidebar .funcoes ul li a { padding:0.25em 0; padding-left:2.5em; } #principal .internas .sidebar .funcoes ul li .imprimir { background:url(/imgs/sidebar/ico_imprimir.png) left no-repeat; } #principal .internas .sidebar .funcoes ul li .enviar { background:url(/imgs/sidebar/ico_enviar.png) left no-repeat; } #principal .internas .sidebar .funcoes ul li .compartilhar { background:url(/imgs/sidebar/ico_compartilhar.png) left no-repeat; } #principal .internas .sidebar .funcoes ul li .faleconosco { background:url(/imgs/sidebar/ico_faleconosco.png) left no-repeat; } #principal .internas .sidebar .funcoes ul li .fonte { padding:0; } #principal .internas .sidebar .funcoes ul li a img { display:inline; position:relative; top:5px; } /* Recursos */ #principal .internas .sidebar .funcoes ul li #recursos { height:30px; } #principal .internas .sidebar .funcoes ul li #recursos li { float:left; margin:0; margin-right:5px; padding:0; } #principal .internas .sidebar .funcoes ul li #recursos li a { margin:0; padding:0; } /* ------------------------------- Definições Específicas - Rodape ------------------------------- */ #corpo .rodape p { margin:0 0.5em; font-size:0.7em; } #corpo .rodape .info { float:left; } #corpo .rodape .info p { text-align:left; } #corpo .rodape .mediabrasil { float:right; margin-top:0.5em; } #corpo .rodape .mediabrasil p { font-size:0.65em; color:#999; text-align:right; } #corpo .rodape .mediabrasil p a { position:relative; top:3px; } #corpo .rodape .mediabrasil p a img { border:none; }