.dropzone {
    /*border: 1px solid red;*/
    transition: background-color 0.3s;
}

.drop-active {
    /*border: 1px solid green;*/
}

.drop-target {
    /*border: 1px solid blue;*/
}

.drag-drop {
 display: inline-block;
 min-width: 40px;

 touch-action: none;
 -webkit-transform: translate(0px, 0px);
 transform: translate(0px, 0px);

 transition: background-color 0.3s;
}

.drag-drop.can-drop {
    /* border: 1px solid black; */
}

.recuadro {
    background-image: url('../imgs/buber/recuadro.png');
    width: 125px;
    height: 125px;
}
@media screen and (max-width: 500px) {

.recuadro {
  background-image: url('../imgs/buber/recuadro_90.png');
  width: 90px!important;
  height: 90px!important;
}
#campo1 table, #campo2 table, #campo3 table, #campo4 table,#campo5 table, #campo6 table{
	width: 100px!important;
	}

}