.trans:hover {
	-webkit-transform: scale(1.18);
	-moz-transform: scale(1.18);
	transform: scale(1.18);
	z-index: 200;
}
.trans {
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 300ms ease-in;
	-ms-transition: all 300ms ease-in;
	-o-transition: all 300ms ease-in;
	transition: all 300ms ease-in;
}

input {
	background: #FFF;
	border-radius: 10px;
	width:200px;
	height:60px;
	border:dashed 2px #a3a3a3;
	position:absolute;
	font-size: 3.5em;
}

/*#drags {
	width: 300px;
	position:absolute;
	right:100px;
	top: 200px;
	text-align: center;
}*/

#drags img {
	box-shadow:0 0 5px rgba(0,0,0,0.5);
	margin: 10px 0;
}

#drops {
	background:rgba(0,0,0,0);
	/*position:relative;
	left:30px;
	top:100px;*/
	width: 850px;
	margin-bottom: 50px;
}

.dr1 {
	background:#FFF;
	border:dashed 2px #f15a24;
	height:60px;
	width:187px;
	margin: 10px auto;
	display: block;
	text-align: center;
}

.dr2 {
	background:#FFF;
	border:dashed 2px #0071bc;
	height:150px;
	width:150px;
	margin: 10px auto;
	display: block;
	text-align: center;
}


.dr3 {
	background:#FFF;
	border:dashed 2px #fbb03b;
	height:50px;
	width:253px;
	margin: 10px auto;
	display: block;
	text-align: center;
}
#uno{
    top:540px; 
    left: 220px;
}
#dos{
    top:540px;
    left: 600px;
}
#tres{
    top:540px;
    right: 200px;;
}
.img_compas{
	width: 300px;
	cursor: move;
}.comprueba1 {
	position: absolute;
	top: 600px;
	right: 20px;
}
.reinicia1 {
	position: absolute;
	top: 640px;
	right: 30px;
	width: 100px;
	cursor:pointer;
}
.reinicia2 {
	position: absolute;
	top: 650px;
	right: 40px;
	height: 79px;
	cursor: pointer;
}
.error{
	-webkit-box-shadow: 0px 0px 28px 0px rgba(204,25,25,1);
	-moz-box-shadow: 0px 0px 28px 0px rgba(204,25,25,1);
	box-shadow: 0px 0px 28px 0px rgba(204,25,25,1);
}
.bien{
	-webkit-box-shadow: 0px 0px 28px 0px rgba(56,138,48,1);
	-moz-box-shadow: 0px 0px 28px 0px rgba(56,138,48,1);
	box-shadow: 0px 0px 28px 0px rgba(56,138,48,1);
	}
.normal{
	box-shadow:none;
}