body { font-family: Helvetica, Arial, sans-serif; }

.dropzone-wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.dropzone {
	position: absolute;
	top:50px;
	left:5px;
	right:5px;
	bottom:20px;
	overflow: hidden;
	margin: .5em;
	padding: 1em;
	color: #666;
	text-align: center;
	background: #ccc;
	line-height: 4em;
	border: 4px dashed transparent;
	transition: background .15s linear, border-color .15s linear;
}

.dropzone.-drop-possible { border-color: #666; }

.dropzone.-drop-over {
    background: #666;
    color: #fff;
}

.zona1 {
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	overflow: hidden;
    
    background: transparent;
    line-height: 4em;
    border: 4px dashed transparent;
    transition: background .15s linear, border-color .15s linear;
}



.draggable0 {
	position: relative;
	bottom: px;
	z-index: 10;
	/*width: 400px;
	height: 490px;*/
	max-width: 58%;
	height: auto;
	margin: 0.10em;
	padding: 0.5em 0.5em;
	background-color:transparent;
	/*color: #00C;
	text-align: center;
	src:url(imatges/1.jpg)*/
	-ms-touch-action: none;
	touch-action: none;
}



.draggable1 {
	position: relative;
	z-index: 40;
	/*width: 150px;
	height: 150px;*/
	
	max-width: 10%;
	height: auto;
	margin: 0.10em;
	padding: 0.1em 0.1em;
	background-color:transparent;
	/*color: #00C;
	text-align: center;
	src:url(imatges/1.jpg)*/
	-ms-touch-action: none;
	touch-action: none;
}

.draggable2 {
	position: relative;
	z-index: 10;
	width: 128px;
	height: 128px;
	margin: 0.25em;
	padding: 1em 2em;
	background-color:transparent
	color: #00C;
	text-align: center;
	src:url(imatges/1.jpg)
	-ms-touch-action: none;
	touch-action: none;
}

.draggable.-drop-possible { background-color: #42bd41; }

/*.draggable {
    position: relative;
    z-index: 10;
    /*width: 200px;
	max-width: 100%;
	height: auto;
    margin: .25em;
    padding: 1em 2em;
    background-color: #29e;
    color: #fff;
    text-align: center;

    -ms-touch-action: none;
        touch-action: none;
}*/