/* ****************  Mínimo ancho 1900 px horizontal     Pantallas de 23'  1920X1080  *************************************************/	
@media (min-width: 1900px) and (orientation: landscape)
{ 	
	/* ****************MAGNETOFONO      MAGNETOFONO      MAGNETOFONO        *************************************************/			
		#magnetofono{top: 12%;left: 24%;width:13%;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: 16%;}
		#cajamagne {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%;}}
			
		#cajonmagne2{z-index:17; display:none;cursor:pointer;position: absolute;top:19%; left: 12%; width: 26%;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% { left: 12%; width: 26%;}}
			@keyframes agranda-caja {0%   {width:14%;left: 28%;}  100% { left: 12%; width: 26%;}}
			
	
	/* ****************GUITARRA  GUITARRA   GUITARRA   GUITARRA*************************************************/		
		#guitarra{z-index:10;display:block; position: absolute;top: 44%;left: 14%; width:22%;cursor: pointer;
		-webkit-animation-name: entraguitapeque;-webkit-animation-duration: 1.5s;
			animation-name: entraguitapeque;animation-duration: 1.5s;}
			@-webkit-keyframes entraguitapeque {0%  (width:0%;) 100% {width: 22%;}}
			@keyframes entraguitapeque {0%   {width:0%;}  100% {width:22%;}}
		#guitarra:hover{width:24%;}
		#cajaguita {z-index:3;display:block;position: absolute;top: 61%;left: 6%;width:20%; }
		#cajaguita:hover {z-index:14;;width:24%; }	
		#cajaguitamover {display:none;z-index:3;position: absolute;top: 21%;left: 49%;
			-webkit-animation-name: movercaja2;-webkit-animation-duration: 4s;animation-name: movercaja2;animation-duration: 4s;}
			@-webkit-keyframes movercaja2 {0%  (top: 63%;left: 12%;width:22%; ) 100% {top: 21%;left: 49%;}}
			@keyframes movercaja2 {0%   {top: 63%;left: 12%;width:22%;}  100% {top: 21%;left: 49%;}}
		#textoguita {display:none;z-index:3;position: absolute;top: 31%;left: 50%;
			-webkit-animation-name: aparece-texto2;-webkit-animation-duration: 5s;animation-name: aparece-texto2;animation-duration: 5s;}
			@-webkit-keyframes aparece-texto2 {0%  (width:0%;) 100% {width:16.6%;}}
			@keyframes aparece-texto2 		{0%   {width:0%;}  100% {width:16.6%;}}
	/* ****************LENGUA LENGUA   LENGUA*************************************************/		
		#lengua{top: 32%;left: 40%;width:14%;
			-webkit-animation-name: entralenguapeque;-webkit-animation-duration: 1.5s;
			animation-name: entralenguapeque;animation-duration: 1.5s;}
			@-webkit-keyframes entralenguapeque {0%  (width:0%;) 100% {width: 14%;}}
			@keyframes entralenguapeque {0%   {width:0%;}  100% {width:14%;}}
		#lengua:hover{width:18%;}
		#cajalengu {display:block; z-index: 12; position: absolute;top: 57%;left: 40%; width:18%;}
	/* ***************TECLADO     TECLADO     TECALDO  *************************************************/		
		#teclado{z-index:4;display:block; position: absolute;top:12%;left: 57%;width:20%; cursor: pointer;
			-webkit-animation-name: entratecla;-webkit-animation-duration: 1.5s;
			animation-name: entratecla;animation-duration: 1.5s;}
			@-webkit-keyframes entratecla {0%  (width:0%;) 100% {width: 20%;}}
			@keyframes entratecla {0%   {width:0%;}  100% {width:20%;}}
		#teclado:hover{width:22%;}		
		#cajatecla {z-index:3;display:block;position: absolute;top: 13%;left: 68%; width:24%;cursor:pointer;}
		
	/* ****************MICRO   MICRO   MICRO   *************************************************/		
		#micro{top:53%;left: 60%;width:12%;
			-webkit-animation-name: entramicro;-webkit-animation-duration: 1.5s;
			animation-name: entramicro;animation-duration: 1.5s;}
			@-webkit-keyframes entramicro {0%  (width:0%;) 100% {width: 12%;}}
			@keyframes entramicro {0%   {width:0%;}  100% {width:12%;}}
		#micro:hover{width:14%;}
		#cajamicro {z-index:3;display:block;position: absolute;top: 66%;left: 66%; width:20%;}
		
		
}