@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: Nexa-Regular;
    src: url(fonts/NexaRegular-webfont.ttf);
}
/* CSS Document */

/*Actividad1*/
#fuego{
	position:absolute;
	width:790px;
	height:244px;
	top:128px;
	background:#C00;
	opacity:0;
	}

input{
	position:absolute;
	top:346px;
	left:372px;
	width:60px;
	font-family: Nexa-Regular;
	text-align:center;
	font-size:18px;
	background: none;
	border:none;
	color:white;
	}
	
.area_mov{
	position:absolute;
	width:790px;
	height:244px;
	top:128px;
	}	
	
.resp{
	cursor:pointer;
	top:10px;
	position:absolute;
	}
.respnum{
	cursor:pointer;
	top:110px;
	position:absolute;
	}	
.resp1,.resp11{
	left:80px;
	}
.resp2,.resp22{
	left:220px;
	}
.resp3,.resp33{
	left:355px;
	}
.resp4,.resp44{
	left:500px;
	}
.resp5,.resp55{
	left:630px;
	}	
.globotes{
	position:absolute;
	top:0px;
	display:none;
	}					

#e3{
	position:absolute;
	left:190px;
	top:140px;
	width:400px;
	height:100px;
	}
	
/*Actividad2*/	
	
.reactivo{
	position:absolute;
	top:32px;
	left:20px;
	display:none;
	}
.mayor, .menor{
	position:absolute;
	top:20px;
	left:200px;
	}
	
.op{
	font-family: Nexa-Regular;
	text-align:center;
	cursor:pointer;
	font-size:20px;
	position:absolute;
	}
.op:hover{
	filter: contrast(160%)
}
	
.op1{
	background:url(img/act2_1.png);
	width:262px;
	height:58px;
	position:absolute;
	left:60px;
	top:80px;
	}
	
.op2{
	background:url(img/act2_2.png);
	width:262px;
	height:58px;
	position:absolute;
	left:400px;
	top:80px;
	}
	
.op3{
	background:url(img/act2_3.png);
	width:262px;
	height:58px;
	position:absolute;
	left:60px;
	top:180px;
	}
	
.op4{
	background:url(img/act2_4.png);
	width:262px;
	height:58px;
	position:absolute;
	left:400px;
	top:180px;
	}	
	
/*Actividad3*/	

.planetas{
	color:#361630;
	position:absolute;
	top:78px;
	}
.numerito{
	border:solid thin #361630;
	background:white;
	padding:1px;
	font-size:14px;
	text-align:center;
	}
#tierra{
	position:absolute;
	left:30px;
	width:120px;
	}
#marte{
	position:absolute;
	left:182px;
	width:120px;
	}
#mercurio{
	position:absolute;
	left:340px;
	width:120px;
	}
#jupiter{
	position:absolute;
	left:495px;
	width:120px;
	}
#venus{
	position:absolute;
	left:650px;
	width:120px;
	}
#ima_mercurio,#ima_venus,#ima_tierra,#ima_marte,#ima_jupiter{
	cursor:pointer;
	}	
		
#nom_mercurio,#nom_venus,#nom_tierra,#nom_marte,#nom_jupiter{
	display:none;
	}		
.areas{
	position:absolute;
	width:90px;
	height:90px;
	top:239px;
	}		

/*Actividad4*/	
.bloque{
	position:absolute;
	top:142px;
	}

.espacio{
	width:790px;
	height:372px;
	position:absolute;
	}
	
.bolita{
	width:12px;
	height:12px;
	position:absolute;
	cursor:pointer;
	left:257px;
	}
	
.bolita1{
	top:48px;
	background:url(img/act4_flecha1.png);
	}
	
.bolita2{
	top:112px;
	background:url(img/act4_flecha2.png);
	}	
		
.bolita3{
	top:177px;
	background:url(img/act4_flecha3.png);
	}
	
.bolita4{
	top:244px;
	background:url(img/act4_flecha4.png);
	}
	
.bolita5{
	top:310px;
	background:url(img/act4_flecha5.png);
	}	
.disponible{
	position:absolute;
	width:15px;
	height:15px;
	}
#dis1{
	left:476px;
	top:188px;
	}
#dis2{
	left:578px;
	top:200px;
	}	
#dis3{
	left:506px;
	top:260px;
	}	
#dis4{
	left:558px;
	top:280px;
	}
#dis5{
	left:541px;
	top:303px;
	}
#dis6{
	left:525px;
	top:310px;
	}
#dis7{
	left:509px;
	top:313px;
	}
#dis8{
	left:491px;
	top:315px;
	}	
#dis9{
	left:469px;
	top:314px;
	}
#dis10{
	left:447px;
	top:310px;
	}
#dis11{
	left:413px;
	top:336px;
	}	
#dis12{
	left:451px;
	top:264px;
	}
#dis13{
	left:366px;
	top:272px;
	}
#dis14{
	left:352px;
	top:234px;
	}
#dis15{
	left:372px;
	top:211px;
	}													
	

		
/*Actividad5*/	
.num_paises img{
	cursor: pointer;	
}

#drop_bra{
	position:absolute;
	width:90px;
	height:107px;
	left:193px;
	top:265px;
}

#drop_eua{
	position:absolute;
	width:90px;
	height:150px;
	left:300px;
	top:222px;
}

#drop_ind{
	position:absolute;
	width:90px;
	height:125px;
	left:406px;
	top:247px;
}

#drop_paq{
	position:absolute;
	width:90px;
	height:100px;
	left:512px;
	top:272px;
}

#drop_nig{
	position:absolute;
	width:90px;
	height:100px;
	left:619px;
	top:280px;
}

/*Actividad*/

#Actividad {
    /*background-color: #8F3DB0;*/
    color: #FFFFFF;
    font-family: UniSansRegular;
    font-size: 14px;
    height: 372px;
    left: 0px;
    position: absolute;
    top: 160px;
    width: 790px;
	z-index:1;
}

/*emergentes*/
.emergente {
	background-color: #129af0;
	border-radius: 5px;
	color: #FFFFFF;
	position: absolute;
	height: 50px;
	top: 313px;
	left: 56px;
	font: 14px/16px Nexa-Regular;
	z-index: 100;
}
.txt_emergentes{
	font: 14px/16px Nexa-Regular;
	position: absolute;
	margin: 10px;
	text-align: center;
	left: 15px;
	top:15px;
}

#final1 {
  background-color: #129af0;
  color: #FFFFFF;
  position: absolute;
  height: 180px;
  top: 240px;
  left: 220px;
  width: 344px;
  z-index: 999;
}

#final2 {
  background-color: #129af0;
  color: #FFFFFF;
  position: absolute;
  height: 180px;
  top: 240px;
  left: 210px;
  width: 344px;
  z-index: 999;
}

#final3 {
  background-color: #129af0;
  color: #FFFFFF;
  position: absolute;
  height: 100px;
  top: 240px;
  left: 210px;
  width: 344px;
  z-index: 999;
}

#final4 {
  background-color: #129af0;
  color: #FFFFFF;
  position: absolute;
  height: 140px;
  top: 240px;
  left: 220px;
  width: 344px;
  z-index: 999;
}

#final5 {
  background-color: #129af0;
  color: #FFFFFF;
  position: absolute;
  height: 178px;
  top: 155px;
  left: 230px;
  width: 344px;
  z-index: 999;
}

.txtfinal {

color: #FFFFFF;
text-align:center;
  position: absolute;
  left: 28px;
  width: 290px;
  font: 16px Nexa-Regular;
  z-index: 9991;
}
.blocker {
    width: 100%;
    height: 514px;
    background-color:transparent;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 100;    
    cursor: url('img/not-allowed.svg') 35 25, auto;
}

* {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    user-drag: none;         
    -webkit-user-drag: none;
}