/* CSS Document */
.galeria{
	
	list-style:none;
	
	
	display:inline-block;
	position:relative;
	text-align:center;
	width:100%
	
}
.galeria li{
	border: 2px solid #FFFFFF;
	box-sizing:border-box;
	overflow:hidden;
	cursor:pointer;
	position:relative;
	display:inline-block;
	width:24.5%;

}
.galeria li img{
	width:100%;
	filter:grayscale(100%);
	box-sizing:border-box;
	display:block;
	transition:all .5s;
}
.galeria li img:hover{
	overflow:hidden;
	transform:scale(1.2);
	filter: none;
}

/* Estilos del modal*/
.modal{
	display:block;
	z-index:100;
	position:fixed;
	background-color:rgba(0,0,0,0.80);
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.imagen{
	top:3%;
	left:0%;
	right:0%;
	margin:auto;	
	max-width:1200px;
	position:relative;
	border-top:15px solid #ff9c00;
	border-bottom:10px solid #ff9c00;
	background-color:#ff9c00;
	z-index:101;
}
.imagen #foto img{
	width:100%;	
	cursor:pointer;
}
.imagen #btn-next, .imagen #btn-prev {
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	
	cursor:pointer;
	color:rgba(185,189,191,0.60);
	opacity:.4;
}
.imagen #btn-next{
	right:20px;
}
.imagen #btn-prev{
	left:20px;
}
.imagen #btn-close{
	right:0px;
	top:0%;
	position:absolute;	
	cursor:pointer;
	opacity:.5;
}
.imagen #btn-next:hover, .imagen #btn-prev:hover, .imagen #btn-close:hover{
	opacity:1.0;
	/*color:#FFFFFF;*/
	
}
.imagen #info-fotos{
	position:absolute;
	top:5px;
	margin:auto;
	left:0;
	right:0;	
	font-family: CAVIARDREAMS_BOLD, serif;
	font-size:36px;
	color:#f6840c;
	background-color:#FFFFFF;
	opacity:.5;
	border-radius:15px;
	max-width:160px;
	text-align:center;
}
.imagen #info-fotos:hover{
	opacity:1;
}

@media screen and (max-width: 1187px){	
	
	
}
@media screen and (max-width: 957px){		
	.galeria li{	
		width:32.5%;
	}	
}
@media screen and (max-width: 767px){		
	.galeria li{	
		width:49%;
	}
}
@media screen and (max-width: 607px){
	.contenido .contenedorDatos .mensajeDatos{		
		font-size:20px;
	}	
	.imagen #info-fotos{
		font-size:14px;
	}
}
@media screen and (min-width: 767px){
	
	
}
@media screen and (min-width: 957px){
	
	
}