body{font-family: 'Montserrat', sans-serif; font-size: 16px; line-height: 1.5em;color:#606060}

.front .container.menuBar,
.container.menuBar{
    display: flex; justify-content: space-between;align-items: center;max-width: 90%;width: 100%;padding: 16px 0 !important;}
.container:before, .container:after {
    display: none!important;
}



.navbar-nav li a,.navbar-default .navbar-nav > li > a{text-transform: uppercase; color:#333; font-size: 16px;padding: 0 27px;font-weight: 500;}
.navbar-nav li a:hover,.navbar-default .navbar-nav > li > a:hover{color:#FF7339; ;}
.navbar-nav li a.active {color:#FF7339; ;}
.navbar-wrapper{display: grid; grid-template-columns: 1fr 220px;  column-gap: 20px; } 
.navbar-wrapper .user-navbar{ grid-area: navbar-nav; display: none;}
.navbar-wrapper .navbar-form{ grid-area: navbar-form;}
.navbar-wrapper .menuItems{ grid-area: menuItems; align-self: center;}
.navbar-wrapper{  grid-template-areas: "menuItems navbar-form "}
.navbar-form {padding: 0; }
.portada_full-img .navbar-form {min-width: 300px;}
.formOutline{display: flex; justify-content: space-between;height: 26px;}

#frontpage_form .formOutline{display: flex; justify-content: space-between;height:auto;}


strong.shadow_fx {font-family:Montserrat;}
.shadow_fx{filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.7)); }
.portada_full-img{    display: block; font-size: 30px;color:#fff; text-align: center;background-attachment: fixed!important; 
    height: calc(100vh - 100px);overflow: hidden; margin: 0;
    background-position: center; background-repeat:no-repeat ;
    background-size: cover!important;background-position: center;background-repeat: no-repeat; display: flex; flex-direction: column; justify-content: center; align-items: center;
font-family: Montserrat, sasns-serif;
}
.portada_full-img h1{font-size: 1.3em;color:#fff; display: block; font-weight: 700; margin: 0 auto 30px auto;font-family: montserrat, sans-serif;}
.portada_full-img .formOutline{padding: 5px; background-color: #fff; border: 1px solid #F0E6C1; margin-top:20px;}
.portada_full-img .formOutline .form-control{border:0; padding: 0 0 0 10px; box-shadow: none;}
.portada_full-img img{object-fit: cover; width: 100%;}
.col-sBox{padding: 90px 0; max-width: 650px; margin: 0 auto; text-align: center;font-size: 21px;line-height: 137%;}
.col-sBox h2{font-size: 1.3em; display: block;  font-weight: 500; margin: 0 auto; font-size: 26px;}
h2.aia_Tit{line-height: 1.5!important;}
/*.col-sBox h2::after{border-bottom: 1px solid #333; content: ""; width: 70%; height: 20px; margin: 0 auto 20px auto; display: block;}*/

/*grid en portada */
.row.galwrapper:before,.row.galwrapper:after{display: none;}
.row.galwrapper{display: flex; flex-wrap: wrap; margin: 0 auto; max-width: 1400px; justify-content: space-between;}

.galBox{display: flex; flex-direction: column;  padding: 0 15px 15px 15px; flex-basis: 24%;margin-bottom: 20px;}
.galBox:hover{background-color: #FF7339;}
.galBox >a:first-of-type{order:1; display: block; margin: auto 0 0 0;}
.galBox .frontGridCaption{order:0; display: block;  line-height: 1.5em; padding: 10px 15px; margin: 0; font-size: 14px;border-top:1px solid #CABC98;text-align: left;}
.galBox:hover .frontGridCaption{border-color: #FF7339;}
.galBox .frontGridCaption a{text-decoration: none;}
.galBox .frontGridCaption a:hover, .galBox:hover a{color:#fff;}
.grid-wrapper{text-align: center;}
.piezaswrapper{padding: 60px 0; }
.piezaswrapper h3,.SectionsLink h3{text-align: center; display: block; padding-bottom: 20px; font-weight: 400;font-size: 1.5em !important; margin: 0;}

@media (max-width: 800px) {
    .galBox {flex-basis: 100%;}
}

/*FOOTER*/
footer#footer{text-align: center;}
.footerWrapper{display: flex; justify-content: center;max-width: 90%; margin: 40px auto 0 auto; width: 100%; border-top: 1px solid #ddd; padding: 30px 0 40px 0; align-items: center;flex-wrap: wrap;}
#footer ul.social li{display: flex; justify-content: flex-start; align-items: center;line-height: 2.5em;font-size: 14px;}
#footer ul.social li a:hover{color:#FF7339}
#footer ul.social li i{
	padding:0px 10px 0px 0px; font-size: 28px!important;
}
#footer .logo-cultura,#footer .logo-fna,
#footer .logo-roldan,
#footer .logo-mecenazgo,#footer .logo-uba-fadu{ width: auto;}
#footer .logo-fna{height: 45px;}
#footer .logo-cultura{height: 48px;}
#footer .logo-roldan{height: 85px;}
#footer .logo-mecenazgo{height: 43px;}
#footer .logo-uba-fadu{height: 50px; }

#footer ul.social li:first-child i{color:#FF7339}


@media (min-width: 1700px){ .footerWrapper{max-width: 1600px;}}
#pageArea{padding-top: 60px; max-width: 90%; margin: auto;}
@media (min-width: 1700px){ #pageArea{padding-top: 60px; max-width: 1400px; margin: auto;}}

.front{padding-top: 0px!important; max-width: 100%!important;}
.front .container{padding: 0!important;}
.front .row.galwrapper{margin: 0 auto!important;}
.front .row{margin: 0;}
.SectionsLinkwrapper,.SectionsLinkTop{display: flex; justify-content: center; text-align: center; margin: 20px auto 0 auto; max-width: 60%;width: 90%; }

.boxIlus_dores_ciones{display: block; width: 100%; height: 100%; max-width: 400px; max-height: 400px; overflow: hidden;}
.SectionsLinkTop a{padding: 10px 20px ; margin: 40px 20px 0 20px ; border: 2px solid #fff; color: #fff;background-color: rgba(0,0,0,0.2);
    font-size: 18px;
    line-height: 135%;
    text-transform: none; text-decoration: none;
}

.SectionsLinkTop a:hover{color:#333; background-color: #fff;text-decoration: none;}
.SectionsLinkwrapper figure img{margin: 10px; max-width: 400px;}
.SectionsLinkwrapper a{flex-basis: 45%; display: block; max-width: 400px; }
.SectionsLinkwrapper a:hover{cursor: pointer;}
.boxIlus_dores, .boxIlus_ciones{display: block; width: 100%; max-height: 400px; height: 100%; min-height: 400px;background-size: cover!important;}
.SectionsLink{padding: 40px 0;}
.SectionsLinkwrapper a:first-child{margin-right: 40px;}
.SectionsLinkwrapper a:last-child{margin-left: 40px;}
@media (min-width: 1700px){ .container.menuBar{max-width: 1600px;}}
.navbar.navbar-default::before,.navbar.navbar-default::after{display: none;}
.navbar{margin-bottom: 0;}
.navbar-header{float: none;}
.navbar-brand img{width: auto; height: 46px;}
@media (min-width: 992px) and (max-width: 1400px){ 
    .navbar-brand img{
        /*! width: 280px; */ 
        height: 46px;
    }
    .navbar-nav li a, .navbar-default .navbar-nav > li > a {
    font-size: 14px;
    padding: 0 15px;
    }
    .form-control {
        font-size: 10px!important;
    }
}
@media (max-width: 992px) {
	.navbar-brand img{width: 250px; height: auto;}
    .container.menuBar,.navbar-wrapper{display: block;}
    .formOutline{margin: 15px 0 ;}
    .container.menuBar{margin: 0 auto!important; padding: 0!important;}
    .navbar-default .navbar-form {
     margin: 0 auto!important;
    }
}
@media (max-width: 800px){.navbar-toggle-user{display: none;}
    .portada_full-img h1{max-width: 90%;}
    .portada_full-img {font-size: 18px;}
    .SectionsLinkTop a {
        padding: 10px 10px;
        margin: 40px 10px 0 10px;
        font-size: 16px;
    }
    .col-sBox {padding: 70px 0;max-width: 90%;}
    .SectionsLinkwrapper figure img { max-width: 160px;
    }
    #pageArea{padding-top: 40px;} .SectionsLinkwrapper{max-width: 100%;}
    .footerWrapper{/*flex-direction: column; */   flex-wrap: wrap;    justify-content: space-around;}
    #footer .logo-cultura,#footer .logo-mecenazgo { max-height: 36px;}
    #footer .logo-uba-fadu,#footer .logo-fna{ max-height: 40px;}
    #footer .logo-roldan {
        height: 68px;
    }
.list-inline.pull-right.social{flex-basis: 100%;}
.logo-roldan{max-width: 80px; margin: 10px auto;}
.logo-uba-fadu{max-width: 250px; margin: 20px auto 0 auto;}
}



.descripcionGAl{display:flex; justify-content: space-between; margin-top: 60px;margin-bottom: 40px;}
.descripcionGAl >div{flex-basis: 30%; position: relative;max-width: 30%; font-size: 14px; }
.descripcionGAl >div:not(:last-child):after{content:""; background-color: #ddd; width: 1px; height:100%; margin:5px 0; position: absolute; right:-20px; top:0; }
.descripcionGAl div h6{text-transform: uppercase; font-size: 14px; font-weight: 600; display: block;margin: 20px 0 0px 0}
.descripcionGAl div h6:first-child{margin-top: 0}
.HFiltros i.fa{font-size: 20px!important;}
.allNavBT i,.detailNavBgLeft i, .detailNavBgRight i{
    /* display: none; */
    font-size: 30px;
    text-align: center;
}
.allNavBT a .small,.detailNavBgLeft a .small,.detailNavBgRight a .small{display: none!important; font-size: 12px!important; text-transform: uppercase; padding-bottom: 20px;}
.detail .detailNavBgLeft, .detail .detailNavBgRight {
   background-color: #fff!important;}
   .detail .detailNavBgLeft small, .detail .detailNavBgRight small{
   display: none!important;}
.jcarousel .small, #detailRepNav .small{display: none!important;}

/*RESULTADOS*/
.HFiltros{display: flex; justify-content: space-between; width: 100%; border-bottom: 2px solid #FF7339; margin-top: 20px;}
.HFiltros a, .HFiltros h3{ font-size:14px; color: #333; line-height: 1.4em; margin: 0;}
.HFiltros .btn-group a{
    display: flex;
    align-items: baseline;
}
.HFiltros .btn-group a i{margin-left: 10px;}
#NbRefine{display: flex; width: 100%; position: relative;}
.ModuloFilter:not(:first-child){margin-left: 40px;}
.boxContent{position: absolute; left:0; display: none;top:60px; height: 310px; background-color: #fff; overflow-y: scroll; overflow-x: hidden;scrollbar-color: #FF7339 white;}
.boxItem{/*! display: flex; */-webkit-flex-wrap: wrap; 
    flex-wrap: wrap;
    /*! -webkit-flex-direction: row; */
    /*! flex-direction: column; */
    max-height: none; padding-right: 40px;
column-count: 4;
margin-top: -30px;
}
 .boxItem div{/*! flex-basis: 25%; */font-size: 12px;}
.ModuloFilter h3 {transition: height 0.5s; height: 30px;}
.ModuloFilter h3.active{height: 340px;color: #FF7339;}
.ModuloFilter h3:hover{color: #FF7339;}
.clearNext{width: 100%; flex-basis: 100%;}

.TopTitle,.IlusWrapper{position: relative;}


/* Ajustes finales para el botón de cierre */
button.icon-close{
    /* Posición */
float: right; 
    top: 0;

    /* Dimensiones */
    width: auto;     /* evita cubrir la fila */
    height: 32px;
    padding: 0 16px;

    /* Estilo visual */
    background: transparent;
    border: none;
    font-size: 30px;
    color: #FF7339 !important;  /* recupera el color */

    /* Comodidad de uso */
    cursor: pointer;
}

button.icon-closebak{    
position: sticky;
left: 0;
border: 0;
background-color: transparent;
font-size: 30px;
width: 100%;
top: 0;
text-align: end;
padding-right: 16px;
color: #FF7339;
}

    .bResultItemText .OB_mame,.bResultItemText .OB_mame_ilus{overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        max-width: 100%;
        display: block;}

body.ca_objects .bResultItemText{min-height: 55px;max-height: 55px;}

.boxItem a{color:#000;}
 .boxItem a:hover{color:#FF7339}
 .ca_entities .OB_mame_ilus,  .ca_entities .OB_mame_date{display: none;}
.destacado_about{padding: 20px; background-color: rgb(244, 244, 244);display: block; margin: 30px auto; line-height: 1.5em;}
.about_wrp h2{margin-top: 40px; display: block; font-weight: 700;font-size: 20px; text-transform: uppercase;}
.about_wrp h3{margin-top: 30px; display: block; font-weight: 700;text-transform: none!important;padding-top: 20px; border-top: 1px solid #ddd;line-height: 1.3em;}
.about_sideB h4{margin-top: 40px;font-weight: 600;}
.enti_head{padding-bottom: 30px;}
.unidad_bio p{line-height: 1.3em;font-size: 16px!important;}
.unidad_bio h4{line-height: 2em;font-size: 14px!important; font-weight: 500;}
.unidad_bio{margin-bottom: 40px; padding-bottom: 30px; border-bottom: 1px solid #ddd;}
#bTimelineContainer,#browseResultsContainer,.jscroll-inner{width: 100%!important;}
.jscroll-inner, .jscroll-added {display: flex;justify-content: flex-start;width: 100%!important;    flex-wrap: wrap;}
.bResultItemCol{margin-right: 2.6%;}
.bResultItemCol:nth-child(4n){margin-right: 0!important;}
.BarBoxesSticky {position: fixed; top:200px}
.BarBoxesSticky a{display: block; line-height: 1.5em; font-size: 14px; padding-bottom: 10px;}
.jumpLinksbt {width: 100%;padding: 20px 0;display: block; }
.jumpLinksbt a{display: inline-block;padding: 5px 10px; background-color: #FF7339; color:#fff!important; margin-right: 7px;}

#browseResultsContainer, #entitiesBlock, #occurrencesBlock,#collectionsBlock{margin-bottom: 100px;}
 @media (max-width: 800px){
    #browseResultsContainer, #entitiesBlock, #occurrencesBlock,#collectionsBlock{margin-bottom: 60px;}
    .jscroll-inner, .jscroll-added {display: block;}
    .BarBoxesSticky {position: initial; top:200px}
    .aboutM_mobile{display: flex; flex-direction: column;}
    .aboutM_mobile .about_wrp{order:1}
    .aboutM_mobile .about_sideB{order:0}
  #NbRefine{display: block;}
            .ModuloFilter:not(:first-child), .ModuloFilter {
            margin-left: 0px;
            }
            .ModuloFilter:not(:last-child){margin-bottom: 5px;}
            .ModuloFilter h3 {
                transition: height 0.5s;
                height: 25px;
                margin: 0 0 5px 0;
            }
            .ModuloFilter h3.active {
                 height:auto; }
            .boxContent {
               position: initial;
                left: 0;
                display: none;
                top: 60px;
                height: auto;
                max-height: 200px; overflow-y: scroll;}
                .HFiltros a, .HFiltros h3 {
                    line-height: 1.6em;
                 
                }
                .boxItem{display: block;-webkit-flex-wrap: wrap; 
                    flex-wrap: wrap;
                    -webkit-flex-direction: row;
                    flex-direction: column;
                    max-height: 400px; padding-right: 40px;}
                 .boxItem div{flex-basis: 100%;font-size: 12px;}
                 ul.menuItems {
                    width: 100%;
                    border-top: solid 1px #ddd;
                    margin: 0!important; padding-bottom: 20px!important;padding-top: 20px!important;
                }
                ul.menuItems li{line-height: 27px!important; padding: 4px 0;}
                .allNavBT{padding: 0 20px;}

                .descripcionGAl {display: block;             }
                .descripcionGAl >div {flex-basis: 100%;max-width: 100%;}
                .descripcionGAl >div:not(:last-child):after{display: none;}
    }

/* */

@media (min-width: 768px) {
  .navbar > .container .navbar-brand {
    margin-left: 0;
  }
}

/* */

.front .container.menuBar.footer-bar,
.container.menuBar.footer-bar {
  background: #757575;
  color: white;
  max-width: none;
  padding: 11px 5% !important;
  font-size: 12.5px;
  text-transform: uppercase;
}

#NbRefineWrapper {
  margin-bottom: 30px;
}

/* */


.tl-slide {
  background-color: #e2dbd9;
}
.tl-timenav {
  background-color: #f3bfb3 !important;
}
.tl-slider-item-container {
}
.tl-storyslider {
  /*! padding-top: 50px; */
  /* border-top: 50px solid rgb(226, 219, 217); */
}
.tl-menubar {
  background-color: #ff7339;
}
.tl-menubar-button {
  background-color: #ff7339 !important;
  color: white !important;
}
.tl-timemarker .tl-timemarker-content-container.tl-timemarker-content-container-small {
  background-color: white !important;
}

.tl-timemarker.tl-timemarker-active .tl-timemarker-content-container.tl-timemarker-content-container-small {
    background-color: rgb(255, 115, 57) !important;
}
.tl-timemarker.tl-timemarker-active .tl-timemarker-content-container.tl-timemarker-content-container-small .tl-timemarker-text {
    color: white !important;
}

/* */

.navbar .form-control {
    line-height: 26px;
    height: 26px;
}

/* */

.footer-logo img {
  height: 56px;
  width: auto;
}

.footer-logo:hover img {
    filter: invert(51%) sepia(57%) saturate(1626%) hue-rotate(336deg) brightness(103%) contrast(101%);
}

@media (max-width: 1280px){}

.list-inline.pull-right.social {
  flex-basis: 100%;
}
.list-inline.pull-right.social li{
  display: inline !important;
}


/* */

.justified-gallery > a > .jg-caption,
.justified-gallery > div > .jg-caption,
.justified-gallery > figure > .jg-caption {
  padding: 5px;
  background-color: #fff;
  color: #FF7339;
  font-size: 12px;
  opacity: 1 !important
}