body{
  font-family: 'Open Sans', sans-serif;
}
.navbar{
  height:auto;margin-bottom:5vh;
  background-color: #FFF!important;border-bottom:1px solid #2D4571;
}
#logonavbar{
  height:50px;
}
#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 3 forwards;
}

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





#encabezamiento{
  margin-top:5vh; margin-bottom:5vh;
}

.cuadrobloqueo{
  padding:5px;border:1px solid #222; border-radius: 2px;
  position:relative;float:left;
  margin:3px;
}

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

.llamativo{
  background-color:#f8ef00;
  padding:5px;
  border:2px solid red;
}

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