:root {
  --scrollWidth: 0px;
}

#scrollMsg {
  position: fixed;
  background-color: #fa9;
  padding: 15px 20px;
  font-size: 20px;
  left: 100%;
  top: 5%;
  border-radius: 5px 0px 0px 5px;
  -webkit-box-shadow: 0px 0px 20px 5px black;
          box-shadow: 0px 0px 20px 5px black;
  white-space: nowrap;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

#scrollMsg.OK {
  background-color: #af9;
}

.scrollable {
  position: fixed;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  overflow-y: scroll;
  background-color: white;
}

.onScroll {
  position: fixed;
}

canvas {
  position: fixed;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  -webkit-transition: 1s;
  transition: 1s;
  z-index: 40;
}

canvas.mini {
  top: 10px;
  left: 10px;
  bottom: unset;
  right: unset;
  width: 10%;
  height: 10%;
}

body {
  overflow-x: hidden;
  height: 100%;
  width: 100%;
  position: absolute;
  background-color: #434142;
}

section {
  position: relative;
  overflow: hidden;
  height: 100%;
  width: 100%;
}

.tapaTrozo {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  z-index: 3;
}

.alFondo {
  z-index: -1 !important;
}

.anexo {
  position: fixed;
  font-size: 10px;
  font-family: Arial, Helvetica, sans-serif;
  text-shadow: none;
  background-color: white;
  opacity: 0.8;
  border: none;
  color: green;
  padding: 3px;
  z-index: 1001;
}

.estaFuera {
  display: none;
}

.widthAuto {
  width: auto !important;
}

#datos {
  border: solid 1px;
  bottom: 30%;
  left: 0px;
  text-align: right;
  padding: 3px;
}

#datos b {
  font-weight: bold;
  text-align: center;
  display: inline-block;
  width: 100%;
  background-color: yellow;
}

#entrar {
  position: fixed;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 50;
  background-color: #ffffffd0;
}

#entrar div {
  position: absolute;
  top: 80%;
  cursor: pointer;
  width: 100%;
  text-align: center;
  cursor: pointer;
}

#entrar div span {
  font-size: 5vmin;
  border: solid 1px #bbee00;
  padding: 20px 30px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 5px #bbee00;
          box-shadow: 0px 0px 5px #bbee00;
  background-color: white;
  cursor: pointer;
  line-height: 11vmin;
  display: inline-block;
}

section.tapa {
  top: 0px;
  width: 10%;
  z-index: 25;
  position: absolute;
}

section.tapa.izq {
  left: 0px;
}

section.tapa.tot {
  left: 0px;
  width: 100%;
  z-index: 20;
}

section.tapa.dch {
  right: 0px;
}
/*# sourceMappingURL=scroll.css.map */