@charset "utf-8";
/* CSS Document */

	
.padre3d-1 {
	perspective: 60em;
	-o-perspective: 60em;
	-ms-perspective: 60em;
	-moz-perspective: 60em;
	-webkit-perspective: 60em;
	
	 perspective-origin:center center;
	 -o-perspective-origin:center center;
	 -ms-perspective-origin:center center;
	 -moz-perspective-origin:center center;
	 -webkit-perspective-origin:center center;
	  
	transition: all 1.05s ease;
	-o-transition: all 1.05s ease;
	-ms-transition: all 1.05s ease;
	-moz-transition: all 1.05s ease;
	-webkit-transition: all 1.05s ease;
}
	
.clase3d-1 {
		
	position:absolute;  
	   
	  transform-style: preserve-3d;
	  -o-transform-style: preserve-3d;
	  -ms-transform-style: preserve-3d;
	  -moz-transform-style: preserve-3d;
	  -webkit-transform-style: preserve-3d;
	
	  transform-origin: center center;
	  -o-transform-origin: center center;
	  -ms-transform-origin: center center;
	  -moz-transform-origin: center center;
	  -webkit-transform-origin: center center;
	  
	  /*transform: perspective(20em);
	  -o-transform: perspective(20em);
	  -ms-transform: perspective(20em);
	  -moz-transform: perspective(20em);
	  -webkit-transform: perspective(20em);*/
	  
	  
	transition: all 1.05s ease;
	-o-transition: all 1.05s ease;
	-ms-transition: all 1.05s ease;
	-moz-transition: all 1.05s ease;
	-webkit-transition: all 1.05s ease;
}



.flip {
	
	transform-style: preserve-3d;
	  -o-transform-style: preserve-3d;
	  -ms-transform-style: preserve-3d;
	  -moz-transform-style: preserve-3d;
	  -webkit-transform-style: preserve-3d;
	
	 perspective-origin:center center;
	 -o-perspective-origin:center center;
	 -ms-perspective-origin:center center;
	 -moz-perspective-origin:center center;
	 -webkit-perspective-origin:center center;
	 	 
	
	
	transition: all 1.05s ease;
	-o-transition: all 1.05s ease;
	-ms-transition: all 1.05s ease;
	-moz-transition: all 1.05s ease;
	-webkit-transition: all 1.05s ease;
	
	
}


/*.flip:hover {
	transform:translate3d(0em,0em,5em) ;
	-o-transform:translate3d(0em,0em,5em) ;
	-ms-transform:translate3d(0em,0em,5em) ;
	-moz-transform:translate3d(0em,0em,5em) ;
	-webkit-transform:translate3d(0em,0em,5em) ;
}


.ampliado .flip:hover {
	transform:translate3d(0em,0em,0em) ;
	-o-transform:translate3d(0em,0em,0em) ;
	-ms-transform:translate3d(0em,0em,0em) ;
	-moz-transform:translate3d(0em,0em,0em) ;
	-webkit-transform:translate3d(0em,0em,0em) ;
}*/


/*
.flip img {
	transition: all .5s ease;
	-o-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-webkit-transition: all .5s ease;	
}
*/

.flip .flip-1,
.flip .flip-2{
position: absolute;
backface-visibility: hidden;
-o-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
.flip .flip-2{
transform: rotateY(-180deg);
}

.flipeado .flip {
	transform:rotateY(180deg)  translate3d(0%, 50%, 0) ;
	-o-transform:rotateY(180deg)  translate3d(0%, 50%, 0) ;
	-ms-transform:rotateY(180deg)  translate3d(0%, 50%, 0) ;
	-moz-transform:rotateY(180deg)  translate3d(0%, 50%, 0) ;
	-webkit-transform:rotateY(180deg)  translate3d(0%, 50%, 0) ;
}

.flipeado .flip .item_titu {
	transform:rotateY(180deg)  translate3d(0%, 50%, 0) ;
	-o-transform:rotateY(180deg)  translate3d(0%, 50%, 0) ;
	-ms-transform:rotateY(180deg)  translate3d(0%, 50%, 0) ;
	-moz-transform:rotateY(180deg)  translate3d(0%, 50%, 0) ;
	-webkit-transform:rotateY(180deg)  translate3d(0%, 50%, 0) ;
}