.content{
	overflow: scroll;
	overflow-x: hidden;
	height: 600px;
	margin-top: 9px;
}
.content.stop-scrolling {
  height: 100%;
  overflow: hidden;
}
.content .wrap{
	background-position: 13px 7px;
	background-repeat: no-repeat;
	background-image: url('../img/resumen/L_G11_U04_L02Recursosmetadatos-scroll.png');
	width: 1228px;
	height: 1235px;
	position: absolute;
}
.content  .wrap h2{
	color: #666666;
	font-size: 1.19em;
	font-weight: bold;
	font-family: Tahoma, Geneva, sans-serif;
	text-transform: uppercase;
	text-align: center;
	width: 267px;
	position: absolute;
	top: 8px;
	left: 485px;
}
.content  .wrap p{
	width: 304px;
	position: absolute;
	top: 227px;
	font-size: 1.19em;
	font-style: italic;
	color: #666666;
	text-align: center;
	font-family: 'Fontin' !important;
}
.content  .wrap p:nth-child(2){
	left: 59px;
}
.content  .wrap p:nth-child(3){
	left: 458px;
}
.content  .wrap p:nth-child(4){
	left: 868px;
}
.drags .drag{
	margin: 0px;
	position: absolute;
	cursor: pointer;
}
.drag img:nth-child(1){
	display: block;
}
.drag img:nth-child(2){
	display: none;
}
.drag:hover img:nth-child(1){
	display: none;
}
.drag:hover img:nth-child(2){
	display: block;
}
#drag1,#drag2,#drag3{
	top: 509px;
}
#drag2{
	left: 313px;
}
#drag3{
	left: 532px;
}
#drag1{
	left: 752px;
}
#drag4, #drag5, #drag6, #drag7, #drag8{
	top: 1127px;
}
#drag4{
	left: 774px;
}
#drag5{
	left: 959px;
}
#drag6{
	left: 589px;
}
#drag7{
	left: 404px;
}
#drag8{
	left: 210px;
}
.drop{
	width: 145px;
	height: 35px;
	position: absolute;
}
.drop img{
	position: absolute;
    top: -6px;
    left: -5px;
    display: none;
}
.drop.clone img{
	display: block;
}
#drop1, #drop2, #drop3{
	top: 116px;
}
#drop1{
	left: 138px;
}
#drop2{
	left: 545px;
}
#drop3{
	left: 946px;
}
#drop4{
	top: 827px;
	left: 72px;
}
#drop5{
	top: 978px;
	left: 262px;
}
#drop6{
	top: 980px;
	left: 526px;
}
#drop7{
	top: 983px;
	left: 721px;
}
#drop8{
	top: 988px;
	left: 978px;
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: 10; /* Chrome, Safari, Opera */
  animation-iteration-count: 10;
}
.wrap .arrow{
	position: absolute;
	top: 516px;
	left: 100px;
}