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

#botonera{
	width:5.1%;
	margin-left:5.5%;
}

#botonera div{
	border-radius:10px 10px 0 0 !important;

}


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


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

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

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

.btn_close:active{
	transform:scaleY(0,8);
}


.container_div_adivinanzas{
	width:31%;
	position:absolute;
	left:34.5%;
	top:30%;
}

#container_div_adivinanzas_02{
	left:4%;
	top:17%;
}


.container_div_adivinanzas div{
	width:49%;
	margin-top:5%;

	display:inline-block;
	
}

#container_div_adivinanzas_02 div{
	margin:0;
}

.container_div_adivinanzas div img{
	width:100%;
}
.container_div_adivinanzas div img:hover{
	opacity:0.8;
	cursor:pointer;
}

.container_div_adivinanzas div span{
	position:absolute;
	margin-top:8%;
	margin-left:-35%;
	font-size:3em;

}

#personaje_imagen{
	height:86%;
	bottom:0;
	left:6%;
	position:absolute;
}

#adivinanzas_imagen{
	margin-left:32%;
	height:90%;
	margin-top:2.5%;

}


.container_adivinanzas{
	width:63%;
	left:26%;
	position:absolute;
}

.container_adivinanzas img{
	width:100%;
}

.container_respuestas{
	width:5%;
	top:10%;
	right:7%;
	position:absolute;
}

.container_respuestas div{
  width:100%;
  margin-top:90%;
  padding:0;
 

}
.container_respuestas div input{
	width:100%;
	height:5em;
	padding:0;
	visibility:hidden;
}

.checkbox label{

	width:100%;
	height:2.5em;
	position:absolute;
	border-radius:20%;
	border-color:#FC08C3;
	border-width:5px;
  cursor: pointer; 

	box-shadow: 0px 1px 5px #FC08C3;   
  transition: all .5s ease;
}

.checkbox input[type=radio]:checked + label {
  background: #FC08C3;

}

.i_checkbox{
	position:absolute;
	font-size:2.8em;
}

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