/* HOME */
/* BANNER HOME */
.banner-home { width: 2000px; height: 550px; background-color: #FFFFFF; left: 50%; margin-left: -1000px; position: relative; float: left; }
.banner-home ul li { list-style: none; float: left; width: 2000px; height: 550px; overflow: hidden; }
.banner-home ul li img { width: 2000px; height: 550px; }
.banner-home #pager { width: 100%; height: 10px; margin-top: -90px; text-align: center; position: absolute; }
.banner-home #pager a { width: 9px; height: 9px; margin: 0 2px; display: inline-block; background: transparent; border: 1px solid #901122; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; }
.banner-home #pager a:hover { background: #901122; }
.banner-home #pager a span { display: none; }
.banner-home #pager a.selected { background: #901122; }
/* BANNER HOME */
/* BANNER HOME RESPONSIVO */
.util-banner { width: 100%; height: auto; overflow-x: hidden; margin-top: -142px; position: relative; float: left; }
.banner-home-responsivo { width: 840px; height: 600px; display: none; left: 50%; margin-left: -420px; position: relative; background-color: #FFFFFF; padding-top: 74px; }
.banner-home-responsivo ul li { list-style: none; float: left; width: 840px; height: 600px; overflow: hidden; }
.banner-home-responsivo ul li img { width: 840px; height: 600px; }
.banner-home-responsivo #pager3 { width: 100%; height: 10px; margin-top: -90px; text-align: center; position: absolute; }
.banner-home-responsivo #pager3 a { width: 9px; height: 9px; margin: 0 2px; display: inline-block; background: transparent; border: 1px solid #901122; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; }
.banner-home-responsivo #pager3 a:hover { background: #901122; }
.banner-home-responsivo #pager3 a span { display: none; }
.banner-home-responsivo #pager3 a.selected { background: #901122; }
/*ESPIRITUALIDADE*/
.espiritualidade { width: 100%; height: auto; float: left; margin-top: -50px; z-index: 10; position: relative; }
.espiritualidade ul { text-align: center; }
.espiritualidade ul li { width: 153px; height: 153px; margin: 5px; background: #901122; vertical-align: center; display: inline-block; }
.espiritualidade ul li:last-child { border-right: 1px solid #901122; }
.espiritualidade ul li .bloco { width: 153px; height: 153px; vertical-align: middle; display: table-cell; }
.espiritualidade ul li .bloco img { width: 35px; height: 35px; }
.espiritualidade ul li .bloco p { font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 18px; color: #FFFFFF; font-weight: 700; text-align: center; margin-top: 10px; }
/*ESPIRITUALIDADE*/
/*ÚLTIMAS NOTÍCIAS*/
.noticias { width: 100%; height: auto; background: url(../imagens/saocamilo.png) no-repeat top center; margin: 50px 0; padding-top: 350px; float: left; }
.noticias .titulo { color: #FFFFFF; }
.noticias ul { margin-top: 30px; text-align: center; }
.noticias ul li { width: 284px; height: auto; margin: 0 24px; height: auto; cursor: pointer; display: inline-block; vertical-align: top; }
.noticias ul li img { width: 284px; height: 196px; }
.noticias ul li .data { font-size: 16px; color: #736C73; font-family: 'Exo', sans-serif; font-weight: 700; text-align: center; }
.noticias ul li p { font-size: 14px; color: #736C73;  text-align: center; }
.noticias ul li .mais2 { width: 30%; height: auto;  border-left: 1px #707070 solid; padding: 0; float: left; text-align: center; font-size: 18px; color: #737373; line-height: 30px; text-transform: uppercase; font-weight: 700; margin-bottom: 5px; }
.noticias #pager1 { width: 100%; height: 9px; text-align: center; margin-top: 20px; position: relative; margin-bottom: 30px }
.noticias #pager1 a { width: 9px; height: 9px; margin: 0 2px; display: inline-block; background: transparent; border: 1px solid #901122; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; }
.noticias #pager1 a:hover { background: #901122; }
.noticias #pager1 a span { display: none; }
.noticias #pager1 a.selected { background: #901122; }
/*ÚLTIMAS NOTÍCIAS*/
/*CAPELA VIRTUAL*/
.capela-virtual { width: 100%; height: auto; float: left; padding-bottom: 50px; margin-top: 0; text-align: center; overflow-x: hidden; }
.capela-virtual .titulo { color: #FFFFFF; margin-top: -150px; }
.capela-virtual .imagem { width: 100%; height: 269px; background: url(../imagens/capela-virtual.png) no-repeat center; }
.capela-virtual ul { text-align: center; margin-top: 30px; }
.capela-virtual ul li { width: 153px; height: 153px; margin: 5px; background: #901122; vertical-align: center; display: inline-block; }
.capela-virtual ul li:last-child { border-right: 1px solid #901122; }
.capela-virtual ul li .bloco { width: 153px; height: 153px; vertical-align: middle; display: table-cell; }
.capela-virtual ul li .bloco img { width: 35px; height: 35px; }
.capela-virtual ul li .bloco p { font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 18px; color: #FFFFFF; font-weight: 700; text-align: center; margin-top: 10px; }
/*CAPELA VIRTUAL*/
/*GALERIA DE FOTOS*/
.galeria { width: 100%; height: auto; float: left; padding: 50px 0; background: url(../imagens/banner-fundo1.png) no-repeat center; }
.galeria .titulo { text-align: center; color: #FFFFFF; }
.galeria ul { margin-top: 30px; text-align: center; }
.galeria ul li { width: 220px; display: inline-block; margin: 20px; vertical-align: top; }
.galeria ul li .data { width: 70px; height: 20px; background-color: #DEC551; font-weight: 300; font-size: 10px; text-align: center; line-height: 20px; color: #FFFFFF; position: absolute; }
.galeria ul li p { font-size: 14px; font-family: 'Exo', sans-serif; font-weight: 700; color: #FFFFFF; text-align: left; }
.galeria #pager2 { width: 100%; height: 9px; text-align: center; margin-top: 20px; position: relative; margin-bottom: 30px }
.galeria #pager2 a { width: 9px; height: 9px; margin: 0 2px; display: inline-block; background: transparent; border: 1px solid #FFFFFF; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; }
.galeria #pager2 a:hover { background: #FFFFFF; }
.galeria #pager2 a span { display: none; }
.galeria #pager2 a.selected { background: #FFFFFF; }
/*GALERIA DE FOTOS*/
/*GALERIA DE VÍDEOS | VATICANO AO VIVO*/
.gv { width: 100%; height: auto; background: #FFFFFF; padding: 50px 0 0 0; text-align: center; float: left; }
.gv .titulo { text-align: center; }
.gv ul { width: 100%; height: auto; margin-top: 20px; }
.gv ul li { width: 310px; list-style: none; display: inline-block; margin: 0 20px; vertical-align: top; }
.gv ul li img { width: 310; height: 200px; z-index: 99; position: relative; }
.gv ul li p { font-size: 14px; color: #736C73; font-family: 'Exo', sans-serif; font-weight: 700; text-align: left; }
.gv #pager4 { width: 100%; height: 9px; text-align: center; margin-top: 20px; position: relative; margin-bottom: 30px }
.gv #pager4 a { width: 9px; height: 9px; margin: 0 2px; display: inline-block; background: transparent; border: 1px solid #901122; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; }
.gv #pager4 a:hover { background: #901122; }
.gv #pager4 a span { display: none; }
.gv #pager4 a.selected { background: #901122; }
/*GALERIA DE VÍDEOS | VATICANO AO VIVO*/
/*ÚLTIMAS NOTÍCIAS*/
.un { width: 100%; height: auto; float: left; margin: 0; }
.un .vertodas { font-size: 14px; color: #901122; font-weight: 700; text-decoration: underline; float: right; margin-left: 40px; margin-top: 5px; cursor: pointer; }
.agenda { width: 50%; height: auto; float: right; }
.agenda .titulo { text-align: left; }
.agenda .linhaam { left: 0; margin: 0; }
.agenda ul { margin-top: 30px; }
.agenda ul li { width: 100%; height: auto; cursor: pointer; float: right; border-bottom: 1px solid #707070; padding-bottom: 15px; margin-bottom: 15px; margin-left: 40px; }
.agenda ul li .data2 { width: 100%; float: left; margin-bottom: 8px; }
.agenda ul li .data2 i { color: #737373; float: left; font-size: 20px; line-height: 22px; margin-right: 5px; }
.agenda ul li .data2 p { font-size: 22px; color: #737373; font-family: 'Exo', sans-serif; font-weight: 700; line-height: 22px; }
.agenda ul li p { font-size: 14px; color: #737373; width: 60%; padding-right: 5%; float: left; }
.agenda ul li .mais2 { width: 30%; height: auto;  border-left: 1px #707070 solid; padding: 0; float: left; text-align: center; font-size: 14px; color: #737373; line-height: 16px; font-weight: 400; }
.artigos { width: 40%; height: auto; float: left; border-right: 2px solid #707070; }
.artigos .titulo { text-align: left; }
.artigos .linhaam { left: 0; margin: 0; }
.artigos ul { width: 308px; height: auto; margin-top: 30px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.13); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.13); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.13); }
.artigos ul li { width: 100%; height: auto; border-bottom: 9px solid #901122; margin-bottom: 15px; }
.artigos ul li .descricao { width: 80%; padding: 15px 15% 15px 5%; }
.artigos ul li .descricao .tt { font-size: 15px; color: #901122; font-family: 'Exo', sans-serif; font-weight: 700; border-bottom: 1px solid #A6A6A6; padding-bottom: 5px; margin-bottom: 5px; }
.artigos ul li .descricao p { font-size: 13px; color: #737373; font-family: 'Exo', sans-serif; font-weight: 300; }
/*CATÁLOGO VIRTUAL*/
.loja { width: 100%; height: auto; float: left; padding: 50px 0; }
.loja ul { text-align: center; margin-top: 30px; }
.loja ul li { width: 175px; text-align: center; display: inline-block; padding: 30px 35px; margin: 20px 10px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.13); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.13); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.13); }
.loja ul li h1 { color: #901122; font-size: 16px; line-height: 18px; height: 50px; }
.loja ul li .moldura { width: 111px; height: 83px; left: 50%; margin-left: -55.5px; position: relative; padding: 60px 0; }
.loja ul li .moldura img { width: 111px; height: 83px; }
.loja ul li .botao { color: #FFFFFF; font-size: 14px; text-align: center; line-height: 37px; font-weight: 700; background-color: #D79A3B; width: 165px; height: 37px; display: inline-block; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px;  }
.loja 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); }
.loja ul li:hover .botao { background: #901122; }
.loja #pager5 { width: 100%; height: 9px; text-align: center; margin-top: 20px; position: relative; margin-bottom: 30px }
.loja #pager5 a { width: 9px; height: 9px; margin: 0 2px; display: inline-block; background: transparent; border: 1px solid #901122; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; }
.loja #pager5 a:hover { background: #901122; }
.loja #pager5 a span { display: none; }
.loja #pager5 a.selected { background: #901122; }
.loja .vertodas { font-size: 14px; color: #901122; font-weight: 700; text-decoration: underline; float: right; margin-left: 40px; margin-top: 5px; cursor: pointer; }
/*CATÁLOGO VIRTUAL*/
/*FRASES SÃO CAMILO*/
.frases { width: 100%; height: auto; padding: 50px 0; margin-top: 100px; background: #901122; float: left; }
.frases .bloco1 { width: 50%; height: auto; float: left; }
.frases .bloco1 .imagem { width: 606px; height: 362px; background: url(../imagens/frases.png) no-repeat center; margin-left: -60px; margin-top: -150px; }
.frases .bloco2 { width: 40%; float: right; margin-top: 50px; border-left: 2px solid #FFFFFF; padding: 15px 0 15px 5%; }
.frases .bloco2 .aspas { width: 67px; height: 100px; background: url(../imagens/aspas.png) no-repeat; float: left; margin-right: 10px; margin-top: -20px; }
.frases .bloco2 ul { width: 300px; height: auto; float: left; margin-top: -70px; }
.frases .bloco2 ul li { width: 300px; height: auto; float: left; margin-left: 15px; }
.frases .bloco2 ul li p { font-size: 16px; color: #ffffff; font-family: 'Exo', sans-serif; font-weight: 300; }
.frases #pager6 { width: 100%; height: 9px; text-align: center; margin-top: 20px; position: relative; margin-bottom: 30px; margin-top: 65px; }
.frases #pager6 a { width: 9px; height: 9px; margin: 0 2px; display: inline-block; background: transparent; border: 1px solid #FFFFFF; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; }
.frases #pager6 a:hover { background: #FFFFFF; }
.frases #pager6 a span { display: none; }
.frases #pager6 a.selected { background: #FFFFFF; }
/*FRASES SÃO CAMILO*/



@media screen and (max-width: 1100px) {

	.galeria { width: 100%; height: auto; float: left; background: none #901122; }

	.af .bloco2 { width: 53%; }
	.gv { padding: 50px 0; }
	.gv .linha-divisao { display: none; }
}
@media screen and (max-width: 1076px) {
	.espiritualidade { margin-top: 50px; }
	.espiritualidade ul { text-align: center; }
	.espiritualidade ul li { border: 0px; width: 20%; margin: 10px 2%; display: inline-block; float: none; }
	.espiritualidade ul li .bloco { width: 100%; }
}
@media screen and (max-width: 1060px) {
	.agenda ul { text-align: center; }
	.agenda ul li.destaque { display: inline-block; float: none; margin-left: 0; }
	.agenda ul li { width: 100%; margin-left: 0; margin-bottom: 15px; }
	.agenda ul li .data2, .agenda ul li p, .agenda ul li.destaque .descricao .data { text-align: left; }
	.agenda .vertodas { margin-left: 0; text-align: center; width: 100%; }
}
@media screen and (max-width: 1033px) {
	.af .titulo { text-align: center; }
	.af .linhaam { left: 50%; margin-left: -35px; }
	.af .bloco2 { text-align: center; }
	.af .bloco2 img { display: inline-block; margin-top: -20px; }
	.af .bloco2 ul li { width: 100%; margin-bottom: 20px; margin-right: 0; }
	.af .bloco2 ul li .data { left: 50%; margin-left: -35px; position: relative; }
	.af .bloco2 .vertodas { margin-right: 0; text-align: center; width: 100%; }
}
@media screen and (max-width: 1008px) {
	.capela-virtual ul li { width: 28%; border: 0; margin: 10px 1.5%; }
	.capela-virtual ul li .bloco { width: 100%; }
	.capela-virtual ul li .bloco p { font-size: 14px; }

	.artigos { width: 100%; height: auto; float: left; border: none; }
	.artigos ul { width: 100%; }

	.agenda { width: 100%; height: auto; margin-top: 40px; }

	.frases { float: left; }
	.frases .bloco1 { width: 100%; }
	.frases .bloco1 .imagem { width: 300px; height: 250px; background-size: 300px; margin-left: 0; }
	.frases .bloco2 { width: 100%; border: none; padding-left: 0; margin-top: 0; }
}
@media screen and (max-width: 840px) {
	.banner-home { display: none; }
	.banner-home-responsivo { display: block; }

	.af .bloco1 { width: 100%; }
	.af .bloco1 ul { width: 374px; left: 50%; margin-left: -187px; position: relative; }
	.af .bloco2 { width: 100%; margin-top: 30px; }

	.gv .titulo { text-align: center; }
	.gv .linhaam { left: 50%; margin-left: -35px; }
	.gv .bloco1, .gv .bloco2 { width: 100%; }
	.gv .bloco2 { margin-top: 50px; }
	
	.gv .bloco1 ul { text-align: center; }
	.gv .bloco1 ul li { float: none; display: inline-block; margin-bottom: 30px; }
	.gv .bloco1 ul .setas { display: none; }

	.af .bloco1 ul li { float: none; display: inline-block; margin-bottom: 30px; }
	.af .bloco1 ul .setas { display: none; }
}
@media screen and (max-width: 532px) {

	.agenda ul li.destaque { width: 100%; }
	.agenda ul li.destaque img { width: 100%; height: auto; }
	.agenda ul li.destaque .descricao { padding: 15px 5%; width: 90%; }

	.espiritualidade ul li, .capela-virtual ul li { width: 41%; }
}
@media screen and (max-width: 410px) {
	.frases .bloco2 .aspas { margin-right: 0; left: 50%; margin-left: -33.5px; position: relative; }
	.frases .bloco2 ul { margin-top: -30px; }

	.gv .bloco1 ul li img { width: 100%; height: auto; }
	.gv .bloco1 ul li p { width: 90%; padding: 15px 5%; }
}
@media screen and (max-width: 400px) {
	.af .bloco1 { width: 100%; }
	.af .bloco1 ul { width: 300px; left: 50%; margin-left: -150px; position: relative; }
	.af .bloco1 ul li img { width: 100%; height: auto; }
}