@media screen {

* {box-sizing:border-box}

html {height:100%; padding:0; margin:0}

body {background-color:white; font-family:"Baskerville", serif; font-size:18px; line-height:30px; margin:0; margin-left:28px; margin-top:8px; word-wrap:break-word;width:550px}

a:link {text-decoration:none; color:#000} /*color:#920b0b*/

a:visited {color:#000000} /*color:#920b0b*/

a:active, a:hover {color:#000000} /*color:#ed1616*/

h1 {font-size:18px; line-height:60px; font-family:Arial;}
h2 {font-size:17px; line-height:45px}
h3 {font-size:16px; line-height:45px}
h4 {font-size:16px}

img {max-width:100%; height:auto}

input, textarea, button, .button, .resource-list.preview+a, select {font-family:"Arial", sans-serif; font-size:13px!important; line-height:30px; margin:0;}

input[type=text], input[type=password], input[type=email], input[type=url], textarea {-webkit-appearance:none; appearance:none; border-top: 0px; border-left: 0px; border-right:0px; border-bottom: 1px solid #dedede; margin:0}

textarea {height:90px}

input[type=file] {line-height:1; vertical-align:bottom; font-size:15px}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
    
} /* Evita que borde de input box cambie de grosor */

button, a.button, .resource-list.preview+a, [type=submit] {background-color:#dedede; 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; border-color:#dedede; height:45px}

.field {margin:30px 0; display:flex; flex-wrap:wrap}
.field .inputs input[type=checkbox] {vertical-align:bottom}
.field .field-meta {padding:7.5px 45px 7.5px 0; position:relative; width:100%}
.field.multi-value .label, .field.multi-value .field-description {margin-right:7.5px}
.field.required .field-meta:after {content:""; font-family:"Font Awesome 5 Free"; font-size:15px; font-weight:900}
.field .add-value {position:absolute; right:.25rem; top:0; width:45px}
.field .value:not(:last-child) {margin-bottom:15px}
.field-description {font-size:15px}
.field .inputs {width:100%}
.field .value * {max-width:100%}
.field .value select {width:100%; margin-bottom:7.5px}

#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 {font-family: Arial; position:relative; padding:0}
header nav.closed ul {height:0; overflow:hidden; margin:0}
header nav:before {font-family:"Font Awesome 5 Free"; content:""; font-weight:900; display:block; width:37.5px; height:37.5px; border:1px solid #dedede; text-align:center; position:absolute; right:1.6949152542%; top:-48.75px; cursor:pointer; line-height:37.5px}
header nav.open {margin:15px 0 -1px}
header nav.open:before {content:""}
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:normal}
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; appearance:none}
header nav ul .child-toggle:before {font-family:"Font Awesome 5 Free"; content:""; font-weight:900}
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 {font-size:13px; line-height:45px; font-family: Arial}

.pagination input {text-align:none}

.resource-list+.pagination {border-color:transparent}

.pagination form {min-width:0px}
.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 {text-align:center; padding:7.5px; color:#000; background-color:#fff}

.pagination .inactive.button, .pagination .resource-list.preview+a.inactive {opacity:.5; color:#ababab; background-color:#fff}

.pagination form, .pagination .last {margin-right:7.5px}
.pagination input {width:18px;text-align:right}

.breadcrumbs {font-size:15px; margin:30px 0 -15px}

h2.site-title {font-family: Arial; font-size:15px; line-height:20px; font-weight:normal; float:left }

h2 .title {display:none} /* Removes item's title */

header {margin:0 0 75px; background-color:#fff; position:relative}

header>* {max-width:1700px; margin-left:auto; margin-right:auto; display:block}

.site-title:hover, .site-title:active {border-bottom:0}
.site-title h1 {margin:0}

button.o-icon-search {display:none}

#search {position:absolute; top:15px; left:0; right:0; background-color:#fff; border:0px solid #dedede; border-top:1px solid #dedede; padding:7.5px 1.6949152542%}
#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; display:none}
#search form button[type=submit]:before {content:""; font-family:"Font Awesome 5 Free"; font-weight:900; position:absolute; top:0; left:0; right:0; text-align:center; text-indent:0; line-height:45px}

.banner {position:relative; display:flex; align-items:center; overflow:hidden; z-index:-1}
.banner img {width:100%}

footer {max-width:1700px; margin-left:auto; margin-right:auto; padding:0 1.6949152542% 30px; clear:both}

#content {max-width:550px; margin-left:auto; margin-right:auto; padding:0 1.6949152542% 30px}

.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 {margin:15px 0; overflow:hidden; position:relative}
ul.resource-list .resource>*:last-child {margin-bottom:0}
ul.resource-list .resource:first-child {border-top:0px dashed #dedede;padding-top:0px}
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:none; justify-content:space-between; flex-wrap:wrap} /* OJO Temporalmente oculto */

.advanced-search {line-height:45px}

.expand:after, .collapse:after {font-family:"Font Awesome 5 Free"; font-weight:900}
.expand:after {content:""}

.collapsible {display:none}
.collapse:after {content:""}
.collapse+.collapsible {display:block; border-left:3px solid #ababab; padding:7.5px 30px; margin:15px 0; width:100%}

body.resource #content>h2:first-of-type+h3 {font-family: Arial; font-size:13px; text-transform:uppercase; margin:-30px 0 30px;color:lightgray}

.property {margin-bottom:30px}
.property:last-child {margin-bottom:0}
.property dt {margin-bottom:0; font-size:15px; font-weight:bold}
.property dt:first-child {font-family: Arial; font-size:10px;text-transform:uppercase;margin-top:0}

.value {display:flex; flex-wrap:wrap; align-items:center; margin-left:0}
.value:not(:last-child) {margin-bottom:15px}

.value-content:not(:only-child) {margin-right:7.5px}

.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:0 7.5px; font-size:15px; margin-right:7.5px}

.property .private:after {content:""; font-family:"Font Awesome 5 Free"; font-size:15px; font-weight:900}

.media-list .resource-link {width:100%; display:block}
.media-list .resource-link:not(:last-child) {margin-bottom: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-filter h4 {margin-bottom:15px}

#linked-resources caption {text-align:left; font-weight:bold; border-bottom:3px solid #ababab; padding:7.5px 15px 4.5px}
#linked-resources .resource-link {margin-bottom:0; display:flex; align-items:center}

#advanced-search .value:not(:last-child) {margin-bottom:15px}

.remove-value {position:relative; width:45px; margin-left:7.5px}

.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}

.items.search #search {display:none}

a.metadata-browse-link {font-size:15px}

}


@media screen and (min-width: 800px) {

#content {padding:0 3.3898305085% 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}

.field .field-meta {width:30%; align-self:flex-start}

.field .inputs {width:70%; padding-left:1.6949152542%}

.field .value select {width:initial; margin-bottom:0}

header {position:relative; padding:15px 0 0; margin-bottom:60px}

header>* {padding:0 3.3898305085%}

h1.site-title {margin:7.5px auto; padding:0 3.3898305085%}

.banner {margin-top:-60px}

footer {padding:0 3.3898305085% 30px}

header nav {margin:0 auto !important; position:static; padding:0 3.3898305085%}
header nav:before {content:""; border:0; display:none}
header nav ul a {padding:0}
header nav ul li {position:static}
header nav ul a:hover {background-color:transparent}
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; height:auto}
header nav ul.navigation li ul:before {display:none}
header nav ul.navigation>li:not(:last-child) {margin-right:15px}
header nav ul.navigation>li>ul {position:absolute; top:100%; left:-9999px; background-color:#fff; padding:0; list-style:none; width:100%; padding:14px 0 6.5px; display:flex; flex-direction:row; flex-flow:row wrap; z-index:1}
header nav ul.navigation ul ul {height:0}
header nav ul.navigation>li:hover>ul {max-width:1700px; margin-left:auto; margin-right:auto; padding:15px 3.3898305085%; left:0; right:0; border-bottom:0; border-color:#dedede; height:auto}
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:""; font-weight:900; display:inline-block; 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 {left:50%; border:0px solid #dedede; padding:7.5px}
#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}

.items.search #search {display:block}

ul.resource-list .resource img {width:120px; height:auto; float:right; margin-left:15px}
ul.resource-list .resource img~* {width:calc(100% - 135px)}

/* Item sets */

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.2033898305%; border-left:5px solid #dedede; padding-left:1.6949152542%; margin-right:1.6949152542%}
body.item-set .metadata h4:first-of-type {margin-top:0}
body.item-set #content .metadata~* {width:66.1016949153%; border-left:1px solid #dedede; padding-left:1.6949152542%}
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}

}