/*rotor*/	
	
.boton_rotor {
	
	border: solid #DC5014 8px;
	border-radius: 50%;

	-webkit-perspective: 2000px;
	-moz-perspective: 2000px;
	perspective: 2000px;
	
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;

	-moz-box-shadow: inset 0px 0px 0px 6px #B52420;
	-webkit-box-shadow: inset 0px 0px 0px 6px #B52420;
	box-shadow: inset 0px 0px 0px 6px #B52420;
	
	background: #272729;

}


.rotor, .rotor1 {

	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	
	border-radius: 50%;
}	

.rotor {
	top:2px;
	position:relative;
	width:100%;

	-webkit-transform: rotateY(0deg) rotateZ(0deg);
	-moz-transform: rotateY(0deg) rotateZ(0deg);
	transform: rotateY(0deg) rotateZ(0deg);
	box-shadow: inset 0px 0px 0px rgba(0,0,0,0.5), inset 0px 0px 0px rgba(255,255,255,0.5);
	
	-webkit-transition: -webkit-transform 0.7s , box-shadow 0.3s;
	-moz-transition: -moz-transform 0.7s , box-shadow 0.3s;
	transition: transform 0.7s , box-shadow 0.3s;
	

}

.grid a:hover .rotor{

	-webkit-transform: rotateY(-180deg) rotateZ(-90deg);
	-moz-transform: rotateY(-180deg) rotateZ(-90deg);
	transform: rotateY(-180deg) rotateZ(-90deg);
	box-shadow: inset -10px -20px 10px rgba(0,0,0,0.5), inset 10px 20px 10px rgba(255,255,255,0.5);
	
}

.rotor1 {
	position:absolute;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	-webkit-transform: rotateY(-180deg) rotateZ(-90deg);
	-moz-transform: rotateY(-180deg) rotateZ(-90deg);
	transform: rotateY(-180deg) rotateZ(-90deg);
}