@charset "utf-8";
/* CSS Document */
/*Colores: Dorado #d5bf55*/

body{ font-size: 16px;}
.wrapAreasCapellania h3{font-size: 30px;}
.wrapAreasCapellania article span {font-size: 30px;}
.wrapBanner.principal article span{font-size: 16px; }
.wrapBanner.capellanLlega span{font-size: 44px;}
.wrapBienvenida span{font-size:24px;}
.wrapBienvenida h2{font-size: 2em;}
.wrapBeneficios article > li{font-size: 14px; }
.wrapBeneficios article > h2{font-size: 25px;}
.wrapContacto h3{font-size: 30px;}
.wrapContacto article h4{font-size: 30px;}
.wrapContacto article span, .wrapContacto article tel, .wrapContacto article email{font-size: 21px;}
.wrapGaleriaVideos h3 { font-size: 30px; }	
.wrapHimno h2{ font-size: 42px; }
.wrapHistoria article span{ font-size: 30px;}
.wrapHistoria article p{ font-size: 13px;}
.wrapMisionVision article h3{ font-size: 30px; }
.wrapMisionVision article p{ font-size: 17px;}
.wrapNosotros h2{ font-size: 30px;}
.wrapNosotros span{ font-size: 26px;}	
.wrapNosotros aside h4{ font-size: 26px;}
.wrapNosotros aside article span{ font-size:16px; }
.wrapServicios article h2{   font-size: 30px;}
.wrapCursos h5{ font-size:2em;}
.wrapVersiculosLema h2{	font-size: 30px;}
.wrapVersiculosLema p{ font-size: 17px;}
.wrapVideoBanner h1{font-size: 44px;}
/*-------CAJAS--------*/
aside.navegacion{ background-color:rgba(3,26,76,1.00); text-align: center;}
	aside.navegacion article{ display:inline-block; color:#FFF; font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif"; padding:1em 2em; font-weight: bold; }
	aside.navegacion a{ color:white; padding: 1em;}
	aside.navegacion a:hover{  background-color:white; color: rgba(3,26,76,1.00); transform: scale(1.5);}
body{ margin: 0px;padding: 2.65em 0 0;}
header{
	background-color: #252e2d;
	margin-bottom: 0.1vh; 
}
	header .contactHeader{
		background-color:#1F1AB2;
		min-height:5vh;
		line-height: 5vh;
		padding: 0vh 10vw;
		color: white;
		font-family:  sans-serif;
		text-align: center;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 1;
	}
		header email{
			margin-left:5vw;
		}
		header tel{ 
			margin-left: 5vw;
			color: inherit;
			display: inline-block;
		}
		header tel:hover{ transform: scale(1.4); }
			header tel a{ color: inherit; margin: 0 0.5em; text-decoration: none; font-weight: bold;}
			header tel a:hover{ text-decoration: underline; transition: 0.8s all ease;}
			header tel a:first-of-type img{ height:  4.5vh; width: auto ; vertical-align: middle;}
	header .logo{
		width:30vw; 
		display: inline-block;
		margin-left: 10vw;
		/*background-color: chocolate;*/
		vertical-align: middle;
	}
	header nav ul{position: relative;}
	header nav li{
		list-style: none;
		display: inline-block;
		font-family: sans-serif;
		position: relative;
		
	}
		header nav li a{
			display: inline-block;
			color: #c8c8c8;
			margin:0vw 0.2vw;
			padding:2vh 1vw;
			text-decoration: none;
		}
		header nav li a:hover{
			background-color:#d5bf55;
			cursor: pointer;
			color: #000;
			border-radius: 20px;
		}
		
	nav{
		display: inline-block;
	}
footer{
	background-color: #252e2d;
	/*height: 280px;*/
	padding: 5vh 2vw;
	box-sizing: border-box;
	position: relative;
	color: white;
	font-family: sans-serif;
}
	footer > div{ display: inline-block; width: 25%; vertical-align: top; box-sizing: border-box; padding:0 1%;}
		footer > div .titular{color: #ffffff; font: bold 18px/24px 'Archivo Narrow', sans-serif;margin-top: 0vh;}
	
	footer .contacto{ color: white; text-align: justify;  }
		footer .contacto img{ width: 1.7em; vertical-align: middle;}
		footer .contacto tel{ display: block; text-decoration: none; text-align: center;}
		footer .contacto tel:hover{ transform: scale(1.4); }
			footer .contacto tel a{ color: white;}
	footer .copyright {border-right:solid 1px #7e807f;}
		footer .copyright h4{color: #d5bf55; font: 36px/36px 'Archivo Narrow', sans-serif; margin:1vh 0vw;  }
		footer .copyright div.redesSociales{ text-align: center; margin-top: 1em;}	
			footer .copyright div.redesSociales a{width:84px; height: 84px; position: relative; display: inline-block;background-image: url(multimedia/snSprite.png);background-repeat: no-repeat;}
			footer .copyright div.redesSociales a:first-of-type{ background-position: 0px 0px;}
			footer .copyright div.redesSociales a:first-of-type:hover{background-position: 0px -84px;}
			footer .copyright div.redesSociales a:last-of-type{ background-position: -840px 0px;}
			footer .copyright div.redesSociales a:last-of-type:hover{background-position: -840px -84px;}
		footer div.copyright span{color: #7e807f; display: block;}
	footer div.creditos{ /*background-color: chartreuse;*/  font-family: 'Archivo Narrow', sans-serif; border-right:solid 1px #7e807f;}
		footer .creditos > *{display: inline-block; padding-left: 2vw; color:#FFF;}
		footer .creditos a{ text-decoration: none;}
		footer .creditos a:hover{ text-decoration: underline;}
	footer div.membresia{ display: inline-block; position: absolute; right: 0px; width: 20%; }
	footer .membresia li{list-style: none;}	
	footer .membresia a, footer .membresia a:active{color: #7e807f;font-family: 'Archivo Narrow', sans-serif; }
	footer .membresia a:hover{color: #d5bf55;cursor: pointer;}

#faq {
    padding: 14vw;
    text-align: justify;
}
	#faq h1{ text-align: center;}
	#faq article {
		background-color: goldenrod;
		padding: 0.8em;
		box-sizing: content-box;
		margin: 1em 0;
		border-radius: 10px;
	}
.bannerAside span{ background-color: rgba(253,181,0,1.00); color: black; font-size: 2.5vh; display: block; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";padding: 2vh; text-align: center;}

.bannerAside img{ width: 100%;}
.efecto{ transform: scale(1.4); }
.submenuHistoria{
	display:none;
	width: 180px;
	position: absolute;
	z-index: 4;
	background-color:#252e2d;
	padding: 0px;
	border-radius: 20px;
}
.submenu li, .submenu li a{display: block; }

.submenuHome{
background-color:#d5bf55;
	position: absolute;
	z-index: 4;
	width: 60vw;
	left: -20vw;
	border-radius: 20px;
	padding: 2vw;
	display: none;
}
	.submenuHome aside{
		display: inline-block;
		width: 60%;	
		
		
	}
		.submenuHome aside img{display:block; }
	.submenuHome > img{
		display: inline-block;
		width: 30%;	
		vertical-align: middle;
	
	}
	.submenuHome section span{
		display: block;
		font-weight: bold;
		margin: 0.5vh 0vw;
		
	}
	.submenuHome section article{
		display: inline-block;
		width: 30%;
		margin: 0px 0.5vw;
	}
	.titular1{	/*PRUEBA */
		font-family: 'Archivo Narrow', sans-serif;
		color: #3e3e3e;
		font-weight: bold;
		font-size: 30px;
		line-height: 30px;
}
.waIcon{ width:40px; height:auto; vertical-align:middle;}
.wrapAreasCapellania{	padding: 0vh 10vw;}
	.wrapAreasCapellania h3{
		font-family: 'Archivo Narrow', sans-serif;
		color: #3e3e3e;
		font-weight: bold;
	}
	.wrapAreasCapellania img{
		display: block;
		margin: 0px auto;
		margin-bottom: 60px;

	}
	.wrapAreasCapellania div { column-count: 2;}
		.wrapAreasCapellania article span {
			font-family: 'Archivo Narrow', sans-serif;
			color: #3e3e3e;
			font-weight: bold;
			display: block;
		}
		.wrapAreasCapellania article iframe{width:560px;height:315px;}

.wrapBanner{
	position: relative;
}
	.wrapBanner article{position: relative;}
	.wrapBanner img{
		width:100%;
		position: relative;
		margin: 0px;
	}
	.wrapBanner.principal article span{
		background-color:rgba(54,68,123,0.82);
		color: white;
		font-family: 'Archivo Narrow', sans-serif;
		font-weight: bold;
		display: inline-block;
		width: 50%;
		position: absolute;
		bottom: 10px;
		right: 10vw;
		z-index: 100;
		padding:0vh 2vw; 
		font-size: 2em;
	}
	.wrapBanner.capellanLlega{ 
		background-repeat: no-repeat;
		background-size: cover;
		height: 313px;
		background-position: top center;
		background-image: url(images/MANOS-ESCRIBIENDO.jpg);
		border: 0;  }
	.wrapBanner.capellanLlega span{ 
		position: absolute;
		display:block;
		left:1%;
		bottom: 20px;
		font-family: Arial, Helvetica, sans-serif;
		color: white;
		font-weight: bold;
	}
	.wrapBanner.capellanLlega article{
		position: relative;
		display: inline-block; 
		top: 50px; 
		background-color: aqua;}
.wrapBienvenida{
	background-color:#333086;	
	color: #FFF;
	font-family: 'Archivo Narrow', sans-serif;
	padding: 4vh 10vw;
	display: inline-block;
	position: relative;
	
}
	.wrapBienvenida h2{display: inline-block; width: 60%; position: relative;}
	.wrapBienvenida span{ display: inline-block;width: 60%;  text-align: justify; margin: 0px auto; position: relative; }
	.wrapBienvenida img{ border:0px solid black; display: inline-block; top:3vh; right: 10vw; position: absolute;vertical-align: middle; }

.wrapBeneficios{
	background-color: #b3c1bf;
	text-align: center;
	padding: 70px 0px;
	
}
	.wrapBeneficios div{ width: 95%; display: block; margin: auto;}
	.wrapBeneficios article{
		width: 297px/*20%*/;
		display: inline-block;
		text-align: center;
		border-radius:10px;
		margin: 3vh 2.5vw;
		overflow: hidden;
		position: relative;
		top: 0px;
		
	}
		.wrapBeneficios article iframe{ width: 100%; height: auto;}
		.wrapBeneficios article > li{
			list-style: none;
			line-height: 21px;
			min-height: 21px;
			padding: 9px 0px;
			font-family: 'Archivo Narrow', sans-serif;
			background-color:rgba(244,246,246,1.00);
			color: #818282;
			border-bottom: thin solid white;
			vertical-align: middle;
		}
		.wrapBeneficios article > h2{
			margin: 0;
			background-color:rgb(221, 228, 227); /*#dde4e3;*/
			padding: 57px 30px 55px;
			font-family: Arial, Helvetica, sans-serif;
			/*font: bold 18px/24px Arial, Helvetica, sans-serif;*/
			text-align:center;
			color:#3e3e3e;
			display: inline-block;
			font-weight: bold;
		}
.wrapContacto{padding: 0vh 10vw;  }
	.wrapContacto h3{
		font-family: 'Archivso Narrow', sans-serif;
		color: #3e3e3e;
		font-weight: bold;
		line-height: 30px;
		margin-bottoms: 21px;
		text-transform: uppercase;
	}
	.wrapContacto iframe{ width:100%; height:60vh; }
	.wrapContacto div{ column-count:3;  margin:5vh 0vw;}
	
	.wrapContacto article{
		margin: 0vh 1vw;
		position: relative;
		top: 0px;
	}

	.wrapContacto article h4{
		font-family: 'Archivo Narrow', sans-serif;
		color: #3e3e3e;
		font-weight: bold;
		line-height: 30px;
		/*margin-bottoms: 21px;*/
		text-transform: uppercase;	
		margin-top: 0px;
	}
	.wrapContacto article span, .wrapContacto article tel, .wrapContacto article email{    
	font-family: Arial, Helvetica, sans-serif;
    line-height: 21px;
    color: #818282;
	}
.wrapDescargas{ font-family: sans-serif; }
.wrapDescargas .textos li{list-style-type: decimal;}
	.wrapDescargas .textos a{	text-decoration: none;}
	.wrapDescargas .textos a:hover{ text-decoration: underline; text-decoration-color: rgba(13,2,108,1.00);}
	.wrapDescargas .peliculas{ text-align: center;  }
	.wrapDescargas .peliculas li{ list-style: none;}
.wrapDescargas	.peliculas iframe{ width: 80vw; height: 40vw;}
.wrapGaleriaVideos{	padding: 0vh 10vw;}
.wrapGaleriaVideos h3 {
		font-family: 'Archivo Narrow', sans-serif;
		color: #3e3e3e;
		font-weight: bold;
		line-height: 30px;
}
.wrapGaleriaVideos div{ column-count: 2;}
.wrapGaleriaVideos article{ display: inline-block; vertical-align: bottom;}
.wrapGaleriaVideos article h5{ 
	display: block;
    font:  18px/20px 'Archivo Narrow', sans-serif;
    color: #3a3a3a;
    text-transform: uppercase;
}
.wrapGaleriaVideos article iframe{width:560px; height:315px;}
.wrapHimno{ text-align: center; margin: 5vh 0vw;}
	.wrapHimno h2{
		color: #212122;
		font-family: 'Archivo Narrow', sans-serif;
		line-height: 48px;

	}
.wrapHistoria{
	padding: 0vh 10vw;
	margin: 0vh auto;
}
	.wrapHistoria article{
		width: 45%;	
		display: inline-block;
		vertical-align: top;
		margin: 3vh 1vw;
	}
	.wrapHistoria article h5{
		font: bold 18px/20px 'Archivo Narrow', sans-serif;
		color: #3a3a3a;
		text-transform: uppercase;	
	}
	.wrapHistoria article span{
		font-family: 'Archivo Narrow', sans-serif;
		color: #3e3e3e;
		font-weight: bold;
		line-height: 30px;				
	}
	.wrapHistoria article p{
		font-family: Arial, Helvetica, sans-serif;
		line-height: 21px;
		color: #818282;		
	}
	.wrapHistoria article iframe{
		width: 100%;
		height: 45vh;
	}


.wrapIglesias{ text-align: center; background-color: #e4eae9;}
	.wrapIglesias img{ margin: 0vh 3vw; vertical-align: middle;}
.wrapMisionVision{
	padding: 0vh 10vw;
}
	.wrapMisionVision article{
		width: 45%;	
		display: inline-block;
		vertical-align: top;
		margin: 3vh 1vw;
	}
	.wrapMisionVision article h3{
		font-family: 'Archivo Narrow', sans-serif;
		color: #3e3e3e;
		font-weight: bold;
		line-height: 30px;				
	}
	.wrapMisionVision article p{
		font-family: Arial, Helvetica, sans-serif;
		line-height: 21px;
		color: #818282;	
		text-align: justify;
	}
.wrapNosotros{ 
	padding: 0vh 10vw;
}
	.wrapNosotros h2{   
		font-family: 'Archivo Narrow', sans-serif;
		color: #3e3e3e;
		font-weight: bold;
		line-height: 30px;
		margin-bottom: 21px;
		text-transform: uppercase;
	
	}
	.wrapNosotros span{
		font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
		text-align: center;
		display: block;
	}
	.wrapNosotros h3{
		margin-top: 8vh;
		text-align: center;
	}
	.wrapNosotros > p{
		position: relative;
		display: block;
		margin: 0px auto;
		width: 60%;
		text-align: justify;
		margin-bottom: 5vh;
	}
	.wrapNosotros > article{
		width: 45%;
		display: inline-block;
		margin: 0vh 2.2%;
		vertical-align: top;

	}
		.wrapNosotros article p { text-align: justify; }
		.wrapNosotros article p:first-of-type{ text-indent: initial; }
		.wrapNosotros article p{ text-indent: 40px; }
.wrapNosotros aside{ text-align: center;margin-bottom: 100px;}
.wrapNosotros aside h4{
			font-family: 'Archivo Narrow', sans-serif;
		color: #3e3e3e;
		font-weight: bold;
		line-height: 30px;
		margin: 10vh 0vw;	
		text-transform: uppercase;
	text-align: center;
}
.wrapNosotros aside article{ display:inline-block; margin: 0vh 1vw; width: 16%; }
	.wrapNosotros aside article img{width: 80%; height: auto; display: block; margin: 0px auto;}

.wrapServicios{background-color: rgba(50,133,245,0.01); overflow:hidden; display:inline-block; padding: 0vh 10vw;}
	.wrapServicios article{margin: 0px 1vw; vertical-align: top; position: relative; top:0px; display: inline-block;}
	.wrapServicios article h2{    
		font-family: 'Archivo Narrow', sans-serif;
		color: #3e3e3e;
		font-weight: bold;
		line-height: 30px;
		margin-bottom: 21px;
		text-transform: uppercase;
	}
	.wrapServicios .wrapMain{ background-color:rgba(23,237,214,0.04); width:60%; overflow: hidden; }
		.wrapServicios .wrapMain img {width: 50%; height: auto; float: left; margin: 0vw 1vw 1vw 0vw;}
		.wrapServicios .wrapMain span{ display:block; text-align:center; clear:both;  font: 18px/20px 'Archivo Narrow', sans-serif; color: #3a3a3a; text-transform: uppercase;}
		.wrapServicios .wrapMain p{ color:#818282; text-align: justify; margin:1vw}
	.wrapCursos{/*background-color: rgba(0,0,0,0.07);*/ width: 30%; }
		.wrapCursos h5{  color:#003; }
		.wrapCursos li{min-height: 30px;    font-family: Arial, Helvetica, sans-serif; cursor:default;}
		.wrapCursos li:hover{color: #2cb9a8;}
	.wrapTemas{/*background-color:brown;*/ font-family: Arial, Helvetica, sans-serif; width: 60%;}
		.wrapTemas ul{column-count: 3;}
	.wrapRedes{/*background-color:coral;*/ width: 30%; }
.wrapVersiculosLema{
	padding: 0vh 10vw;
	text-align: center;
}
	.wrapVersiculosLema h2{	
			font-family: 'Archivo Narrow', sans-serif;
			color: #3e3e3e;
			font-weight: bold;
		
			line-height: 30px;				
	}
	.wrapVersiculosLema p{
		font-family: Arial, Helvetica, sans-serif;
		line-height: 21px;
		color: #818282;
	}
	.wrapVersiculosLema img{ display: inline-block; margin: 5vh 2vw; }

	.wrapVideoBanner{  position:relative; }
	.wrapVideoBanner h1{display: block; position: absolute; top: 40%;  left:30%; font-family: Arial, Helvetica, sans-serif; line-height: 48px; color:#FFF; text-transform: uppercase;  margin: auto;}
	.wrapVideoBanner video{background-image: url(multimedia/video/video.jpg); background-size: 100%; width: 100%; height: 100%; background-repeat: no-repeat;}

.wrapVideosNuevos{background-color: #faba0f; padding: 4em; position: relative;text-align:center;}
	.wrapVideosNuevos article { width: 25%; background-color: deepskyblue; margin: 1em;display: inline-block;}
		.wrapVideosNuevos article iframe{ width: 100%; height: 26vh;}
	.wrapVideosNuevos > span { position: absolute;top: 0.5em;right: 0px;padding: 0.2em 2em;background-color: deepskyblue;color: white;font-family: sans-serif;font-weight: bold;box-shadow: 11px 6px 8px black;}

@media screen and (max-width:1025px) and (orientation:landscape){  
	.wrapVideosNuevos article {    width: 45%;}
}

@media screen and (orientation:portrait){
	aside.navegacion article{ display:block;}
	header .logo{ width:100%; margin:0px;}	
	header nav, header nav > ul, header nav > ul li{display:block;}
		header nav li a{font-size:1em;}	
		header tel a{ display: block;}
	
	footer {height:auto;}
	footer div{display:block; width:100%; font-size:1em; margin-top: 3em;}
	footer div .titular{font-size:1em;}
	footer div.membresia{ display:block; width:100%; position:relative; top: 2em;}
	
	#faq article h2{ text-align: left;}
	
	.contactHeader > *{ display:block; font-size:1.2em; margin:0px; text-align:center;}
	.efecto{ transform: scale(1.2);}
	.wrapBanner.principal article span { 
		font-size: 1.5em;     
		position: relative;
    	bottom: initial;
    	right: initial;
    	z-index: 100;
		width: 100%;}
	.wrapBanner.capellanLlega {
		background-size: contain;
		background-position: top right;
		height: 211px;
		background-color: #ffc107;}
		.wrapBanner.capellanLlega span {
			font-size: 1.6em;
			text-shadow: 1px -1px 5px black;
			padding: 0 1em;}
	.wrapBeneficios article{ display: block; width:initial;}	
	.wrapBeneficios article > span{ display:block;}
	.wrapBeneficios article > iframe{ height:30vh;}
	.wrapBienvenida h2 { display:block; width:100%; text-align:center;}
	.wrapBienvenida img { position:relative;}
	.wrapBienvenida span {width:100%; word-spacing:0.5em;text-align: center;}
	.wrapAreasCapellania img {
		width: 100%;}
	.wrapAreasCapellania div {
	    column-count: initial;}
	.wrapAreasCapellania article iframe {
		width: 100%; height: 215px;	}
	.wrapDescargas .textos li{display: inline-block; margin:0vh 1vw 3vh; font-size: 18pt;}
	.wrapServicios .wrapMain{width:100%;}
	.wrapCursos{width:100%;}
	.wrapContacto div {
		column-count: initial;}
	.wrapContacto article {
		margin: 0 1vw 2em;}
	.wrapGaleriaVideos div {
		column-count: initial;}
		.wrapGaleriaVideos article iframe{ width: 100%;}
	.wrapHimno iframe{ width: 100%;}
	.wrapHistoria article {
		width: initial;}
	.wrapMisionVision article {
		width: initial;}
	.wrapNosotros > article {
		width: initial;	}
	.wrapNosotros aside article {
		width: 90%;}
	.wrapTemas{width:100%;}
		.wrapTemas ul{column-count: initial;}
	.wrapRedes{width:100%; text-align:center;}
		
		.wrapRedes img{width:35%; height:auto;}
	.wrapIglesias img{width:35%;}
	.wrapVideosNuevos {
		padding: 2em;}
	.wrapVideosNuevos article {     
		display: block;
		width: 100%;
		margin: 1em 0;}
	.wrapVideoBanner h1 {
		font-size: 1em;
		display: block;
		width: 100vw;
		margin: auto;
		left: initial;
		top: initial;
		bottom: 1em;
		text-align: center;
		text-shadow: 2px 2px 1px black;	}
	.submenuHome {
		position: relative;
		display: block;
		width: 100%;
		left: initial;
	}
		.submenuHome aside{ display: none;}
		.submenuHome section article {
			display: inline-block;
			width: initial;}
		.submenuHome article iframe{ width: 100%;}
	.submenuHistoria {
		display: initial;
		position: relative;
}
}