/*Seccion del login formulario*/
#LoginFormulario
{
    justify-content: center;
    text-align: center;
    margin-top: 10%;
    margin-bottom: 10%;
}
/* Parrafos que estan dentro del div login*/
.login p
{
    margin: 15px;

}
/* DIV donde esta en el login*/
.login
{
    width: 80%;
    margin: 0 auto;
    justify-content: center;
    display: block;
}
/* Label que estan en los parrafos del login ej. Nombre Usuario. Contraseña, etc.*/
label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-size: 20px;
}

/* Barra Textbox donde se ingresan los datos*/
form input {
    width: 100%;
    height: 30px;
}

/* Boton iniciar sesion */
.btnlogin
{
    text-decoration: none;
    padding: 10px;
    margin: 50px;
    font-weight: 600;
    font-size: 20px;
    color: #ffffff;
    background-color: #2B4F6D;
    border-radius: 6px;
    border: 2px solid #335152;
}
/* Boton iniciar sesion, cuando se pasa el puntero del mouse */
.btnlogin:hover
{
    color: #1883ba;
    background-color: #ffffff;
}


/* RESPONSIVE - RESPONSIVE - RESPONSIVE - RESPONSIVE - */
/*Minimo 720px*/
@media (min-width:720px)
{
    /* DIV donde esta en el login*/
    .login
    {
        width: 60%;
    }
    
    /*Seccion del login formulario*/
    #LoginFormulario
    {
        margin-top: 5%;
        margin-bottom: 5%;
    }
}

/* RESPONSIVE - RESPONSIVE - RESPONSIVE - RESPONSIVE - */
/*Minimo 1024px*/
@media (min-width:1024px)
{
    /* DIV donde esta en el login*/
    .login
    {
        width: 75%;
    }
    
    /*Seccion del login formulario*/
    #LoginFormulario
    {
        margin-top: 2%;
        margin-bottom: 2%;
    }
}