@charset "utf-8";
/* CSS Document */
*{
	margin:0;
	padding:0;
	box-sizing:border-box;
}

/*body{
	background-image:url(Nueva%20carpeta/bg.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:330vh;
}*/

.htext{
	text-align:center;
	font-size:30px;
	/*font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;*/
	margin-top:15px;
	color:#000;
	text-shadow:0px 0px 6px #7379E8;
}

.content-all{
	width:150px;
	margin:auto; 
	perspective:1000px;
	position:relative;
	/*---margin-top:50px;----*/
}

.content-carrousel{
	width:130%;
	position:absolute;
	animation:rotar 35s infinite linear;
	transform-style:preserve-3d;
}

.content-carrousel:hover{
	animation-play-state:paused;
	cursor:pointer;
}

.content-carrousel figure{
	width:100%; 
	height:100%; /*--para el margen de apertura, se puede agrandar---*/
	/*---overflow:hidden;---*/
	position:absolute;
	box-shadow: 0px 0px 30px 0px red;
	transition: all 300ms;
}

.content-carrousel figure:hover{
	box-shadow: 0px 0px 0px 0px red;
	transition: all 300ms;
}

/* ------ seleccion de la fugura -------*/
.content-carrousel figure:nth-child(1){transform:rotateY(0deg)
translateZ(300px);}
.content-carrousel figure:nth-child(2){transform:rotateY(40deg)/*el 90 es 360 entre 4, el primero es 0 grados, no se cuenta*/
translateZ(300px);}
.content-carrousel figure:nth-child(3){transform:rotateY(80deg)
translateZ(300px);}
.content-carrousel figure:nth-child(4){transform:rotateY(120deg)
translateZ(300px);}
.content-carrousel figure:nth-child(5){transform:rotateY(160deg)
translateZ(300px);}
.content-carrousel figure:nth-child(6){transform:rotateY(200deg)
translateZ(300px);}
.content-carrousel figure:nth-child(7){transform:rotateY(240deg)
translateZ(300px);}
.content-carrousel figure:nth-child(8){transform:rotateY(280deg)
translateZ(300px);}
.content-carrousel figure:nth-child(9){transform:rotateY(320deg)
translateZ(300px);}
.content-carrousel figure:nth-child(10){transform:rotateY(360deg)
translateZ(300px);}
/*.content-carrousel figure:nth-child(11){transform:rotateY(240deg)
translateZ(300px);}
.content-carrousel figure:nth-child(12){transform:rotateY(264deg)
translateZ(300px);}
.content-carrousel figure:nth-child(13){transform:rotateY(288deg)
translateZ(300px);}
.content-carrousel figure:nth-child(14){transform:rotateY(312deg)
translateZ(300px);}
.content-carrousel figure:nth-child(15){transform:rotateY(336deg)
translateZ(300px);}
.content-carrousel figure:nth-child(16){transform:rotateY(360deg)
translateZ(300px);}*/


.content-carrousel img{
	width:100%;
	transition: all 300ms;
}

.content-carrousel img:hover{
	-webkit-transform: scale(1.5);
    transform: scale(1.5);
	transition: all 300ms;
	/*transform:scale(1,2);*/
}

@keyframes rotar{
	from{
		 transform:rotateY(0dgs);
	     }to{
		 transform:rotateY(360deg);}
}