#checkBtn, #solutionBtn, #avanzaBtn {
	display: none;
}

#Actividad {
	top: 0;
}

.retro_correcta, .retro_incorrecta, #retroSigue {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
	box-shadow: 5px 5px 10px #000;
}

#retroSigue {
	background-color: #129af0;
	color: #FFFFFF;
	position: absolute;
	height: 30px;
	top: 286px;
	left: 132px;
	width: 300px;
}

/*********** ENVOLVENTES ************/
#envolventeAct {
	height: 372px;
	overflow: hidden;
	position: absolute;
	top: 142px;
	width: 100%;
}
/*********** BLOQUEADOR ************/
div#divBloqueador {
	position: relative;
	display: none;
	width: 100%;
	height: 100%;
	z-index: 10;
}
/*********** Clases ************/
.posAbsolute {
	position: absolute;
}

/* Hacks para los estilos globales */
.retro_correcta, .retro_incorrecta {
	display: none;
	z-index: 50;
	height: 30px;
	left: 120px;
	position: absolute;
	top: 286px;
	width: 300px;
}

body * {
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

section #contPoemas * {

}

#txt_retros {
	font-family: nexa_regularregular, Arial, Helvetica, sans-serif;
	font-size: 20px;
	height: inherit;
	margin-top: 4px;
	width: 247px;
}

.closeBtn {
	background-image: url("../ob/close.png");
	background-repeat: no-repeat;
	height: 20px;
	left: 275px;
	position: absolute;
	top: 8px;
	width: 18px;
	cursor: pointer;
}

/******************************CSS pantalla1*********************************/

div#actividad1, div#actividad2 {
	width: 790px;
	height: 372px;
	background: none;
	overflow: hidden;
	cursor: pointer;
}

div#actividadCursor {
	width: 790px;
	height: 372px;
	background: url(../img/actividad1/fondo.png) no-repeat;
}

ul#contFichas {
	display: block;
	height: auto;
	left: 27px;
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 17px;
	width: 79px;
	display: none;
	z-index: 100;
}

ul#contFichas li {
	float: left;
	display: block;
	width: 79px;
	height: 84px;
}

ul#contPoemas {
	list-style: none;
	left: 106px;
	top: 16px;
	width: 654px;
	height: 338px;
	margin: 0;
	padding: 0;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: url(../img/pincel.cur), url(../img/pincel.png) 0 48, auto;
}

.cursorExplorer {
	cursor: url(img/pincel.cur), auto;
}

ul#contPoemas img.imgPoema, ul#contPoemas img.imgLetras {

	-webkit-user-select: none; /* Chrome all / Safari all */
	-moz-user-select: none; /* Firefox all */
	-ms-user-select: none; /* IE 10+ */
	/* No support for these yet, use at own risk */
	-o-user-select: none;
	user-select: none;
	pointer-events: none;
}

ul#contPoemas div.atrapaClicks {
	position: absolute;
	left: 22px;
	top: 0;
	width: 275px;
	height: 266px;
	z-index: 1;
	-webkit-user-select: none; /* Chrome all / Safari all */
	-moz-user-select: none; /* Firefox all */
	-ms-user-select: none; /* IE 10+ */
	/* No support for these yet, use at own risk */
	-o-user-select: none;
	user-select: none;
}

#retroCorrecta_1, #retroIncorrecta_1 {
	left: 132px;
}

div#actividad1 {

}

.miCursor {
	cursor: pointer;
}

#atrapa_pincel {
	height: 374px;
	left: 450px;
	position: absolute;
	width: 340px;
	cursor: default;
}

ul#contPoemas li {
	float: left;
	display: none;
	left: 30px;
}

ul#contPoemas div {
	height: 100%;
	position: absolute;
	right: -40px;
	top: 0;
}

ul#contPoemas img {

}

ul#contPoemas p {
	color: #000000;
	font-size: 23px;
	/*letter-spacing: -0.3px;*/
	letter-spacing: 7px;
	line-height: 30px;
	margin-left: 19px;
	margin-top: 18px;
}

div#contPaleta {
	display: none;
	bottom: 30px;
	height: 76px;
	right: 62px;
	width: 88px;
	background: url(../img/actividad1/paleta.png) no-repeat;
}

div#pincel {
	display: none;
	left: 900px;
	top: 322px;
	width: 90px;
	height: 75px;
	z-index: 1;
}

.pastillaColor {
	display: block;
	width: 20px;
	height: 20px;
	cursor: pointer;
}

.paletaRoja {
	right: 38px;
	top: 6px;
}

.paletaAzul {
	right: 16px;
	top: -4px;
}

.paletaAmarilla {
	right: 60px;
	top: 20px;
}

.paletaVerde {
	right: 67px;
	top: 42px;
}

.paletaMorada {
	right: 45px;
	top: 50px;
}

.paletaCielo {
	right: 22px;
	top: 50px;
}

.colorRojo::selection {
	color: red;
	background: white;
}

.colorAzul::selection {
	color: blue;
	background: white;
}

.colorAmarillo::selection {
	color: yellow;
	background: #333;
}

.colorVerde::selection {
	color: green;
	background: white;
}

.colorMorado::selection {
	color: purple;
	background: white;
}

.colorCielo::selection {
	color: #1bb9f2;
	background: #333;
}

span.aciertoRojo {
	color: red;
	background: #FFF;
	border: 1px #000 solid;
}

span.aciertoAzul {
	color: blue;
	background: #FFF;
	border: 1px #000 solid;
}

span.aciertoAmarillo {
	color: yellow;
	background: #333;
	border: 1px #000 solid;
}

span.aciertoVerde {
	color: green;
	background: #FFF;
	border: 1px #000 solid;
}

span.aciertoMorado {
	color: purple;
	background: #FFF;
	border: 1px #000 solid;
}

span.aciertoCielo {
	color: #1bb9f2;
	background: #333;
	border: 1px #000 solid;
}

div.txtPoema {
	width: 310px;
	height: 100%;
}

div.imgPoema {
	right: -40px;
	width: 344px;
	height: 100%;
}

img.btnPoemas {
	cursor: pointer;
}

span.silabaRima {
	margin: -2px;
	padding: 0 3px;
}

span.citaRef {
	bottom: -18px;
	color: #000;
	font-size: 16px;
	left: 350px;
	letter-spacing: 0.45px;
	line-height: 18px;
}

form {
	position: relative;
}

.imgLetras {
	left: 34px;
	position: absolute;
	top: 66px;
}

.goma {
	cursor: url(../img/pincel.cur), url(../img/pincel.png) 0 48, auto;
}

#envolventeRiel {
	position: absolute;
	left: 438px;
	top: 197px;
}

#contRimas1 {
	height: 196px;
	position: absolute;
	width: 270px;
	z-index: 10;
	list-style: none;
	cursor: default;
}

#contGoma1, #contGoma2 {
	left: -259px;
	position: absolute;
	top: 66px;
	z-index: 1000;
	width: 28px;
	height: 17px;
	opacity: 0;
}

#contGoma2 {
	left: -249px;
	top: 138px;
}

#contGoma3, #contGoma4 {
	position: absolute;
	z-index: 1000;
	width: 25px;
	height: 17px;
	opacity: 0;
}

#contGoma3 {
	left: -208px;
	top: 250px;
}

#contGoma4 {
	left: -176px;
	top: 322px;
}

#contGoma5, #contGoma6, #contGoma7, #contGoma8 {
	position: absolute;
	z-index: 1000;
	width: 25px;
	height: 17px;
}

#contGoma5 {
	left: -129px;
	top: 450px;
}
#contGoma6 {
	left: -68px;
	top: 486px;
}
#contGoma7 {
	left: -91px;
	top: 522px;
}
#contGoma8 {
	left: -131px;
	top: 558px;
}

#imgPoema4 {
	left: 28px;
	top: 38px;
}

#contGoma9, #contGoma10, #contGoma11, #contGoma12 {
	position: absolute;
	z-index: 1000;
	width: 38px;
	height: 12px;
}

#contGoma9 {
	left: -96px;
	top: 621px;
}

#contGoma10 {
	left: -262px;
	top: 693px;
}

#contGoma11 {
	height: 17px;
	left: -70px;
	top: 734px;
	width: 69px;
}

#contGoma12 {
	height: 17px;
	left: -62px;
	top: 769px;
	width: 69px;
}

span.contVertical {
	display: table-cell;
	width: inherit;
	height: inherit;
	vertical-align: middle;
	text-align: center;
}