/* Elastislide Style */
.es-carousel-wrapper{/*Controla el carrusel de thumbs, su fondo*/
	/*background-color:rgba(255,255,255,0.2);*//*Era origen 101010, lo he cambiado a blanco, podria ser transparent si quisiera que se viera lo que hubiera debajo*/
	padding:0px 27px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow:0px 1px 4px rgba(0, 0, 0, 0.9);
	-webkit-box-shadow:0px 1px 4px rgba(0, 0, 0, 0.9);
	box-shadow:0px 0px 0px rgba(0, 0, 0, 0.9);
	position:relative;
	margin-bottom:0px;
}
.es-carousel{

	overflow:hidden;
	background:transparent;/*Era negro, lo cambio a transparente, controla el color del fondo de la tira interna donde van las fotos del carrusel*/
}
.es-carousel ul{
	display:none;
}

.es-carousel ul li{
	float:left;
	display:block;
}
.es-carousel ul li a{
    width:72px;
    line-height:72px;/*Esto y la siguiente para centrar la imagen de alto como elemento de texto*/
    text-align:center;
	height:72px;
	display:inline-block;
	background-color:rgba(255,255,255,0.6);
	border-radius:3px;
	border:1px solid #aaaaaa;
	opacity:1.0;/*Controla la opacidad de cada thumb que no esta hover*/
	-webkit-touch-callout:none;
	/* option */
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.es-carousel ul li a:hover{
	display:block;
	border-style:solid;
/*	border-color:#222;*/
	opacity:0.3;/*Controla la opacidad de cada thumb que no esta hover*/
	-webkit-touch-callout:none;
	/* option */
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.es-carousel ul li.selected a{
	background-color:black;
	border-color:gray;
	opacity:0.7;
}

.es-carousel ul li a img{
	border:none;
	vertical-align:middle;/*para centrar vertical, porque en su caja madre la entiende como texto*/
	max-width: 62px;
	max-height: 62px;
	margin-top:-2px;
}

.es-nav span{
	position:absolute;
	top:70%;
	left:8px;
	background:transparent url(../../img/varios/nav_thumbs.png) no-repeat top left;
	width:14px;
	height:26px;
	margin-top:-13px;
	text-indent:-9000px;
	cursor:pointer;
	opacity:1;
}
.es-nav span.es-nav-next{
	right:8px;
	left:auto;
	background-position:top right;
}
.es-nav span:hover{
	opacity:0.7;
}