/*Slider*/
.sliderarielo
{
	position:relative;
	overflow:hidden;
	padding:0px;
    min-height:380px;
}


.s_element{
	position:relative;
	width:100%;
	height:100%;
	min-height:380px;
	display:none;
	background-size:contain; 
	background-repeat:no-repeat; 
	background-position:center top;
	
}

.s_visible
{
	display:block;
}
.thumbs{
	position:relative;
	/*border: 1px dashed;*/
	border-radius: 14px 14px 0px 0px;
	overflow-x: hidden;
    /*overflow-y: hidden;
	max-height:100px;
	*/
}
.thumbs ul
{
	display:block;
	list-style:none;
	padding-left:30px;
	
}
.thumbs ul li
{
	display:block;
	float:left;
	margin:2px;
	width:45%;
}
@media screen and (max-width:1090px) { 
.thumbs ul li
{
	display:block;
	float:left;
	margin:5px;
	width:30%;
}
}
@media screen and (max-width:800px) { 
.thumbs ul li
{
	display:block;
	float:left;
	margin:5px;
	width:30%;
}
}
@media screen and (max-width:600px) { 
.thumbs ul li
{
	display:block;
	float:left;
	margin:5px;
	width:45%;
}
}
@media screen and (max-width:450px) { 
.thumbs ul li
{
	display:block;
	float:left;
	margin:5px;
	width:90%;
}
}

.imagenthumb
{
background-size:contain;
 background-position:center center;
  background-repeat:no-repeat;
  width:80px;
  float:left; 
  height:100px;
  margin-right:3px; 
}

.btnAnt{
	float:left;
	top:0%;
	left:0px;
	position:absolute;
	width:30px;
	height:106px;
	background-image:url(fio.png);
	background-size:contain;  /* usar cover tambien se puede */
	background-repeat:no-repeat;
	background-position:center center;
	background-color:#000;
	color:#FFF;
	display:none;
	z-index:5;
	opacity: .7;	
	
	
	
	}
.btnAnt:hover{

	background-image:url(fio.png);	
	opacity: 1;	
	}
.btnSig{
	float:right;
	top:0%;
	right:0px;
	position:absolute;
	width:30px;
	height:106px;
	background-image:url(fdo.png);
	background-size:contain;
	background-repeat:no-repeat;
		background-position:center center;
	display:none;
	background-color:#000;
	color:#FFF;
	z-index:5;
	opacity: .7;
	}
.btnSig:hover{

	background-image:url(fdo.png);	
	opacity: 1;	
	}