/* LITURGIA */
.area_noticias { width: 100%; height: auto; margin: 0 auto; padding: 15px 0px; }
.area_noticias p { font-size: 14px; text-align: justify; color: #737373; 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; }

.introducao-geral { font-size: 18px; font-weight: bold; color: var(--cor-principal); }

#dados_indicacao { display: none; width: 740px; float: left; height: 400px; padding: 15px; margin-top: 10px; }
#dados_indicacao label { width: 110px; text-align: right; float: left; font-size: 12px; padding: 8px 10px 5px 150px; }
#dados_indicacao input { float: left; background-color: #ebebeb; color: var(--cor-primaria); font-size: 12px; height: 24px; padding: 3px; margin: 2px 0px; }
#dados_indicacao textarea { float: left; background-color: #ebebeb; color: var(--cor-primaria); font-size: 12px; height: 90px; padding: 3px; margin: 2px 0px; }
#dados_indicacao .bte { width: auto; padding: 6px 30px; height: auto; background-color: var(--cor-primaria); font-size: 16px; font-weight: 800; color: #FFFFFF; text-transform: uppercase; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; cursor: pointer; }
#dados_indicacao .titulo { color: var(--cor-primaria); font-size: 32px; line-height: 32px; font-weight: 700; text-align: center; width: 100%; padding-bottom: 20px; }

.divulgacao { width: 770px; float: left; height: 50px; margin-top: 30px; }
.divulgacao .compartilhe { float: left; width: 151px; }
.divulgacao .imprimir { float: right; cursor: pointer; width: 31px; height: 31px; background:url(../imagens/sprite-icones.png) no-repeat -267px -51px; }
.divulgacao .indicar { float: right; cursor: pointer; width: 31px; height: 31px; background:url(../imagens/sprite-icones.png) no-repeat -232px -51px; margin-right: 10px; }
.divulgacao .face { float: right; width: 31px; height: 31px; background:url(../imagens/sprite-icones.png) no-repeat -199px -51px; margin-right: 10px; }

.propNoti { width: 770px; margin: 0 auto; color: #000000; font-size: 14px; line-height: 20px; text-align: justify; float: left; }
.propNoti img{ float: left; margin: 0px 20px 20px 0px; padding: 0px 20px 20px 0px; margin-bottom: 7px; max-width: 350px; }

.relaciona { width: 200px; height: auto; position: absolute; left: 50%; margin-left:300px; text-align: left; z-index: 10; }
.relaciona #calendario { width: 190px; height: 232px; background-color: #ffffff; padding: 40px 5px 10px 5px; }
.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: #000000; 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: #000000; font-size: 11px; float: right; background: url(../imagens/right.png) no-repeat right center; }
.relaciona #calendario .dias { width: 190px; border-bottom: 1px solid #000000; height: 15px; color: #ffffff; text-align: center; padding: 4px 0px; }
.relaciona #calendario .dias li { float: left; padding: 0 4px 0 3px; text-transform: uppercase; text-align: center; font-size: 10px; color: #000000; font-weight: bold;  -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
.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: #000000; cursor: pointer; text-align: center; font-size: 10px; font-weight: bold;  -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
.relaciona #calendario .uteis li:hover { background-color: #f4f6f8; color: #000000; } 
.relaciona #calendario .uteis li.ativo { background-color: var(--cor-primaria); color: #ffffff; } 
.relaciona #calendario .uteis li.nohover { background-color: #ffffff; cursor: default; } 
.relaciona #calendario .hoje { width: 190px; border-top: 1px solid #000000; height: 15px; background-color: #ffffff; color: #000000; 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: #000000; }
.relacionados .vemais li .contexto { font-weight: normal; font-size: 12px; color: #000000; 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; }

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

.abas { float: right; width: auto; height: auto; margin: 0px 270px 10px 0px; }
.abas li { list-style-type: none; float: left; padding: 10px 15px; cursor: pointer; font-size: 11px; color: #000000; background-color: #f9f9f9; margin-right: 6px; font-weight: 500;  -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
.abas li.ativo, .abas li.ativo:hover { background-color: var(--cor-primaria); color: #ffffff; cursor: default; }
.abas li:hover { background-color: var(--cor-primaria); color: #ffffff; }

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

@media screen and (max-width: 1024px) {
	section { padding: 80px 0px 50px 0px; !important }

	.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, .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; }


}