.content{
	background-image: url(../img/RESUMEN/SB_L_G11_U01_L03fondosopadeletras.png);
	background-position: 100%;
}

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

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

/*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: rgba(53, 168, 224, 0.28);
	color: #0F6C91;
  	font-weight: bold;
}

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