textarea{
	position: absolute;
    border: dashed 5px #fff;
    width: 281px;
    height: 44px;
    border-radius: 15px;
    background-color: transparent;
    font-size: 26px;
    padding: 38px 10px;
    text-align: center;
    resize: none;
}

.btn1{
	background-image: url('../img/flecha1.png');
	background-repeat:no-repeat;
	position: absolute;
    top: 647px;
    left: 1248px;
    width: 92px;
    height: 96px;
    cursor: pointer;
}
.btn1:hover{
	opacity: 0.85;
}
.btn2{
	background-image: url('../img/flecha2.png');
	background-repeat:no-repeat;
	position: absolute;
    top: 647px;
    left: 35px;
    width: 92px;
    height: 96px;
    cursor: pointer;
}
.btn2:hover{
	opacity: 0.85;
}

.cerrar {
	position: absolute;
	top: -20px;
	right: -20px;
}

#drag1{
	position: absolute;
	top: 131px;
    left: 225px;
}

#drag2{
	position: absolute;
	top: 141px;
    left: 465px;
}

#drag3{
	position: absolute;
	top: 329px;
    left: 187px;
}

#drag4{
	position: absolute;
	top: 325px;
    left: 478px;
}

#drag5{
	position: absolute;
	top: 515px;
    left: 169px;
}

#drag6{
	position: absolute;
	top: 528px;
    left: 471px;
}

#drop1{
	position: absolute;
    top: 300px;
    left: 927px;
    width: 260px;
    height: 132px;
    /*border: dashed;*/
}

.instrucc{
	background-image: url('../img/btn_instrucciones.png');
	background-repeat:no-repeat;
	position: absolute;
    top: 123px;
    left: 1080px;
    width: 258px;
    height: 93px;
    cursor: pointer;
}
.instrucc:hover{
	transform: scale(1.1,1.1);
}
.verifica{
	background-image: url('../img/btn_verifa.png');
	background-repeat:no-repeat;
	position: absolute;
    top: 123px;
    left: 810px;
    width: 258px;
    height: 93px;
    cursor: pointer;
	
}
.verifica1{
	background-image: url('../img/btn_verif.png');
	background-repeat:no-repeat;
	position: absolute;
    top: 123px;
    left: 810px;
    width: 258px;
    height: 93px;
    cursor: pointer;
	visibility: hidden;
}
.verifica1:hover{
	transform: scale(1.1,1.1);
}

.respuesta{
	background-image: url('../img/respuesta.png');
	background-repeat:no-repeat;
	position: absolute;
    top: 650px;
    left: 265px;
    width: 691px;
    height: 93px;
	visibility: hidden;
}

input{
	position: absolute;
    font-size: 45px;
    background: none;
    border-radius: 15px;
    border: dashed 5px #000;
    text-align: center;
	visibility:hidden;
}

.select1{
	position: absolute;
	font-size: 50px;
	top: 310px;
    left: 980px;
}

select{
	background: url('../img/flecha_list.png') no-repeat right #fff;
	border: 1px solid transparent;
	color: #000;
	width: 243px;
	-webkit-appearance: none;
	cursor: pointer;
}

.clicar{
	position: absolute;
    width: 310px;
    height: 188px;
    top: 278px;
    left: 161px;
	cursor: pointer;
}

.scalegray{
	filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

.grabbing{
	cursor: -webkit-grabbing; 
	cursor: -moz-grabbing;
}

.dragging{
	pointer-events:none;
}

.animation{
	transition:all 0.7s ease;
}

.drag:hover{
	cursor:pointer;
	transform:scale(1.05);
}

.drag:active{
	transform:scale(1);
}

.highlight{
	border:dashed 2px gray;
}