@font-face {
  font-family: "hiragino-kaku-gothic";
  src: url("Heisei Kaku Gothic Std W5.otf");

}


body{
  height: 120px;
  color: #F6FAFA;
  font: normal normal normal 12px/16px "hiragino-kaku-gothic";
}

div.contGen{
  height: 130px;
  background-color: #00125B;
}

div.contenedorNotas{
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

div.nota{
  padding:5px 10px;
  border-right: 1px solid #FFFFFF;
  display: flex;

}


div.nota.fija1{
    visibility: hidden;
      text-transform: uppercase;
      display: none;

  }
  div.nota.fija2{
    visibility: visible;
      text-transform: uppercase;

  }

div#contenedorFechas{
    width:70%;
    transform:translateX(-50%);
    position: relative;
    left: 50%;
    min-width: 700px
  }


p{
  margin-bottom:0px;
  height: 100%;
}

p a {
  color:#fff;

}
p a:hover {
  color:#fff;
  
}

div.nota.ultima{
  border-right: none;
}

@media (max-width: 576px) {
  div.contenedorFlech{
    width: 60%; 
  }
  div.contenedorNotas{
    display: flex;
  }
  div.nota{
    border-right: none
  }
  div.nota.fija1{
    width:40%;
    border-right: 1px solid #FFFFFF;
    visibility:visible;
    display: block;
  }
  div.nota.fija2{
    visibility: hidden;
  }
  div#contenedorFechas{
    width:70%;
    left: 15%;
    transform:translateX(0%);
    position: relative;
        min-width: 100px

  }
}