@charset "UTF-8";

 
 
div#visor > img#fondo_actividad {
	position: absolute;
	top: 0px;
	left: 36px;
	width: 952px;
	height: 519px;
	z-index: 101;
}

 
		#visor img#ga0, #visor img#ga1, #visor img#ga2, 
		#visor img#ga3, #visor img#ga4, #visor img#ga5,
		#visor img#ga6, #visor img#ga7, 
		#visor img#ga8, #visor img#ga9, #visor img#ga10,
		#visor img#ga11 {
	        position: absolute;
			left: 36px;
			top: 0px;
			display: none;
			
		}

map {
	position:absolute;
	top:0;
	left:0
}
 

@keyframes fail_animation
{
	0%  	{
				opacity: 0;
			}
	50% 	{
				opacity: 1;
			}
}

@-webkit-keyframes fail_animation
{
	0%  	{
				opacity: 0;
			}
	50% 	{
				opacity: 1;
			}
}


div#visor > div.ButtonElem.img {
	cursor: pointer;
	z-index: 103;
}



div#visor > div.ButtonElem.button {
	cursor: pointer;
	width: 150px;
	height: 68px;
	border-radius: 6px;
	    -ms-border-radius: 8px;
	   -moz-border-radius: 8px;
	-webkit-border-radius: 8px;	
	        box-shadow: 0px 0px 8px #999;
	-webkit-box-shadow: 0px 0px 8px #999;
	   -moz-box-shadow: 0px 0px 8px #999;
}

/*///////////////////////////*/

	div#visor > div.ButtonElem.button * {
		cursor: pointer;
	}

	div#visor > div.ButtonElem.button#color_0 {
		background: url(../img/actividad/lapiz0.png) no-repeat; 
		border: 3px solid rgb(0, 153, 204);
	    background-position: center;
	}

		div#visor > div.ButtonElem.button.selected#color_0 {
			background-color: rgba(0, 153, 204, 0.3);
		}
		

	div#visor > div.ButtonElem.button#color_1 {
		background: url(../img/actividad/lapiz1.png) no-repeat; 
		border: 3px solid rgb(101, 203, 101);
	    background-position: center;
	}
		div#visor > div.ButtonElem.button.selected#color_1 {
			background-color: rgba(101, 203, 101, 0.3 );
		}

		/*div#visor > div.ButtonElem.button > span {
			position: absolute;
			left: 0px;
			top: 0px;
		}*/

	div#visor > div.ButtonElem.button#color_2 {
		background: url(../img/actividad/lapiz2.png) no-repeat; 
		border: 3px solid rgb(244, 69, 68);
	    background-position: center;
	}
		div#visor > div.ButtonElem.button.selected#color_2 {
			background-color: rgba(244, 69, 68, 0.3);
		}

		div#visor > div.ButtonElem.button > span {
			position: absolute;
			left: 65px;
			top: -9px;
		}




 #anim_final {
 	position:absolute;
 	top: 150px;
 	left: 1200px;
 }

.anim_mov {
	animation: anim linear 6s 1; /* IE 10+ */
	-webkit-animation: anim linear 6s 1; /* Safari 4+ */
	-moz-animation:    anim linear 6s 1; /* Fx 5+ */
    -o-animation:      anim linear 6s 1; /* Opera 12+ */
	-ms-animation:      anim linear 6s 1;
}

@keyframes anim {
	from{
		}
	to {
		left: -300px;
	}	
	0%  	{
				 
			}
	50% 	{
				top: 70px;
			}	
}

@-webkit-keyframes anim {
	from{
		}
	to {
		left: -300px;
	}	

	0%  	{
				  
			}
	50% 	{
				top: 70px;
			}		
}