@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("../../skins/L_GGB/img/key_05_background.png");
	background-size:cover;
}

#first_page_images img{
	height:80%;
	top:20%;
	padding:4% 9%;
	display:inline-block;
}

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

.second_page img{
  position: absolute;
  left: 18%;
  width:65%;
}

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



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

.first_page img{
	position:absolute;
	width:73%;
	text-align:center;
	left: 14%;
	z-index:0;
}

.description_globe{
	width:40%;
	left:10%;
	position:absolute;
	z-index:1;
}

.description_globe span{
	position:absolute;
	width:80%;
	z-index:1;
	color:black;
	font-size:1.2em;	
	text-align: justify;
    text-justify: inter-word;
}

.description_globe span{
	padding:1.5% 0% 0% 23% !important; 
}

.description_globe{
	top:72%;
	left:4%;
}

#description_globe_01 span{
	padding:6% 0% 0% 23%;
}

.description_globe span p{
	margin:0;
	padding:0;
	width:76%;
}

#description_globe_03 span{
	padding:2% 0% 0% 22%;
}

input[type="radio"]{
	height:1em;
	width:1.3em;

}

.first_page_text{
	position:absolute;
	font-size:1.3em;
	top:20%;
	color:#724816;
	z-index:2;
	width:50%;
	left:25%;
}


.first_page_text span:first-of-type{
	text-align:center;
}

.first_page_text h3{
	font-size:1.8em;
	padding:0;
	margin:0;
	text-align:center;	
}

#span_texto_05 h3{
	padding:25% 0 0 0;
}

#first_page_right_buttons{
	background:white;
	width:15%;
	position:absolute;
	top:35%;
	right:1.5%;

}

#first_page_right_buttons div{
	background:#E15938;
	font-family:droid_font_bold;
	font-size:1.4em;
	color:white;
	border-radius:5px;
	box-shadow:0px 6px 0px #282828;
	padding:8% 2% 2% 2%;
	margin:6% 5%;
	text-align:center;
	line-height:100%;
	cursor:pointer;
}

#first_page_right_buttons div:first-of-type{
	background:#80AF45;
	box-shadow: 0px 1px 0px #282828;
}

#first_page_right_buttons div:hover{
	box-shadow:0px 8px 0px #282828;
}

.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%;
}

.popup_alerta img:last-of-type{
	height:60%;
	margin-top:7%;
}

.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);
}

#btn_help{
	margin:0 -2px;
	width:70px;
	height:60px;
	background: #709cb2;
	position: relative;
	color:#FFF;
	font-size:3em;
	text-align:center;
	line-height:60px;
}

#btn_help{
    content:"";
    position:absolute;
    width: 5%;
    height:8%;
    left:4.8%;
	bottom:8%;
    background: #87ACBE;
	border-radius: 10px;
	border-left:solid 2px #042c49;
	z-index:3;
}

#btn_help i{
	font-size:1.1em;
	line-height:1.2em;
}

#btn_help:active{
	background: #042c49;
	transform:scaleY(0.8);
}


#btn_help:hover{
	opacity:0.85;
	cursor:pointer;

}