body {
    background: rgb(255,255,255);
    font-family: Lato, Verdana,Tahoma,Times;
    font-size: 16px;
    color: rgb(50,75,50);
    margin: 0px;
}

#login {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0px;
    top: -8px;
    left: -8px;
}

#loginTop {
    position: relative;
    width: 100%;
    height: 550px;
    margin: 0px;
    top: 0px;
    background-image: url("../img/background_login.png");
    background-size: cover;
}

#loginLine {
    height: 12px;
    background: url("../img/menu_bg.png");
    top: 0px;
    width: 100%;
}

#loginBottom {
    position: relative;
    background-color: rgb(255, 255, 255);
    text-align: center;
    padding: 10px;
}

#loginBox {
    position: relative;
    width: 300px;
    height: 340px;
    margin: auto;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    background-color: rgba(42, 34, 25, 0.7);
    padding: 20px;
    top: 20px;
}

.login {
    font-family: "LatoLight";
    font-size: 100%;
    color: rgb(59, 59, 59);
    line-height: 1.2;
    border-style: none;
    width: 230px;
}

.login td {
    font-family: "LatoLight";
    color: rgb(255, 255, 255);
    font-size: 16px;
}

.btLogin {
    font-family: "Lato";
    font-size: 110%;
    text-align: center;
    color: rgb(255,255,255);
    background-color: #989d59;
    border-style: none;
    width: 230px;
    height: 44px;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

    .btLogin:hover {
        background-color: #8a8f4c;
    }

    .btLogin:active {
        color: rgb(245,245,245);
        background-color: #6a6d40;
    }

.loginText {
    font-family: "Lato";
    color: rgb(56, 68, 30);
    font-size: 100%;
    line-height: 1.2;
    text-align: left;
    border-color: rgb(48, 60, 23);
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    background-color: rgb(192, 199, 184);
    width: 260px!important;
    height: 35px;
    margin-left: 10px;
}

.loginTxt {
    font-family: "Lato";
    font-size: 100%;
    color: rgb(157, 157, 157);
    line-height: 1.385;
}

span.login_lisa {
    font-size: 100%;
    font-family: "Lato";
    color: rgb(43, 43, 43);
    line-height: 3;
    text-align: center;
}

a.login_lisa {
    font-size: 100%;
    font-family: "LatoBold";
    text-decoration: none;
    color: rgb(98, 109, 77);
    line-height: 3;
}

img.logo {
    padding-bottom: 15px;
    border: 0px solid #000000;
}

a.login {
    font-family: "LatoBold";
    font-size: 100%;
    color: rgb(123, 149, 77);
    line-height: 1.4;
    text-decoration: none;
    cursor: pointer;
}

@media screen and (max-width: 500px) {
    .loginTxt{
        font-size: 90%!important;
    }
    span.login_lisa{
        font-size: 90%!important;
    }
}