.resplandorExterior
{
  animation-duration: 1s;
    animation-name: sombra;
  animation-iteration-count: infinite;
  -webkit-animation-duration: 1s;
  -webkit-animation-name: sombra;
  -webkit-animation-iteration-count: infinite;
  
  -moz-box-shadow: 0px 0px 30px #ffffff;
  -webkit-box-shadow: 0px 0px 30px #ffffff;
  box-shadow: 0px 0px 30px 13px #ffffff;
  padding: 0px 0px 0px 0px;
}

    @keyframes sombra{
      0% {box-shadow: 0px 0px 10px #ffffff}
      50% {box-shadow: 0px 0px 80px #ffffff}
      100% {box-shadow: 0px 0px 5px #ffffff}
    }
    @-moz-keyframes sombra{
      0% {box-shadow: 0px 0px 10px #ffffff}
      50% {box-shadow: 0px 0px 80px #ffffff}
      100% {box-shadow: 0px 0px 5px #ffffff}
    }
    @-webkit-keyframes sombra{
      0% {box-shadow: 0px 0px 10px #ffffff}
      50% {box-shadow: 0px 0px 80px #ffffff}
      100% {box-shadow: 0px 0px 5px #ffffff}
    }

#botonera {
  margin:auto;
  width:210px;
  position:absolute;
  bottom:25px;
  left:42%;
  z-index:300;  
}

#botonera:before{
	visibility:hidden;
}

#botonera div {
  margin:0 -2px;
  width:70px;
  height:60px;
  background: #eb7f26;
  position: relative;
  color:#FFF;
  font-size:3em;
  text-align:center;
  line-height:60px;
}


#botonera div:active {
  background: #89380f;
  transform:scaleY(0.8);
}

#botonera div:first-child {
  border-radius:10px 0 0 0;
  border-right:solid 2px #89380f;
}

.p_next {
  border-radius: 0 10px 0 0;
  border-left:solid 2px #89380f;
}

#botonera div:hover {
  background: #EE9348;
}

/* ========================================================= */

#botonerapeq {
  margin:auto;
  width:140px;
  position:absolute;
  bottom:25px;
  left:43.5%;
}

#botonerapeq div {
  margin:0 -2px;
  width:70px;
  height:60px;
  background: #eb7f26;
  position: relative;
  color:#FFF;
  font-size:3em;
  text-align:center;
  line-height:60px;
}

#botonerapeq:before {
  background-color:#89380f;
    content:"";
    position:absolute;
    width: 99.7%;
    height:20px;
    padding-left:2px;
    padding-right:2px;
    padding-bottom:4px;
    left:-2px;
    bottom:-4px;
	visibility:hidden;
}

#botonerapeq div:active {
  background: #89380f;
  transform:scaleY(0.8);
}

#botonerapeq div:first-child {
  border-radius:10px 0 0 0;
  border-right:solid 2px #89380f;
}

#botonerapeq div:last-child {
  border-radius: 0 10px 0 0;
  border-left:solid 2px #89380f;
}

#botonerapeq div:hover {
  background: #EE9348;
}

.p_prev.off {background-color:#b45a11 !important;}
.p_next.off {background-color:#b45a11 !important;}

.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:75%;
  height:80%;
  position:absolute;
  top:-1%;
  left:-9%;
  z-index:10;
  opacity:0.5;
}

#tablero svg{
  width:100%;
  position: absolute;
  z-index:150;
}

#panel_herramientas{
  width:35%;
  height:71%;
  position:absolute;
  z-index:125;
  right:4.6%;
  top:15.5%;
}

#transportador_02{
  width:60%;
  position:absolute,
}

#lapiz{
  position:absolute;
  width:35%;
  right:0%;
  top:7%;
}

#marcadores{
  position:absolute;
  width:100%;
  left:0;
  bottom:8%;
}

#marcador_azul{
  width:20%;
  position:absolute;
  left:0;
  top:50%;
}

#marcador_rojo{
  width:20%;
  position:absolute;
  left:20%;
  top:50%;
}

#marcador_verde{
  width:20%;
  position:absolute;
  left:40%;
  top:50%;
}

#marcador_amarillo{
  width:20%;
  position:absolute;
  left:60%;
  top:50%;
}

#panel_herramientas img:hover{
  cursor:pointer;
  opacity:0.8;
}

/*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;
}