#miniCubeTrail{
	opacity: 0;
	-webkit-transform:translateZ(500px);
	position: absolute;
	top: 190px;
	left: 230px;
	width : 50px;
	height: 58px;
}
@-webkit-keyframes miniCubeUp{
	from { -webkit-transform:translateY(0px); }
	to		{ -webkit-transform:translateY(-50px); }
}

#miniCubeCont{
	height: 60px;
	width: 50px;
	-webkit-transition: opacity .5s linear;
	-webkit-transform-style: preserve-3d;
	-webkit-animation: CubeFloat .85s ease-in-out infinite;
	-webkit-animation-direction:alternate;
}

#miniCubeLight{
	position: absolute;
	z-index: 1;
	top: 15px;
	left: 9px;
	height: 32px;
	width: 32px;
	-webkit-transition: opacity .2s linear;
	-webkit-animation: miniLight 3s ease-in-out infinite;
	-webkit-transform: translateZ(100px);
}
@-webkit-keyframes miniLight{
	0%	{ opacity: 0; }
	70% { opacity: 0; }
	80% { opacity: 1; }
	90% { opacity: 0; }
	100%{ opacity: 0; }
}

/* miniCube Signals region */
.miniSignal{
	opacity: 0;
	position: absolute;
	top : 30px;
	left :55px;
	width : 400px;
	height: 400px;
	background-image: url(".././FEZ_resources/images/losange.png");
	background-size: 100%;
	background-position:center;
	background-repeat: no-repeat;
	overflow: visible;
	-webkit-animation-timing-function: cubic-bezier(0, 0, .25, 1);
	-webkit-animation-duration: 2.5s;
} 	
#miniSignal{
	-webkit-animation-timing-function: ease-out;
	-webkit-animation-duration: .4s;
}
@-webkit-keyframes rescale1{
	0%	{ -webkit-transform : scale( 0 , 0 ); opacity: 1;}
	50% { opacity: 1;}
	100%{ -webkit-transform : scale( 2.5 , 2.5 ); opacity: 0;}
}
@-webkit-keyframes rescale2{
	0%	{ -webkit-transform : scale( 0 , 0 ); opacity: .5;}
	50% { opacity: .5;}
	100%{ -webkit-transform : scale( 2 , 2 ); opacity: 0;}
}
@-webkit-keyframes rescale3{
	0%	{ -webkit-transform : scale( 0 , 0 ); opacity: .40;}
	50% { opacity: .40;}
	100%{ -webkit-transform : scale( 1.5 , 1.5 ); opacity: 0;}
}
@-webkit-keyframes rescale4{
	0%	{ -webkit-transform : scale( 0 , 0 ); opacity: .3;}
	50% { opacity: .3;}
	100%{ -webkit-transform : scale( 1 , 1 ); opacity: 0;}
}
@-webkit-keyframes fadeSignals{
	0%	{}
	100%{ opacity: 0; }
}
/* END OF miniCube Signals region */



#miniCube {
	top: 15px;
	left: 9px;
	position: absolute;
	height: 32px;
	width: 32px;
	-webkit-transform-style: preserve-3d;
	-webkit-animation-duration: .4s;
	-webkit-animation-timing-function: ease-in-out;
}
@-webkit-keyframes miniCubeSpin{
	0%	{ -webkit-transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg);}
	100%{ -webkit-transform: rotateX(-90deg) rotateY(-90deg);}
}
@-webkit-keyframes miniCubeSpin2{
	0%	{ -webkit-transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg);}
	100%{ -webkit-transform: rotateX(90deg) rotateY(-90deg);}
}
@-webkit-keyframes miniCubeSpin3{
	0%	{ -webkit-transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg);}
	100%{ -webkit-transform: rotateX(-90deg) rotateY(90deg);}
}
@-webkit-keyframes miniCubeSpin4{
	0%	{ -webkit-transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg);}
	100%{ -webkit-transform: rotateX(90deg) rotateY(90deg);}
}


#miniCube #face1 { -webkit-transform: rotateX(90deg) translateZ(16px); }
#miniCube #face2 { -webkit-transform: translateZ(16px); }
#miniCube #face3 { -webkit-transform: rotateY(90deg) translateZ(16px); }
#miniCube #face4 { -webkit-transform: rotateY(180deg) translateZ(16px); }
#miniCube #face5 { -webkit-transform: rotateY(-90deg) translateZ(16px); }
#miniCube #face6 { -webkit-transform: rotateX(-90deg) translateZ(16px) rotate(180deg); }