#recurso{width: 760px;position: relative; height: 508px; margin:0 auto; border:1px solid rgba(128,129,131,0.3); border-radius: 7px; -webkit-user-select: none; -khtml-user-select: none;  -moz-user-select: none; -o-user-select: none; user-select: none;-webkit-user-drag: none; }
#recurso .controls{position: absolute; background-image:url(https://static.cmm.uchile.cl/etapa3/recursos/geoT4A2_dnd/obj.png); background-position: top center; background-repeat: no-repeat; height: 169px; width: 760px; top: 340px; -webkit-user-select: none; -khtml-user-select: none;  -moz-user-select: none; -o-user-select: none; user-select: none;-webkit-user-drag: none; }
#recurso .leavezone{position: absolute; top:10px; height: 303px; width: 600px; background-image:url(https://static.cmm.uchile.cl/etapa3/recursos/geoT4A2_dnd/control.png);width: 760px; background-repeat: no-repeat; background-position: top center;}
#recurso [class^=azoneb]{position: absolute; top:181px; background-color: rgba(208,209,211,0.5); height: 100px; border-radius: 0px 0px 7px 7px; width: 141px; }
#recurso .azoneb1{left: 6px;}
#recurso .azoneb2{left: 157px;}
#recurso .azoneb3{left: 310px; width: 140px;}
#recurso .azoneb4{left: 462px; width: 140px;}
#recurso .azoneb5{left: 613px;}
#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: #e0e1e1; 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: 104px; width: 106px; background-image: url(https://static.cmm.uchile.cl/etapa3/recursos/geoT4A2_dnd/A01H01P01-09.png); left: 20px; top: 4px;}
.obj2{width: 108px; height: 88px;  background-image: url(https://static.cmm.uchile.cl/etapa3/recursos/geoT4A2_dnd/A01H01P01-10.png); left: 174px; top: 15px;}
.obj3{width: 50px; height: 117px;  background-image: url(https://static.cmm.uchile.cl/etapa3/recursos/geoT4A2_dnd/A01H01P01-11.png); left: 354px; top: -1px;}
.obj4{width: 101px; height: 73px;  background-image: url(https://static.cmm.uchile.cl/etapa3/recursos/geoT4A2_dnd/A01H01P01-12.png); left: 480px; top: 25px;}
.obj5{width: 98px; height: 74px;  background-image: url(https://static.cmm.uchile.cl/etapa3/recursos/geoT4A2_dnd/A01H01P01-13.png); left: 634px; top: 25px;}
.textoEjercicio, .enunciado, .numero{-webkit-user-select: none; -khtml-user-select: none;  -moz-user-select: none; -o-user-select: none; user-select: none;-webkit-user-drag: none; }