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

.balanza{
	position:absolute;
	top: 30px;
    left: 440px;
}

.elboton{
	position:absolute;
	top: 570px; 
	left: 1250px;
}
.elboton:hover{
	opacity: 0.8;
}

.reiniciar{
	position:absolute;
	top: 570px; 
	left: 1150px;
	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: 340px;
    left: 55px;
}

#drag2{
	position: absolute;
	top: 366px;
    left: 172px;
}

#drag3{
	position: absolute;
	top: 410px;
    left: 280px;
}

#drag4{
	position: absolute;
	top: 451px;
    left: 367px;
}

#drag5{
	position: absolute;
	top: 262px;
    left: 986px;
}

#drag6{
	position: absolute;
	top: 275px;
    left: 1119px;
}

#drag7{
	position: absolute;
	top: 439px;
    left: 945px;
}

#drag8{
	position: absolute;
	top: 462px;
    left: 1161px;
}

#drop1{
	position: absolute;
    top: 283px;
    left: 460px;
    width: 96px;
    height: 148px;
    /*border: dashed;*/
}

#drop1 #drag1{
}
#drop1 #drag2{
	position: relative;
	margin: 27px 0 0 11px;
}
#drop1 #drag3{
	position: relative;
	margin: 69px 0 0 23px;
}
#drop1 #drag4{
	position: relative;
	margin: 110px 0 0 35px;
}

#drop2{
	position: absolute;
    top: 293px;
    left: 765px;
    width: 96px;
    height: 149px;
   /*border: dashed;*/
}
#drop2 #drag5{
	position: relative;
	margin: 2px 0 0 8px;
}
#drop2 #drag6{
	position: relative;
	margin: -5px 0 0 -22px;
}
#drop2 #drag7{
	position: relative;
	margin: 59px 0 0 -38px;
}
#drop2 #drag8{
	position: relative;
	margin: 113px 0 0 24px;
}

.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 */
}

#drop01{
	position: absolute;
    top: 573px;
    left: 291px;
    width: 144px;
    height: 111px;
    border: dashed 6px #FFF;
	border-radius: 15px;
}
#drop02{
	position: absolute;
    top: 573px;
    left: 483px;
    width: 144px;
    height: 111px;
    border: dashed 6px #FFF;
	border-radius: 15px;
}
#drop03{
	position: absolute;
    top: 573px;
    left: 680px;
    width: 144px;
    height: 111px;
    border: dashed 6px #FFF;
	border-radius: 15px;
}
#drop04{
	position: absolute;
    top: 573px;
    left: 874px;
    width: 144px;
    height: 111px;
    border: dashed 6px #FFF;
	border-radius: 15px;
}

/*******************************************************************/
/*#drags {
    position: relative;
    top: -228px;
    left: 998px;
    z-index: 10;
    width: 337px;
}*/

#drags img {
    margin: 0px;
}

#drags img:hover {
	cursor: pointer;
}

/*#drops div {
    background: rgba(255,255,255,0.2);
    width: 371px;
    height: 331px;
    display: inline-block;
    border-radius: 10px;
    position: relative;
    top: 186px;
    left: 102px;
    margin: 20px;
    border: 2px dashed black;
    vertical-align: middle;
}*/

#drops div #drag6 {
	width: 100px;
	margin-left: 23px;
}
#drops div #drag7 {
	width: 125px;
    margin-top: 19px;
    margin-left: 9px;
}
#drops div #drag5 {
    width: 57px;
    margin-top: 3px;
    margin-left: 41px;
}
#drops div #drag8 {
    width: 57px;
    margin-top: 27px;
    margin-left: 41px;
}

#drops div img.dropped:hover {
	cursor: pointer;
}
/**************************************************************/

#drag01{
	position: absolute;
	top: 308px;
    left: 55px;
}

#drag02{
	position: absolute;
	top: 287px;
    left: 263px;
}

#drag03{
	position: absolute;
	top: 385px;
    left: 150px;
}

#drag04{
	position: absolute;
	top: 474px;
    left: 281px;
}

#drag05{
	position: absolute;
	top: 454px;
    left: 82px;

}

#drag06{
	position: absolute;
	top: 294px;
    left: 969px;
}

#drag07{
	position: absolute;
	top: 337px;
    left: 1170px;
}

#drag08{
	position: absolute;
	top: 469px;
    left: 989px;
}

#drag09{
	position: absolute;
	top: 462px;
    left: 1161px;
}

#dropa01{
	position: absolute;
    top: 295px;
    left: 635px;
    width: 96px;
    height: 148px;
    /*border: dashed;*/
}

#dropa01 img #drag01{
	margin-left: 200px;
	margin-top: 200px;
}

/*******************************************************************/
/*#drags {
    position: relative;
    top: -228px;
    left: 998px;
    z-index: 10;
    width: 337px;
}*/

#drags2 img {
    margin: 0px;
}

#drags2 img:hover {
	cursor: pointer;
}

/*#drops div {
    background: rgba(255,255,255,0.2);
    width: 371px;
    height: 331px;
    display: inline-block;
    border-radius: 10px;
    position: relative;
    top: 186px;
    left: 102px;
    margin: 20px;
    border: 2px dashed black;
    vertical-align: middle;
}*/

#drops2 div #drag01 {
	width: 84px;
	margin-top: 20px; 
}
#drops2 div #drag02 {
	width: 38px;
	margin-left: 23px;
}
#drops2 div #drag03 {
    width: 60px;
	margin-left: 12px;
}
#drops2 div #drag04 {
    width: 70px;
	margin-left: 10px;
}
#drops2 div #drag05 {
    width: 53px;
	margin-left: 19px;
}
#drops2 div #drag06 {
    width: 61px;
	margin-left: 13px;
}
#drops2 div #drag07 {
    width: 61px;
	margin-left: 12px;
}
#drops2 div #drag08 {
    width: 82px;
    margin-top: 15px;
}
#drops2 div #drag09 {
    width: 82px;
    margin-top: 15px;
}

#drops2 div img.dropped:hover {
	cursor: pointer;
}
/**************************************************************/
#drop001{
	position: absolute;
    top: 618px;
    left: 204px;
    width: 85px;
    height: 67px;
    border: dashed 6px #FFF;
    border-radius: 15px;
}
#drop002{
    position: absolute;
    top: 618px;
    left: 309px;
    width: 85px;
    height: 67px;
    border: dashed 6px #FFF;
    border-radius: 15px;
}
#drop003{
	position: absolute;
    top: 618px;
    left: 414px;
    width: 85px;
    height: 67px;
    border: dashed 6px #FFF;
    border-radius: 15px;
}
#drop004{
	position: absolute;
    top: 618px;
    left: 519px;
    width: 85px;
    height: 67px;
    border: dashed 6px #FFF;
    border-radius: 15px;
}
#drop005{
	position: absolute;
    top: 618px;
    left: 625px;
    width: 85px;
    height: 67px;
    border: dashed 6px #FFF;
    border-radius: 15px;
}
#drop006{
	position: absolute;
    top: 618px;
    left: 730px;
    width: 85px;
    height: 67px;
    border: dashed 6px #FFF;
    border-radius: 15px;
}
#drop007{
	position: absolute;
    top: 618px;
    left: 834px;
    width: 85px;
    height: 67px;
    border: dashed 6px #FFF;
    border-radius: 15px;
}
#drop008{
	position: absolute;
    top: 618px;
    left: 938px;
    width: 85px;
    height: 67px;
    border: dashed 6px #FFF;
    border-radius: 15px;
}
#drop009{
	position: absolute;
    top: 618px;
    left: 1046px;
    width: 85px;
    height: 67px;
    border: dashed 6px #FFF;
    border-radius: 15px;
}

input{
	position: absolute;
	width: 105px;
	text-align: center;
	border: none;
	font-size: 27px;
}