@media (max-width: 900px) and (min-width: 200px)
{ 	
		.site-logo {
    max-height: 60px;
		}
		#magnetofono{top: 4%;left: 8%;width:30%;animation-duration: 3s;
		-webkit-animation-name: entramagnepeque;-webkit-animation-duration: 1.5s;
			animation-name: entramagne;animation-duration: 1.5s;}
			@-webkit-keyframes entramagne {0%  (width:0%;left: 8%;) 100% {width: 30%;left: 8%;}}
			@keyframes entramagne {0%   {width:0%;left: 8%;}  100% {width:30%;left: 8%;}}
		#cajamagne {display:none;}
		#magnetofono:hover{width: 32%;}
		
		#cajonmagne2{z-index:17; display:none;cursor:pointer;position: absolute;top:3%;left: 6%;width: 48%;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%  (left: 8%;width:30%;) 100% {top:3%;left: 6%;}}
			@keyframes agranda-caja {0%   {left: 8%;width:30%;}  100% {top:3%;left: 6%;}}	
		#cajamagnemover {display:none;z-index:3;position: absolute;top: 2%;left: 56%;width:40%;
			-webkit-animation-name: movercaja1;-webkit-animation-duration: 4s;animation-name: movercaja1;animation-duration: 4s;}
			@-webkit-keyframes movercaja1 {0%  (top:2%;left: 56%;width:0%; ) 100% {top: 2%;left: 56%;width:40%;}}
			@keyframes movercaja1 {0%   {top:2%;left: 56%;width:0%;}  100% {top: 2%;left: 56%;width:40%;}}
		#textomagne {display:none;z-index:3;position: absolute;top: 14%;left: 57%;width:40%;
			-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:40%;}}
			@keyframes aparece-texto1 		{0%   {width:0%;}  100% {width:40%;}}
		#magne4{z-index:19;display:none; cursor:pointer;position: absolute;top:72%; left: 54%; width: 12%;margin: 0px;border:0px;
			-webkit-animation-name: amenu-segunda;-webkit-animation-duration: 3s;animation-name: amenu-segunda;animation-duration: 3s;}
			@-webkit-keyframes amenu-segunda {0%  (top: 10%;left: 24%;width:13%;) 100% {top:72%; left: 54%; width: 12%;}}
			@keyframes amenu-segunda {0%   {top: 10%;left: 24%;width:14%;}  100% {top:72%; left: 54%; width: 12%;}}
		#magne44{z-index:29;display:none; cursor:pointer;position: absolute;top:72%; left: 54%; width: 12%;margin: 0px;border:0px;
				-webkit-animation-name: apar-magnemenulengua;-webkit-animation-duration: 2s;animation-name: apar-magnemenulengua;animation-duration: 2s;
				}
			@-webkit-keyframes apar-magnemenulengua {0%  (top:3%;left: 6%;width: 48%;) 100% {top:72%; left: 54%; width: 12%;}}
			@keyframes apar-magnemenulengua {0%   {top:3%;left: 6%;width: 48%;}  100% {top:72%; left: 54%; width: 12%;}}
		#magne5{z-index:19;display:none; cursor:pointer;position: absolute;top:72%; left: 31%; width: 12%;margin: 0px;border:0px;
			-webkit-animation-name: amenu-tercera;-webkit-animation-duration: 3s;animation-name: amenu-tercera;animation-duration: 3s;}
			@-webkit-keyframes amenu-tercera {0%  (top: 10%;left: 24%;width:13%;) 100% {top:72%; left: 31%; width: 12%;}}
			@keyframes amenu-tercera {0%   {top: 10%;left: 24%;width:13%;}  100% {top:72%; left: 31%; width: 12%;}}
		#magne55{z-index:29;display:none; cursor:pointer;position: absolute;top:72%; left: 31%; width: 12%;margin: 0px;border:0px;
			-webkit-animation-name: apar-magnemenumicro;-webkit-animation-duration: 2s;animation-name: apar-magnemenumicro;animation-duration: 2s;
				}
			@-webkit-keyframes apar-magnemenumicro {0%  (top:3%;left: 6%;width: 48%;) 100% {top:72%; left: 31%; width: 12%;}}
			@keyframes apar-magnemenumicro {0%   {top:3%;left: 6%;width: 48%;}  100% {top:72%; left: 31%; width: 12%;}}
		#magne6{z-index:19;display:none; cursor:pointer;position: absolute;top:72%; left: 75%; width: 10%;margin: 0px;border:0px;
			-webkit-animation-name: amenu-cuarta;-webkit-animation-duration: 3s;animation-name: amenu-cuarta;animation-duration: 3s;}
			@-webkit-keyframes amenu-cuarta {0%  (top: 10%;left: 24%;width:13%;) 100% {top: 72%;left: 75%; width: 10%;}}
			@keyframes amenu-cuarta {0%   {top: 10%;left: 24%;width:13%;}  100% {top: 72%;left: 75%; width: 10%;}}
		#magne66{z-index:29;display:none; cursor:pointer;position: absolute;top:72%; left: 75%; width: 10%;margin: 0px;border:0px;
			-webkit-animation-name: apar-magnemenutecla;-webkit-animation-duration: 2s;animation-name: apar-magnemenutecla;animation-duration: 2s;
				}
			@-webkit-keyframes apar-magnemenutecla {0%  (top:3%;left: 6%;width: 48%;) 100% {top:72%; left: 75%; width: 10%;}}
			@keyframes apar-magnemenutecla {0%   {top:3%;left: 6%;width: 48%;}  100% {top:72%; left: 75%; width: 10%;}}

		#magne7{z-index:19;display:none; cursor:pointer;position: absolute;top:70%; left: 5%; width: 10%;margin: 0px;border:0px;
			-webkit-animation-name: amenu-quinta;-webkit-animation-duration: 3s;animation-name: amenu-quinta;animation-duration: 3s;}
			@-webkit-keyframes amenu-quinta {0%  (top: 10%;left: 24%;width:13%;) 100% {top:70%; left: 5%; width: 10%;}}
			@keyframes amenu-quinta {0%   {top: 10%;left: 24%;width:13%;}  100% {top:70%; left: 5%; width: 10%;}}
		#magne77{z-index:29;display:none; cursor:pointer;position: absolute;top:72%; left: 6%; width: 12%;margin: 0px;border:0px;
			-webkit-animation-name: apar-magnemenuguita;-webkit-animation-duration: 2s;animation-name: apar-magnemenuguita;animation-duration: 2s;
				}
			@-webkit-keyframes apar-magnemenuguita {0%  (top:3%;left: 6%;width: 48%;) 100% {top:72%; left: 6%; width: 12%;}}
			@keyframes apar-magnemenuguita {0%   {top:3%;left: 6%;width: 48%;}  100% {top:72%; left: 6%; width: 12%;}}	
		#magne16{z-index:29;display:none; cursor:pointer;position: absolute;top:19%; left: 12%; width: 26%;margin: 0px;border:0px;
			-webkit-animation-name: demenu-amagnegrande;-webkit-animation-duration: 3s;animation-name: demenu-amagnegrande;animation-duration: 3s;}
			@-webkit-keyframes demenu-amagnegrande {0%  (top: 67%;left: 75%; width: 8%;) 100% {left: 12%; width: 26%;}}
			@keyframes demenu-amagnegrande {0%   {top: 67%;left: 75%; width: 8%;}  100% {left: 12%; width: 26%;}}
		/* ****************GUITARRA*************************************************/	
		#guitarra{z-index:10;display:block; position: absolute;top: 45%;left: 10%; width:42%;cursor: pointer;
		-webkit-animation-name: entraguitapeque;-webkit-animation-duration: 1.5s;
			animation-name: entraguitapeque;animation-duration: 1.5s;}
			@-webkit-keyframes entraguitapeque {0%  (width:0%;left: 10%;) 100% {width: 42%;left: 10%;}}
			@keyframes entraguitapeque {0%   {width:0%;left: 10%;}  100% {width:42%;left: 10%;}}
		#cajaguita {display:none; }
		#guitarra:hover{width: 44%;}
		#guita2{z-index: 10;display:none; cursor:pointer;position: absolute;top: 70%;left: 6%; width: 20%;margin: 0px;border:0px;
			transform : rotate(98deg);-moz-transform : rotate(98deg); -webkit-transform : rotate(98deg);
			-webkit-animation-name: empeque-caja3;-webkit-animation-duration: 3s;animation-name: empeque-caja3;animation-duration: 3s;}
			@-webkit-keyframes empeque-caja3 {
				0%  (top: 45%;left: 10%;width:44%;transform : rotate(0deg);-moz-transform : rotate(0deg); -webkit-transform : rotate(0deg);) 
				100% {left: 6%;top: 70%; width: 20%;transform : rotate(98deg);-moz-transform : rotate(98deg); -webkit-transform : rotate(98deg);}}
			@keyframes empeque-caja3 		{
				0%   {top: 45%;left: 10%;width:44%;transform : rotate(0deg);-moz-transform : rotate(0deg); -webkit-transform : rotate(0deg);}  
				100% {left: 6%;top: 70%; width: 20%;transform : rotate(98deg);-moz-transform : rotate(98deg); -webkit-transform : rotate(98deg);}}
		#guita3{z-index: 19;display:none; cursor:pointer;position: absolute;top:3%; left: 4%; width: 62%;margin: 0px;border:0px;
			transform : rotate(10deg);-moz-transform : rotate(10deg); -webkit-transform : rotate(10deg);
			-webkit-animation-name: ampliar-guita;-webkit-animation-duration: 3s;animation-name: ampliar-guita;animation-duration: 3s;}
			@-webkit-keyframes ampliar-guita {
				0%  (top: 45%;left: 10%; width:42%;transform : rotate(0deg);-moz-transform : rotate(0deg); -webkit-transform : rotate(0deg);) 
				100% {top:3%; left: 4%; width: 62%;transform : rotate(10deg);-moz-transform : rotate(10deg); -webkit-transform : rotate(10deg);}}
			@keyframes ampliar-guita 		{
				0%   {top: 45%;left: 10%; width:42%;transform : rotate(0deg);-moz-transform : rotate(0deg); -webkit-transform : rotate(0deg);}  
				100% {top:3%; left: 4%; width: 62%;transform : rotate(10deg);-moz-transform : rotate(10deg); -webkit-transform : rotate(10deg);}}
		#guita10{z-index: 23;display:none; cursor:pointer;position: absolute; top:3%; left: 4%; width: 62%;margin: 0px;border:0px;		
			-webkit-animation-name: demenu-guita;-webkit-animation-duration: 3s;animation-name: demenu-guita;animation-duration: 3s;}
			@-webkit-keyframes demenu-guita {
				0%  (top: 70%;left: 6%; width: 20%;transform : rotate(98deg);-moz-transform : rotate(98deg); -webkit-transform : rotate(98deg);) 
				100% {top:3%; left: 4%; width: 62%;}}
			@keyframes demenu-guita 		{
				0%   {top: 70%;left: 6%; width: 20%;transform : rotate(98deg);-moz-transform : rotate(98deg); -webkit-transform : rotate(98deg);}  
				100% {top:3%; left: 4%; width: 62%;}}
		#guita20{z-index: 30;display:none; cursor:pointer;position: absolute; top: 70%;left: 6%; width: 20%;margin: 0px;border:0px;
				transform : rotate(98deg);-moz-transform : rotate(98deg); -webkit-transform : rotate(98deg);
		}
		#cajaguitamover {display:none;z-index:3;position: absolute;top: 6%;left:46%;width:50%;
			-webkit-animation-name: movercaja2;-webkit-animation-duration: 4s;animation-name: movercaja2;animation-duration: 4s;}
			@-webkit-keyframes movercaja2 {0%  (top: 6%;left: 56%;width:0%; ) 100% {top: 6%;left:46%;width:50%;}}
			@keyframes movercaja2 {0%   {top: 6%;left: 56%;width:0%;}  100% {top: 6%;left: 46%;width:50%;}}
		#textoguita {display:none;z-index:3;position: absolute;top: 14%;left: 54%;width:40%;
			-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:40%;}}
			@keyframes aparece-texto2 		{0%   {width:0%;}  100% {width:40%;}}
			
			/* ****************LENGUA*************************************************/	
		#lengua{top: 33%;left: 44%;width:38%;
			-webkit-animation-name: entralenguapeque;-webkit-animation-duration: 1.5s;
			animation-name: entralenguapeque;animation-duration: 1.5s;}
			@-webkit-keyframes entralenguapeque {0%  (width:0%;left: 44%;) 100% {width: 38%;left: 44%;}}
			@keyframes entralenguapeque {0%   {width:0%;left: 44%;}  100% {width:38%;left: 44%;}}
		#cajalengu {display:none;}
		#lengua:hover{width: 40%;}
		#lengu2{z-index: 17;display:none; cursor:pointer;position: absolute;top:72%;left: 52%;width:15%;margin: 0px;border:0px;
			-webkit-animation-name: empeque-lengu2;-webkit-animation-duration: 3s;animation-name: empeque-lengu2;animation-duration: 3s;}
			@-webkit-keyframes empeque-lengu2 {0%  (top: 33%;left: 44%;width:38%;) 100% {top:72%;left: 52%;width:15%;}}
			@keyframes empeque-lengu2 		{0%   {top: 33%;left: 44%;width:38%;}  100% {top:72%;left: 52%;width:15%;}}
		#lengu3{z-index: 20;display:none; cursor:pointer;position: absolute;top:2%; left: 4%; width: 58%;margin: 0px;border:0px;
			-webkit-animation-name: agranda-lengu2;-webkit-animation-duration: 3s;animation-name: agranda-lengu2;animation-duration: 3s;}
			@-webkit-keyframes agranda-lengu2 {0%  (top: 33%;left: 44%;width:38%;) 100% {top:2%; left: 4%; width: 58%;}}
			@keyframes agranda-lengu2 		{0%   {top: 33%;left: 44%;width:38%;}  100% {top:2%; left: 4%; width: 58%;}}
		#lengu10{z-index: 23;display:none; cursor:pointer;position: absolute;top:2%; left: 4%; width: 58%;margin: 0px;border:0px;		
			-webkit-animation-name: demenu-lengu;-webkit-animation-duration: 3s;animation-name: demenu-lengu;animation-duration: 3s;}
			@-webkit-keyframes demenu-lengu {
				0%  (top:72%;left: 52%;width:15%;transform : rotate(0deg);-moz-transform : rotate(0deg); -webkit-transform : rotate(0deg);) 
				100% {top:2%; left: 4%; width: 58%;}}
			@keyframes demenu-lengu 		{
				0%   {top:72%;left: 52%;width:15%;transform : rotate(0deg);-moz-transform : rotate(0deg); -webkit-transform : rotate(0deg);}  
				100% {top:2%; left: 4%; width: 58%;}}
		#lengu20{z-index: 30;display:none; cursor:pointer;position: absolute;top:72%;left: 52%;width:15%;margin: 0px;border:0px;
		}
		#cajalengumover {display:none;z-index:3;position: absolute;top: 28%;left: 52%;width:42%;
			-webkit-animation-name: movercaja3;-webkit-animation-duration: 4s;animation-name: movercaja3;animation-duration: 4s;}
			@-webkit-keyframes movercaja3 {0%  (width:0%;) 100% {width:42%;}}
			@keyframes movercaja3 {0%   {width:0%;}  100% {width:42%;}}
		#textolengu {display:none;z-index:3;position: absolute;top: 36%;left: 48%;width:40%;
			-webkit-animation-name: aparece-texto3;-webkit-animation-duration: 5s;animation-name: aparece-texto3;animation-duration: 5s;}
			@-webkit-keyframes aparece-texto3 {0%  (width:0%;) 100% {width:40%;}}
			@keyframes aparece-texto3 		{0%   {width:0%;}  100% {width:40%;}}
		/* ****************TECLADO*************************************************/	
		#teclado{z-index:4;display:block; position: absolute;top:1%;left: 50%;width:40%; cursor: pointer;
			-webkit-animation-name: entratecla;-webkit-animation-duration: 1.5s;
			animation-name: entratecla;animation-duration: 1.5s;}
			@-webkit-keyframes entratecla {0%  (width:0%;left: 50%;) 100% {width: 40%;left: 50%;}}
			@keyframes entratecla {0%   {width:0%;left:50%;}  100% {width:40%;left: 50%;}}
		#cajatecla {display:none;}	
		#teclado:hover{width: 42%;}
		#tecla2{z-index: 18;display:none; cursor:pointer;position: absolute;top:69%;left: 76%; width: 21%;margin: 0px;border:0px;
			transform : rotate(-30deg);
				-moz-transform : rotate(-30deg); /* Firefox */
				-webkit-transform : rotate(-30deg); /* Chrome - Safari */
			-webkit-animation-name: empeque-caja5;-webkit-animation-duration: 3s;animation-name: empeque-caja5;animation-duration: 3s;}
			@-webkit-keyframes empeque-caja5 {
				0%  (top:1%;left: 50%;width:40%;transform : rotate(0deg);-moz-transform : rotate(0deg); -webkit-transform : rotate(0deg);)  
				100% {top:69%;left: 76%; width: 21%;transform : rotate(-30deg);-moz-transform : rotate(-30deg); -webkit-transform : rotate(-30deg);}}
			@keyframes empeque-caja5 		{
				0%   {top:1%;left: 50%;width:40%;transform : rotate(0deg);-moz-transform : rotate(0deg); -webkit-transform : rotate(0deg);}  
				100% {top:69%;left: 76%; width: 21%;transform : rotate(-30deg);-moz-transform : rotate(-30deg);-webkit-transform : rotate(-30deg);}}
		#tecla3{z-index: 19;display:none; cursor:pointer;position: absolute; left: 4%;top:2%; width: 50%;margin: 0px;border:0px;	
			transform : rotate(270deg);-moz-transform : rotate(270deg); -webkit-transform : rotate(270deg);		
			-webkit-animation-name: agranda-tecla;-webkit-animation-duration: 3s;animation-name: agranda-tecla;animation-duration: 3s;
			}
			@-webkit-keyframes agranda-tecla {
				0%  (top:1%;left: 50%;width:40%;transform : rotate(0deg);-moz-transform : rotate(0deg); -webkit-transform : rotate(0deg);) 
				100% {left: 4%;top:2%; width: 50%;transform : rotate(270deg);-moz-transform : rotate(270deg); -webkit-transform : rotate(270deg);}}
			@keyframes agranda-tecla 		{
				0%   {top:1%;left: 50%;width:40%;transform : rotate(0deg);-moz-transform : rotate(0deg); -webkit-transform : rotate(0deg);}  
				100% {left: 4%;top:2%; width: 50%;transform : rotate(270deg);-moz-transform : rotate(270deg); -webkit-transform : rotate(270deg);}}
		#tecla10{z-index: 23;display:none; cursor:pointer;position: absolute; left: 4%;top:2%; width: 50%;margin: 0px;border:0px;
			transform : rotate(290deg);-moz-transform : rotate(290deg); -webkit-transform : rotate(290deg);
			-webkit-animation-name: demenu-tecla;-webkit-animation-duration: 3s;animation-name: demenu-tecla;animation-duration: 3s;}
			@-webkit-keyframes demenu-tecla {
				0%  (top:69%;left: 76%; width: 21%;transform : rotate(290deg);-moz-transform : rotate(290deg); -webkit-transform : rotate(290deg);) 
				100% {left: 4%;top:2%; width: 50%;}}
			@keyframes demenu-tecla 		{
				0%   {top:69%;left: 76%; width: 21%;transform : rotate(290deg);-moz-transform : rotate(290deg); -webkit-transform : rotate(290deg);}  
				100% {left: 4%;top:2%; width: 50%;}}
		#tecla20{z-index: 28;display:none; cursor:pointer;position: absolute; top:69%;left: 76%; width: 21%;margin: 0px;border:0px;
				transform : rotate(-30deg);
				-moz-transform : rotate(-30deg); /* Firefox */
				-webkit-transform : rotate(-30deg);}
		#cajateclamover {display:none;z-index:3;position: absolute;top: 30%;left: 44%;width:36%;transform : rotate(2deg);-moz-transform : rotate(2deg); -webkit-transform : rotate(2deg);
			-webkit-animation-name: movercaja5;-webkit-animation-duration: 4s;animation-name: movercaja5;animation-duration: 4s;}
			@-webkit-keyframes movercaja5 {0%  (width:0%;transform : rotate(0deg);-moz-transform : rotate(0deg); -webkit-transform : rotate(0deg);) 100% {width:36%;transform : rotate(2deg);-moz-transform : rotate(2deg); -webkit-transform : rotate(2deg);}}
			@keyframes movercaja5 {0%   {width:0%;transform : rotate(0deg);-moz-transform : rotate(0deg); -webkit-transform : rotate(0deg);}  100% {width:36%;transform : rotate(2deg);-moz-transform : rotate(2deg); -webkit-transform : rotate(2deg);}}
		#textotecla {display:none;z-index:3;position: absolute;top: 1%;left: 50%;width:50%;
			-webkit-animation-name: aparece-texto5;-webkit-animation-duration: 5s;animation-name: aparece-texto5;animation-duration: 5s;}
			@-webkit-keyframes aparece-texto5 {0%  (width:0%;) 100% {width:50%;}}
			@keyframes aparece-texto5 		{0%   {width:0%;}  100% {width:50%;}}
		#cajateclamover2 {display:none;z-index:3;position: absolute;top: 49%;left: 48%;width:32%;transform : rotate(2deg);-moz-transform : rotate(2deg); -webkit-transform : rotate(2deg);
			-webkit-animation-name: movercaja52;-webkit-animation-duration: 4s;animation-name: movercaja52;animation-duration: 4s;}
			@-webkit-keyframes movercaja52 {0%  (top: 13%;left: 64%; width:24%;transform : rotate(0deg);-moz-transform : rotate(0deg); -webkit-transform : rotate(0deg);) 100% {top: 51%;left: 48%;width:32%;transform : rotate(2deg);-moz-transform : rotate(2deg); -webkit-transform : rotate(2deg);}}
			@keyframes movercaja52 {0%   {top: 13%;left: 64%; width:25%;transform : rotate(0deg);-moz-transform : rotate(0deg); -webkit-transform : rotate(0deg);}  100% {top: 51%;left: 48%;width:32%;transform : rotate(2deg);-moz-transform : rotate(2deg); -webkit-transform : rotate(2deg);}}
	
/* ****************MICRO*************************************************/		
		#micro{top:55%;left: 66%;width:29%;
			-webkit-animation-name: entramicro;-webkit-animation-duration: 1.5s;
			animation-name: entramicro;animation-duration: 1.5s;}
			@-webkit-keyframes entramicro {0%  (width:0%;left: 66%;) 100% {width: 29%;left: 66%;}}
			@keyframes entramicro {0%   {width:0%;left: 66%;}  100% {width:29%;left: 66%;}}
		#cajamicro {display:none;}	
		#micro:hover{width: 31%;}
		#micro2{z-index: 16;display:none; cursor:pointer;position: absolute; left: 31%;top:69%; width: 14%;margin: 0px;border:0px;
			transform : rotate(30deg);-moz-transform : rotate(30deg);-webkit-transform : rotate(30deg);
			-webkit-animation-name: empeque-caja4;-webkit-animation-duration: 3s;animation-name: empeque-caja4;animation-duration: 3s;}
			@-webkit-keyframes empeque-caja4 {
				0%  (top:55%;left: 66%;width:29%;transform : rotate(0deg);-moz-transform : rotate(0deg); -webkit-transform : rotate(0deg);) 
				100% {left: 31%;top:69%; width: 14%;rotate(30deg);-moz-transform : rotate(30deg); -webkit-transform : rotate(30deg);}}
			@keyframes empeque-caja4 		{
				0%   {top:55%;left: 66%;width:29%;transform : rotate(0deg);-moz-transform : rotate(0deg); -webkit-transform : rotate(0deg);}  
				100% {left: 31%;top:69%; width:14%;rotate(30deg);-moz-transform : rotate(30deg); -webkit-transform : rotate(30deg);}}
		#micro3{z-index: 19;display:none; cursor:pointer;position: absolute; left: 4%;top:4%; width: 42%;margin: 0px;border:0px;		
			-webkit-animation-name: agranda-micro;-webkit-animation-duration: 3s;animation-name: agranda-micro;animation-duration: 3s;}
			@-webkit-keyframes agranda-micro {
				0%  (top:55%;left: 66%;width:29%;transform : rotate(0deg);-moz-transform : rotate(0deg); -webkit-transform : rotate(0deg);) 
				100% {left: 4%;top:4%; width: 42%;}}
			@keyframes agranda-micro 		{
				0%   {top:55%;left: 66%;width:29%;transform : rotate(0deg);-moz-transform : rotate(0deg); -webkit-transform : rotate(0deg);}  
				100% {left: 4%;top:4%; width: 42%;}}
		#micro10{z-index: 23;display:none; cursor:pointer;position: absolute; left: 4%;top:4%; width: 42%;margin: 0px;border:0px;		
			-webkit-animation-name: demenu-micro;-webkit-animation-duration: 3s;animation-name: demenu-micro;animation-duration: 3s;}
			@-webkit-keyframes demenu-micro {
				0%  ( left: 31%;top:69%; width: 14%;margin: 0px;transform : rotate(30deg);-moz-transform : rotate(30deg); -webkit-transform : rotate(30deg);) 
				100% {left: 4%;top:4%; width: 42%;}}
			@keyframes demenu-micro 		{
				0%   { left: 31%;top:69%; width: 14%;margin: 0px;transform : rotate(30deg);-moz-transform : rotate(30deg); -webkit-transform : rotate(30deg);}  
				100% {left: 4%;top:4%; width: 42%;}}
		#micro20{z-index: 30;display:none; cursor:pointer;position: absolute;left: 31%;top:69%; width: 14%;margin: 0px;border:0px;
		transform : rotate(30deg);-moz-transform : rotate(30deg);-webkit-transform : rotate(30deg);
		}
		#cajamicromover {display:none;z-index:3;position: absolute;top: 4%;left: 52%; width:42%;
			-webkit-animation-name: movercaja4;-webkit-animation-duration: 4s;animation-name: movercaja4;animation-duration: 4s;}
			@-webkit-keyframes movercaja4 {0%  (width:0%; ) 100% {width:42%;}}
			@keyframes movercaja4 {0%   {width:0%;}  100% {width:42%;}}
		#textomicro {display:none;z-index:3;position: absolute;top: 14%;left: 50%;width:50%;
			-webkit-animation-name: aparece-texto4;-webkit-animation-duration: 5s;animation-name: aparece-texto4;animation-duration: 5s;}
			@-webkit-keyframes aparece-texto4 {0%  (width:0%;) 100% {width:50%;}}
			@keyframes aparece-texto4 		{0%   {width:0%;}  100% {width:50%;}}
							
		#flechamagne {display:none;z-index:3;position: absolute;top: 46%;left: 68%;width:10%;
			-webkit-animation-name: aparece-flecha;-webkit-animation-duration: 5s;animation-name: aparece-flecha;animation-duration: 5s;}
			@-webkit-keyframes aparece-flecha {0%  (width:0%;) 100% {width:10%;}}
			@keyframes aparece-flecha 		{0%   {width:0%;}  100% {width:10%;}}
		#flechaguita {display:none;z-index:3;position: absolute;top: 37%;left: 70%;width:10%;
			-webkit-animation-name: aparece-flecha;-webkit-animation-duration: 5s;animation-name: aparece-flecha;animation-duration: 5s;}
			@-webkit-keyframes aparece-flecha {0%  (width:0%;) 100% {width:10%;}}
			@keyframes aparece-flecha 		{0%   {width:0%;}  100% {width:10%;}}
		#flechalengua {display:none;z-index:3;position: absolute;top: 56%;left: 71%;width:10%;
			-webkit-animation-name: aparece-flecha;-webkit-animation-duration: 5s;animation-name: aparece-flecha;animation-duration: 5s;}
			@-webkit-keyframes aparece-flecha {0%  (width:0%;) 100% {width:10%;}}
			@keyframes aparece-flecha 		{0%   {width:0%;}  100% {width:10%;}}
		#flechalengua:hover {width:8%;}
		#flechatecla {display:none;z-index:3;position: absolute;top: 39%;left: 56%;width:10%;
			-webkit-animation-name: aparece-flecha;-webkit-animation-duration: 5s;animation-name: aparece-flecha;animation-duration: 5s;}
			@-webkit-keyframes aparece-flecha {0%  (width:0%;) 100% {width:10%;}}
			@keyframes aparece-flecha 		{0%   {width:0%;}  100% {width:10%;}}
		#flechamicro {display:none;z-index:3;position: absolute;top: 50%;left: 66%;width:10%;
			-webkit-animation-name: aparece-flecha;-webkit-animation-duration: 5s;animation-name: aparece-flecha;animation-duration: 5s;}
			@-webkit-keyframes aparece-flecha {0%  (width:0%;) 100% {width:10%;}}
			@keyframes aparece-flecha 		{0%   {width:0%;}  100% {width:10%;}}
		#flechatecla2 {display:none;z-index:3;position: absolute;top: 61%;left: 56%;width:10%;
			-webkit-animation-name: aparece-flecha;-webkit-animation-duration: 5s;animation-name: aparece-flecha;animation-duration: 5s;}
			@-webkit-keyframes aparece-flecha {0%  (width:0%;) 100% {width:10%;}}
			@keyframes aparece-flecha 		{0%   {width:0%;}  100% {width:10%;}}
				
				
}