@charset "UTF-8"; 



div#visor > div#enun{
	position: absolute;
	top: 22px;
	left: 31px;
	padding-bottom: 0px;
	z-index: 999;
}

div#visor div#enun > div.enun {
		position: relative;
		margin-top: 0px;
		margin-left: 0px;
		margin-right: 20px;
		font-size: 20px;
        font-weight: 700;
        text-decoration: none;
		font-family: Arial, Helvetica, sans-serif;
		color: #000;
		opacity: 1;
	}

/*////////////////////////////////////////*/


#dios{
	position: absolute;
	/*display: none;*/
	top: 0px;
	left: 1050px;
	width: 223px;
	height: 231px;
	background: url("../img/actividad/dios_world.png") no-repeat scroll left top transparent;
	}
	
#nenes{
	position: absolute;
	/*display: none;*/
	top: 300px;
	left: 585px;
	width: 301px;
	height: 181px;
	background: url("../img/actividad/nenes.png") no-repeat scroll left top transparent;
	z-index: 200;
	}
	
.buttonBox {
	position:absolute;
	width: 40px;
	height: 40px;
	border: 3px solid #ff9900;
	border-radius: 10px;
	-ms-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	cursor: pointer;
}

.buttonText {
	position:absolute;
	width: 570px;
	text-align: left;
	font-size: 22px;
	padding-left: 55px;
	line-height: 40px;
	font-family: Arial, Helvetica, sans-serif;
	/*cursor: pointer;*/
}

.buttonOK{
	border: 3px solid #0F0;
	background-color: rgb(0,255,0);
	}
	
.buttonKO{
	border: 3px solid red;
	background-color: rgba(255,0,0,0.5);
	}
	
@keyframes jump
{
	0%  	{
				top: 280px;
			}
	50% 	{
				top: 200px;
			}
	100%	{
				top: 280px;
			}
}

@-webkit-keyframes jump
{
	0%  	{
				top: 280px;
			}
	50% 	{
				top: 200px;
			}
	100%	{
				top: 280px;
			}
}

@keyframes shake
{
	0%  	{
				transform: rotate(0deg);
			}
	25% 	{
				transform: rotate(20deg);
			}
	50% 	{
				transform: rotate(-20deg);
			}
	75% 	{
				transform: rotate(20deg);
			}
	100%	{
				transform: rotate(0deg);
			}
}

@-webkit-keyframes shake
{
	0%  	{
				-webkit-transform: rotate(0deg);
			}
	25% 	{
				-webkit-transform: rotate(20deg);
			}
	50% 	{
				-webkit-transform: rotate(-20deg);
			}
	75% 	{
				-webkit-transform: rotate(20deg);
			}
	100%	{
				-webkit-transform: rotate(0deg);
			}
}

div#visor > img.ButtonElem {
	cursor: pointer;
}









