left:20.5%;

@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//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;
}

#poesia{
  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);
}

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

.description_globe img{
	width:100%;
}

.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 p{
	margin: 0 0 0 0;
	padding:0;
}

#description_globe_01{
	top:17%;
}

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

#description_globe_02{
	top:23.5%;
}

#description_globe_02 span{
	padding: 2% 0% 7% 15%;
}

#description_globe_03{
	top:31%;
}

#description_globe_03 span{
	padding: 10% 0% 0% 15%;
}

#description_globe_04{
	top:40%;
}

#description_globe_04 span{
	padding: 5% 0% 0% 15%;
}

.droppable{
	background:#D8D8D8;
    border-style: dashed;
    border-color:white;
    border-width: 0.2em;
    border-radius:10%;
}



#span_poesia_02 .verso:first-child{
	height:1.5em;
	margin-bottom:-1em;
}

#span_poesia_02 .autor_ano{
	padding:0;
	margin-top:5px;
}


#second_page_left_buttons{
	background:white;
	width:15%;
	position:absolute;
	top:35%;

}

#second_page_left_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;
}

#second_page_right_buttons, #third_page_right_buttons{
	background:white;
	width:15%;
	position:absolute;
	top:40%;
	right:1.5%;
}
#second_page_right_buttons div, #third_page_right_buttons div{
	background:#80AF45;
	font-family:droid_font_bold;
	font-size:1.4em;
	color:black;
	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;
}

#third_page_left_buttons{
	background:white;
	width:15%;
	position:absolute;
	top:35%;

}

#third_page_left_buttons div{
	background:#578096;
	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;
}

.publicidad{
	width: 32%;
	position: absolute;
  	left:35%;
  	top:16%;
}

.verso .droppable{
	height:1.3em;
	margin:0;
	padding:0;
}

.verso .verso:first-of-type{
	margin-top:-8%;
}

#second_page_right_buttons .estructura, #third_page_right_buttons .estructura{
	box-shadow: rgb(40, 40, 40) 0px 1px 0px;
	opacity: 1;
}

#second_page_right_buttons .actividad, #third_page_right_buttons .actividad{
	box-shadow: rgb(40, 40, 40) 0px 6px 0px;
	opacity:0.5;
}

#second_page_right_buttons div:last-of-type, #third_page_right_buttons div:last-of-type{
	background:#E8F211;
}

#second_page_right_buttons div:hover, #third_page_right_buttons div:hover{
	box-shadow:0px 8px 0px #282828;
}


#second_page_left_buttons div:hover, #third_page_left_buttons div:hover{
	box-shadow:0px 8px 0px #282828;
}


/* TEXTOS */

h1
{
	color:#FFF;
}

/* ================================================= */

#botonera {
	margin:auto;
	width:10.3%;
	position:absolute;
	bottom:25px;
	left:42%;
}

#botonera div{
	display:inline-block;
}



.second_page_text{
	position:absolute;
	right:40%;
	text-align:center;
	font-size:1.3em;
	top:20%;
}

#second_page_text_02{
	font-size:1.2em;
	right:42%;
	top:19%;
}

div[class="verso"] p{
	margin:0;
	padding:0;
	height:0;
}

#second_page_text_01 .autor_ano{
	font-size:0.7em;
}

#second_page_text_01 h3{
	font-family:droid_font_bold;
	font-size:1.5em;
}
#contenido_tab h3{
	color:white;
	font-size:2.1em;
	word-wrap:break-word;
	text-align:left;
	vertical-align: middle;
	position:absolute;
	line-height:130%;
	font-family:droid_font;
	padding:0 0.8em 0 0.8em;
	right:12%;
	top:20%;
}

#btn_cerrar{
	width:100%;
}

#first_page_images img{
	width:28%;
}

#first_page_images div{
	display:inline;
}

#btn_cerrar img{
	width:10%;
	float: right;
	padding-right:15%;
}

.btn_cerrar img:hover{
	width:12%;
	cursor:pointer;
}

.btn_close_popup img{
	width:5%;
	position:absolute;
	top:0;
	right:18%;
}	

.contepup[key="publicidad_05"]{
	top:40% !important;
}

.btn_close_popup img:hover{
	width:5.5%;
	right:19.5;
}


#publicidad_popup_actividad{
	width:40%;
	margin-left:10em;
	margin-top:-5em;
}

#span_publicidad div{
	background:#D8D8D8;
    border-style: dashed;
    border-color:white;
    border-width: 0.2em;
    border-radius:10%;
    position:absolute;
    width:15%;
    height:6%;
}

#span_publicidad div{
	font-size:1.8em;
	line-height:1.5em;
	text-align:center;

}

#span_publicidad #box_titular{
	left:66.5%;
	top:19%;
}

#span_publicidad #box_imagen{
	left:20.5%;
	top:81%;
}

#span_publicidad #box_slogan{
	left:20.2%;
	top:31%;
}

#span_publicidad #box_cuerpo{
	left:66.5%;
	top:45%;
}

#span_publicidad #box_marca{
	left:67%;
	top:81%;
}

#span_publicidad .marca{
	font-size:1.5em;
}


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



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

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

.btn_close{
	position:absolute;
	width: 5%;
	right:11%;
	top:12%;
}

#popup_help .btn_close{
	width:8%;
	right:6%;
	top:5%;
}

#third_page_text_01 .btn_close{
	top:5%;
}

#third_page_text_02 .btn_close{
	top:5%;
}

.popup_alerta .btn_close{
	width:7%;
	top:12% !important;
}

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

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



#publicidad_popup_1 .btn_close{
	right:8%;
	
}

#publicidad_popup_2 .btn_close{
	right:19%;
}

#publicidad_popup_3 .btn_close{
	right:12%;
}

#publicidad_popup_4 .btn_close{
	right:14%;
}

#publicidad_popup_5 .btn_close{
	right:22.5%;
}

#autor{
	margin-top: 23%;
}

#box_marca{
	font-size:1.5em !important;
}