/* ****************  Mínimo aalto 1100 px y maximo alto 1300 Vertical     Tablet de 10'  1280 X 800  *************************************************/	
@media (min-width: 760px) and (max-width:900px) and (orientation: portrait)
{ 
	#magnetofono{top: 12%;left: 8%;width:17%;animation-duration: 1s;
		-webkit-animation-name: entramagnepeque;-webkit-animation-duration: 1s;
			animation-name: entramagne;animation-duration: 1.5s;}
			@-webkit-keyframes entramagne {0%  (width:0%;) 100% {width: 13%;}}
			@keyframes entramagne {0%   {width:0%;}  100% {width:13%;}}
		#magnetofono:hover{width: 19%;}
		#cajamagne {display:none;top: 24%;left: 5%;cursor:pointer;width:20%;}
			
		#cajamagne:hover{width:22%;z-index:30;}	
		#cajamagnemover {display:none;z-index:3;position: absolute;top: 22%;left: 51%;width:20%;
			-webkit-animation-name: movercaja1;-webkit-animation-duration: 4s;animation-name: movercaja1;animation-duration: 4s;}
			@-webkit-keyframes movercaja1 {0%  (top: 22%;left: 10%;width:20%; ) 100% {top: 22%;left: 51%;width:20%;}}
			@keyframes movercaja1 {0%   {top: 22%;left: 10%;width:20%;}  100% {top: 22%;left: 51%;width:20%;}}
		#textomagne {display:none;z-index:3;position: absolute;top: 31%;left: 50%;width:18%;
			-webkit-animation-name: aparece-texto1;-webkit-animation-duration: 5s;animation-name: aparece-texto1;animation-duration: 5s;}
			@-webkit-keyframes aparece-texto1 {0%  (width:0%;) 100% {width:18%;}}
			@keyframes aparece-texto1 		{0%   {width:0%;}  100% {width:18%;}}
			
		#magne2{z-index:19;display:none; cursor:pointer;position: absolute;top:14%; left: 18%; width: 28%;margin: 0px;border:0px;
			-webkit-animation-name: agranda-caja;-webkit-animation-duration: 3s;animation-name: agranda-caja;animation-duration: 3s;}
			@-webkit-keyframes agranda-caja {0%  (width:14%;left: 28%;) 100% {width: 28%;left: 18%;}}
			@keyframes agranda-caja {0%   {width:14%;left: 28%;}  100% {width: 28%;left: 18%;}}
			
	#rueda{top: 46%;left: 22%;width:0px;}
					@-webkit-keyframes girar-rueda {
						0%   {width:126px;transform : rotate(0deg);-moz-transform : rotate(0deg); -webkit-transform : rotate(0deg);}  		
						100% {width:126px;transform : rotate(10440deg);-moz-transform : rotate(10440deg); -webkit-transform : rotate(10440deg);}}
					@keyframes girar-rueda {
						0%   {width:126px;transform : rotate(0deg);-moz-transform : rotate(0deg); -webkit-transform : rotate(0deg);} 					
						100% {width:126px;transform : rotate(1440deg);-moz-transform : rotate(1440deg); -webkit-transform : rotate(1440deg);}}
		#rueda2{top: 44.5%;left: 32%;width:0px;
				transform : rotate(15deg);-moz-transform : rotate(15deg); -webkit-transform : rotate(15deg);
				-webkit-animation-name: girar-rueda;-webkit-animation-duration: 30s;animation-name: girar-rueda;animation-duration: 30s;animation-delay:3s;
					animation-timing-function: linear;
					}
					@-webkit-keyframes girar-rueda {
						0%   {width:126px;transform : rotate(15deg);-moz-transform : rotate(15deg); -webkit-transform : rotate(15deg);}  		
						100% {width:126px;transform : rotate(0455deg);-moz-transform : rotate(1455deg); -webkit-transform : rotate(1455deg);}}
					@keyframes girar-rueda {
						0%   {width:126px;transform : rotate(15deg);-moz-transform : rotate(15deg); -webkit-transform : rotate(15deg);} 					
						100% {width:126px;transform : rotate(1455deg);-moz-transform : rotate(1455deg); -webkit-transform : rotate(1455deg);}}
}