/*------------------------------------------------------GENERICO-------------------------------------------------*/
@import url(https://fonts.googleapis.com/css?family=Nothing+You+Could+Do);
@import url("errores_der.css"); /*ACL*/
@import url("prehome_compensaflex.css");
/*@import url("colores_responsive.css");*/ /*COLORES Y TIPOGRAFIA*/
@import url("prehome_cun.css") (min-device-width: 768px);
@import url("colores_responsive_cun.css.css");

@import url('https://fonts.googleapis.com/css?family=PT+Sans+Caption:400,700');

@font-face {
    font-family: 'Font Awesome 5 Light';
    font-style: normal;
    font-weight: normal;
    src: url('../webfonts/fa-light-300.eot');
    src: url('../webfonts/fa-light-300.eot?#iefix') format('embedded-opentype'), url('../webfonts/fa-light-300.woff2') format('woff2'), url('../webfonts/fa-light-300.woff') format('woff'), url('../webfonts/fa-light-300.ttf') format('truetype'), url('../webfonts/fa-light-300.svg#fontawesome') format('svg');
}

@font-face {
    font-family: 'Font Awesome 5 Brands';
    font-style: normal;
    font-weight: normal;
    src: url('../webfonts/fa-brands-400.eot');
    src: url('../webfonts/fa-brands-400.eot?#iefix') format('embedded-opentype'), url('../webfonts/fa-brands-400.woff2') format('woff2'), url('../webfonts/fa-brands-400.woff') format('woff'), url('../webfonts/fa-brands-400.ttf') format('truetype'), url('../webfonts/fa-brands-400.svg#fontawesome') format('svg');
}

@font-face {
    font-family: 'Font Awesome 5 Regular';
    font-style: normal;
    font-weight: normal;
    src: url('../webfonts/fa-regular-400.eot');
    src: url('../webfonts/fa-regular-400.eot?#iefix') format('embedded-opentype'), url('../webfonts/fa-regular-400.woff2') format('woff2'), url('../webfonts/fa-regular-400.woff') format('woff'), url('../webfonts/fa-regular-400.ttf') format('truetype'), url('../webfonts/fa-regular-400.svg#fontawesome') format('svg');
}

@font-face {
    font-family: 'Font Awesome 5 Solid';
    font-style: normal;
    font-weight: normal;
    src: url('../webfonts/fa-solid-900.eot');
    src: url('../webfonts/fa-solid-900.eot?#iefix') format('embedded-opentype'), url('../webfonts/fa-solid-900.woff2') format('woff2'), url('../webfonts/fa-solid-900.woff') format('woff'), url('../webfonts/fa-solid-900.ttf') format('truetype'), url('../webfonts/fa-solid-900.svg#fontawesome') format('svg');
}

.msgcookieBase {
    display: none!important;
}

/*CAPTCHA*/

div.g-recaptcha.login-recaptcha {
    background-color: transparent !important;
    -webkit-transform: scale(2.2);
    -moz-transform: scale(2.2);
    -ms-transform: scale(2.2);
    -o-transform: scale(2.2);
    transform: scale(2.2);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    left: 14% !important;
    position: relative !important;
    margin-top: 993px !important;
    margin-left: 92px !important;
}

div.g-recaptcha.registro-recaptcha {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 43%;
}

body div > div > iframe[title="Reto recaptcha"] {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    background-color: #fff;
    width: 100% !important;
    position: absolute;
    /*top: calc(50% - 870px);
    right: 109px;*/
}


div#screen {
  background: none;
  position: fixed;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  height: 100%;
  width: 100% !important;
  max-width: 100% !important;
  background: url(../../img/266266/login-movil.png) no-repeat center center fixed !important;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=".https://www.micompensacion.com/img/9010/fondo2.jpg', sizingMethod='scale") !important;
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.https://www.micompensacion.com/img/9010/fondo2.jpg')" !important;
  border: none !important;
}

#ctl00_Login1_UserName,
#ctl00_Login1_Password,
#ctl00_ContentBody_txt_nif,
#ctl00_ContentBody_txt_email,
#ctl00_ContentBody_txt_new_pwd,
#ctl00_ContentBody_txt_new_pwd_repeat {
    background-color: transparent;
    border-radius: 0px !important;
    border: 0px solid #fff !important;
    border-bottom: 1px solid #000 !important;
    padding-left: 5px;
    color: #000;
}

tr.AyudaContacto {
    background-color: transparent !important;
    background-image: none;
    border: none;
    font-weight: normal;
}

span#ctl00_ContentBody_lbl_ayuda_contacto {
    text-shadow: none !important;
    color: #fff;
    font-weight: normal;
}

/* #region mobile hasta 767*/
@media only screen and (min-device-width:320px) and (max-device-width: 767px) {
    * {
        font-family: 'PT Sans Caption', sans-serif;
        margin: 0;
        padding: 0;
        font-weight: 400;
    }

    div#screen tr.fila {
        height: 73px !important;
        margin: 0 !important;
        padding: 0 !important;
        border-top: 0px solid #fff !important;
        width: 100%;
    }

    table.tabla_principal {
        position: absolute;
        width: 100%;
        height: 65px;
        min-height: 10px !important;
        top: 0px;
        background-color: transparent;
        left: 0px;
        z-index: 8;
        border-bottom: 1px solid transparent !important;
    }

    div#screen td#content_right {
        background: none !important;
        background-color: none !important;
        border: none !important;
        box-shadow: none !important;
        z-index: 0;
    }

    div.msgcookie {
        display: none;
    }

    table.TableLogin tbody tr td div span {
        color: #000;
        height: 25px;
        line-height: 40px;
    }

    body {
        font-family: 'PT Sans Caption' !important;
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
    }

    img {
        border: none;
    }

    div.pnl_login {
        display: none;
    }

    span, input, tr, td, a, font {
        font-family: 'PT Sans Caption', Arial, sans-serif;
    }

    h4 font {
        display: block;
        font-size: 38px !important;
        width: 500px;
    }

        h4 font span {
            font-size: 32px !important;
        }

    h4.title_paginas_publicas span {
        font-size: 18px !important;
    }

    h4.title_paginas_publicas {
        margin-bottom: 20px !important;
        position: relative;
    }

    span.TituloLogin {
        display: none;
    }

    /*FONDO DE PREHOME*/
    div#screen {
        border: none !important;
        height: 100%;
        /*position: absolute;*/
        width: 100% !important;
    }

    /*Fondo oscuro transparente*/
    div#fondo {
        display: none;
        height: 100% !important;
        left: 0px;
        position: absolute;
        top: 185px;
        width: 100% !important;
        z-index: -99999 !important;
    }

    /*-----------------------------------------------------MENU ARRIBA-------------------------------------------------*/
    div#fondo_blanco {
        display: none !important;
    }

    table.tabla_principal {
        height: 100px;
        left: 0px;
        min-height: 10px !important;
        position: absolute;
        top: -20px;
        width: 100%;
        z-index: 8;
    }

    ul.login_menu li:nth-child(1), ul.login_menu li:nth-child(2), ul.login_menu li:nth-child(3) {
        display: none;
    }

    a.lnk_inicio {
        left: 0% !important;
        margin-left: 345px !important;
        position: absolute;
        width: 300px !important;
        height: 123px;
    }

        a.lnk_inicio img {
            left: 0%;
            margin-left: -150px !important;
            position: absolute;
            top: 140px;
            width: 550px;
            z-index: 11;
            background-color: #FFF;
            padding: 25px;
            border-radius: 15px;
        }

    /*----------------------------------------------FORM------------------------------------------------*/
    div#sombra_form {
        display: none;
        height: 402px;
        position: absolute !important;
        right: 0px;
        margin: 0;
        left: 50%;
        margin-left: 156px;
        height: 400px;
        width: 306px;
        z-index: 1000 !important;
        margin-top: 122px;
        top: 0px !important;
    }

    div.innerLoginDiv {
        width: 80% !important;
    }

    input {
        border-radius: 4px !important;
        font-size: 2.5em;
        height: 80px !important;
        margin-right: auto !important;
        margin-left: auto !important;
        padding-left: 5px;
        width: 100% !important;
    }

    div.flexibiliza_top, div.lnk_videos, div#ctl00_ContentBody_pnl_bienvenida {
        display: none;
    }

    /*--------------------SECCION ACCEDER------------------*/
    table.TableLogin {
        border: none;
        height: 800px;
        left: 0% !important;
        margin: 0;
        margin-right: auto !important;
        margin-left: auto !important;
        margin-top: 400px !important;
        padding-top: 15px;
        padding-bottom: 119px !important;
        position: absolute;
        right: 0px;
        width: 80% !important;
        z-index: 1 !important;
        background-color: #fff !important;
        box-shadow: none;
    }

        table.TableLogin tbody {
            width: 100%;
        }

            table.TableLogin tbody tr,
            table.TableLogin tbody tr td,
            table.TableLogin tbody tr td div {
                height: 80px !important;
                line-height: 100px;
                margin: 0 auto !important;
                padding: 0 !important;
                position: relative;
                width: 100%;
            }

                table.TableLogin tbody tr td:nth-child(2) {
                    width: 250px;
                }

                table.TableLogin tbody tr td div span {
                    font-size: 2.5em;
                    height: 25px;
                    line-height: 40px;
                    margin-left: -3%;
                }

    a.pnl_ttip {
        display: none;
    }

    div#acceder {
        display: none;
        height: 100px;
        left: 0%;
        margin: 0;
        margin-top: 200px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        position: absolute;
        right: 0px;
        width: 80%;
        z-index: 1200;
    }

        div#acceder span {
            display: block;
            font-size: 4em;
            font-weight: bold;
            line-height: 100px;
            margin-right: auto !important;
            margin-left: auto !important;
            position: relative;
            text-align: center;
            top: 0px;
            width: 80%;
        }

    /*Boton entrar*/
    table.TableLogin a.acceso_usuarios1 {
        background-color: #00BEC0;
        border-radius: 70px !important;
        font-family: 'PT Sans Caption', Arial, sans-serif;
        font-size: 3.5em;
        font-weight: 400;
        height: 100px;
        line-height: 100px;
        letter-spacing: 0.6px;
        margin: 0 auto;
        margin-top: 40px;
        width: 95% !important;
        text-transform: uppercase;
        margin-left: 20px;
    }

        table.TableLogin a.acceso_usuarios1:hover {
            background-color: #D52B1E;
        }

        table.TableLogin a.acceso_usuarios1:active {
            background-color: #D52B1E;
            -moz-box-shadow: inset 1px 1px 10px #034f4c;
            -webkit-box-shadow: inset 1px 1px 10px #D52B1E;
            box-shadow: inset 1px 1px 10px #D52B1E;
        }

        table.TableLogin a.acceso_usuarios1:hover {
            opacity: 0.8;
        }

    input {
        height: 60px !important;
        width: 658px !important;
        background-color: #fff;
        border: none;
        border: none !important;
        padding-left: 5px;
        color: #000;
        /*border-bottom: 4px solid #000 !important;*/
        margin-top: 0% !important;
        margin-left: -8% !important;
        display: block;
    }

    #tBody_Login1 > tbody > tr:nth-child(7) > td {
        margin-top: -45px !important;
        display: none;
    }

    /*--------------------SECCION REGISTRATE------------------*/
    div#registro {
        height: 100px;
        left: 0%;
        margin: 0;
        margin-left: auto;
        margin-right: auto;
        margin-top: 940px;
        position: absolute;
        right: 0px;
        top: 0px;
        width: 80%;
        z-index: 99999;
        background-color: transparent;
        border: none !important;
        color: #fff !important;
        display: none;
    }

        div#registro span {
            display: none;
            font-size: 4em;
            font-weight: bold;
            line-height: 100px;
            margin-right: auto;
            margin-left: auto;
            position: relative;
            text-align: center;
            top: 0px;
            width: 80%;
            color: #fff;
            font-weight: normal
        }

    ul.login_menu {
        position: absolute;
        width: 100%;
    }

    li.primer_acceso {
        height: 180px;
        left: 0% !important;
        margin: 0;
        margin-left: auto !important;
        margin-right: auto;
        margin-top: 1150px !important;
        position: absolute;
        right: 120px;
        width: 80% !important;
        z-index: 1500 !important;
        background-color: transparent !important;
        border-top: none !important;
        display: none;
    }

    input {
        -webkit-border-radius: 0px !important;
    }
    /*Botón accedes*/
    li.primer_acceso a {
        background-color: #fff !important;
        border-radius: 70px !important;
        font-size: 3rem !important;
        font-weight: 100 !important;
        height: 100px !important;
        line-height: 100px;
        letter-spacing: 0.5px;
        margin: 0 auto;
        margin-top: -480px;
        padding: 10px !important;
        position: relative;
        text-align: center;
        top: 390px;
        width: 85%;
        margin-left: 70px;
        color: #D52B1E !important;
    }

        li.primer_acceso a:hover {
            background-color: #fff !important;
        }

        li.primer_acceso a:hover {
            opacity: 0.8;
        }

    /*Generar contraseña*/
    a#ctl00_lnk_olvidado_pwd {
        background: none;
        display: block;
        font-size: 2rem;
        height: 50px;
        line-height: 50px;
        margin-right: auto;
        margin-left: auto;
        /*padding-right:24px;*/
        position: relative;
        position: absolute;
        text-align: center;
        text-decoration: none;
        top: -180px !important;
        width: 100% !important;
        color: #fff !important;
        font-weight: normal;
    }


        a#ctl00_lnk_olvidado_pwd:hover {
            background: none !important;
            color: #000;
        }


    div#fondo_naranja {
        display: none;
        width: 100%;
        height: 50px;
        line-height: 50px;
        bottom: 0px;
        left: 0px;
        z-index: 10;
        zoom: 1; /* required for the filters */
        position: absolute;
    }

    span#txt_compensa {
        font-weight: bold;
        left: 50%;
        margin: 0;
        margin-left: -100px;
        position: relative;
        top: 0px;
    }

    /*-----------------------------------------------------PAGINAS-----------------------------------------------------*/
    /*INICIO*/
    div#texto_cuerpo {
        display: none;
        height: 80%;
        left: 50%;
        margin-left: -380px;
        padding-left: 0px;
        position: absolute;
        text-align: left;
        width: 560px;
        z-index: 0;
    }

        div#texto_cuerpo h4 {
            margin-top: 40px !important;
        }

    .texto_inicio {
        font-size: 18px;
        line-height: 20px;
        position: relative;
        top: 10px;
        width: 450px;
    }

    /*CONTENIDO PANTALLAS*/
    #ctl00_ContentBody_Cuadro_Definir_Paso > tbody {
        background-color: transparent;
    }

    td#content_right {
        left: 50% !important;
        margin-top: 119px !important;
        margin-left: -484px !important;
        margin-right: 0px !important;
        margin-bottom: 100px !important;
        min-height: 386px !important;
        padding: 15px 30px 30px 30px !important;
        padding-bottom: 0px !important;
        position: absolute !important;
        top: 2px !important;
        width: 525px !important;
        z-index: 100;
    }

        td#content_right table.master_content_right {
            height: auto !important;
            min-height: 200px !important;
        }

    table.master_content, table.master_content tr,
    table.master_content tr td#content_right,
    table.master_content tr td#content_right table.master_content_right tbody tr td {
        height: 190px !important;
        z-index: 1;
    }

    /*NUEVO USUARIO*/
    table.pwd_textboxes tr {
        height: 40px !important;
        margin-bottom: 10px !important;
        margin-top: 10px !important;
    }

    div#ctl00_ContentBody_pnl_web_online a.acceso_usuarios1, a#ctl00_ContentBody_lnk_ok {
        height: 40px !important;
        line-height: 40px !important;
        margin: 0 auto !important;
        margin-top: 30px !important;
        padding: 0px !important;
        width: 226px !important;
    }

    a#ctl00_ContentBody_lnk_ok {
        margin-top: -30px !important;
    }

    /*CERITICADOS SSL*/
    table#pnl_verisign {
        margin-left: 148px !important;
        top: 0px !important;
    }

        table#pnl_verisign a img {
            width: 60px;
        }

        table#pnl_verisign a#titulo_hyperlink span#ctl00_ContentBody_lbl_certificados {
            font-size: 8px;
        }

    /* REGISTRO */
    div#screen tr.fila {
        border-left: 0px solid #fff !important;
    }

    table.master_content tr td#content_right {
        background: none !important;
        border: none !important;
        box-shadow: none !important;
    }

    table.CuadroDefinirPaso {
        box-shadow: 0px 0px 0px 0px rgba(50,50,50,0.65) !important;
        margin-left: auto !important;
        margin-right: auto !important;
        margin-top: 90px !important;
        width: 80% !important;
    }

        table.CuadroDefinirPaso thead {
            display: none !important;
        }

        table.CuadroDefinirPaso tfoot {
            display: block;
        }

    div table.CuadroDefinirPaso tbody tr td.celda_3 {
        display: none !important;
    }

    .fila input {
        width: 280px !important;
        margin-left: 30px !important;
        margin-right: 30px !important;
        float: left;
        margin: 0 auto;
        padding: 0;
        border: none !important;
        padding-left: 10px;
        color: #000;
        background-color: #fff;
        border-bottom: 0px solid #000 !important;
        height: 90px !important;
    }

    .PasoIncorrecto td.celda_3 {
        background: none repeat scroll 0 0 #fff;
        border-top: 1px #FFF solid !important;
        width: 140px !important;
        float: right;
        display: table-cell !important;
        vertical-align: middle !important;
        font-family: 'PT Sans Caption', sans-serif;
        font-size: 10.5px;
        padding-left: 10px;
        padding-right: 10px;
        text-align: center;
        height: 71px;
        position: relative;
        color: #FFF;
    }

        .PasoIncorrecto td.celda_3:before {
            border-bottom: 13px solid rgba(0, 0, 0, 0);
            border-right: 0px solid #eb473a;
            border-top: 13px solid rgba(0, 0, 0, 0);
            content: "";
            height: 0;
            position: absolute;
            right: 100%;
            top: 20px;
            width: 0;
        }

    /*--------------------------------------------COLORES FORMULARIO----------------------------------------------------------*/

    /*BOTON ENVIAR*/
    a.Input {
        font-size: 3em;
        height: 100px !important;
        line-height: 100px !important;
        width: 90%;
    }

        a.Input:hover {
            opacity: 0.8;
        }

    .Paso1Activo span.Paso:before, .Paso2Activo span.Paso:before,
    .Paso3Activo span.Paso:before, .Paso4Activo span.Paso:before {
        border-left: 12px solid #f9b342;
    }

    .PasoCorrecto #ctl00_ContentBody_Paso1:before,
    .PasoCorrecto #ctl00_ContentBody_Paso2:before,
    .PasoCorrecto #ctl00_ContentBody_Paso3:before,
    .PasoCorrecto #ctl00_ContentBody_Paso4:before {
        border-bottom: 13px solid rgba(0, 0, 0, 0);
        border-left: 12px solid #00867b !important;
        border-top: 13px solid rgba(0, 0, 0, 0);
    }

    div.video, object, a.lnk_videos {
        display: none !important;
    }

    table.img_top_compensa {
        background-image: none !important;
    }

    tr.Encabezado td span {
        font-size: 1.8em;
    }

    tr td#content_right {
        left: 0% !important;
        margin-left: 0px !important;
        width: 100% !important;
    }

    /*Feedback de errores de pantalla de login*/

    div div.StyleError {
        left: 0% !important;
        margin-right: auto !important;
        margin-left: auto !important;
        top: 165px !important;
        right: 15px !important;
        width: 77% !important;
        /*z-index: -2 !important;*/
    }

    div.StyleError:before,
    div#divMayus {
        display: none !important;
    }

    div div.StyleError span {
        font-size: 2em !important;
        width: 80% !important;
    }

    span.FeedBack, .seguridad_pass_debil, .seguridad_pass_normal, .seguridad_pass_segura {
        display: none !important;
    }
    /*Oculta los mensajes descriptivos*/

    tr.PasoIncorrecto span.FeedBack {
        display: block !important;
    }
    /*Muestra los mensajes que son incorrectos*/

    span.FeedBack, span.FeedBackActivo {
        font-size: 2em;
        font-family: 'PT Sans Caption', sans-serif;
        height: auto !important;
        left: 50% !important;
        margin-left: -794px !important;
        padding: 10px !important;
        position: absolute;
        top: -10px !important;
        width: 775px !important;
        background-color: #ff0000 !important;
    }

    .Paso1Activo td.celda_3, .Paso2Activo td.celda_3, .Paso3Activo td.celda_3, .Paso4Activo td.celda_3, .Paso2seatActivo td.celda_3, .Paso3seatActivo td.celda_3 {
        border-top: 1px #FFF solid !important;
        width: 140px !important;
        float: right;
        display: table-cell !important;
        vertical-align: middle !important;
        font-family: 'PT Sans Caption', sans-serif;
        font-size: 10.5px;
        padding-left: 10px;
        padding-right: 10px;
        text-align: center;
        height: 71px;
        position: relative;
        color: #FFF;
        background: #fff;
    }

        .Paso1Activo td.celda_3:before, .Paso2Activo td.celda_3:before, .Paso3Activo td.celda_3:before, .Paso4Activo td.celda_3:before, .Paso2seatActivo td.celda_3:before, .Paso3seatActivo td.celda_3:before {
            border-bottom: 13px solid rgba(0, 0, 0, 0);
            border-right: 0px solid #fff !important;
            border-top: 13px solid rgba(0, 0, 0, 0);
            content: "";
            height: 0;
            position: absolute;
            right: 100%;
            top: 75px;
            width: 0;
        }

    td.celda_3 {
        border-left: 0px solid #fff !important;
        padding: 0px !important;
    }

    a.Input {
        border: 1px solid #D52B1E;
        background: #D52B1E no-repeat 95% 50% !important;
        background: #D52B1E;
        background: -moz-linear-gradient(top, #ffc039 0%, #ffb230 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#D52B1E), color-stop(100%,#D52B1E));
        background: -webkit-linear-gradient(top, #D52B1E 0%,#D52B1E 100%);
        background: -o-linear-gradient(top, #ffc039 0%,#ffb230 100%);
        background: -ms-linear-gradient(top, #ffc039 0%,#ffb230 100%);
        background: linear-gradient(to bottom, #D52B1E 0%,#D52B1E 100%);
        border-radius: 70px;
    }

    div#screen tr.fila td:nth-child(1) {
        display: none;
    }
    /*Quita el num de los pasos*/

    div#screen tr.fila td:nth-child(2) {
        width: 100%;
    }

    .fila input, .fila input:hover {
        font-size: 3em;
        float: none !important;
        width: 90% !important;
    }

    .Paso1Activo td + td .Paso2Activo td:nth-child(2),
    .Paso3Activo td:nth-child(2), .Paso4Activo td:nth-child(2) {
        width: 70% !important;
    }

    .PasoIncorrecto td.celda_3, .PasoCorrecto td.celda_3,
    .Paso1Activo td.celda_3, .Paso2Activo td.celda_3,
    .Paso3Activo td.celda_3, .Paso4Activo td.celda_3,
    .Paso2seatActivo td.celda_3,
    .Paso3seatActivo td.celda_3 {
        font-size: 1em;
        width: 90% !important;
    }

    tr.AyudaContacto {
        font-size: 2.8em;
    }

    /* ERRORES */

    div table.ajax__validatorcallout {
        height: 80px !important;
        left: -143px !important;
        line-height: 120px !important;
        margin-left: 40px !important;
        position: absolute !important;
        right: -40px !important;
        top: -51px !important;
        width: 138% !important;
        z-index: 999999 !important;
    }

        div table.ajax__validatorcallout tr td {
            font-size: 3em !important;
            height: 0px !important;
            line-height: 90px !important;
            position: absolute !important;
        }

    table.tablelogin div.marginTopQuince.innerLoginDiv table.ajax__validatorcallout.ajax__validatorcallout_popup_table tbody tr td.ajax__validatorcallout_error_message_cell:before,
    div.innerLoginDiv table.ajax__validatorcallout.ajax__validatorcallout_popup_table tbody tr td.ajax__validatorcallout_error_message_cell:before {
        display: none !important;
    }

    /* PANTALLA FINAL DE ACCESO NUEVO */

    div.pnl_proceso_correcto {
        margin-top: 180px !important;
    }

    div.pnl_correcto, div.pnl_email {
        background-size: 250px !important;
        height: 500px !important;
    }

    div.pnl_correcto {
        background-position: 5% 75% !important;
    }

    div.pnl_email {
        background-color: #333;
        background-position: 95% 75% !important;
    }

    div div.pnl_correcto span {
        top: 50px !important;
    }

    div div.pnl_correcto span, div.pnl_email span {
        font-size: 4em !important;
        width: 100% !important;
    }

    div.g-recaptcha.registro-recaptcha {
        -webkit-transform: scale(2.2);
        -moz-transform: scale(2.2);
        -ms-transform: scale(2.2);
        -o-transform: scale(2.2);
        transform: scale(2.2);
        margin-top: -85px;
        margin-left: 60px;
    }

    a.Input:hover {
        border: 1px solid #003944;
        text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
        background: none !important;
        background-color: ##D52B1E !important;
    }
}

/* #endregion */


@media only screen and (min-device-width:375px) and (max-device-width: 667px) {
    div.g-recaptcha.login-recaptcha {
        margin-top: 1125px !important;
    }

    body div > div > iframe[title="Reto recaptcha"] {
        -webkit-transform: scale(2);
        -moz-transform: scale(2);
        -ms-transform: scale(2);
        -o-transform: scale(2);
        transform: scale(2);
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -o-transform-origin: 0 0;
        transform-origin: 0 0;
        background-color: #fff;
        width: 100% !important;
        position: absolute;
        top: calc(50% - 870px);
        right: 109px;
    }
}

/* #region tablet hasta 1023*/
@media only screen and (min-device-width:768px) and (max-device-width: 1000px) {
    * {
        font-family: 'PT Sans Caption', sans-serif;
        margin: 0;
        padding: 0;
    }

    div#screen tr.fila {
        height: 73px !important;
        margin: 0 !important;
        padding: 0 !important;
        border-top: 0px solid #fff !important;
        width: 100%;
    }

    table.tabla_principal {
        position: absolute;
        width: 100%;
        height: 65px;
        min-height: 10px !important;
        top: 0px;
        background-color: transparent;
        left: 0px;
        z-index: 8;
        border-bottom: 1px solid transparent !important;
    }

    div#screen td#content_right {
        background: none !important;
        background-color: none !important;
        border: none !important;
        box-shadow: none !important;
        z-index: 0;
    }

    div.msgcookie {
        display: none;
    }

    table.TableLogin tbody tr td div span {
        color: #000;
        height: 25px;
        line-height: 40px;
    }

    body {
        font-family: 'PT Sans Caption' !important;
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
    }

    img {
        border: none;
    }

    div.pnl_login {
        display: none;
    }

    span, input, tr, td, a, font {
        font-family: 'PT Sans Caption';
    }

    h4 font {
        display: block;
        font-size: 38px !important;
        width: 500px;
    }

        h4 font span {
            font-size: 32px !important;
        }

    h4.title_paginas_publicas span {
        font-size: 18px !important;
    }

    h4.title_paginas_publicas {
        margin-bottom: 20px !important;
        position: relative;
    }

    span.TituloLogin {
        display: none;
    }

    /*FONDO DE PREHOME*/
    div#screen {
        border: none !important;
        height: 100%;
        /*position: absolute;*/
        width: 100% !important;
    }

    /*Fondo oscuro transparente*/
    div#fondo {
        display: none;
        height: 100% !important;
        left: 0px;
        position: absolute;
        top: 185px;
        width: 100% !important;
        z-index: -99999 !important;
    }

    /*-----------------------------------------------------MENU ARRIBA-------------------------------------------------*/
    div#fondo_blanco {
        display: none !important;
    }

    table.tabla_principal {
        height: 100px;
        left: 0px;
        min-height: 10px !important;
        position: absolute;
        top: -20px;
        width: 100%;
        z-index: 8;
    }

    ul.login_menu li:nth-child(1),
    ul.login_menu li:nth-child(2),
    ul.login_menu li:nth-child(3) {
        display: none;
    }

    a.lnk_inicio {
        left: 0% !important;
        margin-left: 245px !important;
        position: absolute;
        width: 530px !important;
        height: 145px;
        margin-top: 50px;
    }

        a.lnk_inicio img {
            left: 50%;
            margin-left: -255px !important;
            position: absolute;
            top: 0px;
            width: 500px;
            z-index: 11;
            background-color: #FFF;
            padding: 10px;
            border-radius: 15px;
        }

    /*----------------------------------------------FORM------------------------------------------------*/
    div#sombra_form {
        display: none;
        height: 402px;
        position: absolute !important;
        right: 0px;
        margin: 0;
        left: 50%;
        margin-left: 156px;
        height: 400px;
        width: 306px;
        z-index: 1000 !important;
        margin-top: 122px;
        top: 0px !important;
    }

    div.innerLoginDiv {
        width: 80% !important;
    }

    input {
        border-radius: 4px !important;
        font-size: 2.5em;
        height: 80px !important;
        margin-right: auto !important;
        margin-left: auto !important;
        padding-left: 5px;
        width: 100% !important;
    }

    div.flexibiliza_top,
    div.lnk_videos,
    div#ctl00_ContentBody_pnl_bienvenida {
        display: none;
    }

    /*--------------------SECCION ACCEDER------------------*/
    table.TableLogin {
        border: none;
        height: 700px;
        left: 0% !important;
        margin: 0;
        margin-right: auto !important;
        margin-left: auto !important;
        margin-top: 235px !important;
        padding-top: 15px;
        /*padding-right:40px !important;
  padding-left:35px !important;*/
        padding-bottom: 50px !important;
        position: absolute;
        right: 0px;
        width: 60% !important;
        z-index: 1 !important;
        background-color: #fff !important;
        box-shadow: none;
    }

        table.TableLogin tbody {
            width: 100%;
        }

            table.TableLogin tbody tr,
            table.TableLogin tbody tr td,
            table.TableLogin tbody tr td div {
                height: 60px !important;
                line-height: 100px;
                margin: 0 auto !important;
                padding: 0 !important;
                position: relative;
                width: 100%;
            }

                table.TableLogin tbody tr td:nth-child(2) {
                    width: 250px;
                }

                table.TableLogin tbody tr td div span {
                    font-size: 2.5em;
                    height: 25px;
                    line-height: 40px;
                    margin-left: -7%;
                }

    a.pnl_ttip {
        display: none;
    }

    div#acceder {
        display: none;
        height: 100px;
        left: 0%;
        margin: 0;
        margin-top: 200px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        position: absolute;
        right: 0px;
        width: 80%;
        z-index: 1200;
    }

        div#acceder span {
            display: block;
            font-size: 4em;
            font-weight: bold;
            line-height: 100px;
            margin-right: auto !important;
            margin-left: auto !important;
            position: relative;
            text-align: center;
            top: 0px;
            width: 80%;
        }

    /*Boton entrar*/
    table.TableLogin a.acceso_usuarios1 {
        background-color: #00BEC0;
        border-radius: 70px !important;
        font-family: 'PT Sans Caption';
        font-size: 4em;
        font-weight: 100;
        height: 100px;
        line-height: 100px;
        letter-spacing: 0.6px;
        margin: 0 auto;
        margin-top: -30px;
        width: 91% !important;
        margin-left: 33px;
    }

        table.TableLogin a.acceso_usuarios1:hover {
            background-color: #D52B1E;
        }

        table.TableLogin a.acceso_usuarios1:active {
            background-color: #D52B1E;
            -moz-box-shadow: inset 1px 1px 10px #034f4c;
            -webkit-box-shadow: inset 1px 1px 10px #D52B1E;
            box-shadow: inset 1px 1px 10px #D52B1E;
        }

        table.TableLogin a.acceso_usuarios1:hover {
            opacity: 0.8;
        }

    input {
        height: 60px !important;
        width: 658px !important;
        background-color: #fff;
        border: none;
        border: none !important;
        padding-left: 5px;
        color: #000;
        border-bottom: 4px solid #000 !important;
        margin-top: -3% !important;
        margin-left: -11% !important;
        display: block;
    }

    #tBody_Login1 > tbody > tr:nth-child(7) > td {
        margin-top: -215px !important;
        display: block;
    }

    /*--------------------SECCION REGISTRATE------------------*/
    div#registro {
        display: none;
        height: 100px;
        left: 0%;
        margin: 0;
        margin-left: auto;
        margin-right: auto;
        margin-top: 940px;
        position: absolute;
        right: 0px;
        top: 0px;
        width: 80%;
        z-index: 99999;
    }

        div#registro span {
            display: block;
            font-size: 4em;
            font-weight: bold;
            line-height: 100px;
            margin-right: auto;
            margin-left: auto;
            position: relative;
            text-align: center;
            top: 0px;
            width: 80%;
        }

    ul.login_menu {
        position: absolute;
        width: 100%;
    }

    li.primer_acceso {
        height: 180px;
        left: 0% !important;
        margin: 0;
        margin-left: auto !important;
        margin-right: auto;
        margin-top: 1150px !important;
        position: absolute;
        right: 120px;
        width: 80% !important;
        z-index: 1500 !important;
        background-color: transparent !important;
        border-top: none !important;
    }

    input {
        -webkit-border-radius: 0px !important;
    }

    #tBody_Login1 > tbody > tr:nth-child(3) > td > div {
        margin-top: -9% !important;
    }

    #ctl00_Login1_Password {
        margin-top: -12% !important;
    }
    /*Botón accedes*/
    li.primer_acceso a {
        background-color: #fff !important;
        border-radius: 70px !important;
        font-size: 2rem !important;
        font-weight: 100 !important;
        height: 90px !important;
        line-height: 88px;
        letter-spacing: 0.5px;
        margin: 0 auto;
        margin-top: -500px;
        padding: 0px !important;
        position: relative;
        text-align: center;
        top: 150px;
        width: 76%;
        margin-left: 115px;
        color: #D52B1E !important;
    }

        li.primer_acceso a:hover {
            background-color: #00538b !important;
        }

        li.primer_acceso a:hover {
            opacity: 0.8;
        }

    /*Generar contraseña*/
    a#ctl00_lnk_olvidado_pwd {
        background: none;
        display: block;
        font-size: 1.5rem;
        height: 50px;
        line-height: 50px;
        margin-right: auto;
        margin-left: auto;
        /*padding-right:24px;*/
        position: relative;
        position: absolute;
        text-align: center;
        text-decoration: none;
        top: 20px !important;
        width: 100% !important;
        color: #fff !important;
        display: none;
    }


        a#ctl00_lnk_olvidado_pwd:hover {
            background: none !important;
            color: #000;
        }


    div#fondo_naranja {
        display: none;
        width: 100%;
        height: 50px;
        line-height: 50px;
        bottom: 0px;
        left: 0px;
        z-index: 10;
        zoom: 1; /* required for the filters */
        position: absolute;
    }

    span#txt_compensa {
        font-weight: bold;
        left: 50%;
        margin: 0;
        margin-left: -100px;
        position: relative;
        top: 0px;
    }

    /*-----------------------------------------------------PAGINAS-----------------------------------------------------*/
    /*INICIO*/
    div#texto_cuerpo {
        display: none;
        height: 80%;
        left: 50%;
        margin-left: -380px;
        padding-left: 0px;
        position: absolute;
        text-align: left;
        width: 560px;
        z-index: 0;
    }

        div#texto_cuerpo h4 {
            margin-top: 40px !important;
        }

    .texto_inicio {
        font-size: 18px;
        line-height: 20px;
        position: relative;
        top: 10px;
        width: 450px;
    }

    /*CONTENIDO PANTALLAS*/
    #ctl00_ContentBody_Cuadro_Definir_Paso > tbody {
        background-color: transparent;
    }

    td#content_right {
        left: 50% !important;
        margin-top: 119px !important;
        margin-left: -484px !important;
        margin-right: 0px !important;
        margin-bottom: 100px !important;
        min-height: 386px !important;
        padding: 15px 30px 30px 30px !important;
        padding-bottom: 0px !important;
        position: absolute !important;
        top: 2px !important;
        width: 525px !important;
        z-index: 100;
    }

        td#content_right table.master_content_right {
            height: auto !important;
            min-height: 200px !important;
        }

    table.master_content, table.master_content tr,
    table.master_content tr td#content_right,
    table.master_content tr td#content_right table.master_content_right tbody tr td {
        height: 150px !important;
        z-index: 1;
    }

    #ctl00_ContentBody_lbl_ayuda_contacto {
        padding-left: 10px;
        padding-right: 10px;
    }

    /*NUEVO USUARIO*/
    table.pwd_textboxes tr {
        height: 40px !important;
        margin-bottom: 10px !important;
        margin-top: 10px !important;
    }

    div#ctl00_ContentBody_pnl_web_online a.acceso_usuarios1, a#ctl00_ContentBody_lnk_ok {
        height: 40px !important;
        line-height: 40px !important;
        margin: 0 auto !important;
        margin-top: 30px !important;
        padding: 0px !important;
        width: 226px !important;
    }

    a#ctl00_ContentBody_lnk_ok {
        margin-top: -30px !important;
    }

    /*CERITICADOS SSL*/
    table#pnl_verisign {
        margin-left: 148px !important;
        top: 0px !important;
    }

        table#pnl_verisign a img {
            width: 60px;
        }

        table#pnl_verisign a#titulo_hyperlink span#ctl00_ContentBody_lbl_certificados {
            font-size: 8px;
        }

    /* REGISTRO */
    div#screen tr.fila {
        border-left: 0px solid #fff !important;
    }

    table.master_content tr td#content_right {
        background: none !important;
        border: none !important;
        box-shadow: none !important;
    }

    table.CuadroDefinirPaso {
        box-shadow: 0px 0px 0px 0px rgba(50,50,50,0.65) !important;
        margin-left: auto !important;
        margin-right: auto !important;
        margin-top: 90px !important;
        width: 80% !important;
    }

        table.CuadroDefinirPaso thead {
            display: none !important;
        }

        table.CuadroDefinirPaso tfoot {
            display: block;
        }

    div table.CuadroDefinirPaso tbody tr td.celda_3 {
        display: none !important;
    }

    .fila input {
        width: 280px !important;
        margin-left: 30px !important;
        margin-right: 30px !important;
        float: left;
        margin: 0 auto;
        padding: 0;
        border: none !important;
        padding-left: 10px;
        color: #000;
        background-color: #fff;
        border-bottom: 4px solid #000 !important;
        height: 90px !important;
    }

    .PasoIncorrecto td.celda_3 {
        background: none repeat scroll 0 0 #fff;
        border-top: 1px #FFF solid !important;
        width: 140px !important;
        float: right;
        display: table-cell !important;
        vertical-align: middle !important;
        font-family: 'PT Sans Caption', sans-serif;
        font-size: 10.5px;
        padding-left: 10px;
        padding-right: 10px;
        text-align: center;
        height: 71px;
        position: relative;
        color: #FFF;
    }

        .PasoIncorrecto td.celda_3:before {
            border-bottom: 13px solid rgba(0, 0, 0, 0);
            border-right: 0px solid #eb473a;
            border-top: 13px solid rgba(0, 0, 0, 0);
            content: "";
            height: 0;
            position: absolute;
            right: 100%;
            top: 20px;
            width: 0;
        }

    /*--------------------------------------------COLORES FORMULARIO----------------------------------------------------------*/

    /*BOTON ENVIAR*/
    a.Input {
        font-size: 3em;
        height: 100px !important;
        line-height: 100px !important;
        width: 90%;
    }

        a.Input:hover {
            opacity: 0.8;
        }

    .Paso1Activo span.Paso:before, .Paso2Activo span.Paso:before,
    .Paso3Activo span.Paso:before, .Paso4Activo span.Paso:before {
        border-left: 12px solid #f9b342;
    }

    .PasoCorrecto #ctl00_ContentBody_Paso1:before,
    .PasoCorrecto #ctl00_ContentBody_Paso2:before,
    .PasoCorrecto #ctl00_ContentBody_Paso3:before,
    .PasoCorrecto #ctl00_ContentBody_Paso4:before {
        border-bottom: 13px solid rgba(0, 0, 0, 0);
        border-left: 12px solid #00867b !important;
        border-top: 13px solid rgba(0, 0, 0, 0);
    }

    div.video, object, a.lnk_videos {
        display: none !important;
    }

    table.img_top_compensa {
        background-image: none !important;
    }

    tr.Encabezado td span {
        font-size: 1.8em;
    }

    tr td#content_right {
        left: 0% !important;
        margin-left: 0px !important;
        width: 100% !important;
    }

    /*Feedback de errores de pantalla de login*/

    div div.StyleError {
        left: 0% !important;
        margin-right: auto !important;
        margin-left: auto !important;
        top: 165px !important;
        right: 15px !important;
        width: 77% !important;
        /*z-index: -2 !important;*/
    }

    div.StyleError:before,
    div#divMayus {
        display: none !important;
    }

    div div.StyleError span {
        font-size: 2em !important;
        width: 80% !important;
    }

    span.FeedBack, .seguridad_pass_debil, .seguridad_pass_normal, .seguridad_pass_segura {
        display: none !important;
    }
    /*Oculta los mensajes descriptivos*/

    tr.PasoIncorrecto span.FeedBack {
        display: block !important;
    }
    /*Muestra los mensajes que son incorrectos*/

    span.FeedBack, span.FeedBackActivo {
        font-size: 2em;
        font-family: 'PT Sans Caption', sans-serif;
        height: auto !important;
        left: 50% !important;
        margin-left: -794px !important;
        padding: 10px !important;
        position: absolute;
        top: -45px !important;
        width: 775px !important;
        background-color: #ff0000 !important;
    }

    .Paso1Activo td.celda_3, .Paso2Activo td.celda_3, .Paso3Activo td.celda_3, .Paso4Activo td.celda_3, .Paso2seatActivo td.celda_3, .Paso3seatActivo td.celda_3 {
        border-top: 1px #FFF solid !important;
        width: 140px !important;
        float: right;
        display: table-cell !important;
        vertical-align: middle !important;
        font-family: 'PT Sans Caption', sans-serif;
        font-size: 10.5px;
        padding-left: 10px;
        padding-right: 10px;
        text-align: center;
        height: 71px;
        position: relative;
        color: #FFF;
        background: #fff;
    }

        .Paso1Activo td.celda_3:before, .Paso2Activo td.celda_3:before, .Paso3Activo td.celda_3:before, .Paso4Activo td.celda_3:before, .Paso2seatActivo td.celda_3:before, .Paso3seatActivo td.celda_3:before {
            border-bottom: 13px solid rgba(0, 0, 0, 0);
            border-right: 0px solid #fff !important;
            border-top: 13px solid rgba(0, 0, 0, 0);
            content: "";
            height: 0;
            position: absolute;
            right: 100%;
            top: 75px;
            width: 0;
        }

    td.celda_3 {
        border-left: 0px solid #fff !important;
        padding: 0px !important;
    }

    a.Input {
        border: 1px solid #D52B1E;
        border-radius: 70px;
        background: #D52B1E no-repeat 95% 50% !important;
        background: #D52B1E;
        background: -moz-linear-gradient(top, #ffc039 0%, #ffb230 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#D52B1E), color-stop(100%,#D52B1E));
        background: -webkit-linear-gradient(top, #D52B1E 0%,#D52B1E 100%);
        background: -o-linear-gradient(top, #ffc039 0%,#ffb230 100%);
        background: -ms-linear-gradient(top, #ffc039 0%,#ffb230 100%);
        background: linear-gradient(to bottom, #D52B1E 0%,#D52B1E 100%);
    }

    div#screen tr.fila td:nth-child(1) {
        display: none;
    }
    /*Quita el num de los pasos*/

    div#screen tr.fila td:nth-child(2) {
        width: 100%;
    }

    .fila input, .fila input:hover {
        font-size: 3em;
        float: none !important;
        width: 90% !important;
    }

    .Paso1Activo td + td .Paso2Activo td:nth-child(2),
    .Paso3Activo td:nth-child(2), .Paso4Activo td:nth-child(2) {
        width: 70% !important;
    }

    .PasoIncorrecto td.celda_3, .PasoCorrecto td.celda_3,
    .Paso1Activo td.celda_3, .Paso2Activo td.celda_3,
    .Paso3Activo td.celda_3, .Paso4Activo td.celda_3,
    .Paso2seatActivo td.celda_3,
    .Paso3seatActivo td.celda_3 {
        font-size: 1em;
        width: 90% !important;
    }

    tr.AyudaContacto {
        font-size: 1.8rem;
    }

    /* ERRORES */

    div table.ajax__validatorcallout {
        height: 60px !important;
        left: -135px !important;
        line-height: 120px !important;
        margin-left: 40px !important;
        position: absolute !important;
        right: -40px !important;
        top: -25px !important;
        width: 138% !important;
        z-index: 999999 !important;
    }

        div table.ajax__validatorcallout tr td {
            font-size: 1.5rem !important;
            height: 0px !important;
            line-height: 54px !important;
            position: absolute !important;
        }

    table.tablelogin div.marginTopQuince.innerLoginDiv table.ajax__validatorcallout.ajax__validatorcallout_popup_table tbody tr td.ajax__validatorcallout_error_message_cell:before,
    div.innerLoginDiv table.ajax__validatorcallout.ajax__validatorcallout_popup_table tbody tr td.ajax__validatorcallout_error_message_cell:before {
        display: none !important;
    }

    /* PANTALLA FINAL DE ACCESO NUEVO */

    div.pnl_proceso_correcto {
        margin-top: 180px !important;
    }

    div.pnl_correcto, div.pnl_email {
        background-size: 250px !important;
        height: 500px !important;
    }

    div.pnl_correcto {
        background-position: 5% 75% !important;
    }

    div.pnl_email {
        background-color: #333;
        background-position: 95% 75% !important;
    }

    div div.pnl_correcto span {
        top: 50px !important;
    }

    div div.pnl_correcto span, div.pnl_email span {
        font-size: 4em !important;
        width: 100% !important;
    }

    div.g-recaptcha.registro-recaptcha {
        -webkit-transform: scale(2.2);
        -moz-transform: scale(2.2);
        -ms-transform: scale(2.2);
        -o-transform: scale(2.2);
        transform: scale(2.2);
        margin-top: -85px;
        margin-left: 60px;
    }

    a.Input:hover {
        border: 1px solid #003944;
        text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
        background: none !important;
        background-color: #D52B1E !important;
    }
}

/* #endregion */


@media only screen and (min-device-width:1001px) {
    div.g-recaptcha.login-recaptcha {
        background-color: transparent !important;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -o-transform-origin: 0 0;
        transform-origin: 0 0;
        left: 50% !important;
        position: relative !important;
        margin-top: 550px !important;
        margin-left: 480px !important;
    }
}