@charset "utf-8";
/* CSS Document */

#btnCuento
{
  background:url(../img/03_02cuento.png) no-repeat;
  background-size: 99%;
  width: 150px;
  height: 150px;
  position: absolute;
  top:20px; 
  left:150px;
  cursor: pointer;
  border-bottom: 20% solid #4C0C01;
}
#btnActividad
{
  background:url(../img/03_2actividad.png) no-repeat;
  background-size: 99%;
  width: 150px;
  height: 150px;
  position: absolute;
  top:20px; 
  left:300px;
  cursor: pointer;
  border-bottom: 20% solid #4C0C01;
}

.iframevideo
{
	width:60%;
	height:50%;
	position:absolute;
	top: 28%;
	left: 20%;  
}


.dragFicha{
	cursor:pointer;
}

#ayuda
{
  background:url(../img/L_G04_U04_L05_03_01_AYUDA.png) no-repeat;
  background-size: 99%;
  width: 64px;
  height: 64px;
  position: absolute;
  top:670px; 
  left:30px;
  cursor: pointer;
  border-radius: 14%;
  border-radius:50%;
  border-bottom:3px solid #4C0C01;

}

#ayuda:active{
    top:673px;
    border:none;
}

.contPreg{
  width: 996px;
  height: 550px;
  position: absolute;
  top: 90px;
  left: 95px;
}

.close {
    position:absolute;
    top:-15px; 
    right:-15px;
    width:70px;
    height:70px;
}
#drag1
{
	position:absolute;
	  top: 250px;
  left: 1135px;
  width: 406px;
  font-size: 17pt;
  color: #090;
  border: thick;
}
#drag2
{
	position:absolute;
	top: 320px;
  left: 1135px;
  font-size: 17pt;
  color: #090;
}
#drag3
{
	position:absolute;
	top: 395px;
  left: 1135px;
  font-size: 16pt;
  color: #090;
}
#drag4
{
	position:absolute;
	top: 470px;
  left: 1135px;
  font-size: 17pt;
  color: #090;
}
#drag5
{
	position:absolute;
	top: 540px;
  left: 1135px;
  font-size: 17pt;
  color: #090;
}
#drag6
{
	position:absolute;
	top: 610px;
  left:1135px;
  font-size: 17pt;
  color: #090;
}

#drop1
{
	position:absolute;
    top: 120px;
    left: -120px;
	width: 370px;
	height: 80px;
	display:block;
}

#drop2
{
	position:absolute;
	top: 120px;
    left: 200px;
	width: 370px;
	height: 80px;
	display:block;
}

#drop3
{
	position:absolute;
	top: 120px;
    left: 520px;
	width: 370px;
	height: 80px;
	display:block;
}
#drop4
{
	position:absolute;
	top: 300px;
    left: -120px;
	width: 370px;
	height: 80px;
	display:block;
}
#drop5
{
	position:absolute;
	top: 300px;
    left: 200px;
	width: 370px;
	height: 80px;
	display:block;
}
#drop6
{
	position:absolute;
	top: 300px;
    left: 520px;
	width: 370px;
	height: 80px;
	display:block;
}

.biendrag, .maldrag{
	cursor: pointer;
}


.malDragBiblio, .bienDragBiblio{
	cursor:pointer;
}