@font-face {
    font-family: fuente;
    src: url(font/texgyreadventor-regular.otf);
}
.menu_page{
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;

}

.menu_page li{
    border-radius: 10px 10px 0 0 ;
    border-left: 4px solid #fff;
    border-top:  4px solid #fff;
    border-right:  4px solid #fff;
    margin-right: 5px;
    margin-top: 32px;
    position: relative;
    padding:  3px 3px 3px;
    height: 40px;
}
.menu_page li a{
    display: block;
    height:  auto;
    width: auto;
    padding: 5px 10px;
    color: #fff;
    text-decoration: none;
    background: transparent;
    z-index: 9999;
    height: 0;

}

.menu_page li:nth-child(1){background: #980808;}
.menu_page li:nth-child(2){background: #dd7100}
.menu_page li:nth-child(3){background: #c80000}
.menu_page li:nth-child(4){background: #019094}
.menu_page li:nth-child(5){background: #c3e25e}
.menu_page li:nth-child(6){background: #fe8ec6}


.menu_page li:nth-child(1):hover a{background:#fff; color: #980808;}
.menu_page li:nth-child(2):hover a{background:#fff; color: #dd7100}
.menu_page li:nth-child(3):hover a{background:#fff; color: #c80000}
.menu_page li:nth-child(4):hover a{background:#fff; color: #019094}
.menu_page li:nth-child(5):hover a{background:#fff; color: #c3e25e}
.menu_page li:nth-child(6):hover a{background:#fff; color: #fe8ec6}
.menu_page li:hover a{




    transition: 0.5s;
    height: 32px;
    border-radius: 5px 5px 0 0;

}
body{
    font-family: fuente;
}
.color{
    color: #1b4368;
    font-size: 57px;
}
.logo_login{
    width: 312px;
}
.fondo_login{
    background-image: url(../img/textura2.png);
}
.fondo{
    background-color: #1b4368;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.8);
    height: 72px;
}
.footer{
    background-color: #1b4368;
    min-height: 40px;
}
.olvidastes-t3 > input{
    background-color: #cc0000;
    border-radius: 3px;
    color: #fff;
    padding: 10px;
}
.boton{
   
    background-color: transparent !important;
    background-image: url("../img/rmbg.png");
    background-repeat: no-repeat;
    border: 0 none !important;
    color: #fff;
    height: 50px;
    text-decoration: none;
    font-size: 20px;
    width: 160px;
      font-family: "Bubblegum Sans",cursive;
}
.boton:hover{
    background-image: url(../img/rmbg-hover.png);
    color: #fff;
    text-decoration: none;
    background-repeat: no-repeat;
}
.fuente1{
    font-family: "Bubblegum Sans",cursive;
}