section { padding: 170px 0px 0px 0px; }

#agenda { width: 860px; float: right; height: auto; margin: 0px; }
#agenda ul { width: 100%; height: auto; position: relative; clear: both; list-style-type: none; }
#agenda ul li { width: 100%; height: auto; margin: 0px 10px; padding: 10px 0px; border-bottom: 1px solid #f4f6f8; text-align: left; position: relative; overflow: hidden; }
#agenda ul li .nome { width:70%; display: inline-block; vertical-align: top; height:auto; position: relative; text-align: left; font-size: 15px; line-height: 20px; padding: 5px 0px; color: #7e7880; font-weight: 400; }
#agenda ul li .nome b { font-weight: 700; color: #7e7880; font-size: 15px; text-transform: uppercase; width: 140px; display: inline-block; }
#agenda ul li .dia { width:30px; display: inline-block; vertical-align: top; height: 30px; margin-right: 10px; margin-left: 10px; padding: 0px; z-index: 10; position: relative; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #64a0e4; overflow: hidden; }
#agenda ul li .loca { height: auto; width: 15%; display: inline-block; vertical-align: top; position: relative; }
#agenda ul li:hover { background-color: #f4f6f8; }
#agenda h1 { color:#64a0e4; margin-bottom: 30px; }


.fale { width: 60%; height: auto; float: none; background-color: #ffffff; padding: 30px 0px; margin: 0 20%; position: relative; text-align: left; }
.fale #bloco1 { width: -moz-calc(50% - 20px); width: -webkit-calc(50% - 20px); width: -o-calc(50% - 20px); width: calc(50% - 20px); height: auto; display: inline-block; vertical-align: top;  margin-right: 18px; }
.fale #bloco2 { width: -moz-calc(50% - 20px); width: -webkit-calc(50% - 20px); width: -o-calc(50% - 20px); width: calc(50% - 20px); height: auto; display: inline-block; vertical-align: top;  margin-right: 0px; float: right; }
.fale #bloco3{width: 100%; height: auto; display: inline-block; vertical-align: top; }
.fale .opcoes { width: 100%; height: auto; position: relative; padding: 10px 0px 20px 0px; font-size: 12px; line-height: 20px; }
.fale .label { width: 100%; vertical-align: middle; text-align: left; font-family: 'Roboto', sans-serif; font-weight: 400; color: #000000; font-size: 14px; padding-right: 15px;}
.fale .campo { color: #969696; background-color: #ebebeb; padding: 0px 15px; width: -moz-calc(100% - 30px); width: -webkit-calc(100% - 30px); width: -o-calc(100% - 30px); width: calc(100% - 30px); height: 40px; font-size: 14px; text-align: left; font-family: 'Roboto', sans-serif; font-weight: 600; float: left; line-height: 40px;  margin-top:6px; margin-bottom: 20px;}
.fale .campo2 { color: #969696; background-color: #ebebeb; padding: 15px; width: -moz-calc(100% - 30px); width: -webkit-calc(100% - 30px); width: -o-calc(100% - 30px); width: calc(100% - 30px); height: 110px; font-size: 14px; text-align: left; font-family: 'Roboto', sans-serif; font-weight: 600; float: left;resize: none; margin-top:6px; margin-bottom: 20px;}
.fale .campo3 { color: #969696; background-color: #ebebeb; padding: 0px 15px; width: -moz-calc(100% - 30px); width: -webkit-calc(100% - 30px); width: -o-calc(100% - 30px); width: calc(100% - 30px); height: 40px; font-size: 14px; text-align: left; font-family: 'Roboto', sans-serif; font-weight: 600; float: left; line-height: 40px;  margin-top:6px; margin-bottom: 20px;}
.fale .campo2 label { width: 100%; vertical-align: middle; text-align: left; font-family: 'Roboto', sans-serif; font-weight: 600; color: #6d6d6d; font-size: 14px; padding-right: 15px; float: none; float: left; }
.fale .campo i, .fale .campo2 i, .fale .campo3 i, .fale .campo2 i { width: 50px; font-size: 15px !important; margin-right: 10px !important; color: #64a0e4 !important; }
.fale input[type=submit]{font-family: 'Roboto', sans-serif; font-weight: bold; font-size: 12px; color: #ffffff; font-weight: 600; letter-spacing: 1px; background-color: #7f7f7f; padding: 12px 15px; float: right; cursor: pointer; margin: 10px 0px 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; }
.fale input[type=submit]:hover { padding: 12px 20px; }


.menor { font-size: 20px !important }

#dados_indicacao { width: 100%; margin: 0px auto; height: auto; padding: 0px; position: relative; }

.relaciona { width: 200px; height: auto; position: relative; float: left; text-align: left; }
.relaciona #calendario { width: 190px; height: 232px; background-color: #ffffff; padding: 0px 5px 10px 5px; }
.relaciona #calendario .topo { width: 190px; height: 24px; }
.relaciona #calendario .topo .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 .mesanterior { width: 35px; cursor: pointer; text-align: right; text-transform: uppercase; color: #575757; 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: #575757; font-size: 11px; float: right; background: url(../imagens/right.png) no-repeat right center; }
.relaciona #calendario .dias { width: 190px; border-bottom: 1px solid #575757; height: 15px; color: #ffffff; text-align: center; padding: 4px 0px; }
.relaciona #calendario .dias li { float: left; padding: 0 4px 0 3px; text-align: center; font-size: 10px; color: #000000; font-weight: bold;  -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.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: #575757; cursor: pointer; text-align: center; font-size: 10px; font-weight: bold;  -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.relaciona #calendario .uteis li:hover { background-color: #575757; color: #ffffff; } 
.relaciona #calendario .uteis li.ativo { background-color: #64a0e4; color: #ffffff; } 
.relaciona #calendario .uteis li.nohover { background-color: #ffffff; cursor: default; } 
.relaciona #calendario .hoje { width: 190px; border-top: 1px solid #575757; height: 15px; background-color: #ffffff; color: #575757; font-size: 11px; font-weight: 400; letter-spacing: 1px; text-align: center; padding: 4px 0px; }

.onde_agenda { width: 100%; text-align: left; font-family: 'Roboto', sans-serif; font-weight: 600; color: #6d6d6d; border-bottom: #eaeaea 1px solid; font-size: 14px; padding: 0px 0px 20px 0px; position: relative; font-weight: 400; margin-bottom: 20px; }
.onde_agenda strong { font-weight: 700; }

.relaciona .filtros { width: 100%; height: auto; clear: both; margin-top: 30px; padding: 0px; }
.relaciona .filtros h4 { width: -moz-calc(100% - 40px); width: -webkit-calc(100% - 40px); width: -o-calc(100% - 40px); width: calc(100% - 40px); height: 30px; padding: 6px 20px; background-color: #64a0e4; line-height: 30px; color: #ffffff; font-size: 18px; font-weight: 700; 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; text-align: left; }
.relaciona .filtros ul li .categoria { width: 100%; float: none; display: inline-block; vertical-align: top; text-transform: uppercase; height: auto; color: #000000; font-size: 10px; letter-spacing: 1px; line-height: 14px; font-weight: 400; text-align: left; }
.relaciona .filtros ul li .categoria .corc { width: 10px; display: inline-block; vertical-align: top; height: 10px; margin: 2px 10px; text-align: center; border-radius:50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }

.relaciona .cadastre { width: 200px; height: 197px; cursor: pointer; clear: both; margin-top: 30px; margin-bottom: 30px; background:url(../imagens/cadastre.jpg) no-repeat center center; }

/*NOTÍCIAS*/
.noticias { width: 100%; padding: 0; }
.noticias #foo1 { width: 100%; height: 465px; position: relative; clear: both; }
.noticias #foo1 ul { width: 100%; height: 465px; position: relative; clear: both; overflow: hidden; }
.noticias #foo1 ul li { width:288px; height: 465px; margin: 0px 30px; float: left; text-align: left; overflow: hidden; }
.noticias #foo1 ul li:hover .infos_post { padding-top: 6px; }
.noticias #foo1 ul li:hover .avatar img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.noticias #foo1 ul li .tituloo { width: 100%; height: auto; padding: 32px 0px 7px 0px; font-weight: 600; color: #7e7880; font-size: 18px; line-height: 20px; text-align: left; }
.noticias #foo1 ul li .avatar { width: 288px; height: 288px; position: relative; overflow: hidden; vertical-align: top; display: inline-block; -moz-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; transition: all .5s ease; overflow: hidden; border-right:#ffffff 3px solid; }
.noticias #foo1 ul li .avatar img { width: 288px; height: 288px; -moz-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; transition: all .5s ease; overflow: hidden; -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -ms-transform: scale(1.0); -o-transform: scale(1.0); transform: scale(1.0); }
.noticias #foo1 ul li .dioceseinforma { width: 206px; height: 24px; left: 50%; margin-left: -103px; position: relative; margin-top: -12px; float: left; background-color: #52b047; margin-top: -12px; font-size: 10px; color: #FFFFFF; font-weight: 500; text-align: center; text-transform: uppercase; line-height: 24px; letter-spacing: 2px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; }
.noticias #foo1 ul li .infos_post { width: 100%; height: auto; vertical-align: top; position: relative; overflow: hidden; display: inline-block; -moz-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; transition: all .5s ease; }
.noticias #foo1 ul li .infos_post .tag_categoria,.noticias #foo1 ul li .infos_post .tag { font-weight: 600; color: #ffffff; font-size: 12px; text-transform: uppercase; text-align: center; margin-top: 10px; clear: both; background-color: #64a0e4; width: auto; height: auto; float: left; padding: 8px 15px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
.noticias #foo1 ul li .infos_post .introducao_noticia { font-size: 14px; color: #9b9b9b; font-weight: 300; text-align: left; width: 100%; height: auto; line-height: 22px; }
.noticias #foo1 ul li .infos_post .veja { float: left; margin-right: 10px; }
.noticias #foo1 ul li .infos_post .veja .iconeCalendar { width: 16px; height: 16px; background: url(../imagens/data-publicacao-diocese-joinville.png) no-repeat; float: left; margin-right: 8px; }
.noticias #foo1 ul li .infos_post .veja p { color: #64a0e4; font-weight: 500; letter-spacing: -0.5px; font-size: 12px; float: left; }
.noticias #foo1 ul li .infos_post .ouca { float: left; }
.noticias #foo1 ul li .infos_post .ouca .iconeOuca { width: 20px; height: 15px; background: url(../imagens/ouca-noticia-diocese-joinville.png) no-repeat; float: left; margin-right: 8px; }
.noticias #foo1 ul li .infos_post .ouca p { color: #64a0e4; font-weight: 500; font-size: 12px; float: left; }
.noticias #foo1 #pager { width: 100%; height: 10px; text-align: center; position: relative; }
.noticias #foo1 #pager a { display: inline-block; width: 10px; height: 10px; margin: 0 5px; background-color: #dadada;  -moz-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; transition: all .5s ease; }
.noticias #foo1 #pager a:hover { background-color: rgba(136, 186, 199, 0.5); }
.noticias #foo1 #pager a span { display: none; }
.noticias #foo1 #pager a.selected { background-color: #041f5e; width: 20px; }
.noticias a.prev2 { width: 9px; height: 15px; background-image: url(../imagens/seta-esquerda.png); float: left; cursor: pointer; z-index: 300; position: absolute; left: 0; margin-top: 150px; }
.noticias a.next2 { width: 9px; height: 15px; background-image: url(../imagens/seta-direita.png); float: right; cursor: pointer; z-index: 300; position: absolute; right: 0; margin-top: 150px; }

/* NOTÍCIAS */
.area_noticias { width: 980px; height: auto; margin: 0 auto; padding: 15px 0px; }
.area_noticias p { font-size: 14px; text-align: justify; color: #575757; 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: 300px; height: auto; text-align: center; margin: 0px 15px 10px 0px; position: relative; float: left; }
.ban img { width: 100%; height: auto; }

.lateral { width: 400px; height: auto; float: right; margin: 0px 0px 20px 30px; }
.lateral .inscreva { width: 250px; cursor: pointer; margin: 0px 75px 40px 75px; -webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius: 60px; padding: 15px 0px; font-size: 16px; color: #64a0e4; background-color: transparent; font-weight: 500; letter-spacing: 2px; text-transform: uppercase; text-align: center; height: auto; position: relative; border: 3px solid #64a0e4; }
.lateral .inscreva:hover { color: #ffffff; background-color: #64a0e4; }
.lateral .mapa { width: 400px; height: auto; position: relative; float: right; }
.lateral .mapa iframe { width: 100%; height: 350px; }

.noticiaAtivo { width: 1000px; padding: 0px 0px 20px 0px; display: inline-block; }

.dataativo{width: 50px; height: 60px; position: absolute; margin-top: 17px; }
.dataativo h2{font-family: 'Roboto'; font-size: 24px; font-weight: bold; color: #64a0e4; text-align: center; line-height: 24px; letter-spacing: -1px; margin-top: 5px;}
.dataativo h3{font-family: 'Roboto'; font-size: 18px; font-weight: 200; color: #64a0e4; text-align: center; line-height: 24px; letter-spacing: -1px;}

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

/*PRESENÇAS*/
.locutores { width: 100%; height: auto; float: right; position: relative; margin-top: 10px; }
.locutores .titulo { width: 100%; height: auto; font-size: 18px; letter-spacing: 3px; color: #607889; font-weight: 700; text-align: left; line-height: 60px; margin: 0px 0px 0px 0px;  }
.locutores ul { width: 100%; height: auto; clear: both; position: relative; }
.locutores ul li {width: -moz-calc(100% - 10px); width: -webkit-calc(100% - 10px); width: -o-calc(100% - 10px); width: calc(100% - 10px); height: auto; clear: both; margin-bottom: 15px; position: relative; padding: 0px 0px 10px 10px; }
.locutores ul li:nth-child(odd) { background-color: #f4f6f8; }
.locutores ul li .acao { width: 100%; font-size: 14px; letter-spacing: 0px; font-weight: 700; color: #606060; text-align: left; line-height: 20px; height: auto; margin: 0px; padding: 5px 0px 3px 0px; display: inline-block; vertical-align: top; }
.locutores ul li .nome-servico { width: -moz-calc(100% - 100px); width: -webkit-calc(100% - 100px); width: -o-calc(100% - 100px); width: calc(100% - 100px); font-size: 12px; font-weight: 400; position: relative; color: #606060; text-align: left; line-height: auto; height: auto; margin: 0px 0px 20px 0px; padding: 0px 0px 20px 10px; display: inline-block; vertical-align: top; }
.locutores ul li .data { width: 80px; height: 80px; display: inline-block; vertical-align: top; text-align: center; margin: 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: #606060; 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: 1000px; padding-top: 30px; clear: both; margin: 0 auto; color: #000000; font-size: 14px; text-align: justify; display: inline-block; }
.propNoti img { width: auto; max-width: 100%; height: auto; }
.propNoti .programacao { width: 550px; padding: 20px 20px 20px 0px; height: auto; background-color: #f4f6f8; font-size: 14px; color: #64a0e4; font-weight: 700; text-align: left; }
.propNoti .programacao span { display: block; padding-left: 25px; border-left: #64a0e4 15px solid; 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; float: left; }
.localidade #mapa { width: 100%; height: 250px; position: relative;}
.localidade .tag { width: 100%; font-size: 14px; font-weight: 400; color: #606060; text-align: center; line-height: 20px; padding: 10px 0px; }
.localidade .tag p { width: 100%; font-size: 14px; font-weight: 700; color: #607889; text-align: center; line-height: 14px; }

.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 #607889; }
.conheca:hover { color: #ffffff; background-color: #084761; }

.divulgacao { width: 770px; display: inline-block; 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; }

.links { width: 980px; height: auto; margin: 0 auto; }
.links li { width: 980px; text-align: left; height: 30px; color: #727272; line-height: 30px; float: left; font-size: 14px; }
.links li a { color: #727272; line-height: 30px; font-size: 14px; }
.links li span { font-weight: bold; color: #222424; }

@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; text-align: center; float: none; }
	.propNoti img{ float: none; margin: 0px 0px 20px 0px; max-width: 100%; width: auto; }

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

	.ban { width: 100%; }
	.noticiaAtivo { width: 100%; padding: 0px 0px 20px 0px; }
	.lateral { width: 100%; }
	.lateral .inscreva { width: 200px; margin: 0 auto; }
	.propNoti .programacao { width: 95%; padding: 10px 2.5%; }
}


@media screen and (max-width: 895px) {
	#agenda ul li { height: auto !important; width: 100%; margin: 0; }
	#agenda ul li img { width: 100%; height: auto; }

	.fale { width: 90%; margin: 0 5%; }
}