* { -webkit-box-sizing: initial !important; -moz-box-sizing: initial !important; box-sizing: initial !important; }

/*AGENDA*/
#agenda { width: 100%; height: auto; margin: 0px 0px 50px 0px; }
#agenda ul { width: 100%; height: auto; position: relative; clear: both; list-style-type: none; }
#agenda ul li { width: 317px; display: inline-block; vertical-align: top; padding-bottom: 30px; margin: 0px 10px 20px 10px; }

#agenda ul li .moldura .encerrado { width: 100%; height: 187px; line-height: 187px; font-size: 13px; text-align: center; background-color: rgba(255,255,255,0.5); color: var(--cor-primaria); position: absolute; top: 0px; left: 0px; z-index: 100; letter-spacing: 2px; font-weight: 700; }

#agenda ul li .moldura { width: 317px; height: 187px; overflow: hidden; position: relative; display: block; }
#agenda ul li .moldura img { width: 317px; height: auto; z-index: 11; position: relative; }
#agenda ul li .resumo { text-align: left; position: relative; width: 100%; height: auto; padding: 10px 0px; }
#agenda ul li .resumo .info { text-align: left; position: relative; display: inline-block; vertical-align: top; width: -moz-calc(100% - 75px); width: -webkit-calc(100% - 75px); width: -o-calc(100% - 75px); width: calc(100% - 75px); height: auto; padding: 0px; }
#agenda ul li .resumo .info .titulo2 { font-weight: 600; font-size: 16px; color: var(--cor-primaria); text-align: left; text-transform: none; margin: 0px 0px 5px 0px; padding: 0px; }
#agenda ul li .resumo .info p { font-size: 13px; line-height: 18px; font-weight: 400; color: #000000; text-align: left; display: inline-block; padding: 0px; }
#agenda ul li .resumo .quando { width: 50px; padding: 12px 5px; background-color: var(--cor-primaria); position: relative; display: inline-block; vertical-align: top; margin: 0px 10px 0px 0px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-border-radius: 26px; -moz-border-radius: 26px; -o-border-radius: 26px; border-radius: 26px; font-family: var(--fonte-padrao); color: #ffffff; line-height: 22px; font-size: 22px; font-weight: 600; text-align: center; }
#agenda ul li:hover .moldura img { -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }
#agenda ul li .resumo .quando span.menor { font-size: 16px !important; letter-spacing: -1px; }

.encerrado { width: 100%; height: auto; position: relative; background-color: var(--cor-primaria); color: #ffffff; padding: 30px 0px; text-align: center; font-size: 13px; }


.anteriores { width: 100%; height: auto; padding: 50px 0px; border-top: 2px solid #f9f9f9; }
.anteriores ul { width: 100%; height: auto; position: relative; clear: both; list-style-type: none; }
.anteriores ul li { width: 317px; display: inline-block; vertical-align: top; padding-bottom: 30px; margin: 0px 10px 20px 10px; }

.anteriores ul li .moldura .encerrado { width: 100%; height: 187px; line-height: 187px; font-size: 13px; text-align: center; background-color: rgba(255,255,255,0.5); color: var(--cor-primaria); position: absolute; top: 0px; left: 0px; z-index: 100; letter-spacing: 2px; font-weight: 700; }

.anteriores ul li .moldura { width: 317px; height: 187px; overflow: hidden; position: relative; display: block; }
.anteriores ul li .moldura img { width: 317px; height: auto; z-index: 11; position: relative; }
.anteriores ul li .resumo { text-align: left; position: relative; width: 100%; height: auto; padding: 10px 0px; }
.anteriores ul li .resumo .info { text-align: left; position: relative; display: inline-block; vertical-align: top; width: -moz-calc(100% - 75px); width: -webkit-calc(100% - 75px); width: -o-calc(100% - 75px); width: calc(100% - 75px); height: auto; padding: 0px; }
.anteriores ul li .resumo .info .titulo2 { font-weight: 600; font-size: 16px; color: var(--cor-primaria); text-align: left; text-transform: none; margin: 0px 0px 5px 0px; padding: 0px; }
.anteriores ul li .resumo .info p { font-size: 13px; line-height: 18px; font-weight: 400; color: #000000; text-align: left; display: inline-block; padding: 0px; }
.anteriores ul li .resumo .quando { width: 50px; padding: 12px 5px; background-color: var(--cor-primaria); position: relative; display: inline-block; vertical-align: top; margin: 0px 10px 0px 0px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-border-radius: 26px; -moz-border-radius: 26px; -o-border-radius: 26px; border-radius: 26px; font-family: var(--fonte-padrao); color: #ffffff; line-height: 22px; font-size: 22px; font-weight: 600; text-align: center; }
.anteriores ul li:hover .moldura img { -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }
.anteriores ul li .resumo .quando span.menor { font-size: 16px !important; letter-spacing: -1px; }

.fc-title { color: #ffffff !important }

/*CALENDÁRIO*/
.relaciona { width: 200px; height: auto; position: relative; float: left; text-align: left; }
.relaciona #calendario { width: 190px; height: 232px; background-color: #ffffff; padding: 40px 5px 10px 5px; }
.relaciona #calendario .topo { width: 190px; height: 24px; }
.relaciona #calendario .topo .mesatual { width: 120px; text-align: center; margin: 0 auto; font-weight: 700; text-transform: uppercase; color: var(--cor-primaria); font-size: 11px; float: left; }
.relaciona #calendario .topo .mesanterior { width: 35px; cursor: pointer; text-align: right; text-transform: uppercase; color: var(--cor-primaria); font-size: 11px; float: left; background: url(../imagens/left.png) no-repeat left center; }
.relaciona #calendario .topo .mesposterior { width: 35px; cursor: pointer; text-align: left; text-transform: uppercase; color: var(--cor-primaria); 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 3.5px; text-align: center; font-size: 10px; color: #000000; font-weight: 500; }
.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: 600;  -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; }
.relaciona #calendario .uteis li:hover { background-color: #f4f6f8; }
.relaciona #calendario .uteis li.ativo { background-color: var(--cor-primaria); color: #ffffff; font-weight: 600; }
.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; }

.relaciona .filtros { width: 100%; height: auto; clear: both; margin-top: 30px; }
.relaciona .filtros h4 { width: -moz-calc(100% - 40px); width: -webkit-calc(100% - 40px); width: -o-calc(100% - 40px); width: calc(100% - 40px); height: 30px; background:url(../imagens/check-filtro.png) no-repeat 10px 12px; padding: 6px 0px 6px 40px; background-color: #000000; line-height: 30px; color: #ffffff; font-size: 12px; font-weight: 400; text-align: left; }
.relaciona .filtros ul { width: 100%; height: auto; clear: both; text-align: center; }
.relaciona .filtros ul li { width: 100%; height: auto; display: inline-block; padding: 10px 0px; background-color: #f4f3f3; }
.relaciona .filtros ul li .corc { width: 10px; float: none; display: inline-block; height: 10px; margin: 6px 15px; text-align: center; border-radius:50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }
.relaciona .filtros ul li .categoria { width: 149px; padding-right: 10px; float: none; display: inline-block; height: 22px; line-height: 22px; color: #000000; font-size: 12px; line-height: 15px; font-weight: 400; text-align: left; }

/* NOTÍCIAS */
.area_noticias { width: 980px; height: auto; margin: 0 auto; padding: 15px 0px; }
.area_noticias p { font-size: 13px; text-align: justify; color: var(--cor-texto-default); 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: 45px; float: left; font-size: 26px; line-height: 50px; letter-spacing: -2px; text-align: left; color: #fba919; margin-top: -15px; }
.vdata div { font-size: 14px; letter-spacing: -1px; text-transform: uppercase; margin:0px 3px 0px 0px; font-weight: bold; float: right; }

.ban { width: 45%; height: auto; text-align: center; margin: 0px 20px 20px 0px; position: relative; float: left; }
.ban img { width: auto; height: auto; max-width: 100%; }

.noticiaAtivo { width: 100%; padding: 0px 0px 20px 0px; min-height: 400px; display: inline-block; }

.dataativo{width: 50px; height: 60px; position: absolute; margin-top: 17px; }
.dataativo h2{font-size: 24px; font-weight: bold; color: var(--cor-texto-default); text-align: center; line-height: 24px; letter-spacing: -1px; margin-top: 5px;}
.dataativo h3{font-size: 18px; font-weight: 200; color: var(--cor-texto-default); text-align: center; line-height: 24px; letter-spacing: -1px;}

/*PRESENÇA*/
.presenca { width: 100%; height: auto; position: relative; clear: both; padding: 30px 0px; text-align: left; }
.presenca ul { width: 100%; height: auto; position: relative; clear: both; text-decoration: center; }
.presenca ul li { margin: 10px 15px 20px 15px; text-align: left; width: 160px; min-height: 300px; height: auto; position: relative; display: inline-block; vertical-align: top; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; overflow: hidden; }
.presenca ul li .avatar { width: 160px; height: 160px; position: relative; overflow: hidden;  -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
.presenca ul li .avatar img { width: 160px; height: 160px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.presenca ul li .resumo { width: -moz-calc(100% - 10px); width: -webkit-calc(100% - 10px); width: -o-calc(100% - 10px); width: calc(100% - 10px); padding: 10px 10px 10px 0px; position: relative; height: auto;  -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.presenca ul li .resumo .titulo_post { width: 100%; height: auto; padding: 6px 0px 5px 0px; position: relative; font-family: var(--fonte-padrao); color: var(--cor-texto-default); line-height: 18px; font-size: 16px; font-weight: 600; text-align: left; }
.presenca ul li .resumo .introducao_post { width: 100%; height: auto; padding: 0px; position: relative; font-family: var(--fonte-padrao); color: var(--cor-texto-default); line-height: 16px; font-size: 12px; font-weight: 400; text-align: left; }
.presenca ul li:hover { background-color: #ffffff; }
.presenca ul li:hover img { opacity: 0.6; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.presenca ul li:hover .resumo { padding: 15px 10px 10px 0px; }

/*VÍDEOS*/
.videos { width: 100%; height: auto; margin: 30px 0px 0px 0px; clear: both; position: relative; }
.videos ul { width: 100%; height: auto;position: relative; list-style-type: none; text-align: center; clear: both; }
.videos ul li { width: 300px; height: auto; margin: 10px 20px 25px 0px; display: inline-block; vertical-align: top; }
.videos ul li .avatar { float: left; margin: 0px 0px 10px 10px; position: relative; width: 300px; height: 200px; position: relative; overflow: hidden; }
.videos ul li .avatar img { width: 300px; height: 200px; -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -ms-transform: scale(1.0); -o-transform: scale(1.0); transform: scale(1.0); }
.videos ul li p { width: 100%; height: auto; font-size: 14px; letter-spacing: 1px; color: var(--cor-primaria); font-weight: 400; text-align: center; line-height: 18px; padding: 10px 0px 0px 0px; }
.videos ul li:hover img { opacity: 0.4; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

.propNoti { width: 100%; margin: 0 auto; color: var(--cor-texto-default); line-height: 24px; font-size: 14px; text-align: justify; display: inline-block; }
.propNoti img { width: auto; max-width: 100%; height: auto; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; overflow: hidden; }
.propNoti b { font-weight: 700; line-height: 24px; font-size: 14px; }
.propNoti i { font-style: italic; line-height: 24px; font-size: 14px; }
.propNoti a { font-weight: var(--cor-texto-default); line-height: 24px; font-size: 14px; text-decoration: underline; }
.propNoti .programacao { position: relative; clear: both; display: block; width: 100%; padding: 0px 0px 20px 0px; height: auto; font-size: 18px; color: var(--cor-primaria); font-weight: 700; text-align: left; }
.propNoti .programacao span { display: block; font-size: 14px; color: #000000; font-weight: 400; text-align: left }
.propNoti .programacao p { padding-left: 20px; padding-bottom: 20px; }

.localidade { width: 100%; height: auto; position: relative; color:var(--cor-texto-default); font-size:14px; line-height:24px; }
.localidade #mapa { width: 100%; height: 250px; position: relative; margin-top: 10px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; overflow: hidden; }

.titulo_global { padding-bottom: 0px; }

/*CARD VÍDEOS*/
.video_card { width: 340px; height: 285px; color: #000000; background: #ffffff url(../imagens/hover-noticias.png) no-repeat center center; font-size: 13px; margin: 0px 12px 20px 12px; display: inline-block; vertical-align: top; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; overflow: hidden; }
.video_card .play { width: 340px; height: 200px; z-index: 10; position: absolute; background-image: url(../imagens/ico-play.png); background-repeat: no-repeat; background-position: center center; background-size: auto 60px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.video_card img { opacity: 1; }
.video_card .info { width: 320px; height: 34px; position: absolute; color: #000000; font-size: 12px; text-align: center; padding: 10px; }
.video_card .info span { font-size: 13px; color: #000000; font-weight: bold; text-align: center; }
.video_card:hover img { opacity: 0.4; }
.video_card:hover { background: #f4f6f8; }
.video_card:hover .play { background-size: auto 65px; }

.conheca { float: right; width: 300px; cursor: pointer; margin: 70px 40px 40px 40px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; padding: 15px 30px; font-size: 24px; color: #084761; background-color: transparent; font-weight: 700; text-align: center; height: auto; position: relative; border: 3px solid var(--cor-primaria); }
.conheca:hover { color: #ffffff; background-color: #084761; }

@media screen and (max-width: 1024px) {
	#agenda { width: 94%; padding: 0px 3%; float: none; }
	#agenda ul { text-align: center; }
	#agenda ul li { display: inline-block; float: none; height: 500px !important; }
	#agenda ul li h2 { height: 60px; }

	.propNoti { width: 94%; padding: 0px 3%; font-size: 14px; float: none; }
	.propNoti img{ float: none; margin: 0px 0px 20px 0px; max-width: 100%; width: auto; }
	.propNoti .programacao { width: auto; }

	.noticiaAtivo { width: 100%; }

	.relaciona #calendario, .cadastre { display: none; }
	.relaciona { width: 94%; padding: 0px 3%; height: auto; position: relative; float: none; }
	.relaciona .filtros ul li .categoria { width: -moz-calc(100% - 40px); width: -webkit-calc(100% - 40px); width: -o-calc(100% - 40px); width: calc(100% - 40px); }
}

@media screen and (max-width: 900px) {
	#agenda ul li { margin: 0 0 20px 0; }
}