body {
    font-family: Arial;
    font-size: 12px;
    background-color: #fff;
}

.menu-link, .menu-link:hover, .menu-link:visited {
    color: #fff;
    text-decoration:none;
    margin-right: 20px;
}

#loginbody {
    background-color: #41608f;
    min-height: 380px;
}

#loginleft {
    text-align:center;
}

.field-validation-error {
    color: #f00;
    background-color: #f2dede;
    border-color: #ebccd1;
    padding: 0px 5px;
    border-radius: 4px;
}

.input-validation-error {
    border-color: #f00;
}

@media(min-width: 767px) {
    #loginleft {
        height: 380px;
    }
    #loginlogo {
        position:relative;
        top: 40%;
    }
     #loginGVD {
        position:relative;
        top: 40%;
    }
}

@media(max-width: 767px) {
    #loginlogo {
        margin-top: 20px;
    }

    #loginGVD {
        margin-top: 20px;
    }
}

#loginGVD {
    /*background-image: url('images/logo_login_slogan.png');
    background-repeat: no-repeat;
    background-size: 300px 64px;
    -webkit-background-size: 300px 64px;
    -moz-background-size: 300px 64px;
    -o-background-size: 300px 64px;
    display: inline-block;
    width: 300px;
    height: 64px;
    vertical-align: middle;*/

    
    background-repeat: no-repeat;
    background-size: 100%;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    display: inline-block;
    width: 100%;
   
    vertical-align: middle;
}

#loginlogo {
    background-image: url('images/logo_login_slogan.png');
    background-repeat: no-repeat;
    background-size: 245px 93px;
    -webkit-background-size: 245px 93px;
    -moz-background-size: 245px 93px;
    -o-background-size: 245px 93px;
    display: inline-block;
    width: 245px;
    height: 93px;
    vertical-align: middle;
}

.logocsoftware {
    background-image: url('images/logo_login.png');
    background-repeat: no-repeat;
    background-size: 99px 34px;
    -webkit-background-size: 99px 34px;
    -moz-background-size: 99px 34px;
    -o-background-size: 99px 34px;
    display: inline-block;
    width: 99px;
    height: 34px;
    vertical-align: middle;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) {
    #loginlogo {
        background-image: url('images/2x/logo_login_slogan.png');
    }

    .logocsoftware {
        background-image: url('images/2x/logo_login.png');
    }
}

#loginmenu {
    text-align: right;
    padding-top: 40px;
}

#logindata {
    margin-top: 155px;
}

#logindata.lessmargintop {
    margin-top: 125px;
}

#logindata label {
    color: #fff;
    font-weight: normal;
}

#loginform .form-group label, #loginform .form-group div {
    text-align: left;
}

#logindatafooterlogo {
    text-align: center;
    margin-top: 20px;
}

.leftbutton {
    padding-left: 0px;
}

.loginsubmit, .loginsubmit:hover {
    color: #fff;
    font-size: 17px;
    margin-top: 3px;
}

.loginsubmit i {
    margin-top: 6px;
}

#loginsubmitxs {
    margin-top: 20px;
    margin-bottom: 20px;
    text-align:center;
}

@media (max-width: 767px) {
  body {
      background-color: #41608f;
  }

  #logindatafooterlogo {
      margin-bottom: 20px;
  }

  #logindata {
      margin-top: 40px;
  }
}

#loginerrordiv {
    padding-left: 20px;
    padding-right: 18px;
}

#loginerror {
    padding: 10px;
    margin: 0px;
}

#imgSubmit {
    margin-top: 7px;
}

.backgroundLogin {
    background-color: #474747;
    background-image: url(images/homensBM.jpg);
    /*background-position: right bottom, left top;*/
    /*background-repeat: no-repeat, repeat;*/
       background-repeat:no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    background-position:center;
    background-position:center;
}

.backgroundLoader {
    background-color: #474747;
    background-image: url(images/homensBM.jpg);
    /*background-position: right bottom, left top;*/
    /*background-repeat: no-repeat, repeat;*/
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
    background-position: center;
}

.backgroundSite {
    background-color: #474747;
    background-image: url(images/FundoSite.jpg);
    background-repeat:no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    background-position:center;
    background-position:center;
}

.backgroundQuadroLogin {
    background-color: #333333;
    border-radius: 7px;
}