/*FONTS ---------------------------------------------------------------*/
    
    @font-face {
        font-family: 'Roboto';
        src: url('./fonts/Roboto/Roboto-Regular.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
    }
    
    @font-face {
        font-family: 'Roboto-Slab';
        src: url('./fonts/Roboto_Slab/RobotoSlab-VariableFont_wght.ttf') format('truetype');
        font-weight: 100 1000;
        font-style: 25% 151%;
    }
    
    @font-face {
        font-family: 'Roboto Condensed';
        src: url('./fonts/Roboto_Condensed/RobotoCondensed-Regular.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
    }
    
    @font-face {
        font-family: 'Material-Icon';
        src: url('./fonts/Material_Design_Icons/MaterialIcons-Regular.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
    }
    /*GENERAL -------------------------------------------------------------*/
    
    * {
        font-family: 'Roboto';
    }
    
    html {
        scroll-behavior: smooth;
    }
    
    body {
        margin: 0;
    }
    
    .full-page {
        height: 100vh;
    }
    
    .clearfix {
        float: none;
        clear: both;
    }
    
    .cedoc-container {
        margin-top: 105px;
        min-height: 100px;
    }
    /*GENERAL Boton scroll top ----------------------------------------------------*/
    
    #scroll_top_button {
        display: none;
        /* Hidden by default */
        position: fixed;
        /* Fixed/sticky position */
        bottom: 20px;
        /* Place the button at the bottom of the page */
        right: 30px;
        /* Place the button 30px from the right */
        z-index: 99;
        /* Make sure it does not overlap */
        border: solid 4px black;
        /* Remove borders */
        outline: none;
        /* Remove outline */
        background-color: transparent;
        /* Set a background color */
        color: black;
        /* Text color */
        cursor: pointer;
        /* Add a mouse pointer on hover */
        padding: 15px;
        /* Some padding */
        border-radius: 30px;
        /* Rounded corners */
        font-family: 'Material-Icon';
        font-size: 20px;
        /* Increase font size */
        font-weight: bold;
        transition: all 200ms ease;
        line-height: 20px;
        box-shadow: 0 0 2px white, 0 0 2px white inset;
        text-shadow: 0 0 2px white;
    }
    
    #scroll_top_button:hover {
        background-color: rgba(255, 255, 255, 0.4);
        box-shadow: 0 0 6px white;
        text-shadow: 0 0 6px white;
    }
    /*GENERAL Media Queries ------------------------------------------------*/
    /*sm*/
    
    @media (min-width:576px) {
        .cedoc-container {}
    }
    /*md*/
    
    @media (min-width: 768px) {
        .cedoc-container {
            margin-top: 135px;
        }
    }
    /*lg*/
    
    @media (min-width:992px) {
        .cedoc-container {
            margin-top: 200px;
        }
    }
    /*xl*/
    
    @media (min-width:1200px) {
        .cedoc-container {
            margin-top: 150px;
        }
    }
    /*xxl*/
    /*
    @media (min-width:1400px) {}
    /*HEADER --------------------------------------------------------------*/
    
     :root {
        --width-menuItems: 543px;
    }
    
    ul.menuItems {
        border-top: none;
        width: auto;
    }
    
    .navbar {
        position: absolute;
        top: 0;
        width: 100%;
    }
    
    .navbar-brand {
        width: 126px;
        padding: 0;
        margin: 32px 0 16px 20px !important;
    }
    
    .navbar-toggle {
        margin-top: 38px;
        margin-bottom: 11px;
        margin-right: 40px;
    }
    
    .navbar .form-control {
        padding: 0px 7px;
        border: 0px;
        border-radius: 10px;
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-transition: none;
        transition: none;
        background-color: white;
        font-family: 'Roboto';
    }
    
    .navbar-default .navbar-nav>li>a {
        color: #006272;
    }
    
    .navbar-nav>li>a {
        line-height: 25px;
    }
    
    .nav>li>a,
    .nav>li>a:hover,
    .nav>li>a:focus {
        font-family: 'Roboto';
        text-transform: uppercase;
        font-size: 14px;
        color: #000;
    }
    
    .close_menu_uni,
    .search_menu_icon {        
        padding: 9px 20px 0 0;
        float: right;
        font-size: 18px;
        color: #D1DCDF
    }
    
    .close_menu_uni:hover {
        cursor: pointer;
        font-size: 22px;
        transition: all 200ms;
        color: #f3179f;
    }
    
    .search_menu_icon {
        position: absolute;
        top: calc(100% - 110px);
        left: calc(100% - 110px);
        text-align: center;
        font-size: 64px;
        z-index: -1;
    }
    
    #menu_unidades_documentales {
        visibility: hidden;
        opacity: 0;
        transition: visibility 0s, opacity 0.3s linear;
        background-color: #EAEAFF;
        position: absolute;
        top: 91px;
        min-width: 100vw;
        min-height: calc(100vh - 91px);
        z-index: 99999;
    }
    
    #menu_unidades_documentales ul {
        list-style-type: none;
        margin: 0px;
        padding: 0px;
        margin-top: 20px;
        margin-bottom: 20px;
        padding-left: 40px;
    }
    
    #menu_unidades_documentales ul li {
        line-height: 33px;
    }
    
    #menu_unidades_documentales ul li a {
        font-family: 'Roboto';
        color: rgb(165, 165, 165);
        font-size: 16px;
        text-decoration: none;
        display: block;
        transition: all 300ms;
    }
    
    #menu_unidades_documentales ul li a:hover {
        color: #371B4F;
        font-size: 18px;
        font-weight: bold;
    }
    
    #menu_unidades_documentales ul li a:hover::before {
        content: '> ';
    }
    /*HEADER Logos --------------------------------------------------------*/
    
    .institutional-images {
        display: none;
        width: 437px;
        float: right;
        margin-top: 20px;
        margin-left: 50px;
    }
    
    #logos {
        margin: 0px;
        padding: 0px;
        list-style: none;
        height: 58px;
    }
    
    #logos>li {
        float: left;
    }
    
    #logos>li#ctba {
        width: 85px;
    }
    
    #logos>li#fundacion {
        width: 182px;
    }
    
    #logos>li#fundacion img {
        padding-top: 4px;
    }
    
    #logos>li#mecenazgo {
        width: 170px;
    }
    
    #logos>li>img {
        display: block;
        float: left;
        width: 100%;
        margin: auto;
    }
    /*HEADER Media Queries ------------------------------------------------*/
    /*sm*/
    /*
    @media (min-width:576px) {
    }
    /*md*/
    
    @media (min-width: 768px) {
        .navbar {
            top: 30px;
        }
        .navbar-nav {
            margin-right: 15px !important;
        }
        .navbar-nav>li {
            float: left;
        }
        .navbar-nav>li>a {
            padding-top: 15px;
            padding-bottom: 15px;
        }
        ul.menuItems {
            padding-top: 28px;
            width: var(--width-menuItems);
        }
        #menu_unidades_documentales {
            top: 120px;
            min-width: 350px;
            min-height: 30px;
        }
    }
    /*lg*/
    
    @media (min-width: 992px) {
        .institutional-images {
            display: block;
        }
        .navbar-nav>li>a {}
        .nav>li.dropdown>a.icon {
            font-size: 18px;
        }
        .nav>li>a,
        .nav>li>a:hover,
        .nav>li>a:focus {
            font-size: 14px;
        }
        .menu-principal {
            border-top: solid 1px rgba(165, 165, 165, 0.5);
            display: block;
            clear: both;
        }
        ul.menuItems {
            padding-top: 0;
            margin-right: calc((100vw - var(--width-menuItems))/2) !important;
        }
        #menu_unidades_documentales {
            top: 176px;
        }
    }
    /*xl*/
    
    @media (min-width:1200px) {
        .navbar-nav {
            margin-right: 0 !important;
        }
        .institutional-images {
            margin-left: 16px !important;
        }
        ul.menuItems {
            padding-top: 28px;
            margin-right: 0 !important;
        }
        .menu-principal {
            border-top: none;
            display: block;
            clear: none;
        }
        #menu_unidades_documentales {
            top: 120px;
        }
    }
    /*xxl*/
    /*
    @media (min-width:1400px) {
    }
    /*FOOTER --------------------------------------------------------------*/
    
    #footer,
    #logo-cedoc,
    #footer-menu {
        margin: 0;
        padding: 0;
    }
    
    #footer {
        clear: both;
        position: relative;
        height: 70px;
        padding-left: 7px;
        padding-top: 18px;
        padding-bottom: 93px;
    }
    
    #logo-cedoc {
        display: none;
        float: left;
        margin-left: 5%;
        width: 40%;
    }
    
    #logo-cedoc img {
        width: 100%;
    }
    
    #footer-menu {
        display: none;
        float: left;
        border-left: #006272 1px solid;
        border-right: #006272 1px solid;
    }
    
    .footer-institutional-images {
        clear: both;
        float: right;
        width: 100%;
    }
    
    #footer-logos-menu,
    #footer-logos-images {
        margin: 0px;
        padding: 0px;
        list-style: none;
        height: 58px;
    }
    
    #footer-logos-images {
        display: block;
    }
    
    #footer-logos-menu>li {
        font-family: 'Roboto';
        line-height: 20px;
        font-size: 14px;
        text-transform: uppercase;
    }
    
    #footer-logos-images>li {
        padding: 0 !important;
        float: left;
    }
    
    #footer-fundacion img {
        padding-top: 4px;
    }
    
    #footer-logos-images>li>img {
        display: block;
        float: left;
        width: 100%;
        margin: auto;
    }
    
    #footer-ctba,
    #footer-fundacion,
    #footer-mecenazgo {
        padding: 0;
    }
    
    #footer-ctba {
        width: 20%;
    }
    
    #footer-fundacion,
    #footer-mecenazgo {
        width: 40%;
    }
    /*FOOTER Media Queries ------------------------------------------------*/
    /*sm*/
    
    @media (min-width:576px) {
        #footer {
            padding-bottom: 100px;
        }
        #logo-cedoc {
            display: block;
            float: left;
            width: 118px;
            margin-top: 9px;
            margin-left: 11px;
        }
        .footer-institutional-images {
            clear: none;
            width: 430px;
        }
    }
    /*md*/
    
    @media (min-width: 768px) {
        #footer {
            padding-top: 45px;
            padding-bottom: 150px;
        }
        #footer-menu {
            display: block;
            margin-left: calc((100vw / 2) - 364px) !important;
            width: 157px;
            height: 100px;
        }
        #footer-logos-menu {
            position: relative;
            width: 131px;
            margin-left: auto;
            margin-right: auto;
        }
    }
    /*lg*/
    
    @media (min-width:992px) {
        #footer-menu {
            display: block;
            margin-left: calc((100vw / 2) - 400px) !important;
            width: 250px;
            height: 100px;
        }
    }
    /*xl*/
    /*
    @media (min-width:1200px) {}
    /*xxl*/
    /*
    @media (min-width:1400px) {}
    /*Saludo + Busqueda estilos -------------------------------------------*/
    
    #saludo h1 {
        text-transform: capitalize !important;
    }
    
    #saludo h1,
    #saludo h2,
    #headerSearchInput
    .btn-search {
        margin: 0;
        padding: 0;
    }
    
    #saludo h1,
    #saludo h2 {
        font-family: 'Roboto-Slab';
        color: white;
        text-shadow: 2px 2px 5px black;
    }
    
    #search-form {
        display: block;
        position: absolute;
    }
    
    .formOutline {
        background-color: white;
    }

    .navbar .formOutlineMenu{
        border: 1px solid #cccccc;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
        position:relative;
        border-radius: 3px;
    }
    
    .navbar-form-menu {
        padding: 0;
        margin-bottom: 10px;
    }

    #headerSearchInput {
        padding-left: 10px;
        border: none;
        font-family: 'Roboto';
    }

    #headerSearchInputMenu {
        width: 80%;
        border: none;
        padding-left: 8px;
        font-size: 15px;
    }
    
    #headerSearchInputMenu:focus-visible {
        border: none;
    }
    .btn-search {
        position: inherit;
        float: right;
        height: 34px;
        width: 34px;
        background-color: transparent;
    }
    /*Saludo + Busqueda dimensiones/posiciones ----------------------------*/
    
     :root {
        --font-size-saludo-H1: 40px;
        --font-size-saludo-H2: 18px;
        --width-formOutline: 240px;
        --width-headerSearchInput: 200px;
        --escala-saludo-min-width-inicial: 1.0;
        --escala-saludo-min-width-576: 1.93;
        --escala-saludo-min-width-768: 2.0;
        --escala-saludo-min-width-992: 1.6;
        --escala-saludo-min-width-1200: 1.6;
        --escala-saludo-min-width-1400: 1.8;
    }
    
    #saludo h1 {
        font-size: calc(var(--font-size-saludo-H1) * var(--escala-saludo-min-width-inicial));
        font-weight: 900;
    }
    
    #saludo h2 {
        font-size: calc(var(--font-size-saludo-H2) * var(--escala-saludo-min-width-inicial));
        margin-top: 5px;
    }
    
    #search-form {
        /*top: 110px;
        left: 50px;*/
        top: calc((100vh / 2) - 110px);
        left: calc((100vw / 2) - 121px);
    }
    
    .formOutline {
        width: calc(var(--width-formOutline) * var(--escala-saludo-min-width-inicial));
        margin-top: 25px;
    }

    #headerSearchInput {
        width: calc(var(--width-headerSearchInput) * var(--escala-saludo-min-width-inicial));
        font-size: 15px;
    }
    /*Saludo + Busqueda Media Queries -------------------------------------*/
    /*sm*/
    
    @media (min-width:576px) {
        #search-form {
            top: calc((100vh / 2) - 130px);
            left: calc((100vw / 2) - 232px);
        }
        #saludo h1 {
            font-size: calc(var(--font-size-saludo-H1) * var(--escala-saludo-min-width-576));
        }
        #saludo h2 {
            font-size: calc(var(--font-size-saludo-H2) * var(--escala-saludo-min-width-576));
        }
        .formOutline {
            width: calc(var(--width-formOutline) * var(--escala-saludo-min-width-576));
        }
        #headerSearchInput {
            width: calc(var(--width-headerSearchInput) * var(--escala-saludo-min-width-576));
        }
    }
    /*md*/
    
    @media (min-width:768px) {
        #search-form {
            top: calc((100vh / 2) - 148px);
            left: calc((100vw / 2) - 246px);
        }
        #saludo h1 {
            font-size: calc(var(--font-size-saludo-H1) * var(--escala-saludo-min-width-768));
        }
        #saludo h2 {
            font-size: calc(var(--font-size-saludo-H2) * var(--escala-saludo-min-width-768));
        }
        .formOutline {
            width: calc(var(--width-formOutline) * var(--escala-saludo-min-width-768));
        }
        #headerSearchInput {
            width: calc(var(--width-headerSearchInput) * var(--escala-saludo-min-width-768));
        }
    }
    /*lg*/
    
    @media (min-width:992px) {
        #search-form {
            top: 240px;
            left: 96px;
        }
        #saludo h1 {
            font-size: calc(var(--font-size-saludo-H1) * var(--escala-saludo-min-width-992));
        }
        #saludo h2 {
            font-size: calc(var(--font-size-saludo-H2) * var(--escala-saludo-min-width-992));
        }
        .formOutline {
            width: calc(var(--width-formOutline) * var(--escala-saludo-min-width-992));
        }
        #headerSearchInput {
            width: calc(var(--width-headerSearchInput) * var(--escala-saludo-min-width-992));
        }
    }
    /*xl*/
    
    @media (min-width:1200px) {
        #search-form {
            top: 165px;
        }
        #saludo h1 {
            font-size: calc(var(--font-size-saludo-H1) * var(--escala-saludo-min-width-1200));
        }
        #saludo h2 {
            font-size: calc(var(--font-size-saludo-H2) * var(--escala-saludo-min-width-1200));
        }
        .formOutline {
            width: calc(var(--width-formOutline) * var(--escala-saludo-min-width-1200));
        }
        #headerSearchInput {
            width: calc(var(--width-headerSearchInput) * var(--escala-saludo-min-width-1200));
        }
    }
    /*xxl*/
    
    @media (min-width:1400px) {
        #search-form {
            top: 170px;
        }
        #saludo h1 {
            font-size: calc(var(--font-size-saludo-H1) * var(--escala-saludo-min-width-1400));
        }
        #saludo h2 {
            font-size: calc(var(--font-size-saludo-H2) * var(--escala-saludo-min-width-1400));
        }
        .formOutline {
            width: calc(var(--width-formOutline) * var(--escala-saludo-min-width-1400));
        }
        #headerSearchInput {
            width: calc(var(--width-headerSearchInput) * var(--escala-saludo-min-width-1400));
        }
    }
    /*SLIDESHOW------------------------------------------------------------*/
    
    .slideshow {
        position: absolute;
        width: 100%;
        height: 100vh;
        background-color: black;
    }
    /*SLIDESHOW Container -------------------------------------------------*/
    
    .slideshow-container {
        position: absolute;
        z-index: -1;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    }
    /*SLIDESHOW Images ----------------------------------------------------*/
    
    .slide-image {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
    /*SLIDESHOW Navigation ------------------------------------------------*/
    
    .navigation {
        position: absolute;
        bottom: 20px;
        text-align: center;
        width: 100%;
    }
    /*SLIDESHOW Dots ------------------------------------------------------*/
    
    .dot {
        cursor: pointer;
        height: 10px;
        width: 10px;
        margin: 0 2px;
        background-color: #bbb;
        border-radius: 50%;
        display: inline-block;
        transition: background-color 0.6s ease;
    }
    
    .no-mobile {
        display: none;
    }
    
    .active,
    .dot:hover {
        background-color: white;
    }
    /*SLIDESHOW Fade Animations -------------------------------------------*/
    
    .slide-fade {
        -webkit-animation-name: fade;
        -webkit-animation-duration: 2s;
        -webkit-animation-timing-function: ease-in;
        animation-name: fade;
        animation-duration: 2s;
        animation-timing-function: ease-in;
    }
    
    @keyframes fade {
        from {
            opacity: .1
        }
        to {
            opacity: 1
        }
    }
    
    @-webkit-keyframes fade {
        from {
            opacity: .1
        }
        to {
            opacity: 1
        }
    }
    /*SLIDESHOW Media Queries -----------------------------------------------------------*/
    /*sm*/
    /*
    @media (min-width:576px) {}
    /*md*/
    /*
    @media (min-width:768px) {
    }
    /*lg*/
    
    @media (min-width:992px) {
        .no-mobile {
            display: inline-block;
        }
    }
    /*xl*/
    /*
    @media (min-width:1200px) {}
    /*xxl*/
    /*
    @media (min-width:1400px) {}
    /*PAGES ---------------------------------------------------------------*/
    
     :root {
        --font-size-page-title: 23px;
        /*43*/
        --font-size-page-title-enfasis: 50px;
        /*80*/
        --font-size-copete-span: 20px;
    }
    
    .page {
        clear: both;
        /*padding-top: 120px;*/
        padding-bottom: 20px;
        /*padding-left: 60px;
        padding-right: 60px;*/
    }
    
    .page h1 {
        font-family: 'Roboto';
        text-transform: none;
        font-size: 30px;
        font-weight: bold;
    }
    
    h1.page-title,
    h1.page-title-enfasis {
        font-family: 'Roboto-Slab';
        color: #006272;
    }
    
    h1.light-green {
        color: #d3e9da;
    }
    
    h1.page-title {
        font-size: calc(var(--font-size-page-title));
        line-height: 1;
    }
    
    h1.page-title-enfasis {
        font-size: calc(var(--font-size-page-title-enfasis));
        font-weight: bold;
        line-height: 1;
    }
    
    h1.page-title-last-line {
        margin-bottom: 20px;
    }
    
    .wrap p {
        font-family: 'Roboto';
        font-size: 16px;
        text-align: justify;
    }
    
    .rotate-45 {
        display: inline-block;
        transform: rotate(45deg);
        margin-top: -50px;
    }
    
    .page .wrap .title-icon {
        color: #371B4F;
    }
    
    #copete {
        margin-top: 80px;
        margin-bottom: 30px;
        text-align: center;
        padding: 0 5%;
    }
    
    #copete span {
        text-align: center;
        font-family: 'Roboto-Slab';
        font-size: calc(var(--font-size-copete-span));
        color: #694786;
    }
    
    #about {
        background-image: url('../graphics/backgrounds/background_que-es.jpg');
        background-size: 100%;
        box-shadow: /*inset 0 10px 10px -5px rgba(112, 112, 112, 0.4),*/
        inset 0 15px 15px -7px rgba(112, 112, 112, 0.7), /*inset 0 20px 20px -10px rgba(112, 112, 112, 0.4), 
        /*inset 0 50px 50px -12px rgba(112, 112, 112, 0.4), */
        inset 0px 0px 0px 1000px rgba(255, 255, 255, 0.8);
    }
    
    #colecciones,
    #services {
        background-image: url('../graphics/backgrounds/background_que-es.jpg');
        background-size: 100%;
        box-shadow: inset 0px 0px 0px 1000px rgba(255, 255, 255, 0.8);
    }
    
    #news {
        margin-top: 30px;
        padding-top: 50px;
        background: rgb(186, 204, 192);
        background: linear-gradient(90deg, rgba(186, 204, 192, 1) 0%, rgba(234, 234, 255, 1) 100%);
    }
    
    #explore {
        padding-top: 50px;
    }
    
    #contact {
        background-color: #371B4F;
    }
    
    #about .wrap,
    #services .wrap {
        display: block;
        float: left;
        width: 40%;
        margin-left: 5%;
    }
    
    #contact .wrap {
        display: block;
        float: left;
        margin-left: 5%;
    }
    
    #about img,
    #services img {
        display: block;
        float: right;
        width: 40%;
    }
    
    #colecciones img {
        display: block;
        float: left;
        width: 40%;
    }
    
    .page-img-container {
        width: 100%;
    }
    
    #about .page-img-container {
        box-shadow: inset 0px 10px 10px -5px rgba(112, 112, 112, 0.4), inset 0px 15px 15px -7px rgba(112, 112, 112, 0.4), inset 0px 20px 20px -10px rgba(112, 112, 112, 0.4), inset 0px 50px 60px -10px rgba(112, 112, 112, 0.4);
    }
    
    #about img,
    #services img,
    #colecciones img {
        position: relative;
        float: none;
        width: 100%;
        /*z-index: -1;*/
    }
    
    #about .wrap,
    #services .wrap,
    #colecciones .wrap {
        display: block;
        float: none;
        width: 90%;
        margin-left: 5%;
        padding-top: 30px;
    }
    
    .wrap-text {
        padding-top: 10px !important;
    }
    
    #contact {
        z-index: 999;
        margin: 0;
        padding: 30px 5% 20px 5%;
    }
    
    #contact div label {
        margin-top: 25px;
        color: white;
        font-family: 'Roboto';
        font-size: 16px;
        text-transform: capitalize;
    }
    
    #contact div input,
    #contact div textarea {
        font-family: 'Roboto';
        font-size: 16px;
        border-radius: 0;
        border: none;
    }
    
    #contact div button {
        border-radius: 0;
        padding-left: 30px;
        padding-right: 30px;
        font-family: 'Roboto';
        font-size: 16px;
        text-transform: uppercase;
        background-color: #FB778C;
        color: white;
        float: right;
    }
    /*PAGES Media Queries -----------------------------------------------------------*/
    /*sm*/
    
    @media (min-width:576px) {
        #copete span {
            font-size: calc(var(--font-size-copete-span) * 1);
        }
        .page {
            padding-bottom: 0;
        }
        .wrap-title {
            width: 47% !important;
            padding-top: 50px !important;
        }
        #about .wrap-title,
        #services .wrap-title {
            float: left;
        }
        #colecciones .wrap-title {
            float: right;
            margin-left: 5%;
        }
        h1.page-title {
            font-size: calc(var(--font-size-page-title) * 1);
        }
        h1.page-title-enfasis,
        span.page-title-enfasis {
            font-size: calc(var(--font-size-page-title-enfasis) * 0.9);
        }
        .page-img-container {
            width: 47%;
            float: right;
            margin-top: 50px;
        }
        #colecciones .page-img-container {
            width: 47%;
            float: left;
            margin-top: 50px;
        }
        .wrap-text {
            clear: both;
            padding-top: 25px !important;
        }
        #services {
            padding-bottom: 20px;
        }
        #contact-datos,
        #contact-message {
            width: 45%;
            float: left;
        }
        #contact-message {
            margin-left: 10%;
        }
        #contact button {
            margin-top: 25px;
            clear: both;
        }
    }
    /*md*/
    
    @media (min-width: 768px) {
        #copete {
            padding: 0 15% !important;
        }
        #copete span {
            font-size: calc(var(--font-size-copete-span) * 1);
        }
        .page {
            padding-bottom: 0;
        }
        .wrap-title {
            width: 47% !important;
            padding-top: 50px !important;
        }
        #about .wrap-title,
        #services .wrap-title {
            float: left;
        }
        #colecciones .wrap-title {
            float: left;
            margin-left: 5%;
        }
        h1.page-title {
            font-size: calc(var(--font-size-page-title) * 1);
        }
        h1.page-title-enfasis,
        span.page-title-enfasis {
            font-size: calc(var(--font-size-page-title-enfasis) * 0.9);
        }
        .page-img-container {
            width: 38%;
            float: right;
            margin-top: 50px;
        }
        #colecciones .page-img-container {
            width: 38%;
            float: left;
        }
        .wrap-text {
            clear: none !important;
            float: left !important;
            padding-top: 0px !important;
            width: 49% !important;
        }
        #colecciones {
            float: right;
        }
        #services {
            padding-bottom: 20px;
        }
    }
    /*lg*/
    
    @media (min-width:992px) {
        #copete span {
            font-size: calc(var(--font-size-copete-span) * 1.3);
        }
    }
    /*xl*/
    /*
    @media (min-width:1200px) {}
    /*xxl*/
    
    @media (min-width:1400px) {
        #contact-datos {
            width: 25%;
        }
        #contact-message {
            width: 65%;
        }
    }
    /*TITLES --------------------------------------------------------------*/
    
    .title-container {
        text-align: center;
    }
    
    .title-color-green {
        color: #006272;
    }
    
    .title-color-purple {
        color: #371B4F;
    }
    
    .title-color-white {
        color: #FFF;
    }
    
    .title-icon-green {
        background-color: #d3e9da;
    }
    
    .title-icon-purple {
        background-color: #371B4F;
    }
    
    .title-icon {
        font-family: 'Material-Icon';
        font-size: 25px;
        padding: 12px;
        border-radius: 50%;
    }
    
    .title-text {
        overflow: hidden;
        text-align: center;
        margin-bottom: 50px;
        margin-top: 15px;
    }
    
    .title-text>span {
        text-transform: capitalize !important;
        font-family: 'Roboto';
        font-size: 21px;
        letter-spacing: 2px;
        font-weight: bold;
    }
    
    .title-text :before,
    .title-text :after {
        background-color: #bbb;
        content: "";
        display: inline-block;
        height: 2px;
        position: relative;
        vertical-align: middle;
        width: 50%;
    }
    
    .title-text :before {
        right: 0.5em;
        margin-left: -50%;
    }
    
    .title-text :after {
        left: 0.5em;
        margin-right: -50%;
    }
    /*TITLES Media Queries -----------------------------------------------------------*/
    /*sm*/
    
    @media (min-width:576px) {
        .title-text>span {
            font-size: 38px;
        }
    }
    /*md*/
    /*
    @media (min-width:768px) {}
    /*lg*/
    /*
    @media (min-width:992px) {}
    /*xl*/
    /*
    @media (min-width:1200px) {}
    /*xxl*/
    /*
    @media (min-width:1400px) {}
    /*CARROUSEL -----------------------------------------------------------*/
    
    .jcarousel-wrapper {
        width: 100% !important;
        padding: 0 50px;
    }
    
    .jcarousel {
        padding: 0px;
    }
    
    .jcarousel li {
        float: left;
        margin: 0 30px;
        margin-bottom: 25px;
    }
    
    .frontSlide img {
        height: 200px;
        width: auto;
        box-shadow: 10px 10px 20px #888;
    }
    
    .frontSlide .frontSlideCaption {
        position: relative;
        text-align: center;
        background-color: transparent;
        padding: 15px;
        color: #000;
        bottom: -10px;
        width: 100%;
        z-index: 100;
        opacity: 1;
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        -ms-transition: none;
        transition: none;
    }
    
    .frontSlide:hover .frontSlideCaption {
        position: relative;
        text-align: center;
        background-color: transparent;
        padding: 15px;
        color: #000;
        bottom: -10px;
        width: 100%;
        z-index: 100;
        opacity: 1;
    }
    
    .frontSlideCaption a {
        color: #000;
        font-family: 'Roboto';
        font-size: 15px;
        font-weight: normal;
    }
    
    .jcarousel-pagination {
        display: none !important;
        /* Para ocultar la barra de navegacion */
        position: relative;
        padding-left: auto;
        padding: 0px auto;
        display: block;
        text-align: center;
        margin-top: 15px;
    }
    
    .jcarousel-control-prev,
    .jcarousel-control-next {
        position: absolute;
        top: 80px;
        width: 30px;
        height: 30px;
        text-align: center;
        background: transparent;
        color: #fff;
        text-decoration: none;
        text-shadow: 0 0 1px #000;
        font: 24px/27px Arial, sans-serif;
        -webkit-border-radius: unset;
        -moz-border-radius: 30px;
        border-radius: unset;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        width: 0;
        height: 0;
        border-top: 25px solid transparent;
        border-bottom: 25px solid transparent;
    }
    
    .jcarousel-control-prev {
        border-right: 20px solid #371B4F;
        left: 0px;
    }
    
    .jcarousel-control-next {
        border-left: 20px solid #371B4F;
        right: 0px;
    }
    /*CARROUSEL Media Queries -----------------------------------------------------------*/
    /*sm*/
    /*
    @media (min-width:576px) {}
    /*md*/
    /*
    @media (min-width:768px) {}
    /*lg*/
    /*
    @media (min-width:992px) {}
    /*xl*/
    /*
    @media (min-width:1200px) {}
    /*xxl*/
    /*
    @media (min-width:1400px) {}
    /*RESULTS Page --------------------------------------------------------*/
    
    .results H1,
    .resultado-buscar,
    .resultado-criterio,
    .resultado-cantidad {
        font-weight: 200;
        font-family: 'Roboto-slab';
        color: #006272;
        font-size: 16px;
        line-height: 19px;
        text-transform: capitalize;
    }
    
    .results H1 {
        border-bottom: solid 1px #006272;
        padding-bottom: 10px;
    }
    
    .resultado-criterio {
        font-weight: 800;
    }
    
    .resultado-cantidad {
        text-transform: uppercase;
        color: #694786;
    }
    
    H1 .btn-group {
        text-transform: none;
        line-height: 19px;
        float: right;
    }
    
    H1 .btn-group a .glyphicon-globe,
    H1 .btn-group a .glyphicon-time,
    #bRefineButton {
        display: none;
    }
    
    .blockResultsScroller {
        height: unset !important;
    }
    
    .bResultItemCol {
        height: 310px;
    }
    
    .bResultItemContent {
        height: 280px;
        overflow: hidden;
    }
    
    .bResultItem {
        padding: 0px;
        box-shadow: none;
        background-color: #FFFFFF;
        border-bottom: solid 1px #006272;
    }
    
    .bResultItem .bResultItemText {
        line-height: 14px;
    }
    
    .bResultItem .bResultItemText a {
        font-family: 'Roboto';
        font-size: 12px;
        line-height: 1em;
    }
    
    .bResultItem .bResultItemText span a {
        margin: 0;
        padding: 0;
        margin-top: 5px;
        display: block;
        font-family: 'Roboto';
        font-size: 14px;
        font-weight: bold;
        color: #006272 !important;
    }
    
    .bResultListItem .bResultListItemText span a {
        margin: 0;
        padding: 0;
        margin-top: 5px;
        font-family: 'Roboto';
        font-size: 14px;
        font-weight: bold;
        color: #006272 !important;
    }
    /*RESULTS Media Queries ------------------------------------------------*/
    /*sm*/
    /*@media (min-width:576px) {}
    /*md*/
    
    @media (min-width:768px) {
        .results H1,
        .resultado-buscar,
        .resultado-criterio,
        .resultado-cantidad {
            font-size: 27px;
            line-height: 27px;
        }
        .resultado-cantidad {
            font-size: 18px;
        }
        .results H1 {
            padding-bottom: 20px;
        }
        .results ul.dropdown-menu {
            left: auto;
            right: 0px;
        }
    }
    /*lg*/
    
    @media (min-width:992px) {
        .results H1,
        .resultado-buscar,
        .resultado-criterio,
        .resultado-cantidad {
            font-size: 37px;
            line-height: 37px;
        }
        .resultado-cantidad {
            font-size: 27px;
        }
    }
    /*xl*/
    /*@media (min-width:1200px) {}
    /*xxl*/
    /*@media (min-width:1400px) {}
    /*EXPLORE -------------------------------------------------------------*/
    
    .explore-container {
        display: grid;
        grid-template-columns: repeat( auto-fill, minmax(250px, 1fr));
        grid-auto-rows: minmax(120px, auto);
        grid-auto-flow: dense;
        gap: 10px;
        padding: 10px;
    }
    
    .explore-card {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: space-between;
        padding-left: 10px;
        background-color: transparent;
        transition: transform 3ms ease-in-out;
        background-size: cover !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
        box-shadow: inset 0 -300px 300px -250px rgba(0, 0, 0, 1);
    }
    
    .explore-card:hover {
        -webkit-transform: scale(1.04);
        -ms-transform: scale(1.04);
        transform: scale(1.04);
        text-decoration: none;
    }
    
    .explore-card-code {
        background-color: #006272;
        padding: 5px;
        padding-top: 10px;
        min-width: 39px;
    }
    
    .card-text,
    .card-code {
        font-family: 'Roboto-Slab';
        color: white;
    }
    
    .card-text {
        font-size: 8px;
    }
    
    .card-code {
        font-size: 15px;
        font-weight: 600;
        border-top: solid 1px white;
    }
    
    .explore-card-name {
        font-family: 'Roboto';
        color: white;
        font-weight: 600;
        font-size: 20px;
        padding-bottom: 10px;
    }
    /*EXPLORE Media Queries -----------------------------------------------*/
    /*sm*/
    
    @media (min-width:576px) {
        .explore-container {   
            grid-auto-rows: minmax(220px, auto);
        }
        .explore-card-wide {
            grid-column: span 2;
        }
        .explore-card-tall {
            grid-row: span 2;
        }
        .explore-card-wide-tall {
            grid-column: span 2;
            grid-row: span 2;
        }
    }
    /*md*/
    
    @media (min-width:768px) {
        .explore-container{
            padding-left: 5%;
            padding-right: 5%;
        }
    }
    /*lg*/
    /*
    @media (min-width:992px) {}
    /*xl*/
    /*@media (min-width:1200px) {}
    /*xxl*/
    /*@media (min-width:1400px) {}
    /*OBJETO ------------------------------------------------------------------*/
    
    .repViewerCont .small {
        color: transparent;
        text-align: center;
        margin-top: 5px;
    }
    
    #detailRepresentationThumbnails {
        margin-bottom: 20px;
    }
    
    .pagina-container {
        padding-left: 3%;
        padding-right: 3%;
    }
    
    #objeto-titulo {
        float: left;
        min-height: 40px;
        margin-top: 107px;
        width: 83%;
    }
    
    .objeto-ruta,
    .objeto-ruta-buscar,
    .objeto-ruta-separador,
    .objeto-ruta-tipo,
    .objeto-ruta-nombre-objeto {
        float: left;
        font-family: 'Roboto-slab';
        color: #006272;
        font-size: 16px;
    }
    
    .objeto-ruta-buscar,
    .objeto-ruta-separador {
        font-weight: 200;
    }
    
    .objeto-ruta-separador {
        margin-left: 5px;
        margin-right: 5px;
    }
    
    .objeto-ruta-tipo {
        font-weight: 800;
    }
    
    .objeto-ruta-nombre-objeto {
        font-weight: 700;
        color: #694786;
    }
    
    .objeto-code {
        float: right;
        margin-top: 98px;
        padding: 4px;
        border: solid 2px #006272;
        width: 37px;
    }
    
    .objeto-code-text,
    .objeto-code-code {
        font-family: 'Roboto-Slab';
        color: #006272;
    }
    
    .objeto-code-text {
        width: 26px;
        border-bottom: solid 1px #006272;
        font-size: 8px;
        font-weight: 700;
    }
    
    .objeto-code-code {
        font-size: 12px;
        font-weight: 700;
    }
    
    .busqueda-avanzada-link {
        display: block;
        font-family: 'Roboto Condensed';
        font-size: 18px;
        line-height: 2;
        margin-bottom: 9px;
        border-top: solid 1px #006272;
        clear: left;
    }
    
    .objeto-imagen-col {
        width: 100%;
    }
    
    .objeto-imagen-col>span {
        display: none;
        color: #7C7C7C;
    }
    
    .objeto-imagen,
    .objeto-imagen img {
        width: 100%;
        height: auto;
    }
    
    .objeto-imagen {
        margin-bottom: 15px;
    }
    
    .objeto-datos-titulo {
        float: right;
        width: 100%;
        font-family: 'Roboto Condensed';
        font-size: 23px;
        font-weight: bold;
        color: #694786;
        margin-bottom: 14px;
    }
    
    .objeto-datos {
        width: 100%;
    }
    
    .objeto-datos-cuadro {
        padding: 30px;
        padding-top: 10px;
        color: #7C7C7C;
        background-color: #F6FBF7;
    }
    
    .objeto-datos-dato {
        padding: 10px;
        border-bottom: solid 1px #006272;
    }
    
    .objeto-tools-links {
        margin-top: 6px;
        width: 100%;
    }
    
    .objeto-tools-links>ul {
        list-style: none;
        margin: 0;
        padding: 0;
        padding-bottom: 20px;
        height: 73px;
        border-bottom: solid 1px #006272;
    }
    
    .objeto-tools-links>ul>li {
        height: 35px;
        width: 50%;
        float: left;
        padding-left: 7.5%;
    }
    
    .objeto-tools-links>ul>li>a {
        display: block;
        height: 40px;
    }
    
    .objeto-tools-link-icon {
        display: inline-block;
        vertical-align: middle;
        font-family: 'Material-Icon';
        color: #000;
        font-size: 22px;
        font-weight: 200;
        line-height: 35px;
    }
    
    .objeto-tools-link-text {
        display: inline-block;
        vertical-align: middle;
        margin-left: 10px;
        font-size: 11px;
        font-weight: bold;
        line-height: 35px;
    }
    
    .objeto-descripcion {
        text-align: justify;
        margin-top: 23px;
        color: #7C7C7C;
    }
    
    .line-full {
        clear: both;
        float: none;
        padding-top: 20px;
        margin-bottom: 20px;
        border-bottom: solid 1px #006272;
    }
    /*OBJETO Media Queries ----------------------------------------------------*/
    /*sm*/
    
    @media (min-width:576px) {
        .objeto-imagen-col {
            float: left;
            width: 49%;
        }
        .objeto-datos {
            width: 49%;
            float: right;
        }
        .objeto-tools-links {
            float: left;
            width: 100%;
            margin-top: 0;
            padding-left: 0;
            border-bottom: solid 1px #006272;
        }
        .objeto-tools-links>ul {
            width: 542px;
            height: 65px;
            list-style: none;
            margin: 0;
            padding: 0;
            padding-bottom: 20px;
            margin-left: auto;
            margin-right: auto;
            border: none;
        }
        .objeto-tools-links>ul>li {
            clear: none;
            width: auto;
            display: inline-block;
            height: 14px;
            margin-top: 16px;
            margin-left: 20px;
            padding-left: 0;
        }
        .objeto-descripcion {
            clear: both;
            padding-top: 20px;
        }
    }
    /*md*/
    
    @media (min-width:768px) {
        #objeto-titulo {
            margin-top: 151px;
        }
        .objeto-ruta,
        .objeto-ruta-buscar,
        .objeto-ruta-separador,
        .objeto-ruta-tipo,
        .objeto-ruta-nombre-objeto {
            font-size: 27px;
        }
        .objeto-code {
            margin-top: 141px;
        }
        .objeto-datos-titulo {
            float: right;
            width: 42%;
        }
        .objeto-imagen-col {
            width: 50%;
            margin-top: 20px;
        }
        .objeto-imagen-col>span {
            display: block;
        }
        .objeto-datos {
            width: 50%;
            float: left;
            padding-left: 8%;
        }
        .objeto-tools-links {
            width: 21%;
            padding-left: 19px;
            border-bottom: none;
        }
        .objeto-tools-links>ul {
            width: 100%;
            height: 143px;
            float: left;
            list-style: none;
            margin: 0;
            padding: 0;
            border-bottom: solid 1px #006272;
        }
        .objeto-tools-links>ul>li {
            width: auto;
            float: none;
            display: block;
            height: 14px;
            margin-top: 16px;
            margin-left: 0;
            padding-left: 0;
        }
    }
    /*lg*/
    
    @media (min-width:992px) {
        #objeto-titulo {
            margin-top: 218px;
        }
        .objeto-ruta,
        .objeto-ruta-buscar,
        .objeto-ruta-separador,
        .objeto-ruta-tipo {
            font-size: 37px;
        }
        .objeto-ruta-nombre-objeto {
            line-height: 2.2;
        }
        .objeto-code {
            margin-top: 225px;
        }
        .busqueda-avanzada-link {
            padding-bottom: 20px;
        }
        .objeto-descripcion {
            clear: none;
            float: right;
            width: 42%;
            padding-left: 1%;
            padding-right: 1%;
            padding-top: 0;
        }
    }
    /*xl*/
    
    @media (min-width:1200px) {
        #objeto-titulo {
            margin-top: 150px;
        }
        .objeto-code {
            margin-top: 160px;
        }
    }
    /*xxl*/
    /*@media (min-width:1400px) {}
    
    
    /*REFERENCIA Media Queries ------------------------------------------------*/
    /*sm*/
    /*@media (min-width:576px) {}        
    /*md*/
    /*@media (min-width:768px) {}        
    /*lg*/
    /*@media (min-width:992px) {}        
    /*xl*/
    /*@media (min-width:1200px) {}        
    /*xxl*/
    /*@media (min-width:1400px) {}