.refresh{
  position:absolute;
  left:6%;
  top:0;
}

#help{
  position:absolute;
  left:-33%;
  top:0;
}

#btn_cerrar{
  position:absolute;
  width:3%;
  margin-top:4%;
  right:16%;
}

#btn_cerrar:hover{
  opacity:0.8;
  cursor:pointer;
}

.refresh{
  position:absolute;
  left:6%;
  top:0;
}

#help{
  position:absolute;
  left:-33%;
  top:0;
}

#instrucciones{
  width:100%;
  height:100%;
  position:absolute;
  z-index:1000;
}

#img_instrucciones{
  width:70%;
  margin-left:15%;
  margin-top:4%;
}



#btn_cerrar{
  position:absolute;
  width:3%;
  margin-top:4%;
  right:16%;
}

#btn_cerrar:hover{
  opacity:0.8;
  cursor:pointer;
}

.refresh{
  position:absolute !important;
  left:150%;
  top:0;
  border-radius:10px 10px 0 0;
}

#help{
  position:absolute !important;
  left:-90%;
  top:0;
  border-radius:10px 10px 0 0 !important;
}

#instrucciones{
  width:100%;
  height:100%;
}

#img_instrucciones{
  width:70%;
  margin-left:15%;
  margin-top:4%;
  z-index: 200;
}

#botonera div:hover{
  cursor:pointer !important;
}

circle{
  fill:#FFFFFF;
}

line, #rect_2{
  fill:none;
  stroke:#CCCCCC;
  stroke-width:9.77;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-miterlimit:10;
}

.tablero{
    width: 56.8%;
    height: 57%;
    position: absolute;
    top: 40%;
    left: 29.7%;
    z-index: 10;
    opacity: 1;
    /* background:rgba(255, 0, 0, 0.5); */
}

#tablero svg{
  width: 85%;
    position: absolute;
    z-index: 150;
    left: 132px;
    height: 100%;
}

#tablero2{
    width: 67%;
    height: 80%;
    position: absolute;
    top: 17%;
    left: 20%;
    z-index: 10;
    opacity: 1;
}

#tablero2 svg{
  width: 85%;
    position: absolute;
    z-index: 150;
    left: 132px;
    height: 100%;
}

.marcador{
  width:7%;
  position:absolute;
  z-index:5;
  top:40%;
  left: 21%;
}

.marcador:hover{
  cursor:pointer;
  transform:scale(1.05)
}

.marcador:active{
  transform:scale(0.95);
}

/*cursor:url(".././L_GGB/img/cursor.png") 0 52, auto;*/

line, rect, circle{
  cursor:url("../img/lapiz_cursor.png") 20 95, auto !important;
}

.draw_line{
  stroke: #F7931E !important;
}

/* New styles */

.svg{
  position: relative;
  top:0;
  left:0;
  pointer-events:none;
  z-index:10;
  
}