.adelante{
	position: absolute;
    top: 680px;
    left: 1280px;
    width: 62px;
    height: 62px;
    cursor: pointer;
}
.adelante:hover{
	transform: scale(1.1,1.1);
	-moz-transform: scale(1.1,1.1);
	-webkit-transform: scale(1.1,1.1);
	-o-transform: scale(1.1,1.1);
}

.atras{
	position: absolute;
    top: 680px;
    left: 28px;
    width: 62px;
    height: 62px;
    cursor: pointer;
}
.atras:hover{
	transform: scale(1.1,1.1);
	-moz-transform: scale(1.1,1.1);
	-webkit-transform: scale(1.1,1.1);
	-o-transform: scale(1.1,1.1);
}

.botonimg:hover{
	transform: scale(1.05,1.05);
	-moz-transform: scale(1.05,1.05);
	-webkit-transform: scale(1.05,1.05);
	-o-transform: scale(1.05,1.05);
}

.boton1{
	position: absolute; 
	top: 124px; 
	left: 620px;
	cursor: pointer;
}


.boton2{
	position: absolute; 
	top: 124px;
    left: 900px;
	cursor: pointer;
}

.boton3{
	position: absolute; 
	top: 124px;
    left: 1100px;
	cursor: pointer;
}

#adrag1 {
	width: 28px;
    height: 27px;
    background-image: url(../img/guia.png);
    background-repeat: no-repeat;
    position: absolute;
    top: 390px;
    left: 440px;
    cursor: pointer;
}
#adrag2 {
	width: 28px;
	height: 27px;
	background-image: url(../img/guia.png);
	background-repeat: no-repeat;
	position: absolute;
    top: 390px;
    left: 440px;
	cursor:	pointer;
}
#adrag3 {
	width: 28px;
	height: 27px;
	background-image: url(../img/guia.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 550px;
    left: 440px;
	cursor:	pointer;
}
#adrag4 {
	width: 28px;
	height: 27px;
	background-image: url(../img/guia.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 690px;
    left: 440px;
	cursor:	pointer;
}
#adrag5 {
	width: 28px;
	height: 27px;
	background-image: url(../img/guia.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 690px;
    left: 440px;
	cursor:	pointer;
}
#adrag6 {
	width: 28px;
	height: 27px;
	background-image: url(../img/guia.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 690px;
    left: 440px;
	cursor:	pointer;
}
#adrag7 {
	width: 28px;
	height: 27px;
	background-image: url(../img/guia.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 690px;
    left: 440px;
	cursor:	pointer;
}
#adrag8 {
	width: 28px;
	height: 27px;
	background-image: url(../img/guia.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 690px;
    left: 440px;
	cursor:	pointer;
}

.bord {
	border: 4px dashed black;
}
#adrop1{
	width: 33px;
	height: 33px;
	/* background-image:url(../img/guia.png); */
	position: absolute;
    top: 317px;
    left: 809px;
	border: 2px dashed white;
	border-radius: 22px;
	padding-top: 5px;
	padding-left: 7px;
}
#adrop2 {
	width: 33px;
	height: 33px;
	/* background-image:url(../img/guia.png); */
	position: absolute;
	top: 406px;
    left: 809px;
	border: 2px dashed white;
	border-radius: 22px;
	padding-top: 5px;
	padding-left: 7px;
}
#adrop3{
	width: 33px;
	height: 33px;
	/* background-image:url(../img/guia.png); */
	position: absolute;
	top: 498px;
    left: 809px;
	border: 2px dashed white;
	border-radius: 22px;
	padding-top: 5px;
	padding-left: 7px;
}
#adrop4{
	width: 33px;
	height: 33px;
	/* background-image:url(../img/guia.png); */
	position: absolute;
	top: 592px;
    left: 809px;
	border: 2px dashed white;
	border-radius: 22px;
	padding-top: 5px;
	padding-left: 7px;
}
#adrop5{
	width: 33px;
	height: 33px;
	/* background-image:url(../img/guia.png); */
	position: absolute;
	top: 684px;
    left: 809px;
	border: 2px dashed white;
	border-radius: 22px;
	padding-top: 5px;
	padding-left: 7px;
}

.animar {
	transition: all 1s ease;
	-webkit-transition: all 200ms ease;
}