/**
 * 1.0 Reset
 *
 * -----------------------------------------------------------------------------
 */

body { font-family: 'Roboto', sans-serif; position: relative; background-color: #f0efe9; color: #3A4447; font-size: 1.5em;}
hr { border-top: 1px solid #ddd;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: 'Roboto', sans-serif;}
.h4, h5, .h5, h6, .h6 { margin-top: 20px; margin-bottom: 20px;}
a, a:hover, a:active, a:focus { outline: 0; -moz-outline-style: none;}
ul.sin-bullet { list-style: none;}
li.sin-bullet { list-style: none;}

.letra_mujeres { font-family: 'Gloria Hallelujah', cursive; }

.social-block ul {
  position: absolute;
  bottom: 0;
  right: 15px; }

.social-block ul li.list-inline-item {
  padding: 4px 0; }
  .social-block ul li.list-inline-item:not(:last-child) {
    margin-right: 0px; }
  .social-block ul li.list-inline-item a {
    color: #222; }
    .social-block ul li.list-inline-item a span.fa-circle-thinner:before {
      box-sizing: border-box;
      display: block;
      width: 2em;
      height: 2em;
      padding-top: 0.45em;
      text-align: center;
      border-radius: 100%;
      border: 1px solid #222; }


.dropdown-menu {
      width: 100%;
    }

    .scrollable-menu {
      height: auto;
      max-height: 200px;
      overflow-x: hidden;
    }

  li.bnm::before {color: #cccccc;}


.text-muted {
  color: #767676 !important;
}

p,
ul,
ol,
p,
table {
  font-weight: 300;
}


/**
 * 2.0 Header
 *
 * -----------------------------------------------------------------------------
 */

/*.affix-top { position: relative; width: 260px;}
.affix { top: 120px; width: 260px;}
.affix-bottom { position: relative; width: 260px;}*/
.affix-home { z-index: 1000; top: 0;}
.navbar-biblio { width: 100%; background-color: #fff; border-top: 4px solid #811540; border-radius: 0px;}
.navbar-biblio a { color: #6e6e6a;} /*gris*/
.navbar-biblio a:hover { background-color: none; color: #811540;}
.nav > li > a { padding: 10px 10px; display: inline-block;}
.nav > li > a:focus, 
.nav > li > a:hover { background: none;}
.nav .open > a, 
.nav .open > a:focus, 
.nav .open > a:hover { background: none; border: 1px solid #811540; border-bottom: none; border-top: none;}
.nav .open > a.sin-borde, 
.nav .open > a.sin-borde:focus, 
.nav .open > a.sin-borde:hover { border:1px solid #fff;}

li.dropdown a { font-size: 13px;}
li.dropdown a.dropdown-toggle, 
li.dropdown a.no-dropdown-toggle { border: 1px solid #fff; border-bottom: none; border-top: none;}

/* Barra de navegación principal */
.navbar-nav > li > .dropdown-menu { border: 1px solid #811540; border-top: 3px solid #811540;}
.dropdown-menu.columns-2 { min-width: 450px;}
.dropdown-menu.columns-4 { min-width: 800px;}
.dropdown-menu.columns-5 { min-width: 1155px; left: -531px;}
.dropdown-menu li a { padding: 5px 0px;}
.row-menu { margin-right: 0px; margin-left: 0px;}
.multi-column-dropdown { list-style: none; margin: 0px; padding: 0px;}
.multi-column-dropdown li a { display: block; clear: both; line-height: 1.428571429; white-space: normal;}
.multi-column-dropdown li a:hover { text-decoration: none; color: #811540;}
.subtitulo, 
li .subtitulo a { font-size: 14px; font-weight: bold; color: #6e6e6a;}

.reglamento img { border: 4px solid #e9e9e9;}
.reglamento img:hover { border: 4px solid #811540;}
.rfederales { background-color: rgba(66,147,152,0.4);}
.navbar-form-header { margin: 0px;}
.form-control { font-size: 12px;}
.form-control-bsq { height: 30px; padding: 4px 12px;}
.btn-bsq { padding: 4px 12px;}

/* Boton redes sociales */
.navbar-right-biblio { border: 1px solid #811540; border-top: 0px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
.navbar-right-biblio > li a { color: #fff; background-color: #811540; width: 100%; padding: 8px 10px;}
.navbar-right-biblio > li:first-child a { -webkit-border-bottom-left-radius: 4px; -moz-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;}
.navbar-right-biblio > li:last-child a { -webkit-border-bottom-right-radius: 4px; -moz-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;}
.navbar-right-biblio > li a .fa-lg {font-size: 22px!important; }

/**
 * 3.0 Body
 *
 * -----------------------------------------------------------------------------
 */

/*       Container-principal          */
.principal { margin-top: 45px; margin-bottom: 30px;}

/*        Slide                       */
.carousel { margin-bottom: 30px;}
.carousel-caption { background-color: rgba(255, 255, 255, 0.9); padding: 5px 100px 5px 100px; right: 0%; bottom: 0px; left: 0%; font-size: 1.4em; color: rgba(0,0,0,0.85); text-align: center; text-shadow: none;}
.carousel-control.left, .carousel-control.right { background: none;}
.carousel-indicators { bottom: 5px;}
.carousel-indicators .active { background-color: #811540;}
.carousel-indicators li { background-color: #D46363; border: none;}
.separador-bloques-header { border-top: 2px solid rgba(0,69,62,0.6); padding-bottom:30px;}
.separador-etiqueta { background-color: rgba(0,69,62,0.6); color: #fff; border-bottom-right-radius:4px; border-bottom-left-radius:4px; padding: 0px 15px; height: 40px;}
.separador-vermas { padding-top: 10px;}

/*        Breadcrumb                  */
.breadcrumb { background: none; padding: 8px 15px 8px 0px; font-size: 12px; border-bottom: 0.5px solid #d1d1d1; border-radius: 0px;}
.breadcrumb a { color: #811540; font-size: 12px;}
.breadcrumb a:hover { color: #811540;}
.breadcrumb > .active { color: #777;}
ol.breadcrumb { margin: 0px;}

/*        Panels                      */
.panel { background-color:none; box-shadow:0px; webkit-box-shadow:0px;}
.panel-extra { border:1px solid rgba(66,147,152,0.6); background-color:transparent;}
.panel-extra-heading { background-color: transparent; border-top-left-radius: 4px; border-top-right-radius: 4px; padding: 11px;}
.panel-extra-item { background-color: transparent; border-top: 2px solid rgba(66,147,152,0.6);}
.panel-extra-item2 { background-color: transparent; border-top: 2px solid rgba(66,147,152,0.6); border-bottom: 3px solid rgba(66,147,152,0.6); font-size: 1.2em; padding: 32px 25px 50px 25px;}
.panel-extra-btn { margin-top: 15px; width: 100%;}
.panel-extra-btn2 { margin-top: 15px; width: 100%; font-size: 1.2em;}
.espaciador { margin: 15px 0px; height: 10px; display: block;}

/* Posts  */
.fecha { background-color: rgba(5,5,5,0.2); color:#fff; display: inline-block; padding: 2px 5px; position: absolute; top: 0px; left: 15px; font-size: 11px; z-index: 999;}
.panel-noticias { min-height: 475px; border-bottom: 3px solid #d8d8d8; } 
.panel-recursos { background-color: transparent; border: none; box-shadow: none; webkit-box-shadow: none;}
.panel-noticias > .panel-heading { padding: 0px;}
.copete { padding: 5px 5px 5px 15px; background-color: transparent; color: #3e3f40;}
/*.panel-titulo { font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 1.3em; line-height: 1.42857; color: #811540;}*/
.panel-titulo a { color: #c9302c;}
.post { padding-bottom: 25px;}
.post-redes { position: relative; margin-bottom: 15px;}
.post-redes-header { position: relative; padding: 2px 15px; background-color: rgba(255,255,255,0.9); width: 100%;}
.crop-post { width: 100%; position: relative; display: block; overflow: hidden; background-color: #fff;}
.crop-post img { width: 100%; height: 230px;}
.crop-post-redes { height: 230px;}
/*        youtube listado             */
.youtube-listado { overflow-y: scroll; height: 410px; background-color: #f6f7f9; padding: 8px;}
.youtube-listado-items { border: none; box-shadow: 0 1px 2px rgba(0, 0, 0, .12);}
.youtube-listado-panel { padding: 8px;}
.youtube-thumb { position: relative;}
.youtube-thumb:hover .capa { height: 100%;}
a.youtube-title { font-family: 'Droid Sans', sans-serif; font-weight: 700; padding-top: 2px; padding-bottom: 10px; display: block; color: #333; text-decoration: none;}
a:hover.youtube-title { color: #337ab7;}
.image { display: block; width: 100%; height: auto;}
.capa { position: absolute; bottom: 0; left: 0; right: 0; background-color: rgba(66,147,152,1); overflow: hidden; width: 100%; height: 0; transition: .5s ease;}
.caption { color: white; font-size: 14px; position: absolute; overflow: hidden; top: 50%; left: 10%; transform: translate(-5%, -50%); -ms-transform: translate(-5%, -50%);}
/*        footer                      */
.footer-fixed { position: fixed; left: 0; bottom: 0; width: 100%; background-color: #811540; color: white; text-align: center; padding: 5px 0px 5px 0px; z-index: 9999;}
.footer { }
.footer a { color: #333; text-decoration: none; font-family: 'Roboto', sans-serif;}
.footer a:hover { color: #333; text-decoration: none;}
.footer .space-txt { padding-top: 7px; margin-right: 20px;}
.footer-bg-top { border-top: 2px solid rgba(66,147,152,1);background-color: #fff;}
.footer-bg-middle { border-top:0; background-color: rgba(66,147,152,0.3);}
.footer-bg-middle, .footer-bg-bottom { padding: 26px 0;}
.footer-bg-middle a, .footer-bg-bottom a { font-weight: 700;}
.footer-bg-bottom { background-color: #fff;}
.list-inline-footer { padding: 15px 5px;}
.list-inline-footer a { color: #7e7e7e;}
.list-inline-footer a:hover { color: #811540;}
.list-group { margin-top: 20px; font-weight: normal;}
.list-header-footer { border-bottom: 1px solid rgba(66,147,152,1); color: rgba(66,147,152,1); padding-bottom: 20px; margin-bottom: 15px;}
.list-header-footer-first { padding-bottom: 5px;}
.list-group-item { background: none; border: none; padding: 10px 0px;}
.list-group-item-footer { color: rgba(66,147,152,1);}
.col-center { text-align: center; margin: 0 auto; display: table;}
.footerlogome { padding: 15px 5px; box-shadow: none;}
a.footer-btn-home { display:block; background-image: url("/img/bnm-footer.png"); background-repeat: no-repeat ;width: auto; height: 150px;}
/*a.footer-btn-home:hover { background-image: url("/img/bnm_rojo.svg"); width: auto; height: 110px;}*/
/*        generales                   */
.bajada { font-size: 1.3em; margin-bottom: 30px;}
.extra-padding-bottom li, .extra-padding-bottom { padding-bottom: 20px; border-bottom: none!important;}
.extra-padding-bottom li:last-child, .extra-padding-bottom:last-child { padding-bottom: 0px;}
.link-blanco, .link-blanco:hover { color: #fff;}
.linea-d { font-weight: bold; color:#fff; padding:5px 8px; background-color:#009D59; border-radius:50%;}
.panel-custom { background: transparent;}
.panel-heading-custom { background-color: rgba(66,147,152,0.08); border: none; border-bottom: 2px solid rgba(66,147,152,1); padding: 10px 15px; border-top-left-radius: 4px; border-top-right-radius: 4px;}
/*        Galeria                     */
.galeria { padding:10px 0px;}
.galeria div { padding: 0px 4px 4px 4px;}
.img-thumbnail { background-color: transparent; border: none;  transition: .5s ease; backface-visibility: hidden;}
.img-thumbnail:hover { opacity: 1;}
/*        Sidebar                    
.triangle { width: 0px; height: 0px; position: absolute; border-left: 5px solid rgba(66,147,152,0.6); border-right: 5px solid transparent; border-bottom: 5px solid transparent;}
.panel-sidebar { background-color: none!important; border: none; box-shadow: none; border: 0px;}
.panel-heading-sidebar { border-bottom: 1px solid #811540;}
.ul-sidebar { padding-left: 0px; list-style: none;}
.ul-sidebar li { padding-bottom:10px; width: 100%; display: inline-block;}
.ul-sidebar li:last-child { padding-bottom: 0px;}
.btn-sidebar { background-color: rgba(217,83,79,0.1); border-color: transparent;}
.link-sidebar { color: #811540;}
 */
/*        Servicios                   */
.list-group-item-serv li { padding: 0px; padding-bottom: 15px; margin-bottom: 30px; border-bottom: 1px solid #ddd; background: none; list-style: none;}
.list-group-item-serv li:last-child { border-bottom: none; margin-bottom: 0px; padding-bottom: 0px;}
/*        Imagenes                    */
.img-float-right { float: right; padding-left: 20px;}
.img-float-left { float: left; padding-right: 20px;}
figure { position: relative;}
figcaption { bottom: 0; padding: 5px 10px; margin-left: 15px; margin-bottom: 15px;} 
/*        Ayuda                       */
.bsq-como { color: rgba(66,147,152,1); background-color: #fff; border-color: rgba(66,147,152,1); border-radius: 0px;}
.bsq-como:hover { background-color: rgba(66,147,152,0.8); border-color: rgba(66,147,152,1);}
.bsq-avanzada { color: #811540; background-color: #fff; border-color: #811540; border-radius: 0px;}
.bsq-group { padding-right: 15px;}
.bsq-avanzada-group { background-color: #ddd; padding: 9px; margin: 20px 0px; border: 1px solid #ccc; border-radius: 4px;}
.select-flota-derecha { width: 200px; float: right; margin-top: 15px; margin-left: 5px;}
.sub-nav-pills > li.active > a { color: #fff; background-color: #81A9CC;}
.sub-nav-pills > li > a { border-radius: 4px; margin-left: 30px;}
.mar-help { margin-bottom: 100px;}
.filtros { background-color: #fff; border: 1px solid #ccc; padding: 0px 15px; border-radius: 4px; margin: 0px;}
.btn-close-group { float: right;}
/*        Catalogos                   */
.destacado { overflow: hidden;}
.fullwidth img { width: 100%;}
.fullheight img { height: 100%; max-width: none;}
.panel-heading-img { padding: 0px;}
.panel-heading-img img {width: 100%;}
.crop { width: 100%; overflow: hidden;}
.crop-lg { height: 250px;}
.crop-md { height: 230px;}
.crop-sm { height: 230px;}
.asterisco { color: #811540;}
.circulo { vertical-align: top; font-weight: bold; color: #fff; padding: 3px 8px; border-radius: 50%;}
.circulo-preservacion { background-color: #009D59;}
/* chequear si estas clases las usa alguna pagina*/
	.panel-body-nosidepadding { padding: 15px 0px;}
	.panel-title { font-size: 20px;}
	.redes-iconos-servicios { color: #811540; padding: 0px 5px;}
	.spn { background-color: #000; color: #8E4BB5; padding: 15px; border-radius: 3px; }
	.spn a, .rss a { color: #fff;}
	.spn a:hover { color: #8E4BB5;}
	.btn-spn { background-color: #000;}
	.btn-spn:hover { background-color: #fff;}
	.rss { margin-top: 15px;}
	.btn-ejes { width: 100%; white-space:normal;}
	.col-nopaddingleft { padding-left: 0px;}
.boletin .table { margin-bottom: 0px;}
.boletin .table > tbody > tr > td { border-top: 0px; padding-bottom: 20px;}
.boletin .table > tbody > tr { border-bottom: 1px solid #ddd; border-right: 0px; padding-bottom: 20px; border-top: 0px;}
.boletin .table > tbody > tr:last-child {border-bottom: 0px; padding-bottom: 0px;}
.boletin .boletin-fecha { background-color: #efefef; height: auto;}
.boletin .blockquote-reverse { border-right: 5px solid rgba(66,147,152,0.6);}
/**
 * 4.0 Exposiciones
 *
 * -----------------------------------------------------------------------------
 */
/* Los paneles */
.panel-expo {background-repeat: no-repeat; background-position: center top; background-size: auto; position: relative; margin-bottom: 5px;}
.panel-expo .panel { background-color: transparent;}
.panel-expo .panel-default { border: none;}
.panel-expo .panel-heading-eje { background-color: rgba(255,255,255, 0.1);}
.panel-expo .panel-body-eje { background-color: rgba(255,255,255, 0.9);}
.panel-expo .panel-body-eje .panel { margin-bottom: 30px;}
.panel-expo .panel-body-eje .panel:last-child { margin-bottom: 0px;}
.panel-expo .panel-eje { background-color: transparent; width:60%; padding-top:55px; margin:auto; position:relative;}
.panel-expo .panel-body-eje .btn-group {}
/* El cabezal de cada eje lleva una clase nueva donde se carga la imagen de fondo. El nombre de la clase esta compuesto por el titulo de la expo y el numero de eje */
.expo-header { margin-bottom: 5px;}
.cabezal-lugo { background-size: auto; background-color: #811540; color: #fff; }
.navega-ejes .btn-default { background-color: transparent; border-color: transparent; text-align: left; }
.navega-ejes .nav-tabs {border-bottom: 0px;}
.navega-ejes .nav-tabs > li, .navega-ejes .nav-tabs > li > a { border-radius: 0px; border: 0px; width: 100%; margin-bottom: 2px;}
.navega-ejes .nav-tabs > li.active > a { border: none; color: #fff!important;}
.btn-expo-group-color { font-size:small;}
.thumbnail2 i {
    top: 50%;
    left: 50%;
    position: absolute;
	margin-left: 235px;
    margin-top: -560px;
}
/* Define las imagenes para cada uno de los headers correspondientes a los ejes*/
/* Aplica el color */
#familia .eje-uno { background-image: url("http://www.bnm.me.gov.ar/colecciones/lugones/exposicion/img/lugones1.jpg");}
#familia .eje-dos { background-image: url("http://www.bnm.me.gov.ar/colecciones/lugones/exposicion/img/lugones2.jpg");}
#familia .eje-tres { background-image: url("http://www.bnm.me.gov.ar/colecciones/lugones/exposicion/img/lugones3.jpg");}
#familia .eje-cuatro { background-image: url("http://www.bnm.me.gov.ar/colecciones/lugones/exposicion/img/lugones4.jpg");}
#familia .eje-cinco { background-image: url("http://www.bnm.me.gov.ar/colecciones/lugones/exposicion/img/lugones5.jpg");}
#familia .eje-seis { background-image: url("http://www.bnm.me.gov.ar/colecciones/lugones/exposicion/img/lugones6.jpg");}
#familia .color { color: #811540;}
#familia .background-color, #familia .btn-expo-group-color { background-color: #811540; color: #fff; }
#familia .btn-expo-group-color:hover { background-color: #8e1818; border-color: #8e1818; color: #fff;}
#familia .panel-expo-border-color { border-color: #811540;}
#familia .navega-ejes .btn-default:hover { background-color: #811540; color: #fff;}
#familia .navega-ejes .nav-tabs > li.active > a { background-color: #811540;}
#matematicas .eje-uno { background-image: url("http://www.bnm.me.gov.ar/proyectos/medar/exposiciones/familia/imagenes/cactus2.png");}
#matematicas .eje-dos { background-image: url("http://www.bnm.me.gov.ar/proyectos/medar/exposiciones/familia/imagenes/cactus2.png");}
#matematicas .eje-tres { background-image: url("http://www.bnm.me.gov.ar/proyectos/medar/exposiciones/familia/imagenes/cactus2.png");}
#matematicas .color { color: rgba(204, 255, 153);}
#matematicas .background-color, #matematicas .btn-expo-group-color { background-color: rgba(204, 255, 153); color: #fff;} 
#matematicas .btn-expo-group-color:hover { background-color: #8e1818; border-color: #8e1818; color: #fff;}
#matematicas .panel-expo-border-color { border-color: rgba(204, 255, 153);}
#matematicas .navega-ejes .btn-default:hover { background-color: rgba(204, 255, 153); color: #fff;}
body, html {
    height: 100%;
    margin: 0;
}
/*     video-responsive     */
/* Modifier class for 1:1 aspect ratio */
.embed-responsive-1by1 {
  padding-bottom: percentage((1 / 1)); // 100%;
}
/*  Modifier class for 4:3 aspect ratio */
.embed-responsive-4by3 {
  padding-bottom: percentage((3 / 4)); // 75%;
}

/*  Modifier class for 16:9 aspect ratio */
.embed-responsive-16by9 {
  padding-bottom: percentage((9 / 16)); // 56.25%;
}

/*  Modifier class for 21:9 aspect ratio */
.embed-responsive-21by9 {
  padding-bottom: percentage((9 / 21)); // 42.85%;
}
/*     fin     */

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
@media (max-width: 768px) {
	.affix { position: static;}
	.navbar-toggle { background-color: #811540; margin-right: 0;}
	.navbar-toggle > .icon-bar { background-color: #fff;}
	/*.logos-oficiales { display: none;}*/
	.navbar-brand { padding: 5px 0px;}
	.navbar-brand img { width: 90px;}
	.navbar-nav { margin: 7.5px 0px;}
	.dropdown-menu.multi-column { min-width: 240px !important; overflow-x: hidden;}
	.redes-sociales-menu { visibility: visible; display: block;}
	a.redes-sociales-menu-link { color: #811540;}
	.navbar-form { padding: 10px 0px;}
	.navbar-nav .open .dropdown-menu { border: 1px solid #811540; border-top: 3px solid #811540;}
	.subtitulo, li .subtitulo a { padding-top: 30px;}
    .navbar-right-biblio { display: none;}
	.navbar-right-biblio li { float: right;}
	.carousel-caption { position: relative; right: 0%; left: 0%; font-size: 1.10em; padding: 15px 20px 40px 20px;}
	.bajada { font-size: 1.2em;}
	.scrollspy { display: none;}
	.fullheight img { max-width: 100%; height: auto; background-color: #811540;}
	.btn { white-space: normal !important; word-wrap: break-word;}
    .crop-sm, .crop-md, .crop-lg { height: 150px;}
    .boletin .table > tbody > tr > td {display: inline-block;}
    .boletin .table > tbody > tr { border-bottom: 0px;}
    .panel-expo { background-size: inherit;}
    .panel-expo .panel-eje { width: 95%; padding-top: 91px;}
}

@media (min-width: 768px) and (max-width: 991px) {
	.redes-sociales-menu { background-color: #000; visibility:hidden; display: none;}
	.carousel-caption { right: 0%; left: 0%;}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) {
	.redes-sociales-menu { background-color: #000; visibility:hidden; display: none;}
	}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.nav > li.redes-sociales-menu { display: none;}
}