body, html
{ height:100%;
margin:0;
font: 400 15px/1.8 "Lato", sans-sarif;
color: #111;
background-color: #eee;
}


/* FONTS
-------------------------------------------------- */

.montserrat {
  font-family: 'Montserrat', sans-serif;
}
.open+sans {
  font-family: 'Open+Sans', sans-serif;
}
.oswald {
  font-family: 'Oswald', sans-serif;
}
.Libre+Baskerville {
font-family: 'Libre Baskerville', serif;
}

/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

.navbar {
  background-color: #ddd;
  min-height: 30px;
  margin-top: 10px;
  margin-bottom: 20px;
  border: 0px;
}

.navbar .navbar-brand {
  color: #111;
  background-color: transparent;
}

.navbar .navbar-brand:hover,
.navbar .navbar-brand:focus {
  color: #fff;
  background-color: #a11;
}

.navbar .navbar-nav > li > a {
  color: #111;
  background-color: transparent;
}

.navbar .navbar-nav > .active > a {
  color: #fff;
  background-color: #111;
}

.navbar .navbar-nav > li > a:hover,
.navbar .navbar-nav > li > a:focus {
  color: #fff;
  background-color: #a11;
}

.navbar .navbar-toggle .icon-bar {
  background-color: #333;
}

.navbar .navbar-toggle .icon-bar:hover,
.navbar .navbar-toggle .icon-bar:focus {
  color: #fff;
  background-color: #a11;
}


/* CUSTOMIZE THE NAVBAR justified
-------------------------------------------------- */

.nav-justified {
  background-color: #f2f2f2;
  min-height: 30px;
  margin-top: 10px;
  margin-bottom: 20px;
    border-radius: 4px;
}

.nav-justified > li > a {
  color: #111;
  background-color: transparent;
}

.nav-justified > .active > a {
  color: #ddd;
  background-color: #811;
}

.nav-justified > li > a:hover,
.nav-justified > li > a:focus {
  color: #ddd;
  background-color: #111;
}

@media (min-width: 768px) {
  .nav-justified {
    max-height: 52px;
  }
  .nav-justified > li > a {
    border-right: 1px solid #d5d5d5;
	font-size: 12px;
    border-left: 1px solid #fff;
  }
 }

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
  /* Remove the padding we set earlier */
  .masthead,
  .marketing,
  .footer {
    padding-right: 0;
    padding-left: 0;
  }
}


/* PARALLAX
-------------------------------------------------- */

.bgimg1,
.bgimg2,
.bgimg3,
.bgimg4,
.bgimg5
{
  position: relative;
  opacity: 1;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.bgimg1
{
  background-image: url("../imag/portal/carusel_actividades2.jpg");
  min-height: 40%; 
}
 
.bgimg2
{
  background-image: url("../imag/portal/colecciones.jpg");
  min-height: 100%; 
}

.bgimg3
{
  background-image: url("../imag/portal/carrusel_museopapel.jpg");
  min-height: 100%; 
}

.bgimg4
{
  background-image: url("../imag/portal/carrusel_recopilacion.jpg");
  min-height: 100%; 
}

.bgimg5
{
  background-image: url("../imag/portal/carusel_venta.jpg");
  min-height: 90%; 
}


.caption
{
position: absolute;
left: 0;
top: 20%;
width: 100%;
text-align: center;
}

.caption span.funjdiaz
{
  font-family: 'Libre Baskerville', serif;
  background-color: #333;
  color: #fff;
  padding: 0px;
  font-size: 40px;
  letter-spacing: 10px;
}

.caption span.oscuro
{
  font-family: 'Libre Baskerville', serif;
  background-color: #333;
  color: #111;
  padding: 0px;
  font-size: 50px;
  letter-spacing: 10px;
}

.caption span.border
{
  font-family: 'Libre Baskerville', serif;
  background-color: #711;
  color: #fff;
  padding: 10px;
  font-size: 14px;
  letter-spacing: 3px;
}

.container {
  background-color: #fafafa;
}

.jumbotron {
  background-color: #fdfdfd;
  border: 1px solid transparent;
  border-color: #d99;
  margin-bottom: 20px;
  padding: 20px 20px;
}

.jumbotron p {
  margin-bottom: 15px;
  font-size: 16px;
  font-weight: 300;
  text-align: justify;
}

p {
  font-family: 'Montserrat', serif;
  font-size: 14px;
  font-weight: 400;
line-height: 32px;
}

h2 {
  font-family: 'Libre Baskerville', serif;
  color: #911;
  font-size: 28px;
  font-weight: 800;
line-height: 30px;
}

h3 {
  font-family: 'Libre Baskerville', serif;
  color: #911;
  font-size: 22px;
  font-weight: 800;
line-height: 28px;
}

b {
  color: #933;
  font-weight: 800;
}

a {
  color: #811;
  font-weight: 400;
}

a:hover,
a:focus {
  color: #d44;
  text-decoration: underline;
  font-weight: 400;
}

/*Turn off parallax scrolling for tablets and phones*/

@media only screen and (max-device-width: 1024px)
{
.bgimg1,
.bgimg2,
.bgimg3,
.bgimg4,
.bgimg5
{
background-attachment: scroll;
}
}


/*DTR: 2021-02-24, Agregar estilo a los "span" con el termino de busqueda.*/
/*
buscar.marcado span.termino { background:#F0F0A0; color:#811; }
buscar.marcado span.termino.activo { background:#F08080; color:#811; }
#buscar_controles { background:#F0F0A0; color:#811; }
#buscar_controles button.on { background:#A0F0A0; color:#811; }
#buscar_controles button.off { background:#A0C0A0; color:#811; }
*/