.otro:focus {
  border-bottom: 3px solid;
  /*background: #BAE498;*/
}
.otro:hover {
  border-bottom: 3px solid;
  /*background: #CDFEAA;*/
}
/*a:active {
  background: #265301;
  border-bottom: 1px solid;
  color: #CDFEAA;
}*/

.otro{
  color: #0D038B !important;
}

.boton:hover{
  background-color: #0D038B !important;
 }

.activo{
  background-color:   #F4F4F5;
  color: white;
  font-weight:bold;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 5px;
}

.infor{
  font-size: 40px;
  /*color:  #dc3545;
  opacity: .7;*/
  color: #818182;
}
.info{
  font-size: 20px;
}

.up{
  margin-top: 30px;
  padding: 40px;
  vertical-align: middle;

}

.info:hover{
  color: red;
}