body {
    padding-top: 120px;
    padding-bottom: 40px;
    background-color: #ffffff;/*#f5f5f5*/
    }

.login-form {
    max-width: 250px;
    padding: 19px 29px 29px;
    margin: 0 auto 20px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
  
}
.login-form .login-form-heading,
.login-form .checkbox {
    margin-bottom: 10px;
}
.login-form input[type="text"],
.login-form input[type="password"] {
    font-size: 16px;
    height: auto;
    margin-bottom: 15px;
    padding: 7px 9px;
}



.mensaje {margin:0 auto 20px;width:250px;}
#logo {background-image: url('../imagenes/logologin.png');background-repeat:no-repeat;width:160px;height:80px;margin:auto;}


.gload-bar {
    position: relative;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    width: 310px;
    height: 3px;
    background-color: #fdba2c;
}
.gbar {
    content: "";
    display: inline;
    position: absolute;
    width: 0;
    height: 100%;
    left: 50%;
    text-align: center;
}
.gbar:nth-child(1) {
    background-color: #da4733;
    animation: loading 3s linear infinite;
}
.gbar:nth-child(2) {
    background-color: #3b78e7;
    animation: loading 3s linear 1s infinite;
}
.gbar:nth-child(3) {
    background-color: #fdba2c;
    animation: loading 3s linear 2s infinite;
}
@keyframes loading {
    from {left: 50%; width: 0;z-index:100;}
    33.3333% {left: 0; width: 100%;z-index: 10;}
    to {left: 0; width: 100%;}
}