/*apariencia de cada letra del puzzle*/
#puzzle .alphabet{
	font-size: 1.4em;
	line-height:35px;
	text-align: center;
	color: #7F7F7F;
	border: 1px solid #AFC44A;
	border-radius: 7px;
	padding-top: 3px;
}

/*apariencia del puzzle completo*/
#puzzle{
	position:absolute;
	left: 80px;
	top: 115px;
}

/*cuando se le pasa el cursor por encima a una letra*/
#puzzle .hover{
	background-color: rgba(53, 168, 224, 0.28);
}

/*cuando la palabra se ha completado*/
#puzzle .complete{
	background-color: #DFE7B7;
	color: #666666;
  	font-weight: bold;
}

/*cuando se va seleccionado una letra*/
#puzzle .active{
	background-color: rgba(53, 168, 224, 0.28);
}


.scroll{ 
    overflow-y: auto;
    height: 520px;
    width: 560px;
    top: 120px;
    position: absolute;
    left: 680px;
    padding: 0 20px 50px 0;
}

.act_content .scroll p{
	position: relative;
	padding: 10px 20px;
    width: 521px;
    height: 918px;
    font-size: 1.5em;
    line-height: 1.2em;	
    background: url(../img/resumen/M_G11_UO1_L06-37.png) no-repeat center;
}

textarea{
    width: 480px;
    height: 380px;
    margin: 20px 0;
    background: #EEE;
    font-size: 1.5em;
    padding: 10px 5px;
 }
 
 .gge_contenido_M .act_content span.act_subtitle{
    font-size: 1.2em;
 }