#recurso{width: 760px;position: relative; height: 508px; margin:0 auto; border:1px solid rgba(128,129,131,0.3); border-radius: 7px;}
#recurso .controls{position: absolute; background-image:url(https://static.cmm.uchile.cl/etapa3/recursos/geoT4A2_dnd/controls.png); background-position: top center; background-repeat: no-repeat; height: 169px; width: 760px; top: 340px;}
#recurso .leavezone{position: absolute; top:10px; height: 303px; width: 600px; background-image:url(https://static.cmm.uchile.cl/etapa3/recursos/geoT4A2_dnd/A01H02P03-03.png);width: 760px; background-repeat: no-repeat; background-position: top center;}
#recurso [class^=azoneb]{position: absolute; top:159px; height: 122px; border-radius: 0px 0px 7px 7px; width: 170px; }
#recurso .azoneb1{left: 6px;}
#recurso .azoneb2{left: 199px;}
#recurso .azoneb3{left: 392px;}
#recurso .azoneb4{left: 584px;}
#recurso [class^=obj]{cursor: grab; position: absolute;}
#recurso [class^=azoneb] [class^=obj]{background-size: contain; width: 75%; height: 75%; background-repeat: no-repeat; background-position: center; margin: auto; background-color: #d0d1d3; top: 10%; left: 10%;}
#recurso .controls [class^=obj]:hover {border-radius: 7px; border: 1px dashed rgba(128,129,131,0.5); padding: 2px; background-repeat: no-repeat; background-position: center; background-color: white;}

.over{background-color: rgba(208,209,211,0.2);}
#recurso .textoEjercicio{position: absolute; top:289px; width: 100%; text-align:center;margin-top:10px;}
.obj1{height: 108px; width: 130px; background-image: url(https://static.cmm.uchile.cl/etapa3/recursos/geoT4A2_dnd/A01H02P03-08.png); left: 22px; top: -3px;}
.obj2{width: 136px; height: 91px;  background-image: url(https://static.cmm.uchile.cl/etapa3/recursos/geoT4A2_dnd/A01H02P03-09.png); left: 211px; top: -3px;}
.obj3{width: 106px; height: 100px;  background-image: url(https://static.cmm.uchile.cl/etapa3/recursos/geoT4A2_dnd/A01H02P03-10.png); left: 424px; top: -1px;}
.obj4{width: 126px; height: 113px;  background-image: url(https://static.cmm.uchile.cl/etapa3/recursos/geoT4A2_dnd/A01H02P03-11.png); left: 611px; top: -2px;}