#slider1_container {
	margin: 20px auto;
	margin-bottom: 20px;
}

#slider1_container img {
	object-fit: cover; 
}
 
.caption { /* los textos que van en el slider */
	font-size: 13px;
	color: white;
	text-align: center;
	background-color: rgba(255,255,255,0.8);
	padding: 10px;
	position: absolute;
	bottom: 0px;
	width: 580px;
}

.caption a {
	color: white;
}

.caption:hover,
.caption:active {
	color: white;
	background-color: rgba(255,255,255,0.9);
}



/* SLIDER */
#slider1_container {
	position: relative; top: 0px; left: 0px; width: 600px; height: 240px; overflow: hidden;
}

.slides_container {
	cursor: move; position: absolute; left: 0px; top: 0px; width: 600px; height: 240px; overflow: hidden;
}

/* FLECHAS */
.jssora12l, .jssora12r {
	display: block;
	position: absolute;
	/* size of arrow element */
	width: 30px;
	height: 46px;
	cursor: pointer;
	background: url('../img/slider/slider-flecha-a22.png') no-repeat;
	overflow: hidden;
}
.jssora12l { background-position: -16px -37px; }
.jssora12r { background-position: -75px -37px; }
.jssora12l:hover { background-position: -136px -37px; }
.jssora12r:hover { background-position: -195px -37px; }
.jssora12l.jssora12ldn { background-position: -256px -37px; }
.jssora12r.jssora12rdn { background-position: -315px -37px; }