body{
  font-family: 'Open Sans', sans-serif;
}
.navbar{
  height:auto;margin-bottom:5vh;
  background-color: #064ca0!important;
}

.nav-item
{
  background: white;border-radius: 3px;
}



#logonavbar{
width:200px;
}
#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:10vh; margin-bottom:5vh;
}

#footer{
  padding-top:5vh;padding-bottom:5vh;
  margin-top: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;
}