/* BANNER HOME */
section { width: 100%; height: auto; position: relative; text-align: center; clear: both; overflow: hidden; }
.banner{width:2000px; height:325px; left: 50%; margin-left: -1000px; margin-top: 120px; position: relative; }
.banner .slider2{ width:2000px; height:325px; position:absolute; z-index:10; float: left;}
.banner .sliderContent{ width:2000px; height:325px; clear:both; position: absolute;}
.banner .sliderContent .item { width:2000px; height:325px; position: absolute; background-repeat: no-repeat; background-position: center center; background-size: auto 325px; }
.banner .sliderContent .item .util-banner { width:100%; height: 325px; position: absolute;}
.banner .sliderContent .item .util-banner-play { width:100%; height: 325px; position: absolute; z-index: 100; background-color: rgba(0,0,0,0.3); background-image:url(../imagens/play-large.png); background-repeat: no-repeat; background-position: center center; background-size: 160px auto; }
.banner .sliderContent .item .util-banner-play:hover { background-size: 150px auto; }
.sliderBullets { position:relative; width: 250px; height:12px; z-index:1500; top: 340px; margin: 0 auto; }
.sliderBullets a { display: inline-block; text-indent:-9999px; outline:none; margin-bottom:0px; margin-right: 0px; width: 12px; height: 12px; background:url(../imagens/bullets.png) no-repeat; margin-right: 3px; }
.sliderBullets .active { background-position: right; margin-right: 3px; }
.sliderArrows a { display:block; text-indent:-9999px; z-index: 100; outline:none; z-index:550; width: 21px; height: 57px; position:absolute; top: 250px; }
.prev { background-image:url(../imagens/setas.png); background-position: left center; left:50%; margin: 0px 0px 0px -550px;-moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.prev:hover { margin: 0px 0px 0px -546px; }
.next { background-image:url(../imagens/setas.png); right:50%; background-position: right center; margin: 0px -550px  0px 0px;-moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.next:hover { margin: 0px -546px  0px 0px; }


/*PÁGINAS*/
.icones { width: 100%; height: auto; position: relative; margin: 0px; }
.icones ul { width: 100%; height: auto; position: relative; clear: both; padding: 30px 0px 0px 0px; list-style-type: none; text-align: center; }
.icones ul li { width: 20%; height: auto; display: inline-block; vertical-align: top; text-align: center; padding: 3% 2%; }
.icones ul li img { width: 130px; height: auto; text-align: center; display: inline-block; vertical-align: top; }
.icones ul li p { clear: both; font-weight: 600; font-size: 18px; color: #828282; text-align: center; margin-top: 20px; width: 60%; display: inline-block; vertical-align: top; }

.icones2 { width: 100%; height: auto; z-index: 100; position: relative; margin: 0px; background-color: #f5f5f5; }
.icones2 ul { width: 100%; height: auto; position: relative; clear: both; padding: 30px 0px; list-style-type: none; text-align: center; }
.icones2 ul li { width: 23%; height: auto; display: inline-block; vertical-align: top; padding: 3% 0px; }
.icones2 ul li img { width: 40px; height: 40px; background-color: #be0000; padding: 10px; float: left; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.icones2 ul li .txt { float: left; margin-top: 35px; margin-left: 20px; width: 132px; }
.icones2 ul li p { font-weight: 600; text-transform: uppercase; font-size: 14px; color: #be0000; text-align: left; letter-spacing: 3px; float: left; }
.icones2 ul li .p { font-weight: 400; font-size: 12px; color: #878787; text-align: left; }


/*ÚLTIMAS NOTÍCIAS*/
.unoticias { width: 100%; padding: 0px 0px 30px 0px; height: auto; clear: both; position: relative; }
.unoticias ul { width: 100%; height: auto; position: relative; list-style-type: none; float: right; }
.unoticias ul li { width: 530px; height: auto; float: left; margin: 0px 0px 25px 0px; }
.unoticias ul li.destaque { width: 500px; height: 325px; float: left; clear: both; margin: 0px 25px 40px 0px; display: block; }
.unoticias ul li.destaque .avatar { width: 380px !important; height: 250px !important; }
.unoticias ul li.destaque .avatar img { width: 380px !important; height: 250px !important; }
.unoticias ul li.destaque .not { width: 80%; }

.unoticias ul li .avatar { margin: 0px 10px 10px 10px; position: relative; width: 230px; height: 130px; float: left; position: relative; overflow: hidden; }
.unoticias ul li .avatar img { width: 230px; height: 130px; -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -ms-transform: scale(1.0); -o-transform: scale(1.0); transform: scale(1.0); }
.unoticias ul li .not { width: 250px; float: left; height: 95px; margin: 10px; }
.unoticias ul li .not .top { padding: 0px; width: 100%; height: auto; position: relative; font-size: 19px; line-height: 19px; color: #828282; font-weight: 600; text-align: left; }
.unoticias ul li .data { height: auto; padding: 10px 0px; font-size: 14px; color: #0d72b8; font-weight: 400; text-align: left; position: relative; overflow: hidden; }
.unoticias ul li .data .calendar { width: 18px; height: 18px; background: url(../imagens/calendar.png) no-repeat; float: left; }
.unoticias ul li .data p { font-size: 14px; line-height: 14px; color: #0d72b8; font-weight: 400; text-transform: uppercase; position: relative; float: left; margin-left: 5px; margin-top: 3px; }
.unoticias ul li p.leiamais { width: 70px; height: 25px; background-color: #0d72b8; font-weight: 500; float: left; text-align: left; color: #FFFFFF; font-size: 14px; text-align: center; line-height: 25px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px;}
.unoticias 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); }

.video{ width: 100%; height: auto; padding: 30px 0px; background-color: #ebebeb; }
/*.video ul li { list-style: none; float: none; width: 50%; }
.video ul li.destaque { float: left; margin-bottom: 0px; }
.video ul li { width: 50%; float: right; margin-bottom: 30px; }
.video ul li img { float: left; margin-right: 10px; }
.video ul li .txtvideo { float: left; width: 35%; }
.video ul li p { padding: 0px; width: 100%; height: auto; position: relative; font-size: 19px; line-height: 19px; color: #828282; font-weight: 600; text-align: left; margin-bottom: 10px; }
.video ul li .data { height: auto; padding: 10px 0px; font-size: 14px; color: #0d72b8; font-weight: 400; text-align: left; position: relative; }
.video ul li .data .calendar { width: 18px; height: 18px; background: url(../imagens/calendar.png) no-repeat; float: left; }
.video ul li .data p { width: auto; font-size: 14px; line-height: 14px; color: #0d72b8; font-weight: 400; text-transform: uppercase; position: relative; float: left; margin-left: 5px; margin-top: 3px; }
.video ul .vermais { width: 190px; height: 25px; left: 50%; margin-left: -95px; margin-top: 30px; cursor: pointer; position: relative; background-color: #0d72b8; font-weight: 500; float: left; text-align: left; color: #FFFFFF; font-size: 14px; text-align: center; line-height: 25px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px;}
*/

.capelaVirtual { width: 40%; height: auto; padding: 30px 0px; float: left; }
.capelaVirtual ul li { list-style: none; float: none; margin-bottom: 30px; }
.capelaVirtual ul li img { width: 70%; height: auto; }

.calendarioParoquial { width: 47%; height: auto; padding: 30px 0px; float: right; }
.calendarioParoquial ul li { list-style: none; float: none; margin-bottom: 20px; }
.calendarioParoquial ul li p { padding: 0px; width: 100%; height: auto; position: relative; font-size: 19px; line-height: 19px; color: #828282; font-weight: 600; text-align: left; margin-bottom: 5px; }
.calendarioParoquial ul li .data { height: auto; font-size: 14px; color: #0d72b8; font-weight: 400; text-align: left; position: relative; }
.calendarioParoquial ul li .data .calendar { width: 18px; height: 18px; background: url(../imagens/calendar.png) no-repeat; float: left; }
.calendarioParoquial ul li .data p { width: auto; font-size: 14px; line-height: 14px; color: #0d72b8; font-weight: 400; text-transform: uppercase; position: relative; float: left; margin-left: 5px; margin-top: 3px; }
.calendarioParoquial ul .vermais { width: 190px; height: 25px; cursor: pointer; position: relative; background-color: #0d72b8; font-weight: 500; float: left; text-align: left; color: #FFFFFF; font-size: 14px; text-align: center; line-height: 25px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px;}




/*FOTOS*/
.fotos { width: 100%; height: auto; position: relative; clear: both; text-align: center; }
.fotos ul { width: 1000px; margin: 0px 50px; height: auto; position: relative; clear: both; list-style-type: none; }
.fotos ul li { width: 220px; height: 220px; margin: 0px 12px; float: left; position: relative; overflow: hidden; }
.fotos ul li img { width: 220px; height: 220px; -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -ms-transform: scale(1.0); -o-transform: scale(1.0); transform: scale(1.0); }
.fotos 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); }
.fotos #p1 { background: url(../imagens/setas.png) no-repeat center left; outline:none; position: absolute; left: 50%; margin-left: -550px; z-index:550; width:21px; height:150px; cursor: pointer; -moz-transition: all .3 ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease;  }
.fotos #p1:hover { opacity: 0.7; }
.fotos #n1 { background: url(../imagens/setas.png) no-repeat center right; outline:none; position: absolute; right: 50%; margin-right: -550px; z-index:550; width:21px; height:150px; cursor: pointer; -moz-transition: all .3 ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease;  }
.fotos #n1:hover { opacity: 0.7; }

@media screen and (max-width: 1100px) {
	.banner{width:100%; height:210px; left: inherit; margin-left: inherit; margin-top: 46px;}
	.banner .sliderContent .item .util-banner, .banner .slider, .banner .sliderContent, .banner .sliderContent .item { width:100%; height:193px; background-size: auto 193px !important; background-position: center center !important; }
	.sliderBullets{ top: 205px; }

	.icones { width: 100%; margin: 0px; }
	.icones ul li.ico2 { background-image:url(../imagens/ico22.png); background-repeat: no-repeat; background-position:center center; }

	.unoticias { width: 94%; padding: 30px 3% 0px 3%; text-align: center; }
	.unoticias ul li { width: 100%; float: none; margin: 0px 0px 20px 0px; text-align: center; display: inline-block; }
	.unoticias ul li .avatar { margin: 0px 0px 10px 0px; position: relative; width: 320px; height: auto; float: none; display: inline-block; }
	.unoticias ul li .not { width: 100%; float: none; height: auto; }
	.unoticias ul li .not .top { text-align: center; }
	.unoticias ul li .data { width:100%; height: auto; float: none; padding-bottom: 10px; }
	.unoticias ul li.destaque { width: 100%; height: auto; float: none; text-align: center; margin: 0px 0px 20px 0px; display: block; }
	.unoticias ul li.destaque .avatar { margin: 0px 0px 10px 0px; float: none; display: inline-block; position: relative; width: 320px; height: auto; }
	.unoticias ul li.destaque .avatar img { width: 320px; height: auto; }
	.unoticias ul li.destaque .not { clear: both; width: 100% !important; height: auto !important; border-bottom: none !important; text-align: center; }
	.unoticias ul li.destaque .not .top { padding: 10px 0px; width: 100%; text-align: center; }
	.unoticias ul li p.leiamais { left: 50%; margin-left: -32.5px; position: relative; float: none; }
	.unoticias ul .mais { text-align: center; }
	.unoticias .igreja { width: 100%; height: auto; float: none; }
	.unoticias .igreja ul li { width: 100%; height: auto; float: none; }
	.unoticias .igreja ul li .not { width: 100%; float: none; height: auto; border-bottom: none; }
	.unoticias .igreja ul li .not .top { text-align: center; }
	.unoticias .igreja ul li .data { width:100%; height: auto; float: none; padding: 0px 0px 15px 0px; }	
	.unoticias .igreja .mais { text-align: center; }

	.unoticias .pub { float: none; display: inline-block; }


	.instituicoes { width: 94%; padding: 0px 3%; }
	.instituicoes ul { width: 100%; margin: 0px; }
	.instituicoes ul li { float: none; margin: 5px; width: 150px; height: 100px; display: inline-block; }
	.instituicoes ul li img {  width: 150px; height: 100px; }
	.instituicoes #p2, .instituicoes #n2 { display: none; }

	.fotos { width: 94%; padding: 0px 3%; }
	.fotos ul { width: 100%; margin: 0px; }
	.fotos ul li { float: none; margin: 5px; width: 150px; height: 100px; display: inline-block; }
	.fotos ul li img {  width: 150px; height: 100px; }
	.fotos #p1, .fotos #n1 { display: none; }

	.padre { width: 100%; height: auto; margin: 0px; padding-bottom: 15px; position: relative; clear: both; background:url(../imagens/espaco.png); }
	.padre .espacos { width: 100%; height: auto; float: none; margin: 20px 0px; }
	.padre .espacos .chama1 { height: 150px; background:url(../imagens/chama1.png) no-repeat center right; }
	.padre .espacos .chamada { text-align: center; padding-top: 25px; padding-bottom: 25px; }
	.padre .espacos .chama2 { height: 150px; background:url(../imagens/chama2.png) no-repeat center right; }
	.padre .foto { display: none; }
	.padre .opadre { width: 100%; height: 270px; background: #111558 url(../imagens/bg-pleo2.png) no-repeat center center; position: relative; left: inherit; margin: 0px 0px 0px 0px; }

	.videos { width: 320px; height: 500px; float: none; display: inline-block; position: relative; }
	.videos .slider3, .videos .sliderContent3, .videos .sliderContent3 .item , .videos .sliderContent3 .item img { width:320px; height:220px; }
	.videos .sliderContent3 .item p { text-align: center; }
	.videos .sliderBullets { width:100%; }
	.videos .sliderBullets a { float: none; display: inline-block; }

	.agenda { width: 320px; height: auto; float: none; display: inline-block; vertical-align: top; }
	.agenda ul { width: 320px; margin: 0px; height: auto; }
	.agenda ul li { width: 320px; height: auto; margin: 0px 0px 20px 0px; }
	.agenda ul li .nome { width:100%; height:auto; position: relative; text-align: center; text-align: center; }
	.agenda ul li img { width: 320px; height: 220px; }
	.agenda #p2, .agenda #n2 { display: none; }

	.blog { width: 94%; height: auto; padding: 0px 3%; }
	.blog ul { width: 100%; height: auto; margin: 0px; }
	.blog ul li { width: 320px; height: auto; float: none; display: inline-block; padding-bottom: 40px; vertical-align: top; }
	.blog ul li .avatar { margin: 0px; width: 320px; height: auto; }
	.blog ul li .avatar img { width: 320px; height: auto; }
	.blog #p3, .blog #n3 { display: inline-block; }

	.programas { width: 94%; height: auto; padding: 0px 3%; }
	.programas .chamada { width: 100%; background: url(../imagens/espaco.png); height: auto; float: none; padding: 0px; text-align: center; line-height: auto; text-align: center; }
	.programas .chamada span { line-height: auto; text-align: center; font-weight: 700; }

	.programas .quais { width: 320px; height: 100px; float: none; display: inline-block; }
	.programas .quais .slider4, .programas .quais .sliderContent4, .programas .quais .sliderContent4 .item .util-qual { width:320px; height:100px; }
	.programas .quais .sliderContent4 .item { width:320px; height:100px; background-size: auto 100px !important; background-position: center center !important; }
	.programas .quais .sliderBullets { position:relative; width:100%; height:25px; text-align: center; top: -20px; left: inherit; }
	.programas .quais .sliderBullets a { float: none; display: inline-block; }

	.chama-filho { width: 94%; height: auto; padding: 0px 3%; background: #084761 url(../imagens/espaco.png); }
	.chama-filho .chamada { padding: 40px 0px; position: relative; clear: both; }

	.loja { width: 94%; height: auto; margin: 0px; padding: 30px 3%; background: #111558 url(../imagens/espaco.png); }
	.loja .chamada { padding: 0px 0px 50px 0px; text-align: center; }
	.loja .chamada .paraloja { display: inline-block; }
	.loja ul { width: 100%; margin: 30px 0px; text-align: center; }
	.loja ul li { float: none; height: 180px; display: inline-block; vertical-align: top }

	.destaques { width: 94%; padding: 0px 3%; margin: 0px; }

}
@media screen and (max-width: 720px) {
	.icones ul li { border: none; width: 47%; }

/*	.video ul { text-align: center; }
	.video ul li { width: 100%; display: inline-block; }
	.video ul li .txtvideo { width: 100%; }
	.video ul li iframe { margin: 0px 0px 10px 0px; width: 100%; }
	.video ul li p, .calendarioParoquial ul li p { text-align: center; }
	.video ul li.destaque { display: none; }*/
	.capelaVirtual { width: 100%; }
	.calendarioParoquial { width: 100%; padding: 0px 0px 30px 0px; }
	.unoticias ul li .data, .video ul li .data, .calendarioParoquial ul li .data { width: 30%; margin: 0px auto; }
	.calendarioParoquial ul .vermais { left: 50%; margin-left: -95px; position: relative; }
}
@media screen and (max-width: 660px) {
	.unoticias ul { width: 100%; }
	.unoticias .aniver-calendar { width: 100%; float: left; }
	.icones2 ul li { width: 50%; }
	.icones2 ul li p,.icones2 ul li .p { text-align: center; }
	.icones2 ul li img { float: none; }
	.icones2 ul li .txt { margin-left: 0px; margin-top: 5px; }


}
@media screen and (max-width: 520px) {
	.banner{width:100%; height:170px; left: inherit; margin-left: inherit; }
	.banner .sliderContent .item .util-banner, .banner .slider, .banner .sliderContent, .banner .sliderContent .item { width:100%; height:150px; background-size: auto 150px !important; background-position: center center !important; }
	.sliderBullets{ top: 160px; }

	.icones ul li { border: none; width: auto; width: auto; display: inline-block; }

	.unoticias .pub { width: 320px; height: 260px; float: none; display: inline-block; }
	.unoticias .pub .slider2{ width:320px; height:185px; position:absolute; margin-top: 50px; z-index:10; }
	.unoticias .pub .sliderContent2{ width:320px; height:185px; clear:both; position: absolute;}
	.unoticias .pub .sliderContent2 .item { width:320px; height:185px; position: absolute; background-size: auto 185px !important; background-position: center center !important; }
	.unoticias .pub .sliderContent2 .item .util-pub { width:320px; height:185px; position: absolute;}
	.unoticias .pub .sliderBullets { position:relative; width:100%; }
	.unoticias .pub .sliderBullets a { display:inline-block; float:none; }
}