.btn1{
	background-image: url('../img/btn_sustancias.png');
	background-repeat:no-repeat;
	position: absolute;
    top: 115px;
    left: 331px;
    width: 357px;
    height: 75px;
    cursor: pointer;
}
.btn1:hover{
	opacity: 0.8;
}

.boto1{
	background-image: url('../img/btn_sustanciassobre.png');
	background-repeat:no-repeat;
}

.btn2{
	background-image: url('../img/btn_mezclas.png');
	background-repeat:no-repeat;
	position: absolute;
    top: 115px;
    left: 718px;
    width: 205px;
    height: 76px;
    cursor: pointer;
}
.btn2:hover{
	opacity: 0.8;
}

.boto2{
	background-image: url('../img/btn_mezclassobre.png');
	background-repeat:no-repeat;
}

.btn3{
	background-image: url('../img/btn_juega.png');
	background-repeat:no-repeat;
	position: absolute;
    top: 115px;
    left: 950px;
    width: 170px;
    height: 77px;
    cursor: pointer;
}
.btn3:hover{
	opacity: 0.8;
}

.boto3{
	background-image: url('../img/btn_juegasobre.png');
	background-repeat:no-repeat;
}

.btn4{
	background-image: url('../img/btn_escribe.png');
	background-repeat:no-repeat;
	position: absolute;
    top: 115px;
    left: 1144px;
    width: 189px;
    height: 76px;
    cursor: pointer;
}
.btn4:hover{
	opacity: 0.8;
}

.boto4{
	background-image: url('../img/btn_escribesobre.png');
	background-repeat:no-repeat;
}

textarea{
	position: absolute;
	width: 1263px;
	height: 134px;
	border: dashed 2px #000;
	border-radius: 10px;
	padding: 10px;
	resize: none;
	font-size: 32px;
}

/*************************/


.drop{
    position: absolute;
    width: 279px;
    height: 230px;
    text-align: center;
    margin: auto 0;
	/*border: solid;*/
}

.dra {

    /*display: inline-block;
    width: 125px;*/
	z-index: 100;
}

#drag1{
    position: absolute;
    top: 423px;
    left: 90px;
    cursor: pointer;
}
#drag2{
    position: absolute;
    top: 530px;
    left: 294px;
    cursor: pointer;
}
#drag3{
    position: absolute;
    top: 423px;
    left: 493px;
    cursor: pointer;
}
#drag4{
    position: absolute;
    top: 530px;
    left: 1085px;
    cursor: pointer;
}
#drag5{
    position: absolute;
    top: 423px;
    left: 888px;
    cursor: pointer;
}
#drag6{
    position: absolute;
    top: 530px;
    left: 690px;
    cursor: pointer;
}

.drop1{ 
	background: url('../img/drop1.png');
	background-repeat:no-repeat;
}
.drop2{ 
	background: url('../img/drop2.png');
	background-repeat:no-repeat;
}
.drop3{ 
	background: url('../img/drop3.png');
	background-repeat:no-repeat;
}
.drop4{ 
	background: url('../img/drop4.png');
	background-repeat:no-repeat;
}