@charset "utf-8";
/*@import url("../webfonts/bank_gothic_light_bt/stylesheet.css");*/
@import url("../webfonts/Book_Antiqua/stylesheet.css");
/*iPhone 6 Portrait*/
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation : portrait) {
}

/*iPhone 6 landscape*/
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation : landscape) {
}

/*iPhone 6+ Portrait*/
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation : portrait) {
}

/*iPhone 6+ landscape*/
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation : landscape) {
}

/*iPhone 6 and iPhone 6+ portrait and landscape*/
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
}

/*iPhone 6 and iPhone 6+ portrait*/
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) and (orientation : portrait) {
}

/*iPhone 6 and iPhone 6+ landscape*/
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) and (orientation : landscape) {
}

@media only screen and (min-device-width : 375px) and (max-device-width : 812px) and (-webkit-device-pixel-ratio : 3) { /* STYLES GO HERE */
}

@media only screen and (min-device-width : 375px) and (max-device-width : 812px) and (-webkit-device-pixel-ratio : 3) and (orientation : landscape) { /* STYLES GO HERE */
}

@media only screen and (min-device-width : 375px) and (max-device-width : 812px) and (-webkit-device-pixel-ratio : 3) and (orientation : portrait) { /* STYLES GO HERE */
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { /* STYLES GO HERE */
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { /* STYLES GO HERE */
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { /* STYLES GO HERE */
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2) { /* STYLES GO HERE */
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) { /* STYLES GO HERE */
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 2) { /* STYLES GO HERE */
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 1) { /* STYLES GO HERE */
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 1) { /* STYLES GO HERE */
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 1) { /* STYLES GO HERE */
}

@media only screen and (min-device-width : 375px) and (max-device-width : 812px) and (-webkit-device-pixel-ratio : 3) { /* STYLES GO HERE */
}

@media only screen and (min-device-width : 375px) and (max-device-width : 812px) and (-webkit-device-pixel-ratio : 3) and (orientation : landscape) { /* STYLES GO HERE */
}

@media only screen and (min-device-width : 375px) and (max-device-width : 812px) and (-webkit-device-pixel-ratio : 3) and (orientation : portrait) { /* STYLES GO HERE */
}

@media only screen and (min-device-width : 375px) and (max-device-width : 667px) { /* STYLES GO HERE */
}

@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) { /* STYLES GO HERE */
}

@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) { /* STYLES GO HERE */
}

@media only screen and (min-device-width : 414px) and (max-device-width : 736px) { /* STYLES GO HERE */
}

@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : landscape) { /* STYLES GO HERE */
}

@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : portrait) { /* STYLES GO HERE */
}

@media only screen and (min-device-width : 320px) and (max-device-width : 568px) { /* STYLES GO HERE */
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
}

/* Portrait */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
}

/* Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
}

/* ----------- iPhone 5, 5S, 5C and 5SE ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
}

/* Portrait */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
}

/* Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
}

/* ----------- iPhone 6, 6S, 7 and 8 ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
}

/* Portrait */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
}

/* Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
}

/* ----------- iPhone 6+, 7+ and 8+ ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {
}

/* Portrait */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {
}

/* Landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
}

/* ----------- iPhone X ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) {
}

/* Portrait */
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {
}

/* Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
}

@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) {
}

/* Portrait */
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
}

/* Landscape */
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
}

/* ----------- Google Pixel XL ----------- */

/* Portrait and Landscape */
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 4) {
}

/* Portrait */
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 4) and (orientation: portrait) {
}

/* Landscape */
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 4) and (orientation: landscape) {
}

@media (max-device-width: 42mm) and (min-device-width: 38mm) {
}

@supports (-webkit-overflow-scrolling: touch) {
    /* CSS specific to iOS devices */
}

@supports not (-webkit-overflow-scrolling: touch) {
    /* CSS for other than iOS devices */
}
/* iPad [portrait + landscape] */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .selector-01 {
        margin: 10px;
    }

    .selector-02 {
        margin: 10px;
    }

    .selector-03 {
        margin: 10px;
    }
}

/* iPhone [portrait + landscape] */
@media only screen and (max-device-width: 480px) {
    .selector-01 {
        margin: 10px;
    }

    .selector-02 {
        margin: 10px;
    }

    .selector-03 {
        margin: 10px;
    }
}
/* == iPad/iPhone [portrait + landscape] == */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px), @media only screen and (max-device-width: 480px) {
    .selector-01 {
        margin: 10px;
    }

    .selector-02 {
        margin: 10px;
    }

    .selector-03 {
        margin: 10px;
    }
}

@media (min-device-width:320px) and (max-device-width:768px) {
    html {
        width: 100%;
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .selector {
        property: value;
    }
}

@supports (-ms-ime-align:auto) {
    .selector {
        property: value;
    }
}

@media print {
    .container {
        width: auto;
    }
}

.body2 {
    /*background-image: url(../../Imagenes/fondo01.jpg);*/
    margin-top: -18px;
}

.body1 {
    /*background-image: url( ../../Imagenes/fondo-videoteca.jpg);*/
}


.formulario_filtro {
    width: 95%;
    margin-top: 6px;
    margin-bottom: 2px;
}


#btns_generales {
    float: right;
}

/*CORP GROUP*/

/*.corp-group {
    width: 100%;
    display: inline-table;
    
}

    .corp-group .item-corp {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        max-width: 10%;
        padding: 10px;
    }*/
.item-corp a, .item-corp a:hover {
    text-decoration: none;
    display: inline-block;
    width: 100%;
}

.item-corp img {
    max-width: 100%;
    width: 80px;
    height: 80px;
    margin-bottom: 10px;
}


.corp-group {
    width: 100%;
    display: inline-flex;
    text-align: center;
    flex-wrap: wrap;
    align-items: stretch;
    padding: 10px;
}

    .corp-group .item-corp {
        width: auto;
        float: left;
        flex-basis: 10%;
        padding: 10px;
        display: inline-block;
        max-width: 20%;
        flex-grow: 1;
        position: relative;
    }

.item-corp a .selector {
    width: 80% !important;
    position: absolute;
    top: 10px;
    left: 10%;
    height: 80px;
    display: block;
    background-image: url(../../Imagenes/selector.png);
    background-size: 90px;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease-in;
}

.item-corp a.active .selector, .item-corp:hover a .selector {
    opacity: 1;
    transition: opacity 0.3s ease-in;
}

#todas {
    width: 60px;
    max-width: 60px;
    padding: 30px 0;
}
/*estilo de boton de ir  a  arriba*/
.col-xl-12 {
    padding: 0 !important;
}

.row {
    margin: 0 !important;
}

#myBtn {
    display: none;
    position: fixed;
    bottom: 5px;
    right: 20px;
    z-index: 99;
    font-size: 5px;
    border: none;
    outline: none;
    background-color: #00bfeb;
    color: white;
    cursor: pointer;
    padding: 2px;
    border-radius: 8px;
    transform: scale(0.7);
}

    #myBtn:hover {
        background-color: #0086b5;
    }

@media screen and (max-width:1025px) {
    .corp-group .item-corp {
        width: auto;
        float: left;
        flex-basis: 25%;
        padding: 10px;
        display: inline-block;
        max-width: 25%;
        flex-grow: 1;
    }

    #todas {
        width: 25%;
        max-width: 25%;
    }
}

@media screen and (max-width: 800px) {
    #myBtn {
        transform: scale(0.5);
        bottom: 20px;
        right: 5px;
    }

    .corp-group .item-corp {
        width: auto;
        float: left;
        flex-basis: 33%;
        padding: 10px;
        display: inline-block;
        max-width: 33%;
        flex-grow: 1;
    }

    #todas {
        width: 33%;
        max-width: 33%;
    }
}

@media screen and (max-width: 600px) {
    .corp-group .item-corp {
        width: auto;
        float: left;
        flex-basis: 50%;
        padding: 10px;
        display: inline-block;
        max-width: 50%;
        flex-grow: 1;
    }

    #todas {
        width: 50%;
        max-width: 50%;
    }
}

@media screen and (max-width: 380px) {
    #myBtn {
        transform: scale(0.5);
        bottom: 10px;
        right: 5px;
    }
}

/*administrador*/
#banner_admin {
    padding-top: 5%;
    margin-top: 5%;
    background-image: url(../../Imagenes/baner_administrador1.jpg);
    background-position: center center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    color: rgba(255,255,255,1.00);
    padding-bottom: 1%;
}

#tipo_admin {
    clear: both;
    background-color: rgba(0,130,193,0.9);
    text-align: center;
    color: #ffffff;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: auto;
    padding-top: 5px;
    padding-right: auto;
    padding-bottom: auto;
    padding-left: auto;
    border-bottom-left-radius: 19px;
    border-bottom-right-radius: 19px;
}

#menubar {
    background-image: url(../../Imagenes/fondo-vertical.jpg);
    background-repeat: repeat-y;
    background-position: center center;
    background-size: 100% 100%;
}

.menu {
    background-color: rgba(255,255,255,0.64);
}

/*icono del banner y su posicion*/
#btns_admin {
    margin-left: 100%;
    margin-top: 1%;
}

@media screen and (max-width: 1200px) {
    #btns_admin {
        margin-left: 225%;
        margin-top: 1%;
    }
}



@media screen and (max-width: 1024px) {
    #btns_admin {
        margin-left: 218%;
        margin-right: auto;
        justify-content: center;
        transform-origin: 50% 50%;
        align-content: center;
        width: auto;
        margin-top: 2%;
    }
}

@media screen and (max-width: 980px) {
    #btns_admin {
        margin-left: 144%;
        margin-right: auto;
        justify-content: center;
        transform-origin: 50% 50%;
        align-content: center;
        width: auto;
        margin-top: 2%;
    }
}

@media screen and (max-width: 900px) {
    #btns_admin {
        margin-left: 144%;
        margin-right: auto;
        justify-content: center;
        transform-origin: 50% 50%;
        align-content: center;
        width: auto;
        margin-top: 2%;
    }
}

@media screen and (max-width: 768px) {
    #btns_admin {
        margin-left: 165%;
        margin-right: auto;
        justify-content: center;
        transform-origin: 50% 50%;
        align-content: center;
        width: auto;
        margin-top: 2%;
    }
}

@media screen and (max-width: 755px) {
    #btns_admin {
        margin-left: 105%;
        margin-right: auto;
        justify-content: center;
        transform-origin: 50% 50%;
        align-content: center;
        width: auto;
        margin-top: 2%;
    }
}

@media screen and (max-width: 500px) {
    #btns_admin {
        margin-left: 67%;
        margin-right: auto;
        justify-content: center;
        transform-origin: 50% 50%;
        align-content: center;
        width: auto;
        margin-top: 2%;
    }
}

@media screen and (max-width: 411px) {
    #btns_admin {
        margin-left: 70%;
        margin-right: auto;
        justify-content: center;
        transform-origin: 50% 50%;
        align-content: center;
        width: auto;
        margin-top: 2%;
    }
}

@media screen and (max-width: 375px) {
    #btns_admin {
        margin-left: 58%;
        margin-right: auto;
        justify-content: center;
        transform-origin: 50% 50%;
        align-content: center;
        width: auto;
        margin-top: 2%;
    }
}

@media screen and (max-width: 360px) {
    #btns_admin {
        margin-left: 52%;
        margin-right: auto;
        justify-content: center;
        transform-origin: 50% 50%;
        align-content: center;
        width: auto;
        margin-top: 2%;
    }
}

@media screen and (max-width: 320px) {
    #btns_admin {
        margin-left: 35%;
        margin-right: auto;
        justify-content: center;
        transform-origin: 50% 50%;
        align-content: center;
        width: auto;
        margin-top: 2%;
    }
}


#icon_banner {
    margin-left: 33px;
    margin-right: auto;
    margin-top: 7px;
    margin-bottom: 3px;
    padding-right: auto;
    padding-left: auto;
}

@media screen and (max-width: 1200px) {
    #icon_banner {
        margin-left: 45%;
        margin-right: auto;
        justify-content: center;
        transform-origin: 50% 50%;
        align-content: center;
        left: 50%;
        width: auto;
        margin-top: 2%;
    }
}

@media screen and (max-width: 1024px) {
    #icon_banner {
        margin-left: 45%;
        margin-right: auto;
        justify-content: center;
        transform-origin: 50% 50%;
        align-content: center;
        left: 50%;
        width: auto;
        margin-top: 2%;
    }
}

@media screen and (max-width: 750px) {
    #icon_banner {
        margin-left: 35%;
    }
}

#logout {
    padding-top: 3px;
    width: 100%;
    display: block;
    text-align: right;
}

@media screen and (max-width: 1024px) {
    #logout {
        margin-left: auto;
        margin-right: auto;
        justify-content: center;
        transform-origin: 50% 50%;
        align-content: center;
        left: 25%;
        width: auto;
        margin-bottom: 10%;
    }
}

@media screen and (max-width: 900px) {
    #logout {
        margin-left: auto;
        margin-right: auto;
        margin-top: 1%;
    }
}

@media screen and (max-width: 500px) {
    #logout {
        margin-left: auto;
        margin-right: auto;
        width: 100px;
    }
}

#titulo_fuente {
    background-image: url(../../Imagenes/banerfondo2.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: auto;
    padding-top: 12px;
    padding-bottom: 14px;
    color: rgba(114,114,114,1.00);
}

.text-registro {
    font-size: 11px;
    line-height: 1;
    color: rgba(172,172,172,1.00);
    font-weight: normal;
}

.i-flecha {
    border: solid black;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
}

.flecha-arriba {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}

.flecha-abajo {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}





@media print {
    *,
    *::before,
    *::after {
        text-shadow: none !important;
        box-shadow: none !important;
    }


    a:not(.btn) {
        text-decoration: underline;
    }

    abbr[title]::after {
        content: " (" attr(title) ")";
    }

    pre {
        white-space: pre-wrap !important;
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }

    @page {
        size: a3;
    }

    body {
        min-width: 992px !important;
    }

    .container {
        min-width: 992px !important;
        max-width:1400px !important;
    }

    .navbar {
        display: none;
    }

    .badge {
        border: 1px solid #000;
    }

    .table {
        border-collapse: collapse !important;
    }

        .table td,
        .table th {
            background-color: #fff !important;
        }

    .table-bordered th,
    .table-bordered td {
        border: 1px solid #ddd !important;
    }
}

.p_slider {
    width: 200px;
    height: 339px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: auto;
    margin-top: 595px;
}

    .p_slider .left, .p_slider .right {
        cursor: pointer;
        position: absolute;
        z-index: 10;
    }

.p_slider__item {
    position: absolute;
    width: 200px;
    height: 200px;
    cursor: pointer;
    transition-duration: 1.5s;
    transition-property: transform,left,opacity,-webkit-filter;
}

    .p_slider__item img {
        width: 200px;
        -webkit-transform: scale(0);
        transform: scale(0);
        position: relative;
        -webkit-animation: scale_bounce 1.2s .4s forwards;
        animation: scale_bounce 1.2s .4s forwards;
        -webkit-box-reflect: below 4px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, transparent), to(rgba(255, 255, 255, 0.2)));
    }

    .p_slider__item:nth-of-type(1) {
        -webkit-transform: scale(0.6);
        transform: scale(0.6);
        left: -200px;
        -webkit-filter: blur(2px);
        opacity: 0.8;
        z-index: 1;
    }

    .p_slider__item:nth-of-type(2) {
        -webkit-transform: scale(1);
        transform: scale(1);
        left: 0px;
        z-index: 2;
    }

    .p_slider__item:nth-of-type(3) {
        -webkit-transform: scale(0.6);
        transform: scale(0.6);
        left: 200px;
        z-index: 1;
        -webkit-filter: blur(2px);
        opacity: 0.8;
    }

.controls2 {
    position: absolute;
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

    .controls2 .left {
        float: left;
        cursor: pointer;
        position: relative;
        left: 40px;
    }

        .controls2 .left img {
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
            transition: all .4s;
            opacity: 0.2;
        }

            .controls2 .left img:hover {
                opacity: 1;
                cursor: pointer;
            }

    .controls2 .right {
        float: right;
        cursor: pointer;
        position: relative;
        right: 40px;
    }

        .controls2 .right img {
            transition: all .4s;
            opacity: 0.2;
        }

            .controls2 .right img:hover {
                opacity: 1;
                cursor: pointer;
            }

.controls3 {
    position: absolute;
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

    .controls3 .left {
        float: left;
        cursor: pointer;
        position: relative;
        left: 40px;
    }

        .controls3 .left img {
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
            transition: all .4s;
            opacity: 0.2;
        }

            .controls3 .left img:hover {
                opacity: 1;
                cursor: pointer;
            }

    .controls3 .right {
        float: right;
        cursor: pointer;
        position: relative;
        right: 40px;
    }

        .controls3 .right img {
            transition: all .4s;
            opacity: 0.2;
        }

            .controls3 .right img:hover {
                opacity: 1;
                cursor: pointer;
            }

@-webkit-keyframes scale_bounce {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    20% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    40% {
        -webkit-transform: scale(0.98);
        transform: scale(0.98);
    }

    60% {
        -webkit-transform: scale(1.012);
        transform: scale(1.012);
    }

    80% {
        -webkit-transform: scale(0.995);
        transform: scale(0.995);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes scale_bounce {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    20% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    40% {
        -webkit-transform: scale(0.98);
        transform: scale(0.98);
    }

    60% {
        -webkit-transform: scale(1.012);
        transform: scale(1.012);
    }

    80% {
        -webkit-transform: scale(0.995);
        transform: scale(0.995);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.page_container {
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    width: 100%;
    height: 100%;
    margin-top: 20px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    min-width: 30%;
    min-height: 31%;
    max-width: 100%;
    max-height: 100%;
}

.gallery_credit {
    padding: 0px;
    float: left;
    width: 425px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 15px;
}

.gallery_type {
    text-align: right;
    float: left;
    width: 300px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
    padding-top: 4px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}

.gallery_top {
    background-image: url(../images/template/page_top.jpg);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    margin: 0px;
    padding: 0px;
    height: 20px;
}

.gallery_content {
    background-color: rgba(153,153,153,0.53);
    background-repeat: repeat-y;
    background-position: 0px 0px;
    margin: 0px;
    padding-right: 0px;
    padding-bottom: 1px;
    padding-left: 0px;
    width: 100%;
    height: 100%;
    display: block;
    min-height: 40%;
    max-width: 100%;
    min-width: 40%;
}

.gallery_thumbnails {
    padding: 0px;
    float: left;
    width: 350px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 10px;
}

.gallery_preview {
    margin: 0px;
    padding: 0px;
    float: left;
    height: 281px;
    width: 375px;
    background-repeat: no-repeat;
}

.gallery_contact {
    float: left;
    height: 60px;
    width: 477px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 40px;
    padding-top: 0px;
    padding-right: 23px;
    padding-bottom: 0px;
    padding-left: 0px;
    text-align: right;
}

.gallery_caption {
    margin: 0px;
    padding: 0px;
    float: left;
    width: 375px;
}

.gallery_bottom {
    background-image: url(../images/template/page_bottom.jpg);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    margin: 0px;
    padding: 0px;
    height: 20px;
}

.clear_both {
    line-height: 1px;
    clear: both;
}

body {
    background-color: #FFFFFF;
    font-family: "bank gothic light bt";
    margin-top: auto;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: auto;
    /*font-size: 13px;*/
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    padding-bottom: 0px;
    background-repeat: no-repeat;
    background-position: center center;
    padding-right: auto;
    background-size: 100% 100%;
    background-attachment: fixed;
    height: 100%;
    width: 100%;
}

h1 {
    font-size: 1.75em;
    font-weight: normal;
    /*color: #000000;*/
    letter-spacing: 2px;
    margin: 0px;
    padding: 0px;
}

h2 {
    font-size: 1.25em;
    font-weight: normal;
    text-transform: uppercase;
    color: #999;
    letter-spacing: 23px;
    margin: 0px;
    padding: 0px;
}

#textoFooter {
    font-size: 16px;
}

a img {
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}

.gallery_thumbnails a {
    display: block;
    float: left;
    height: 56px;
    width: 75px;
    border: 1px solid #999;
    padding: 0px;
    margin-top: 0px;
    margin-right: 23px;
    margin-bottom: 23px;
    margin-left: 0px;
}

    .gallery_thumbnails a:hover {
        border-top-color: #FFF;
        border-right-color: #FFF;
        border-bottom-color: #FFF;
        border-left-color: #FFF;
    }

    .gallery_thumbnails a.selected {
        border-top-color: #FFF;
        border-right-color: #FFF;
        border-bottom-color: #FFF;
        border-left-color: #FFF;
    }

.gallery_preview a {
    display: block;
    margin: 0px;
    padding: 0px;
    height: 281px;
    width: 375px;
    border: 1px solid #999;
}

    .gallery_preview a:hover {
        border-top-color: #FFF;
        border-right-color: #FFF;
        border-bottom-color: #FFF;
        border-left-color: #FFF;
    }

.gallery_preload_area {
    display: none;
}

a.contactlink {
    text-transform: uppercase;
    color: #FFF;
    text-decoration: none;
    background-image: url(../images/template/link_email.png);
    background-repeat: no-repeat;
    background-position: right 0px;
    margin: 0px;
    padding-top: 0px;
    padding-right: 30px;
    padding-bottom: 0px;
    padding-left: 0px;
}

p {
    /*color: #999;*/
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 12px;
    margin-left: 0px;
}

a.zoom {
    color: #FFF;
    text-decoration: none;
    background-image: url(../../Imagenes/template/link_zoom.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    margin: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 5px;
    padding-left: 20px;
}




.choose_slider {
    height: 350px;
    position: relative;
}

.subhead {
    margin-top: 0px;
    font-weight: 10;
    color: #404040;
}


.main-title {
    margin-bottom: 2px;
}

code {
    background-color: #F9F9F9;
    border: 1px dashed #2F6FAB;
    color: black;
    line-height: 1.45em;
    padding: 1em;
    white-space: pre-wrap;
    display: block;
    margin-bottom: 20px;
    margin-top: 10px;
}

.main-container {
    margin-left: 50px;
    margin-right: 50px;
    margin-top: -79px;
}

span.note {
    padding-left: 30px;
    font-size: 10px;
    margin-bottom: -20px;
}


.main-content {
    margin-right: auto;
    margin-left: auto;
    margin-bottom: auto;
    position: relative;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0em;
    width: auto;
    color: #ffffff;
    min-width: 250px;
    max-width: 100%;
    height: auto;
}

:root {
    --color: coral;
}

.blue {
    --color: #08b2e3;
}

.yellow {
    --color: #edae49;
}

.orange {
    --color: #f18805;
}

.green {
    --color: #76b041;
}

.brown {
    --color: #916953;
}

.red {
    --color: #e3655b;
}

.pink {
    --color: #ec318c;
}
/*
.recipe-wrapper {
    display: flex;
    flex-wrap: wrap;
    background: #fff;
    box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
    align-self: stretch;
    height: 200px;
    width: 100%;
    margin-bottom: 10px;
    margin-top: 10px;
}

    .recipe-wrapper .recipe-image {
        flex: 4;
        overflow: hidden;
        position: relative;
        background: #fcfcfc;
    }

    .recipe-wrapper .pie-photo {
        max-width: 100%;
        position: absolute;
        right: 0;
        bottom: 120%;
        transition: all 600ms cubic-bezier(1, 0, 0, 1);
        height: 100%;
        width: 100%;
        margin-bottom: 10px;
    }


.recipe-wrapper .recipe-content {
    background: #fff;
    flex: 5;
    padding-top: 0%;
    padding-right: 0%;
    padding-left: 0%;
    padding-bottom: 0%;
    text-align: center;
    min-height: 200px;
    overflow: hidden;
    position: relative;
    height: 200px;
    display: flex;
}*/
.recipe-wrapper {
    display: inline-block;
    flex-wrap: wrap;
    background: #fff;
    box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
    align-self: stretch;
    height: 200px;
    width: 100%;
    /*margin-bottom: 10px;*/
    margin-top: auto;
    /*border-top-right-radius: 20px;*/
    border-top-left-radius: 20px;
    /*border-bottom-right-radius: 20px;*/
    border-bottom-left-radius: 20px;
}

    .recipe-wrapper .recipe-image, .recipe-wrapper .recipe-imagex {
        width: 45%;
        display: inline-block;
        overflow: hidden;
        float: left;
        position: relative;
        background: #fcfcfc;
        min-height: 200px;
    }

    .recipe-wrapper .pie-photo {
        max-width: 100%;
        position: relative;
        right: 0;
        height: 90%;
        width: 100%;
    }

    .recipe-wrapper .recipe-image .recipe, .recipe-wrapper .recipe-imagex .recipe {
        position: absolute;
        top: -100%;
        left: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
        z-index: 1;
        display: inline-block;
        transition: top 0.5s ease, z-index 0.5s ease, position 0.5s ease;
    }

        .recipe-wrapper .recipe-image .recipe.active, .recipe-wrapper .recipe-imagex .recipe.active {
            position: absolute;
            top: 0;
            left: 0;
            z-index: 2;
            transition: top 0.5s ease, z-index 0.5s ease, position 0.5s ease;
            transition-delay: 0.2s;
        }

    .recipe-wrapper .recipe-content, .recipe-wrapper .recipe-contentx {
        width: 45%;
        display: inline-block;
        overflow: hidden;
        float: left;
        position: relative;
        background: #fcfcfc;
        min-height: 100%;
    }

        .recipe-wrapper .recipe-content .recipe, .recipe-wrapper .recipe-contentx .recipe {
            position: absolute;
            top: 200%;
            left: 0;
            height: 100%;
            overflow: hidden;
            z-index: 1;
            width: 100%;
            display: inline-block;
            transition: top 0.5s ease, z-index 0.5s ease, position 0.5s ease;
        }

            .recipe-wrapper .recipe-content .recipe.active, .recipe-wrapper .recipe-contentx .recipe.active {
                position: absolute;
                top: 0;
                left: 0;
                z-index: 2;
                transition: top 0.5s ease, z-index 0.5s ease, position 0.5s ease;
                transition-delay: 0.2s;
            }

    .recipe-wrapper .navigationx, .recipe-wrapper .navigation1, .recipe-wrapper .navigation2, .recipe-wrapper .navigation3, .recipe-wrapper .navigation4, .recipe-wrapper .navigation5, .recipe-wrapper .navigation6, .recipe-wrapper .navigation7, .recipe-wrapper .navigationxx {
        width: 10%;
        display: inline-block;
        float: left;
        margin: 0 !important;
        height: 100%;
        padding: 20px 0;
    }

@media screen and (max-width: 720px) {
    .recipe-wrapper {
        display: inline-block;
        flex-wrap: wrap;
        background: #fff;
        box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
        align-self: stretch;
        height: auto;
        width: 100%;
        margin-bottom: 10px;
        margin-top: 10px;
    }

        .recipe-wrapper .navigationx, .recipe-wrapper .navigation1, .recipe-wrapper .navigation2, .recipe-wrapper .navigation3, .recipe-wrapper .navigation4, .recipe-wrapper .navigation5, .recipe-wrapper .navigation6, .recipe-wrapper .navigation7, .recipe-wrapper .navigationxx {
            width: 100%;
            display: inline-block;
            float: left;
            margin: 0 !important;
            height: 100%;
            padding: 0;
            text-align: center;
        }

        .recipe-wrapper .icon-arrow-left-circle, .recipe-wrapper .icon-arrow-right-circle {
            width: auto;
            display: inline-block !important;
            margin: 0 5px !important;
        }

        .recipe-wrapper .recipe-image, .recipe-wrapper .recipe-imagex {
            width: 100%;
            display: inline-block;
            overflow: hidden;
            float: left;
            position: relative;
            background: #fcfcfc;
            min-height: 150px;
        }

        .recipe-wrapper .recipe-content, .recipe-wrapper .recipe-contentx {
            width: 100%;
            display: inline-block;
            overflow: hidden;
            float: left;
            position: relative;
            background: #fcfcfc;
            min-height: 160px;
        }
}

@media screen and (max-width: 500px) {
    .recipe-wrapper .recipe-content, .recipe-wrapper .recipe-contentx {
        font-size: 0.8rem;
        height: auto;
    }
}

.recipe-wrapper .navigation {
    position: absolute;
    right: -10px;
    top: 60px;
    font-size: 30px;
    text-align: center;
    color: #029DE8;
}

    .recipe-wrapper .navigation i {
        margin-top: 4px;
        margin-right: -5px;
        margin-left: 4px;
        margin-bottom: 4px;
        display: block;
        opacity: 0.6;
        cursor: pointer;
        z-index:
    }

        .recipe-wrapper .navigation i:hover {
            opacity: 1;
        }

        .recipe-wrapper .navigation i.disabled {
            opacity: 0.2;
            pointer-events: none;
        }


.recipe-wrapper .recipe-page {
    font: 400 28px "Playfair Display", cursive;
    position: absolute;
    top: 10px;
    right: 20px;
    color: #999;
    opacity: 0;
    transition: all 600ms cubic-bezier(1, 0, 0, 1);
}

.recipe-wrapper .recipe-content-inner {
    transition: all 600ms cubic-bezier(1, 0, 0, 1);
    top: 150%;
    position: absolute;
    left: 0;
    margin: 0 5%;
    right: 0;
}

.recipe.active .recipe-page {
    opacity: 1;
}

.recipe.active .pie-photo {
    bottom: -5%;
}

.recipe.active .recipe-content-inner {
    top: 1%;
}
/*
    ******************************************
    ******************************************
*/



/*
    *****************************************
    *****************************************
*/

.pie-name {
    /*font: 900 35px Raleway;*/
    text-transform: uppercase;
    margin: 20px 0 5px;
    letter-spacing: 2px;
    color: rgb(39,172,247);
    position: relative;
}

    .pie-name:before {
        content: "";
        position: absolute;
    }

.pie-context {
    /*font: 400 18px/1.3 "Raleway";*/
    color: #999;
    margin: 40px 20px;
}

.pie-serving {
    /*font: 400 16px Raleway;*/
    color: black;
    border: 0.5px solid rgb(39,172,247);
    border-width: 0.5px 0;
    margin: 5px 5%;
    max-width: 90%;
    font-size: 0.9em;
}

@media screen and (max-width: 500px) {
    .pie-serving {
        font-size: 0.9em;
        line-height: 1.2;
    }
}

.pie-serving svg {
    width: 40px;
}

    .pie-serving svg path {
        fill: var(--color);
    }

.pie-serving p {
    display: inline-block;
    vertical-align: top;
    margin: 12px 6px 6px;
}

.pie-cta {
    display: block;
    padding: 15px;
    border-radius: 40px;
    background: var(--color);
    max-width: 180px;
    font-size: 20px;
    color: #fff;
    position: relative;
    margin: auto;
    top: 0;
    transition: all 200ms cubic-bezier(0.77, 0, 0.175, 1);
}

    .pie-cta:hover {
        top: -5px;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    }

@media (max-width: 750px) {
    .recipe-wrapper .pie-photo {
        max-width: 180%;
    }
}

.titulo {
    background-color: #007FE8;
    color: white;
    align-content: center;
}


.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.table-striped > tbody > tr:nth-child(odd).selected > td {
    background-color: #9FAFD1;
}

.table-striped > tbody > tr:nth-child(even).selected > td {
    background-color: #B0BED9;
}

.table-striped > tbody > tr:nth-child(odd).bnw > td {
    background-color: #2b2b2b;
    color: #f2f2f2;
}

.table-striped > tbody > tr:nth-child(even).bnw > td {
    background-color: #f2f2f2;
    color: #2b2b2b;
}

.container .row .col-lg-4.col-12e.col-xl-7.offset-xl-2acz {
}

.container-fluid1 {
    margin-top: auto;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: auto;
    padding-top: auto;
    padding-right: auto;
    padding-bottom: auto;
    padding-left: auto;
}

.buscador button .fa.fa-search {
    font-size: 20pt;
    color: rgba(255,255,255,1.00);
    padding-top: auto;
    text-align: center;
    min-width: 10%;
    min-height: 10%;
    padding-right: auto;
    padding-bottom: auto;
    padding-left: auto;
    margin-bottom: auto;
    margin-right: auto;
    margin-left: auto;
    margin-top: 0px;
}

#btvideoteca {
    margin-top: 0px;
    margin-right: auto;
    margin-left: auto;
}

.row.mx-0 .col-12e.card.bg-light.mx-auto .text-center.card-header2 {
    margin-top: 10px;
    margin-bottom: 10px;
}

#btvideoteca .container #bt2videoteca {
    margin-left: auto;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: auto;
}

#ubicacion2 {
    padding-left: 0px;
    padding-right: 29px;
}

#internocarouselfotografia2 {
    margin-top: -316px;
    margin-bottom: -4px;
    margin-right: auto;
    margin-left: auto;
}

#galeria3 {
    width: 100%;
    margin-top: 17px;
    margin-left: auto;
    margin-right: auto;
    padding-top: auto;
    padding-right: auto;
    padding-bottom: auto;
    padding-left: auto;
}


#ContentResultado {
    width: 100%;
    /*margin-top: 17px;*/
    margin-left: auto;
    margin-right: auto;
    padding-top: auto;
    padding-right: 10px;
    padding-bottom: auto;
    padding-left: 10px;
}

.container .row .col-lg-4.col-12e.col-xl-7.offset-xl-2acz {
}

.container-fluid .tamaño2 {
    margin-top: auto;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: auto;
    padding-top: auto;
    padding-right: auto;
    padding-bottom: auto;
    padding-left: auto;
}

#redes {
    float: right;
    margin-top: -374px;
    padding-bottom: 2px;
    padding-top: 3px;
    padding-left: 8px;
    padding-right: 5px;
}

.btn-sm1s {
    float: right;
    color: rgba(255,255,255,1.00);
    background-color: rgba(0,119,198,1.00);
    margin-top: 41px;
    min-width: 30%;
    text-align: center;
    font-family: "bank gothic light bt";
    font-size: 7pt;
    max-width: 20%;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: auto;
    min-height: 16px;
    padding-top: 0px;
    padding-right: auto;
    padding-bottom: auto;
    padding-left: auto;
    display: block;
}

.wrap-head {
    display: inline-table;
    width: 100%;
}

.btn-sm2s {
    min-width: 89px;
    height: auto;
    width: auto;
    background-color: #27ACF7;
    color: #FFFFFF;
    /*font-family: "bank gothic light bt";*/
    font-size: 0.8em !important;
    float: left;
    /*margin-top: 2px;*/
    display: block;
    margin-right: 1px;
    margin-bottom: 2px;
    margin-left: 2px;
    padding: 5px;
}

.btn-sm2s2 {
    min-width: 89px;
    height: auto;
    /*width: 100px;*/
    background-color: #337ab7;
    color: #FFFFFF;
    font-size: 0.8em !important;
    margin: auto;
    display: block;
    padding: 5px;
    margin-left: 2px;
}

@media only screen and (max-width: 600px) {
    .btn-sm2s2 {
        width: 100% !important;
    }
}

.contenedor-botones-inicio {
    display: flex;
    flex-direction: row;
}

.horizontal {
    border-left: 1px solid;
    border-color: white;
    padding-left: 0.05em;
}

.contenedor-filtros {
    padding: 15px;
}

@media only screen and (max-width: 600px) {
    .btn-sm2s {
        width: 100% !important;
    }
}

.btn-sm1s:hover {
    background-color: rgba(254,202,84,1.00);
    color: rgba(0,119,198,1.00);
}

.tamaño .tex_z2 #accessibility-contrast {
    background-color: rgba(0,119,198,1.00);
    float: right;
    margin-left: auto;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: auto;
    padding-right: auto;
    padding-top: 100px;
    padding-bottom: auto;
    padding-left: auto;
}

.container .row .col-lg-4.col-12e.col-xl-7.offset-xl-2ac {
    margin-top: -190px;
    text-align: center;
    float: right;
    margin-bottom: -925px;
}

.row .col-md-4.col-lg-4.col-xl-1.offset-xl-1 .img-fluid {
    margin-top: 5px;
}

.buscador button .fa.fa-search {
    font-size: 15pt;
    color: rgba(255,255,255,1.00);
    padding-top: auto;
    text-align: center;
    min-width: 10%;
    min-height: 10%;
    padding-right: auto;
    padding-bottom: auto;
    padding-left: auto;
    margin-bottom: auto;
    margin-right: auto;
    margin-left: auto;
    margin-top: auto;
}

#btvideoteca {
    margin-top: 0px;
    margin-right: auto;
    margin-left: auto;
}

.row.mx-0 .col-12e.card.bg-light.mx-auto .text-center.card-header2 {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 5%;
    margin-right: 5%;
}

#btvideoteca .container #bt2videoteca {
    margin-left: auto;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: auto;
}

#ubicacion2 {
    padding-left: 0px;
    padding-right: 29px;
}

#internocarouselfotografia2 {
    margin-top: -316px;
    margin-bottom: -4px;
    margin-right: auto;
    margin-left: auto;
}

#galeria3 {
    width: 100%;
    margin-top: 17px;
    margin-left: auto;
    margin-right: auto;
    padding-top: auto;
    padding-right: auto;
    padding-bottom: auto;
    padding-left: auto;
}

.container .row .col-lg-4.col-12e.col-xl-7.offset-xl-2acz {
}

.container-fluid .tamaño2 {
    margin-top: auto;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: auto;
    padding-top: auto;
    padding-right: auto;
    padding-bottom: auto;
    padding-left: auto;
}

#redes2 {
    float: right;
    margin-top: -628px;
    margin-right: -7px;
}

.col-lg-4.col-12ef {
    margin-left: 172px;
}

.container .row .col-lg-4.col-12e.col-xl-7.offset-xl-2acf {
    margin-top: 11px;
}

#redes3 {
    float: right;
}

#btvideoteca22 {
    margin-top: -216px;
    margin-bottom: 401px;
}

#accordion1 {
    width: 100%;
    min-width: 30%;
    clear: both;
    text-align: left;
    padding-top: 20px;
}

#titulo {
    text-align: center;
    background-color: #0485B2;
    color: #FFFFFF;
    font-size: 10pt;
    font-family: "bank gothic light bt";
}

.fa.fa-search {
    margin-right: auto;
    margin-bottom: auto;
    margin-left: auto;
    text-align: center;
    margin-top: auto;
    padding-top: auto;
    padding-right: auto;
    padding-bottom: auto;
    padding-left: auto;
}

/*buscador*/
.container-fluid {
    padding-right: 0px;
    padding-left: 0px;
}

    .container-fluid .buscador input {
        margin-top: 14px;
        min-width: 20%;
        margin-bottom: 27px;
        width: 85%;
        height: 37px;
        padding-left: 0px;
        padding-top: 0px;
        font-size: 0.9em;
        color: black;
    }

@media only screen and (max-width: 1100px) {
    .container-fluid .buscador input {
        width: 80%;
    }
}

@media only screen and (max-width: 750px) {
    .container-fluid .buscador input {
        margin-top: 10px;
        min-width: 20%;
        margin-bottom: 10px;
        width: 100%;
        height: 37px;
        padding-left: 0px;
        padding-top: 0px;
        font-size: 0.9em;
    }
}

.container-fluid .search-container {
    width: 36%;
    background-color: rgba(166,166,166,1.00);
}

.container-fluid .buscador .btn.btn-sm {
    padding-right: 0px;
    width: 0px;
}

.container-fluid .buscador {
    display: compact;
    background-color: #d9d9d9;
    width: 100%;
    border-radius: 2px;
    margin-top: 2.5px;
    padding-top: 4px !important;
    padding-bottom: auto;
    margin-right: auto;
    margin-bottom: 5px;
    margin-left: auto;
    padding-right: auto;
    padding-left: auto;
    left: 100%;
    height: 100%;
}


.buscador button {
    margin-top: auto;
    padding-top: auto;
    padding-bottom: auto;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: auto;
    padding-right: auto;
    padding-left: auto;
    display: inline;
    height: 34px;
}

@media only screen and (max-width: 750px) {
    .container-fluid .buscador {
        padding-top: 10px !important;
        margin-top: auto !important;
        background-color: gainsboro;
        padding: 10px;
    }
}

@media only screen and (max-width: 375px) {
    .container-fluid .buscador {
        padding-top: 10px !important;
        margin-top: auto !important;
        background-color: gainsboro;
    }
}



/*filtros de busqueda*/
#filtro1 {
    width: 100%;
    height: 100%;
    background-color: rgba(84,87,112,0.12);
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: auto;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}

#bt_filtro {
    margin-left: 13%;
    margin-right: auto;
}

#filtro2 {
    width: 73%;
    height: 100%;
    background-color: rgba(107,120,150,0.12);
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: auto;
    min-height: 50px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}

#google_translate_element {
    float: right;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: auto;
    padding-top: auto;
    padding-right: -100px;
    padding-bottom: auto;
    padding-left: auto;
}

@media only screen and (max-width: 750px) {
    #google_translate_element {
        padding-right: -100px;
        transform: scale(0.8);
        width: 100%;
        height: auto;
        float: right;
        padding-bottom: -80px;
    }
}

#user-table {
    margin-top: auto;
    width: 318px;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: auto;
}

.offset-xl-2acsf {
    margin-top: -131px;
}

#lupa {
    float: right;
    padding-right: auto;
    margin-top: 9px;
    margin-right: 20px;
    margin-bottom: auto;
    margin-left: auto;
    padding-top: auto;
    padding-bottom: auto;
    padding-left: auto;
}


#galeria_videoteca {
    float: left;
    margin-left: auto;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: auto;
}

#texto_intro {
    width: 75%;
    margin-left: auto;
    margin-bottom: auto;
    margin-top: auto;
    display: block;
    padding-bottom: 60px;
    padding-left: auto;
    padding-top: auto;
    padding-right: auto;
    margin-right: auto;
}

.novedades_int {
    display: compact;
    padding-top: auto;
    padding-right: -200px;
    padding-bottom: auto;
    padding-left: auto;
    margin-left: auto;
    margin-top: 5px;
    /*margin-right: -80px;*/
    margin-bottom: 5px;
    height: auto;
    width: 100%;
    float: right;
    transform: scale(1);
}

@media only screen and (max-width: 1400px) {
    .novedades_int {
        margin-right: 10px;
        transform: scale(0.9);
        width: 100%;
        height: auto;
        float: right;
        margin-bottom: 5%;
    }
}

@media only screen and (max-width: 1100px) {
    .novedades_int {
        margin-right: 10px;
        padding-top: 0px;
        transform: scale(0.9);
        width: 100%;
        height: auto;
        float: right;
        padding-bottom: 5%;
        margin-top: 10px;
    }
}

@media only screen and (max-width:1000px) {
    .novedades_int {
        margin-right: 10px;
        padding-top: 0px;
        transform: scale(0.9);
        width: 100%;
        height: auto;
        float: right;
        padding-bottom: 5%;
        margin-top: 10px;
    }
}

@media only screen and (max-width:900px) {
    .novedades_int {
        margin-right: 10px;
        padding-top: 0px;
        transform: scale(0.9);
        width: 100%;
        height: auto;
        float: right;
        padding-bottom: 5%;
        margin-top: 10px;
    }
}

@media only screen and (max-width:800px) {
    .novedades_int {
        margin-right: 10px;
        padding-top: 0px;
        transform: scale(0.9);
        width: 100%;
        height: auto;
        float: right;
        padding-bottom: 5%;
        margin-top: 10px;
    }
}

@media only screen and (max-width:750px) {
    .novedades_int {
        margin-right: 10px;
        padding-top: 0px;
        transform: scale(0.9);
        width: 100%;
        height: auto;
        float: right;
        padding-bottom: 5%;
        margin-top: 10px;
    }
}

@media only screen and (max-width:700px) {
    .novedades_int {
        margin-right: 10px;
        padding-top: 0px;
        transform: scale(0.9);
        width: 100%;
        height: auto;
        float: right;
        padding-bottom: 5%;
        margin-top: 10px;
    }
}



@media only screen and (max-width:600px) {
    .novedades_int {
        margin-right: 10px;
        padding-top: 0px;
        transform: scale(0.9);
        width: 100%;
        height: auto;
        float: right;
        padding-bottom: 5%;
        margin-top: 10px;
    }
}



@media only screen and (max-width: 550px) {
    .novedades_int {
        margin-right: 10px;
        transform: scale(0.9);
        bottom: 10px;
        width: 100%;
        height: auto;
        float: right;
        padding-bottom: 1%;
        margin-bottom: 10%;
    }
}

@media only screen and (max-width: 350px) {
    .novedades_int {
        margin-right: 10px;
        padding-top: 0px;
        margin-top: auto;
        transform: scale(0.9);
        bottom: 10px;
        width: 100%;
        height: auto;
        float: right;
        line-height: 80%;
        padding-bottom: 5%;
    }
}

.foot {
    text-align: center;
    background-color: rgba(4,133,178,0.29);
    width: 100%;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: auto;
    padding-top: auto;
    padding-right: auto;
    padding-bottom: auto;
    padding-left: auto;
    display: block;
}


#formulario {
    margin-top: auto;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: auto;
}

#contenedor_general {
    width: 100%;
}

#contraste {
    left: 89%;
    padding-bottom: auto;
    margin-right: auto;
    margin-top: auto;
    float: right;
    margin-bottom: auto;
    padding-top: auto;
    padding-right: auto;
    padding-left: auto;
    position: fixed;
    margin-left: auto;
    top: 62%;
}

.tamaño .tex_z2 #accessibility-contrast {
    float: right;
    margin-bottom: 9px;
    padding-top: auto;
    padding-right: auto;
    padding-bottom: auto;
    padding-left: auto;
    margin-right: auto;
    margin-left: auto;
    margin-top: 22px
}

.text-center .btn-group .btn1.btn-danger {
}



#textbtnvideoteca {
    margin-left: auto;
    margin-top: 10px;
    margin-right: auto;
    padding-top: auto;
    padding-right: auto;
    padding-bottom: auto;
    padding-left: auto;
}


.text_z {
    display: block;
    float: left;
    width: auto;
    height: auto;
}

.tex_z2 {
    display: block;
    float: left;
    width: 25px;
}

    .tex_z2 button, .text_z button {
        width: 100% !important;
        height: 25px !important;
        background-size: 50% !important;
        background-position: center !important;
        font-size: 12px;
        border-radius: 3px;
        text-align: center;
        padding: 4px;
        border-radius: 0.25rem;
        padding-bottom: 25px;
    }

#wrapper_bu {
    display: block;
    width: 65%;
    margin-top: 416px;
    padding-bottom: 28px;
}

.container2 {
    margin-top: 636px;
    display: block;
}



.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.carousel-item {
    position: relative;
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    transition: -webkit-transform 0.6s ease;
    transition: transform 0.6s ease;
    transition: transform 0.6s ease, -webkit-transform 0.6s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    padding-top: 15px;
}

    .carousel-item.active,
    .carousel-item-next,
    .carousel-item-prev {
        display: block;
    }

.carousel-item-next,
.carousel-item-prev {
    position: absolute;
    top: 0;
}

    .carousel-item-next.carousel-item-left,
    .carousel-item-prev.carousel-item-right {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
    .carousel-item-next.carousel-item-left,
    .carousel-item-prev.carousel-item-right {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.carousel-item-next,
.active.carousel-item-right {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
    .carousel-item-next,
    .active.carousel-item-right {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.carousel-item-prev,
.active.carousel-item-left {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}

@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
    .carousel-item-prev,
    .active.carousel-item-left {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.carousel-control-prev,
.carousel-control-next {
    position: absolute;
    top: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 15%;
    color: #fff;
    text-align: center;
    opacity: 0.5;
}

    .carousel-control-prev:hover, .carousel-control-prev:focus,
    .carousel-control-next:hover,
    .carousel-control-next:focus {
        color: #fff;
        text-decoration: none;
        outline: 0;
        opacity: .9;
    }

.carousel-control-prev {
    left: 0;
    float: none;
    height: 150px;
}

.carousel-control-next {
    right: 50px;
    height: 150px;
}

@media only screen and (max-width: 500px) {
    .carousel-control-next {
        right: 25px;
    }
}

@media only screen and (max-width: 500px) {
    .carousel-control-prev {
    }
}

.carousel-control-next {
    right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: transparent no-repeat center center;
    background-size: 100% 100%;
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
    background-color: rgba(245,133,93,1.00);
    border-radius: 8px;
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
    background-color: rgba(245,133,93,1.00);
    border-radius: 8px;
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 10px;
    left: 0;
    z-index: 15;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none;
}

    .carousel-indicators li {
        position: relative;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        width: 30px;
        height: 3px;
        margin-right: 3px;
        margin-left: 3px;
        text-indent: -999px;
        background-color: rgba(255, 255, 255, 0.5);
    }

        .carousel-indicators li::before {
            position: absolute;
            top: -10px;
            left: 0;
            display: inline-block;
            width: 100%;
            height: 10px;
            content: "";
        }

        .carousel-indicators li::after {
            position: absolute;
            bottom: -10px;
            left: 0;
            display: inline-block;
            width: 100%;
            height: 10px;
            content: "";
        }

    .carousel-indicators .active {
        background-color: #fff;
    }

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
}


#boton3d {
    float: left;
    margin-bottom: 19px;
    margin-right: -7px;
    margin-left: -153px;
}

#item-title {
    color: #F31414;
    font-size: 29px;
    letter-spacing: 0.5em;
    text-shadow: 1px 1px 6px #C72B2B;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 22px;
}

.nav {
    text-align: center;
    margin-left: 408px;
    margin-bottom: -77px;
}

    .nav > button {
        width: 64px;
        height: 36px;
        color: #666;
        font: bold 16px arial;
        text-decoration: none;
        text-align: center;
        margin: 5px;
        text-shadow: 0px 1px 0px #f5f5f5;
        background: #f6f6f6;
        border: solid 2px rgba(0, 0, 0, 0.4);
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -webkit-box-shadow: 0 0 9px 1px rgba(0, 0, 0, 0.4);
        -moz-box-shadow: 0 0 9px 1px rgba(0, 0, 0, 0.4);
        box-shadow: 0 0 9px 1px rgba(0, 0, 0, 0.4);
        cursor: pointer;
    }

        .nav > button:active,
        .nav > button.down {
            background: #dfdfdf;
            border: solid 2px rgba(0, 0, 0, 0.6);
            box-shadow: none;
        }

#get {
    font-size: 20px;
    text-align: center;
}

#download {
    margin: 8px auto;
    margin-top: 12px;
    display: block;
}

#license {
    font-size: 18px;
    text-align: center;
    margin: 0;
}

#share {
    position: absolute;
    left: 4px;
    top: 478px;
}

.fb-like {
    vertical-align: top;
}

.twitter-share-button {
    width: 84px !important;
    margin-left: 8px;
}

#credits {
    color: #c9c9c9;
    padding: 10px;
    border: 2px #999 dashed;
    position: absolute;
    right: 0;
    bottom: 83px;
}

    #credits ul {
        font-size: 14px;
        list-style-type: none;
        padding-left: 2px;
        margin: 2px 0;
    }

    #credits .author {
        color: white;
    }


/*showcase carrousel videoteca 3d*/
.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: auto;
    height: auto;
    max-width: auto;
    max-height: auto;
    margin-top: auto;
    margin-right: auto;
    padding-top: auto;
    padding-right: auto;
    padding-bottom: auto;
    padding-left: auto;
    min-width: auto;
    margin-left: auto;
}

#wrap {
    /* fixed width, centered in viewport */
    position: relative;
    padding-top: auto;
    padding-right: auto;
    padding-bottom: auto;
    padding-left: auto;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: 10px;
    min-width: 100%;
    clear: both;
    margin-left: auto;
    height: auto;
    width: auto;
}

#showcase img {
    cursor: pointer;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: auto;
    padding-top: auto;
    padding-right: auto;
    padding-bottom: auto;
    padding-left: auto;
    width: auto;
    height: auto;
    max-width: 100%;
}

.carrusel-container {
    width: 100%;
    display: block;
    height: 100%;
    transform: scale(0.9);
}


#contenImage {
    justify-content: center;
    width: 100%;
}

#contenImage0 {
    justify-content: center;
    width: 100%;
}

#boton3df {
    margin-top: 4px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-top: auto;
    padding-right: auto;
    padding-bottom: 5px;
    padding-left: auto;
}

    #boton3df .nav {
        width: 100%;
        display: block;
        transform-origin: 50% 50%;
        margin: 0 !important;
    }



#showcase {
    background-position: bottom;
    -moz-box-shadow: 5px 5px 25px 25px #DB1242;
    margin-top: 2%;
    visibility: hidden;
    padding-top: auto;
    min-width: 80%;
    padding-right: auto;
    padding-bottom: auto;
    padding-left: auto;
    margin-right: auto !important;
    margin-left: auto !important;
    width: 100%;
    height: 100%;
    min-height: 376px;
    margin-bottom: 12px;
    max-width: 100%;
    align-content: center !important;
    transform: scale(1);
    display: block !important;
    max-width: 100% !important;
    z-index: 1;
    font-size: 0.9em;
    justify-content: center !important;
    transform-origin: 50% 50% !important;
    min-width: 100% !important;
}

@media only screen and (max-width: 1600px) {
    #showcase {
        width: 100%;
        max-width: 100%;
        align-content: center;
        font-size: 0.9em;
        height: 400px;
        min-width: 80%;
    }
}

@media only screen and (max-width: 1366px) {
    #showcase {
        width: 100%;
        max-width: 100%;
        align-content: center;
        font-size: 0.8em;
        margin-left: auto;
        margin-right: auto;
        transform-origin: 50% 50%;
    }
}

@media only screen and (max-width: 1024px) {
    #showcase {
        width: 100%;
        max-width: 100%;
        align-content: center;
        font-size: 0.8em;
        height: 400px;
    }
}



@media only screen and (max-width: 850px) {
    #showcase {
        width: 350px;
        max-width: 100%;
        min-width: 600px;
        align-content: center;
        font-size: 0.8em;
        height: 400px;
        margin-bottom: 15px;
    }
}

@media only screen and (max-width: 770px) {
    #showcase {
        width: 350px;
        max-width: 100%;
        min-width: 600px;
        font-size: 1em;
        height: 400px;
        margin-bottom: 15px;
    }
}

@media only screen and (max-width: 750px) {
    #showcase {
        width: 350px;
        max-width: 100%;
        min-width: 600px;
        font-size: 1em;
        height: 400px;
        margin-bottom: 15px;
        margin-left: auto;
        margin-right: auto;
        right: 10%;
    }
}

@media only screen and (max-width: 750px) {
    #showcase {
        width: 350px;
        max-width: 100%;
        min-width: 600px;
        font-size: 1em;
        height: 400px;
        margin-bottom: 15px;
    }
}

@media only screen and (max-width: 640px) {
    #showcase {
        width: 350px;
        max-width: 100%;
        min-width: 500px;
        font-size: 1em;
        height: 400px;
        margin-bottom: 5px;
    }
}

@media only screen and (max-width: 450px) {
    #showcase {
        width: 350px;
        max-width: 100%;
        min-width: 350px;
        font-size: 1em;
        height: 400px;
        margin-bottom: -10%;
    }
}

@media only screen and (max-width: 411px) {
    #showcase {
        width: 350px;
        max-width: 100%;
        min-width: 300px;
        font-size: 1em;
        height: 400px;
        margin-bottom: -10%;
    }
}

.row.form-group {
    padding: 10px 0;
}

#boton_enlace {
    display: none;
}

@media only screen and (max-width: 375px) {
    #showcase {
        width: 350px;
        max-width: 100%;
        min-width: 360px;
        font-size: 1em;
        height: 400px;
        margin-bottom: -10%;
        margin-left: -4% !important;
    }
}

@media only screen and (max-width: 360px) {
    #showcase {
        width: 350px;
        max-width: 100%;
        min-width: 320px;
        font-size: 1em;
        height: 400px;
        margin-bottom: -10%;
    }
}

@media only screen and (max-width: 350px) {
    #showcase {
        width: 350px;
        max-width: 100%;
        min-width: 320px;
        font-size: 1em;
        height: 400px;
        margin-bottom: -10%;
        margin-left: -4% !important;
    }
}

@media only screen and (max-width: 320px) {
    #showcase {
        width: 350px;
        max-width: 100%;
        min-width: 320px;
        align-content: center;
        font-size: 1em;
        height: 400px;
        margin-bottom: -10%;
    }
}

@media only screen and (max-width: 740px) {
    .carrusel-container {
        transform: scale(0.8);
        display: block;
        margin-left: -20%;
        margin-top: 0;
        margin-bottom: 10px;
        font-size: 1em;
        margin-left: auto;
    }
}

@media only screen and (max-width: 1024px) {
    .carrusel-container {
        transform: scale(0.9);
        display: block;
        margin-top: 0;
        margin-bottom: 10px;
        font-size: 1em;
        margin-left: 4%;
    }
}

@media only screen and (max-width: 950px) {
    .carrusel-container {
        transform: scale(0.8);
        display: block;
        margin-top: 0;
        margin-bottom: 10px;
        font-size: 1em;
        margin-left: auto;
    }
}

@media only screen and (max-width: 830px) {
    .carrusel-container {
        transform: scale(0.8);
        display: block;
        margin-top: 0;
        margin-bottom: 10px;
        font-size: 1em;
        margin-left: 1%;
    }
}

@media only screen and (max-width: 812px) {
    .carrusel-container {
        transform: scale(0.8);
        display: block;
        margin-top: 0;
        margin-bottom: 10px;
        font-size: 1em;
        margin-left: 15%;
    }
}

@media only screen and (max-width: 768px) {
    .carrusel-container {
        transform: scale(0.8);
        display: block;
        margin-top: 0;
        margin-bottom: 10px;
        font-size: 1em;
        margin-left: 1%;
    }
}

@media only screen and (max-width: 740px) {
    .carrusel-container {
        transform: scale(0.8);
        display: block;
        margin-top: 0;
        margin-bottom: 10px;
        font-size: 1em;
        margin-left: 14.5%;
    }
}

@media only screen and (max-width: 570px) {
    .carrusel-container {
        transform: scale(0.8);
        display: block;
        margin-top: 0;
        margin-bottom: 10px;
        font-size: 1em;
    }
}

@media only screen and (max-width: 500px) {
    .carrusel-container {
        transform: scale(0.6);
        width: 100%;
        margin-top: -10%;
        margin-bottom: 15px;
        font-size: 1rem;
        height: 400px;
        width: 100%;
        display: block;
        margin-left: 10%;
    }

    #showcase .nav {
        width: auto;
        margin: 0 auto 0;
        display: block;
    }

    #wrap {
        width: 100%;
        display: block;
    }
}

@media only screen and (max-width: 411px) {
    .carrusel-container {
        transform: scale(0.6);
        width: 100%;
        margin-top: -10%;
        margin-bottom: 15px;
        font-size: 1rem;
        height: 400px;
        width: 100%;
        display: block;
        margin-left: 10%;
    }
}

@media only screen and (max-width: 411px) {
    .carrusel-container {
        transform: scale(0.6);
        width: 100%;
        margin-top: -10%;
        margin-bottom: 15px;
        font-size: 1rem;
        height: 400px;
        width: 100%;
        display: block;
        margin-left: 10%;
    }
}

@media only screen and (max-width: 375px) {
    .carrusel-container {
        transform: scale(0.6);
        width: 100%;
        margin-top: -10%;
        margin-bottom: 15px;
        font-size: 1rem;
        height: 400px;
        width: 100%;
        display: block;
        margin-left: 10%;
    }
}

@media only screen and (max-width: 350px) {
    .carrusel-container {
        transform: scale(0.6);
        width: 100%;
        margin-top: -10%;
        margin-bottom: 15px;
        font-size: 1rem;
        height: 400px;
        width: 100%;
        display: block;
        margin-left: 10%;
    }
}

.wrap.justify-content-center {
    width: 100%;
    display: block;
    align-content: center;
    transform-origin: 50% 50%;
    justify-content: center;
}

@media only screen and (max-width: 1600px) {
    #boton3df {
        margin-top: 5px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
}

@media only screen and (max-width: 1400px) {
    #boton3df {
        margin-top: 5px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
}


@media only screen and (max-width: 1024px) {
    #boton3df {
        margin-top: 5px;
        width: 100%;
        margin-left: auto;
    }
}



@media only screen and (max-width: 750px) {
    #boton3df {
        margin-top: 5px;
        width: 100%;
        margin-left: auto;
    }
}


@media only screen and (max-width: 700px) {
    #boton3df {
        margin-top: 5px;
        width: 100%;
        margin-left: auto;
    }
}

@media only screen and (max-width: 640px) {
    #boton3df {
        margin-top: 5px;
        width: 100%;
    }
}

@media only screen and (max-width: 450px) {
    #boton3df {
        margin-top: 5px;
        width: 100%;
        margin-left: 10%;
    }
}

@media only screen and (max-width: 411px) {
    #boton3df {
        margin-top: 5px;
        width: 100%;
        margin-left: 10%;
    }
}

@media only screen and (max-width: 375px) {
    #boton3df {
        transform: scale(0.8);
        margin-top: 5px;
        width: 100%;
        margin-left: 10%;
    }
}

@media only screen and (max-width: 360px) {
    #boton3df {
        transform: scale(0.8);
        margin-top: 5px;
        width: 100%;
        margin-left: 10%;
    }
}

@media only screen and (max-width: 320px) {
    #boton3df {
        margin-top: 5px;
        width: 100%;
    }
}
/***sliderss pequeños*/

.secSlider {
    display: inline-block;
    margin-bottom: auto;
    padding-bottom: 10px;
    padding-top: 10px;
    margin-top: auto;
}


#Sliders {
    margin-top: 0px;
    display: block;
    margin-bottom: 10px;
    width: 100%;
    grid-template-columns: auto;
}


@media only screen and (max-width: 1100px) {
    #Sliders {
        padding-top: 10px;
        margin-top: 10px;
        width: 100%;
        margin-bottom: 10px;
        grid-template-columns: auto;
    }
}

@media only screen and (max-width: 900px) {
    #Sliders {
        padding-top: 0px;
        margin-top: 0;
        width: 100%;
        margin-bottom: 0px;
        grid-template-columns: auto;
    }
}

@media only screen and (max-width: 700px) {
    #Sliders {
        transform: scale(1);
        padding-top: 10px;
        margin-top: 10px;
        width: 100%;
        grid-template-columns: auto;
    }
}

@media only screen and (max-width: 350px) {
    #Sliders {
        transform: scale(1);
        padding-top: 0px;
        margin-top: 10px;
        width: 100%;
        grid-template-columns: auto;
        bottom: 0px;
    }
}

@media only screen and (max-width: 650px) {
    #secSlider {
        margin-bottom: 20px;
        padding-bottom: 20px;
        bottom: auto;
    }
}

@media only screen and (max-width: 350px) {
    #secSlider {
        margin-bottom: 360px;
        padding-bottom: 10px;
        bottom: auto;
    }
}

@media only screen and (max-width: 700px) {
    #Sliders1 {
        transform: scale(0.9);
        padding-top: 0px;
        margin-top: 0px;
        width: 100%;
        grid-template-columns: auto;
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 700px) {
    #Sliders2 {
        transform: scale(0.9);
        padding-top: 10px;
        margin-top: 10px;
        width: 100%;
        grid-template-columns: auto;
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 350px) {
    #Sliders1 {
        transform: scale(0.9);
        padding-top: 0px;
        margin-top: 0px;
        width: 100%;
        grid-template-columns: auto;
        margin-bottom: -120px;
        padding-bottom: -120px;
        height: 100px;
    }
}

@media only screen and (max-width: 350px) {
    #Sliders2 {
        transform: scale(0.9);
        padding-top: 0px;
        margin-top: 0px;
        width: 100%;
        grid-template-columns: auto;
        margin-bottom: 150px;
        padding-bottom: 150px;
        bottom: 150px;
    }
}


/*menu*/

.btn-principal {
    height: 22px;
    color: #FFFFFF;
    font-size: 12px;
    background-color: #27ACF7;
    margin-right: 2px;
    margin-left: 2px;
    margin-bottom: 2px;
    margin-top: 2px;
    padding-top: 0px;
}

    .btn-principal:hover {
        color: #0684C7;
        background-color: #F5D000;
        font-size: 12px;
    }

    .btn-principal:focus, .btn-principal.focus {
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
    }

    .btn-principal.disabled, .btn-principal:disabled {
        color: #23AEF8;
        background-color: #007bff;
    }

    .btn-principal:not(:disabled):not(.disabled):active, .btn-principal:not(:disabled):not(.disabled).active,
    .show > .btn-primary.dropdown-toggle {
        color: #fff;
        font-size: 12px;
        background-color: #0062cc;
    }

        .btn-principal:not(:disabled):not(.disabled):active:focus, .btn-principal:not(:disabled):not(.disabled).active:focus,
        .show > .btn-principal.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
            font-size: 12px;
            color: #fff;
        }


/*header card*/
.card-header {
    /*border-top-left-radius: 12px !important;*/
    /*border-top-right-radius: 12px !important;*/
    text-align: center;
    align-content: center;
    padding: 0.7rem 0.8rem;
    /*font-size: 1.2em;*/
    margin-bottom: 0;
    background-color: rgba(0, 0, 52, 0.1);
    border-bottom: 2px solid rgba(0, 0, 0, 0.0);
    /*color: gray;*/ /*rgba(0, 0, 0, 0.5);*/
    /*font-family: "bank gothic light bt";*/
}

.card-header5 {
    border-top-left-radius: 6px !important;
    border-top-right-radius: 6px !important;
    text-align: center;
    align-content: center;
    padding: 0.25rem 0.8rem;
    font-size: 1em;
    margin-bottom: 5px;
    background-color: rgba(0, 0, 52, 0.1);
    border-bottom: 2px solid rgba(0, 0, 0, 0.125);
    /*color: gray;*/ /*rgba(0, 0, 0, 0.5);*/
    /*font-family: "bank gothic light bt";*/
}

.card-header6 {
    border-top-left-radius: 6px !important;
    border-top-right-radius: 6px !important;
    text-align: center;
    align-content: center;
    padding: 0.25rem 0.8rem;
    font-size: 1.6em;
    margin-bottom: 5px;
    background-color: rgba(0, 0, 52, 0.1);
    border-bottom: 2px solid rgba(0, 0, 0, 0.125);
    /*color: gray; rgba(0, 0, 0, 0.5);*/
    /*font-family: "bank gothic light bt";*/
}

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

@media only screen and (max-width: 350px) {
    .card-header4 {
        font-size: 0.8rem;
    }
}

.card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 5px !important;
    color: #005FB3;
    background-color: transparent;
}

.card-header1 {
    padding: 0.75rem 1.25rem;
    font-size: 20px;
    margin-bottom: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
    color: rgba(139,139,139,1.00);
    /*font-family: "bank gothic light bt";*/
    background-image: url('../../Imagenes/fondo_card_header.jpg');
}

.card-body1 {
    padding-left: 15px;
}

.fondo_acordion {
    background-image: url('../../Imagenes/card-body_fondo.jpg');
    width: 100%;
    height: 100%;
    padding-left: 1%;
    background-repeat: no-repeat;
}
/*botones generales*/
.img-fluid {
    max-width: 100% !important;
    height: auto;
    padding-left: auto;
    padding-top: auto;
    padding-right: auto;
    padding-bottom: auto;
    margin-left: -5px;
}

.img-fluid1 {
    max-width: 100% !important;
    height: auto;
    padding-left: auto;
    padding-top: auto;
    padding-right: auto;
    padding-bottom: auto;
    margin-left: -5px;
    max-width: 100% !important;
}

@media only screen and (max-width: 1100px) {
    .img-fluid1 {
        transform: scale(1);
        max-width: 100% !important;
        padding-top: 15px;
    }
}

@media only screen and (max-width: 500px) {
    .img-fluid1 {
        transform: scale(3);
        width: 100%;
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

.bg-light {
    background-color: rgba(181,181,181,0.18);
    height: 300px !important;
}


/*posicion menu respuestas*/

#ubicacion2 {
    padding-left: 0px;
    padding-right: 29px;
}


#titulo {
    text-align: center;
    background-color: #0485B2;
    color: #FFFFFF;
    font-size: 10pt;
    font-family: "bank gothic light bt";
}

/*cardheader2*/
.card-header2 {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    width: 100%;
    padding: 0.5rem;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;
    color: #ffffff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
    background-image: url('../../Imagenes/fondo_card_header1.jpg');
}

    .card-header2 h6 {
        margin-bottom: 0 !important;
    }

    .card-header2:first-child {
        border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
    }

    .card-header2 + .list-group .list-group-item:first-child {
        border-top: 0;
    }

@media only screen and (max-width: 670px) {
    .card-header2 h6 {
        font-size: 1em !important;
    }
}

}

@media only screen and (max-width:375px) {
    .card-header2 {
        font-size: 1em !important;
        width: 100%;
        margin-right: auto;
        margin-left: auto;
    }
}
/*CAROUSEL DE RESPUESTA*/
.simple-list-grid ul li:after, .simple-list-grid:after {
    content: "";
    display: table;
    clear: both;
    width: 100%;
}

.simple-list-grid {
    width: 100%;
    display: inline-block;
    height: auto;
}

.list-grid-ul {
    width: 100%;
    display: inline-block;
    padding: 0;
}

    .list-grid-ul li {
        display: inline-block;
        width: 100% !important;
        padding: 10px;
        /*border-radius: 10px;*/
        position: relative;
        transition: width 0.3s ease-in, padding 0.3s ease-in;
        background-color: white;
    }

    .list-grid-ul.bicol {
        display: inline-flex;
        flex-wrap: wrap;
        align-items: stretch;
    }

        .list-grid-ul.bicol li {
            display: inline-block;
            padding: 10px;
            width: 50% !important;
            flex-grow: 0;
            transition: width 0.3s ease-in, padding 0.3s ease-in;
        }

    .list-grid-ul li .warp {
        width: 100%;
        padding: 20px;
        margin-top: 5px;
        min-height: 100%;
        display: inline-table;
        /*border-radius: 10px;*/
        border: 1px solid rgb(204, 204, 204);
    }

.numero {
    /*position: absolute;
    top: 15px;
    left: 15px;*/
    font-size: 0.9em;
    font-weight: bold;
}

.relevante {
    /*position: absolute;
    top: 15px;
    right: 5%;
    color: #337ab7;
    font-size: 1.1em;
    font-weight: 600;
    background-color: yellow;
    margin-top: 2px !important;*/

    padding: 2px 8px;
    border-radius: 4px;
    border: 1px solid #e66d01;
    background: #f487002e;
    color: #e66d01;
    font-size: 12px;
    line-height: 18px;
    margin-left: 6px;
}

.restringido {
    /*position: absolute;
    top: 15px;
    right: 50%;
    color: #d9534f;
    font-size: 1.1em;
    font-weight: 600;*/

    padding: 2px 8px;
    border-radius: 4px;
    border: 1px solid #ee6d6d;
    background: #ffe9e9;
    color: #ee6d6d;
    font-size: 12px;
    line-height: 18px;
    margin-left: 6px;
}

.dataVideoTeca {
    width: 100%;
    display: inline-flex;
    flex-wrap: nowrap;
}

    .dataVideoTeca .col-md-1 {
        display: inline-block;
        float: left;
        position: relative;
        padding-left: 9px;
        padding-right: 9px;
    }

        .dataVideoTeca .col-md-1 a {
            display: block;
            width: 100%;
            height: auto;
            position: relative;
        }

            .dataVideoTeca .col-md-1 a .categoria {
                /*position: absolute;*/
                display: block;
                width: 100%;
                padding: 0;
                color: white;
                background: #337ab7;
                /*bottom:0;*/
                left: 0;
                font-size: 0.8em;
            }

    .dataVideoTeca .col-md-11 {
        display: inline-block;
        float: left;
    }


/***tamaño de texto botones*/
.card-col-4 text-center {
    color: darkblue;
}

@media only screen and (max-width: 900px) {
    .list-grid-ul li {
        display: inline-block;
        width: 100% !important;
        padding: 15px;
    }

    .list-grid-ul.bicol {
        display: block;
        flex-wrap: wrap;
        align-items: stretch;
    }

        .list-grid-ul.bicol li {
            width: 100% !important;
        }

    .dataVideoTeca {
        width: 100% !important;
        display: inline-block;
    }

        .dataVideoTeca .col-md-2 {
            width: 100% !important;
            display: inline-block;
            float: left;
        }

        .dataVideoTeca .col-md-10 {
            width: 100% !important;
            display: inline-block;
            float: left;
        }

    .numero {
        top: 30px;
        left: 30px;
    }

    .relevante {
        top: 30px;
        right: 30px;
    }

    .restringido { 
        top: 30px;
        right: 30px;
    }
}

#descripcion_item {
    /*line-height: 13px !important;*/
    /*color: black;*/
    font-size: 0.9em;
    line-height: 1.2;
}
/*contraste y fuente zoom*/
/*!
*   Accessibility Buttons v3.1.2
*   http://tiagoporto.github.io/accessibility-buttons
*   Copyright (c) 2014-2017 Tiago Porto (http://tiagoporto.com)
*   Released under the MIT license
*/
html {
    font-size: 100%;
}

body {
    /*
    -webkit-transition: background 1s ease, font-size 0.7s linear;
    transition: background 1s ease, font-size 0.7s linear;
    */
    font-family: "Arial";
}

input,
textarea,
keygen,
select,
button {
    -webkit-transition: all 0.6s linear;
    transition: all 0.6s linear;
}

.accessibility-font {
    /* First font-size fallback to older browsers*/
    margin-bottom: 17px;
    font-size: 1.2em;
    float: right;
}

    .accessibility-font input,
    .accessibility-font textarea,
    .accessibility-font keygen,
    .accessibility-font select,
    .accessibility-font button {
        /* The default font-size of these elements is approximately 20% less than the body */
        /*font-size: 1.041625em;
            font-size: 1.04163rem;*/
    }

.accessibility-contrast {
    color: #fff;
    background: #000;
    float: right;
    transition: color 0.3s ease-in, background 0.3s ease-in;
}

/*iconos redes*/
.icon-bar {
    position: fixed;
    top: 45%;
    right: 10px;
    width: 40px;
    z-index: 111;
}

    .icon-bar .col-xl-5 {
        padding: 0 !important;
        margin: 0 !important;
        max-width: 100%;
    }

    .icon-bar a {
        display: block;
        text-align: center;
        transition: all 0.3s ease;
        color: white;
        font-size: 20px;
        left: 90%;
        margin-bottom: 10px;
        z-index: 11111111;
    }

        .icon-bar a img {
            max-width: 100%;
            height: auto;
            width: 100%;
        }

        .icon-bar a:hover {
            background-color: transparent;
            transform: scale(1.1)
        }

.icon-bar-accesibilidad {
    position: fixed;
    top: 10%;
    right: 10px;
    width: 40px;
    z-index: 111;
}

    .icon-bar-accesibilidad .col-xl-5 {
        padding: 0 !important;
        margin: 0 !important;
        max-width: 100%;
    }

    .icon-bar-accesibilidad a {
        display: block;
        text-align: center;
        transition: all 0.3s ease;
        color: white;
        font-size: 20px;
        left: 90%;
        margin-bottom: 10px;
        z-index: 11111111;
    }

.twitter-hover:hover {
    content: url("/Imagenes/twitter-icon.png");
}

.facebook-hover:hover {
    content: url("/Imagenes/face.png");
}

.instagram-hover:hover {
    content: url("/Imagenes/inst.png");
}

.youtube-hover:hover {
    content: url("/Imagenes/youtube_14198.png");
}

.facebook {
    background: #3B5998;
    color: white;
}

.twitter {
    background: #55ACEE;
    color: white;
}

.google {
    background: #dd4b39;
    color: white;
}

.linkedin {
    background: #007bb5;
    color: white;
}

.youtube {
    background: #bb0000;
    color: white;
}

.content {
    margin-left: 75px;
    font-size: 30px;
}


textarea {
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 2px 5px rgba(0, 0, 0, 0.1);
}

@media only screen and (max-width: 360px) {
    .icon-bar {
        position: fixed;
        top: 45%;
        right: 15px;
        width: 40px;
        z-index: 111;
    }
}

/* contador defs visitas */

#contador_visitas {
    justify-content: center;
    color: midnightblue;
    font-size: 0.8em;
    background-color: lightgray;
    width: auto;
    height: auto;
    padding: 5px;
    margin: 2px;
    float: left;
    border-radius: 0.25rem;
    display: block;
}



@media only screen and (max-width: 550px) {
    #contador_visitas {
        text-align: center;
        width: auto;
        position: center;
        margin-top: 0px;
        float: left;
        padding-left: auto;
        padding-top: 0px;
        /* margin-left: 32px; */
        margin-right: 0px;
        /* margin-bottom: 10px; */
        align-content: center;
    }
}



.container-fluid1 {
    margin-top: 9px;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: auto;
    padding-top: auto;
    padding-right: auto;
    padding-bottom: auto;
    padding-left: auto;
}

.container-fluid2 {
    margin-top: -18px;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: auto;
    padding-top: auto;
    padding-right: auto;
    padding-bottom: auto;
    padding-left: auto;
}

@media only screen and (max-width: 870px) {
    .container-fluid2 {
        text-align: center;
        position: center;
        padding-left: auto;
        margin-bottom: 10px;
        right: 850px;
        align-content: center;
    }
}

.container-fluid3 {
    margin-top: 10px; 
    margin-right: auto;
    margin-bottom: auto;
    margin-left: auto;
    padding-top: auto;
    padding-right: auto;
    padding-bottom: auto;
    padding-left: auto;
}

@media only screen and (max-width:1100px) {
    .container-fluid3 {
        margin-bottom: 20px;
        padding-bottom: 20px;
        text-align: center;
        position: center;
    }
}

@media only screen and (max-width:900px) {
    .container-fluid3 {
        margin-bottom: auto;
        padding-bottom: auto;
        text-align: center;
        position: center;
    }
}

@media only screen and (max-width: 500px) {
    .container-fluid3 {
        margin-bottom: auto;
        padding-bottom: 0px;
        text-align: center;
        position: center;
        margin-top: 2%;
    }
}

/**iconos d  fuentes*/

.icon-fuentes {
    width: 40px;
    display: inline-block;
    left: 10px;
    height: auto !important;
    position: fixed;
    top: 45%;
    min-height: 0 !important;
    margin: 0 !important;
    z-index: 3;
}

    .icon-fuentes .col-xl-5 {
        padding: 0 !important;
        margin: 0 !important;
        max-width: 100% !important;
    }

        .icon-fuentes .col-xl-5 a {
            width: 100%;
            display: inline-block;
            height: auto;
        }

            .icon-fuentes .col-xl-5 a img {
                width: 100% !important;
                height: auto !important;
            }


    .icon-fuentes a:hover {
        background-color: transparent;
        transform: scale(1.2)
    }

.facebook {
    background: #3B5998;
    color: white;
}

.twitter {
    background: #55ACEE;
    color: white;
}

.google {
    background: #dd4b39;
    color: white;
}

.linkedin {
    background: #007bb5;
    color: white;
}

.youtube {
    background: #bb0000;
    color: white;
}

.content {
    margin-right: 75px;
    font-size: 30px;
}


@media only screen and (max-width: 670px) {
    .icon-fuentes {
        bottom: 10px;
        display: inline-block;
        right: 0;
        height: auto !important;
        position: fixed;
        text-align: center;
        top: 10%;
        min-height: 0 !important;
        margin: 0 !important;
    }

        .icon-fuentes .col-xl-5 a {
            width: 30px;
            display: inline-block;
            height: auto;
        }

        .icon-fuentes ul {
            margin: 0 !important;
        }

            .icon-fuentes ul img {
                margin: 0 !important;
            }

    #footer {
        padding-bottom: 60px;
    }

    #botonmagico {
        display: none;
    }

    .icon-bar {
        width: 30px;
        right: 2px;
        top: 0;
        left: initial;
        z-index: 5;
    }

        .icon-bar a {
            padding: 5px 0;
        }

    .icon-fuentes .col-xl-5 {
        padding: 0px !important;
    }
}

@media only screen and (max-width: 450px) {
    .icon-fuentes {
        transform: scale(0.8);
        top: -10%;
        left: -4px;
    }
}

@media only screen and (max-width: 360px) {
}

#registro {
    width: 100%;
    vertical-align: middle;
    text-align: right;
}

.android-icon {
    display: inline-block;
    float: left;
    width: 25px;
    margin: 0 5px 0 0;
}

    .android-icon img {
        width: 100%;
        height: auto;
    }

.help-icon {
    display: inline-block;
    float: left;
    width: 25px;
    margin: 0 7px 0 0;
}

    .help-icon img {
        width: 100%;
        height: auto;
    }

#icnspeak {
    display: inline-block;
    float: left;
    width: 25px;
    margin: 0 5px 0 0;
}

    #icnspeak a {
        display: block;
        width: 100%;
    }

    #icnspeak img {
        width: 100%;
    }

#BotonesComunes {
    width: 41%;
    display: table-cell;
    vertical-align: middle;
}


#cabezote_integrador .flex-container {
    width: 100%;
    padding-top:10px;
    /* display: inline-table;*/
}

/*#btns_head {
        display: table-cell;
        width: 60%;
        vertical-align: middle;
        padding-left: 15%;
    }*/

#btns_head {
    display: table-cell;
    width: 60%;
    vertical-align: middle;
    /*padding-left: 15%;*/
}

.marca {
    display: table-cell;
    width: 40%;
    vertical-align: middle;
}

    .marca .logo-1 {
        /*width: 100%;*/
        display: inline-block;
        float: left;
        /*padding-left: 5px;*/
    }

        .marca .logo-1 img {
            /*max-width: 100%;*/
        }

    .marca .logo-2 {
        width: 80%;
        display: inline-block;
        float: left;
    }

#corpLine {
    border-top-left-radius: 6px !important;
    border-top-right-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
    padding-top: 10px;
    padding-bottom: 10px;
    border: 3px solid #d8d7d7;
    margin-bottom: 10px;
    padding: 0 !important;
}

#corpLine2 {
    border-top-left-radius: 6px !important;
    border-top-right-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
    padding-top: 0px;
    padding-bottom: 10px;
    border: 3px solid #d8d7d7;
    margin-bottom: 10px;
    padding: 0 !important;
}

@media only screen and (max-width: 1025px) {
    #btns_head {
        padding-left: 20px;
    }
}

@media only screen and (max-width: 800px) {
    #btns_head {
        display: inline-block;
        width: 100%;
        vertical-align: middle;
        padding: 0 !important;
    }



    #icnspeak {
        width: 50px;
        transform: scale(1) !important;
        display: none !important;
    }

    #accessibility-contrast {
        display: inline-block;
        width: 40px !important;
        height: 40px !important;
        margin: 10px 0;
    }

    .tex_z2 {
        display: inline-block;
        width: 40px !important;
    }

    .help-icon {
        display: inline-block;
        width: 40px !important;
    }

        .help-icon img {
            margin: 10px 0;
        }

    #registro {
        width: 100%;
        text-align: center;
        display: inline-block;
        vertical-align: middle;
    }

    #prueba, #contador_visitas, #registro1 {
        width: 100%;
        display: inline-block;
        margin-top: 3px;
        padding: 2%;
    }


    #BotonesComunes {
        width: 100%;
        text-align: center;
        display: inline-block;
        vertical-align: middle;
    }


    #cabezote_integrador .flex-container {
        width: 100%;
        display: inline-block;
    }

    #btns_head {
        width: 100%;
        display: inline-block;
    }

    .marca {
        width: 100%;
        display: inline-table;
    }

        .marca .logo-1 {
            width: 30%;
            text-align: center;
            display: table-cell;
            text-align: center;
            vertical-align: middle;
            float: none;
        }

        .marca .logo-2 {
            width: 70%;
            display: table-cell;
            text-align: center;
            vertical-align: middle;
            float: none;
        }

            .marca .logo-2 #divLogo {
                width: 100% !important;
                margin: 10px 0 !important;
            }
}






#contraste1 {
    margin: 0 5px;
}



#escala_fuente {
    margin: 0 5px;
}

@media only screen and (max-width: 1200px) {
    #escala_fuente {
        margin-top: 2%;
    }
}

@media only screen and (max-width: 700px) {
    #escala_fuente {
        display: none !important;
    }
}

#registro1 {
}


@media only screen and (max-width: 1100px) {
    #prueba {
        text-align: center;
        padding-right: auto;
        align-content: center;
        transform-origin: 50% 50%;
    }
}

@media only screen and (max-width: 750px) {
    #prueba {
        text-align: center;
        padding-right: auto;
        align-content: center;
        transform-origin: 50% 50%;
    }
}

#btn_principal01 {
    margin-right: auto;
    margin-bottom: auto;
    margin-left: auto;
    margin-top: auto;
    padding-top: auto;
    padding-right: auto;
    padding-bottom: auto;
    padding-left: auto;
    width: auto;
}

@media only screen and (max-width: 1360px) {
    #btn_principal01 {
        align-content: center;
        margin-right: auto;
        margin-bottom: auto;
        margin-left: auto;
        padding-top: auto;
        padding-right: auto;
        padding-bottom: 10px;
        padding-left: auto;
    }
}

@media only screen and (max-width: 500px) {
    #btn_principal01 {
        transform: scale(1);
        align-content: center;
        margin-right: -150px;
        margin-bottom: auto;
        margin-left: auto;
        padding-top: 20px;
        padding-right: 20px;
        padding-bottom: auto;
        padding-left: auto;
        width: auto;
        left: -200px;
    }
}

#btn_principal {
    margin-right: -100px;
    margin-bottom: auto;
    margin-left: auto;
    padding-top: auto;
    padding-right: auto;
    padding-bottom: auto;
    padding-left: auto;
    transform: scale();
}

@media only screen and (max-width: 1360px) {
    #btn_principal {
        transform: scale(0.9);
        align-content: center;
        margin-right: -50px;
        margin-bottom: auto;
        margin-left: auto;
        padding-top: auto;
        padding-right: auto;
        padding-bottom: auto;
        padding-left: auto;
        left: -300px;
        width: 130%;
    }
}

@media only screen and (max-width: 500px) {
    #btn_principal {
        transform: scale(1);
        align-content: center;
        margin-right: -70px;
        margin-bottom: auto;
        margin-left: auto;
        padding-top: auto;
        padding-right: auto;
        padding-bottom: 20px;
        padding-left: auto;
        width: auto;
    }
}

.column_1 {
    padding-top: 20px;
    width: 50% !important;
}

.g-recaptcha {
    padding-left: 15px;
}

@media screen and (max-width: 575px) {
    #rc-imageselect, .g-recaptcha {
        transform: scale(0.77);
        -webkit-transform: scale(0.77);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }
}

@media only screen and (max-width: 600px) {
    .column_1 {
        width: 100% !important;
    }

    .col-md-12 {
        padding: 0 !important;
    }
}

.card-body2 {
    width: 520px !important;
    /*color: #0f75bd*/;
}


@media only screen and (max-width: 1200px) {
    .card-body2 {
        width: 100% !important;
    }
}



.container4 {
    font-family: Roboto,Arial, sans-serif;
    font-size: 15px;
    width: 100%;
    margin: 0 auto;
}


.bienvenida_img {
    margin-right: -40px;
    padding-top: 20px;
    width: 107%;
    float: right;
}


@media only screen and (max-width: 1200px) {
    .bienvenida_img {
        margin-right: 0px;
        padding-top: 20px;
        width: 100%;
        float: right;
    }
}

@media only screen and (max-width: 1000px) {
    .bienvenida_img {
        margin-right: 0px;
        padding-top: 20px;
        width: 100%;
        float: right;
    }
}

@media only screen and (max-width: 900px) {
    .bienvenida_img {
        margin-right: 0px;
        padding-top: 20px;
        width: 100%;
        float: right;
    }
}

@media only screen and (max-width: 750px) {
    .bienvenida_img {
        display: compact;
        margin-right: 0px;
        padding-top: 20px;
        width: 100%;
        margin-bottom: 100%;
    }
}

@media only screen and (max-width: 500px) {
    .bienvenida_img {
        display: compact;
        margin-right: 0px;
        padding-top: 20px;
        width: 100%;
        margin-bottom: 135%;
    }
}

@media only screen and (max-width: 350px) {
    .bienvenida_img {
        display: compact;
        margin-right: 0px;
        padding-top: 20px;
        margin-bottom: 130%;
        width: 100%;
    }
}


.btn_envio {
}

@media only screen and (max-width: 1400px) {
    #btn_envio {
        transform: scale(0.7);
        margin-top: -5px;
        margin-left: -40px;
        width: auto;
    }
}

@media only screen and (max-width: 750px) {
    #btn_envio {
        transform: scale(0.5);
        margin-top: -90px;
        margin-left: -40px;
        width: auto;
    }
}
/******************** AC: MENSAJES INFORMATIVOS DE LAS VENTANAS ********************/

.info, .correcto, .ojo, .error, .validation {
    border: 1px solid;
    margin: 10px 0px;
    padding: 15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    text-align: left;
    width: auto;
}

.btn_envio {
}
/* AC: Estilos mensajes informativos*/
.info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('../../Imagenes/info.jpg');
}

@media only screen and (max-width: 750px) {
    .info {
        transform: scale(0.8);
        margin-left: -20px;
        margin-right: -20px;
        font-size: 11px;
        width: auto;
    }
}

/* AC: Estilos mensajes de operacion correcta */
.correcto {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image: url('../../Imagenes/correcto.JPG');
}

/* AC: Estilos mensajes de precaucion */
.ojo {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('../../Imagenes/ojo.JPG');
}

/* AC: Estilos mensajes de error */
.error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('../../Imagenes/error.jpg');
}

.nav1 {
    display: flex;
    flex-direction: row;
    border: none;
    -webkit-box-shadow: inset 0 -1px 0 #999999;
    box-shadow: inset 0 -1px 0 #999999;
}

@media only screen and (max-width: 750px) {
    .nav1 {
        overflow-x: scroll;
    }
}

@media only screen and (max-width: 750px) {
    .nav1 {
        overflow-x: scroll;
    }
}


.nav1 > li > a {
    position: relative;
    display: block;
    padding: 10px 15px;
    text-decoration: none;
    color: #666666;
    margin-right: 2px;
    line-height: 1.846;
    border-radius: 3px 3px 0 0;
}


    .nav1 > li > a:hover {
        color: #2196f3;
        line-height: 1.846;
        border-radius: 3px 3px 0 0;
        border: none;
        -webkit-box-shadow: inset 0 -2px 0 #2196f3;
        box-shadow: inset 0 -2px 0 #2196f3;
    }

.nav1 > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    background-color: transparent;
    border: 1px solid transparent;
    border-bottom-color: transparent;
    cursor: default;
    color: #2196f3;
    border: none;
    -webkit-box-shadow: inset 0 -2px 0 #2196f3;
    box-shadow: inset 0 -2px 0 #2196f3;
    color: #2196f3;
}

.paginador {
    width: 100%;
}

    .paginador > div {
        margin: 0 auto;
    }

        .paginador > div > ul {
            display: flex;
        }

            .paginador > div > ul > li.active {
                padding: 1px 6px 1px 6px;
                font-size: 18px;
                border: 1px solid white;
                background-color: #17a2b8;
                color: white;
                font-weight: bold;
            }

            .paginador > div > ul > li {
                padding: 1px 6px 1px 6px;
                font-size: 18px;
                border: 1px solid white;
                background-color: #138496;
                color: white !important;
            }

                .paginador > div > ul > li > a {
                    color: white !important;
                    font-weight: bold;
                }

                    .paginador > div > ul > li > a:hover {
                        color: white !important;
                        font-weight: bold;
                    }
/******************** AC: ESTILOS DE ETIQUETAS HTML ********************/
/* AC: Permite modificar el estilo de la etiqueta label de cada formulario */
label {
    text-align: left !important;
    font-weight: bold !important;
}

/**menu cabezote general**/

.card-column {
    font-size: 4pt !important;
    font-family: Verdana,Helvetica;
    font-weight: bold;
    color: midnightblue;
    margin-left: 2px;
    margin-right: 2px;
    margin-top: 2px;
    align-content: center;
    width: auto;
    height: auto;
}

#escala_Texto {
    margin-bottom: auto;
    margin-top: auto;
    margin-left: 2px;
    margin-right: 2px;
}

#Visitantes {
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 2px;
    margin-right: 2px;
}

#Contraste_G {
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 2px;
    margin-right: 2px;
    width: 4%;
    background-color: #04ACCF;
    padding-right: 0%;
    padding-left: 1%;
    border-radius: 7px;
    padding-top: 0px;
    clear: both;
}

#incio_sesion {
    margin-top: auto;
    margin-bottom: auto;
    margin-right: 2px;
    margin-left: 2px;
}

#registrese {
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 2px;
    margin-right: 2px;
}


.bg-light {
    background-color: transparent !important;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    height: auto;
    /*font-size: 9pt;*/
    margin-bottom: 10px;
    /*align-content: center;*/
}

#corte1 {
    background-color: #ffd400;
    width: auto;
    padding: auto;
    color: #000000;
}


#corte2 {
    width: auto;
    background-color: #0056b1;
    padding: auto;
    color: #ffffff;
}

#corte3 {
    width: auto;
    background-color: #ff0218;
    padding: auto;
    color: #ffffff;
}

#corte4 {
    width: auto;
    background-color: #00cab0;
    padding: auto;
    color: #ffffff;
}

#botones_principales {
    width: auto;
    margin-right: auto;
    margin-left: auto;
    padding-right: 56px;
}


.card-col-4 {
    margin-left: 5px;
    margin-right: 5px;
}

#año {
    margin-top: 21px;
    margin-bottom: auto;
    margin-left: 46px;
    margin-right: auto;
}




.dataDetalle {
    position: relative;
    width: 100%;
    margin: 0 auto;
    margin-left: 0px;
}

@media screen and (max-width: 360px) {
    .dataDetalle {
        margin-left: -5px;
        width: 100%;
    }
}

.descargaImagen {
    border: 0px;
    background-color: transparent;
    outline: none;
}

    .descargaImagen:focus {
        outline: none;
    }

.imagenDetalle {
    width: 100%;
    max-width: 100px;
    height: auto;
    max-height: 130px;
    border: 0;
    margin-bottom: 5px;
}

@media only screen and (max-width: 500px) {
    .imagenDetalle {
        transform: scale(0.7);
    }
}

@media only screen and (max-width: 350px) {
    .imagenDetalle {
        transform: scale(0.5);
    }
}

@media only screen and (max-width: 500px) {
    .dataVideoTeca .col-md-1 a .categoria {
        transform: scale(0.7);
    }
}

@media only screen and (max-width: 350px) {
    .dataVideoTeca .col-md-1 a .categoria {
        transform: scale(0.5);
    }
}


.divImagenDetalle {
    background-color: #c9c9c9;
    width: 50px;
    margin: 0 auto;
    border-radius: 5px;
}


.tituloBusqueda {
    font-size: 3.25em;
    font-weight: normal;
    /*text-transform: capitalize;*/
    color: #808080;
    letter-spacing: 10px;
    margin: 0px;
    padding: 0px;
}

/* cabezote integrador **/
#cabezote_integrador {
    display: compact;
    margin-bottom: -20px;
    padding-bottom: 10px;
    width: 100% !important;
    /*background-image: url('../../Imagenes/fondobanner.png');*/
    height: 100%;
    margin-top:10px;
}







@media only screen and (max-width: 600px) {
    #cabezote_integrador {
        display: inline-block;
        transform: scale(1);
        margin-right: auto;
        margin-left: 0;
        padding-left: 5px;
        padding-right: 5px;
        padding-bottom: auto;
        margin-top: auto;
        padding-top: 0px;
        width: 100% !important;
        height: auto;
    }

    .container {
        padding: 5px 10px;
    }
}

@media only screen and (max-width: 650px) {
}

@media only screen and (max-width: 375px) {
}

@media only screen and (max-width: 360px) {
}

.imagenDescarga {
    font-size: 12px;
    color: #007bff;
    border: 0px;
    outline: none;
    text-decoration: none;
    margin-left: 20px;
}

    .imagenDescarga:hover {
        color: #0056b3;
        border: 0px;
        outline: none;
        text-decoration: none;
    }



@media only screen and (max-width: 1600px) {
}













#divLogo {
    display: compact;
    padding-right: 10px;
    width: auto;
    left: 10px;
}

@media only screen and (max-width: 1600px) {
    #divLogo {
        display: compact;
        padding: 5px;
        width: 280px !important;
        margin-left: 80px;
        margin-top: 5px;
        left: 200px;
        margin-top: 5px;
    }
}

@media only screen and (max-width: 1200px) {
    #divLogo {
        display: compact;
        align-content: center;
        padding: 5px;
        left: 200px;
        right: 100px;
        width: 100% !important;
        margin-top: auto;
        margin-bottom: 20px;
    }
}



@media only screen and (max-width: 900px) {
}


.imagenDescarga:hover {
    border: 0px;
    outline: none;
}

.col-xl-1 {
    padding-right: 0px !important;
    padding-left: 0px !important;
    margin-left: 8px;
    margin-right: -8px;
}

.nombredeusuario {
    background-color: darkblue;
    color: #ffffff;
    font-size: 10pt;
    padding-right: 200px;
}

.span {
    padding-right: 5px !important;
    padding-left: 5px !important;
}

/****carousel 2 cirdulos y cuadrados*/
.container3 {
    width: 100%;
    margin-bottom: auto;
    margin-top: auto;
    padding-bottom: auto;
    padding-top: auto;
    display: inline-flex;
    text-align: center;
    flex-wrap: wrap;
    align-items: stretch;
    padding: 10px;
}

@media only screen and (max-width: 1100px) {
    .container3 {
        transform: scale(0.9);
        width: 100% !important;
        margin-bottom: auto;
    }
}

@media only screen and (max-width: 700px) {
    .container3 {
        transform: scale(0.9);
        width: 90% !important;
        margin-bottom: 1%;
        padding-bottom: 1%;
        margin-right: 5%;
        margin-left: 5%;
    }
}


#imagenes_redondas {
    padding-top: 10px;
    width: 140px;
    height: 140px;
    align-content: center;
    margin-left: 0px;
    width: 100%;
    text-align: center;
}

@media only screen and (max-width: 700px) {
    #imagenes_redondas {
        transform: scale(0.5);
        width: 100% !important;
        margin-left: 0px;
        padding-bottom: -80px;
        margin-bottom: -32px;
    }
}

.column-3 {
    width: 200px;
}

#lateral {
    width: 30%; /*Este será el ancho que tendrá tu columna*/
    /*Aquí pon el color del fondo que quieras para este lateral*/
    /*ponemos un dorde para que se vea bonito*/
    float: left; /*Aqui determinas de lado quieres quede esta "columna" */
    height: auto !important;
    padding-left: 1%;
    padding-right: 1%;
    margin-left: 0px;
    padding-top: 5px;
    padding-bottom: 10px;
    text-align: center;
    flex-wrap: wrap;
    align-items: stretch;
    padding: 10px;
}

@media only screen and (max-width: 786px) {
    #lateral {
        width: 50%;
        height: 22%;
        width: 50%;
        text-align: center;
        flex-wrap: wrap;
        align-items: stretch;
    }
}

@media only screen and (max-width: 375px) {
    #lateral {
        width: 50%;
        height: 22%;
        width: 50%;
        display: inline-flex;
        text-align: center;
        flex-wrap: wrap;
        align-items: stretch;
        padding: 2px;
    }
}

#principal {
    width: 50%;
    margin-left: auto; /*Este margen hace que no se encime el contenido en tu menúlateral, es     importante que pongas un pocos pixeles más que el ancho  de tu columna lateral*/
    /*ponemos un dorde para que se vea bonito*/
    height: 30%;
    float: right;
    padding-left: 10px;
    padding-right: 10px;
    margin: auto;
    padding-top: 5px;
    padding-bottom: 10px;
}

@media only screen and (max-width: 700px) {
    #principal {
        height: 22%;
    }
}

#altura_seccion {
    height: auto;
    align-content: center;
    margin: auto;
}

#cabezotev {
    /* margin-top: -48px; */
}

#boton_enlace {
    /*margin-left:75px;*/
    text-align: center;
}


@media only screen and (max-width: 500px) {
    #boton_enlace {
        transform: scale(0.8);
        margin-left: -20px;
    }
}

/* ---------- Footer ---------- */
#footer {
    color: #fff;
    width: 100%;
    background: #19325b url('../../Imagenes/bg-footer.png') no-repeat 0 0;
    background-position: center;
    padding-top: 5px;
    align-content: center;
    margin-top: auto;
}

    #footer .cont h4 {
        color: #fff;
    }

@media only screen and (max-width: 1400px) {
    #footer {
        margin-top: 10px;
    }
}

@media only screen and (max-width: 1000px) {
    #footer {
        margin-top: 10px;
    }
}

@media only screen and (max-width: 900px) {
    #footer {
        margin-top: 10px;
    }
}

@media only screen and (max-width: 600px) {
    #footer {
        margin-top: 10px;
    }
}

@media only screen and (max-width: 500px) {
    #footer {
        margin-top: 10px;
    }
}

@media only screen and (max-width: 350px) {
    #footer {
        margin-top: 10px;
    }
}

#footer_social_link {
    margin-top: 20px;
}

#footerMenu {
    width: 100%;
    align-content: center;
    color: aliceblue;
}

@media only screen and (max-width: 500px) {
    #footerMenu {
        transform: scale(0.8);
    }
}


footer .container p, footer .container span, footer .container b {
    color: #fff;
}

#footer_navigation li {
    text-align: center;
}

    #footer_navigation li + li {
        border-left: 1px solid #3c91a5;
    }

#footer_navigation a, #footer_navigation span {
    color: #3c91a5;
}

    #footer_navigation a:hover span, #footer_navigation a:hover {
        color: #fff;
        text-decoration: none;
    }

/* ---------- Entidades ---------- */

#logos_entidades {
    margin-bottom: 20px;
}

#entidades .item-entidades {
    padding-left: 10px;
    padding-right: 10px;
    display: inline-block;
}

    #entidades .item-entidades img {
        opacity: 0.4;
        filter: grayscale(100%);
    }

    #entidades .item-entidades a:hover img {
        opacity: 1;
        transform: scale(1.2);
        filter: grayscale(0%);
        transition: transform 1s, opacity 1.5s, filter 1.5s;
    }

    #entidades .item-entidades a img {
        max-height: 90px;
        max-width: 90px;
    }

#direccion1 {
    width: 100%;
    align-content: center;
}

#direccion2 {
    width: 100%;
    align-content: center;
}

@media only screen and (max-width: 1100px) {
    #direccion1 {
        transform: scale(0.8);
        align-content: center;
    }
}

@media only screen and (max-width: 500px) {
    #direccion1 {
        transform: scale(0.8);
        align-content: center;
    }
}

@media only screen and (max-width: 1100px) {
    #direccion2 {
        transform: scale(0.8);
        align-content: center;
    }
}

@media only screen and (max-width: 500px) {
    #direccion2 {
        transform: scale(0.8);
        align-content: center;
    }
}


#footer2 {
    color: #fff;
    width: 100%;
    background: #19325b url('../../Imagenes/bg-footer.png') no-repeat 0 0;
    background-position: center;
    padding-top: 5px;
    align-content: center;
    margin-top: 0%;
}

@media only screen and (max-width: 1600px) {
    #footer2 {
        align-content: center;
        transform: scale(1);
        margin-top: 0%;
    }
}

@media only screen and (max-width: 1200px) {
    #footer2 {
        align-content: center;
        transform: scale(1);
        margin-top: 0%;
    }
}

@media only screen and (max-width: 900px) {
    #footer2 {
        align-content: center;
        transform: scale(0.9);
        margin-top: 5%;
    }
}

@media only screen and (max-width: 800px) {
    #footer2 {
        align-content: center;
        transform: scale(0.9);
        margin-top: 5%;
    }
}

@media only screen and (max-width: 700px) {
    #footer2 {
        align-content: center;
        transform: scale(0.9);
        margin-top: 5%;
    }
}

@media only screen and (max-width: 500px) {
    #footer2 {
        align-content: center;
        margin-top: 2%;
        padding-bottom: 25%;
    }
}

@media only screen and (max-width: 350px) {
    #footer2 {
        align-content: center;
    }
}



/* ---------- Social Icons ---------- */
#footer-social-link {
    width: 200px;
    margin: 0 auto;
}

    #footer-social-link a {
        font-size: 2em;
    }

        #footer-social-link a:hover {
            text-decoration: none;
        }

#reporte-visita, #footer-social-link, #rama-footer {
    margin-bottom: 20px;
}

/***slider 2*/
.slider {
    margin: 0 auto;
    max-width: 1100px;
    box-sizing: border-box;
    border: 10px solid white;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 10px 15px 3px rgba(0, 0, 0, 0.05), 0 5px 20px 3px rgba(0, 0, 0, 0.1);
}

.slide_viewer {
    height: 220px;
    overflow: hidden;
    position: relative;
}

.slide_group {
    height: 100%;
    position: relative;
    width: 100%;
}

.slide {
    display: none;
    height: 100%;
    position: absolute;
    width: 100%;
}

    .slide:first-child {
        display: block;
    }


.slide_buttons {
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
}

a.slide_btn {
    color: #CCCCCC;
    font-size: 42px;
    margin: 0 0.175em;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.slide_btn.active, .slide_btn:hover {
    color: #ffffff;
    cursor: pointer;
}

.directional_nav {
    /*height: 340px*/;
    margin: 0 auto;
    /*max-width: 940px*/;
    position: relative;
    /*top: -340px;*/
}




@media only screen and (max-width: 1100px) {
    .previous_btn {
        top: 5%;
        left: 93%;
    }

    .next_btn {
        top: 30%;
        left: 93%;
    }
}

@media only screen and (max-width: 767px) {
    .previous_btn {
        transform: scale(0.8);
        top: 32%;
        margin-left: -860px;
    }

    .next_btn {
        transform: scale(0.8);
        margin-top: -40px;
        top: 30%;
        margin-left: -20px;
    }
}

@media only screen and (max-width: 650px) {
    .previous_btn {
        transform: scale(0.8);
        top: 32%;
        margin-left: -900px;
    }

    .next_btn {
        transform: scale(0.8);
        margin-top: -40px;
        top: 30%;
        margin-left: -20px;
    }
}

@media only screen and (max-width:600px) {
    .previous_btn {
        transform: scale(0.8);
        top: 32%;
        margin-left: -820px;
    }

    .next_btn {
        transform: scale(0.8);
        margin-top: -40px;
        top: 30%;
        margin-left: -20px;
    }
}

@media only screen and (max-width:500px) {
    .previous_btn {
        transform: scale(0.8);
        top: 32%;
        margin-left: -720px;
    }

    .next_btn {
        transform: scale(0.8);
        margin-top: -40px;
        top: 30%;
        margin-left: -20px;
    }
}

@media only screen and (max-width:450px) {
    .previous_btn {
        transform: scale(0.8);
        top: 32%;
        margin-left: -650px;
    }

    .next_btn {
        transform: scale(0.8);
        margin-top: -40px;
        top: 30%;
        margin-left: -20px;
    }
}

@media only screen and (max-width: 400px) {
    .previous_btn {
        transform: scale(0.7);
        top: 30%;
        margin-left: -550px;
    }

    .next_btn {
        transform: scale(0.7);
        margin-top: -40px;
        top: 30%;
        margin-left: -20px;
    }
}

@media only screen and (max-width: 350px) {
    .previous_btn {
        transform: scale(0.7);
        top: 30%;
        margin-left: -470px;
    }

    .next_btn {
        transform: scale(0.7);
        margin-top: -40px;
        top: 30%;
        margin-left: -20px;
    }
}

.card-header4 {
    float: left;
    height: 100%;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 15px;
    width: 300px;
    color: #ffffff;
    background: rgba(165,165,165,0.65);
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
    font-size: 0.9rem;
}

@media only screen and (max-width: 750px) {
    .card-header4 {
        padding-left: 0px;
        margin-left: -10px;
        font-size: 0.8rem;
        width: 240px;
        margin-left: 10%;
    }
}

@media only screen and (max-width: 650px) {
    .card-header4 {
        padding-left: 0px;
        margin-left: -10px;
        font-size: 0.8rem;
        width: 240px;
        margin-left: 10%;
    }
}

@media only screen and (max-width: 450px) {
    .card-header4 {
        padding-left: 0px;
        margin-left: -10px;
        font-size: 0.8rem;
        width: 260px;
        margin-left: 10%;
    }
}

@media only screen and (max-width: 350px) {
    .card-header4 {
        font-size: 0.8rem;
        width: 240px;
        margin-left: 5%;
    }
}

.next_btn {
    /*transform: scale(0.7);
            margin-top: -40px;
            top: 30%;
            margin-left: -20px;*/
}

}

.card-header4 {
    float: left;
    height: 100%;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 15px;
    width: 300px;
    color: #ffffff;
    background: rgba(165,165,165,0.65);
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
    font-size: 0.9rem;
}

@media only screen and (max-width: 350px) {
    .card-header4 {
        padding-left: 0px;
        margin-left: -10px;
        font-size: 0.8rem;
    }
}

p2 {
    color: #ffffff;
}

/**botones corporacion**/
.col-md-2-Corporacion {
    position: relative;
    float: left;
    min-height: 1px;
    width: 14%;
    padding-left: 5px;
    padding-right: 5px;
}

@media only screen and (max-width:900px) {
    .col-md-2-Corporacion {
        transform: scale(0.8);
        width: 50%;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media only screen and (max-width:750px) {
    .col-md-2-Corporacion {
        transform: scale(0.7);
        width: 50%;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media only screen and (max-width: 500px) {
    .col-md-2-Corporacion {
        transform: scale(0.7);
        width: 50%;
        padding-left: 15px;
        padding-right: 15px;
    }
}
/******************** AC: ESTILOS DE BOTONES FUENTES ********************/

.pressed {
    padding-top: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 5px;
    /*width: 120px;*/
    height: 25px;
    font-weight: bold;
    background-color: #f6d001;
    border-radius: 3px 3px 3px 3px;
    cursor: pointer;
    margin-top: 10px;
    color: black;
}

.unpressed {
    padding-top: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 5px;
    /*width: 120px;*/
    height: 22px;
    color: white;
    /*font-weight: bold;*/
    background-color: #29abe2;
    border-radius: 3px 3px 3px 3px;
    cursor: pointer;
    margin-top: 10px;
}



/** This class will hide all the body be default **/
#main_accordion .body {
    display: none;
    padding: 10px;
    margin: 10px;
}

/** This class will show the body if it has a parent with active       class
    **/
#main_accordion .active .body {
    display: block;
}

#main_accordion .panel {
    border: solid 1px #D6D6D6;
    margin: 10px;
    padding: 0px;
    border-radius: 2px;
}

#divContentLoading {
    position: fixed;
    left: 0px;
    height: 100%;
    width: 100%;
    background-color: #000000;
    opacity: 0.5;
    filter: alpha(opacity=50);
    z-index: 999999999;
    display: table;
}

#divImgLoading {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

/* ---------- Add/remove page ---------- */

.modify-pages li {
    position: relative;
}

.modify-pages .delete-tab {
    background: #333 url(../images/portlet/close_borderless.png) no-repeat 50%;
    cursor: pointer;
    display: block;
    height: 8px;
    margin-top: -7px;
    padding: 3px;
    position: absolute;
    right: 1px;
    text-indent: -9999em;
    top: 50%;
    width: 8px;
}

/*------ Navigation portlet ------*/

.nav-menu ul {
    padding-left: 10px;
}

.nav-menu li a.ancestor {
    font-weight: bold;
}

.nav-menu li a.selected {
    color: #000;
    font-weight: bold;
    text-decoration: none;
}

/* ---------- Page template selector ---------- */

.aui-form-options {
    border: 1px solid #aaa;
    display: inline-block;
    vertical-align: middle;
}

    .aui-form-options input {
        border-width: 0;
        display: inline;
        float: left;
    }

.aui-form-triggers {
    float: left;
}

.aui-form-trigger {
    background: #c4c4c4 url(../images/application/button_bg.png) repeat-x 0 0;
    border-left: 1px solid #bbb;
    display: inline-block;
    float: left;
}

    .aui-form-trigger img {
        background: url() no-repeat 50% 40%;
        height: 25px;
        padding: 0 3px;
        vertical-align: middle;
        width: 16px;
    }

    .aui-form-trigger:hover, .aui-form-trigger:focus {
        background-color: #83b0ca;
        background-image: url(../images/application/button_bg_over.png);
    }

.aui-trigger-selected {
    background-color: #ebebeb;
    background-image: url(../images/application/button_bg_selected.png);
}

    .aui-trigger-selected:hover, .aui-trigger-selected:focus {
        background-color: #b7def4;
        background-image: url(../images/application/button_bg_selected_over.png);
    }

.aui-options-trigger img {
    background-image: url(../images/common/configuration.png);
}

.aui-save-trigger img {
    background-image: url(../images/dock/my_place_current.png);
}

/* ---------- Navigation Top ---------- */
#navigation {
    background-color: #19325b;
    clear: both;
    margin: 0 auto 5px;
    min-height: 2.2em;
    padding: 0 5px;
    position: relative;
}

    #navigation > ul {
        margin: 0 auto;
    }

    #navigation li {
        position: relative;
        vertical-align: top;
    }

    #navigation a {
        color: #000;
        font-size: 1.1em;
        font-weight: bold;
        margin: 0 1px;
        padding: 3px 15px;
        text-decoration: none;
    }

        #navigation .selected a, #navigation li.hover a, #navigation a:hover, #navigation a:focus, #navigation .child-menu li a, #navigation .yui3-dd-dragging, .lfr-navigation-proxy {
            background: #3c91a5;
            color: #FFF;
            transition: all 0.5s;
        }

    #navigation li.hover .child-menu {
        display: block;
        position: absolute;
        z-index: 250;
    }

    #navigation .child-menu {
        display: none;
    }

        #navigation .child-menu .portlet-column.portlet-column.portlet-column {
            display: table-cell;
            vertical-align: top;
        }

        #navigation .child-menu li {
            border-width: 0 0 1px;
            display: block;
            float: none;
            margin: 0;
        }

            #navigation .child-menu li a {
                cursor: pointer !important;
            }

.nav-menu-style-arrows ul {
    list-style-image: url(..images/navigation/bullet_selected.png);
}

#navigation li .child-menu {
    background: none repeat scroll 0 0 #FFFFFF;
    height: auto;
    width: 100%;
    padding: 0px;
    margin: 0px;
}


#navigation li.hover div.child-menu {
    height: auto;
    width: auto;
}

#navigation .child-menu {
    display: none;
}

    #navigation .child-menu li {
        background: none repeat scroll 0 0;
        border-width: 0 0 1px;
        display: block;
        float: none;
        margin: 0;
    }

        #navigation .child-menu li a {
            cursor: pointer !important;
        }

#navigation, #top_navigation, #footer_navigation {
    clear: both;
    margin: 0;
    padding: 0;
    position: relative;
}

    #navigation ul, #top_navigation ul, #footer_navigation ul {
        list-style: none;
    }

#superiorMenu #top_navigation ul {
    width: 100%;
    font-size: 10px;
    position: relative;
    margin: 0 auto;
}

    #superiorMenu #top_navigation ul li.languageSelection {
        position: absolute;
        top: 0px;
        right: 0px;
        padding: 5px 0px;
        background: none repeat scroll 0 0;
    }

#footerMenu #footer_navigation {
    background: none repeat scroll 0 0;
    text-align: center;
    height: 35px;
}

    #footerMenu #footer_navigation ul {
        height: 35px;
    }

#navigation li, #navigation a,
#top_navigation li, #top_navigation a,
#footer_navigation li, #footer_navigation a {
    display: inline-block;
}

#navigation li, #top_navigation li, #footer_navigation li {
    position: relative;
    vertical-align: top;
    margin: 0px -2px;
}

#footerMenu #footer_navigation li {
    background: none repeat scroll 0 0;
}

#navigation a {
    font-size: 1.2em;
    color: #fff;
    padding: 7px 23px;
    text-decoration: none;
    text-transform: uppercase;
}

#top_navigation ul {
    display: inline-table;
    width: 100%;
}

#top_navigation, #logos_entidades {
    display: table;
    margin: 0 auto;
    text-align: center;
}

    #top_navigation ul .black:hover {
        background: #09a28e;
        color: #fff;
    }

    #top_navigation ul .yellow:hover {
        background: #ffd20f;
        color: #000;
    }

    #top_navigation ul .blue:hover {
        background: #00529c;
    }

    #top_navigation ul .red:hover {
        background: #cb302f;
    }

    #top_navigation ul .green:hover {
        background: #e7771b;
    }

@media only screen and (min-width: 800px) {
    #top_navigation, #top_navigation ul li a {
        width: 100%;
        margin-bottom: -1%;
    }

        #top_navigation ul li {
            display: table-cell;
            /*vertical-align:middle;*/
        }
}

#top_navigation ul li a {
    font-weight: bold;
    position: relative;
    color: #FFF;
    overflow: hidden;
    font-size: 1em;
}


@media only screen and (max-width: 799px) {
    #top_navigation ul {
        width: 80%;
        display: inline-block;
        margin: 0 10%;
    }

        #top_navigation ul li {
            width: 100%;
            display: inline-block;
        }

            #top_navigation ul li a {
                font-size: 0.7rem;
                width: 100%;
            }
}

#top_navigation ul li a:before {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    padding: 10px 20px;
    background: none repeat scroll 0% 0% #FFF;
    color: black;
    content: attr(title);
    transition: transform 1s ease 0s;
    height: 40px;
    width: 100%;
}

#top_navigation ul li a span {
    display: block;
    position: relative;
    padding: 8px 0px;
    background: none repeat scroll 0% 0% #097bff;
    transition: transform 1s ease 0s;
    z-index: 2;
    padding: 10px;
}

#top_navigation ul li a:hover {
    text-decoration: none;
}

/*#top_navigation ul li a:hover span {
    transform: translatex(100%);
    width: 100%;
    height: 40px;
}*/




#footerMenu #footer_navigation a {
    text-transform: none;
    padding: 10px;
}

#footerMenu #footer_navigation span.lastUpdateDate {
    display: inline-block;
    font-size: 12px;
    padding: 10px;
}

#navigation a span img, #top_navigation a span img, #footer_navigation a span img {
    float: left;
    padding-right: 5px;
}

#navigation li.last > a {
    padding: 7px 25px;
}

#navigation .yui3-dd-drop a, #top_navigation .yui3-dd-drop a, #footer_navigation .yui3-dd-drop a {
    cursor: move;
}

#footerMenu #footer_navigation .selected a, #footerMenu #footer_navigation li.hover a, #footerMenu #footer_navigation a:hover, #footerMenu #footer_navigation a:focus, #footerMenu #footer_navigation .child-menu li a, #footerMenu #footer_navigation .yui3-dd-dragging, #footerMenu .lfr-navigation-proxy {
    background: none repeat scroll 0 0;
}

.nav-menu-style-arrows ul {
    list-style-image: url(..images/navigation/bullet_selected.png);
}

.main-content2 {
    margin-top: -1em;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 100px;
    position: relative;
    /* padding-top: 4em; */
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0em;
    width: auto;
    color: #ffffff;
    min-width: 250px;
    max-width: 100%;
    height: 200px;
}

.dataVideoTeca {
    height: 100%;
}


/*estilo encabezado 3d*/



.flip-box {
    margin-top: -5px;
    background-color: transparent;
    width: 300px;
    height: 80px;
    cursor: pointer;
    perspective: 1000px;
}

.flip-box-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.8s;
    transform-style: preserve-3d;
}

.flip-box:hover .flip-box-inner {
    transform: rotateX(180deg);
}

.flip-box-front, .flip-box-back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
}

.flip-box-front {
    background-color: transparent;
    color: black;
}

.flip-box-back {
    background-color: white;
    margin-top: 14px;
    height: 70px;
    color: black;
    transform: rotateX(180deg);
}




@media only screen and (max-width: 1200px) {
    .flip-box {
        padding-bottom: 20px;
        align-content: center;
        margin-top: 0px;
        margin-bottom: 10px;
        width: 230px;
        height: 100px;
    }
}

@media only screen and (max-width: 750px) {
    .flip-box {
        margin-left: -50px;
        height: 90px;
        margin-top: 100px;
        width: 230px;
        margin-left: -200px;
        padding-bottom: 0px;
    }
}


@media only screen and (max-width: 750px) {
    .flip-box-back {
        padding-top: 10px;
        height: 90px;
        margin-top: 20px;
        width: 280px;
        margin-left: 0px;
    }
}


/* Create three equal columns that floats next to each other */

.column {
    float: right;
    padding: 5px;
}

.colum.side {
    width: 20%;
}

.column.middle {
    width: 80%;
    margin-left: -100px;
}

#head_der {
    width: 100%;
    float: right;
}

@media screen and (max-width: 1200px) {
    #head_der {
        right: -100px;
        float: right;
    }
}

@media screen and (max-width: 600px) {
    #head_der {
        padding-left: 100px;
        float: right;
    }
}
/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}

/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
    .column.side, .column.middle, #head_der {
        margin-top width: 100%;
        align-content: center;
    }
}

@import url(https://fonts.googleapis.com/css?family=Noto+Sans);

.containerCheck {
}

.controlCheck {
    position: absolute;
    left: -9999px;
}

.labelCheck {
    /*display: block;
        position: relative;*/
    padding: 1px 1px 1px 6px;
    border: 3px solid #fff;
    border-radius: 100px;
    color: #fff;
    background-color: #000000;
    box-shadow: 0 0 20px rgba(0, 0, 0, .2);
    white-space: nowrap;
    cursor: pointer;
    user-select: none;
    transition: background-color .2s, box-shadow .2s;
    font: 1em/1 'Noto Sans', sans-serif;
}

    /*.labelCheck::before {
        content: '';
        display: block;
        position: absolute;
        top: 10px;
        bottom: 10px;
        left: 10px;
        width: 32px;
        border: 3px solid #fff;
        border-radius: 100px;
        transition: background-color .2s;
    }*/

    .labelCheck:hover, input:focus + label {
        box-shadow: 0 0 20px rgba(0, 0, 0, .6);
    }

.controlCheck:checked + label {
    background-color: #55d7f8;
}

    .controlCheck:checked + label::before {
        background-color: #fff;
    }

@media screen and (max-width: 500px) {
    #titulo_respuesta {
        font-size: 0.3rem;
        transform: scale(0.8);
        margin-left: -20px;
    }
}

@media screen and (max-width: 500px) {
    #titulo_respuesta {
        font-size: 0.3rem;
        transform: scale(0.8);
        margin-left: -20px;
    }
}

@media screen and (max-width: 500px) {
    #titulo_respuesta {
        font-size: 0.3rem;
        transform: scale(0.8);
        margin-left: -20px;
    }
}

#texto_descripcion {
    position: relative;
    float: left;
    left: 45px;
    width: 79%;
    padding-bottom: 10px;
    margin-right: 10px;
    margin-left: 50px;
    font-size: 0.9rem;
    padding-right: 10px;
    padding-left: 10px;
}

@media screen and (max-width: 1400px) {
    #texto_descripcion {
        position: relative;
        float: left;
        left: 45px;
        width: 79%;
        padding-bottom: 10px;
        margin-right: 10px;
        margin-left: 10px;
        font-size: 0.8rem;
        padding-right: 10px;
        padding-left: 10px;
    }
}


.detalleTituloReporte {
    position: relative;
    float: left;
    clear: both;
    font-size: 0.9em;
    left: -27px;
    width: 60%;
    padding-bottom: 10px;
}

.detalleTitulo {
    position: relative;
    float: left;
    clear: both;
    font-size: 0.9em;
    left: -27px;
    width: 24%;
    padding-bottom: 2px;
}

@media screen and (max-width: 992px) {
    .detalleTitulo {
        font-size: 0.8em;
        float: left;
        left: -5px;
        width: 18%;
    }
}

@media screen and (max-width: 768px) {
    .detalleTitulo {
        font-size: 0.9em;
        float: left;
        left: -5px;
        width: 20%;
    }
}

@media screen and (max-width: 540px) {
    .detalleTitulo {
        font-size: 0.9em;
        float: left;
        left: -5px;
        width: 22%;
    }
}

@media screen and (max-width: 500px) {
    .detalleTitulo {
        font-size: 0.9em;
        float: left;
        left: -5px;
        width: 24%;
    }
}

@media screen and (max-width: 450px) {
    .detalleTitulo {
        font-size: 0.9em;
        float: left;
        left: -5px;
        width: 26%;
    }
}

@media screen and (max-width: 382px) {
    .detalleTitulo {
        font-size: 0.8em;
        float: left;
        left: -5px;
        width: 26%;
    }
}

.detalleDescripcion {
    position: relative;
    float: left;
    font-size: 0.9em;
    left: 15px;
    width: 76%;
    padding-bottom: 2px;
}


@media screen and (max-width: 992px) {
    .detalleDescripcion {
        float: left;
        left: 10px;
        width: 82%;
        font-size: 0.9em;
    }
}

@media screen and (max-width: 768px) {
    .detalleDescripcion {
        float: left;
        left: 10px;
        width: 80%;
        font-size: 0.9em;
    }
}

@media screen and (max-width: 540px) {
    .detalleDescripcion {
        float: left;
        left: 10px;
        width: 78%;
        font-size: 0.9em;
    }
}

@media screen and (max-width: 500px) {
    .detalleDescripcion {
        float: left;
        left: 10px;
        width: 76%;
        font-size: 0.7em;
    }
}

@media screen and (max-width: 450px) {
    .detalleDescripcion {
        float: left;
        left: 5px;
        width: 74%;
        font-size: 0.9em;
    }
}

.linea-detalle {
    width: 30%;
}

.detalleTitulo2 {
    width: 30%;
}

@media screen and (max-width: 550px) {
    .detalleTitulo2 {
        font-size: 0.9em;
        margin-left: 2%;
        float: left;
        width: 50%;
    }
}

.detalleDescripcion2 {
    width: 60%;
    margin-left: 15%;
    text-align: left;
}

@media screen and (max-width:1400px) {
    .detalleDescripcion2 {
        width: 50%;
        margin-top: -1.7%;
    }
}

@media screen and (max-width: 900px) {
    .detalleDescripcion2 {
        margin-top: -1.7%;
        width: 50%;
    }
}

@media screen and (max-width: 780px) {
    .detalleDescripcion2 {
        font-size: 0.9em;
        float: left;
        width: 75%;
        margin-left: 25%;
        margin-top: -3%;
    }
}

@media screen and (max-width: 550px) {
    .detalleDescripcion2 {
        font-size: 0.9em;
        float: right;
        width: 50%;
        margin-top: -5%;
        margin-left: 10%;
    }
}

.linea-detalle {
    width: 100%;
}

}

@media screen and (max-width: 382px) {
    .detalleDescripcion {
        float: right;
        left: 5px;
        width: 68%;
        margin-top: -5.1%;
        font-size: 0.95em;
    }

    .linea-detalle {
        width: 100%;
        display: inline-block;
    }
}


#separacion_slider {
    margin-top: 0px;
    padding-top: auto;
}

.oculto {
    display: none;
}

.flex-container {
    display: flex;
    flex-wrap: inherit;
    justify-content: space-between;
    align-items: center;
}



.imgslide {
    float: left;
    width: 70%;
    height: 100%;
    background-size: cover;
}

@media screen and (max-width: 1200px) {
    .imgslide {
        float: left;
        width: 60%;
        height: 100%;
        background-size: cover;
    }
}

@media screen and (max-width: 1000px) {
    .imgslide {
        float: left;
        width: 50%;
        height: 100%;
        background-size: cover;
    }
}

@media screen and (max-width: 980px) {
    .imgslide {
        float: left;
        width: 50%;
        height: 100%;
        background-size: cover;
    }
}

@media screen and (max-width: 900px) {
    .imgslide {
        float: left;
        width: 50%;
        height: 100%;
        background-size: cover;
    }
}

@media screen and (max-width: 700px) {
    .imgslide {
        float: left;
        width: 40%;
        height: 100%;
        background-size: cover;
    }
}

.card-footer {
    align-content: center;
    /*margin-top: 5px;*/
    font-size: 1em;
    width: auto;
    height: auto;
    padding: 5px 22px 22px 22px;
    margin-bottom: 20px;
}

@media screen and (max-width: 350px) {
    .card-footer {
        align-content: center;
        /*margin-top: 5px;*/
        font-size: 1em;
        width: auto;
        height: auto;
        padding: 5px 22px 22px 22px;
        margin-bottom: 20px;
        line-height: 1.2 !important;
    }
}


.progress {
    position: relative;
    width: 100%;
    border: 1px solid #ddd;
    padding: 1px;
    height: 24px !important;
}

.progress-bar {
    width: 0px;
    height: 20px;
    background-color: #57be65 !important;
    border-radius: 3px;
}

/*detalle novedades*/


.nombreNovedades {
    position: relative;
    float: left;
    width: 30%;
    padding-bottom: 10px;
    margin-left: 30px;
}

@media screen and (max-width: 1100px) {
    .nombreNovedades {
        position: relative;
        float: left;
        width: 45%;
        padding-bottom: 10px;
        margin-left: 15px;
    }
}

@media screen and (max-width: 650px) {
    .nombreNovedades {
        position: relative;
        float: left;
        width: 40%;
        padding-bottom: 10px;
        margin-left: auto;
    }
}

@media screen and (max-width: 450px) {
    .nombreNovedades {
        position: relative;
        float: left;
        width: 40%;
        padding-bottom: 10px;
        margin-left: auto;
    }
}

@media screen and (max-width: 350px) {
    .nombreNovedades {
        position: relative;
        float: left;
        width: 40%;
        padding-bottom: 10px;
        margin-left: auto;
    }
}



.detallenovedades {
    position: relative;
    float: right;
    width: 70%;
    margin-left: 20%;
}

@media screen and (max-width: 650px) {
    .detallenovedades {
        position: relative;
        float: right;
        width: 60%;
        margin-left: auto;
    }
}

@media screen and (max-width: 450px) {
    .detallenovedades {
        position: relative;
        float: right;
        width: 60%;
        margin-left: auto;
    }
}

@media screen and (max-width: 350px) {
    .detallenovedades {
        position: relative;
        float: right;
        width: 60%;
        margin-left: 28%;
    }
}

#detallecontent1 {
    margin-left: 3%;
    color: black;
}


@media screen and (max-width: 350px) {
    #detallecontent1 {
        margin-left: 0px;
    }
}

.accessibility-contrast #detallecontent2 {
    margin-left: 2%;
    color: white;
}

#detallecontent2 {
    margin-left: 2%;
    color: black;
}

@media screen and (max-width: 350px) {
    #detallecontent1 {
        margin-left: 0px;
    }
}

@media screen and (max-width: 350px) {
    #detallecontent2 {
        margin-left: 0px;
    }
}


.btn-order {
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
    font-size: 0.8rem;
}

    .btn-order:hover {
        color: #fff;
        background-color: #2A6394;
        border-color: #2A6394;
    }

    .btn-order:focus, .btn-order.focus {
        box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
    }

    .btn-order.disabled, .btn-order:disabled {
        color: #fff;
        background-color: #dc3545;
        border-color: #dc3545;
    }

.tituloBusquedaActual {
    color: #42bbff;
}

#contenidoCuerpo {
    background-color: #e6e6e6;
    padding: 15px 0px 15px 0px;
    margin-top: 5px;
}
/*LOADER*/
.loader {
    border: 4px solid #f3f3f3;
    border-radius: 50%;
    border-top: 4px solid #3791CB;
    width: 30px;
    height: 30px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 1s linear infinite;
    margin: 2px 2px 2px 10px;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/*AÑADIR CLASE AL LOADER*/
#loader {
    z-index: 9000;
}

.loader-content {
    display: inline-flex;
    background-color: #dcdcdc;
    width: 260px;
    height: auto;
    padding: 5px;
    border-radius: 5px;
    position: absolute;
    top: 45%;
    left: 42%;
    -webkit-box-shadow: 2px 2px 6px 0 rgba(0,0,0,0.24);
    -moz-box-shadow: 2px 2px 6px 0 rgba(0,0,0,0.24);
    box-shadow: 2px 2px 6px 0 rgba(0,0,0,0.24);
}

@media (max-width: 1024px) {
    .loader-content {
        top: 45%;
        left: 38%;
    }
}

@media (max-width: 991px) {
    .loader-content {
        top: 45%;
        left: 38%;
    }
}

@media (max-width: 768px) {
    .loader-content {
        top: 45%;
        left: 34%;
    }
}

@media (max-width: 767px) {
    .loader-content {
        top: 45%;
        left: 34%;
    }
}

@media (max-width: 420px) {
    .loader-content {
        top: 45%;
        left: 20%;
    }
}

@media (max-width: 360px) {
    .loader-content {
        top: 45%;
        left: 14%;
    }
}

@media (max-width: 320px) {
    .loader-content {
        top: 45%;
        left: 10%;
    }
}

.loader-content span {
    margin: 10px 0 8px 10px;
    color: #777;
    font-size: 12px;
}

#btnselect {
    position: relative;
    margin-top: 20px;
    margin-bottom: 5px;
}

@media (max-width: 375px) {
    #btnselect {
        top: 40%;
        margin-bottom: 40px;
    }
}

.TitulDetalle {
    position: relative;
    float: left;
    width: 14%;
    padding-bottom: 1px;
    margin-left: 30px;
}

@media screen and (max-width: 1100px) {
    .TitulDetalle {
        position: relative;
        float: left;
        width: 28%;
        padding-bottom: 1px;
        margin-left: 15px;
    }
}

@media screen and (max-width: 650px) {
    .TitulDetalle {
        position: relative;
        float: left;
        width: 24%;
        padding-bottom: 1px;
        margin-left: auto;
    }
}

@media screen and (max-width: 450px) {
    .TitulDetalle {
        position: relative;
        float: left;
        width: 30%;
        padding-bottom: 1px;
        margin-left: auto;
    }
}

@media screen and (max-width: 350px) {
    .TitulDetalle {
        position: relative;
        float: left;
        width: 24%;
        padding-bottom: 1px;
        margin-left: auto;
    }
}

.detalleNovedades {
    padding-bottom: 5px;
}

.btn-BusquedaAvanzada {
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
    font-size: 0.7rem;
}

.BusquedaAvanzada:hover {
    color: #fff;
    background-color: #2A6394;
    border-color: #2A6394;
}

.BusquedaAvanzada:focus, .BusquedaAvanzada.focus {
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.BusquedaAvanzada.disabled, .BusquedaAvanzada:disabled {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}

#icnspeak {
    display: inline-block;
}

#corpLine {
    border-top-left-radius: 6px !important;
    border-top-right-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
    padding-top: 10px;
    padding-bottom: 10px;
    border: 3px solid #d8d7d7;
    margin-bottom: 10px;
    padding: 0 !important;
}

#corpLine2 {
    border-top-left-radius: 12px !important;
    border-top-right-radius: 12px !important;
    border-bottom-left-radius: 12px !important;
    border-bottom-right-radius: 12px !important;
    padding-top: 0px;
    padding-bottom: 10px;
    border: 3px solid #d8d7d7;
    margin-bottom: 10px;
    padding: 0 !important;
}




#divCampoOrdenamiento {
    margin-top: -30px;
    width: 100%;
    margin-left: 0px;
}

@media only screen and (max-width: 1100px) {
    #divCampoOrdenamiento {
        width: 320px;
        align-content: center;
        margin-left: auto;
        margin-right: auto;
    }
}


/* Responsive design */
@media (max-width: 768px) {
    .campo-ordenamiento-content{
    flex-direction: column;
    align-items: stretch;
    }
    .campo-ordenamiento-buttons {
        justify-content: center;
    }
}

#cantidadElementos {
    margin-left: auto;
    margin-left: auto;
    padding: 0;
    width: auto;
}

@media only screen and (max-width: 1100px) {
    #cantidadElementos {
        width: 320px;
        align-content: center;
        margin-left: auto;
        margin-right: auto;
    }
}

#cantidadElementos {
    margin-left: auto;
    margin-left: auto;
}

@media only screen and (max-width: 1100px) {
    #cantidadElementos {
        width: 100%;
        align-content: center;
        margin-left: auto;
        margin-right: auto;
    }
}

.tituloCampoPadre {
    background-color: rgba(0, 0, 0, 0.03);
    height: 40px;
    width: 100%;
    padding-top: 10px;
    padding-left: 10px;
    border-radius: 0.25rem;
    border: 1px solid #e4e4e3;
}

.campoOrden {
    position: relative;
    float: right;
}

#perfiles2 {
    margin-top: 2%;
    margin-bottom: 3%;
    margin-left: 40%;
    width: auto;
}

@media only screen and (max-width: 1400px) {
    #perfiles2 {
    }
}

@media only screen and (max-width: 1100px) {
    #perfiles2 {
        width: 100%;
        align-content: center;
        justify-content: center;
        margin-left: auto;
        margin-right: auto;
        transform-origin: 50% 50%;
        left: 50%;
        margin-bottom: 10%;
    }
}

@media only screen and (max-width: 500px) {
    #perfiles2 {
        width: 100%;
        align-content: center;
        justify-content: center;
        margin-left: auto;
        margin-right: auto;
        transform-origin: 50% 50%;
        left: 50%;
        margin-bottom: 10%;
    }
}



.campoBusqueda {
    padding-left: 0px;
    padding-bottom: 5px;
}

.campoBusquedaAsc {
    background-color: #f6d001;
    color: #000;
    border: 1px solid #f6d001;
    font-weight: bold;
}


.campoBusquedaDesc {
    background-color: #f6d001;
    color: #000;
    border: 1px solid #f6d001;
    font-weight: bold;
}

#VideoFlv {
    justify-content: center;
    align-content: center;
    transform-origin: 50% 50%;
    font-size: 1rem;
}

@media only screen and (max-width: 950px) {
    #VideoFlv {
        transform: scale(0.7);
        width: 100%;
        font-size: 1.5rem;
    }
}

@media only screen and (max-width: 600px) {
    #VideoFlv {
        transform: scale(0.6);
        margin-right: 100%;
        width: 100%;
        font-size: 2rem;
    }
}

@media only screen and (max-width: 375px) {
    #VideoFlv {
        transform: scale(0.5);
        margin-right: 100%;
        width: 100%;
        font-size: 2rem;
    }
}

@media only screen and (max-width: 350px) {
    #VideoFlv {
        transform: scale(0.4);
        margin-right: 100%;
        width: 100%;
        font-size: 2rem;
    }
}

@media only screen and (max-width: 320px) {
    #VideoFlv {
        transform: scale(0.3);
        margin-right: 100%;
        width: 100%;
        font-size: 3rem;
    }
}

@media only screen and (max-width: 500px) {
    .torta {
        width: 100%;
        transform: scale(0.9)
    }
}

.responestadistica {
    margin-left: auto;
    margin-right: auto;
    width: auto;
    height: auto;
    display: block;
    overflow-x: scroll;
}

@media only screen and (max-width: 900px) {
    .responestadistica {
        overflow-x: scroll;
        transform: scale(0.7);
        margin-left: -30%;
        margin-top: -5%;
        font-size: 2rem !important;
        margin-bottom: -5%;
    }
}

#canvasLine {
    margin-left: auto;
    margin-right: auto;
    width: auto;
    height: auto;
    display: block;
}

@media only screen and (max-width: 900px) {
    #canvasLine {
        overflow-x: scroll;
        transform: scale(0.8);
    }
}



@media only screen and (max-width: 900px) {
    #divLineas {
        overflow-x: scroll;
        transform: scale(0.8);
        margin-left: -35%;
    }
}

@media only screen and (max-width: 900px) {
    #divColumnas {
        overflow-x: scroll;
        transform: scale(0.8);
        margin-left: -20%;
    }
}

@media only screen and (max-width: 900px) {
    #divAreas {
        overflow-x: scroll;
        transform: scale(0.8);
        margin-left: -10%;
    }
}

@media only screen and (max-width: 900px) {
    #divRadar {
        overflow-x: scroll;
        transform: scale(0.8);
        margin-left: -20%;
    }
}

.imagenDetalleGeneral {
    width: 100%;
    max-width: 100px;
    height: auto;
    max-height: 80px;
    border: 0;
    position: relative;
    top: 10px;
}

@media only screen and (max-width: 500px) {
    .imagenDetalleGeneral {
        transform: scale(0.7);
    }
}

@media only screen and (max-width: 350px) {
    .imagenDetalleGeneral {
        transform: scale(0.5);
    }
}

.divDetalleGeneral {
    background-color: #fff /*#1496c9*/;
    width: 100%;
    max-width: 100px;
    padding: 0px 10px 20px 10px;
    border: 1px solid #F69731;
    border-radius: 8px;
    margin: auto;
}

@media only screen and (max-width: 500px) {
    .divDetalleGeneral {
        transform: scale(0.7);
    }
}

@media only screen and (max-width: 350px) {
    .divDetalleGeneral {
        transform: scale(0.5);
    }
}


#imgTodas {
    width: 50px;
    height: 50px;
}

.divBoletin {
    width: 100%;
    height: auto;
}

.divBoletinImagen {
    width: 100%;
    height: 100%;
}

.divEncabezado {
    border: 1px solid #cccccc;
}

.divBoletinItem {
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
}

.tdGuia {
    background-color: white;
    border: 1px solid darkgray;
    padding-left: 20px;
    padding-right: 20px;
}

.linkBoletin {
    border: 0px;
    background-color: transparent;
    color: #0086b5;
    cursor: pointer;
    outline: none;
}

    .linkBoletin:hover {
        font-weight: bold;
        outline: none;
    }

.thumb {
    width: 100%;
}

.logoCendoj {
    width: 240px;
    margin-left: 15px;
    margin-top: 25px;
}

.accessibility-contrast #cabezote_integrador {
    background-image: none !important;
    transition: background-image 0.3s ease-in;
}

.accessibility-contrast .logoCendoj {
    filter: brightness(300%);
    transition: filter 0.3s ease-in;
}

.menuUsuario {
    width: 100%;
}

    .menuUsuario th {
        font-weight: bold;
        border: 1px solid darkgray;
        text-align: center;
    }

    .menuUsuario td {
        border: 1px solid darkgray;
    }

.tituloNovedades {
    font-size: x-large;
    color: #808080;
}

.textoNovedad {
    color: #454545;
    font-weight: 600;
    font-size: medium;
    padding: 10px 10px 20px 10px;
}

.containerImagenNovedadLeft {
    text-align: left;
    padding-left: 0;
}

.containerImagenNovedadRight {
    text-align: right;
    padding-right: 0;
}

.ocultarTag {
    display: none !important;
}

/* Mejora visual del cuerpo de contenido */
#contenidoCuerpo.contenido-cuerpo {
    background: linear-gradient(135deg, #f8fafe 0%, #e8f4f8 100%);
    border: 1px solid #e1ecf4;
    border-radius: 10px;
    padding: 16px 18px;
    margin-top: 10px;
    box-shadow: 0 2px 6px rgba(5, 137, 211, 0.08);
}

/* Card interno opcional para separar el contenido del fondo */
#contenidoCuerpo .contenido-cuerpo-inner {
    background: #ffffff;
    border: 1px solid #edf2f7;
    border-radius: 8px;
    padding: 16px;
}

/* Línea divisoria más sutil y consistente */
#contenidoCuerpo hr {
    border: 0;
    border-top: 1px solid #e1ecf4;
    margin: 16px 0 0;
}

/* Títulos dentro del contenedor con color institucional */
#contenidoCuerpo h1,
#contenidoCuerpo h2,
#contenidoCuerpo h3,
#contenidoCuerpo .section-title {
    color: #2c5282;
}

/* Responsive */
@media (max-width: 768px) {
    #contenidoCuerpo.contenido-cuerpo {
        padding: 12px;
    }

    #contenidoCuerpo .contenido-cuerpo-inner {
        padding: 12px;
    }
}

@media (max-width: 576px) {
    #divValoresCampos .nav-tabs > li > a {
        padding: 7px 12px;
        font-size: 13px;
        border-radius: 16px;
    }

    .cuadroFrontalModal {
        width: 96%;
        left: 2%;
        top: 10%;
        padding: 15px 8px;
    }

    #divValoresCampos .nav-tabs {
        gap: 6px;
    }

        #divValoresCampos .nav-tabs > li > a {
            padding: 6px 10px;
            font-size: 13px;
        }
}

@media (max-width: 992px) {
    .cuadroFrontalModal {
        width: 90%;
        left: 5%;
    }
}