/* Títulos ------------------------------------------------------------------------------------------------------------------------------------- */

	h4	{
		position: relative;
		display: block;
		width: 20%;
		margin: 0 auto;
		position: relative;
			top: -10px;
		text-align: center;
	}	

/* Cajas de sección de tipo solo imagen con titulo sobre linea superior ------------------------------------------------------------------------- */

	.tituloSeccion  {
		position: relative;
	}	
	
		.tituloSeccion  img {
			position: relative;
				top: 0px;
			width: 100%;
		}
		
	@media screen and (min-width: 1290px) {
		.tituloSeccion  {width: 200px; top: -45px;}	
	}

	@media screen and (max-width: 1289px) and (min-width: 980px) {
		.tituloSeccion  {width: 200px; top: -45px;}	
	}

	@media screen and (max-width: 979px) and (min-width: 768px) {
		.tituloSeccion  {width: 170px; top: -42px;}	
	}

	@media screen and (max-width: 767px) and (min-width: 481px) {
		.tituloSeccion  {width: 135px; top: -33px;}	
	}

	@media screen and (max-width: 480px) {
		.tituloSeccion  {width: 100px; top: -24px;}	
	}	
				
/* Caja de texto genérica ---------------------------------------------------------------------------------------------------------------------- */

	.cajaTexto {
		padding: 0em 1em 1em 1em;
	}

		.cajaTexto p {
			text-align: justify;
		}
		
			.cajaTexto  p.centrado {
				text-align: center;
			}
			
		.cajaTexto ul {
			padding-left: 30px;
		}
		
		.cajaTexto ul  li {

		}
		
/* Caja de imagen genérica --------------------------------------------------------------------------------------------------------------------- */
	
	.cajaImagen {
		width: 100%;
		height: auto;
	}
		
		.cajaImagen  img {
			width: 100%;
			height: auto;
			vertical-align: top;
		}	
		
		
/* Caja de imagen con sombra -------------------------------------------------------------------------------------------------------------------- */

	.cajaImagenSombra, .cajaImagenSombra2 {
		width: 100%;
		height: auto;
		position: relative;
		z-index: 1;
		visibility: hidden;
	}
	
	.cajaImagenSombra:after, .cajaImagenSombra:before, .cajaImagenSombra2:after, .cajaImagenSombra2:before {
		content: "";
		height: 10px;
		position: absolute;
		z-index: -1;
		box-shadow: 0px 10px 10px 5px #38312f;
		border-radius: 0%;
	}
	

		.cajaImagenSombra  img, .cajaImagenSombra2  img {
			width: 100%;
			height: auto;
			vertical-align: top;
			/*border: solid 1px red;*/
			padding-bottom: 3px;
		}	
		
	@media screen and (min-width: 1290px) {
		.cajaImagenSombra:after, .cajaImagenSombra:before, .cajaImagenSombra2:after, .cajaImagenSombra2:before {width: 94%;left: 3%;}
		.cajaImagenSombra:after, .cajaImagenSombra:before {bottom: 21%;}
		.cajaImagenSombra2:after, .cajaImagenSombra2:before {bottom: 14%;}
		.cajaImagenSombra:after, .cajaImagenSombra2:after {transform: rotate(-5deg);	}
		.cajaImagenSombra:before, .cajaImagenSombra2:before {transform: rotate(5deg);}
	}

	@media screen and (max-width: 1289px) and (min-width: 980px) {
		.cajaImagenSombra:after, .cajaImagenSombra:before, .cajaImagenSombra2:after, .cajaImagenSombra2:before {width: 92%;left: 4%;}
		.cajaImagenSombra:after, .cajaImagenSombra:before {bottom: 21%;}
		.cajaImagenSombra2:after, .cajaImagenSombra2:before {bottom: 14%;}
		.cajaImagenSombra:after, .cajaImagenSombra2:after {transform: rotate(-5deg);	}
		.cajaImagenSombra:before, .cajaImagenSombra2:before {transform: rotate(5deg);}
	}

	@media screen and (max-width: 979px) and (min-width: 768px) {
		.cajaImagenSombra:after, .cajaImagenSombra:before, .cajaImagenSombra2:after, .cajaImagenSombra2:before {width: 90%;left: 5%;}
		.cajaImagenSombra:after, .cajaImagenSombra:before {bottom: 23%;}
		.cajaImagenSombra2:after, .cajaImagenSombra2:before {bottom: 14%;}
		.cajaImagenSombra:after, .cajaImagenSombra2:after {transform: rotate(-5deg);	}
		.cajaImagenSombra:before, .cajaImagenSombra2:before {transform: rotate(5deg);}
	}

	@media screen and (max-width: 767px) and (min-width: 481px) {
		.cajaImagenSombra:after, .cajaImagenSombra:before, .cajaImagenSombra2:after, .cajaImagenSombra2:before {width: 88%;left: 6%;}
		.cajaImagenSombra:after, .cajaImagenSombra:before {bottom: 13%;}
		.cajaImagenSombra2:after, .cajaImagenSombra2:before {bottom: 8%;}
		.cajaImagenSombra:after, .cajaImagenSombra2:after {transform: rotate(-5deg);	}
		.cajaImagenSombra:before, .cajaImagenSombra2:before {transform: rotate(5deg);}
	}

	@media screen and (max-width: 480px) {
		.cajaImagenSombra:after, .cajaImagenSombra:before, .cajaImagenSombra2:after, .cajaImagenSombra2:before {width: 86%;left: 7%;}
		.cajaImagenSombra:after, .cajaImagenSombra:before {bottom: 13%;}
		.cajaImagenSombra2:after, .cajaImagenSombra2:before {bottom: 8%;}
		.cajaImagenSombra:after, .cajaImagenSombra2:after {transform: rotate(-7deg);	}
		.cajaImagenSombra:before, .cajaImagenSombra2:before {transform: rotate(7deg);}
	}			

/* Caja de imagen seccion con sombra ----------------------------------------------------------------------------------------------------------- */
		

	.cajaImagenSeccion {
		width: 100%;
		height: auto;
		position: relative;
		z-index: 1;
		visibility: hidden;
	}
	
	.cajaImagenSeccion:after, .cajaImagenSeccion:before {
		content: "";
		width: 94%;
		height: 10px;
		position: absolute;
		left: 3%;
		bottom: 20%;
		z-index: -1;
		box-shadow: 0px 10px 10px 5px #38312f;
		border-radius: 0%;
	}
			
	.cajaImagenSeccion img {
		position: relative;
			top: -20px;
		width: 100%;
	}
	
	@media screen and (min-width: 1290px) {
		.cajaImagenSeccion:after, .cajaImagenSeccion:before {bottom: 20%;}
		.cajaImagenSeccion:after {transform: rotate(-3deg);}
		.cajaImagenSeccion:before {transform: rotate(3deg);}
	}

	@media screen and (max-width: 1289px) and (min-width: 980px) {
		.cajaImagenSeccion:after, .cajaImagenSeccion:before {bottom: 20%;}
		.cajaImagenSeccion:after {transform: rotate(-3deg);}
		.cajaImagenSeccion:before {transform: rotate(3deg);}
	}

	@media screen and (max-width: 979px) and (min-width: 768px) {
		.cajaImagenSeccion:after, .cajaImagenSeccion:before {bottom: 25%;}
		.cajaImagenSeccion:after {transform: rotate(-3deg);}
		.cajaImagenSeccion:before {transform: rotate(3deg);}
	}

	@media screen and (max-width: 767px) and (min-width: 481px) {
		.cajaImagenSeccion:after, .cajaImagenSeccion:before {bottom: 32%;}
		.cajaImagenSeccion:after {transform: rotate(-3deg);}
		.cajaImagenSeccion:before {transform: rotate(3deg);}
	}

	@media screen and (max-width: 480px) {
		.cajaImagenSeccion:after, .cajaImagenSeccion:before {bottom: 40%;}
		.cajaImagenSeccion:after {transform: rotate(-3deg);}
		.cajaImagenSeccion:before {transform: rotate(3deg);}
	}	
		
/* Caja de imagen con padding utilizada en la galería ------------------------------------------------------------------------------------------- */
		
	.cajaImagenPadding {
		width: 100%;
		height: auto;	
		position: relative;
		z-index: 1;		
	}
	
	.cajaImagenPadding:after, .cajaImagenPadding:before {
		content: "";
		width: 84%;
		height: 5px;
		position: absolute;
		left: 8%;
		bottom: 20%;
		z-index: -1;
		box-shadow: 0px 5px 5px 2px #38312f;
		border-radius: 0%;
	}
	
		.cajaImagenPadding  img {
			width: 90%;
			height: auto;
			vertical-align: top;
			padding: 5%;
			
		}	

	@media screen and (min-width: 1290px) {
		.cajaImagenPadding:after, .cajaImagenPadding:before {bottom: 12%;}
		.cajaImagenPadding:after {transform: rotate(-5deg);}
		.cajaImagenPadding:before {transform: rotate(5deg);}
	}

	@media screen and (max-width: 1289px) and (min-width: 980px) {
		.cajaImagenPadding:after, .cajaImagenPadding:before {bottom: 12%;}
		.cajaImagenPadding:after {transform: rotate(-5deg);}
		.cajaImagenPadding:before {transform: rotate(5deg);}
	}

	@media screen and (max-width: 979px) and (min-width: 768px) {
		.cajaImagenPadding:after, .cajaImagenPadding:before {bottom: 12%;}
		.cajaImagenPadding:after {transform: rotate(-5deg);}
		.cajaImagenPadding:before {transform: rotate(5deg);}
	}

	@media screen and (max-width: 767px) and (min-width: 481px) {
		.cajaImagenPadding:after, .cajaImagenPadding:before {bottom: 12%;}
		.cajaImagenPadding:after {transform: rotate(-5deg);}
		.cajaImagenPadding:before {transform: rotate(5deg);}
	}

	@media screen and (max-width: 480px) {
		.cajaImagenPadding:after, .cajaImagenPadding:before {bottom: 12%;}
		.cajaImagenPadding:after {transform: rotate(-5deg);}
		.cajaImagenPadding:before {transform: rotate(5deg);}
	}

/* Cajas tipo T1 y T2 -------------------------------------------------------------------------------------------------------------------------- */

	@media screen and (min-width: 1290px) {
		.bordesT1, .bordesT2 {padding: 20px 50px 20px 50px;}
	}

	@media screen and (max-width: 1289px) and (min-width: 980px) {
		.bordesT1, .bordesT2 {padding: 20px 50px 20px 50px;}
	}

	@media screen and (max-width: 979px) and (min-width: 768px) {
		.bordesT1, .bordesT2  {padding: 20px 45px 20px 45px;}
	}

	@media screen and (max-width: 767px) and (min-width: 481px) {
		.bordesT1, .bordesT2  {padding: 15px 30px 12px 30px;}
	}

	@media screen and (max-width: 480px) {
		.bordesT1, .bordesT2  {padding: 10px 20px 8px 20px;}
	}

/* Logos Proveedores -------------------------------------------------------------------------------------------------------------------------- */
	
	.logoProveedor {
		float: left;
	}
	
	.logoProveedor img {
		width: 100%;
	}
	
	
	@media screen and (min-width: 1290px) {
		.logoProveedor {	width: 14.28%;}
	}

	@media screen and (max-width: 1289px) and (min-width: 980px) {
		.logoProveedor {	width: 14.28%;}
	}

	@media screen and (max-width: 979px) and (min-width: 768px) {
		.logoProveedor {	width: 20%;}
	}

	@media screen and (max-width: 767px) and (min-width: 481px) {
		.logoProveedor {	width: 25%;}
	}

	@media screen and (max-width: 480px) {
		.logoProveedor {	width: 25%;}
	}	
	
	
/* Tablas -------------------------------------------------------------------------------------------------------------------------------------- */
	
	.tablaHorario {
		width: 360px;
		margin: 0 auto;
	}
	
		.celda1 {
			width: 55%;
				padding-right: 5%;
			text-align: right;
			border-right: solid 2px #38312f;
		}
		
		.celda2 {
			width: 35%;
				padding-left: 5%;
			text-align: left;
			border-left: solid 2px #38312f;
		}


/* Galeria >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */


.galeriaFotos {
	cursor: pointer;
	cursor: hand;
}

#galeriaFondo {
	width: 100%;
	height: 100%;
	background-color: rgba(66,66,66,.5);
	position: fixed;
	z-index: 1000;
	visibility: hidden;
}

.contentImgGallery {
	margin: 0 auto;
	margin-top: 5px;
	max-width: 720px;
	width: 95%;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	
}

.row1 {
	width: 100%;
	height: 30px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-end;
	align-items: center;
}

	.boxBottomClose {
		width: 27px;
		height: 28px;
		background-color: rgba(255,255,255,.75);
		border-radius: 13px;
	}
	
		.boxBottomClose img {
			width: 26px;
			cursor: pointer;
			cursor: hand;
		}

.row2 {
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}

	.boxBottomBack {
		width: 36px;
		height: 36px;
		position: relative;
			left: 50px;
		background-color: rgba(255,255,255,.75);
		border-radius: 18px;
	}
	
		.boxBottomBack img {
			width: 36px;
			cursor: pointer;
			cursor: hand;
		}
		
	
	.boxImgGallery {
		width: 100%;
	}
	
		.boxImgGallery img {
			width: 100%;
			border: solid 3px white;
		}

	.boxBottomForward {
		width: 36px;
		height: 36px;
		position: relative;
			right: 50px;
		background-color: rgba(255,255,255,.75);
		border-radius: 18px;
	}
	
		.boxBottomForward img {
			width: 36px;
			cursor: pointer;
			cursor: hand;
		}