@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;
	}



div#visor > img#fondo_actividad {
	position: absolute;
	top: 78px;
	left: 85px;
	width: 412px;
	height: 437px;
}

.out{
	opacity: 0;}

div#visor > img#azul {
	position: absolute;
	top: 208px;
	left: 178px;
	width: 208px;
    height: 274px;
}

div#visor > img#verde {
	position: absolute;
	top: 208px;
	left: 178px;
	width: 208px;
    height: 274px;
}

div#visor > img#rojo {
	position: absolute;
	top: 208px;
	left: 178px;
	width: 208px;
    height: 274px;
}



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

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

/*div#visor > div#cerca_anim {
	width: 310px;
	height: 270px;
	top: 215px;
	left: 245px;
	background-color: #FF9900;
	opacity: 0;
			transition: opacity 2s;
	-webkit-transition: opacity 2s;
}

	div#visor > div#cerca_anim.fail {
		background-color: #FF0000;
				animation: fail_animation 0.3s linear 0s 3 alternate;
		-webkit-animation: fail_animation 0.3s linear 0s 3 alternate;
	}

div#visor > div#lejos_anim {
	width: 135px;
	height: 100px;
	top: 265px;
	left: 845px;
	background-color: #33CCFF;
	opacity: 0;
			transition: opacity 2s;
	-webkit-transition: opacity 2s;
}
	
	div#visor > div#lejos_anim.fail {
		background-color: #FF0000;
				animation: fail_animation 0.3s linear 0s 3 alternate;
		-webkit-animation: fail_animation 0.3s linear 0s 3 alternate;
	}*/

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

	div#visor > div.ButtonElem#musculo_img {
		width: 655px;
		height: 350px;
		background: url(../img/actividad/musculo.png) no-repeat;
		/*border: 4px solid #C19FC0;*/
	}

	div#visor > div.ButtonElem#hueso_img {
		width: 655px;
		height: 350px;
		background: url(../img/actividad/hueso.png) no-repeat;
		/*border: 4px solid #C19FC0;*/
	}

div#visor > div.ButtonElem.button {
	cursor: pointer;
	width: 380px;
	height: 122px;
	border-radius: 20px;
	-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.button * {
		cursor: pointer;
	}

	div#visor > div.ButtonElem.button#azul_but {
		/*background: url(../img/actividad/rojo.png) no-repeat;
		background-position: 15px 15px;*/
		border: 4px solid rgb(51, 204, 255);
	}

		div#visor > div.ButtonElem.button.selected#azul_but {
			background-color: rgba(51, 204, 255, 0.1);
		}
		

	div#visor > div.ButtonElem.button#verde_but {
		/*background: url(../img/actividad/amarillo.png) no-repeat;
		background-position: 15px 15px;*/
		border: 4px solid #0F0;
	}
		div#visor > div.ButtonElem.button.selected#verde_but {
			background-color: rgba(0, 255, 0, 0.1);
		}
	
	div#visor > div.ButtonElem.button#rojo_but {
		/*background: url(../img/actividad/amarillo.png) no-repeat;
		background-position: 15px 15px;*/
		border: 4px solid red;
	}
		div#visor > div.ButtonElem.button.selected#rojo_but {
			background-color: rgba(255, 0, 0, 0.1);
		}
		

div#visor > div.ButtonElem.button > span {
			position: absolute;
			padding-left: 20px;
			padding-right: 20px;
			padding-top: 6px;
	        font-family: 'Escolar';
			font-size: 28px;
		}
		
.circle {
	position: absolute;
	top: 77px;
	left: 285px;
	width: 50px;
    height: 35px;
	border-radius: 25px;
	text-align: center;
	font-size: 24px !important;
	color: #FFF;
	font-family: 'Escolar';
    line-height: 35px;
}

.blue {
	background-color: rgb(51, 204, 255);
}
.green {
	background-color: #0F0;
}
.red {
	background-color: red;
}