@charset "utf-8";


.gr_items > div{
	
	/*top:50%;*/
	position:absolute;
	cursor:pointer;
}


.gr_items img {
	width:100%;
	height:auto;	
}


/*   FLIPEADOS */

.flip.flipeado {
	
	transform:rotateY(180deg) translate3d(0em,0em,0em);
	-webkit-transform:rotateY(180deg) translate3d(0em,0em,0em);
	-moz-transform:rotateY(180deg) translate3d(0em,0em,0em);	
}




/*   ANCHOS */


.ancho_a {
	width:21em;
	height:auto;	
}


.ancho_b {
	width:25em;
	height:auto;	
}


.ancho_c {
	
	height:29em;
	width:auto;	
}


.ancho_d {
	width:33em;
	height:auto;
}


.ancho_e {
	width:15em;
	height:auto;
}





.alto_a {	
	height:15em;
	overflow:hidden;
}



.alto_b {	
	height:15em;
	
}




/* COLUMNAS 3D */

/*.colu_0, .colu_1, .colu_2 {
  transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  position:absolute;
  
  left:calc((100% - 20em)/2);
}*/




.clase3d-1.colu_0  {
	
	transform:rotateY(20deg) translate3d(-19em,,-5em) ;
	-o-transform:rotateY(20deg) translate3d(-19em,,-5em) ;
	-ms-transform:rotateY(20deg) translate3d(-19em,,-5em) ;
	-moz-transform:rotateY(20deg) translate3d(-19em,,-5em) ;
	-webkit-transform:rotateY(20deg) translate3d(-19em,,-5em) ;
	width:20em;
	left:calc((100% - 20em)/2);
	
}


.clase3d-1.colu_1{
	
	transform:rotateY(20deg) translate3d(-1em,,-5em) ;
	-o-transform:rotateY(20deg) translate3d(-1em,,-5em) ;
	-ms-transform:rotateY(20deg) translate3d(-1em,,-5em) ;
	-moz-transform:rotateY(20deg) translate3d(-1em,,-5em) ;
	-webkit-transform:rotateY(20deg) translate3d(-1em,,-5em) ;
	width:22.6em;
	left:calc((100% - 22.6em)/2);
	
}


.clase3d-1.colu_2{
	
	transform:rotateY(20deg) translate3d(31em,,-5em) ;
	-o-transform:rotateY(20deg) translate3d(31em,,-5em) ;
	-ms-transform:rotateY(20deg) translate3d(31em,,-5em) ;
	-moz-transform:rotateY(20deg) translate3d(31em,,-5em) ;
	-webkit-transform:rotateY(20deg) translate3d(31em,,-5em) ;
	width:27em;
	left:calc((100% - 27em)/2);
	
}




/*   REPOSO */



.perspec_titu{
	
	transform:rotateY(-20deg) translate3d(40em,5em,-5em) ;
	-o-transform:rotateY(-20deg) translate3d(40em,5em,-5em) ;
	-ms-transform:rotateY(-20deg) translate3d(40em,5em,-5em) ;
	-moz-transform:rotateY(-20deg) translate3d(40em,5em,-5em) ;
	-webkit-transform:rotateY(-20deg) translate3d(40em,5em,-5em) ;
	width:35em;
	left:calc((100% - 20em)/2);
	
}







/* pares */



.perspec0 {
	
	transform:rotateY(20deg) translate3d(-19em,6em,-5em) ;
	-o-transform:rotateY(20deg) translate3d(-19em,6em,-5em) ;
	-ms-transform:rotateY(20deg) translate3d(-19em,6em,-5em) ;
	-moz-transform:rotateY(20deg) translate3d(-19em,6em,-5em) ;
	-webkit-transform:rotateY(20deg) translate3d(-19em,6em,-5em) ;
	width:30em;
	left:calc((100% - 30em)/2);
	
}



.perspec2 {
	
	transform:rotateY(20deg) translate3d(-20em,23em,-5em) ;
	-o-transform:rotateY(20deg) translate3d(-20em,23em,-5em) ;
	-ms-transform:rotateY(20deg) translate3d(-20em,23em,-5em) ;
	-moz-transform:rotateY(20deg) translate3d(-20em,23em,-5em) ;
	-webkit-transform:rotateY(20deg) translate3d(-20em,23em,-5em) ;
	width:25em;
	left:calc((100% - 25em)/2);
	
}



.perspec4 {
	
	transform:rotateY(20deg) translate3d(2em,23em,-5em) ;
	-o-transform:rotateY(20deg) translate3d(2em,23em,-5em) ;
	-ms-transform:rotateY(20deg) translate3d(2em,23em,-5em) ;
	-moz-transform:rotateY(20deg) translate3d(2em,23em,-5em) ;
	-webkit-transform:rotateY(20deg) translate3d(2em,23em,-5em) ;	
	width:10em;
	left:calc((100% - 10em)/2);
	
}




/* impares */

.perspec1 {
	
	transform:rotateY(-20deg) translate3d(15em,7em,-5em) ;
	-o-transform:rotateY(-20deg) translate3d(15em,7em,-5em) ;
	-ms-transform:rotateY(-20deg) translate3d(15em,7em,-5em) ;
	-moz-transform:rotateY(-20deg) translate3d(15em,7em,-5em) ;
	-webkit-transform:rotateY(-20deg) translate3d(15em,7em,-5em) ;
	width:27em;
	left:calc((100% - 27em)/2);
	
}



.perspec3 {
	
	transform:rotateY(-20deg) translate3d(20em,26em,-5em) ;
	-o-transform:rotateY(-20deg) translate3d(20em,26em,-5em) ;
	-ms-transform:rotateY(-20deg) translate3d(20em,26em,-5em) ;
	-moz-transform:rotateY(-20deg) translate3d(20em,26em,-5em) ;
	-webkit-transform:rotateY(-20deg) translate3d(20em,26em,-5em) ;
	width:20em;
	left:calc((100% - 20em)/2);
}




/*   OCULTO1 */





/* pares */


.perspec0.oculto1 {
	
	transform:rotateY(20deg) translate3d(-59em,-16em,-5em) ;
	-o-transform:rotateY(20deg) translate3d(-59em,-16em,-5em) ;
	-ms-transform:rotateY(20deg) translate3d(-59em,-16em,-5em) ;
	-moz-transform:rotateY(20deg) translate3d(-59em,-16em,-5em) ;
	-webkit-transform:rotateY(20deg) translate3d(-59em,-16em,-5em) ;
	width:40em;
	left:calc((100% - 40em)/2);
}



.perspec2.oculto1 {
	
	transform:rotateY(20deg) translate3d(-59em,20em,-5em) ;
	-o-transform:rotateY(20deg) translate3d(-59em,20em,-5em) ;
	-ms-transform:rotateY(20deg) translate3d(-59em,20em,-5em) ;
	-moz-transform:rotateY(20deg) translate3d(-59em,20em,-5em) ;
	-webkit-transform:rotateY(20deg) translate3d(-59em,20em,-5em) ;	
	width:25em;
	left:calc((100% - 25em)/2);
	
}



.perspec4.oculto1 {
	
	transform:rotateY(-20deg) translate3d(0em,-68em,-5em) ;
	-o-transform:rotateY(-20deg) translate3d(0em,-68em,-5em) ;
	-ms-transform:rotateY(-20deg) translate3d(0em,-68em,-5em) ;
	-moz-transform:rotateY(-20deg) translate3d(0em,-68em,-5em) ;
	-webkit-transform:rotateY(-20deg) translate3d(0em,-68em,-5em) ;	
	width:25em;
	left:calc((100% - 25em)/2);
	
}





/* impares */

.perspec1.oculto1 {
	
	transform:rotateY(-20deg) translate3d(40em,-30em,-5em) ;
	-o-transform:rotateY(-20deg) translate3d(40em,-30em,-5em) ;
	-ms-transform:rotateY(-20deg) translate3d(40em,-30em,-5em) ;
	-moz-transform:rotateY(-20deg) translate3d(40em,-30em,-5em) ;
	-webkit-transform:rotateY(-20deg) translate3d(40em,-30em,-5em) ;
	width:35em;
	left:calc((100% - 35em)/2);
}


.perspec3.oculto1 {
	
	transform:rotateY(-20deg) translate3d(60em,30em,-5em) ;
	-o-transform:rotateY(-20deg) translate3d(60em,30em,-5em) ;
	-ms-transform:rotateY(-20deg) translate3d(60em,30em,-5em) ;
	-moz-transform:rotateY(-20deg) translate3d(60em,30em,-5em) ;
	-webkit-transform:rotateY(-20deg) translate3d(60em,30em,-5em) ;
	width:30em;
	left:calc((100% - 30em)/2);
}





/*   AMPLIADOS */




/* pares */

.perspec0.ampliado {
	
	transform:rotateY(0deg) translate3d(-23em,0em,-5em) ;
	-o-transform:rotateY(0deg) translate3d(-23em,0em,-5em) ;
	-ms-transform:rotateY(0deg) translate3d(-23em,0em,-5em) ;
	-moz-transform:rotateY(0deg) translate3d(-23em,0em,-5em) ;
	-webkit-transform:rotateY(0deg) translate3d(-23em,0em,-5em) ;	
	width:75em;	
}



.perspec2.ampliado {
	
	transform:rotateY(0deg) translate3d(-26em,0em,-5em) ;
	-o-transform:rotateY(0deg) translate3d(-26em,0em,-5em) ;
	-ms-transform:rotateY(0deg) translate3d(-26em,0em,-5em) ;
	-moz-transform:rotateY(0deg) translate3d(-26em,0em,-5em) ;
	-webkit-transform:rotateY(0deg) translate3d(-26em,0em,-5em) ;	
	width:75em;
	
	
}



.perspec4.ampliado {
	
	transform:rotateY(0deg) translate3d(-3em,0em,-5em) ;
	-o-transform:rotateY(0deg) translate3d(-3em,0em,-5em) ;
	-ms-transform:rotateY(0deg) translate3d(-3em,0em,-5em) ;
	-moz-transform:rotateY(0deg) translate3d(-3em,0em,-5em) ;
	-webkit-transform:rotateY(0deg) translate3d(-3em,0em,-5em) ;	
	width:17em;
	
	
}



/* impares */

.perspec1.ampliado {
	
	transform:rotateY(0deg) translate3d(-26em,0em,-5em) ;
	-o-transform:rotateY(0deg) translate3d(-26em,0em,-5em) ;
	-ms-transform:rotateY(0deg) translate3d(-26em,0em,-5em) ;
	-moz-transform:rotateY(0deg) translate3d(-26em,0em,-5em) ;
	-webkit-transform:rotateY(0deg) translate3d(-26em,0em,-5em) ;	
	width:70em;

	
}


.perspec3.ampliado {
	
	transform:rotateY(0deg) translate3d(-26em,0em,-5em) ;
	-o-transform:rotateY(0deg) translate3d(-26em,0em,-5em) ;
	-ms-transform:rotateY(0deg) translate3d(-26em,0em,-5em) ;
	-moz-transform:rotateY(0deg) translate3d(-26em,0em,-5em) ;
	-webkit-transform:rotateY(0deg) translate3d(-26em,0em,-5em) ;	
	width:70em;
	
}