/* 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;
	top: 107px;
	left: 10px;
}
.imgfondo1 img {
	position: absolute;
	top: 6px;
	left: 10px;
	width: 1325px;
	height: 637px;
}
.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);	
	}				
}



/* codigo de video en reemplazo de sg-video...etc */
.videobox {
	position: absolute;
	top: 166px;
	left: 10px;
	width: 100%;
	z-index: 100;
}
.videobox iframe {
	position: relative;
	top: 59px;
	left: 320px;
}
.cartel {
	position: absolute;
	cursor: pointer;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	text-align: center;
	min-width: 200px;
	max-width: 760px;
	z-index: 101;
}
.titcartel {
	color: rgb(255, 255, 255);
	font-size: 1em;
	padding: 10px;
	border-radius: 10px;
	box-shadow: rgb(0, 0, 0) 0px 0px 10px;
	background: rgb(19, 26, 45);
}
.titcartel h2 {
	padding: 7px 10px 11px;
	border-radius: 7px;
	border: 3px dashed rgb(243, 236, 130);
}
/* Finaliza codigo de video */
.titulo_01 {
	max-width: 1127px;
	font-size: 33px;
	color: #FFF;
	margin-top: 6px;
	background-color: #64B238;
	padding: 11px;
	border-radius: 3px 18px 16px 2px;
	cursor: pointer;
}




.imgfondo2 {
    position: absolute;  z-index: 0;  
    top: 158px;  
    left: 19px;
}

img.click {
    position: absolute;
    z-index: 10;
    top: 180px;
    width: 60px;
    left: 400px;
}

img.cerrar {
    position: absolute;
    right: -18px;
    top: 0;
}