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

.balanza{
	position:absolute;
	top: -29px;
    left: 342px;
}

.elboton{
	position:absolute;
	top: 645px; 
	left: 1239px;
}
.elboton:hover{
	opacity: 0.8;
}

.reiniciar{
	position:absolute;
	top: 645px; 
	left: 1140px;
	cursor: pointer;
}
.reiniciar:hover{
	opacity: 0.8;
}

.pregunta{
	position:absolute;
	top: 645px; 
	left: 1043px;
	cursor: pointer;
}
.pregunta:hover{
	opacity: 0.8;
}

#drag1{
	position: absolute;
	top: 162px;
    left: 1076px;
}

#drag2{
	position: absolute;
	top: 162px;
    left: 1193px;
}

#drag3{
	position: absolute;
	top: 306px;
    left: 1075px;
}

#drag4{
	position: absolute;
	top: 306px;
    left: 1193px;
}

#drag5{
	position: absolute;
	top: 400px;
    left: 1075px;
}

#drag6{
	position: absolute;
	top: 400px;
    left: 1193px;
}

#drag7{
	position: absolute;
	top: 535px;
    left: 1076px;
}

#drag8{
	position: absolute;
	top: 535px;
    left: 1194px;
}

#drop1{
	position: absolute;
    top: 380px;
    left: 386px;
    width: 96px;
    height: 83px;
    /*border: dashed;*/
}
#drop1 img{

}

#drop2{
	position: absolute;
    top: 387px;
    left: 793px;
    width: 96px;
    height: 83px;
   /*border: dashed;*/
}
#drop2 img{

}

.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;
	/*border-top: none;*/
}

.ins{
	position:absolute;
	top: 140px;
    left: 90px;
	opacity: 0;
	-webkit-transition:all 1s ease-out;  /* Chrome y Safari */
    -o-transition:all 1s ease-out;  /* Opera */
    -moz-transition:all 1s ease-out;  /* Mozilla Firefox */
    -ms-transition:all 1s ease-out;   /* Internet Explorer */
    transition:all 1s ease-out;  /* W3C */
}