@charset "utf-8";
/* CSS Document */

@media only screen and (max-width: 1200px) {
	
	h1 {
		margin-left: 10px;
	}
	
	.inicio-titulo {
		font-size: 2.5rem;
		margin-left: 15px;
	}
	
	.img {
		width: 35%;
		height: auto;
		max-width: 358px;
		max-height: 537px;
		margin-bottom: 15px;
	}
	
	.txt {
		width: 100%;
		float: none;
	}
	
	#eucaristia .img {
		max-width: none;
		max-height: none;
	}
	
	/* Para segunda opcion con imagen de fondo /
	
	.bg-contenido {
		background-color: transparent;
	}
	
	.img {
		position: fixed;
		width: auto;
		height: 100%;
		top: 0px;
		left: 0px;
		z-index: -50;
		
	}
	
	.txt {
		background-color: rgba(255, 255, 255, 0.75);
		width: -moz-calc(100% + 20px);
		width: -webkit-calc(100% + 20px);
		width: -o-calc(100% + 20px);
		width: calc(100% + 20px);
		float: left;
		margin-left: -20px;
		padding: 10px;
	}
	/**/
	
}



@media only screen and (min-width: 1px) and (max-width: 1090px) {
	
	.lightbox-web {
		left: 5%;
		margin-left: 0px;
	}
	
}



@media only screen and (min-width: 1px) and (max-width: 1024px) {
	
	.datos-contacto {
		display: none;
	}
	
	.header-ocultable {
		display: none;
	}
	
	.header-responsive {
		display: block;
	}
	
	.datos-contacto-responsive {
		display: block;
		width: auto;
		float: right;
		margin-top: 60px;
		margin-right: 10px;
		text-align: right;
	}
	
	.datos-contacto-responsive img {
		margin-top: 5px;
		margin-left: 5px;
	}
	
	.bg-menu {
		display: none;
	}
	
	.menu {
		display: none;
	}
	
	.btn-menu-responsive {
		position: absolute;
		border: #FFF 1px solid;
		background-image: url(imagenes/menu-responsive.png);
		background-position: center center;
		background-size: 80% 80%;
		display: block;
		float: right;
		width: 40px;
		height: 40px;
		right: 10px;
		top: 10px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		cursor: pointer;
		z-index: 250;
	}
	
	.cerrar-menu-responsive {
		width: 30px;
		height: 30px;
		float: left;
		margin: 20px 90px;
		cursor: pointer;
	}
	
	.menu-responsive {
		position: fixed;
		display: block;
		background-color: #666;
		width: 200px;
		height: 100%;
		right: -210px;
		top: 0px;
		margin: 0px;
		padding: 0px;
		box-sizing: content-box;
		padding-right: 10px;
		overflow-x: hidden;
		overflow-y: auto;
		z-index: 250;
	}
	
	.submenu {
		display: none;
	}
	
	.menu-responsive-inactivo {
		right: -210px;
		-webkit-transition: right 1s;
		-moz-transition: right 1s;
		-o-transition: right 1s;
		transition: right 1s;
	}
	
	.menu-responsive-activo {
		right: 0px;
		-webkit-transition: right 1s;
		-moz-transition: right 1s;
		-o-transition: right 1s;
		transition: right 1s;
	}
	
	.menu-responsive ul {
		width: 100%;
		float: left;
	}
	
	.menu-responsive li {
		box-sizing: content-box;
		width: 180px;
		line-height: 40px;
		float: left;
		margin: 0px;
		margin-left: -40px;
		color: #FFF;
		padding: 0px 15px;
		text-align: left;
		list-style-type: none;
	}
	
	.menu-responsive li:hover {
		background-color: #999;
	}
	
	.menu-responsive a {
		width: 100%;
		float: left;
		color: #FFF;
		font-weight: bold;
	}
	
	.menu-responsive li:hover a {
		color: #000;
	}
	
	.flecha-submenu {
		background-image: url(imagenes/flecha-submenu.png);
		background-position: right center;
		background-repeat: no-repeat;
		background-size: 15px 10px;
	}
	
	/*		Submenu		*/
	.menu-responsive li ul {
		width: 200px;
		float: left;
	}
	
	.menu-responsive li ul li {
		background-color: #FF6;
		width: 200px;
		height: 40px;
		line-height: 40px;
		float: left;
		margin-left: -60px;
		padding-left: 30px;
		text-align: left;
		font-size: 13px;
	}
	
	.menu-responsive li ul li:hover {
		background-color: #FF6;
	}
	
	.menu-responsive li ul li a {
		color: #000 !important;
	}
	
	.menu-responsive li ul li:hover a {
		color: #06F !important;
	}
	
	.menu-responsive li .submenu {
/*		display: block;*/
	}
	
	.submenu-activo {
		display: block;
	}
	
	.submenu-grupo {
		cursor: default;
		box-sizing: content-box;
		width: 200px;
		height: 20px;
		line-height: 20px;
		float: left;
		background-color: #000;
		margin: 0px;
		padding: 0px;
		margin-left: -40px;
		padding-right: 40px;
	}
	
	.video-destacado-thumbnail {
		width: 200px;
		height: 120px;
	}
	
	.video-destacado-contenido {
		width: -moz-calc(100% - 250px);
		width: -webkit-calc(100% - 250px);
		width: -o-calc(100% - 250px);
		width: calc(100% - 250px);
	}
	
	.santoral-portada-fundaciones {
		padding: 10px 30px;
		margin: 1.2vw 20%;
	}
	
	.directorio {
		width: -moz-calc(100% / 2 - 30px);
		width: -webkit-calc(100% / 2 - 30px);
		width: -o-calc(100% / 2 - 30px);
		width: calc(100% / 2 - 30px);
	}
	
}



@media only screen and (min-width: 1px) and (max-width: 950px) {
	
	.columna-koinonia-digital {
		width: 100%;
		float: right;
	}
	
	.columna-koinonia-digital-main {
		width: -moz-calc(100% - 340px);
		width: -webkit-calc(100% - 340px);
		width: -o-calc(100% - 340px);
		width: calc(100% - 340px);
		min-width: 300px;
		float: left;
		margin-top: 0px;
		margin-right: 20px;
		box-sizing: border-box;
	}
	
	.formulario {
		width: -moz-calc(90% - 18px);
		width: -webkit-calc(90% - 18px);
		width: -o-calc(90% - 18px);
		width: calc(90% - 18px);
		margin: 0px 5%;
		padding: 5px;
	}
	
	.formulario-columna {
		width: 90%;
	}
	
	#contacto .textarea {
		height: 85px;
	}
		
	#contacto .boton {
		width: -moz-calc(100% - 10px) !important;
		width: -webkit-calc(100% - 10px) !important;
		width: -o-calc(100% - 10px) !important;
		width: calc(100% - 10px) !important;
		float: left;
		margin: 10px;
		margin-left: 0px;
		padding: 10px 0px;
	}
	
	.captcha-img {
		background-color: #000;
		width: -moz-calc(50% - 10px) !important;
		width: -webkit-calc(50% - 10px) !important;
		width: -o-calc(50% - 10px) !important;
		width: calc(50% - 10px) !important;
		margin: 0px;
		margin-right: 5px;
	}
	
	.captcha-txt {
		width: -moz-calc(50% - 10px) !important;
		width: -webkit-calc(50% - 10px) !important;
		width: -o-calc(50% - 10px) !important;
		width: calc(50% - 10px) !important;
		margin: 0px;
		margin-left: 5px;
	}
	
	.koinonia-digital {
/*		width: -moz-calc(100% - 20px);
		width: -webkit-calc(100% - 20px);
		width: -o-calc(100% - 20px);
		width: calc(100% - 20px);*/
		width: 100%;
		margin-left: 0px;
	}
	
}



@media only screen and (min-width: 1px) and (max-width: 850px) {	
	
	.video-destacado-thumbnail {
		width: 150px;
		height: 100px;
	}
	
	.video-destacado-contenido {
		width: -moz-calc(100% - 220px);
		width: -webkit-calc(100% - 220px);
		width: -o-calc(100% - 220px);
		width: calc(100% - 220px);
	}
	
	.video-destacado-titulo {
		font-size: 1.2rem;
	}
	
	.login-marco-largo {
		width: -moz-calc(100% - 380px);
		width: -webkit-calc(100% - 380px);
		width: -o-calc(100% - 380px);
		width: calc(100% - 380px);
	}
	
	.santoral-portada-info {
		top: 30px;
	}
	
	.santoral-portada-nombre {
		margin-bottom: 0px;
	}
	
	.santoral-portada-fiesta {
		margin: 15px 0px;
	}
	
	.nombre {
		font-size: 3.8vw;
	}
	
	.vicaria-arquidiocesis {
	    font-size: 3vw;
		margin-top: 5px;
		margin-bottom: 10px;
	}
	
	.lectores-diline {
		width: 100%;
		min-height: auto;
		margin: 20px 0px;
	}
	
}



@media only screen and (min-width: 1px) and (max-width: 700px) {
	
	.bg-ver-aviso-importante {
		font-size: 1.2rem;
	}
	
	.parroquia {
		width: -moz-calc(100% - 250px);
		width: -webkit-calc(100% - 250px);
		width: -o-calc(100% - 250px);
		width: calc(100% - 250px);
		margin-left: 95px;
	}
	
	.logo-proteccion {
		width: 63px;
		height: 95px;
	}
	
	.logo {
		width: 63px;
		height: 95px;
	}
	
	.vicaria-arquidiocesis-ocultable {
		display: none;
	}
	
	.nuevo-slider-columna, 
	.nuevo-slider-columna-enmedio {
		width: 100%;
	}
	
	.nuevo-slider {
		width: -moz-calc(100% / 2 - 20px);
		width: -webkit-calc(100% / 2 - 20px);
		width: -o-calc(100% / 2 - 20px);
		width: calc(100% / 2 - 20px);
		height: 200px;
		margin: 20px 10px;
	}
	
	.nuevo-slider-enmedio {
		width: -moz-calc(100% - 20px);
		width: -webkit-calc(100% - 20px);
		width: -o-calc(100% - 20px);
		width: calc(100% - 20px);
		height: 340px;
	}
	
	.nuevo-slider-txt {
		font-size: 17px;
	}
	
	.columna-koinonia-digital {
		width: 100%;
		float: right;
	}
	
	.columna-koinonia-digital-main {
		width: 100%;
		min-width: 300px;
		float: left;
		margin-right: 20px;
		box-sizing: border-box;
	}
	
	.columna-facebook {
		display: none;
	}
	
	.columna {
		width: 100%;
	}
	
	.columna-main {
		width: -moz-calc(100% - 40px);
		width: -webkit-calc(100% - 40px);
		width: -o-calc(100% - 40px);
		width: calc(100% - 40px);
		padding: 8px;
		margin: 15px 10px;
	}
	
	.columna-facebook {
		text-align: center;
	}
	
	.inicio {
		width: -moz-calc(100% - 20px);
		width: -webkit-calc(100% - 20px);
		width: -o-calc(100% - 20px);
		width: calc(100% - 20px);
	}
	
	.bg-login {
		height: 200px;
	}
	
	.login-main {
		margin-top: 0px;
	}
	
	.login-marco-largo {
/*		width: -moz-calc(100% - 380px);
		width: -webkit-calc(100% - 380px);
		width: -o-calc(100% - 380px);
		width: calc(100% - 380px);*/
		width: 100%;
		margin-right: 0px;
		margin-bottom: 25px;
	}
	
	.login-titulo-largo {
		margin-top: 10px;
		text-align: center;
	}
	
	.login-marco {
		width: 100%;
		text-align: center;
		margin-top: 25px;
	}
	
	.login-formulario {
		float: none;
		display: inline-block;
	}
	
	.registro-interno {
		width: 100% !important;
		margin: 20px 0px !important;
	}
	
	.directorio-main {
		width: 100%;
		margin: 0px;
	}
	
	.directorio {
		width: 100%;
		margin: 15px 0px;
	}
	
}

	
	


@media only screen and (min-width: 1px) and (max-width: 580px) {
	
	.logo-proteccion {
		left: 10px;
	}
	
	.parroquia {
		width: -moz-calc(100% - 210px);
		width: -webkit-calc(100% - 210px);
		width: -o-calc(100% - 210px);
		width: calc(100% - 210px);
		margin-left: 80px;
	}
	
	.nombre {
		font-size: 5.5vw;
	}
	
	.vicaria-arquidiocesis {
/*		display: none;*/
		font-size: 3vw;
	}
	
	.acceso-directo {
		width: 340px;
	}
	
	#acceso-directo .input-text {
		width: 120px;
	}
	
	.santoral-portada-info {
		top: 5px;
	}
	
	.santoral-portada-fiesta {
		font-size: 2.8vw;
	}
	
	.santoral-portada-link {
		padding: 12px 20px;
		font-size: 14px;
	}
	
	.columna-centrada-formulario {
		width: 100%;
		margin: 0px;
	}
	
	.lightbox-web {
		height: 94%;
		top: 3%;
	}
	/*
	.columna {
		width: 100%;
	}
	
	.columna-main {
		width: -moz-calc(100% - 40px);
		width: -webkit-calc(100% - 40px);
		width: -o-calc(100% - 40px);
		width: calc(100% - 40px);
		padding: 8px;
		margin: 15px 10px;
	}
	
	.columna-facebook {
		text-align: center;
	}
	
	.inicio {
		width: -moz-calc(100% - 20px);
		width: -webkit-calc(100% - 20px);
		width: -o-calc(100% - 20px);
		width: calc(100% - 20px);
	}
	
	.columna-koinonia-digital {
		width: 100%;
		float: right;
		text-align: center;
	}
	
	.columna-koinonia-digital-main {
		width: -moz-calc(100% - 20px);
		width: -webkit-calc(100% - 20px);
		width: -o-calc(100% - 20px);
		width: calc(100% - 20px);
		float: none;
		display: inline-block;
	}
	*/
	.cita-dia-main {
		margin: 90px 5%;
	}
	
	.cita-dia-titulo {
		font-size: 1.8rem;
	}
	
	.cita-dia-txt {
		width: -moz-calc(100% - 30px);
		width: -webkit-calc(100% - 30px);
		width: -o-calc(100% - 30px);
		width: calc(100% - 30px);
		font-size: 1.2rem;
	}
	
	.biblioteca-autor-nombre {
		width: -moz-calc(100% - 20px);
		width: -webkit-calc(100% - 20px);
		width: -o-calc(100% - 20px);
		width: calc(100% - 20px);
		float: left;
		margin-left: 0px;
		text-align: left;
	}
	
	.biblioteca-autor-img {
		width: 35%;
		height: auto;
		max-width: 180px;
		max-height: 260px;
		float: left;
		margin-right: 15px;
		margin-bottom: 15px;
	}
	
	.biblioteca-autor-biografia {
		width: 100%;
	}
	
	.biblioteca-escrito {
		width: 310px;
		height: 180px;
		display: inline-block;
		margin: 20px 15px;
	}
	
	.biblioteca-escrito-portada {
		width: 70px;
		height: 105px;
		float: left;
	}
	
	.santoral-tabla {
		width: 100%;
		float: left;
		margin: 20px 0px;
	}
	
	.santoral-biografia {
		width: 100%;
		float: left;
	}
	
	.santoral-titulo {
		font-size: 2.5rem;
	}
	
	.santoral-img {
		display: none;
	}
	
	.santoral-img-largo {
		display: block;
		width: 100%;
		height: auto;
		float: left;
		margin-bottom: 15px;
	}
	
	.ubicacion {
		width: 100%;
		height: 60%;
		max-height: 550px;
		float: left;
		margin: 10px 0%;
	}
	
	.footer-ligas {
		width: -moz-calc(100% - 15px);
		width: -webkit-calc(100% - 15px);
		width: -o-calc(100% - 15px);
		width: calc(100% - 15px);
		margin: 0px;
		margin-left: 15px;
	}
	
	.footer-submenu {
		width: -moz-calc(100% - 40px);
		width: -webkit-calc(100% - 40px);
		width: -o-calc(100% - 40px);
		width: calc(100% - 40px);
		margin-top: 25px;
	}
	
	.desarrollador {
		font-size: 0.7rem;
	}
	
	#desarrollador-web {
		font-size: 0.7rem;
		color: #FF6;
	}
	
	.horario-misa {
		width: 140px;
	}
	
	.mapa-recorrido {
		width: 100%;
		height: 537px;
	}
	
	.descripcion-recorrido {
		width: -moz-calc(100% - 60px);
		width: -webkit-calc(100% - 60px);
		width: -o-calc(100% - 60px);
		width: calc(100% - 60px);
	}
	
	.intenciones-input {
		font-size: 0.9rem;
		padding: 0px 5px;
	}
	
	.intenciones-annio {
		width: 70px;
	}
	
	.intenciones-mes {
		width: -moz-calc(100% - 160px);
		width: -webkit-calc(100% - 160px);
		width: -o-calc(100% - 160px);
		width: calc(100% - 160px);
	}
	
	.intenciones-dia {
		width: 70px;
	}
	
}



@media only screen and (max-width: 450px) {
	
	.parroquia {
		width: -moz-calc(100% - 170px);
		width: -webkit-calc(100% - 170px);
		width: -o-calc(100% - 170px);
		width: calc(100% - 170px);
	}
	
	.datos-contacto-responsive {
		max-width: 80px;
		margin-top: 50px;
		margin-bottom: 10px;
	}
	
	.nuevo-slider {
		width: -moz-calc(100% - 20px);
		width: -webkit-calc(100% - 20px);
		width: -o-calc(100% - 20px);
		width: calc(100% - 20px);
		margin: 20px 10px;
	}
	
	.chat-main {
		width: -moz-calc(100% - 30px);
		width: -webkit-calc(100% - 30px);
		width: -o-calc(100% - 30px);
		width: calc(100% - 30px);
	}
	
	.chat-box-main {
/*		height: -moz-calc(100% - 180px);
		height: -webkit-calc(100% - 180px);
		height: -o-calc(100% - 180px);
		height: calc(100% - 180px);*/
		height: 300px;
	}
	
	.lectores-diline {
		margin: 20px 0px;
	}
	
	.lectores-texto {
		width: 100%;
		margin-bottom: 5px;
	}
	
	.lectores-persona {
		width: 100%;
		margin-left: 0px;
		padding-left: 30px;
		box-sizing: border-box;
	}
	
	.aviso-privacidad-catequesis {
		width: 100%;
		margin: 15px 0%;
		padding: 0px 10px;
		box-sizing: border-box;
	}
}