#guar, #impri{
  display: inline-block;
  cursor: pointer;
}

.acciones{
  position: absolute;
  left: 85.7%;
  top: 680px;
}

canvas{
  cursor: crosshair;
  position: absolute;
  z-index: 200;
  top: 188px;
  left: 41.2%;
  border: 2px solid #C29330;
}
.colores{
  position: absolute;
  top: 200px;
  left: 90%;
  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: 1;
}

#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; 
 }