* {
    margin: 0;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    box-sizing: border-box;
}

html {
    min-width: 450px;
    color: #333; /* color negro general */
}

img {
    border: none;
}

.img-circle {
    border-radius: 50%;
}

p {
    font-size: 10pt;
}

a {
    color: #333;
    text-decoration: none;
}

a,
.cursor-hand,
.cursor-hand :hover {
    cursor: pointer; /* manito para los links */
}

    a:hover {
        text-decoration: underline;
    }

    a:visited, .no-decoration {
        text-decoration: none;
    }

*::-webkit-input-placeholder { /*chrome y edge*/
    font-size: 10pt;
    font-style: italic;
    color: #CCC;
}

*::-moz-placeholder { /*firefox*/
    font-size: 10pt;
    font-style: italic;
    color: #CCC;
}

*:-ms-input-placeholder { /*IE*/
    font-size: 10pt;
    font-style: italic;
    color: #CCC;
}

.marco-general {
    width: 100%;
}

.azul {
    color: #2C5997;
}

.azul-vinculo {
    color: #1155CC;
}

.verde {
    color: #719449;
}

.negro {
    color: #303030;
}

.rojo {
    color: #F10000;
}

.naranja {
    color: #FF5D03;
}

.beige {
    color: #E09514;
}

.lila {
    color: #A248A3;
}

.hidden,
.oculto {
    display: none; /* hidden para el toggle */
}

.shadow {
    box-shadow: 4px 4px 7px #bbb;
}

.clear-fix {
    clear: both;
}

.f-izquierda,
.left {
    float: left;
}

.f-derecha,
.right {
    float: right;
}

.marco-cartel .mensaje {
    text-align: left;
    width: 100%;
    max-width: 530px;
    margin: 0 auto 20px auto;
    display: block;
    position: relative;
    padding: 30px;
}

    /*.marco-cartel .mensaje::after {
        display: block;
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border-color: #cecece;
        border-style: solid;
        border-width: 0 1px 1px 1px;
    }*/

    .marco-cartel .mensaje img {
        position: absolute;
        top: -20px;
        left: 15px;
    }

    .marco-cartel .mensaje .titulo {
        font-size: 15pt;
        text-align: left;
        font-weight: normal;
        margin: 15px;
    }

    .marco-cartel .mensaje .texto {
        font-size: 11pt;
        text-align: left;
        font-weight: normal;
        margin: 0 15px 15px 15px;
    }

.marco-cartel.contramano .mensaje {
    border-top: 30px solid red;
    border-right: 1px solid red;
    border-bottom: 1px solid red;
    border-left: 1px solid red;
}

    .marco-cartel.contramano .mensaje .titulo {
        color: red;
    }

.marco-cartel.exclamacion .mensaje {
    border-top: 30px solid #2C5997;
    border-right: 1px solid #2C5997;
    border-bottom: 1px solid #2C5997;
    border-left: 1px solid #2C5997;
}

    .marco-cartel.exclamacion .mensaje .titulo {
        color: #2C5997;
    }

.marco-cartel .opciones {
    width: 100%;
}

    .marco-cartel .opciones .opcion {
        border: 1px solid #cecece;
        display: flex;
        padding: 15px 25px;
    }

        .marco-cartel .opciones .opcion .texto {
            width: 100%;
            font-size: 10pt;
            margin: 0;
        }

        .marco-cartel .opciones .opcion .boton {
            width: auto;
            margin-left: 15px;
        }

.texto-pais {
    display: none;
}

.nota-prensa {
    background-color: #fff;
    border: 1.5px solid #7676;
    /*box-shadow: 5px 5px 10px .5px rgba(205, 205, 205, 1);*/
    margin-bottom: 35px;
    position: relative;
    border-radius: 15px;
}

    .nota-prensa .nota-titulo {
        padding: 15px 24px 0 20px;
    }

    .nota-prensa .nota-texto {
        padding: 0 24px 0 20px;
    }

    .nota-prensa .nota-medio {
        padding: 0 24px 20px 20px;
    }

.nota-volanta {
    color: #fff;
    font-weight: bold;
    background-color: #205997;
    border-bottom: 2px solid #719449;
    padding: 3px 3px 3px 15px;
    border-radius: 12px 12px 0px 0px;
}

    .nota-volanta .ico-nota-gratuita {
        position: absolute;
        top: -12px;
        left: 7px;
    }

.nota-colaborador {
    margin-bottom: 10px;
    background-color: #e2e7ec;
    padding: 15px 24px 20px 20px;
    box-shadow: 5px 5px 10px .5px rgba(205, 205, 205, 1);
    margin-bottom: 35px;
    position: relative;
}

.notas-de-colaboradores {
    position: relative;
    background-color: #e2e7ec;
    padding: 15px 15px 10px 20px;
    margin-bottom: 15px;
}

.link-notas-colaborador {
    margin-top: 10px;
    height: 35px;
}

    .link-notas-colaborador a {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        width: 215px;
    }

        .link-notas-colaborador a:hover {
            text-decoration: none;
        }

        .link-notas-colaborador a img {
            margin-right: 7px;
        }

.nota-titulo {
    margin-bottom: 15px;
}


    .nota-titulo a {
        font-size: 15pt;
        font-weight: bold;
        color: #333333;
    }

    .nota-titulo .ico-nota-gratuita {
        position: absolute;
        top: -12px;
        left: 7px;
    }

h3 {
    font-size: 11pt;
    font-weight: bold;
    color: #2c5997;
}

.default-pie {
    margin-top: 25px;
    display: flex;
    flex-direction: column;
    background-color: #001353;
}

.nota-texto {
    font-size: 10pt;
    color: #333333;
    display: block;
}

.nota-medio {
    font-size: 10pt;
    font-style: italic;
    color: #333333;
    text-align: right;
    display: block;
    margin-top: 15px;
}

.barra-productos {
    clear: both;
    margin: 0 20px 15px 20px;
    padding: 5px;
    height: 150px;
    display: flex;
    justify-content: space-between;
    height: 100%;
    height: 310px;
    justify-content: center;
    margin-top: 20px;
}

    .barra-productos.AR .barra-col-principal-accesoria,
    .barra-productos.MX .barra-col-principal-accesoria,
    .barra-productos.PA .barra-col-principal-accesoria {
        width: 100%;
        display: flex;
    }

        .barra-productos.AR .barra-col-principal-accesoria .columna-principal,
        .barra-productos.MX .barra-col-principal-accesoria .columna-principal,
        .barra-productos.PA .barra-col-principal-accesoria .columna-principal {
            width: 73%;
            clear: both;
            padding-left: initial;
            /*padding-right: 0;*/
            display: flex;
            flex-direction: column;
            align-items: stretch;
            height: 100%;            
        }

        .barra-productos.AR .barra-col-principal-accesoria .columna-accesoria,
        .barra-productos.MX .barra-col-principal-accesoria .columna-accesoria,
        .barra-productos.PA .barra-col-principal-accesoria .columna-accesoria {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            align-items: flex-start;
            justify-content: space-around;
            width: 26%;
            min-width: 230px;
            margin-left: 1%;
            clear: both;
            /*padding-left: 10px;*/
            border-radius: 15px;
            border: 1.5px solid #7676;
        }

            .barra-productos.AR .barra-col-principal-accesoria .columna-accesoria .separador {
                margin: 10px 25px 15px 25px;
                padding-bottom: 2px;
                border-bottom: 1px solid #001353;
                display: flex;
                justify-content: space-between;
                align-items: flex-end
            }

            .barra-productos.MX .barra-col-principal-accesoria .columna-accesoria .separador,
            .barra-productos.PA .barra-col-principal-accesoria .columna-accesoria .separador {
                margin: 10px 25px 1px 25px;
                padding-bottom: 2px;
                border-bottom: 1px solid #001353;
                display: flex;
                justify-content: space-between;
                align-items: flex-end
            }

            .barra-productos.AR .barra-col-principal-accesoria .columna-accesoria .box-producto {
                width: 100%;
            }

                .barra-productos.AR .barra-col-principal-accesoria .columna-accesoria .box-producto .separador {
                    border-bottom: 1px solid #CCC;
                    width: 80%;
                    margin-left: auto;
                    margin-right: auto;
                    margin-bottom: 5%;
                }

            .barra-productos.MX .barra-col-principal-accesoria .columna-accesoria .box-producto,
            .barra-productos.PA .barra-col-principal-accesoria .columna-accesoria .box-producto {
                width: 90%;
                margin-top: 10%;
            }

                .barra-productos.MX .barra-col-principal-accesoria .columna-accesoria .box-producto .separador,
                .barra-productos.PA .barra-col-principal-accesoria .columna-accesoria .box-producto .separador {
                    border-bottom: 1px solid #CCC;
                    width: 80%;
                    margin-left: auto;
                    margin-right: auto;
                    margin-bottom: 5%;
                    margin-top: 10%;
                }

        .barra-productos.AR .barra-col-principal-accesoria .box-info-producto,
        .barra-productos.MX .barra-col-principal-accesoria .box-info-producto,
        .barra-productos.PA .barra-col-principal-accesoria .box-info-producto {
            width: 100%;
            height: 100%;
            border: 1.5px solid #7676;
            border-radius: 15px;
        }

.nota-banner {
    /*background-color: #fff;*/
    /*box-shadow: 5px 5px 10px .5px rgba(205, 205, 205, 1);*/
    margin-bottom: 35px;
    position: relative;
    height: 100%;
}

    .nota-banner .nota-titulo {
        padding: 15px 24px 0 20px;
        color: #2C5997;
        font-weight: bold;
        font-size:larger;
    }

    .nota-banner .nota-texto {
        padding: 15px 24px 0 20px;
        color: #2C5997;
        font-weight: normal;
    }

    .nota-banner .nota-medio {
        padding: 0 24px 20px 20px;
    }

    .nota-banner .imagen-banner-inicio {
        display: none;
    }

    .nota-banner .imagen-banner-fin {
        display: none;
    }

    /*.nota-banner .imagen-banner {
        width: 250px;
        height: 100%;
        float: inline-start;*/
        /*display: block;*/
    /*}*/

.box-producto {
    width: 250px;
    display: flex; 
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

    .box-producto img {
        float: left;
        padding: 0;
    }

.nombre-producto {
    display: block;
    text-align: center;
}

.box-producto .nombre-producto {
    margin-top: 7px;
}

.box-producto .nombre-producto {
    display: block;
    font-size: medium; /*11pt;*/
    font-weight: bold;
    color: #333;
}

.box-producto .texto_box {
    display: block;
    font-size: smaller;
    font-weight: bold;
    color: #333;
    text-align: center;
    margin-top: revert;
}

    .box-producto .nombre-producto a {
        color: #333;
        text-decoration: none;
    }

        .box-producto .nombre-producto a:hover {
            color: #333;
            text-decoration: underline;
        }

.link-producto {
    display: none;
}

.slider {
    height: 300px;
    border-radius: 10px;
    overflow: hidden;
}

.slides {
    width: 500%;
    height: 100%;
    display: flex;
}

    .slides input {
        display: none;
    }

.slide {
    width: 20%;
    transition: 2s;
}

/*css for manual slide navigation*/

.navigation-manual {
    position: absolute;
    width: 650px;
    max-width: 62%;
    margin-top: -40px;
    display: flex;
    justify-content: center;
}

.manual-btn {
    border: 2px solid #001353;
    padding: 5px;
    border-radius: 10px;
    cursor: pointer;
    transition: 1s;
}

    .manual-btn:not(:last-child) {
        margin-right: 10px;
    }

    .manual-btn:hover {
        background: #001353;
    }

#radio1:checked ~ .first {
    margin-left: 0;
}

#radio2:checked ~ .first {
    margin-left: -20%;
}

#radio3:checked ~ .first {
    margin-left: -40%;
}

#radio4:checked ~ .first {
    margin-left: -60%;
}

/*css for automatic navigation*/

.navigation-auto {
    position: absolute;
    display: none;
    width: 500px;
    justify-content: center;
    margin-top: 460px;
}

    .navigation-auto div {
        border: 2px solid #40D3DC;
        padding: 5px;
        border-radius: 10px;
        transition: 1s;
    }

        .navigation-auto div:not(:last-child) {
            margin-right: 40px;
        }

#radio1:checked ~ .navigation-auto .auto-btn1 {
    background: #40D3DC;
}

#radio2:checked ~ .navigation-auto .auto-btn2 {
    background: #40D3DC;
}

#radio3:checked ~ .navigation-auto .auto-btn3 {
    background: #40D3DC;
}

#radio4:checked ~ .navigation-auto .auto-btn4 {
    background: #40D3DC;
}

  
.cabecera-fecha {
    margin: 10px 25px 15px 25px;
    padding-bottom: 3px;
    border-bottom: 1px solid #001353;
    display: flex;
    justify-content: space-between;
    align-items: flex-end
}

.cabecera-logo {
    vertical-align: middle;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 25px;
    clear: both;
}

.izquierda {
    text-align: left;
    margin-left: 25px;
    margin-bottom: 5px;
}

.cabecera-solapa {
    clear: both;
    margin: 0;
    border-bottom: 1px solid #EFEFEF;
    display: flex;
    align-items: flex-end;
    z-index: 1;
}

.link-solapa,
.link-solapa:hover,
.link-solapa:visited {
    text-decoration: none;
}

.flex-end {
    align-items: flex-end;
}

.space-between {
    justify-content: space-between;
}

.por-colaborador {
    margin: 7px 0;
    height: 55px;
}

    .por-colaborador img {
        float: left;
        padding: 0;
        margin: 0 10px 0 0;
    }

    .por-colaborador p {
        font-size: 10pt;
        color: #2c5997;
        margin: 0;
        padding-top: 9px;
    }

.notas-de-colaboradores h2 {
    font-size: 13pt;
    font-weight: bold;
    color: #2c5997;
}

.nombre-colaborador {
    font-size: 10pt;
    color: #333333;
    font-weight: bold;
    padding-top: -10px;
}

    .nombre-colaborador:hover {
        text-decoration: underline;
    }


.efecto-3d {
    box-shadow: 5px 5px 10px .5px rgba(184, 184, 184, 1);
}

.fondo-azul-oscuro {
    background-color: #001353;
}

.fondo-novedades {
    color: #F2FFE0;
}

.fondo-gris-nota {
    color: #EEEEEE;
}

.fondo-colaboradores {
    color: #C4E5F6;
}

.naranja {
    color: #FE5D00;
}

.violeta {
    color: #BA47A7;
}

.verde-tesauro {
    color: #61A032;
}

.azul-tesauro {
    color: #004AB6;
}

.notas-de-colaboradores > p {
    text-align: right;
}

a.more {
    font-size: 8pt;
    color: #2c5997;
    text-decoration: none;
}

    a.more:hover {
        text-decoration: underline;
    }

.barra-menu-principal {
    background-color: #001353;
    height: 30px;
    width: 100%;
    z-index: 20000;
}

.barra-busqueda {
    margin-top: 15px;
    width: 100%;
    clear: both;
}

a.logo-barra-busqueda {
    margin: 0 auto;
    display: block;
    text-align: center;
}

#progress {
    height: 2px;
    width: 0%;
    padding: 0;
    margin: 0;
    background-color: #719449;
}

ul.sujetos-obligados {
    list-style-type: none;
    list-style-position: outside;
    margin-top: 5px;
    margin-bottom: 15px;
    padding: 0;
}

    ul.sujetos-obligados li a {
        font-size: 10pt;
        color: #333333;
        text-decoration: none;
    }

        ul.sujetos-obligados li a:hover {
            text-decoration: underline;
        }

.nota-norma {
    background-color: #ededed;
    padding: 15px;
    margin-bottom: 35px;
    border-radius: 12px;
}

.nota-norma-titulo {
    margin-bottom: 15px;
}

    .nota-norma-titulo a {
        font-size: 11pt;
        font-weight: bold;
        color: #333333;
    }

.nota-norma-titulo-tipo {
    color: #719449;
}

.nota-detalle {
    font-weight: bold;
    color: #2C5997;
}

.banner-home {
    text-align: center;
    background: #fff;
    padding: 0 0 15px 0;
}

    .banner-home img {
        max-width: 353px;
        width: 100%;
    }

.columna-accesoria .banner-derecha {
    padding-bottom: 10px;
}

    .columna-accesoria .banner-derecha img {
        width: 100%;
    }

.box-sujetos-obligados {
    border: .5px solid #777777;
    padding: 15px;
    margin-bottom: 15px;
}

    .box-sujetos-obligados h2 {
        font-size: 13pt;
        font-weight: bold;
        color: #2c5997;
    }

    .box-sujetos-obligados p {
        font-size: 10pt;
        color: #333333;
        margin-top: 10px;
        margin-bottom: 12px;
    }

.btn-usuario {
    height: 30px;
    min-width: 110px;
    border: none;
    outline: none;
    font-size: 10pt;
    color: #FFF;
    padding: 5px 15px 5px 15px;
    background: url(../img/t.gif);
    cursor: pointer;
}

.menu-drop-opciones {
    font-size: 10pt;
    min-width: 200px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
}

    .menu-drop-opciones a {
        float: none;
        font-size: 10pt;
        display: block;
        color: #FFF;
        padding: 10px 35px 10px 15px;
        text-decoration: none;
        text-align: left;
        background-color: #001353;
    }

        .menu-drop-opciones a:hover {
            text-decoration: underline;
        }

        .menu-drop-opciones a:visited {
            color: #FFF;
        }

.menu-orden {
    margin-right: 10px;
    text-align: right;
    width: 240px;
}

.menu-orden-opciones {
    width: 140px;
    font-size: 10pt;
    background-color: #FFF;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
}

    .menu-orden-opciones a {
        font-size: 10pt;
        display: block;
        padding: 5px 10px 5px 10px;
        text-decoration: none;
    }

        .menu-orden-opciones a:hover {
            text-decoration: underline;
        }


.menu-drop {
    float: right;
    overflow: hidden;
}

    .menu-drop.f-izquierda {
        float: left;
    }

.menu-drop-links {
    display: none;
    position: absolute;
    z-index: 1000;
    margin: 0;
}

.menu-drop:hover .menu-drop-links {
    display: block;
}

.btn-pais {
    cursor: pointer;
}

.btn-pais,
.pais {
    height: 30px;
    width: 60px;
    border: none;
    outline: none;
    font-size: 10pt;
    color: white;
    padding: 5px 0 5px 0;
    margin: 0;
    background: url(../img/t.gif);
}

    .btn-pais img,
    .pais img {
        padding: 0;
        border: 0;
        margin: 0 7px;
        float: left;
    }

.paises:hover .btn-pais {
    background-color: #f9f9f9;
    color: #333;
}

.flecha,
.flecha-flag {
    font-size: x-small;
}

.paises-lista {
    right: 0;
    width: 120px;
    font-size: 10pt;
    background-color: #f9f9f9;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
}

    .paises-lista a {
        float: none;
        display: block;
        color: #333;
        padding: 5px 8px;
        text-decoration: none;
        text-align: left;
        border-top: 1px solid #ccc;
    }

        .paises-lista a img {
            padding: 0;
            border: 0;
            margin: 0px 7px 0 0;
            float: left;
        }

        .paises-lista a:hover {
            background-color: #ececec;
        }

.iniciar-sesion,
.sesion {
    padding: 0;
    margin: 2px 55px 0 0;
    float: right;
}

    .iniciar-sesion a,
    .iniciar-sesion a:visited
    .sesion a,
    .sesion a:visited {
        color: #FFF;
        font-size: 10pt;
        text-decoration: none;
    }

        .iniciar-sesion a:hover,
        .sesion a:hover {
            text-decoration: underline;
        }

.marco-logo-bco {
    margin: 0;
    padding: 15px 0 0 15px;
}

.certificado-ISO {
    width: 170px;
    height: 120px;
    align-self: center;
}

    .certificado-ISO img {
        float: left;
        margin-right: 7px;
    }

    .certificado-ISO p {
        font-size: 9pt;
        color: #fff;
        line-height: 16px;
        margin-top: 19px;
    }

.ico-menu {
    margin: 7px;
}

#btn-menu-institucional {
    display: block;
    cursor: pointer;
    height: 16px;
}

ul.menu-institucional {
    display: none;
}

.default-pie ul.menu-institucional {
    display: block;
    height: 30px;
    line-height: 30px;
    border-width: 1px 0;
    list-style: none;
    margin: 0 0 0 20px;
    padding: 0;
    font-size: 10pt;
}

ul.menu-institucional li {
    list-style-type: none;
    align-items: center;
    height: 30px;
    float: left;
}

    ul.menu-institucional li a {
        color: #FFF;
        text-decoration: none;
        font-size: 10pt;
    }

        ul.menu-institucional li a:hover {
            text-decoration: underline;
        }

    ul.menu-institucional li span {
        color: #FFF;
        padding: 0 7px;
        font-size: 10pt;
    }

.bloque-novedades {
    background-color: #f2ffe0;
    margin-bottom: 15px;
    border-left: 3px solid #2c5997;
}

    .bloque-novedades p {
        font-size: 10pt;
        font-weight: bold;
        color: #333333;
        margin: 5px 15px 0 15px;
        padding-bottom: 10px;
    }

    .bloque-novedades .separador {
        border-bottom: 1px solid #CCC;
    }

    .bloque-novedades a {
        color: #333333;
        text-decoration: none;
    }

        .bloque-novedades a:hover {
            color: #333333;
            text-decoration: underline;
        }

#pie-interno {
    margin-top: 50px;
    height: 40px;
}

.pie-interno-logos {
    display: none;
}

ul.menu-institucional-interno {
    height: 30px;
    line-height: 30px;
    border: 1px solid #ccc;
    border-width: 1px 0;
    list-style: none;
    margin: 0;
    padding: 0 20% 0 0;
    font-size: 10pt;
    background-color: #001353;
    display: flex;
    justify-content: space-around;
}

    ul.menu-institucional-interno li {
        background-color: #001353;
        list-style-type: none;
        display: inline;
    }

        ul.menu-institucional-interno li a {
            color: #FFF;
            text-decoration: none;
            display: inline-block;
            font-size: 10pt;
        }

            ul.menu-institucional-interno li a:hover {
                text-decoration: underline;
            }

        ul.menu-institucional-interno li span {
            color: #FFF;
            padding: 0 5px;
            font-size: 10pt;
        }

ul.menu-legal {
    margin: 0;
    padding: 0 20px;
    clear: both;
}

    ul.menu-legal li {
        list-style-type: none;
        display: flex;
        align-items: center;
        height: 30px;
        float: left;
    }

        ul.menu-legal li a {
            color: #FFF;
            text-decoration: none;
            font-size: 9pt;
        }

            ul.menu-legal li a:hover {
                text-decoration: underline;
            }

        ul.menu-legal li span {
            color: #FFF;
            padding: 0 5px;
            font-size: 9pt;
        }

ul.menu-legal-interno {
    list-style: none;
    text-align: center;
    margin: 0;
    padding: 15px 10px 15px 10px;
    background-color: #EFEFEF;
}

    ul.menu-legal-interno li {
        list-style-type: none;
        display: inline;
    }

        ul.menu-legal-interno li a {
            display: inline-block;
            color: #333;
            text-decoration: none;
            font-size: 9pt;
        }

            ul.menu-legal-interno li a:hover {
                text-decoration: underline;
            }

        ul.menu-legal-interno li span {
            color: #333;
            padding: 0 5px;
            font-size: 9pt;
        }

*:focus {
    outline: 0;
}

form.busqueda {
    margin: 20px auto 30px auto;
    height: 30px;
    border: 1px solid #2c5997;
    width: 90%;
    max-width: 550px;
}

    form.busqueda ::-webkit-input-placeholder {
        color: #ccc;
        font-style: italic;
    }

    form.busqueda :-moz-placeholder {
        color: #ccc;
        font-style: italic;
    }

    form.busqueda ::-moz-placeholder {
        color: #ccc;
        font-style: italic;
    }

    form.busqueda :-ms-input-placeholder {
        color: #ccc;
        font-style: italic;
    }

input:-webkit-autofill, input:focus:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #FFF inset;
}

#busquedas {
    display: flex;
    flex-direction: column;
    z-index: 10000;
}

    #busquedas .busquedas-texto {
        width: 100%;
        background: #fff;
    }

    #busquedas .txt-busqueda {
        outline: 0;
        height: 28px;
        width: 90%;
        line-height: 28px;
        padding: 0 10px;
        border: 0;
        float: left;
    }

    #busquedas .btn-busqueda {
        outline: 0;
        border: 0;
        margin-top: 5px;
        margin-right: 5px;
        float: right;
        background-image: url('../img/pdl3-iconos.png');
        background-repeat: no-repeat;
        background-color: white;
        width: 20px;
        height: 20px;
        background-position: -270px -200px;
        line-height: 30px;
        cursor: pointer;
    }

    #busquedas .busquedas-opciones {
        display: none;
    }

        #busquedas .busquedas-opciones .busquedas-opciones-titulo {
            display: flex;
            flex-direction: row;
            background-color: #FFFFFF;
            margin: 2px 0 0 0;
            padding: 0;
        }

        #busquedas .busquedas-opciones .busquedas-opciones-titulo-interno {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            font-size: 10pt;
            margin-top: 2px;
            margin-bottom: 3px;
            padding: 2px 5px 5px 5px;
            color: rgb(255, 255, 255);
            background-color: rgb(74, 139, 245);
            width: 100%;
        }

        #busquedas .busquedas-opciones .busquedas-opciones-checks {
            display: flex;
            flex-direction: row;
            font-size: 9pt;
            font-weight: bold;
        }

            #busquedas .busquedas-opciones .busquedas-opciones-checks div {
                display: flex;
                flex-direction: row;
                align-items: center;
                width: 160px;
                margin: 5px 0 5px 5px;
            }

                #busquedas .busquedas-opciones .busquedas-opciones-checks div * {
                    margin-right: 5px;
                }

    #busquedas.active {
        position: relative;
    }

        #busquedas.active .busquedas-opciones {
            display: flex;
            flex-direction: column;
            margin-top: 2px;
            border: 1px solid #CCCCCC;
            background-color: #FFFFFF;
            box-shadow: 4px 4px 7px #BBB;
            position: relative;
        }

#under-pop-ups {
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: white;
    opacity: .01;
    -webkit-opacity: .01;
    -moz-opacity: .01;
    filter: alpha(opacity=1);
    position: fixed;
    z-index: 10000;
}

    #under-pop-ups.active {
        display: block;
        background-color: #000;
        opacity: .1;
        filter: alpha(opacity=10);
        -moz-opacity: 0.1;
        z-index: 10000;
    }

#menu-usuario-abrir {
    display: inline;
}

    #menu-usuario-abrir.active {
        display: none;
    }

#menu-usuario-cerrar {
    display: none;
}

    #menu-usuario-cerrar.active {
        display: inline;
    }

.contenido {
    width: 100%;
    clear: both;
}

article {
    width: 100%;
    margin-bottom: 5px;
    background: #999;
    float: left;
    clear: left;
}

    article.derecha {
        float: left;
        clear: left;
    }

.columna-principal {
    width: 100%;
    clear: both;
    padding-left: 23px;
    padding-right: 10px;
}

.columnas-home {
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

    .columnas-home .columna-izquierda {
        /*border: 1px solid red;*/
        width: 100%;
        padding-right: 0;
    }

    .columnas-home .columna-derecha {
        /*border: 1px solid blue;*/
        width: 100%;
        padding-left: 0;
    }

.columna-accesoria {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-around;
    width: auto;
    clear: both;
    padding-left: 10px;
    padding-right: 10px;
}

    .columna-accesoria div {
        width: 235px;
    }

#novedades-accesoria {
    display: none;
}


#columnaAccesosContainer {
    margin: 0;
    width: 245px;
    padding: 0 20px 0 10px;
}

#columnaAccesosContainer {
    display: none;
    position: absolute;
    background-color: #FFF;
    padding: 10px;
}

.color-Accesos {
    background: #001353;
}

.texto-NO {
    color: #D63535;
}

.color-NO {
    background: #D63535;
}

.texto-TO {
    background: #094AB2
}

.color-TO {
    background: #094AB2
}

.color-NOA {
    background: #A248A3
}

.cabecera-accesos {
    line-height: 35px;
    height: 35px;
    font-size: 13pt;
    color: #FFFFFF;
    font-size: 11pt;
    font-weight: bold;
    padding: 0 0 0 15px;
}

.columnas {
    display: block;
    position: relative;
    clear: both;
}

.cabecera-accesos-container {
    border-left: 1px #CCC solid;
    border-right: 1px #CCC solid;
    border-bottom: 1px #CCC solid;
}

.division-accesos {
    font-size: 5pt;
    font-weight: normal;
    line-height: 5px;
    height: 5px;
}

.acceso:hover {
    background-color: #333333;
    color: #fff;
}

.columna-accesos a {
    text-decoration: none;
}

.filtrosContainer {
    width: 100%;
    background-color: white;
}

.acceso-seleccionado {
    color: #333;
    font-size: 10pt;
    vertical-align: middle;
    padding-left: 14px;
    line-height: 30px;
    min-height: 30px;
    background-color: #F1F1F1;
    font-weight: bold;
}

.acceso {
    color: #333;
    font-size: 10pt;
    vertical-align: middle;
    padding-left: 14px;
    line-height: 30px;
    min-height: 30px;
}

.dos-columnas {
    position: relative;
    clear: both;
}

.bloque-dos-columnas {
    width: auto;
    float: none;
    margin: 10px 20px 20px 0;
}

.columna-lectura {
    margin-left: 10px;
    margin-right: 10px;
    flex-grow: 1;
    width: 100%;
}

p.relaciones {
    margin-top: 7px;
    font-size: 9pt;
    color: #808080
}


.glosario-links {
    text-align: center;
    margin-left: 5px;
    margin-right: 5px;
}

    .glosario-links a {
        display: inline;
        text-decoration: none;
        padding: 0 3px;
    }

        .glosario-links a:hover {
            text-decoration: underline
        }

.f9 {
    font-size: 9pt
}

.f10 {
    font-size: 10pt
}

.f11 {
    font-size: 11pt
}

.f12 {
    font-size: 12pt
}

.f14 {
    font-size: 14pt
}

.f15 {
    font-size: 15pt
}

.f16 {
    font-size: 16pt
}

.normal {
    font-weight: normal
}

.destacado,
.bold {
    font-weight: bold
}

.italic {
    font-style: italic
}

.lh15 {
    line-height: 15px
}

.lh25 {
    line-height: 25px
}

.mb3 {
    margin-bottom: 3px
}

.mb10 {
    margin-bottom: 10px
}

.mb15 {
    margin-bottom: 15px
}

.mb30 {
    margin-bottom: 30px
}

.ml0 {
    margin-left: 0;
}


.ml5 {
    margin-left: 5px;
}

.ml10 {
    margin-left: 10px;
}

.ml15 {
    margin-left: 15px;
}

.mr0 {
    margin-right: 0;
}

.mr5 {
    margin-right: 5px;
}

.mr15 {
    margin-right: 15px;
}

.mt15 {
    margin-top: 15px;
}

.pt10 {
    padding-top: 10px;
}

.pt15 {
    padding-top: 15px;
}

ul.abc-home {
    font-size: 12pt;
    line-height: 25px;
    padding: 0;
}

    ul.abc-home li {
        display: inline-block;
    }

    ul.abc-home a {
        font-size: 12pt;
        color: #3273D8;
    }

        ul.abc-home a:hover {
            text-decoration: none;
        }

    ul.abc-home span.bullet {
        padding-left: 3px;
        padding-right: 3px;
        font-size: 10pt;
    }

.vistas-2-col,
.vistas-3-col {
    display: none;
}

.vistas-1-col {
    padding-left: 12px;
    margin-top: 5px;
    padding-bottom: 10px;
    border-bottom: 1px solid #EFEFEF;
}

    .vistas-1-col.abc {
        margin-left: 12px;
        margin-top: 0;
    }

        .vistas-1-col,
        .vistas-1-col .abc,
        .vistas-1-col .abc a {
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            align-items: baseline;
            flex-wrap: wrap;
            padding-bottom: 0px;
        }

            .vistas-1-col span,
            .vistas-2-col span,
            .vistas-3-col span {
                font-size: 10pt;
                white-space: nowrap;
                margin: 0 10px 0 0;
            }

                .vistas-1-col span.vistas-subtitulo,
                .vistas-2-col span.vistas-subtitulo,
                .vistas-3-col span.vistas-subtitulo {
                    margin-right: 7px;
                }

                .vistas-1-col span.separador-vistas-documento,
                .vistas-2-col span.separador-vistas-documento,
                .vistas-3-col span.separador-vistas-documento {
                    margin-right: 7px;
                }


            .vistas-1-col a,
            .vistas-2-col a,
            .vistas-3-col a {
                color: #3273D8;
                margin: 0 10px 0 0;
                font-size: 10pt;
            }

                .vistas-1-col a:hover,
                .vistas-2-col a:hover,
                .vistas-3-col a:hover {
                    text-decoration: none;
                }

.abc .letra {
    font-size: 9pt;
    padding-left: 6px;
    padding-right: 6px;
    margin: 0;
}

.abc .flecha {
    margin: 0 5px 0 5px;
    font-size: 7pt;
    color: #333;
}

.abc a {
    font-size: 9pt;
    color: #3273D8;
    padding: 0;
    margin: 0;
}

    .abc a:hover {
        text-decoration: none;
    }

.abc span {
    font-size: 9pt;
    color: #333;
    margin-right: 5px;
}

    .abc span.bullet {
        margin: 0;
    }

.vinculo,
.vinculo:link,
.vinculo:visited {
    font-size: 10pt;
    color: #1155CC;
    cursor: pointer;
    text-decoration: none;
}

    .vinculo:hover {
        text-decoration: underline;
    }

.vinculoAnexo,
.vinculoAnexo:link,
.vinculoAnexo:visited {
    color: #1155CC;
    cursor: pointer;
    text-decoration: none
}

    .vinculoAnexo:hover {
        color: #1155CC;
        cursor: pointer;
        text-decoration: underline
    }

.vista-activa {
    color: #333;
    font-weight: bold;
    margin: 0 15px 0 0;
    border-bottom: 3px solid #094AB2;
}

span.vista-inactiva {
    color: #CCC;
    padding: 0 2px 0px 2px;
}

#btn-vistas-documento-1-col {
    display: flex;
    margin: 0;
    padding: 15px 10px 0 10px;
}

    #btn-vistas-documento-1-col.active {
        display: none;
    }

#btn-vistas-documento-1-col-abs {
    display: none;
    margin: 0;
    padding: 15px 10px 0 10px;
    background-color: #fff;
    z-index: 99999;
}

    #btn-vistas-documento-1-col-abs.active {
        display: flex;
    }

#abc-pop-up,
#abc-pop-up .abc,
#abc-pop-up .abc ul,
#abc-pop-up .abc li,
#abc-pop-up .abc a {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: baseline;
    flex-wrap: wrap;
    background-color: #fff;
    z-index: 99999;
}

#abc-pop-up {
    display: none;
    margin-top: -1px;
    width: fit-content;
    position: absolute;
}

    #abc-pop-up ul {
        padding: 10px;
    }

    #abc-pop-up.active {
        display: flex;
    }

#btn-vistas-documento-2-col,
#btn-vistas-documento-2-col.active {
    display: none;
}

p.ver-mas {
    font-size: 9pt;
    font-weight: normal;
    margin-top: 9px;
    text-align: right;
    padding-right: 50px;
    padding-bottom: 10px;
}

    p.ver-mas a {
        color: #333333;
        text-decoration: none;
    }

        p.ver-mas a:hover {
            text-decoration: underline;
        }

.cartel-resultados {
    font-size: 13pt;
    color: #919191;
    margin-top: 7px;
    margin-bottom: 15px
}

.cartel-resultados-termino {
    font-size: 13pt;
    color: #333333
}

.cartel-sin-resultados {
    font-size: 13pt;
    color: #333333;
    margin-top: 7px;
    margin-bottom: 15px
}

.cartel-sin-resultados-termino {
    font-size: 13pt;
    color: #D63535
}

.cartel-novedades {
    font-size: 13pt;
    color: #333333;
    font-weight: bold;
    margin-bottom: 15px;
}

.cartel-relaciones {
    font-size: 12pt;
    color: #333333;
    font-weight: normal;
    padding: 10px 0 10px 0;
    display: flex;
    align-items: flex-end;
}

    .cartel-relaciones img {
        margin-right: 3px;
    }

.cartel-relaciones-Noa {
    font-size: 12pt;
    color: #333333;
    font-weight: normal;
    padding: 10px 0 10px 0;
    display: flex;
    align-items: flex-end;
    margin-bottom: 10px;
}

    .cartel-relaciones-Noa img {
        margin-right: 3px;
    }

.cartel-sin-texto {
    background-color: #F1F1F1;
    padding: 10px;
    text-align: justify;
    margin-top: 10px;
}

p.relaciones-RNor {
    padding: 10px 0 10px 0;
    font-weight: bold;
}

div.relacion-RNor {
    display: block;
}

    div.relacion-RNor div.acierto-content p {
        margin-left: 20px;
    }

.cuadro-nota-analisis div.herramientas-container {
    margin-right: 0;
}

.cuadro-nota-analisis li {
    font-size: 10pt;
}

.cuadro-nota-analisis .normal {
    font-size: 10pt;
    margin: 0mm 0mm 2mm 0mm;
}

.cuadro-nota-analisis .seccion {
    font-size: 10pt;
    margin: 0mm 0mm 2mm 0mm;
    text-decoration: none
}

.cuadro-nota-analisis .ver-texto {
    padding-bottom: 10pt;
}

    .cuadro-nota-analisis .ver-texto a,
    .cuadro-nota-analisis .ver-texto a:hover,
    .cuadro-nota-analisis .ver-texto a:visited {
        font-size: 10pt;
        margin: 0mm 0mm 2mm 0mm;
        color: #1155CC;
        text-decoration: none;
        text-align: right;
        padding-bottom: 10pt;
    }

.cabecera-titulo-Noa {
    font-size: 16pt;
    color: #222262;
    margin: 0 0 10px 0;
}

.cabecera-volanta-Noa {
    font-size: 10pt;
    color: #919191;
    font-weight: normal;
    padding: 0;
    margin: 0 0 10px 0;
    text-decoration: none;
    clear: both;
}

.cabecera-bloque-copete-Noa {
    margin: 0 0 10px 0;
    border-bottom: 1px solid #E3E3E3;
    padding-bottom: 7px;
}

.cabecera-separador-copete-Noa {
    font-size: 9pt;
    color: #595959;
    font-weight: normal;
}

.cabecera-pre-copete-Noa {
    font-size: 10pt;
    font-weight: bold;
}

.cabecera-pre-copete-fecha-Noa {
    font-size: 10pt;
    font-weight: bold;
}

.cabecera-copete-Noa {
    font-size: 10pt;
    color: #333;
    font-weight: normal;
}

.cabecera-pos-copete-Noa {
    font-size: 10pt;
    font-weight: normal;
    font-style: italic;
}

.acierto {
    display: flex;
    width: 100%;
    margin-top: 20px;
    padding: 5px;
}

    .acierto .linkN.disabled {
        font-size: 11pt;
        color: gray;
        text-decoration: none
    }

    .acierto .fecha-producto.disabled {
        color: gray;
    }

.acierto-content {
    float: left;
    width: 100%;
    clear: both
}

    .acierto-content p {
        margin: 0;
        padding: 0
    }

.acierto-links {
    flex: 1;
}

    .acierto-links p.hits {
        font-size: 10pt;
        margin-top: 3px;
    }


    .acierto-links .relaciones {
        font-size: 9pt;
        margin-top: 7px;
    }

.separador-pipe {
    margin-left: 5px;
    margin-right: 5px;
}

.vinculo-relaciones {
    color: #2C5997;
    cursor: pointer;
}

    .vinculo-relaciones:hover {
        color: rgb(128,128,128)
    }

.vinculo-secundario {
    color: #333;
    cursor: pointer;
}

    .vinculo-secundario:hover {
        color: #2C5997;
        cursor: pointer;
        text-decoration: underline;
    }

.fecha-alerta-adjunto {
    width: 100px;
    padding: 0 3px;
}

    .fecha-alerta-adjunto p {
        font-size: 10pt;
    }

.separador-span {
    margin-right: 5px;
    margin-left: 5px;
    padding: 0;
}

.sintesis-norma {
    background-color: #F4F4F4;
    padding: 7px;
    margin: 7px 0 0 0;
    font-size: 10pt;
    text-align: justify
}

.sintesis-norma-titulo {
    font-size: 14pt;
    padding-bottom: 14px
}

.acierto-arbol,
.voces-recuadro {
    background-color: #F4F4F4;
    padding: 7px;
    margin: 0 15px 10px 15px;
    font-size: 10pt;
    text-align: justify;
    clear: both;
}

.acierto-arbol-titulo {
    font-size: 12pt;
    padding-bottom: 12px
}

.voces-titulo-referencia {
    font-size: 14pt;
    padding-bottom: 14px;
}

.voces {
    font-size: 10pt;
    font-weight: normal;
    text-decoration: none;
    line-height: 17px;
    margin-bottom: 14px;
}

    .voces .termino {
        color: #333;
        font-weight: bold;
        font-size: 10pt;
        padding-bottom: 0;
    }

    .voces .relacionado {
        color: #919191;
        font-size: 9pt;
    }

    .voces a {
        text-decoration: none;
    }

.termino {
    clear: both;
    position: relative;
    padding-top: 10px;
    padding-bottom: 20px;
}

a.linkCap {
    color: #1155cc;
    text-decoration: underline;
    font-weight: normal;
    font-style: italic;
}

a.linkNor {
    color: #1155cc;
    text-decoration: underline;
    font-style: normal;
    text-decoration: underline
}

a.link {
    color: #1155cc;
    text-decoration: underline;
}

    a.link:hover,
    a.linkC:hover,
    a.linkNor:hover {
        color: #333;
        text-decoration: none;
    }

    a.link:visited,
    a.linkCap:visited,
    a.linkNor:visited {
        color: #660099;
    }

a.linkC {
    font-size: 12pt;
    font-weight: bold;
    color: #1155CC;
    text-decoration: none;
}

    a.linkC .cabecera {
        font-size: 10pt;
        font-weight: normal;
    }

a.linkN {
    font-size: 11pt;
    color: #1155CC;
    text-decoration: none
}

    a.linkC:hover,
    a.linkN:hover {
        text-decoration: none;
        color: #2C5997;
    }

    a.linkC:visited,
    a.linkN:visited {
        color: #001353;
    }

/*span.linkN.disabled {
    font-size: 11pt;
    color: gray;
    text-decoration: none
}*/

.parrafo-splash {
    text-indent: -23px;
    margin-left: 45px;
    margin-bottom: 10px;
    line-height: 15px;
    font-size: 10pt;
    clear: both;
}

    .parrafo-splash img {
        vertical-align: middle;
        margin-bottom: 5px;
    }


.fecha-producto {
    float: right;
    width: 100px;
    text-align: right;
    font-size: 10pt;
}

    .fecha-producto ul {
        color: #333;
        list-style-type: none;
        margin: 0;
        padding: 0
    }

    .fecha-producto img.sin-icono {
        width: 0;
        height: 0;
    }

/*.fecha-producto.disabled {
        color: gray;
    }*/

.refinar-busqueda-filtros {
    padding: 5px 7px 5px 7px;
}

    .refinar-busqueda-filtros p {
        font-size: 10pt;
    }

.lbl-filtro-aplicado {
    font-size: 10pt;
    font-weight: bold;
    margin-top: 7px;
    margin-bottom: 7px;
}

.p-filtro {
    margin: 25px 0 0 0;
    padding: 3px 7px 3px 7px;
    background-color: #EDEDED;
}

.lbl-filtro {
    font-size: 13pt;
    font-weight: bold;
    margin: 0;
    width: 75px;
}

.lbl-filtros-avanzados {
    float: right;
}

.paginacion-inferior {
    font-size: 10pt;
    text-align: center;
    margin-top: 35px;
    margin-bottom: 15px;
}

    .paginacion-inferior a {
        color: #2C5997;
        margin-left: 10px
    }

        .paginacion-inferior a:hover {
            text-decoration: underline
        }

    .paginacion-inferior span {
        font-weight: bold;
        margin-left: 10px
    }

#menu-herramientas-colapsado {
    display: block;
    margin-right: 5px;
    padding: 5px;
}

    #menu-herramientas-colapsado.active {
        display: block;
        z-index: 10100;
        position: absolute;
        top: 0;
        right: 0;
        background-color: #fff;
        height: 30px;
    }

#menu-herramientas-desplegado {
    display: none;
}

    #menu-herramientas-desplegado.active {
        display: flex;
        align-items: center;
        height: 30px;
        z-index: 10100;
        position: absolute;
        top: 30px;
        right: 5px;
        padding: 0 5px;
        background-color: #fff;
        box-shadow: 4px 4px 7px #bbb;
    }

/* dialogo-container */
#dialogo-container {
    position: absolute;
    top: 55px;
    width: 100%;
    display: none;
    z-index: 99999999;
}

    #dialogo-container.active {
        display: block;
    }

    #dialogo-container .renglon-container {
        margin: 0 auto;
    }

        #dialogo-container .renglon-container img.cabecera {
            width: 100%;
        }

    #dialogo-container .marcoMensaje {
        max-width: 85%;
        min-width: 350px;
        margin: 0 auto;
        background-color: #fff;
        box-shadow: 4px 4px 7px #BBB;
        padding: 20px;
    }

        #dialogo-container .marcoMensaje p.x {
            font-size: 12pt;
            font-weight: normal;
            padding: 0;
            text-align: right;
        }

        #dialogo-container .marcoMensaje .titulo {
            font-weight: normal;
            padding: 0 0 10px 0;
            text-align: left;
            font-weight: bold;
            font-size: 10pt;
            display: flex;
            justify-content: space-between;
        }

        #dialogo-container .marcoMensaje div.subBloque {
            width: 100%;
            clear: both;
            padding-top: 20px;
        }

            #dialogo-container .marcoMensaje div.subBloque .asterisco {
                margin-left: 5px;
                color: red;
                font-weight: bold;
            }

        #dialogo-container .marcoMensaje p.botones {
            padding: 20px 0 0 0;
            text-align: right;
        }

    #dialogo-container .aclaracion {
        font-size: 9pt;
        margin-top: 10px;
    }

        #dialogo-container .aclaracion.fondoGris {
            background: #E3E3E3;
        }

    #dialogo-container .renglon-datos {
        display: flex;
        flex-direction: row;
        align-items: center;
        align-content: space-between;
        margin-bottom: 10px;
    }

        #dialogo-container .renglon-datos label {
            white-space: nowrap;
            margin-right: 10px;
            float: left;
            font-size: 10pt;
            line-height: 15px;
        }

        #dialogo-container .renglon-datos input[type='text'] {
            width: 100%;
        }

        #dialogo-container .renglon-datos input[type='checkbox'] {
            width: auto;
            margin-right: 5px;
        }

        #dialogo-container .renglon-datos textarea {
            width: 100%;
            resize: vertical;
        }

    #dialogo-container .boton button {
        margin-left: 10px;
    }

    #dialogo-container .error {
        color: red;
        display: none;
        font-size: 10pt;
    }

#marcoMensaje_Mail.marcoMensaje {
    max-width: 600px;
}

    #marcoMensaje_Mail.marcoMensaje .renglon-datos label {
        min-width: 70px;
    }

    #marcoMensaje_Mail.marcoMensaje .botones a { /*politica de confidencialidad*/
        float: left
    }


#marcoMensaje_Vinculo.marcoMensaje {
    max-width: 600px;
}

    #marcoMensaje_Vinculo.marcoMensaje #link_documento {
        width: 100%;
        height: 50px;
        padding-left: 15px;
        border: 1px solid #999999;
        overflow: scroll;
        overflow-x: hidden;
        overflow-y: scroll;
    }

        #marcoMensaje_Vinculo.marcoMensaje #link_documento a {
            font-size: 10pt;
            text-decoration: underline;
        }

    #marcoMensaje_Vinculo.marcoMensaje #link_navegador {
        width: 100%;
        height: 50px;
        border: 1px solid #999999;
        resize: vertical;
    }

    #marcoMensaje_Vinculo.marcoMensaje p.botones {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        padding-top: 5px;
    }

    #marcoMensaje_Vinculo.marcoMensaje .aclaracion {
        text-align: left;
    }





.herramientas {
    padding: 0 3px 0 3px;
    float: right;
}

    .herramientas img {
        vertical-align: middle
    }

#btn-mas-contenidos-abs {
    left: 0;
    display: none;
}

#btn-accesos-abs,
#btn-filtros-abs,
#btn-lectura,
#btn-navegacion {
    display: none;
}

    #btn-mas-contenidos-abs.active,
    #btn-accesos-abs.active,
    #btn-filtros-abs.active {
        position: absolute;
        background-color: #fff;
        height: 30px;
        display: block;
    }

.btn-pop-up {
    padding: 5px 10px 0 10px;
    float: left;
}

    .btn-pop-up img {
        vertical-align: middle;
    }

    .btn-pop-up a {
        font-size: 9pt;
        color: #919191;
    }

        .btn-pop-up a:hover {
            text-decoration: none;
            color: #333333;
        }

.barra-inferior-solapa {
    margin: 0 0 10px 0;
    padding: 0;
    /*border-top: 1px solid #EAEAEA;*/ /*el borde lo tiene cabecera-solapa, si se declara en los 2 queda muy grueso */
    height: 35px;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.accesos-container {
    position: relative;
}

.paginacion-superior-container {
    margin-top: 5px;
    color: #919191;
    font-size: 9pt;
    position: absolute;
    left: 280px;
    line-height: 20px;
}

#contenedor-accesos-mas-contenidos {
    display: block;
    width: 330px;
    margin: 0;
    clear: both;
}

#btn-mas-contenidos-abs.active,
#mas-contenidos-interno.active,
#btn-accesos-abs.active,
#btn-filtros-abs.active,
#bloque-accesos-container.active,
#btn-filtros-abs.active,
#bloque-filtros.active {
    z-index: 10100;
}

#mas-contenidos-interno.active,
#bloque-accesos-container.active,
#bloque-filtros.active {
    display: block;
    position: absolute;
    box-shadow: 4px 4px 7px #bbb;
}

a.eliminar-filtro {
    font-size: 10pt;
    text-decoration: none;
    color: #ffffff;
    margin: 0
}

    a.eliminar-filtro:hover {
        text-decoration: none;
        color: #ffffff;
    }

    a.eliminar-filtro img {
        margin-bottom: -1px
    }

.filtro-aplicado {
    background-color: #4A8BF5;
    padding: 2px;
    width: 100%;
    margin-bottom: 5px;
    line-height: 15pt;
}

.filtro-tematico {
    background: rgb(255,242,242);
    padding: 5px 7px 5px 7px;
    margin: 0
}

    .filtro-tematico p {
        line-height: 13pt;
        margin-bottom: 10px
    }

    .filtro-tematico .especificos p {
        line-height: 13pt;
        margin-bottom: 5px
    }

#bloque-filtros.active {
    width: 250px;
    margin: -15px 0 0 0;
    padding: 12px;
    background-color: #FFF;
}

#bloque-accesos-container.active {
    margin: -15px 0 0 0;
    padding: 12px;
    background-color: #FFF;
}

#mas-contenidos-interno,
#bloque-accesos-container,
#bloque-filtros {
    display: none;
    position: absolute;
    background-color: #FFF;
}

#mas-contenidos-interno {
    top: 30px;
    left: 0px;
}

#bloque-accesos {
    width: 250px;
    left: 0px;
}

.recuadro-productos {
    width: 350px;
    height: 90px;
    margin-left: 20px;
}

a.color-sin-acceso:hover {
    background: #CCC;
}

.recuadro-productos-mas-contenidos {
    width: 300px;
    height: 90px;
    margin: 20px;
    display: flex;
    flex-direction: row;
}

.producto-mas-contenidos {
    width: 100px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    text-align: center;
}

    .producto-mas-contenidos a {
        color: #333;
        font-weight: bold;
        font-size: 10pt;
        text-decoration: none;
    }

        .producto-mas-contenidos a:hover {
            text-decoration: underline;
        }

.marco-arbol-cont {
    margin-top: 10px;
    margin-bottom: 15px;
}

    .marco-arbol-cont a,
    .marco-arbol-cont a:link,
    .marco-arbol-cont a:visited {
        color: #1155CC;
        text-decoration: none;
    }

.arb-cont {
    font: 10pt/1.3 "Segoe UI", Verdana, Arial;
    word-wrap: break-word;
    margin: 0;
}

    .arb-cont div {
        width: auto;
        margin-bottom: 5px;
        white-space: normal;
        display: block;
    }

        .arb-cont div > a {
            overflow: hidden;
            margin-left: 10px;
            display: block;
        }

div.arb-cont div > a:link /*,
div.arb-cont div > a:visited       comentado porque se descajeta en el arbol de organismos en edge */ {
    overflow: hidden;
    margin-left: 10px;
    display: block;
}

div.arb-cont div > a:hover {
    text-decoration: underline;
}

.arb-cont div > a.ico-colapsar,
.arb-cont div > a.ico-colapsar2 {
    margin-left: 0px;
    vertical-align: top;
    float: left;
    display: inline;
}

.arb-cont div > a.ico-expandir,
.arb-cont div > a.ico-expandir2 {
    /*margin-left: 0px;       comentado porque se descajeta en el arbol de organismos en edge  */
    vertical-align: top;
    float: left;
    display: inline;
}

.arb-cont div > a.ico-vacio {
    margin-left: 0px;
    vertical-align: top;
    float: left;
    display: inline;
}

.arb-cont div > a /*,
.arb-cont div > a:link,            comentado porque se descajeta en el arbol de organismos en edge
.arb-cont div > a:visited*/ {
    margin-left: 7px;
}

.arb-cont div > div > a.ico-colapsar,
.arb-cont div > div > a.ico-colapsar2 {
    margin-left: 0px;
    vertical-align: top;
    float: left;
    display: inline;
}

.arb-cont div > div > a.ico-expandir,
.arb-cont div > div > a.ico-expandir2 {
    margin-left: 0px;
    vertical-align: top;
    float: left;
    display: inline;
}

.arb-cont div > div > a.ico-vacio {
    margin-left: 0px;
    vertical-align: top;
    float: left;
    display: inline;
}

.arb-cont div.actual > a,
.arb-cont div.actual > a:link,
.arb-cont div.actual > a:hover,
.arb-cont div.actual > a:focus,
.arb-cont div.actual > a:visited {
    color: #333;
    font-weight: bold;
}

.arb-cont .arb-cont-N1,
.arb-cont .arb-cont-N1 {
    padding-left: 12px;
}

.arb-cont .arb-cont-N2 {
    padding-left: 24px;
}

.arb-cont .arb-cont-N3 {
    padding-left: 36px;
}

.arb-cont .arb-cont-N4 {
    padding-left: 48px;
}

.arb-cont .arb-cont-N5 {
    padding-left: 60px;
}

.arb-cont .arb-cont-N6 {
    padding-left: 72px;
}

.arb-cont .arb-cont-N7 {
    padding-left: 84px;
}

.arb-cont .arb-cont-N8 {
    padding-left: 96px;
}

.arb-cont .arb-cont-N1 .datos-ficha {
    padding-left: 12px;
    margin-left: 27px;
    line-height: 25px;
}

ul.arbol-referencia,
ul.arbol-referencia ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

    ul.arbol-referencia ul li {
        line-height: 15pt;
        padding-left: 15px;
    }

    ul.arbol-referencia li {
        line-height: 15pt;
        margin: 0;
        padding: 0
    }

p.subtitulo-letra {
    height: 17px;
    display: block;
    font-weight: bold;
    margin-bottom: 13px;
    border-bottom: 1px solid #E3E3E3;
}

    p.subtitulo-letra span {
        display: inline-block;
        background: #fff;
        padding-right: 8px;
        height: 18px;
        font-size: 13pt;
    }

.termino {
    clear: both;
    position: relative;
    padding-top: 10px;
    padding-bottom: 20px;
}

.termino-indice {
    padding-bottom: 3px;
    padding-left: 5px;
}

    .termino-indice a.vinculo-TL {
        font-size: 12pt;
    }

    .termino-indice a.vinculo-sinonimos {
        font-size: 9pt;
        color: #333;
    }

.termino-definicion {
    background-color: #F4F4F4;
    padding: 5px;
}

.termino-relaciones {
    padding-top: 3px;
    padding-left: 5px;
    font-size: 9pt;
    color: #919191;
}

    .termino-relaciones a.vinculo-TR {
        font-size: 9pt;
        color: #919191;
        text-decoration: underline;
    }

.recuadro-termino {
    background-color: #F4F4F4;
    padding: 5px;
}

.breadcrumb-cerrado {
    overflow: hidden;
    line-height: 20px;
    cursor: pointer;
    text-indent: -12px;
    padding-left: 12px;
}

.breadcrumb-abierto {
    line-height: 20px;
    cursor: pointer;
}

.referencia {
    font-size: 9pt
}

.arbol-capitulos p {
    font-family: "Segoe UI", sans-serif;
    font-size: 10pt;
    line-height: 13pt;
    margin-bottom: 3px
}

    .arbol-capitulos p img {
        vertical-align: bottom;
        margin-bottom: 1px
    }

.arbol-bloque {
    /*display: block;*/
    margin-left: 15px;
}

.arbol-rama {
    padding-top: 5px;
}

.titulo-norma {
    display: block;
    font-size: 14pt;
    color: #333333;
    border-bottom: 1px solid #EAEAEA;
    width: 100%;
    padding-bottom: 7px;
    padding-top: 7px;
    margin: 0;
    line-height: 23px;
}

.titulo-capitulo {
    display: block;
    font-size: 14pt;
    font-weight: bold;
    color: #333333;
    border-bottom: 1px solid #EAEAEA;
    width: 95%;
    padding-bottom: 7px;
    padding-top: 7px;
    margin: 0;
    line-height: 23px;
}

.titulo-capitulo-splash {
    display: block;
    font-size: 13pt;
    font-weight: bold;
    color: #333333;
    width: 95%;
    margin-bottom: 15px;
    line-height: 23px;
}

.recuadro-texto-construccion {
    padding: 2px;
    margin-bottom: 7px;
    background-image: url(../img/interrogacion.gif);
    background-repeat: no-repeat;
    background-position: 10px 4px;
    border: 1px solid #CCCCCC;
    clear: both;
}

    .recuadro-texto-construccion .texto-construccion {
        margin-left: 28px;
        margin-top: 4px;
        font-size: 12px;
        color: #333333;
        padding: 2px;
    }

.arbol-producto-titulo-TO {
    margin: 0px 0px 15px 15px;
    font-size: 12pt;
    font-weight: bold;
}

#relacion-mas-importante {
    border-top: 1px solid rgb(235,235,235);
    padding: 10px 0 0 35px;
}

    #relacion-mas-importante span {
        line-height: 25px;
    }

        #relacion-mas-importante span.relacion {
            font-weight: bold;
        }

        #relacion-mas-importante span.rotulo {
            font-weight: bold;
            padding-left: 5px;
        }

        #relacion-mas-importante span.otras {
            font-weight: normal;
            padding-left: 5px;
        }

.separador-fecha-hasta {
    padding-left: 61px;
}

.separador-cirulares {
    padding-left: 68px;
}

.texto-historia-fecha {
    margin-top: 16px;
    padding: 10px;
    font-size: 10pt;
    margin-bottom: 20px;
    background-color: rgb(240,240,240)
}

.form-control {
    display: block;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

    .form-control:disabled {
        background-color: #EFEFEF;
    }

button, input, optgroup, select, textarea {
    margin: 0;
}

.boton {
    text-align: center;
    margin-top: 10px;
}

    .boton .btn {
        display: inline-block;
        background-color: #AAA;
        border-color: #CCC;
        text-shadow: none;
        box-shadow: none;
        border: 1px solid transparent;
        color: #fff;
        font-size: 10pt;
        font-weight: bold;
        margin-bottom: 0;
        width: 100px;
        max-width: 300px;
        height: 27px;
        text-align: center;
        vertical-align: middle;
        white-space: nowrap;
        cursor: pointer;
        user-select: none;
    }

        .boton .btn.azul {
            background-color: #0076CE;
            border-color: #0076CE;
            color: #FFF;
        }

            .boton .btn.azul:not([disabled]):hover {
                background-color: #003680;
                border-color: #003680;
            }

            .boton .btn.azul:disabled {
                cursor: default;
                color: #CCC;
                background-color: #7E95B5;
                border-color: #7E95B5;
            }

        .boton .btn.gris {
            background-color: #F5F5F5;
            border-color: #CCC;
            color: #333;
        }

            .boton .btn.gris:not([disabled]):hover {
                background-color: #AAA;
                border-color: #AAA;
            }

            .boton .btn.gris:disabled {
                cursor: default;
                color: #CCC;
            }

.mensaje-container {
    display: none;
    position: absolute;
    top: 55px;
    width: 100%;
    z-index: 20000;
}

    .mensaje-container.active {
        display: block;
    }

    .mensaje-container .renglon-container {
        margin: 0 auto;
        max-width: 407px;
        width: 95%;
    }

        .mensaje-container .renglon-container img.cabecera {
            width: 100%;
        }

    .mensaje-container .marcoMensaje {
        margin: 0 auto;
        background-color: #fff;
        box-shadow: 4px 4px 7px #BBB;
    }

        .mensaje-container .marcoMensaje p.descripcion {
            font-size: 12pt;
            font-weight: normal;
            color: #333;
            padding: 20px 30px 15px 30px;
            text-align: left;
        }

        .mensaje-container .marcoMensaje p.boton {
            padding: 0 30px 20px 30px;
            text-align: right;
        }

            .mensaje-container .marcoMensaje p.boton .btn {
                width: 90px;
                max-width: 300px;
            }

ul.menu-institucional-interno li span {
    display: none;
}

.video {
    margin: 0 auto 20px auto;
    padding: 30px;
}

    .video video {
        width: 100%;
        min-width: 50px;
        min-height: 50px;
    }

.menu-orden-opciones {
    margin-left: 97px;
}

.bloque-principal-accesoria.colaboradores {
    margin: 25px 0 150px 0;
    padding: 0;
}

    .bloque-principal-accesoria.colaboradores .titulo {
        font-size: 12pt;
        font-weight: bold;
        border-bottom: 1px solid #B8B8B8;
        margin-bottom: 15px;
        padding-left: 20px;
        padding-bottom: 4px;
    }

.bloque-colaborador {
    border: 1px solid #B3D4ED;
    background-color: #E0E7ED;
    display: flex;
    margin-bottom: 20px;
    border-radius: 5px;
}

    .bloque-colaborador .imagen {
        margin: 15px;
    }

    .bloque-colaborador .nombre {
        margin: 15px 15px 15px 0;
        font-size: 12pt;
        font-weight: bold;
        text-transform: uppercase;
    }

    .bloque-colaborador .cv {
        margin: 0 15px 15px 0;
    }

.bloque-colaborador-nota {
    border: 1px solid #EFEFEF;
    margin-bottom: 20px;
    padding: 15px;
}

    .bloque-colaborador-nota .titulo-nota {
        font-weight: bold;
        margin-bottom: 10px;
        color: #333;
        font-size: 11pt;
    }

    .bloque-colaborador-nota .texto-nota {
        font-size: 10pt;
    }

        .bloque-colaborador-nota .texto-nota .detalle-nota {
            color: #2c5997;
            font-weight: bold;
        }

        .bloque-colaborador-nota .texto-nota .detalle-nota-fecha {
            color: #5685BE;
            font-weight: bold;
        }

/* 2 col */
@media only screen and (min-width: 768px) {
    .default-pie {
        flex-direction: row;
        justify-content: space-around;
    }

    .cabecera-logo .logo-pdl {
        width: 450px;
        height: 45px;
        background-position: -7px -5px;
    }

    #pie-interno {
        margin-top: 50px;
        height: 125px;
    }

    .pie-interno-logos {
        display: block;
        height: 65px;
        width: 100%;
    }

    ul.menu-legal-interno {
        background: none;
    }

    .box-producto {
        display: flex;
    }

        .box-producto .nombre-producto {
            text-align: center;
            font-size: medium;
            display: inline-flex;
        }

        .box-producto img {
            margin: 0 14px 0 0;
        }

    .link-producto {
        color: #2c5997;
        display: block;
        font-size: 10pt;
        display: flex;
        justify-content: space-between;
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 8%;
    }

        .link-producto a {
            color: #2c5997;
            text-decoration: none;
        }

            .link-producto a:hover {
                color: #2c5997;
                text-decoration: underline;
            }

    /*.imagen-banner {
        display: none;
    }*/
    
    .columnas-home {
        display: flex;
        flex-direction: row;
        align-items: stretch;
    }

        .columnas-home .columna-izquierda {
            /*border: 1px solid red;*/
            width: 50%;
            padding-right: 13px;
        }

        .columnas-home .columna-derecha {
            /*border: 1px solid blue;*/
            width: 50%;
            padding-left: 13px;
        }

    article.derecha {
        float: right;
        clear: right;
    }

    .bloque-dos-columnas {
        width: 47%;
        float: left;
        margin: 10px 20px 10px 0;
    }

    .columna-accesos {
        display: block;
    }

    .columna-lectura {
        border-left: 1px #eaeaea solid;
        padding-left: 10px;
    }

    #btn-accesos,
    #btn-filtros {
        display: none;
    }

    #btn-lectura.active,
    #btn-navegacion.active {
        display: block;
    }

    #bloque-accesos-container,
    #bloque-filtros {
        display: block;
        position: relative;
    }

    .columnas {
        display: flex;
        flex-direction: row;
    }

    .columna-accesos {
        margin-left: 10px;
        display: block;
        width: 250px;
        min-width: 250px;
    }

    #columna-accesos.lectura {
        display: none;
    }

    #columna-lectura.lectura {
        border-left: none;
        max-width: 100%;
    }

    .vistas-1-col,
    .vistas-3-col {
        display: none;
    }

    .vistas-2-col,
    .vistas-2-col .abc,
    .vistas-2-col .abc a {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: baseline;
        flex-wrap: wrap;
    }

    #abc-pop-up {
        margin-top: -1px;
    }

    #btn-vistas-documento-2-col {
        display: flex;
        margin: 0;
        padding: 15px 10px 0 10px;
    }

        #btn-vistas-documento-2-col.active {
            display: none;
        }

    #btn-vistas-documento-2-col-abs {
        display: none;
        margin: 0;
        padding: 15px 10px 0 10px;
        background-color: #fff;
        z-index: 99999;
    }

        #btn-vistas-documento-2-col-abs.active {
            display: flex;
        }

    #btn-vistas-documento-1-col,
    #btn-vistas-documento-1-col.active {
        display: none;
    }

    .marco-arbol-cont {
        width: 250px;
    }

    #menu-herramientas-colapsado {
        display: none;
    }

    #menu-herramientas-desplegado {
        display: flex;
        align-items: center;
        height: 30px;
        padding: 0 5px;
    }

    #columna-lectura #ifmContenido {
        width: 100%;
        min-height: 350px;
    }
}

/* 3 col */
@media print, only screen and (min-width: 980px) {
    .marco-general {
        width: 960px;
        margin: 0 auto;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
    }

    form.busqueda {
        float: right;
        margin-right: 25px;
        width: 65%;
        height: 30px;
        border: 1px solid #2c5997;
    }

    a.logo-barra-busqueda {
        float: left;
        margin: 20px 25px 0 25px;
    }

    #btn-menu-institucional {
        display: none;
    }

    .paises .btn-pais,
    .paises .pais {
        width: 120px;
    }

    .texto-pais {
        display: inline-block;
    }

    .paises-lista {
        right: inherit;
    }

    ul.menu-institucional {
        display: block;
        height: 30px;
        line-height: 30px;
        border-width: 1px 0;
        list-style: none;
        margin: 0 0 0 20px;
        padding: 0;
        font-size: 10pt;
        float: left;
    }

    .bloque-principal-accesoria {
        display: flex;
        width: auto;
        justify-content: space-between
    }

    .columna-accesoria {
        display: block;
    }

    .columna-lectura {
        max-width: 680px;
    }

    /*.imagen-banner {
        display: none;
    }*/
    .nota-banner .imagen-banner-inicio {
        width: 210px;
        height: 100%;
        float: inline-start;
        display: flex;
    }

    .nota-banner .imagen-banner-fin {
        width: 250px;
        height: 100%;
        float: inline-end;
        display: flex;
    }

    #novedades-principal {
        display: none;
    }

    #novedades-accesoria {
        display: block;
    }

    .vistas-1-col,
    .vistas-2-col {
        display: none;
    }

    .vistas-3-col,
    .vistas-3-col ul {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: baseline;
        flex-wrap: wrap;
        padding: 0;
    }

    #btn-vistas-documento-1-col,
    #btn-vistas-documento-1-col.active,
    #btn-vistas-documento-2-col,
    #btn-vistas-documento-2-col.active,
    #abc-pop-up,
    #abc-pop-up.active {
        display: none;
    }
}

@media print {

    .linkN img,
    .linkC img,
    .titulo-norma img,
    .cartel-relaciones img,
    .acierto-content img {
        display: none;
    }
}