@charset "utf-8";
/* CSS Document */
*{margin:0; padding: 0;}
		body{
			margin:0;
			padding: 0;
			box-sizing: border-box;
		}
		.containerCarrusel{
			display: flex;
			width: 100%;
			margin: 0 auto;
			padding: 0;
			box-sizing: border-box;
			/*max-width: 1400px;*/
			position: relative;
			margin-top: 14px;
			background-color:hsla(0,0%,100%,0.00);
		}
		.contenedorCarrusel{
			width:100%;
			box-sizing: border-box;
			background-color:hsla(0,0%,100%,0.00);
		}
		#carrusel{
		  background-color:hsla(0,0%,100%,0.00);
		  overflow:hidden;
		  display: flex;
    	  flex-flow: column wrap;
    	  justify-content: center;
		  box-sizing: border-box;
		}
		.contenedorCarrusel #carrusel .slider-1{
		  width:500%;
		  position:relative;
		  cursor:-webkit-grab;
		  cursor:-moz-grab;
		  cursor:-ms-grab;
		  cursor:grab;
		  box-sizing:content-box;
		  display:-moz-flex;
		  display:-webkit-flex;
		  display:-ms-flex;
		  display:flex;
		  margin-left:-100%;
		}
		.contenedorCarrusel #carrusel .slider-1:active{
		  cursor:-webkit-grabbing;
		  cursor:-moz-grabbing;
		  cursor:-ms-grabbing;
		  cursor:grabbing;
		}
		/*------------------------------*/
		.infoElement{
			position: absolute;
			display: flex;
    		flex-flow: column wrap;
    		width: 100%;
    		height: 100%;
    		justify-content: center;
		}
		
		/*------------------------------*/		
		
		.contenedorCarrusel #carrusel .slider-1 p{
		  color:#900;
		  text-align:center;
		}
		.contenedorCarrusel #carrusel .slider-1 h1{
		  text-align:center;
		  width:95%;
		  margin:0 auto;
		}
		.contenedorCarrusel #carrusel .slider-1 .slide-div img{
		  width:100%;
		  text-align:center;
			min-width: 100%;
			object-fit: fill;
		}
		.imgCarrusel{
			width:100%;
			min-width: 100%;
		}
		picture{
			width:100%;
			min-width: 100%;
			object-fit: fill;
		}
		.contenedorCarrusel #carrusel .slide-div{
		  width:33.3333%;
		  position:relative;
		  display:inline-block;
		  box-sizing:border-box;
		  padding:0;
		  text-align:center;
		  vertical-align:top;
		  margin:0;
		  cursor: default;
		}
		.contenedorCarrusel #carrusel .slide-div .borde{
		  width:100%;
		  margin:0;
		  padding:0;
		  box-sizing:border-box;
		  display: flex;
		  justify-content: center;
		  align-items: center;
			
		}
		.contenedorCarrusel #carrusel .flecha{
		  position:absolute;
		  cursor:pointer;
		  z-index:8;
		}
		.contenedorCarrusel #carrusel .right{
		  right:16px;
		}
		.contenedorCarrusel #carrusel .left{
		  left:16px;
		}
		.contenedorCarrusel #carrusel .flecha li{
		  display:table-cell;
		  height:2em;
		  width:2em;
		  vertical-align:middle;
		  text-align:center;
		  background:rgba(0,0,0,.3);
		  color:rgba(255,255,255,.8);
		  border-radius: 100px;
		}
		.contenedorCarrusel #carrusel .flecha:active li{
		  background:rgba(0,0,0,.5);
		  color:rgba(255,255,255,1);
		}