/*MENU CATALOGO*/

body.slug-catalogo .sitetitle {
    transition: 0; 
}

body.slug-catalogo .sitetitle.scrolled {
    position: absolute;
    top: -124px;
    padding-top: 144px;
}

body.slug-catalogo .contact-menu {
    transition: 0; 
}

body.slug-catalogo .contact-menu.scrolled {
    position: absolute;
    right: 0;
    top: -124px;
    padding-top: 144px;
}

.menu-catalogo {
    height: 32px;
    /*border-bottom: 1px solid #222222;*/
    margin-top: 164px;
    margin-bottom: 16px;
    padding-bottom: 6px;
	display: flex;
    justify-content: space-between;
    flex-flow: row;
	font-size: 24px;
    /*line-height: 1.3;*/
}

.menu-catalogo #sub-nav {
	width: calc(100vw - 40px);
    height: 32px;
    border-bottom: 1px solid #222222;
    padding-bottom: 6px;
    background: #f5f5f5 !important;
    transition: width .3s;
    z-index: 9;
}

.menu-catalogo #sub-nav.scrolled{
  position: fixed;
  width: calc(100vw - 0px);
  top: 0;
  padding-top: 20px;
  /*left: 0px;*/
  /*
  transform: translateX(-50%);
  */
}

.menu-catalogo li.menu-item-indice {
    position: absolute;
    left: 20px;
    text-align: left;
    z-index: 99;
}

.menu-catalogo.scrolled li.menu-item-indice {
	position: fixed;
    top:20px;
}  

.menu-catalogo li.menu-item-fondos {
    position: absolute;
    text-align: center;
    margin-left: calc(50% - 20px);
    transform: translate(-50%);
}

.menu-catalogo li a:hover {
	font-family: Elfen Fraktur A;
    font-size: 26px;
    line-height: .6;
}

/*Buscar*/
form {
    margin-top: 0;
    margin-block-end: 0;
}

input.search {
	/*width: 96px;*/
    /*width: calc(50vw - 80px);*/
    width: calc(35vw - 80px);
    border: 0;
    font-family: Neue Montreal Regular !important;
    font-size: 24px;
    text-align: right;
    white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;
    /*direction: rtl;*/
    position: absolute;
    right: 20px;
    background: #f5f5f5;
    z-index: 99;
}

.menu-catalogo.scrolled input.search {
	position: fixed;
    top:20px;
}

input.search:hover {
	font-family: Elfen Fraktur A !important;
    font-size: 26px;
    /*pointer-events: none;*/
    /*line-height: .6;*/
}

input:focus {
}

input:focus, input:value, input:placeholder {
	font-family: Neue Montreal Regular !important;
    /*pointer-events: auto !important;*/
}

/*
input:value:hover, input:placeholder:hover {
	font-family: Elfen Fraktur A !important;
    font-size: 26px;
}
*/

input:focus:hover {
	font-family: Neue Montreal Regular !important;
	font-size: 24px !important;
    /*line-height: 1.3;*/
}

input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #222222;
}
input::-moz-placeholder { /* Firefox 19+ */
  color: #222222;
}
input:-ms-input-placeholder { /* IE 10+ */
  color: #222222;
}
input:-moz-placeholder { /* Firefox 18- */
  color: #222222;
}

.catalogo.results {
   display: flex;
   justify-content: space-evenly;
   align-items: center;
   margin-top: 32px;
}

.no-results {
	font-size: 24px;
}

/*
nav.menu-catalogo .item span{
	text-transform: uppercase;
}

.item li span {
	cursor: pointer;
}

.item li a:hover {
    text-decoration: underline
}

.item li ul.submenu {
	display: none;
    border: 1px solid #222222;
    background: #f5f5f5;
    padding: 4px 0 4px 6px;
}

.item li:hover ul.submenu {
	display: inherit;
    position: absolute;
}

.submenu li {
}
*/

/*SUB-MENU*/
/*
.sub-menu {
	width: 100%;
    height: 34px;
    border-bottom: 1px solid #222222;
    padding-top: 164px;
    padding-bottom: 6px;
	display: flex;
    justify-content: center;
    flex-direction: row;
    flex-flow: row;
	font-size: 24px;
    line-height: 1.3;
}

.sub-menu h1, .sub-menu h2 {
	font-size: 24px;
}

#sub-nav {
	width: 100%;
    height: 34px;
    border-bottom: 1px solid #222222;
    padding-bottom: 6px;
    text-align: center;
    background: #f5f5f5;
    z-index: 99;
}

#sub-nav.scrolled {
  position: fixed;
  width: calc(100% - 40px);
  top: 0;
  padding-top: 16px;
  left: 20px;
  text-align: center;
}
*/


/*TEXTO INTRO CATALOGO*/
.catalogo-intro-txt {
	font-size: 24px;
    line-height: 1.25;
}

/*
.catalogo-intro-txt span {
	white-space:nowrap;
  	display: inline-block;
  	vertical-align: top;
}
*/

.catalogo-intro-txt span:after {
    content:', ';
}

.catalogo-intro-txt span:last-child:after {
    content:'.'
}

.catalogo-intro-txt a {
	/*position:relative;*/
    /*text-decoration: underline;*/
    border-bottom: 1px solid #222222;
}

/*
.catalogo-intro-txt a:after{
	content:'';
	position:absolute;
    width: 100%;
    height: 0;    
    left:0;
    bottom:2px;
	border-bottom: 1px solid #222222;
}
*/

.catalogo-intro-txt a:hover {
	font-family: Elfen Fraktur A !important;
    font-size: 26px;
    line-height: .6;
    letter-spacing: -0.000025ex;
    text-decoration: none;
}

.catalogo-intro-txt a.current {
	font-family: Elfen Fraktur A !important;
    font-size: 26px;
    line-height: .6;
    letter-spacing: -0.000025ex;
    text-decoration: none;
}

/*FONDOS DOCUMENTALES*/
.category-title {
}

/*
.category-title h2 {
	font-family: Elfen Fraktur A;
	font-size: 24px;
}
*/

.category-title span {
	font-size: 14px;
}

.catalogo.thumbnail-grid {
   display: flex;
   /*width: calc(100vw - 120px);*/
   justify-content: space-evenly;
   flex-wrap: wrap;
   align-items: center;
   margin-top: 50px;
}

.catalogo.thumbnail-grid .thumbnail:first-child {
	display:none;
}

.catalogo .thumbnail {
	width: 300px;
    margin: 0 24px 50px 24px;
}

.catalogo .thumbnail.uso-interno {
	display: none;
} 

.catalogo .thumb-img a img, .catalogo a .thumb-img img {
	box-shadow: 0 0 0 rgba(255,204,243,0) ;
	transition: box-shadow .2s;
}

.catalogo .thumb-img a:hover img, .catalogo a:hover .thumb-img img {
    box-shadow: 0 0 3px 1px rgba(255,204,243,1), 
    			0 0 6px 3px rgba(255,204,243,0.8),
                0 0 9px 5px rgba(255,204,243,0.6),  
                0 0 18px rgba(255,204,243,0.4),
                0 0 27px rgba(255,204,243,0.6);
}

.catalogo .thumb-img {
	height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/*
.catalogo .thumb-img a {
	display: flex;
    justify-content: center;
    align-items: center;
}
*/

.catalogo .thumb-img a img:first-child {
    z-index: 9;
}

.catalogo .thumb-img a img:nth-child(2) {
	position: absolute;
    /*
    transform: translateX(-100%) rotate(-2deg);
    margin: 15px 0 0 -20px;
    */
    transform: translateX(-100%) rotate(2deg);
    margin: -16px 0 0 16px;
    z-index: -1;
}

.catalogo .thumb-img a img:nth-child(3) {
	position: absolute;
    /*
    transform: translateX(-100%) rotate(6deg);
    margin: -5px 0 0 15px;
    */
    transform: translateX(-100%) rotate(-1.5deg);
    margin: 20px 0 0 -16px;
    z-index: -1;
}

.catalogo .thumb-img img {
	max-width: 300px;
    max-height: 300px;
    width: auto;
    height: auto;
}

.catalogo .thumb-caption {
	margin-top: 12px;
    text-align: center;
}

.catalogo .thumb-caption span{
	font-size: 14px;
}

.catalogo .thumb-caption h2{
	font-family: Elfen Fraktur A;
	font-size: 19px;
    /*font-style: italic;*/
}

.catalogo .thumb-caption a:first-child {
	/*display: none;*/
}

/*
.archive-row {
   display: flex;
   flex-flow: row;
   justify-content: space-between;
   align-items: flex-start;
   border-bottom: 1px solid #222222;
   padding: 8px 0;
}

.archive-row img {
	width: 124px;
    height: auto;
}

.archive-data {
	width: 250px;
}

.archive-data-line a {
	text-decoration: underline;
}

.archive-year{
	width: 75px;
    text-align: right;
}
*/

/*HEADER UNIDAD*/
body.unidad .sitetitle {
    position: relative;
    top: 0;
    padding-top: 0;
    left: 0;
}

span.menu-unidad-mobile {
	display: none;
}

.unidad-mobile {
    display: none;
}

.unidad-header {
    /*padding-bottom: 115px;*/
    width: calc(50vw - 20px);
    position: fixed;
    display: flex;
    flex-direction: row;
    flex-flow: row;
    justify-content: space-between;
    padding: 20px 0 9px 20px;
    left: 0;
    top: 0;
    border-bottom: 1px solid #222222;
    overflow-y: hidden !important;
    z-index: 99;
}

.unidad-header ul.sections{
	/*font-family: Elfen Fraktur A;*/
    font-size: 24px;
    position: absolute;
    right: 20px;
}

.unidad-header ul.sections:hover{
    font-family: Elfen Fraktur A !important;
    font-size: 26px;
    line-height: 1.3;
    letter-spacing: -0.000025ex;
}

/*
.main-menu ul.sections li{
	margin-right: 20px;
}
*/

/*UNIDAD DOCUMENTAL*/

.unidad-doc {
	margin-top: 32px;
}

.unidad-mobile {
	display: none;
}

/*Columna left*/
.unidad-doc .col-left {
	width: 50vw;
    height: calc(100vh - 59px);
    position: fixed;
    top: 59px;
    left: 0;
    overflow-y: scroll;
    z-index: 0;
}

/*Navegador de fondo documental*/
.nav-fondo {
    padding: 8px 0;
    /*margin-top: 60px;*/
    /*border-top: 1px solid #222222;*/
    border-bottom: 1px solid #222222;
	/*display: flex;*/
	width: 50vw;
	/*flex-direction: row;*/
	align-items: center;
    /*overflow-x: scroll;*/
    z-index: 999;
}

.nav-fondo .imagenes-fondo {
    /*padding: 0 6px;*/
    width: 50vw;
    display: flex;
    flex-direction: row;
    /*overflow: hidden;*/
    overflow-y: scroll;
}

.nav-fondo .imagen {
	height: 127px;
    display: flex;
    padding: 0 6px;
    justify-content: center;
    align-items: center;
}

.nav-fondo .imagen img {
	max-width: 127px;
    max-height: 127px;
   	width: auto;
    height: auto;
}

.nav-fondo .imagenes-fondo .imagen{
	opacity: 0.6;
	/*transition: .2s;*/
}

.col-left .imagenes-fondo .imagen:hover,
.col-left .imagenes-fondo .imagen.activo {
	opacity: 1;
}

/*Navegador de entrada*/
.nav-entry {
    padding: 8px 0;
    /*border-top: 1px solid #222222;*/
    border-bottom: 1px solid #222222;
	
    overflow-x: scroll;
    z-index: 999;
}

.nav-entry .imagenes-unidad {
    display: flex;
	flex-direction: row;
	align-items: center;
    /*overflow: scroll;*/
}

.nav-entry .imagen {
	height: 127px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.nav-entry .imagen img {
	max-width: 127px;
    max-height: 127px;
   	width: auto;
    height: auto;
    margin: 0 6px;
}

.personas, .autoria, .observaciones, .ancho, .alto {
	display: none;
}

.big-second-image{
	display: none;
}

/*
.big-second-image-mobile{
	display: none;
}
*/

.secondary-image {
	opacity: 0.6;
	/*transition: .2s;*/
	cursor: pointer;
}

.secondary-image.uso-interno {
	display: none;
} 

.secondary-image:hover {
	opacity: 1;
}

.secondary-image.active{
	opacity: 1;
}

/*Arrows*/
.prev-next-entry {
	margin-top: 6px;
    padding: 0 18px;
	display: flex;
    justify-content: space-between;
}

/*Data fields*/
.data-unidad {
	margin-top: 106px;
	padding: 0 24px 30px 24px;
    font-size: 18px;
    line-height: 1.1;
}

.data-unidad > div:last-child {
    border-bottom: 0;
}

.data-line {
	display: flex;
    justify-content: space-evenly;
    align-items: flex-start;
    padding: 9px 0;
    border-bottom: 1px solid #222222;
}

.data-stack-lines {
    border-bottom: 1px solid #222222;
}

.data-sub-line {
	display: flex;
    justify-content: space-evenly;
    align-items: flex-start;
    padding: 9px 0;
}

/*
.data-stack-lines .data-sub-line:first-child {
    padding: 9px 0 0 0;
}

.data-stack-lines .data-sub-line:last-child {
    padding: 0 0 9px 0;
}
*/

.data-line .field-title,
.data-sub-line .field-title {
	width: calc(40% - 24px);
    padding-right: 24px;
}

.data-line .field-output,
.data-sub-line .field-output {
	width: 60%;
}

.data-line .field-output a,
.data-sub-line .field-output a {
	text-decoration: underline;
}

.limit-line {
	/*height: 19px;*/
	overflow: hidden;
}

/*Columna right*/
.unidad-doc .col-right {
	width: 50vw;
    height: 100vh;
    position: fixed;
    display: flex;
   	justify-content: space-evenly;
   	align-items: center;
    top: 0;
    right: 0;
    background: black;
    /*pointer-events: none;*/
    /*overflow-y: scroll;*/
}

.col-right .imagenes {
    /*margin: 0 16px 50px 16px;*/
}

.col-right .imagen {
	height: calc(100vh - 100px);
    display: flex;
   	justify-content: center;
   	align-items: center;
    flex-wrap: wrap;
}

.col-right .imagen img {
	max-width: calc(50vw - 96px);
    max-height: calc(100vh - 96px);
	width: auto;
	height: auto;
}

/*INDICE*/
#indice {
    font-size: 20px;
    line-height: 1.2;
    margin-bottom: 30px;
}

.indice-titles {
	display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    min-width: 0;
    margin-bottom: 24px;
}

.indice-titles p {
	white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;
}

.indice-line {
	display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    min-width: 0;
}

.indice-titles .col-autoria, .indice-line .col-autoria {
	width: calc(20vw - 18px);
    padding-right: 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.indice-line .col-autoria p {
    /*margin-right: 4px;*/
    display: inline;
}

.indice-line .col-autoria p:after{
	content:",";
}

.indice-line .col-autoria p:last-child:after{
	content:"";
}

.indice-titles .col-lugar p, .indice-line .col-lugar p{
	width: calc(15vw - 18px);
    padding-right: 18px;
    white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;
}

.indice-titles .col-serie p, .indice-line .col-serie p{
	width: calc(20vw - 18px);
    padding-right: 18px;
    white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;
    
}

.indice-line .col-serie p {
    /*display: inline;*/
}

.indice-line .col-serie p:after{
	content:",";
}

.indice-line .col-serie p:last-child:after{
	content:"";
}

.indice-titles .col-proceso p, .indice-line .col-proceso p{
	width: calc(20vw - 18px);
    padding-right: 18px;
    white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;
}

.indice-titles .col-historia p, .indice-line .col-historia p{
	width: calc(15vw - 18px);
    padding-right: 18px;
    white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;
}

.indice-titles .col-fecha p, .indice-line .col-fecha p{
	width: calc(10vw - 18px);
    text-align: right;
    /*padding-left: 18px;*/
    white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;
}

#indice a:hover {
	font-family: Elfen Fraktur A;
    font-size: 22px;
    letter-spacing: -0.000025ex;
    line-height: 1.1;
}

#indice a:hover .indice-line{
   transform: translateY(3px);
}

/*MOBILE*/
@media (max-width:600px) {

body.slug-catalogo .sitetitle {
    transition: top .3s;
}

body.slug-catalogo .sitetitle.scrolled {
	position: fixed !important;
    width: 100%;
    top: 0 !important;
    padding-top: 20px;
    padding-bottom: 10px;
    left: 0;
    z-index: 99;
    background: #f5f5f5;
    border-bottom: 1px solid black;
}

body.slug-catalogo .sitetitle.scrolled img{
    margin-left: 50%;
    transform: translateX(-50%);
}

.menu-catalogo {
	font-size: 16px;
    margin-top: 174px;
    margin-bottom: 16px;
    border-top: 1px solid #222222;
    padding-top: 12px;
	/*
    height: 32px;
    margin-top: 164px;
    margin-bottom: 16px;
    padding-bottom: 6px;
	display: flex;
    justify-content: space-between;
    flex-flow: row;
    */
}

body.slug-catalogo .contact-menu.scrolled {
    position: inherit;
    margin-top: 130px;
    top: 0;
    left: 0;
    padding-top: 0;
    z-index: 0;
}

.menu-catalogo li a:hover {
	font-family: Elfen Fraktur A;
    font-size: 18px;
    /*line-height: .6;*/
}

.menu-catalogo li.menu-item-indice {
	/*
    position: absolute;
    left: 20px;
    text-align: left;
    z-index: 99;
    */
}

.menu-catalogo.scrolled li.menu-item-indice {
	position: inherit;
    left: 20px;
    text-align: left;
    z-index: 0;
} 

.menu-catalogo #sub-nav {
	border-bottom: 0;
	/*
	width: calc(100vw - 40px);
    height: 32px;
    border-bottom: 1px solid #222222;
    padding-bottom: 6px;
    background: #f5f5f5;
    transition: width .3s;
    z-index: 9;
    */
}

.menu-catalogo #sub-nav.scrolled {
	position: absolute;
    width: 100%;
    height: 34px;
    border-bottom: 0;
    padding-top: 0;
    padding-bottom: 6px;
    background: transparent;
    /*left: 0;*/
    top: auto;
}

input.search {
    font-size: 16px;
    /* direction: rtl; */
    margin-top: -3px;
    width: 60px;
    text-align: right;
    background: transparent;
    text-overflow: none;
    padding-right: 0 !important;
	/*
    width: calc(35vw - 80px);
    border: 0;
    font-family: Neue Montreal Regular !important;
    text-align: right;
    white-space: nowrap;
  	overflow: hidden;
  	right: 0;
    */
    /*direction: rtl;*/
    /*
    position: absolute;
    background: #f5f5f5;
    */
}

.menu-catalogo.scrolled input.search {
	position: absolute;
    top: auto;
    z-index: 0;
}

input.search:hover {
	font-family: Neue Montreal Regular !important;
    font-size: 16px;
    /*pointer-events: none;*/
    /*line-height: .6;*/
}

input:focus, input:value, input:placeholder {
	font-size: 16px ;
	font-family: Neue Montreal Regular !important;
    /*pointer-events: auto !important;*/
}

input:focus:focus {
	outline: none;
    width: calc(100% - 40px);
    background: #f5f5f5;
}


input:focus:hover {
	font-family: Neue Montreal Regular !important;
	font-size: 16px !important;
    /*line-height: 1.3;*/
}

.no-results {
	font-size: 16px;
}

.catalogo-intro-txt {
	font-size: 16px;
    line-height: 1.25;
}

.catalogo-intro-txt a:hover {
    font-family: Elfen Fraktur A !important;
    font-size: 18px;
}

.catalogo-intro-txt a.current {
    font-family: Elfen Fraktur A !important;
    font-size: 18px;
    line-height: .6;
    text-decoration: none;
}

.catalogo .thumb-caption span {
    font-size: 12px;
}

.catalogo .thumb-caption h2 {
    font-size: 18px;
}

#indice {
    font-size: 16px;
}

.indice-titles .col-lugar, .indice-titles .col-serie, .indice-titles .col-proceso, .indice-titles .col-historia {
	display: none;
}

.indice-line .col-lugar, .indice-line .col-serie, .indice-line .col-proceso, .indice-line .col-historia {
	display: none;
}

.indice-titles {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 16px;
}

.indice-line {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

#indice a:hover {
    font-family: Elfen Fraktur A;
    font-size: 18px;
    line-height: 1.1;
}

.indice-titles .col-autoria, .indice-line .col-autoria {
    width: calc(50vw - 20px);
}

.indice-titles .col-fecha p, .indice-line .col-fecha p {
    width: auto;

}

body.unidad {
    margin: 176px 0 32px 0;
}


span.menu-unidad-desktop {
    display: none;
    visibility: hidden;
}

span.menu-unidad-mobile {
    display: inline;
}

body.unidad .sitetitle {
    position: inherit;
    top: 0;
    padding-top: 20px;
    /*left: 0;*/
}

.unidad-desktop {
	display: none;
    visibility: hidden;
}

.unidad-mobile {
	display: inline;
}

.unidad {
	/*margin-top: 176px;*/
    border-top: 1px solid #222222;
}

.unidad-doc {
    margin-top: 0;
}

.nav-fondo {
    padding: 8px 0;
    width: 100%;
    z-index: 999;
}

.nav-fondo .imagenes-fondo {
    width: 100%;
    display: flex;
    flex-direction: row;
    overflow-y: scroll;
    overflow: scroll;
}

.imagenes {
    width: 100vw;
    height: auto;
    position: inherit;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    top: 0;
    right: 0;
    background: black;
}

.imagenes .imagen img {
	max-width: calc(100vw - 40px);
    max-height: calc(100vh - 40px);
    width: auto;
    height: auto;
    padding: 48px 0;
}

.data-unidad {
    margin-top: 20px;
    padding: 0 20px 0px 20px;
    font-size: 16px;
    line-height: 1.1;
}


}