/*© Sociedad Española de Sistemas de Pago, S.A. (Iberpay).Reservados todos los derechos.*/
/*
    login.css

    WEB DE INFORMACIÓN DE IBERPAY

    Estilos que afectan a las páginas de login específicas de este site
*/

.parrafoGestionUsuarios {
    color: #00b0f0;
    font-size: 13px;
    padding: 1% 2% 1% 2%;
    text-align: justify;
    height: 39px;
}

.form_hint_valido {
    display: none;
}

.form_hint_novalido {
    display: inline;
}

.form_hint {
    font-family: Arial;
    font-size: 12px;
    background: #F2F2F2;
    color: #17375E;
    margin-left: 8px;
    padding: 1px 6px;
    z-index: 999;
    position: absolute;
    border-style: solid;
    border-color: #799BD2;
    border-width: 1px;
}

    .form_hint::before {
        content: "\25C0";
        color: #799BD2;
        position: absolute;
        top: 1px;
        left: -10px;
    }

.lblConfirmacion {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #008000;
    margin-bottom: 3px;
    margin-top: 3px;
}

.lblAclaracion {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 10px;
    color: #464647;
    margin-bottom: 3px;
    margin-top: 3px;
}

.divMensaje {
    width: 260px;
    height: 60px;
    background-color: #FFF;
    padding: 20px;
    text-align: center;
}

.modalBackgroundSite10 {
    background-color: black;
    filter: alpha(opacity=80);
    opacity: 1;
}

.modalPopup {
    background-color: #FFFFFF;
    border-width: 1px;
    border-style: groove;
    border-color: black;
    padding-bottom: 11px;
    width: 350px;
    height: 280px;
}

.modalPopupSite10 {
    background-color: #FFFFFF;
    border-width: 1px;
    border-style: groove;
    border-color: black;
    padding-bottom: 11px;
    width: 450px;
    height: 200px;
}

/**************** Inicio Estilos Login ****************/

#LoginView1_ucIniciarSesion_lnkCancel, #lnkCancel {
    font-family: Arial;
    font-weight: bold;
    font-size: 0.814em;
    text-decoration: none;
}

#cphContenido_LoginView1_ucIniciarSesion_lnkCancel {
    font-family: Arial;
    font-weight: bold;
    font-size: 0.814em;
    text-decoration: none;
}

#cphContenido_LoginView1_ucIniciarSesion_Login1_CreateUserLink {
    font-family: Arial;
    font-size: 0.814em;
    color: #1E398E;
    font-weight: normal;
    text-align: left;
    line-height: 20px;
    vertical-align: middle;
    text-decoration: none;
    margin: 15px 35px;
}

#LoginView1_ucIniciarSesion_Login1_CreateUserLink {
    font-family: Arial;
    font-size: 0.814em;
    color: #1E398E;
    font-weight: normal;
    text-align: left;
    line-height: 20px;
    vertical-align: middle;
    text-decoration: none;
    margin: 15px 35px;
}

#cphContenido_LoginView1_ucIniciarSesion_Login1_PasswordRecoveryLink {
    font-family: Arial;
    font-size: 0.814em;
    color: #1E398E;
    font-weight: normal;
    text-align: left;
    line-height: 20px;
    vertical-align: middle;
    text-decoration: none;
    margin: 15px 35px;
}

#LoginView1_ucIniciarSesion_Login1_PasswordRecoveryLink {
    font-family: Arial;
    font-size: 0.814em;
    color: #1E398E;
    font-weight: normal;
    text-align: left;
    line-height: 20px;
    vertical-align: middle;
    text-decoration: none;
    margin: 15px 35px;
}

#LoginView1_LoginName {
    color: white;
    text-decoration: none;
}

#LoginView1_LinkEditUser {
    color: white;
    margin: 2px;
    text-decoration: none;
}

#LoginView1_LinkEditUserCorto {
    color: white;
    margin: 2px;
    text-decoration: none;
}

#LoginView1_LoginStatus1 {
    color: white;
}

#cphContenido_LoginView1_ucIniciarSesion_Login1_RememberMe {
    margin-left: 35px;
}

#LoginView1_ucIniciarSesion_Login1_RememberMe {
    margin-left: 35px;
}

#cphContenido_LoginView1_ucIniciarSesion_Login1_LoginButton {
    margin-right: 1px;
}

#LoginView1_ucIniciarSesion_Login1_LoginButton {
    margin-left: 31px;
}

#LoginView1_ucIniciarSesion_lnkLogin {
    font-size: 0.814em;
    color: white;
}

#cphContenido_LoginView1_ucIniciarSesion_lnkLogin {
    color: white;
}

.lnkLogin {
    font-family: Arial;
    font-size: 14px;
    color: #006699;
    font-weight: normal;
    text-decoration: none;
}

.divErrNivel {
    padding: 50px 15px 50px 15px;
}

.btnLogin {
    font-family: Arial;
    font-size: 13px;
    text-align: left;
    width: 130px;
    background-color: #00B0F0;
    margin-right: 167px;
    color: white;
    margin-top: 11px;
    margin-bottom: 11px;
    border-style: solid;
    border-color: #00B0F0;
    border-width: 2px;
}

.btnLoginSite10 {
    font-family: Arial;
    font-size: 13px;
    text-align: left;
    width: 130px;
    background-color: black;
    margin-right: 167px;
    color: white;
    margin-top: 11px;
    margin-bottom: 11px;
    border-style: solid;
    border-color: black;
    border-width: 2px;
}

.login {
    font-family: Arial;
    color: #BFBFBF;
    font-weight: normal;
    text-align: left;
}

#login {
    float: left;
}

.chkLogin {
    border-color: #BFBFBF;
    font-size: 13px;
}

.chkLoginSite10 {
    display: none;
}

.txtLoginHome {
    font-family: Arial;
    background: url(../../Imagenes/fondo.png);
    font-size: 13px;
    width: 263px;
    height: 28px;
    border-style: solid;
    border-width: 1px;
    text-align: left;
    margin: 11px 31px;
    color: #BFBFBF;
    border-color: #BFBFBF;
}

    /* Solo para el micro site 10º aniversario */
    .txtLoginHome[value="usuario10"] {
        display: none;
    }

.labelUsuario10 {
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    text-align: left;
    padding: 20px 40px 20px 40px;
}

.txtLoginHomePass {
    font-family: Arial;
    background: url(../../Imagenes/fondoPwda.png);
    font-size: 0.814em;
    width: 263px;
    height: 28px;
    text-align: left;
    margin: 11px 31px;
    color: #BFBFBF;
    border-style: solid;
    border-width: 1px;
    border-color: #BFBFBF;
}

.divLoginCabecera {
    float: left;
    padding: 8px 2px 2px 8px;
    font-size: 16px;
}

.closePopupLogin {
    background-color: #00b0f0;
    color: white;
    padding: 3px;
    text-align: right;
}

.closePopupLoginSite10 {
    background-color: black;
    color: white;
    padding: 3px;
    text-align: right;
    display: none;
}

.iconoClosePopup {
    padding: 5px;
    text-align: right;
}

@media all and (min-width:450px) and (max-width:499px) {

    #login {
        clear: both;
    }
}

@media all and (max-width:365px) {

    .iconoClosePopup {
        padding-right: 45px;
    }
}