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

#crsl-cnt {
	background-color:#FFF;
	width:100%;
	margin:5px 0px;
	position:relative;
}
#crsl {  
	padding:0;
	margin:0;  
	list-style: none;  
	display:block;
	width:100%;
	height:0;
	padding-bottom:72.3%;
	overflow:hidden;
	position:relative;
}
.cnt-foto {
	position:relative;
	display:block;
	height:0;
	width:100%;
	padding-bottom:72.3%;
	background-color:#DCDCDC;
}
#cnt-caption {
	position:absolute;
	left: 10px;
	right:10px;
	bottom: 10px;
	z-index: 1000;
	font-size: 100%;
	color: #FFF;
	text-shadow: #000 2px 2px;
	text-align:center;
}
.cnt-foto img {
	position:absolute;
	display:block;
	height:100%;
	object-fit:contain;
	/*width:auto;
	margin:auto;
	max-height:100%;*/
}
#crsl-prev, #crsl-next {
	position:absolute;
	top:43%;
	width:3%;
	min-width:16px;
	height:14%;
	min-height:32px;
	z-index:300;
	cursor:pointer;
}
#crsl-prev {
	left:0px;
	background:#666 url(../Imatges/prev.png) no-repeat center center;
	background-color:rgba(0,0,0,0.5);
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	background-size:contain;
}
#crsl-next {
	right:0px;
	background:#666 url(../Imatges/next.png) no-repeat center center;
	background-color:rgba(0,0,0,0.5);
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	background-size:contain;
}
#crsl-minis {
	overflow:hidden;
	margin-bottom:10px;
}
#minis {
	padding:0;
	margin:0;  
	list-style: none;
	height:100%; 
}
.unaMini {
	/*display:block;*/
	float:left;
	position:relative;
	height:100%;
	border-right:1px solid #FFF;
	cursor:pointer;
}

.unaMini > img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity:0.65;
}

.unaMini.activa > img {
	opacity:1.0;
}