.cerrar{
	position:absolute;
	z-index: 310;
	top: 94px;
	right: 185px;
	cursor: pointer;
}
.cerrar2{
	position:absolute;
	z-index: 310;
	top: 94px;
	right: 185px;
	cursor: pointer;
}
.cerrar3{
	position:absolute;
	z-index: 310;
	top: 94px;
	right: 185px;
	cursor: pointer;
}

#cerrar1{
	position:absolute;
	z-index: 310;
	top: 94px;
	right: 185px;
	cursor: pointer;
}

.ubica{
	z-index: 100;
	cursor: pointer;
}

#boton1{
	position: absolute;
	top: 200px;
	left: 150px;
	background: url('../img/btn_03_02_01.png') no-repeat;
	width: 385px;
	height: 118px;
}
#boton1:hover{ opacity: 0.8;}
#boton1:active{
	background: url('../img/btn_03_02_01sobre.png') no-repeat;
	
}

#boton2{
	position: absolute;	
	top: 430px;
	right: 490px;
	background: url('../img/btn_03_02_02.png') no-repeat;
	width: 384px;
	height: 118px;
}
#boton2:hover{ opacity: 0.8;}
#boton2:active{
	background: url('../img/btn_03_02_02sobre.png') no-repeat;
	
}

#boton3{
	position: absolute;
	top: 200px;
	right: 150px;
	background: url('../img/btn_03_02_03.png') no-repeat;
	width: 384px;
	height: 118px;
}
#boton3:hover{ opacity: 0.8;}
#boton3:active{
	background: url('../img/btn_03_02_03sobre.png') no-repeat;
	
}

#popup1{
	position:absolute; 
	top: 14.8% !important; 
	left: 1.5% !important;
	z-index: 300;
}
#popup2{
	position:absolute; 
	top: 14.3% !important; 
	left: 1.5% !important;
	z-index: 300;
}
#popup3{
	position:absolute; 
	top: 14.8% !important; 
	left: 1.5% !important;
	z-index: 300;
}

.elem{
	top: 200px;
}

#drag1 {
	position:absolute;
	top: 250px;
	left:574px;
	width: 205px;
	height: 50px;
	background:url(../img/_03_02_imagen1.png) no-repeat;
	box-shadow: 0 0 10px #000000;
	border-radius: 15px;
	cursor: pointer;
}
#drag2 {
	position:absolute;
	top: 430px;
	left: 574px;
	width: 205px;
	height: 50px;
	background:url(../img/_03_02_imagen2.png) no-repeat;
	box-shadow: 0 0 10px #000000;
	border-radius: 15px;
	cursor: pointer;
}
#drag3 {
	position:absolute;
	top: 610px;
	left: 574px;
	width: 205px;
	height: 50px;
	background:url(../img/_03_02_imagen3.png) no-repeat;
	box-shadow: 0 0 10px #000000;
	border-radius: 15px;
	cursor: pointer;
}
#drag4 {
	position:absolute;
	top: 550px;
	left: 574px;
	width: 205px;
	height: 50px;
	background:url(../img/_03_02_imagen4.png) no-repeat;
	box-shadow: 0 0 10px #000000;
	border-radius: 15px;
	cursor: pointer;
}
#drag5 {
	position:absolute;
	top: 310px;;
	left: 574px;
	width:205px;
	height:50px;
	background:url(../img/_03_02_imagen5.png) no-repeat;
	box-shadow: 0 0 10px #000000;
	border-radius: 15px;
	cursor: pointer;
}
#drag6 {
	position:absolute;
	top: 490px;
	left: 574px;
	width:205px;
	height:50px;
	background:url(../img/_03_02_imagen6.png) no-repeat;
	box-shadow: 0 0 10px #000000;
	border-radius: 15px;
	cursor: pointer;
}
#drag7 {
	position:absolute;
	top: 370px;
	left: 574px;
	width:205px;
	height:50px;
	background:url(../img/_03_02_imagen7.png) no-repeat;
	box-shadow: 0 0 10px #000000;
	border-radius: 15px;
	cursor: pointer;
}
#drag8 {
	position:absolute;
	top: 190px;
	left: 574px;
	width:205px;
	height:50px;
	background:url(../img/_03_02_imagen8.png) no-repeat;
	box-shadow: 0 0 10px #000000;
	border-radius: 15px;
	cursor: pointer;
}
/**********************************************************************/

canvas{
  cursor: crosshair;
  position: absolute;
  top: 15%;
  left: 10%;
  width: 1205px !important;
  height: 555px !important;
  background-color:transparent !important;
}

.colores{
  position: absolute;
  top: 200px;
  left: 4%;
  width: 30px;
  display: block;
  min-height: 50px;
}
.color{
  cursor: pointer;
  width: 40px;
  height: 40px;
  display: block;
  border-radius: 50%;
  font-size:1.5em;
  text-align: center;
  line-height:40px;
  color:#FFF;
}
.color:hover{
  opacity: 0.8;
}

#cual1{
  background-color: #673e84; 
}
#cual2{
  background-color: #929ae2;  
 }
#cual3{
  background-color: #41b22f; 
 }
#cual4{
  background-color: #e1610a;
 }

#cual5{
   background-color: red; 
 }

 #cual6{
   background-color: #cc838a;
 }

 #cual7{
   background-color: #434fc5; 
 }
 #cual8{
   background-color: black; 
 }