/* Elastislide Style */
.es-carousel-wrapper{
	background: #101010;
	padding:10px 27px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	position:relative;
	-moz-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.9);
	-webkit-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.9);
	box-shadow:0px 1px 3px rgba(0, 0, 0, 0.9);
	position:relative;
	margin-bottom:20px;
}
.es-carousel{
	overflow:hidden;
	background:#000;
}
.es-carousel ul{
	display:none;
}
.es-carousel ul li{
	height:100%;
	float:left;
	display:block;
}
.es-carousel ul li a{
	display:block;
	border-style:solid;
	border-color:#222;
	opacity:0.8;
	-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{
	border-color:#fff;
	opacity:1.0;
}
.es-carousel ul li a img{
	display:block;
	border:none;
	max-height:100%;
	max-width:100%;
}
.es-nav span{
	position:absolute;
	top:50%;
	left:8px;
	background:transparent url(../images/nav_thumbs.png) no-repeat top left;
	width:14px;
	height:26px;
	margin-top:-13px;
	text-indent:-9000px;
	cursor:pointer;
	opacity:0.8;
}
.es-nav span.es-nav-next{
	right:8px;
	left:auto;
	background-position:top right;
}
.es-nav span:hover{
	opacity:1.0;
}



/* Update t4xi: Elastislide Style */

	.es-carousel-wrapper {
		background: none;
		margin-bottom: 10px;
		border-radius: 0;
		box-shadow: none;
		padding: 0;
	}

	.es-carousel { background-color: #FFF; }

	.es-carousel ul li a {
		height: 69px;
		border-color:#86754D;
		overflow: hidden;
		opacity: 0.5;
	}

	.es-carousel ul li.selected a {
		border-color:#86754D;
	}

	.es-carousel ul li a img {
		width: 100%;
		height: auto;
		max-height: none !important;
	}

	.es-nav span {
		height: 69px;
		top: 19%;
		width: 20px;
		opacity: 1;
		background: #86754D url(../images/flechasCarroussel_320.png) no-repeat top left;
	}


	.es-nav span.es-nav-next {
		background-position: 95% center;
		right: 0;
	}

	.es-nav span.es-nav-prev {
		background-position: 5% center;
		left: 0;
	}


	@media screen and (min-width: 768px) { /* 768px */

		.es-carousel ul li a {
			height: 92px;
		}

		.es-nav span {
			height: 92px;
			top: 14%;
		}

	}

	@media screen and (min-width: 1000px) { /* 768px */

		.es-carousel-wrapper { margin-bottom: 20px; }

		.es-carousel ul li a {
			height: 130px;
		}

		.es-nav span {
			height: 130px;
			top: 10%;
			width: 40px;
			background: #86754D url(../images/flechasCarroussel_1280.png) no-repeat top left;
		}

		.es-nav span.es-nav-next {
			background-position: 97% center;
		}

		.es-nav span.es-nav-prev {
			background-position: 3% center;
		}

	}
