/* CSS Document */

/* codigo de video en reemplazo de sg-video...etc */
.reiniciar{
	position: absolute;
	bottom:  28px;
	right: 40px;
	cursor:pointer;
}
.reiniciar:active{
	bottom:  23px;
}
.videobox {
	position: absolute;
	top: 100px;
	left: 10px;
	width: 100%;
	z-index: 100;
}
.videobox iframe {
	position: relative;
	top: 22px;
	left: 231px;
}
.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 */
.cerrar {
	position: absolute;
	top: -10px;
	right: -20px;
}



#drag1 {
	background-image: url(../img/0.png);
	height: 73px;
	width: 74px;
	background-position: center center;
	margin-left: 12px;
	position: absolute;
	top: 152px;
	left: 22px;
	z-index: 6;
}
#drag2 {
	background-image: url(../img/1.png);
	height: 73px;
  width: 74px;
	background-position: center center;
	margin-left: 12px;
	margin-top: 5px;
	position: absolute;    
	top: 232px;    left: 22px;
	z-index: 6;
}
#drag3 {
	background-image: url(../img/2.png);
	height: 73px;
  width: 74px;
	background-position: center center;
	margin-left: 12px;
	margin-top: 5px;
	position: absolute;    
	top: 314px;    left: 22px;
	z-index: 6;
}
#drag4 {
	background-image: url(../img/3.png);
	height: 73px;
  width: 74px;
	background-position: center center;
	margin-left: 12px;
	margin-top: 5px;
	position: absolute;    
	top: 395px;    left: 22px;
	z-index: 6;
}
#drag5 {
	background-image: url(../img/4.png);
	height: 73px;
  width: 74px;
	background-position: center center;
	margin-left: 12px;
	margin-top: 5px;
	position: absolute;    
	top: 480px;    left: 22px;
	z-index: 6;
}
#drag6 {
	background-image: url(../img/5.png);
	height: 73px;
	  width: 74px;
	background-position: center center;
	margin-left: 12px;
	margin-top: 5px;
	position: absolute;    
	top: 561px;    left: 22px;
	z-index: 6;
}


div#drop1 {
    position: absolute;

    height: 73px;
	  width: 74px;
    z-index: 1;
    top: 126px;
    left: 1013px;
}

div#drop2 {
    position: absolute;    
height: 73px;
	  width: 74px;   
    z-index: 2;
    top: 603px;
    left: 380px;
}

div#drop3 {
    position: absolute;    
height: 73px;
	  width: 74px;   
    z-index: 3;    
    top: 485px;    
    left: 887px;
}

div#drop4 {
    position: absolute;    
height: 73px;
	  width: 74px;   
    z-index: 4;    
    top: 252px;    
    left: 393px;
}
div#drop5 {
    position: absolute;    
  
height: 73px;
	  width: 74px;   
    z-index: 4;    
    top: 467px;    
    left: 278px;
}
div#drop6 {
    position: absolute;    
  
height: 73px;
	  width: 74px;    
    z-index: 4;    
    top: 584px;    
    left: 803px;
}