/* CSS Document */

.dropabsoluto {
	position: absolute;
	z-index: 1;
	background-size: contain;
	background-repeat: no-repeat;
}
.dd1 {
	top: 122px;
	left: 40px;
}
.dd2 {
	top: 194px;
	left: 40px;
}
.dd3 {
	top: 266px;
	left: 40px;
}
.dd4 {
	top: 166px;
	left: 1080px;
}
.dd5 {
	top: 215px;
	left: 384px;
	
}
.dd6 {
	top: 166px;
	left: 744px;
}
.pdd1 {
	top: 381px;
	left: 382px;
}
.pdd2 {
	top: 381px;
	left: 700px;
}
.pdd3 {
	top: 381px;
	left: 1018px;
}
.pdd4 {
	top: 535px;
	left: 352px;
}
.pdd5 {
	top: 535px;
	left: 672px;
}
.pdd6 {
	top: 535px;
	left: 1043px;
}
.imgfondo1 {
	position: absolute;
	z-index: 0;
}
.imgfondo1 img {
	position: absolute;
	top: -4px;
	left: -14px;
	width: 1349px;
	height: 640px;
}
.reiniciar {
	width: 60px;
	height: 60px;
	display: block;
	background: green;
	border-radius: 50%;
	color: #FFF;
	font-size: 2em;
	text-align: center;
	line-height: 60px;
	position: absolute;
	bottom: 70px;
	left: 1291px;
	box-shadow: inset 0 -3px 0 rgba(0,0,0,0.3);
	z-index: 100;
	user-select: none;
	-webkit-user-select: none;
}
.reiniciar:active {
	bottom: 67px;
}

.imgfondoprende{
	display:none;
	position: absolute;
	top: 110px;
	left: 6px;
	
	border-radius: 18px;
	width: 1350px;
	height: 640px;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 15;
}
.aviso{
	display: none;
	position: absolute;
	top: 168px;
	left: 860px;
	width: 352px;
	z-index: 17;
	-webkit-transition: all 300ms 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;
}
.map{
	position: absolute;
	top: 625px;
	left: 1146px;
	width: 34px;
	height: 32px;
	z-index: 18;
	background-color: transparent;
}


.mueve{
	animation-name: mueve;
	-webkit-animation-name: mueve;	

	animation-duration: 2.5s;	
	-webkit-animation-duration: 2.5s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@keyframes mueve {
	0% {
		transform: rotate(-4deg);	
	}
	50% {
		transform: rotate(4deg);
	}
	100% {
		transform: rotate(-4deg);	
	}						
}

@-webkit-keyframes mueve {
	0% {
		-webkit-transform: rotate(-4deg);	
	}
	50% {
		-webkit-transform: rotate(4deg);
	}
	100% {
		-webkit-transform: rotate(-4deg);	
	}				
}





