.adelante{
	position: absolute;
    top: 680px;
    left: 1280px;
    width: 62px;
    height: 62px;
    cursor: pointer;
}
.adelante:hover{
	transform: scale(1.1,1.1);
	-moz-transform: scale(1.1,1.1);
	-webkit-transform: scale(1.1,1.1);
	-o-transform: scale(1.1,1.1);
}

.atras{
	position: absolute;
    top: 680px;
    left: 28px;
    width: 62px;
    height: 62px;
    cursor: pointer;
}
.atras:hover{
	transform: scale(1.1,1.1);
	-moz-transform: scale(1.1,1.1);
	-webkit-transform: scale(1.1,1.1);
	-o-transform: scale(1.1,1.1);
}

.img2{
	position: absolute; 
	top: 433px;
    left: 439px;
	cursor: pointer;
}
.img3{
	position: absolute; 
	top: 578px;
    left: 443px;
	cursor: pointer;
}
.img4{
	position: absolute; 
	top: 433px;
    left: 690px;
	cursor: pointer;
}
.img5{
	position: absolute; 
	top: 574px;
    left: 694px;
	cursor: pointer;
}
.botonimg:hover{
	transform: scale(1.05,1.05);
	-moz-transform: scale(1.05,1.05);
	-webkit-transform: scale(1.05,1.05);
	-o-transform: scale(1.05,1.05);
}

.conten1{
	position: absolute;
    top: 295px;
    left: 212px;
    width: 1130px;
    height: 62px;
    cursor: pointer;
}
.conten1 div{
	position: relative;
	width: 500px;
	display: inline-block;
}
.conten2{
	position: absolute;
    top: 295px;
    left: 265px;
    width: 1130px;
    height: 62px;
    cursor: pointer;
}
.conten2 div{
	position: relative;
	width: 500px;
	display: inline-block;
}

.img11{
	position: absolute; 
	top: 226px; 
	left: 491px;
	cursor: pointer;
}

.conten3{
	position: absolute;
    top: 295px;
    left: 265px;
    width: 1130px;
    height: 62px;
    cursor: pointer;
}
.conten3 div{
	position: relative;
	width: 500px;
	display: inline-block;
}

.conten4{
	position: absolute;
    top: 295px;
    left: 265px;
    width: 1130px;
    height: 62px;
    cursor: pointer;
}
.conten4 div{
	position: relative;
	width: 500px;
	display: inline-block;
}

.img16{
	position: absolute; 
	top: 226px; 
	left: 385px;
	cursor: pointer;
}

textarea{
	position: absolute;
    top: 271px;
    left: 697px;
    resize: none;
    width: 533px;
    height: 416px;
    border: dashed 3px #fff;
    background: transparent;
    font-size: 30px;
    padding: 5px 10px;
    border-radius: 16px;
	}
	
#drag1{
	position: absolute;
	top: 270px;
    left: 118px;
	cursor: pointer;
}
#drag2{
	position: absolute;
	top: 340px;
    left: 41px;
	cursor: pointer;
}
#drag3{
	position: absolute;
	top: 410px;
    left: 42px;
	cursor: pointer;
}
#drag4{
	position: absolute;
	top: 480px;
    left: 78px;
	cursor: pointer;
}
#drag5{
	position: absolute;
	top: 550px;
    left: 146px;
	cursor: pointer;
}
#drag6{
	position: absolute;
	top: 620px;
    left: 39px;
	cursor: pointer;
}

#drop1{
	position: absolute;
    top: 339px;
    left: 662px;
    width: 284px;
    height: 73px;
    border: dashed 3px #FFF;
}

#drop2{
	position: absolute;
    top: 417px;
    left: 662px;
    width: 284px;
    height: 73px;
    border: dashed 3px #FFF;
}

#drop3{
	position: absolute;
    top: 416px;
    left: 951px;
    width: 363px;
    height: 73px;
    border: dashed 3px #FFF;
}
#drop4{
	position: absolute;
    top: 497px;
    left: 367px;
    width: 284px;
    height: 73px;
    border: dashed 3px #FFF;
}
#drop5{
	position: absolute;
    top: 497px;
    left: 951px;
    width: 363px;
    height: 73px;
    border: dashed 3px #FFF;
}
#drop6{
	position: absolute;
    top: 574px;
    left: 662px;
    width: 284px;
    height: 73px;
    border: dashed 3px #FFF;
}

#drop1 img{
	margin-top: 5px;
	margin-left: 97px;
}

#drop2 img{
	margin-top: 5px;
	margin-left: 68px;
}
#drop3 img{
	margin-top: 6px;
	margin-left: 24px;
}
#drop4 img{
	margin-top: 5px;
	margin-left: -5px;
}
#drop5 img{
	margin-top: 6px;
	margin-left: 30px;
}
#drop6 img{
	margin-top: 5px;
	margin-left: 34px;
}

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

.dragging{
	pointer-events:none;
}

.animation{
	transition:all 0.7s ease;
}

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

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

.highlight{
	background-color: rgba(255,255,255,.2);
}