.fondo-login {
    background: url("../imagenes/fondo_login.png");
    background-size: 100vw 56.25vw;
    height: 100%;
    width: 100%;
    position: fixed;
}

.align-login {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 322px;
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.logo-login {
    margin-bottom: 110px;
    margin-left: -78px;
}

.input-login {
    width: 322px;
    height: 48px;
    border: transparent;
    padding-left: 60px;
    border: none;
    color: #ffffff;
}

.input-empresa {
    background: url("../imagenes/btn_login_empresa.png") no-repeat;
    border: none;
    outline: none;
    box-shadow: none;
}

.input-empresa:focus {
    background: url("../imagenes/btn_login_empresa_press.png") no-repeat;
    border: none;
}

.input-usuario {
    background: url("../imagenes/btn_login_usuario.png") no-repeat;
    border: none;
    outline: none;
    box-shadow: none;
}

.input-login::placeholder {
    color: #ffffff;
    opacity: 1;
}

.input-login::-webkit-input-placeholder {
    color: #ffffff;
    opacity: 1;
}

.input-usuario:focus {
    background: url("../imagenes/btn_login_usuario_press.png") no-repeat;
    border: none;
}

.input-password {
    background: url("../imagenes/btn_login_pass.png") no-repeat;
    border: none;
    outline: none;
    box-shadow: none;
}

.input-password:focus {
    background: url("../imagenes/btn_login_pass_press.png") no-repeat;
    border: none;
}

.input-login:focus::placeholder {
    color: #ffffff !important;
    border: none;
}

.boton-login {
    background: url("../imagenes/btn_login_ingresar.png") no-repeat !important;
    width: 320px !important;
    height: 46px !important;
}

.boton-login:focus {
    background: url("../imagenes/btn_login_ingresar_press.png") no-repeat !important;
    border: none !important;
}

.boton-recuperar-clave {
    border: transparent;
    background-color: transparent;
    color: #ffffff;
}