#logo_container {
    float: left;
    box-sizing: border-box;
    width: 30%;
    padding: 30px 0 0 0;
    margin: 40px 35% 20px 35%;
    display: block;
    text-align: center;
}

#logo_container > img {
    
    width: 150px;
    height: 150px;
}

#login_container {
    float: left;
    box-sizing: border-box;
    width: 30%;
    padding: 30px;
    margin: 60px 35% 0px 35%;
    border: 5px solid #404040;
    border-radius: 10px;
}

#login_container > form {
    float: left;
    width: 100%;
    margin: 0;
}

#login_container > form > ul {
    float: left;
    width: 100%;
}

#login_container > form > ul > li {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

    #login_container > form > ul > li:last-child {
        margin: 0;
    }

#login_container > form > ul > li label {
    float: left;
    width: 100%;
    margin-bottom: 2px;
    font: normal normal 14px Arial, Tahoma, sans-serif;
    letter-spacing: 1px;
    color: var(--color-principal);
}

#login_container > form > ul > li input[type="text"],
#login_container > form > ul > li input[type="password"] {
    float: left;
    box-sizing: border-box;
    width: 100%;
    padding: 4px 10px;
    font: normal normal 14px Arial, Tahoma, sans-serif;
    letter-spacing: 1px;
    color: var(--color-principal);
    border: 1px solid #909090;
    border-radius: 2px;
}
    
    #login_container > form > ul > li.ref input[type="text"] {
        width: 100px;
    }
    
    #login_container > form > ul > li input[type="text"]:focus,
    #login_container > form > ul > li input[type="password"]:focus {
        box-shadow: 1px 1px 4px #909090;
    }
    
#login_container > form > ul > li input[type="submit"] {
    float: right;
    width: 60%;
    padding: 6px 30px;
    margin: 0 20%;
    font: normal normal 14px Arial, Tahoma, sans-serif;
    letter-spacing: 1px;
    background-color: #404040;
    color: #fff;
    border: 0;
    border-radius: 4px;
    cursor: pointer;
}

#login_container > form > ul > li > a {
    float: left;
    width: 54%;
    padding: 4px 3%;
    margin: 20px 20% 0 20%;
    font: normal normal 12px Arial, Tahoma, sans-serif;
    text-decoration: none;
    text-align: center;
    background-color: #eee;
    color: #404040;
    border-radius: 4px;
}