.slide{display:block;float:left;height:auto;margin:0 0;padding:0;position:relative;visibility:hidden;width:100%;}
#myCarousel div.descripcion_slide{display:none !important;visibility:hidden !important;transition:0.3s ease 0s; }

/* BASICOS */
.carousel-inner{overflow:hidden;position:relative;width:100%;}
.carousel-inner > .item{backface-visibility:hidden;perspective:1000px;transition:transform 0.6s ease-in-out 0s;}
.carousel-inner > .item{display:none;position:relative;transition:left 0.6s ease-in-out 0s;}
.carousel-inner > .item{backface-visibility:hidden;perspective:1000px;transition:transform 0.6s ease-in-out 0s;}

.carousel-inner > .item.active.right, .carousel-inner > .item.next{left:0;transform:translate3d(100%, 0px, 0px);}
.carousel-inner > .item.active.left, .carousel-inner > .item.prev{left:0;transform:translate3d(-100%, 0px, 0px);}
.carousel-inner > .item.active, .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right{left:0;transform:translate3d(0px, 0px, 0px);}
.carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev{display:block;}

.fecha_izq{float:left;position:relative;width:100%;height:100%;background:url(../img/1left.png) no-repeat center 40%;}
.fecha_drc{float:left;position:relative;width:100%;height:100%;background:url(../img/1right.png) no-repeat center 40%;}
#myCarousel:hover .carousel-control,
#myCarousel:hover .carousel-indicators,
#myCarousel:hover .carousel-indicators .active,
#myCarousel:hover div.descripcion_slide{visibility:visible !important;}

/*CONTROLES*/
.carousel-control{background-color:rgba(0, 0, 0, 0);bottom:0;color:#ffffff;font-size:20px;left:0;opacity:0.5;position:absolute;text-align:center;top:0;width:15%; display:block;}
.carousel-control.right{left:auto;right:0;}


/* MINIATURAS */
.carousel-indicators{bottom:0;left:0%;list-style:outside none none;margin:0;padding:0;position:absolute;text-align:center;width:100%;float:left;z-index:15; padding:15px 0 0 0;background:#ffffff; height:95px;visibility:visible;min-width:100%;}
/*.carousel-indicators li{margin:0 0.5% 3px 0.5%;padding:1%;cursor:pointer;display:inline-block;height:60px;width:7.8%; overflow:hidden;text-align:center; border:1px solid #eee;}*/
div.botoncitos{bottom: 0;left: 0%;list-style: outside none none;margin: 0;padding: 0;position: absolute;text-align: center;width: 100%;float: left;z-index: 15;padding: 15px 0 0 0;background: #ffffff;height: 105px;visibility: visible;overflow-x: scroll;scrollbar-color: #ccc #eaeaea;scrollbar-width: thin;/**/}
div.botoncitos::-webkit-scrollbar {
  width: 5px;
  height:4px;
}
div.botoncitos::-webkit-scrollbar-thumb {
  background: #ccc; 
  border-radius: 10px;
}
div.botoncitos::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
 border-radius: 10px;
  background:#ccc;
}
div.botoncitos::-webkit-scrollbar-button:horizontal:increment {
   /* background: url(../img/right_scroll.png);*/
}

div.botoncitos::-webkit-scrollbar-button:horizontal:decrement {
    /*background: url(../img/left_scroll.png);*/
}/**/
.carousel-indicators li{margin:0 5px 3px 5px;padding:8px;cursor:pointer;display:inline-block;height:60px;width:75px; overflow:hidden;text-align:center; border:1px solid #eee;}
.carousel-indicators li span{
	width:100%;
	height:100%;
	display: flex;
    align-items: center;  /* alineacion vertical */
    justify-content: center; /* alineacion horizontal */
}
.carousel-indicators li span img{max-height:100%;}
.carousel-indicators .active{border:1px solid #000; display:inline-block !important; visibility:visible !important}
.carousel-caption{bottom:20px;color:#ffffff;left:15%;padding-bottom:20px;padding-top:20px;position:absolute;right:15%;text-align:center;text-shadow:0 1px 2px rgba(0, 0, 0, 0.6);z-index:10;}

.carousel-inner .item{
	width:100%;
	height:560px;
	float:left;
	margin:0;
	padding:0;
	text-align:center;
	overflow:hidden;
}

.carousel-inner .item img{
	max-height:100% !important;
}

/* OCULTOS/VISIBLES */
div.active,
div.left,
div.next,
div.prev,
div.right{visibility:visible;}
#myCarousel{overflow:hidden; float:left; height:670px;}




@media (max-width:750px){
	#myCarousel{overflow:hidden; float:left; height:360px; background:orange;}
	
	.carousel-inner .item{
		height:250px;
	}
	
	.fecha_izq{background:url(../img/1left.png) no-repeat center 30%;}
	.fecha_drc{background:url(../img/1right.png) no-repeat center 30%;}
	
	/*.carousel-indicators li{height:35px;width:12%;}*/
}
