@charset "UTF-8"; 




div#visor > div#enun {
	position: absolute;
	top: 5px;
	left: 20px;
	padding-bottom: 0px;
	z-index: 999;
}

div#visor div#enun > div.enun {
		position: relative;
		margin-top: 7px;
		margin-left: 20px;
		margin-right: 20px;
		font-size: 35px;
		font-weight: normal;
		font-family: 'Escolar';
		color: #0057A0;
		opacity: 1;
	}

 

img#ga00, img#ga01 {
	        position: absolute;
			left: 167px;
			top: 80px;
			
		}
		img#ga01 {
			opacity: 0;
			
		}




.txts {
	position: absolute;
	top: 440px;
	left: 120px;
	width: 890px;
	/*border: 1px solid #000;*/
}
		
div#visor > div.txts > div.box_dest {
	float: left; 
	width: 262px;
	height: 50px;
	font-size: 28pt;
	font-weight: normal;
	font-family: 'Escolar';
	font-weight: normal;
	text-align: center;
	padding-left: 0px;
	color: #000;
}
 



@keyframes fail_animation
{
	0%  	{
				background-color: transparent;
			}
	50% 	{
				background-color: #f3a59c;
			}
}

@-webkit-keyframes fail_animation
{
	0%  	{
				background-color: transparent;
			}
	50% 	{
				background-color: #f3a59c;
			}
}

@keyframes jump_s
{
	0%  	{
				top: 85px;
			}
	50% 	{
				top: 60px;
			}
	100%	{
				top: 85px;
			}
}

@-webkit-keyframes jump_s
{
	0%  	{
				top: 85px;
			}
	50% 	{
				top: 60px;
			}
	100%	{
				top: 85px;
			}
}

@keyframes jump_o
{
	0%  	{
				top: 360px;
			}
	50% 	{
				top: 335px;
			}
	100%	{
				top: 360px;
			}
}

@-webkit-keyframes jump_o
{
	0%  	{
				top: 360px;
			}
	50% 	{
				top: 335px;
			}
	100%	{
				top: 360px;
			}
}

div#visor > div.ButtonElem {
	border: 2px solid #DDDDDD;
	cursor: pointer;
	width: 35px;
	height: 35px;
	border-radius: 10px;
	-webkit-box-shadow: 0px 0px 20px 0px rgba(221,221,221,1);
	   -moz-box-shadow: 0px 0px 20px 0px rgba(221,221,221,1);
			box-shadow: 0px 0px 20px 0px rgba(221,221,221,1);
}

	div#visor > div.ButtonElem.sentido {
		background: url(../img/actividad/flecha.png) no-repeat #fff;
		background-position: center;
	}

	div#visor > div.ButtonElem.objeto {
		background: url(../img/actividad/target.png) no-repeat #fff;
		background-position: center;
	}

	div#visor > div.ButtonElem.selected {
		background-color: #F8F8C2;
	}

	div#visor > div.ButtonElem.fail {
		animation: fail_animation 0.3s linear 0s 3 alternate;
		-webkit-animation: fail_animation 1s linear 0s 3 alternate;
	}

	div#visor > div.ButtonElem.success {
		background-color: #CDF1C9;
		pointer-events: none;
		cursor: default;
	}

	div#visor > img.sentido.jump {
		animation: jump_s 0.6s linear 0s 1 alternate;
		-webkit-animation: jump_s 0.6s linear 0s 1 alternate;
	}

	div#visor > img.objeto.jump {
		animation: jump_o 0.6s linear 0s 1 alternate;
		-webkit-animation: jump_o 0.6s linear 0s 1 alternate;
	}