@charset "UTF-8"; 



#container0 {
	position:relative;
	width: 100%;
	height: 100%;
}

#container0 > img {
	position:relative;
	max-height:100%;
	max-width:100%;
}

#container0 > #child {
	position:absolute;
	background:none;
	cursor:default;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	top:0px;
	left:0px;
}
#container0 > div.boton {
	width:100px;
	height:100px;
	z-index: 100;
	/*border: thin solid black;*/
}

#fondo {
	position: absolute;
	top: 80px;
	left: 179px; 
}

.s_text1, .s_text2, .s_text3 {
	position: absolute;
	/*top: 440px;*/
	left: 420px;
	width: 580px;
	height: 38px;
	/*background-image: url('../img/actividad/lines.png');*/
    background-position: center;
    background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
	border: 0px;
	 
}
.p_text1, .p_text2, .p_text3 {
	position: absolute;
	/*top: 350px;*/
	left: 40px;
	width: 500px;
	height: 38px; 
	 
}

.s_text1 { top: 350px; background-image: url('../img/actividad/lines.png');}
.s_text2 { top: 405px; }
.s_text3 { top: 460px; }

.p_text1 { top: 350px; }
.p_text2 { top: 405px; display: none;}
.p_text3 { top: 460px; display: none;}

.t00 > .txt, .t10 > .txt, .t20 > .txt { margin-left: 40px; z-index: 200; }
.txt {
	text-align: center;
	font-family: 'Escolar';
	float: left;
	font-size: 36px;
	line-height: 40px;
	margin-top: -5px;
	margin-right: 15px;
	display: none;
	z-index: 2;
}
.txtpic { 
	text-align: center;
	font-family: 'Escolar';
	float: left;
	font-size: 36px;
	line-height: 40px;
	margin-top: -5px;
	margin-right: 15px;
	/*display: none;*/
	z-index: 2;
}

#line {
	position: absolute;
	top: 0px;
	left: 0px; 
	 
}

.bg00 {
	position: absolute;
	top: 78px;
	left: 140px;
	width: 290px;
	height: 83px;
}
.bg01 {
	position: absolute;
	top: 159px;
	left: 410px;
	width: 100px;
	height: 82px;
}
.bg02 {
	position: absolute;
	top: 238px;
	left: 505px;
	width: 166px;
	height: 80px;
}
.bg03 {
	position: absolute;
	top: 153px;
	left: 639px;
	width: 86px;
	height: 84px;
}
.bg04 {
	position: absolute;
	top: 156px;
	left: 733px;
	width: 119px;
	height: 81px;
}


.bg10 {
	position: absolute;
	top: 154px;
	left: 183px;
	width: 215px;
	height: 87px;
}
.bg11 {
	position: absolute;
	top: 240px;
	left: 381px;
	width: 100px;
	height: 82px;
}
.bg12 {
	position: absolute;
	top: 79px;
	left: 536px;
	width: 101px;
	height: 81px;
}
.bg13 {
	position: absolute;
	top: 79px;
	left: 639px;
	width: 216px;
	height: 84px;
}




.bg20 {
	position: absolute;
	top: 243px;
	left: 230px;
	width: 117px;
	height: 80px;
}
.bg21 {
	position: absolute;
	top: 80px;
	left: 388px;
	width: 145px;
	height: 85px;
}
.bg22 {
	position: absolute;
	top: 158px;
	left: 528px;
	width: 97px;
	height: 80px;
}
.bg23 {
	position: absolute; 
	top: 242px;
	left: 697px;
	width: 113px;
	height: 82px;
}

#container0 > #child > img {
	position: absolute; 
}

		#container0 > #child img#ga00 {
			left: 620px;
			top: 20px;
			
		}
		#container0 > #child img#ga01, #container0 > #child img#ga02, #container0 > #child img#ga03,
		#container0 > #child img#ga04, #container0 > #child img#ga05, #container0 > #child img#ga06,
		#container0 > #child img#ga07 {
			left: 620px;
			top: 20px;
			opacity: 0;
			
		}


.buttonText { 
	width: 70px;
	text-align: center;
	font-family: 'Escolar';
	font-size: 28px;
	line-height: 40px;
	/*padding-left: 60px;*/
	cursor: pointer;
	/*border: 3px solid red;*/
	z-index: 301;
	/*cursor: pointer;*/
}

 

.ok_click{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 65px;
	margin-top: -15px;
	/*margin-left: 2px;*/
	display: none;
	z-index: 100;
}
.error_click{
	display: none;
	margin-top: 0px;
	margin-left: 0px;
}

.buttonOK00 {
	background-image: url('../img/actividad/click0.png');
    background-position: center;
    background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
	border: 0px;
	}
.buttonOK01 {
	background-image: url('../img/actividad/click1.png');
    background-position: center;
    background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
	border: 0px;
	}
.buttonOK02 {
	background-image: url('../img/actividad/click2.png');
    background-position: center;
    background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
	border: 0px;
	}
.buttonOK03 {
	background-image: url('../img/actividad/click3.png');
    background-position: center;
    background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
	border: 0px;
	}
.buttonOK04 {
	background-image: url('../img/actividad/click4.png');
    background-position: center;
    background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
	border: 0px;
	}
.buttonOK10 {
	background-image: url('../img/actividad/click5.png');
    background-position: center;
    background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
	border: 0px;
	}
.buttonOK11 {
	background-image: url('../img/actividad/click6.png');
    background-position: center;
    background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
	border: 0px;
	}
.buttonOK12 {
	background-image: url('../img/actividad/click7.png');
    background-position: center;
    background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
	border: 0px;
	}
.buttonOK13 {
	background-image: url('../img/actividad/click8.png');
    background-position: center;
    background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
	border: 0px;
	}
.buttonOK20 {
	background-image: url('../img/actividad/click9.png');
    background-position: center;
    background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
	border: 0px;
	}
.buttonOK21 {
	background-image: url('../img/actividad/click10.png');
    background-position: center;
    background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
	border: 0px;
	}
.buttonOK22 {
	background-image: url('../img/actividad/click11.png');
    background-position: center;
    background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
	border: 0px;
	}
.buttonOK23 {
	background-image: url('../img/actividad/click12.png');
    background-position: center;
    background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
	border: 0px;
	}
	



.buttonKO00 {
	background-image: url('../img/actividad/clickko0.png');
    background-position: center;
    background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
	border: 0px;
	}
.buttonKO01 {
	background-image: url('../img/actividad/clickko1.png');
    background-position: center;
    background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
	border: 0px;
	}	
.buttonKO02 {
	background-image: url('../img/actividad/clickko2.png');
    background-position: center;
    background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
	border: 0px;
	}
.buttonKO03 {
	background-image: url('../img/actividad/clickko3.png');
    background-position: center;
    background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
	border: 0px;
	}
.buttonKO04 {
	background-image: url('../img/actividad/clickko4.png');
    background-position: center;
    background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
	border: 0px;
	}
.buttonKO10 {
	background-image: url('../img/actividad/clickko5.png');
    background-position: center;
    background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
	border: 0px;
	}
.buttonKO11 {
	background-image: url('../img/actividad/clickko6.png');
    background-position: center;
    background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
	border: 0px;
	}
.buttonKO12 {
	background-image: url('../img/actividad/clickko7.png');
    background-position: center;
    background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
	border: 0px;
	}
.buttonKO13 {
	background-image: url('../img/actividad/clickko8.png');
    background-position: center;
    background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
	border: 0px;
	}
.buttonKO20 {
	background-image: url('../img/actividad/clickko9.png');
    background-position: center;
    background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
	border: 0px;
	}
.buttonKO21 {
	background-image: url('../img/actividad/clickko10.png');
    background-position: center;
    background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
	border: 0px;
	}
.buttonKO22 {
	background-image: url('../img/actividad/clickko11.png');
    background-position: center;
    background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
	border: 0px;
	}
.buttonKO23 {
	background-image: url('../img/actividad/clickko12.png');
    background-position: center;
    background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
	border: 0px;
	}


@keyframes bounce
{
	0%   {left:150px;}
	50%  {left:155px;}
	100% {left:150px;}
}

@-webkit-keyframes bounce
{
	0%   {left:150px;}
	50%  {left:155px;}
	100% {left:150px;}
}

 img#arrow {
	position: absolute;
	top: 95px;
	animation: bounce .5s linear 0s infinite alternate;
	-webkit-animation: bounce .5s linear 0s infinite alternate;
	-webkit-transition: left 1s ease;
	   -moz-transition: left 1s ease;
			transition: left 1s ease;
} 

 img#anim_final {
 	position:absolute;
 	top: 120px;
 	left: -320px;
 	z-index: 999;
 }