.btn1{
	background-image: url('../img/btn_03_02_01.png');
	background-repeat:no-repeat;
	position: absolute;
	top: 670px;
	left: 120px;
	width: 240px;
    height: 70px;
	cursor: pointer;
}
.btn1:hover{
	opacity: 0.85;
}
.btn1activado{
	background-image: url('../img/btn_03_02_01a.png');
}

.btn2{
	background-image: url('../img/btn_03_02_02.png');
	background-repeat:no-repeat;
	position: absolute;
	top: 670px;
    left: 400px;
    width: 240px;
    height: 70px;
	cursor: pointer;
}
.btn2:hover{
	opacity: 0.85;
}
.btn2activado{
	background-image: url('../img/btn_03_02_02a.png');
}

.ins{
	position:absolute;
	top: 119px;
    left: 175px;
	opacity: 0;
	width: 240px;
    height: 70px;
	-webkit-transition:all 1s ease-out;  /* Chrome y Safari */
    -o-transition:all 1s ease-out;  /* Opera */
    -moz-transition:all 1s ease-out;  /* Mozilla Firefox */
    -ms-transition:all 1s ease-out;   /* Internet Explorer */
    transition:all 1s ease-out;  /* W3C */
}

.ins2{
	position:absolute;
	top: 672px;
    left: 640px;
	opacity: 0;
	width: 240px;
    height: 70px;
	-webkit-transition:all 1s ease-out;  /* Chrome y Safari */
    -o-transition:all 1s ease-out;  /* Opera */
    -moz-transition:all 1s ease-out;  /* Mozilla Firefox */
    -ms-transition:all 1s ease-out;   /* Internet Explorer */
    transition:all 1s ease-out;  /* W3C */
}

.boton1{
	background-image: url('../img/boton_03_02_01.png');
	background-repeat:no-repeat;
	position: absolute;
    top: 300px;
    left: 220px;
    width: 177px;
    height: 56px;
    cursor: pointer;
	transform: scale(1.1,1.1);
}
.boton1:hover{
	transform: scale(1.1,1.1);
}
.boton1activado{
	background-image: url('../img/boton_03_02_01a.png');
	transform: scale(1,1);
}

.boton2{
	background-image: url('../img/boton_03_02_02.png');
	background-repeat:no-repeat;
	position: absolute;
    top: 380px;
    left: 220px;
    width: 177px;
    height: 56px;
    cursor: pointer;
	transform: scale(1.1,1.1);
}
.boton2:hover{
	transform: scale(1.1,1.1);
}
.boton2activado{
	background-image: url('../img/boton_03_02_02a.png');
	transform: scale(1,1);
}

.boton3{
	background-image: url('../img/boton_03_02_03.png');
	background-repeat:no-repeat;
	position: absolute;
    top: 460px;
    left: 220px;
    width: 177px;
    height: 56px;
    cursor: pointer;
	transform: scale(1.1,1.1);
}
.boton3:hover{
	transform: scale(1.1,1.1);
}
.boton3activado{
	background-image: url('../img/boton_03_02_03a.png');
	transform: scale(1,1);
}

.boton4{
	background-image: url('../img/boton_03_02_04.png');
	background-repeat:no-repeat;
	position: absolute;
    top: 540px;
    left: 220px;
    width: 177px;
    height: 56px;
    cursor: pointer;
	transform: scale(1.1,1.1);
}
.boton4:hover{
	transform: scale(1.1,1.1);
}
.boton4activado{
	background-image: url('../img/boton_03_02_04a.png');
	transform: scale(1,1);
}

#drag1{
	position: absolute;
	top: 366px;
    left: 282px;
	cursor: pointer;
}

#drag2{
	position: absolute;
	top: 598px;
    left: 282px;
	cursor: pointer;
}

#drag3{
	position: absolute;
	top: 289px;
    left: 282px;
	cursor: pointer;
}

#drag4{
	position: absolute;
	top: 444px;
    left: 282px;
	cursor: pointer;
}

#drag5{
	position: absolute;
	top: 522px;
    left: 282px;
	cursor: pointer;
}

.drop{
	position: absolute;
	width: 1017px;
	height: 67px;
	box-sizing:border-box;
	border: dashed 2px #FFFFFF;
	border-radius: 15px;
}

#drop1{
	top: 289px;
	left: 282px;
}

#drop2{
	top: 366px;
	left: 282px;
}

#drop3{
	top: 444px;
	left: 282px;
}

#drop4{
	top: 522px;
	left: 282px;
}

#drop5{
	top: 598px;
	left: 282px;
}

.highlight{
	background-color: rgba(255,255,0,0.1);
}

.grabbing{
	cursor: -webkit-grabbing; 
	cursor: -moz-grabbing;
}

.dragging{
	pointer-events:none;
}

.animation{
	transition:all 0.7s ease;
}

#check{
	position:Absolute;
	width:10%;
	height:6%;
	bottom:3.5%;
	left:60%;
	background: #FDCC68;
	border-radius:10px;
	box-sizing:border-box;
	border:solid 2px black;
}

#check:hover{
	cursor:pointer;
	transform:scale(1.05);
}

#check:active{
	transform:scale(0.95);
}

#check > p{
	margin:0;
	padding:0;
	text-align:center;
	position:relative;
	top:50%;
	transform:translateY(-50%);
	font-size:1.1em;
}

.incorrect{
	box-shadow: 0px 0px 1px 3px red;
}

.correct{
	box-shadow: 0px 0px 1px 3px green;
}