@import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');
                        @import url('https://fonts.googleapis.com/css2?family=Raleway&display=swap');
                        /* @media screen { */
                             :root {
                                --main-bg-color: white;
                                --main-araba-color: #CC0066;
                                --icons-color: #CC0066;
                                --icons-background-color: blue;
                                --details-color: #CC0066;
                                --background-footer: #D8D8D8;
                                --background-header: white;
                                --font-ordinal-color: black;
                                --font-title-color: #CC0066;
                                --font-family: 'Raleway', sans-serif;
                                --box-color: #E5E5E5;
                            }
                            * {
                                box-sizing: border-box
                            }
                            html {
                                height: 100%;
                                padding: 0;
                                margin: 0 auto;
                                width: 80%;
                            }
                            body {
                                background-color: white;
                                font-family: 'Raleway', sans-serif;
                                font-size: 20px;
                                line-height: 30px;
                                margin: 0;
                                word-wrap: break-word;
                                color: var(--font-ordinal-color);
                                font-weight: 400;
                            }
                            a:link, a .text,
                            a:visited, a:active,
                            a:hover {
                                color: var(--link-color);
                                text-decoration: none!important;
                            }
                            h1 {
                                font-size: 40px;
                                line-height: 60px
                            }
                            h2 {
                                font-size: 30px;
                                line-height: 45px
                    
                            }
                            h3 {
                                font-size: 25px;
                                line-height: 45px
                            }
                            h4 {
                                font-size: 22.5px
                            }
                            img {
                                max-width: 100%;
                                height: auto
                            }
                            input,
                            textarea,
                            button,
                            .button,
                            .resource-list.preview+a,
                            select {
                                /* font-size     : 20px; */
                                line-height: 30px;
                                margin: 0;
                                vertical-align: top
                            }
                            input[type="text"],
                            input[type="password"],
                            input[type="email"],
                            input[type="url"],
                            textarea {
                                -webkit-appearance: none;
                                -moz-appearance: none;
                                appearance: none;
                                border-radius: 0;
                                height: 45px;
                                border: 1px solid #dedede;
                                padding: 6.5px 1.69492%;
                                margin: 0
                            }
                            textarea {
                                height: 90px
                            }
                            input[type="file"] {
                                line-height: 1;
                                vertical-align: bottom;
                                font-size: 15px
                            }
                            button,
                            a.button,
                            .resource-list.preview+a,
                            [type="submit"] {
                                /* background-color  : #dedede; */
                                border-radius: 2px;
                                padding: 7.5px;
                                display: inline-block;
                                appearance: none;
                                -webkit-appearance: none;
                                -moz-appearance: none;
                                border: 0;
                                cursor: pointer
                            }
                            select {
                                background-color: #fff;
                                padding: 7.5px;
                                height: 45px;
                                border: 1px solid #aaa;
                            }
                             ::-webkit-input-placeholder {
                                font-style: italic
                            }
                             :-moz-placeholder {
                                font-style: italic
                            }
                             ::-moz-placeholder {
                                font-style: italic
                            }
                             :-ms-input-placeholder {
                                font-style: italic
                            }
                            .field {
                                margin: 30px 0;
                                display: flex;
                                flex-wrap: wrap
                            }
                            .field .field-meta {
                                width: 20%;
                                padding: 7.5px 1.69492% 0 0
                            }
                            .field .inputs {
                                width: 70%;
                                padding-left: 1.69492%
                            }
                            .field .inputs>select,
                            .field .inputs>textarea,
                            .field .inputs>input[type="text"],
                            .field .inputs>input[type="password"],
                            .field .inputs>input[type="email"],
                            .field .inputs>input[type="url"] {
                                width: 100%
                            }
                            .field .inputs input[type="checkbox"] {
                                vertical-align: bottom
                            }
                            .field.required .field-meta:after {
                                content: "\f069";
                                font-family: "Font Awesome 5 Free";
                                font-size: 15px
                            }
                            .field .value:not(:last-child) {
                                margin-bottom: 15px
                            }
                            .field-description {
                                font-size: 15px
                            }
                            #skipnav {
                                position: fixed;
                                top: 30px;
                                left: 50%;
                                border: 1px solid #ababab;
                                transform: translateX(-50%);
                                z-index: -5;
                                padding: 7.5px;
                                background-color: #fff;
                                opacity: 0
                            }
                            #skipnav:focus {
                                z-index: 1000;
                                opacity: 1
                            }
                            header h1 {
                                margin: 0
                            }
                            header nav {
                                position: relative;
                                padding: 0
                            }
                            header nav.closed ul {
                                height: 0;
                                overflow: hidden;
                                margin: 0
                            }
                            header nav:before {
                                font-family: "Font Awesome 5 Free";
                                content: "\f0c9";
                                display: block;
                                width: 33.5px;
                                height: 30.5px;
                                border: 1px solid #dedede;
                                text-align: center;
                                border-radius: 2px;
                                position: absolute;
                                right: 0;
                                top: -33.75px;
                                cursor: pointer;
                                line-height: 37.5px
                            }
                            header nav.open {
                                margin: 15px 0 -1px
                            }
                            header nav.open:before {
                                content: "\f00d"
                            }
                            header nav ul {
                                padding-left: 0;
                                list-style: none;
                                position: relative;
                                margin: 0 auto
                            }
                            header nav ul a {
                                display: inline-block;
                                width: 100%;
                                padding: 7.5px
                            }
                            header nav ul a:hover {
                                border-bottom: 0;
                                background-color: #dedede
                            }
                            header nav ul li {
                                border-top: 1px solid #dedede;
                                position: relative
                            }
                            header nav ul li li:last-of-type {
                                padding-bottom: 0
                            }
                            header nav ul li.active {
                                font-weight: bold
                            }
                            header nav ul li.parent {
                                position: relative;
                            }
                            header nav ul .parent-link {
                                display: flex
                            }
                            header nav ul .parent-link>a {
                                width: calc(100% - 60px);
                            }
                            header nav ul .child-toggle {
                                color: #dedede;
                                width: 60px;
                                text-align: center;
                                background-color: #fff;
                                border-left: 1px solid #dedede;
                                -webkit-appearance: none;
                                -moz-appearance: none;
                                appearance: none;
                            }
                            header nav ul .child-toggle:before {
                                font-family: "Font Awesome 5 Free";
                                content: "\f105";
                            }
                            header nav>ul>li:last-child {
                                border-bottom: 1px solid #dedede;
                                padding-bottom: -1px
                            }
                            header nav>ul ul li {
                                height: 0;
                                overflow: hidden;
                                border: 0;
                            }
                            header nav ul.open>li {
                                height: auto;
                                border-top: 1px solid #dedede;
                                padding-top: -1px
                            }
                            header nav>ul>li>ul>li.active>a {
                                margin-left: -1.5em
                            }
                            header nav>ul>li>ul>li.active>a:before {
                                content: ">";
                                display: inline-block;
                                width: 1.5em
                            }
                            header nav>ul>li>ul>li a {
                                padding-left: 30px
                            }
                            header nav>ul>li>ul>li>ul>li a {
                                padding-left: 60px
                            }
                            header nav>ul>li>ul>li>ul>li>ul>li a {
                                padding-left: 90px
                            }
                            .sub-menu ul {
                                padding-left: 0;
                                list-style-type: none;
                                margin-top: 15px
                            }
                            .sub-menu li {
                                font-size: 15px;
                                font-weight: bold;
                                border-bottom: 1px solid #dedede;
                                padding: 7.5px 0 6.5px
                            }
                            .sub-menu li:first-of-type {
                                border-top: 1px solid #dedede;
                                padding-top: 6.5px
                            }
                            nav.pagination {
                                margin-bottom: 30px;
                                font-size: 14px;
                                line-height: 45px
                            }
                            .pagination input {
                                text-align: center
                            }
                            .resource-list+.pagination {
                                border-color: transparent
                            }
                            .pagination form {
                                min-width: 90px
                            }
                            .pagination form,
                            .pagination .button,
                            .pagination .resource-list.preview+a,
                            .pagination button,
                            .pagination .page-count {
                                display: inline-block;
                                vertical-align: top;
                               /*  height: 45px */
                            }
                            .pagination .button,
                            .pagination .resource-list.preview+a {
                                border: 1px solid #dedede;
                                background-color: #dedede;
                                width: 45px;
                                text-align: center;
                                padding: 7.5px;
                                border-radius: 2px;
                                color: #000;
                                line-height: 30px
                            }
                            .pagination .inactive.button,
                            .pagination .resource-list.preview+a.inactive {
                                opacity: .5;
                                color: #ababab;
                                background-color: unset
                            }
                            .pagination form,
                            .pagination .last {
                                margin-right: 7.5px
                            }
                            .pagination input {
                                width: 60px
                            }
                            .breadcrumbs {
                                font-size: 15px;
                                margin: 30px 0 -15px
                            }
                            .site-title h1 {
                                font-size: 25px;
                                line-height: 30px;
                                padding-right: 30px
                            }
                            header {
                                margin: 0 0 75px;
                                background-color: #fff;
                                /* border-bottom   : 1px solid #dedede; */
                                position: relative
                            }
                            header>* {
                                max-width: 2000px;
                                margin-left: auto;
                                margin-right: auto;
                                padding: 0 1.69492%;
                                display: block
                            }
                            .site-title:hover,
                            .site-title:active {
                                border-bottom: 0
                            }
                            .site-title h1 {
                                margin: 0
                            }
                            button.o-icon-search {
                                display: none
                            }
                            #search form {
                                display: flex;
                                flex-wrap: nowrap
                            }
                            #search form input[type="text"] {
                                width: 100%
                            }
                            #search form button[type="submit"] {
                                height: 45px;
                                width: 45px;
                                text-indent: -9999px;
                                position: relative;
                                border-radius: 0 3px 3px 0
                            }
                            #search form button[type="submit"]:before {
                                content: "\f002";
                                font-family: "Font Awesome 5 Free";
                                position: absolute;
                                top: 0;
                                left: 0;
                                right: 0;
                                text-align: center;
                                text-indent: 0;
                                line-height: 40px;
                                height: 100%;
                            }
                            footer {
                                max-width: 2000px;
                                margin-left: auto;
                                margin-right: auto;
                                padding: 0 1.69492% 30px;
                                clear: both
                            }
                            #content {
                                max-width: 2000px;
                                margin-left: auto;
                                margin-right: auto;
                                padding: 0 1.69492% 30px;
                                min-height: 500px;
                                overflow: hidden;
                            }
                            .resource-list.preview+a {
                                color: #000
                            }
                            .resource-list.preview+a:hover {
                                background-color: #787878;
                                border-bottom-width: 0px;
                                color: #fff
                            }
                            ul.resource-list {
                                list-style-type: none;
                                padding-left: 0
                            }
                            ul.resource-list .resource {
                                /* border-bottom : 1px solid #dedede; */
                                padding-bottom: 29px;
                                margin: 30px 0;
                                overflow: hidden;
                                position: relative
                            }
                            ul.resource-list .resource>*:last-child {
                                margin-bottom: 0
                            }
                            ul.resource-list .resource:first-child {
                                /* border-top    : 1px solid #dedede; */
                                padding-top: 29px
                            }
                            ul.resource-list .resource img {
                                height: auto;
                                width: 60px;
                                float: right;
                                margin-left: 15px
                            }
                            ul.resource-list .resource h4 {
                                margin-top: 0
                            }
                            ul.resource-list .resource .description {
                                max-height: 90px;
                                overflow: hidden;
                                position: relative
                            }
                            ul.resource-list .resource .description:after {
                                content: "";
                                position: absolute;
                                top: 52.5px;
                                left: 0;
                                right: 0;
                                height: 37.5px;
                                /* background: linear-gradient(to top, #f8f8f8, rgba(248, 248, 248, 0)) */
                            }
                            ul.resource-list .resource img~* {
                                width: calc(100% - 75px)
                            }
                            .search-filters {
                                margin-bottom: 30px
                            }
                            .filter-label,
                            .filter-value {
                                display: inline-block;
                                border: 1px solid #dedede;
                                padding: 6.5px
                            }
                            .filter-label {
                                background-color: #dedede
                            }
                            .filter-value {
                                margin-left: -5px
                            }
                            .browse-controls {
                                display: flex;
                                justify-content: space-between;
                                flex-wrap: wrap
                            }
                            .advanced-search {
                                line-height: 45px
                            }
                            body.resource #content>h2:first-of-type+h3 {
                                font-size: 15px;
                                text-transform: uppercase;
                                margin: -30px 0 30px
                            }
                            /* .property {
                                margin-bottom: 30px
                            } */
                            .property h4 {
                                font-size: 15px
                            }
                            .resource-link img {
                                width: auto;
                                height: 45px;
                                display: inline-block;
                                vertical-align: middle;
                                margin-right: 7.5px
                            }
                            .property .value a {
                                display: inline-block;
                                vertical-align: bottom
                            }
                            .property .value:not(:last-child) img {
                                margin-bottom: 7.5px
                            }
                            .property .value:not(:last-child) img+a {
                                margin-bottom: 7.5px
                            }
                            .property .value .language {
                                background-color: #d1d1d1;
                                padding: 3.75px;
                                font-size: 10px
                            }
                            .property .private:after {
                                content: "\f070";
                                font-family: "Font Awesome 5 Free";
                                font-size: 15px
                            }
                            #content .media.resource {
                                display: inline-block;
                                text-align: center;
                                vertical-align: bottom;
                                margin-right: 7.5px
                            }
                            #content .media.resource:hover {
                                border-bottom: 0
                            }
                            #content .media.resource img {
                                vertical-align: top;
                                margin-bottom: 15px
                            }
                            .media-render>* {
                                max-width: 100%
                            }
                            #linked-resources caption {
                                text-align: left;
                                font-weight: bold;
                                border-bottom: 3px solid #ababab;
                                padding: 7.5px 15px 4.5px
                            }
                            #linked-filter h4 {
                                margin-bottom: 15px
                            }
                            #linked-resources .resource-link {
                                margin-bottom: 0;
                                display: flex;
                                align-items: center
                            }
                            #advanced-search .value:not(:last-child) {
                                margin-bottom: 15px
                            }
                            .remove-value {
                                text-indent: -9999px;
                                position: relative;
                                width: 45px;
                                margin-left: 7.5px
                            }
                            .remove-value:before {
                                text-indent: 0;
                                position: absolute;
                                top: 0;
                                right: 0;
                                bottom: 0;
                                left: 0;
                                line-height: 45px
                            }
                            .results {
                                margin-bottom: 60px;
                                clear: both
                            }
                            .results ul {
                                list-style: none;
                                padding-left: 0
                            }
                            .results .result-title {
                                font-weight: bold
                            }
                            .results>ul {
                                margin: -15px 0 0 0
                            }
                            .results .result-site,
                            .results ul ul {
                                display: block;
                                padding-left: 15px
                            }
                            .results>ul>li {
                                margin-bottom: 30px
                            }
                            .pagination+.results {
                                margin: 30px 0 0;
                                clear: both
                            }
                            .sitewide-search-form {
                                display: none
                            }
                            .sitewide-search-form~.results+.pagination {
                                margin-top: 0
                            }
                            .sitewide-search-form~.advanced-search {
                                display: block
                            }
                            .sitewide-search-form~h2 {
                                width: 50%;
                                float: left
                            }
                            .sitewide-search-form~.pagination {
                                margin: 37.5px 0 30px;
                                text-align: right;
                                width: 50%;
                                float: right
                            }
                            .sitewide-search-form~p {
                                clear: both
                            }
                            .index.search .results ul li {
                                margin-bottom: 7.5px;
                                padding-bottom: 7.5px;
                                border-bottom: 1px solid #ababab
                            }
                            a.metadata-browse-link {
                                font-size: 15px
                            }
                        /*  } */
                        
                       /* @media screen and (min-width: 800px) {  */
                        @media (min-width: 800px) {
                            #content {
                                padding: 0 3.38983% 30px
                            }
                            table {
                                margin: 30px 0;
                                border-collapse: collapse
                            }
                            th,
                            td {
                                text-align: left;
                                padding: 7.5px 15px;
                                padding-bottom: 6.5px;
                                border-bottom: 1px solid #ababab
                            }
                            header {
                                position: relative;
                                padding: 15px 0 0;
                                /* margin-bottom: 90px */
                            }
                            header>* {
                                padding: 0 3.38983%
                            }
                            header>h1 {
                                margin: 7.5px auto
                            }
                            footer {
                                padding: 0 3.38983% 30px
                            }
                            header nav {
                                /* margin  : 0 auto !important; */
                                position: static;
                                padding: 0 3.38983%
                            }
                            header nav:before {
                                content: "";
                                border: 0;
                                display: none
                            }
                            header nav ul li {
                                position: static
                            }
                            header nav.closed ul,
                            header nav ul ul li {
                                height: auto;
                                overflow: visible
                            }
                            header nav ul li,
                            header nav>ul li:last-child,
                            header nav>ul ul:hover>li {
                                border: 0
                            }
                            header nav ul.navigation {
                                margin-left: -7.5px;
                                position: static;
                                display: flex;
                                /* align-items : flex-end */
                                flex-wrap: wrap;
                                justify-content: center;
                            }
                            header nav ul.navigation li ul:before {
                                display: none
                            }
                            header nav ul.navigation>li:not(:last-child) {
                                margin-right: 15px
                            }
                            /* menu vertical */
                            header nav ul.navigation>li>ul {
                                position: absolute;
                                /* top          : 80%; */
                                left: -9999px;
                                background-color: #fff;
                                padding: 0px;
                                list-style: none;
                                width: 200px;
                                padding: 14px 0 6.5px;
                                z-index: 1;
                            }
                            header nav ul.navigation>li:hover>ul {
                                background-color: #FFFFFF;
                                ;
                                width: 20% !important;
                                /* right       : 300px; */
                                /* left        : -20px; */
                                /* padding-left: 15px; */
                            }
                            header nav ul.navigation>li:hover>ul:after {
                                content: "";
                                position: absolute;
                                top: -100px;
                                bottom: 0;
                                width: 30% !important;
                                z-index: -10;
                            }
                            header nav ul.navigation>li>ul>li {
                                width: 100%;
                                font-size: 15px;
                                /* font-weight   : bold; */
                                /* padding-bottom: 30px;
        margin-bottom    : 7.5px; */
                            }
                            header nav ul.navigation>li>ul>li:hover {
                                background-color: #FFFFFF;
                                ;
                            }
                            header nav ul.navigation>li>ul>li {
                                width: 100%;
                                /* border-bottom : 1px solid #60491F; */
                                font-size: 15px;
                                /* font-weight   : bold; */
                                /* padding-bottom: 30px;
        margin-bottom    : 7.5px; */
                            }
                            header nav.closed ul,
                            header nav ul ul li {
                                height: auto;
                                overflow: visible;
                            }
                            header nav.closed ul,
                            header nav ul ul li {
                                height: auto;
                                overflow: visible;
                            }
                            /* revisar menu */
                            header nav ul.navigation>li:hover>ul {
                                max-width: 1700px;
                                width: 100%;
                                /* padding      : 15px 3.38983%; */
                                left: auto;
                                right: auto;
                                border-bottom: 0;
                                border: solid 1px #6f4800;
                            }
                            header nav ul.navigation>li:hover>ul:after {
                                content: "";
                                left: -9999px;
                                right: -9999px;
                                background-color: #fff;
                                position: absolute;
                                top: 0;
                                bottom: 0;
                                border-bottom: 1px solid #dedede;
                                border-top: 1px solid #dedede;
                                z-index: -1
                            }
                            /* header nav ul.navigation>li>ul>li {
        width         : 25%;
        font-size     : 15px;
        font-weight   : bold;
        padding-bottom: 30px
    } */
                            header nav ul.navigation>li>ul>li ul {
                                font-weight: normal;
                                padding: 0;
                                list-style-type: none;
                                height: auto
                            }
                            header nav ul.navigation li.parent {
                                position: static
                            }
                            header nav>ul>li>a {
                                margin: 7.5px
                            }
                            header nav>ul>li>.parent-link {
                                display: inline-block;
                                width: 100%
                            }
                            header nav>ul>li>.parent-link>a {
                                margin: 7.5px;
                                width: 100%
                            }
                            header nav>ul>li>.parent-link a:after {
                                font-family: "Font Awesome 5 Free";
                                content: "\f107";
                                display: inline;
                                margin-left: 7.5px;
                            }
                            header nav>ul li:hover ul li {
                                height: auto;
                                padding: 0
                            }
                            .child-toggle {
                                display: none
                            }
                            header .parent ul a {
                                padding-left: 0
                            }
                            header .parent .parent .parent ul a {
                                padding-left: 15px
                            }
                            .sub-menu ul {
                                border-bottom: 1px solid #dedede;
                                padding-bottom: 14px
                            }
                            .sub-menu li {
                                display: inline-block;
                                border: 0;
                                padding: 0;
                                margin-right: 15px
                            }
                            .sub-menu li:first-of-type {
                                border: 0;
                                padding: 0
                            }
                            #search form input[type="text"],
                            #search form button[type="submit"] {
                                height: 30px;
                                font-size: 15px;
                                line-height: 30px
                            }
                            #search form button[type="submit"] {
                                width: 30px;
                                height: 30px;
                                padding: 0
                            }
                            #search form button[type="submit"]:before {
                                line-height: 30px
                            }
                            ul.resource-list .resource img {
                                width: 120px;
                                height: auto;
                                float: right;
                                margin-left: 15px
                            }
                            ul.resource-list .resource img~* {
                                width: calc(100% - 135px)
                            }
                            body.item-set.item #content {
                                display: flex;
                                flex-wrap: wrap;
                                /* align-items    : flex-start;
        justify-content   : flex-end */
                            }
                            body.item-set.item #content>h2,
                            body.item-set.item #content>h3 {
                                width: 100%
                            }
                            body.item-set .metadata {
                                width: 32.20339%;
                                border-left: 5px solid #dedede;
                                padding-left: 1.69492%;
                                margin-right: 1.69492%
                            }
                            body.item-set .metadata h4:first-of-type {
                                margin-top: 0
                            }
                            body.item-set #content .metadata~* {
                                width: 66.10169%;
                                border-left: 1px solid #dedede;
                                padding-left: 1.69492%
                            }
                            body.item-set .item-set-items h3 {
                                margin-top: 0
                            }
                            body.item-set .metadata~nav.pagination:first-of-type {
                                margin-bottom: 0
                            }
                            .results>ul {
                                display: flex;
                                flex-wrap: wrap
                            }
                            .results>ul>li {
                                width: calc(50% - 30px)
                            }
                            .results>ul>li:nth-child(2n) {
                                margin-left: 30px
                            }
                            .preview-block {
                                clear: both
                            }
                            ul.preview.resource-list li:first-of-type {
                                border-top: 1px solid #dedede;
                                /* padding-top: 29px */
                            }
                            .page #content .blocks .preview-block ul.resource-list .resource:first-child {
                                /* border-top: 1px solid #dedede; */
                                padding-top: 0;
                            }
                            /* menu changes */
                            .navigation ul {
                                list-style-type: none;
                                margin: 0;
                                padding: 0;
                                width: 200px;
                                background-color: #f1f1f1;
                            }
                            .navigation li a {
                                display: block;
                                color: grey;
                                /* padding     : 8px 16px; */
                                text-decoration: none;
                            }
                            /* Change the link color on hover */
                            li a:hover {
                                /* background-color: #555; */
                                color: #6f4800;
                                cursor: pointer;
                            }
                            header nav {
                                /* background-color: antiquewhite; */
                                /* -webkit-box-shadow: 7px 7px 5px 0px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 7px 7px 5px 0px rgba(0, 0, 0, 0.75);
        box-shadow: 7px 7px 5px 0px rgba(0, 0, 0, 0.75); */
                                background-color: white;
                                width: 100%;
                            }
                            /* cabecera */
                            header>h1 {
                                margin: 7.5px auto;
                                margin-bottom: 30px;
                            }
                            /* pagination */
                            .site-page-pagination {
                                margin-top: 30px;
                            }
                            .pagination {
                                margin: 40px;
                                border: 0;
                                font-size: 14px;
                            }
                            nav.pagination {
                                font-size: 14px;
                            }
                            .page-input-top {
                                font-size: 14px;
                                font-weight: bold;
                            }
                            /* resource list */
                            ul.resource-list {
                                list-style-type: none;
                                padding-left: 0;
                                width: 50%;
                            }
                            ul.resource-list .resource h4 {
                                margin-top: 0;
                                font-size: 15px;
                            }
                            .resource-list .item {
                                border-top: 0;
                            }
                            .pagination .button {
                                border: 0;
                            }
                            .values .value {
                                left: 30px;
                                position: relative;
                            }
                            /* advanced search */
                            .advanced-search-content {
                                font-size: 14px;
                                margin: 20px;
                            }
                            .query-property,
                            .query-type,
                            .query-text,
                            #advanced-search .value select:first-child {
                                font-size: 12px;
                            }
                            .o-icon-delete,
                            .add-value {
                                background-color: transparent;
                            }
                            .field-meta {
                                padding-top: 12px;
                            }
                            .field-description {
                                margin-top: 30px;
                            }
                            .value select {
                                display: block;
                                font-size: 16px;
                                /* font-family       : 'Verdana', sans-serif; */
                                font-weight: 400;
                                color: #444;
                                line-height: 1.3;
                                padding: .4em 1.4em .3em .8em;
                                width: 400px;
                                max-width: 100%;
                                box-sizing: border-box;
                                margin: 20px auto;
                                border: 1px solid #aaa;
                                box-shadow: 0 1px 0 1px rgba(0, 0, 0, .03);
                                border-radius: .3em;
                            }
                            #fulltext_search,
                            .query-text {
                                border: 1px solid #aaa;
                                box-shadow: 0 1px 0 1px rgba(0, 0, 0, .03);
                                border-radius: .3em;
                            }
                            input[type='submit'],
                            button {
                                text-shadow: 0px 1px rgba(0, 0, 0, 0.2);
                                text-align: center;
                                text-decoration: none;
                                font-family: 'Helvetica Neue', Helvetica, sans-serif;
                                display: inline-block;
                                color: var(--icons-color);
                                background: var(--icons-background-color);
                                padding: 7px 20px;
                                white-space: nowrap;
                                -webkit-border-radius: 5px;
                                -moz-border-radius: 5px;
                                border-radius: 0.25em;
                                /* margin            : 10px 5px; */
                                -webkit-transition: all 0.2s ease-in-out;
                                -ms-transition: all 0.2s ease-in-out;
                                -moz-transition: all 0.2s ease-in-out;
                                -o-transition: all 0.2s ease-in-out;
                                transition: all 0.2s ease-in-out;
                            }
                            button {
                                color: black;
                                border-radius: 2em;
                            }
                            .sorting button {
                                color: white;
                                font-weight: bold;
                            }
                            select {
                                color: #444;
                            }

                            .page.Exposiciones .lib-row {
                                margin-bottom: 1rem;
                               
                            }

                            .page.Exposiciones .lib-block {
                                padding: 1em 1em 0;
                            }
                            .page.Exposiciones .lib-block img{
                                width: 100%;
                            }
                            .Exposiciones .expositions-title h2{
                                margin: 1rem 0;
                            }
                            .page.Exposiciones .lib-row {
                                margin-bottom: 1rem;
                               
                            }

                            .page.Exposiciones .lib-block {
                                padding: 1em 1em 0;
                            }
                            .page.Exposiciones .lib-block img{
                                width: 100%;
                            }
                            .Exposiciones .expositions-title h2{
                                margin: 1rem 0;
                            }

                         }