section { background-color: #ffffff; padding: 0px 0px 30px 0px; }

/* INTRO */
.introducao-geral { width: 100%; height: auto; padding: 10px 0px 50px 0px; position: relative; }
.introducao-geral .titulo { width: 100%; height: auto; position: relative; text-align: left; letter-spacing: -0.5px; line-height: 30px; font-family: var(--fonte-padrao); color: var(--cor-primaria); font-weight: 800; font-size: 24px; }

/* LITURGIA */
.area_noticias { width: 100%; height: auto; margin: 0 auto; padding: 15px 0px; }
.area_noticias p { font-size: 13px; text-align: justify; color: var(--cor-texto); margin: 50px 0px 40px 0px; }
.area_noticias a { text-decoration: none; float: right; background-color: #bdbdbd; font-weight: bold; padding: 2px 8px 3px 8px; font-size: 11px; text-transform: uppercase; color: #ffffff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

.vdata { width: 64px; height: 64px; position: absolute; font-size: 26px; line-height: 50px; letter-spacing: -2px; text-align: left; color: #fba919; }
.vdata div { font-size: 14px; letter-spacing: -1px; text-transform: uppercase; margin:0px 3px 0px 0px; font-weight: bold; float: right; }

.noticiaAtivo { padding: 20px 0px; min-height: 500px; }

.noticiaAtivo { width: 870px; margin: 0 auto; color: var(--cor-texto); font-size: 13px; padding: 0px 0px 50px 0px; line-height: 24px; text-align: left; display:inline-block; vertical-align:top; }
.propNoti { width: 100%; height: auto; line-height: 24px; text-align: left; display:inline-block; vertical-align:top; }
.propNoti img{ float: left; margin: 0px 20px 20px 0px; margin: 0px 20px 20px 0px; margin-bottom: 7px; max-width: 350px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }

/*ABAS*/
.abas { float: right; width: auto; height: auto; margin: 0px; position:relative; }
.abas li { list-style-type: none; float: left; padding: 6px 15px; cursor: pointer; font-size: 13px; color: #ffffff; font-family: var(--fonte-destaque); background-color: var(--cor-primaria); margin-right: 6px; font-weight: 700;  -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.abas li.ativo, .abas li.ativo:hover { background-color: var(--cor-secundaria); color: #ffffff; cursor: default; font-weight:700; }
.abas li:hover { background-color: var(--cor-primaria); color: #ffffff; }

/*CALENDÁRIO*/
.relaciona { width: 230px; height: auto; position: absolute; right: 0px; text-align: left; z-index: 10; }
.relaciona #calendario { width: 190px; height: 232px; padding: 20px; background-color: #f4f6f8;-webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
.relaciona #calendario .topo_c { width: 190px; height: 24px; }
.relaciona #calendario .topo_c .mesatual { width: 120px; text-align: center; margin: 0 auto; font-weight: 900; text-transform: uppercase; color: #000000; font-size: 11px; float: left; }
.relaciona #calendario .topo_c .mesanterior { width: 35px; cursor: pointer; text-align: right; text-transform: uppercase; color: var(--cor-texto); font-size: 11px; float: left; background: url(../imagens/left.png) no-repeat left center; }
.relaciona #calendario .topo_c .mesposterior { width: 35px; cursor: pointer; text-align: left; text-transform: uppercase; color: var(--cor-texto); font-size: 11px; float: right; background: url(../imagens/right.png) no-repeat right center; }
.relaciona #calendario .dias { width: 190px; border-bottom: 1px solid #eaeaea; height: 15px; color: #ffffff; text-align: center; padding: 4px 0px; }
.relaciona #calendario .dias li { float: left; padding: 0 4.5px; text-transform: uppercase; text-align: center; font-size: 9px; color: #000000; font-weight: bold;  -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
.relaciona #calendario .uteis { width: 190px; height: 160px; text-align: center; padding: 4px 0px; }
.relaciona #calendario .uteis li { float: left; width: 27px; height: 26px; line-height: 26px; color: var(--cor-texto); cursor: pointer; text-align: center; font-size: 10px; font-weight: bold; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
.relaciona #calendario .uteis li:hover { background-color: #ffffff; color: var(--cor-primaria); } 
.relaciona #calendario .uteis li.ativo { background-color: var(--cor-secundaria); color: #ffffff; } 
.relaciona #calendario .uteis li.nohover { background-color: transparent; cursor: default; } 
.relaciona #calendario .hoje { width: 190px; border-top: 1px solid #eaeaea; height: 15px; color: var(--cor-texto); font-size: 11px; font-weight: 400; letter-spacing: 1px; text-align: center; padding: 4px 0px; }

.relacionados { width: 200px; height: auto; position: absolute; left: 50%; margin-left:300px; margin-top: 20px; text-align: left; }
.relacionados .vemais li { list-style-type: none; float: left; width: 200px; height: 65px; }
.relacionados .vemais li .topico { font-weight: bold; font-size: 14px; color: #777777; }
.relacionados .vemais li .contexto { font-weight: normal; font-size: 12px; color: #777777; text-align: justify; }
.relacionados .vemais li .image { width: 80px; height: 70px; float: left; padding: 0px 0px 10px 0px; }
.relacionados .vemais li .image img { width: 70px; height: 60px; }
.relacionados .paginacao { width: 200px; height: 30px; margin: 0 auto; text-align: center; }

.segunda, .salmo, .evangelho { display: none; }

@media screen and (max-width: 1024px) {
	.noticiaAtivo { width:100%; }

	.propNoti { width: 94%; padding: 0px 3%; text-align: center; }
	.propNoti img{ float: none; clear: both; text-align: center; display: inline-block; margin: 0px 0px 20px 0px; padding: 0px 0px 10px 0px; max-width: 100%; }

	.introducao-geral .titulo, .introducao-geral, .pagina { text-align: center; }

	.relaciona { width: 100%; float: none; height: auto; position: relative; left: inherit; margin-left:inherit; text-align: center; display: inline-block; text-align: center; }
	.relaciona #calendario { display: inline-block; vertical-align: top; position: relative; }
	.relacionados { display: none; }

	#dados_indicacao { display: none; width: 100%; float: none; height: 400px; padding: 15px 0px; margin-top: 10px; }
	#dados_indicacao label { width: 30%; text-align: left; float: left; padding: 8px 0px 8px 10px; }
	#dados_indicacao input { float: left; width: 100% !important; font-size: 12px; height: 24px; padding: 3px 0px; margin: 2px 0px; }
	#dados_indicacao textarea { float: left; width: 100% !important; font-size: 12px; height: 90px; padding: 3px 0px; margin: 2px 0px; }
	#dados_indicacao .titulo { font-size: 28px; letter-spacing: 0px; color: var(--cor-primaria); font-weight: bold; text-align: center; padding-bottom: 20px; }
	
	.divulgacao { width: 100%; float: none; clear: both; height: 50px; margin-top: 30px; text-align: center; }
	.divulgacao .compartilhe { float: none; display: inline-block; width: 151px; }
	.divulgacao .imprimir { float: none; display: inline-block; cursor: pointer; width: 31px; height: 31px; background:url(../imagens/sprite-icones.png) no-repeat -267px -51px; }
	.divulgacao .indicar { float: none; display: inline-block; cursor: pointer; width: 31px; height: 31px; background:url(../imagens/sprite-icones.png) no-repeat -232px -51px; margin-right: 10px; }
	.divulgacao .face { float: none; display: inline-block; width: 31px; height: 31px; background:url(../imagens/sprite-icones.png) no-repeat -199px -51px; margin-right: 10px; }

.paginacao { width: 100%; height: 30px; margin: 0 auto; text-align: center; }

.abas { float: none; clear: both; display: inline-block; width: 100%; height: auto; margin: 0px 0px 10px 0px; text-align: center; }
.abas li { list-style-type: none; float: none; display: inline-block; padding: 10px 15px; cursor: pointer; font-size: 11px; color: var(--cor-primaria); background-color: #f9f9f9; margin-right: 6px; }


}