.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;
}
.cerrar3{
	position:absolute;
	z-index: 310;
	top: 94px;
	right: 185px;
	cursor: pointer;
}
.cerrar4{
	position:absolute;
	z-index: 310;
	top: 94px;
	right: 185px;
	cursor: pointer;
}
.cerrar5{
	position:absolute;
	z-index: 310;
	top: 94px;
	right: 185px;
	cursor: pointer;
}
.cerrar6{
	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_03_01.png') no-repeat;
	width: 385px;
	height: 118px;
}
#boton1:hover{ opacity: 0.8;}
#boton1:active{
	background: url('../img/btn_03_03_01sobre.png') no-repeat;
	
}

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

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

#popup1{
	position:absolute; 
	top: 13.8% !important; 
	left: 1.5% !important;
	z-index: 300;
}
#popup2{
	position:absolute; 
	top: 13.8% !important; 
	left: 1.5% !important;
	z-index: 300;
}
#popup3{
	position:absolute; 
	top: 13.8% !important; 
	left: 1.5% !important;
	z-index: 300;
}
#popup4{
	position:absolute; 
	top: 13.8% !important; 
	left: 1.5% !important;
	z-index: 300;
}
#popup5{
	position:absolute; 
	top: 13.8% !important; 
	left: 1.5% !important;
	z-index: 300;
}
#popup6{
	position:absolute; 
	top: 13.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;
  height: 555px;*/
  border: 2px solid #C29330;
}
.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; 
 }
 
.clicimg1{
	position: absolute;
	top: 610px;
	left: 48%;
	cursor: pointer;
}

.imgatras{
	position: absolute;
	top: 18.3%;
	left: 16.85%;
}
.imgatras:hover{
	left: 16.5%;}

.imgadel{
	position: absolute;
	top: 18.3%;
	left: 76.6%;
}
.imgadel:hover{
	left: 76.9%;}

.biblio{
	position:absolute;
	width: 238px;
	height:222px;
	cursor: pointer;
	background: url('../img/03_03_biblio.png') no-repeat;
}

#libro1:hover{
	background: url('../img/03_03_biblio01sobre.png') no-repeat;
}
#libro2:hover{
	background: url('../img/03_03_biblio02sobre.png') no-repeat;
}
#libro3:hover{
	background: url('../img/03_03_biblio03sobre.png') no-repeat;
}
#libro4:hover{
	background: url('../img/03_03_biblio04sobre.png') no-repeat;
}
#libro5:hover{
	background: url('../img/03_03_biblio05sobre.png') no-repeat;
}
#libro6:hover{
	background: url('../img/03_03_biblio06sobre.png') no-repeat;
}
#libro7:hover{
	background: url('../img/03_03_biblio07sobre.png') no-repeat;
}
#libro8:hover{
	background: url('../img/03_03_biblio08sobre.png') no-repeat;
}
#libro9:hover{
	background: url('../img/03_03_biblio09sobre.png') no-repeat;
}
#libro10:hover{
	background: url('../img/03_03_biblio10sobre.png') no-repeat;
}

/*CC*/
	.ccommons{position: absolute;background:url('../img/btn_cc.png') no-repeat;background-size:contain;width: 52px;height: 50px;bottom:28px;right:25px;cursor:pointer; z-index: 100;}
	.ccommons:hover{ opacity: 0.9}
	.ccommons:active{background:url('../img/btn_ccoff.png') no-repeat;background-size:contain;width: 52px;height: 50px;bottom:25px;}
	.lyPopUpccommons{position:absolute;left:361px;top:50%;background:#fff; border: solid 6px #042C49; border-radius:10px;  }
	.lyCloseccommons{position:absolute;right:-30px;top:-35px; background:none; padding: 5px; border-radius: 7px;}
	.lyPopContccommons{min-height:200px; overflow:scroll;max-height:400px; width:1000px;background:#709CB2;color:#fff;}
	.lyPopContccommons .ly_headccommons{padding:25px 0 20px 50px;background:#45b29d;color:#fff;min-height:35px;}
	.lyPopContccommons .ly_contccommons{font-size:1.2em;padding:30px 0;text-align: justify; margin: 5px 20px; overflow-y:hidden; !important;}
	/**********/
	
.nino1{
	position:absolute; 
	top: 260px;
	left: 90px;
	opacity: 0;	
}

.nino2{
	position:absolute; 
	top: 210px;
	right: 90px;
	opacity: 0;	
}

.nino3{
	position:absolute; 
	top: 211px;
	right: 78px;
	opacity: 0;	
}

.nino4{
	position:absolute; 
	top: 200px;
	right: 77px;
	opacity: 0;	
}

.verificar{
	position: absolute;
	bottom: -10px;
	right: 113px;
	width:195px;
	height: 100px;
	cursor: pointer;
	background: url('../img/verificar.png') no-repeat;
}

.verificar:hover{
	opacity: 0.85;
}
.verificar:active{
	background: url('../img/verificarsobre.png') no-repeat;
}

input[type=checkbox] {
	width: 50px;
	height: 50px;
}

.a1 {
	position: absolute;
	top: 275px;
	right: 222px;
}
.a2 {
	position: absolute;
	top: 275px;
	right: 148px;
}
.b1 {
	position: absolute;
	top: 341px;
	right: 222px;
}
.b2 {
	position: absolute;
	top: 341px;
	right: 148px;
}
.c1 {
	position: absolute;
	top:407px;
	right: 222px;
}
.c2 {
	position: absolute;
	top: 407px;
	right: 148px;
}
.d1 {
	position: absolute;
	top:474px;
	right: 222px;
}
.d2 {
	position: absolute;
	top: 474px;
	right: 148px;
}
.e1 {
	position: absolute;
	top:540px;
	right: 222px;
}
.e2 {
	position: absolute;
	top: 540px;
	right: 148px;
}
.f1 {
	position: absolute;
	top:606px;
	right: 222px;
}
.f2 {
	position: absolute;
	top: 606px;
	right: 148px;
}

.ala div:last-child{
		border-radius: 10px 10px 0 0 !important;
}
	
.ala:before{
		  width: 50% !important;
}