*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
h3{
        font: bold 1.5em Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    letter-spacing: 1px;
    width: 100%;
    padding: 15px;
    background: #020049; /* #C4B42A  #C45F2B     #2980b9*/
    border-radius: 10px 10px 0px 0px;
    text-transform: uppercase;
}
h2{
    font: bold 1.2em Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    letter-spacing: 1px;
    width: 100%;
    padding: 0px 15px 10px;
    background: #020049;
}
h4{
    font: normal 0.9em Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    letter-spacing: 1px;
    width: 100%;
    padding: 0px 15px 10px;
    background: #020049;
}
h5{
    font: normal 0.9em Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    letter-spacing: 1px;
    width: 100%;
    padding: 10px 15px;
    background: #020049;
}

#contenedor_login{
    background: #5d6d7e;
    with: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
        font: bold 1em Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    color:#fff;
    text-align: center;

}
#contenedor_login #formingreso{
    background: #FFA455; /*white*/
    width: 400px;
    padding: 10px;
    border-radius: 15px;

}

#contenedor_login #formingreso img{
    width: 100px;
    height: 100px;
    display: block;
    margin: 15px auto;
}

#contenedor_login #formingreso input{
    width: 90%;
    padding: 5px;
    font-size: 16pt;
    display: block;
    margin: 25px auto;
    border-radius: 5px;
    border: 1px solid #85929;
    text-align: center;
}

#contenedor_login #formingreso input[type="submit"]{
    background: #5dade2;
    padding:10px;
    color: white;
    border:0;
    cursor: pointer;
    font-size: 20pt;
    font-style: bold;
}
#contenedor_login #formingreso input[type="submit"]:hover{
    color: #095C92;
    background: #1087DD;
}


#contenedor_login #formingreso .textboton{
    color: white;
    background: #020049;
    font: bold 1.5em Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    width: 70%;
    padding: 10px;
    /*font-size: 16pt;*/
    display: block;
    margin: 25px auto;
    border-radius: 5px;
    border: 1px solid #85929;
    text-align: center;
    cursor: pointer;
}

#contenedor_login #formingreso .textboton:hover{
    color: #C45F2B;
    background: #EBBCA3;
}


.alerta{
    color:red;
    font-size: 16px;
}

.parpadear {
  animation: blinker 1s linear infinite;
}

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

#formingreso{
    display: block;
}
#formcambioclave{
    display: none;
}


/*CONTENEDOR CAMBIO DE CLAVE*/

#contenedor_login #formcambioclave{
    background:#A0FBBB;
    width: 500px;
    padding: :8px;
    border-radius: 15px;

}

#contenedor_login #formcambioclave img{
    width: 120px;
    height: 120px;
    display: block;
    margin: 5px auto;
}

#contenedor_login #formcambioclave input{
    width: 80%;
    padding: 5px;
    font-size: 16pt;
    display: block;
    margin: 30px auto;
    border-radius: 8px;
    border: 1px solid #85929;
    text-align: center;
}

#contenedor_login #formcambioclave input[type="submit"]{
    background: #005C12;
    padding:10px;
    color: white;
    border:0;
    cursor: pointer;
    font-size: 20pt;
    font-style: bold;
}
#contenedor_login #formcambioclave input[type="submit"]:hover{
    color: #005C12;
    background: #00FB31;
}
#contenedor_login #formcambioclave h3{
        font: bold 1.5em Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    letter-spacing: 1px;
    width: 100%;
    padding: 15px;
    background: #005C12;
    border-radius: 10px 10px 0px 0px;
    /*text-transform: uppercase;*/
}
#formcambioclave h2{
    font: bold 1.2em Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    letter-spacing: 1px;
    width: 100%;
    padding: 0px 15px 10px;
    background: #005C12;
}
#formcambioclave h4{
    font: normal 0.9em Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    letter-spacing: 1px;
    width: 100%;
    padding: 0px 15px 10px;
    background: #005C12;
}

#contenedor_login #formcambioclave .textboton{
    color: white;
    background: #005C12;
    font: bold 1.5em Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    width: 70%;
    padding: 10px;
    /*font-size: 16pt;*/
    display: block;
    margin: 25px auto;
    border-radius: 5px;
    border: 1px solid #85929;
    text-align: center;
    cursor: pointer;
}

#contenedor_login #formcambioclave .textboton:hover{
    color: #005C12;
    background: #00FB31;
}

.modal_jc4{
    position: fixed;
    width: 100%;
    height: 100vh;
    background: rgba(0,0,0,0.81);
    display:none;
    z-index: 2;
    /*margin-top: 55px;*/
    padding-top: 60px;
    align-items: center;
    justify-content: center;
    
}
.mensaje_confirmacion{
    background: #F0F68B;
    border: 0px solid #0015FD;
    border-radius: 15px;
    width: 400px;
    height: 250px;
    position: absolute;
        top:40%;
        left: 40%;           
        margin-top: -100px;
        margin-left: -100px;
    padding: 5px;
    font: normal 0.9em Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    align-items: center;
    justify-content: center;
    text-align: center;
        
}
.mensaje_confirmacion h1{
    display: block;
    font: bold 1.7em Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    letter-spacing: 2px;
    width: auto;
    margin:0;
    padding: auto;
/*    background: #2980b9;*/
    border-radius: 20px 10px 0px 0px;
    /*text-transform: uppercase;*/
}
.mensaje_confirmacion p{
    display: block;
    font: bold 1.3em Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    letter-spacing: 5px;
    width: auto;
    margin:0;
    padding: 15px ;
/*    background: #2980b9;*/
    border-radius: 10px 10px 0px 0px;
    /*text-transform: uppercase;*/
}
.mensaje_confirmacion form img, .mensaje_error form img{
    justify-content: center;
    margin-top: 20px;
    width: 80px;
    
}
.mensaje_confirmacion form img:hover, .mensaje_error form img:hover {
    cursor:pointer;
  	transform:scale(1.1);
}

.mensaje_confirmacion form a{
    display: inline-block;
    background: #5dade2;
    margin: 15px;
    padding:10px;
    color: white;
    border:0;
    cursor: pointer;
    font-size: 15pt;
    font-style: bold;
    text-decoration: none;
    border-radius: 15px
}
.mensaje_confirmacion form a:hover{
    color: #095C92;
    background: #1087DD;
}