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

@font-face {
    font-family: droid_font_bold;
    src: url(../fonts/DroidSans-Bold.ttf);
}

.ggb_contenidoInterno_L
{
	box-shadow:0 0 5px #a3a3a3;
	background:url("../img//fondo_cielo.png");
	background-size:cover;
}


#first_page_images img:hover{
	cursor:pointer;
	opacity:0.9;
}

.second_page img, .first_page img{
  position: absolute;
  left: 21.5%;
  width: 55%;
}



#valla{
	margin-top:2%;
	width:56%;
}

.droppable_highlight{
	line-height:1.3em;
	background:purple;
	box-shadow: 2px 3px 11px 0px rgba(0,0,0,0.75);
}

.fourth_page img{
	position:absolute;
	width:67%;
	left:17%;
}




.contepop{
	background:rgba(0, 0, 0, 0.73) !important;
}


#first_page_images img{
	position:absolute;
	width:40%;
	display:inline-block;
	margin-left:5%;
	margin-top:10%;
}

#first_page_images img:last-of-type{
	margin-left:50%;
	
}

#first_page_images img:first-of-type{
	position:absolute;
	margin-top:13.7%;
}

#first_page_images div:last-of-type img{
	margin-bottom:16%;
}

#first_page_images div{
	width:40%;
	display:inline-block;
	margin-left:5%;
	margin-top:13.5%;
}

.btn_actividad{
	background:#64B238;
	line-height:2em;
	text-align:center;
	width:15%;
	border-radius:10px;
	position:absolute;
	bottom:5%;
	left:3%;
	box-shadow: 0px 2px 0px #006633;
	color:white;
	font-size:2em;

}

.btn_actividad:hover{
	cursor:pointer !important;
	box-shadow: 0px 6px 0px #006633;

}

.container_question_buttons{
	position:absolute;
	background:#F277E1;
	top:80%;
	right:3%;
	width:35%;
	height:15%;
	border-radius:1.5em;
	z-index:1;
}

#container_question_buttons_02{
	background:rgba(237, 194, 15, 0.7)
}

.container_question_buttons div{
	width:13%;
	height:50%;
	margin-left:2.6%;
	margin-top:7%;
	border-radius:5px;
	display:inline-block;
	background:#3C8199;
	box-shadow: 0px 6px 0px #000;
	color:white;
	font-size:2.4em;
	text-align:center;
	line-height:1.5em;
}

.container_question_buttons div:hover{
	cursor:pointer;
	background:#64ACBF;
}

.container_question_buttons span{
	position:absolute;
	color:#042C49;
	font-size:1.7em;
	margin-left:38%;
}

.third_page img{
  position: absolute;
  left: 21%;
  width:60%;
  z-index:0;	
}

.third_page_text{
	position:absolute;
	right:27%;
	width:48%;
	font-size:1.6em;
	top:20%;

}

.third_page_text h3, .fourth_page_text h3{
	text-align:center;
	font-size:1.4em;
}

.third_page_text h4, .fourth_page_text h4{
	color:#724816;
/*	background:rgba(242, 203, 10, 0.2);
*/
	
}

.third_page_text:hover, .fourth_page_text:hover{
	cursor:url("../img/cursor.png") 0 52, auto;

}

.span_pregunta_06{
	font-size:0.85em;
}

.fourth_page_text .span_pregunta_05{
	font-size:0.85em;
}

.fourth_page img{
  position: absolute;
  left: 21%;
  width:60%;
  z-index:0;	
}

.fourth_page_text{
	position:absolute;
	right:27%;
	width:48%;
	font-size:1.6em;
	top:20%;

}

#botonera{
	width:10.25%;
	left:44.5%;
}

#botonera div{
	display:inline-block;
}

#botonera div:hover{
	cursor:pointer;
}

.popup{
	position:absolute;
	width:97%;
	height:83%;
	background:rgba(0, 0, 0, 0.6);
	z-index:4;
}

.popup img:last-of-type{
	height: 89%;
	display:block;
    margin:auto auto;	    
	margin-top: 2%;
}

.btn_close{
	position:absolute;
	width: 4%;
	right: 33%;
	top: 4%;
}

.btn_close:hover{
	cursor:pointer;
	opacity:0.85;
}


.btn_close:active{
	transform:scaleY(0.8);
}