.ver{
	opacity: 0;
}
#fig1{
	position: absolute;
	top: 492px;
	left: 469px;
}
#fig2{
	position: absolute;
	top: 243px;
	left: 671px;
}
#fig3{
	position: absolute;
	top: 264px;
	left: 430px;
}
#fig4{
	position: absolute;
	top: 266px;
	left: 891px;
}
#fig5{
	position: absolute;
	top: 600px;
	left: 590px;
}
#fig6{
	position: absolute;
	top: 534px;
	left: 652px;
}

#drag1{
	position: absolute;
	top: 250px;
    left: 1155px;
}

#drag2{
	position: absolute;
	top: 250px;
    left: 1245px;
}

#drag3{
	position: absolute;
	top: 365px;
    left: 1155px;
}

#drag4{
	position: absolute;
	top: 365px;
    left: 1245px;
}

#drag5{
	position: absolute;
	top: 475px;
    left: 1155px;
}

#drag6{
	position: absolute;
	top: 475px;
    left: 1245px;
}

#drag7{
	position: absolute;
	top: 570px;
    left: 1155px;
}

#drag8{
	position: absolute;
	top: 570px;
    left: 1245px;
}
#drag9{
	position: absolute;
	top: 440px;
    left: 1210px;
}

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

#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);
}

#drag01{
	position: absolute;
	top: 269px;
    left: 442px;
	cursor: pointer;
}

#drag02{
	position: absolute;
	top: 556px;
    left: 536px;
	cursor: pointer;
}

#drop01{
	position: absolute;
    top: 410px;
    left: 437px;
    width: 96px;
    height: 83px;
    /*border: dashed;*/
}

#drop02{
	position: absolute;
    top: 311px;
    left: 645px;
    width: 96px;
    height: 83px;
   /*border: dashed;*/
}