body{
  font-family: 'Open Sans', sans-serif;
}
.navbar{
  height:auto;
  background-color: #FFF!important;
  padding:0;
}
#logoheader{
  width:100px;
  margin-bottom:-20px;
}

@media screen and (max-width: 700px) {
  #logoheader{
      width:60px;
    }
  }

.navbar h1{
  font-size: 1rem;
}
.nav-item
{
  background: white;border-radius: 3px;
}


#mascara{
  position:fixed;height:100%;width:100%;top:0;left:0;bottom:0;right:0;background-color:rgba(255,255,255,0.8);z-index:300;
  display:none;
}
#mascara img{
  position:fixed;
top:30%;left:45%;
}

.blink_me {
  animation: blinker 1s linear infinite;
}

.blink_3 {
  animation: blinker 1s linear 4 forwards;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}




#encabezamiento{
  padding-top:15vh;padding-bottom:10vh;
  margin-bottom:5vh;
  background-color:#e7ebd8;
}

.bono{
  position:relative;float:left;background-color:#ff0249;color:white;padding:5px;margin-right:10px;margin-top:5px;border-radius:5px;
  }

.bonousado{
    position:relative;float:left;background-color:#007f61;color:#FFF;padding:5px;margin-right:10px;margin-top:5px;border-radius:5px;
  }

.bonocaducado{
      position:relative;float:left;background-color:#CCC;color:#222;padding:5px;margin-right:10px;border-radius:5px;
    }

.bono a, .bonousado a{
    color:#FFF;text-decoration:none;
  }
.bonocaducado a{
  color:#222;text-decoration:none;
}

  .caja{
    margin-top:10px;border:1px solid #222;padding:5px;
  }
  .ticket{
    padding:5px;border:1px solid #222;
  }

#footer{
  padding-top:5vh;padding-bottom:5vh;
  margin-top:5vh;
}
#enlacesfooter{
  margin-top:5vh;margin-bottom: 5vh;
}
.logofooter{
  width:300px;height:auto;clear: both;
  padding-bottom:5vh;
}




#toTop {
    padding: 5px 3px;
    color: #CCC;
    position: fixed;
    bottom: 90px;
    right: 5px;
    display: none;
}
#toTop:hover{
  cursor:pointer;
}