/*Global*/
 :root {
   /* Colors. */
 --base-color:#FFFFFF;
 --base2-color:#E6E6E6;
 --primary-color: #253f4e;
 --primary2-color: #18232D;
 --primary-color-text: #333333;
 --secondary-color-text: #888989;
 --tird-color-text: #B3B3B3;
 --secondary-color: #38245f;
 --complement-color:#5D4294;
 --third-color:#e7493d;
}

* {
    outline: 0 !important;
}
html {
  font-size:62.5%;

}

body {
  margin:0;
  min-height: 100%;
  word-wrap: break-word;
  font-family: 'roboto', sans-serif;
  font-weight: 400;
  font-size: 1.6rem;
  color: #333333;
  box-sizing: border-box;
}
a,
a.link,
.region.content .body a:hover,
.links.inline  a:hover {
  text-decoration: none;
  color: #253f4e;
  transition: all 0.5s ease;
  outline : none;
  outline : 0;
}
a:hover,
a.link:hover,
.region.content .body a,
.links.inline  a,
button:hover,
.pager a,
.content aside .views-element-container > div > div .views-field-field-titulo-corto a:hover{
  transition: all 0.5s ease;
  text-decoration: none;
 color: #43A2D2;
  outline : none;
  outline : 0;
}
.region.content .body a.boton{
  color: var(--primary-color);
}
.print {
  display: none;
}
.info h3 {
  font-weight: 600;
  font-size: 2rem;
  line-height: inherit;
  margin: 1rem 0;
}
.lista .views-row .info h3 {
   margin: 0;
 }
h1, h2, h3, h4,
nav ul li a,
.content article .field_prfec,
#block-librarian-branding a,
input[type="submit"],
.slick-slide,
ul.quicktabs-tabs li a,
#block-librarian-branding a,
a.button,
.full-date,
.info .biblioteca,
.info .tipo,
#mobile-bar,
aside .field_direccion,
.region.content .field_descripcion_corta,
#block-views-block-nuestros-recomendados-block-1 header,
.localidad,
.info .type,
.views-field-field-tipo-evento,
.boton,
#full-text,
#inscripcion,
.pager,
.views-field-field-titulo-corto,
.views-element-container h2,
.preguntas-frecuentes #block-librarian-content form label,
#inscripcion,
.addtoany_list,
.content aside #block-menusecundario-2 a  {
  font-family: 'roboto', sans-serif;
  letter-spacing: -0.05rem;
}
.enlace.link {
  position: absolute;
  width: 100%;
  height: 100%;
}
.enlace.link a  {
  text-indent: -9999px;
      display: block;
      width: 100%;
      height: 100%;
      left: 0;
}
h1 {
  color: #253f4e;
  font-weight: 600;
  font-size: 3.6rem;
  line-height: 4rem;
  margin-bottom: 4rem;
}
img {
  max-width: 100%;
  height: auto;
}

.region.footer img {
  max-width: none;
  height:60px;
}
p {
  margin: 0 0 1.9rem;
  line-height: 140%;
}
.region.content .body p {
  line-height:initial;
}
article .content p {
  font-size: 2rem
}
.show {
  display: block !important;
}
#full-text {
  cursor: pointer;
  font-size: 1.8rem;
  text-align: right;
  width: 100%;
  margin: 2rem 0;
}
.content .body p,
.content .body ol,
.content .body ul,
.content .body table {
  font-size: 2rem;
}
table {
  width: 100%;
  max-width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
}
.body table {
   margin-bottom: 3rem;
}
.body table.table-bordered {
    border: 1px solid #eceeef;
}
.body table thead,
.body table.table-bordered thead{
    background-color: rgba(0,0,0,.05);
}
th {
    text-align: left;
}
thead {
    display: table-header-group;
    vertical-align: middle;
    border-color: inherit;
}
tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}
.body table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}
.body table>caption+thead>tr:first-child>td,
.body table>caption+thead>tr:first-child>th,
.body table>colgroup+thead>tr:first-child>td,
.body table>colgroup+thead>tr:first-child>th,
.body table>thead:first-child>tr:first-child>td,
.body table>thead:first-child>tr:first-child>th {
    border-top: 0;
}
.body table>tbody>tr>td,
.body table>tbody>tr>th,
.body table>tfoot>tr>td,
.body table>tfoot>tr>th,
.body table>thead>tr>td,
.body table>thead>tr>th {
    padding: 2rem;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}
.body table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
}
*, *:before, *:after {
    box-sizing: inherit;
}
.center {
  text-align: center;
}
.right {
  text-align: right;
}
#block-views-block-programate-home-block-3 > h2,
.programate .region.content header h2 {
  text-transform: uppercase;
  padding-top:1rem;
  color: #808080;
  width: 100%;
  font-size: 3rem;
  font-weight: 400;
  MARGIN: 4rem auto;
  DISPLAY: BLOCK;
  line-height: 4rem;
}
#block-views-block-programate-home-block-3 > h2 {
  color: #fff;
  margin: 0 auto 4rem;
  border:none;
}
.views-element-container .views-row img {
  width: 100%;
  height: auto;
}
.region.content_home .container h2 {
  text-align: center;
  text-transform: uppercase;
  padding: 1rem 0 3rem;
  border-top: 1px solid #fff;
  display: inline-block;
  font-size: 3.4rem;
  line-height: 4rem;
  font-weight: 600;
  margin-bottom: 0;
  color:#fff;
}
body > header{
  box-shadow: 0 0 0.1rem 0.1rem rgba(20,23,28,.1),0 0.3rem 0.1rem 0 rgba(20,23,28,.1);
}
.views-row .info {
    color: #333333;
        margin: 5%;
}
/*preHeader*/
.pre_header .container{
  justify-content: space-between;
}
.pre_header,
.region.header {
  margin: 0.5rem 0 1rem;
}
 /*header*/
 header {
   z-index: 10;
   position:relative;
 }
.region.header .container{
  align-items: center;
  margin:  0.5em auto 1em ;
}
.layout-container.front header {
  box-shadow:none;
/*  z-index: 9999999999;*/
  background-color: #FFF;
}
.views-element-container header {
  background: transparent !important;
}
.views-element-container .layout-container.front header { background: transparent; }
#block-librarian-branding {
  justify-content: baseline;
}
#block-librarian-branding a:nth-child(1) {
  flex: 0 1 35%;
  margin-right: 5%;
}
#block-librarian-branding a {
  font-weight: 300;
  flex: 0 1 50%;
}
#block-librarian-branding a:hover,
span.tipo{
  color: #253f4e;
}
#block-logoalcaldia {
  height: 8.8rem;
 /* background: url("../../images/logo-bogota.svg") no-repeat center right; */
 background: url("../../images/Logos alcaldía_Alcaldía solo color.png") no-repeat center right;
  background-size: contain;
  text-indent: -9999px;
}
/*buscador*/
#block-metabuscadordecatalogo .body > span{
  padding: 0.5rem;
}
#block-metabuscadordecatalogo span{
  margin-right: 0.8rem;
}
/** Navigation Components **/
nav ul {
  padding:0;
  margin: 0;
}
nav ul li {
  display: inline-block;
}
nav ul li a {
  display: block;
  height: 100%;
}
nav#block-librarian-main-menu.fixed {
  position: fixed;
  top: 0;
}
nav#block-librarian-main-menu {
 width: 100%;
}

nav#block-librarian-main-menu ul {
  display: flex;
 justify-content: inherit;
}
.region.nav ul li {
  text-align: center;
}
.region.nav ul li:first-child{
    max-width: 70px;
    max-height: 62px;
}
.region.nav ul li:first-child a{
  visibility: hidden;
  font-size: 3rem;
  line-height: 8rem;
  padding:0
}
.region.nav ul li:first-child a:before{
  visibility: visible;
  font-family: 'FontAwesome';
  content: "\f015";
  display: block;
}
.region.nav ul li:first-child:hover a:before{
  color: #38245f;
}
.region.nav ul li:hover a,
.region.nav ul li.menu-active a{
  color: #FFFFFF;
  background: #38245f;
}
.front .region.nav ul li:last-child a:hover {
  /*background: #253f4e;*/
  background: #38245f;
}
.region.nav ul li a {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 2rem;
  box-sizing: border-box;
  padding: 2rem 2rem 0;
  line-height: 2rem;
}
.region.nav ul li a:after{
  content: '';
  clear: both;
  width: 0;
  height: 0;
  position: relative;
  border-left: 1.5rem solid transparent;
  border-right: 1.5rem solid transparent;
  border-bottom: 1rem solid transparent;
  bottom: 0.8rem;
}
.region.nav ul li a:hover:after,
.region.nav ul li.menu-active a:after  {
  border-bottom: 1rem solid #ffffff;
}
 .region.nav.fixed ul li a:hover:after,
 .region.nav.fixed ul li.menu-active a:after {
  border: none;
}
.region.nav.fixed ul li.menu-active a:after  {
  border-bottom: none;
}
.front .region.nav ul li a:hover:after  {
  border-color: transparent;
}
.region.nav ul li:last-child a:after {
  border:none;
}
.region.nav ul li a span{
  font-weight: 400;
  text-transform: none;
  display: block;
  font-size: 1.6rem;
  line-height: 1.6em;
}
nav#block-librarian-account-menu li a:before,
.region.content article aside .field_hora_ini:before,
.como-llegar a:before,
.field_direccion:before,
.field_horario:before,
.field_servicios div:before,
.social a:before,
.slick-arrow:before,
span.biblioteca:before,
.views-exposed-form .form-item:after,
.siguenos a:before,
.servicios li:before,
.imagefield_slideshow-next:before,
.imagefield_slideshow-prev:before {
  font-family: 'FontAwesome';
  margin-right: 0.4rem;
  float: left;
}
nav#block-librarian-account-menu li:last-child a:before {
  content: "\f007";
}
nav#block-librarian-account-menu li:last-child a {
  color: #253f4e;
}
.region.pre_header ul {
  display: flex;
}
.region.pre_header ul li a {
  padding: 1rem 0.8rem;
  color: #908e98;
  font-size: 1.4rem;
}
/*footer*/
.region.footer_menu {
    background: #E6E6E6;
    padding: 4rem 0 2rem;
    font-size: 1.3rem;
    line-height: 2rem;
    display: -ms-none;
}
.region.footer {
  background: #253f4e;
  padding: 1rem 0;
  color: #FFF;
  border-top:0.5rem solid #5D4294;
  font-size: 1.3rem;
  line-height: 2rem;
}
.footer .body > * {
  align-self: center;
  margin: 1.6rem 0;
}
.region.footer,
.region.footer h4 {
  margin-top: 0;
}
.region.footer h4 {
  margin-bottom: 3rem;
}
.region.footer p {
  margin-bottom: 0;
}
.region.footer p a {
  color:#43A2D2;
}
.region.footer_menu ul {
  padding: 0 1em;
}
.siguenos h2 {
  margin-bottom: 0.5rem;
}
.siguenos a,
.social a {
  background: #FFF;
  border-radius: 100%;
  display: inline-block;
  margin: 1rem 0.3rem;
  text-align: center;
  width: 4rem;
  height: 4rem;
  vertical-align: middle;
  overflow: hidden;
}
.siguenos a {
  background: #253f4e;
  color: #fff;
  width: 4rem;
  height: 4rem;
}
.siguenos a:hover,
.social a:hover {
  background: #5D4294;
}
.social a:hover {
  color: #253f4e;
}
.siguenos a:before,
.social a:before {
  font-size: 2rem;
  padding: 1rem;
  line-height: 2rem;
  float: none;
  margin: auto;
  display: block;
}
.siguenos a:before{
  font-size: 2rem;
  padding: 1rem;
}
a.facebook:before,
.b_facebook:before{
  content: "\f09a";
}
a.instagram:before,
.b_instagram:before{
  content: "\f16d";
}
a.youtube:before,
.b_youtube:before{
  content: "\f167";
}
a.twitter:before,
.b_twitter:before{
  content: "\f099";
}
.region.footer .boton {
  border-color: #FFF;
  color:#FFF;
  display: inline-block;
  font-size: 2rem;
  padding: 2rem 5rem;
}
.region.footer .boton:hover {
  border-color: #5D4294;
  color:#5D4294;
}
.region.footer .logos {
  flex: 0 1 20%;
}
.region.footer .logos,
.region.footer .logos a {
  color: #FFF;
}
.region.footer .logos a {
  align-self: flex-start;
  margin: 3%;
}
/*Home*/
#block-views-block-destacados-pagina-de-inicio-block-1 a.item {
  position: relative;
  display: block;
}
#block-views-block-destacados-pagina-de-inicio-block-1 a.item.item-1 {
  line-height: 0;
}
#block-views-block-destacados-pagina-de-inicio-block-1 a.item:hover img,
.views-element-container .views-row:hover img{
  -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
  filter: grayscale(0%);
  filter: saturate(110%);
}
#block-views-block-destacados-pagina-de-inicio-block-1 a.item:hover img,
.views-element-container .views-row:hover img {
  -webkit-filter: grayscale(75%); /* Safari 6.0 - 9.0 */
  filter: grayscale(75%);
}
#block-views-block-destacados-pagina-de-inicio-block-1 a.item.item-2,
#block-views-block-destacados-pagina-de-inicio-block-1 a.item.item-3 {
  position: relative;
  flex: 0 40%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
#block-views-block-destacados-pagina-de-inicio-block-1 a.item.item-2 img,
#block-views-block-destacados-pagina-de-inicio-block-1 a.item.item-3 img{
  align-self: flex-start;
}
#block-views-block-destacados-pagina-de-inicio-block-1 .lead {
  text-align: left;
}
#block-views-block-destacados-pagina-de-inicio-block-1 a.item-2 img,
#block-views-block-destacados-pagina-de-inicio-block-1 a.item.item-2 .lead,
#block-views-block-destacados-pagina-de-inicio-block-1 a.item.item-3 img,
#block-views-block-destacados-pagina-de-inicio-block-1 a.item.item-3 .lead {
  width: 50%;
}
#block-views-block-destacados-pagina-de-inicio-block-1 {
  text-align: center;
  display: block;
  position: relative;
}
#block-views-block-destacados-pagina-de-inicio-block-1 .item .lead h3 {
  margin-top: 0;
  font-size: 2rem;
  line-height: 2.2rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}
#block-views-block-destacados-pagina-de-inicio-block-1 .item-1 .lead h3 {
  font-weight: 700;
}
#block-views-block-destacados-pagina-de-inicio-block-1 .item .lead p.resumen {
    margin-bottom: 0;
    line-height: 115%;
    font-size: 1.6rem;
}
#block-views-block-destacados-pagina-de-inicio-block-1 .item-1 .lead p.resumen {
    font-size: 2rem;
}
.region.content_home .views-element-container {
  padding: 3rem 0 6rem;
  text-align: center;
}
#block-views-block-destacados-pagina-de-inicio-block-1 {
  padding: 0;
}
#block-quicktabseventoshome-2 div,
#block-views-block-carousel-bibliotecas-block-1 .library-list {
  text-align:left;
}
#block-views-block-carousel-bibliotecas-block-1 .library-list {
  margin-bottom: 0;
}
#block-views-block-carousel-bibliotecas-block-1 {
  background: #fff;
  padding: 3rem 0 3rem;
  clear: both;
}
#block-views-block-aprende-algo-nuevo-block-1 h2,
#block-views-block-carousel-bibliotecas-block-1 h2{
  color: #18232D;
  border-color:#18232D;
  margin-bottom: 2rem;
}
#block-views-block-destacados-pagina-de-inicio-block-1 a.item .lead,
.region.content article.aprende-algo-nuevo .content .hero .field_descripcion_corta{
 padding: 2.6rem;
 box-sizing: border-box;
 }
#block-quicktabseventoshome-2,
#block-quicktabseventoshome-2 a,
#block-views-block-destacados-pagina-de-inicio-block-1 a.item .lead a,
#block-views-block-destacados-pagina-de-inicio-block-1 a.item .lead {
  transition: all 0.5s ease;
}
#block-views-block-destacados-pagina-de-inicio-block-1 a.item.item-2 >,
#block-views-block-destacados-pagina-de-inicio-block-1 a.item.item-3 > {
 display: flex;
}
#block-views-block-destacados-pagina-de-inicio-block-1 a.item-1 .lead,
.region.content article.aprende-algo-nuevo .content .hero .field_descripcion_corta {
 /*background: #FFFFFF;
 color: #253f4e;*/

 background: #1515155c;
 color: #ffffff;
}


.region.content article.aprende-algo-nuevo .content .main .views-element-container{
  margin-top:2rem;
  padding-top: 2rem;
  border-top:1px solid #808080;
}
#block-views-block-programate-home-block-1,
#block-views-block-destacados-pagina-de-inicio-block-1 a.item.item-2,
#block-views-block-destacados-pagina-de-inicio-block-1 a.item.item-3,
#block-views-block-destacados-pagina-de-inicio-block-1 a.item-1 .lead:hover{
  background:#253f4e;
}
#block-views-block-destacados-pagina-de-inicio-block-1 a.item.item-2:hover,
#block-views-block-destacados-pagina-de-inicio-block-1 a.item.item-3:hover {
  background: #38245f;
}
#block-views-block-programate-home-block-1,
#block-views-block-destacados-pagina-de-inicio-block-1 a.item.item-2,
#block-views-block-destacados-pagina-de-inicio-block-1 a.item.item-3,
#block-views-block-destacados-pagina-de-inicio-block-1 a.item-1 .lead:hover{
  color:#fff;
}
/* Home eventos & Recomendados*/
#block-views-block-programate-home-block-1 .views-element-container form label {
  text-transform: uppercase;
  font-weight: 400;
}
#block-views-block-programate-home-block-1,
#block-views-block-programate-home-block-3 {
    clear: both;
    position: relative;
    z-index: 0;
}
#block-views-block-programate-home-block-1 h2 {
    padding-bottom: 3rem;
}
#block-views-block-aprende-algo-nuevo-block-1 > div > div,
#block-views-block-nuestros-recomendados-block-1 > div > div,
#block-views-block-programate-home-block-1 > div > div,
#block-views-block-programate-home-block-3 > div > div,
/*.content .views-element-container > div,*/
.biblioteca.full  .content .views-element-container > div,
.noticias-bloque .enterate,
.eventos-bloque .programate,
.content .views-element-container > .formacion,
.views-element-container .programate2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}
.views-element-container .programate2{
  justify-content:flex-start;
}
.noticias-bloque .enterate,
.eventos-bloque .programate,
.biblioteca.full  .content .views-element-container > div {
  justify-content: flex-start;
}
#block-views-block-nuestros-recomendados-block-1 header,
#block-views-block-programate-home-block-1 form,
.content .views-element-container > div header,
.noticias-bloque header,
.eventos-bloque header,
.enterate header,
.programate header{
  flex: 1 0 100%;
}
#block-views-block-programate-home-block-1 form {
  text-align: center;
  font-size: 2rem;
}
#block-views-block-nuestros-recomendados-block-1 header {
  font-size: 2.3rem;
  font-style: italic;
  display: block;
  margin: 2rem 0 4rem;
  font-weight: 100;
}
#block-views-block-programate-home-block-1 .views-row,
#block-views-block-programate-home-block-3 .views-row{
  flex: 1;
  background: #FFFFFF;
  text-align: left;
    width:23%;
  float:left;
}
.escuela .content .views-element-container .views-row {
  flex: 0 1 30%;
  margin-left: 0;
}
.biblioteca.full  .content .views-element-container .views-row,
.noticias-bloque .views-row,
.eventos-bloque .views-row,
.lista .views-row {
  flex: 0 1 31%;
  margin: 0 2% 2% 0;
}
.noticias .views-element-container div .views-row,
.biblioteca.full  .content .views-element-container .views-row,
.noticias-bloque .views-row,
.eventos-bloque .views-row,
.programate .views-row,
.content .views-element-container .multimedia .views-row,
.lista .views-row {
  position: relative;
  margin: 1.6rem 1.6rem 1.6rem 0;
  box-sizing: border-box;
  border: 1px solid #E6E6E6;
  transition: all 0.6s ease;
}
.content aside .views-element-container .views-row {
  flex: 0 1 100%;
  margin: 0 0 2rem 0;
}
.preguntas-frecuentes .content .views-element-container .views-row {
    border: none;
}
#block-views-block-nuestros-recomendados-block-1  .views-row{
  flex: 0 1 46%;
      text-align: left;
      align-self: flex-start;
      box-sizing: border-box;
}
#block-views-block-nuestros-recomendados-block-1  .views-row a {
  display: flex;
  position: relative;
}
#block-views-block-nuestros-recomendados-block-1  .views-row a,
#block-views-block-nuestros-recomendados-block-1  .views-row .info {
  background: #fff;
  color: #253f4e;
}
#block-views-block-nuestros-recomendados-block-1  .views-row:hover a,
#block-views-block-nuestros-recomendados-block-1  .views-row:hover .info {
  background: #E6E6E6;
}
.views-row .recomendado img{
align-items: flex-start;
}
.views-row:hover .recomendado  .type {
  background: #5D4294;
  color:#fff;
}
.views-row .fecha {
  font-style: italic;
  font-weight: 700;
  color: #676767;
  margin-top: 0.5rem;
  text-transform: lowercase;
}
.views-row:hover .full-date {
  background:#e7493d;
}
.full-date time {
  display:block;
  font-size: 3rem;
  font-weight: 600;
}
.full-date span.hora {
  font-weight: 200;
}
.programate .container .views-row .info,
#block-views-block-programate-home-block-1 .views-row .info,
#block-views-block-programate-home-block-3 .views-row .info,
.biblioteca .content .views-element-container:nth-child(2n) .views-row .info,
#views-exposed-form-programate-home-block-7 .views-row .info {
  position: relative;
  top: -8rem;
  padding: 2rem;
}
#block-views-block-programate-home-block-3 .views-row .info,
.biblioteca .content .views-element-container:nth-child(2n) .views-row .info  {
  padding: 5rem 2rem 2rem;
}
#block-views-block-programate-home-block-1 .views-row .info, {
    padding: 0rem 2rem 0;
    top: -3rem;
}
.full-date {
  background:#5D4294;
  color: #fff;
  transition: all 0.5s ease;
  font-size: 2rem;
  text-align: center;
  padding: 0.5rem;
  display: flex;
  flex-direction: column;
  margin: auto;
  width: fit-content;
  line-height: 1;
}
#block-views-block-directorio-block-1 .views-element-container > div,
.programate #block-librarian-content .views-element-container > div{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.programate .region.content .views-element-container > div header,
.programate .region.content .views-element-container > div form,
.views-element-container > div form{
flex:0 1 100%;
}
/*Home recomendados*/
.biblioteca .views-element-container .views-row,
.noticias .views-element-container > div,
.content .views-element-container .multimedia {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.content .views-element-container .multimedia .views-row,
.noticias .views-element-container > div .views-row{
  flex-direction: column;
  flex: 0 1 23%;
}
 .biblioteca .views-element-container .views-row{
   flex-direction: column;
   flex: 0 1 33%;
 }
 .views-element-container .views-row .info .detalles,
.noticias .views-element-container > div .views-row .info,
 .lista .views-row .info{
  padding: 0.5rem 2rem;
}

.recomendado a{
  line-height: 0;
}
.recomendado div.info{
 /* padding: 5rem 3rem 2rem;*/
  box-sizing: border-box;
}
#block-views-block-programate-home-block-3,
#block-views-block-nuestros-recomendados-block-1 {
  background:#e7493d;
  color: #fff;
}
#block-views-block-programate-home-block-3 {
  padding: 4rem 0;
}
.info .biblioteca {
  font-size: 1.4rem;
  margin: 1rem 0 0;
  display: block;
}
.views-field-field-tipo-evento,
.info .biblioteca,
.info .tipo {
  color: #808080;
}
.info .tipo {
  display: block;
  margin-top: 1rem;
  font-weight: 100;
}
.recomendado h3{
  font-size: 2.6rem;
  line-height: 3rem;
  margin-top: 0;
}
/*breadcrumb*/
#block-librarian-breadcrumbs{
  margin: 1.6rem auto;
}
#block-librarian-breadcrumbs ol{
  padding: 0;
}
#block-librarian-breadcrumbs ol li {
  display: inline-block;
}
#block-librarian-breadcrumbs ol li:before {
content: " > ";
margin: 0 0.3rem;
}
#block-librarian-breadcrumbs ol li:first-child:before {
  content: " ";
}
#block-librarian-breadcrumbs h2,
#block-librarian-breadcrumbs ol {
font-size: 1.4rem;
display: inline-block;
color:#B3B3B3;
margin: 0;
}
/*content*/
main {
	padding: 1rem 0 3rem;
  z-index: 0;
  position: relative;
}
.layout-container.front main {
	padding: 0;
}
.content aside {
  position: relative;
  box-sizing: border-box;
}
.content aside a {
    text-decoration: none;
    color: #5D4294;
}
.content aside .siguenos a{
  color: #fff;
}
.content aside h4 {
    margin-bottom: 0;
    font-size: 1.6rem;
}
.content aside h4 {
  margin-bottom: 3rem;
}
.content aside header {
  text-align: center;
}
.content aside header h2{
  border-bottom: 1px solid #808080;
  border-top: 1px solid #808080;
  padding: 2rem 0;
}
.content aside .views-element-container > div > div {
  display: flex;
  margin-bottom: 2rem;
}
.content aside .views-element-container > div > div .views-field-field-miniatura {
  order:1;
  flex: 0 1 30%;
}
.content aside .views-element-container > div > div .views-field-field-titulo-corto {
    order: 2;
    flex: 0 1 70%;
    padding: 2rem;
    box-sizing: border-box;
    font-size: 2rem;
    font-weight: 600;
}
.content aside .views-element-container > div > div .views-field-field-titulo-corto a {
    color: #253f4e;
}
.content aside #block-menusecundario-2{
  border-bottom: 0.5rem solid #ddd;
  border-top: 0.5rem solid #ddd;
  font-size: 2rem;
}
.content aside #block-menusecundario-2 li a{
  padding: 2rem 1rem;
  border-top: 1px solid #ddd;
  color: #253f4e;
  font-weight: bold;
  display: block;
}
.content aside #block-menusecundario-2 li a:hover,
.content aside #block-menusecundario-2 li a.is-active{
  color:#5D4294;
}
.content .conten{
    flex: 1;
}
.content .content img {
  width: 100%;
}
.region.content .field_descripcion_corta {
  font-style: italic;
      font-weight: 700;
      margin: 2rem auto;
      width: 95%;
      border-left: 0.2rem solid #afafaf;
      padding: 0 2rem;
      font-size: 2.2rem;
      line-height: 2.6rem;
      color: #949494;
}
.region.content article.aprende-algo-nuevo .content .hero .field_descripcion_corta {
  border: none;
  font-style: inherit;
  line-height: 130%;
  font-weight: normal;
}
.region.content article.biblioteca aside,
.region.content article.evento aside,
.region.content article.bibloestacion aside,
.region.content article.ppp aside{
    padding: 4.8rem 0 4.8rem 4rem;
}
.region.content article.biblioteca aside:before,
.region.content article.evento aside:before,
.region.content article.bibloestacion aside:before,
.region.content article.ppp aside:before {
    content: '';
    clear: both;
    width: 0;
    height: 0;
    position: absolute;
    border-top: 9rem solid transparent;
    border-bottom: 9rem solid transparent;
    left: -9%;
    top: 1%;
    border-right: 3.5em solid #FFF;
    z-index: 9;
}
/*event*/
.content article .field_prfec {
  font-weight: 700;
  font-size: 1.6em;
  margin-bottom: 0.5em;
  text-transform: lowercase;
}
.addtoany_list {
  margin: 2rem 0 3rem;
  display: block;
}
.content .a2a_kit a {
    cursor: pointer;
    width: 180px;
    background-color: rgb(59, 89, 152);
    margin-right: 2em;
    margin-right: 1em;
    padding: 1rem;
}
.content .a2a_kit a.a2a_button_twitter{
      padding: 1rem;
      background-color: rgb(85, 172, 238)
}
.a2a_kit .a2a_svg {
  width: 3rem !important;
  line-height: 3rem !important;
  height: 3rem !important;
  background-size: 3rem !important;
}
.content .a2a_label {
    position: static !important;
    width: auto;
    height: auto;
    color: #fff;
    clip: unset;
    text-align: center;
    width: 75%;
    text-transform: uppercase;
    clip-path: unset;
}
.field_hora_ini {
  font-weight: 700;
  padding-bottom: 0.8rem;
  margin-bottom: 0.8em;
  border-bottom: 0.1rem solid #B3B3B3;
}
.field_hora_ini:before {
  content: "\f017";
}
.como-llegar a:before,
span.biblioteca:before {
  content: "\f041";
}
.como-llegar p {
  margin-bottom: 0;
}
#inscripcion {
  align-items:center;
  color: #FFF;
  text-align: center;
  font-weight: 700;
  align-items: stretch;
  font-size: 1.4rem;
  position: relative;
  margin: 3.2rem 0 0;
  transition: all 0.5s ease;
}
#inscripcion .call:before {
  content: '';
  clear: both;
  width: 0;
  height: 0;
  border-right: 1.4rem solid #253f4e;
  border-top: 2.4rem solid transparent;
  border-bottom: 2.4rem solid transparent;
  left: -1rem;
  top: 24%;
  position: absolute
}
.cupos {
  background: #e7493d;
  display: flex;
  flex-direction: column;
  padding: 0.8rem 2.4em;
  line-height: 2.5rem;
}
.cupos span,
.call span {
  font-size: 2.5rem;
  display: block;
  font-weight: 400;
}
.call {
  background: #253f4e;
  padding: 2rem 2rem;
  position: relative;
  cursor: pointer;
  line-height: 3rem;
}
#inscripcion:hover .call {
  background: #18232D;
}
#inscripcion:hover .call:before {
    border-right: 1.4rem solid #18232D;
}
/*biblioteca*/
.field_servicios div,
.field_direccion div,
.field_localidad div,
.field_horario div {
  padding-left: 1.6rem;
}
aside div h2,
aside div h3 {
  font-weight: 600;
  font-size: 2rem;
}
aside div.field_tipo_de_acceso h3,
aside div.field_publico h3{
  margin-bottom: 0.5rem;
}
.field_direccion {
  font-weight: 700;
}
aside .field_direccion {
  font-size: 2.6rem;
  line-height: 115%;
}
.field_direccion:before{
  content: "\f041";
}
.field_localidad {
  text-transform: uppercase;
  font-size: 1.4rem;
  margin: 1rem;
}
.field_horario:before {
  content: "\f017";
}
.servicios ul,
ul.servicios {
  padding: 0;
  margin: 0;
}
.servicios li {
  list-style: none;
  padding-left: 0.5rem;
  padding-bottom: 0.5rem;
}
.servicios li:before {
  content: "\f046";
}
.expanded-body {
  display: none;
}
/* Library List */
ul.slick-slider {
  width: 90%;
  margin: 0 auto 3rem;
}
.library-list {
  margin: 0;
  padding: 0;
}
.library-list li {
  list-style-type: none;
  position: relative;
  height: auto;
}
.library-list li a {
  display: block;
  color: #FFF;
  position: relative;
  height: 235px;
}
.library-list li a h4 {
 margin: 1rem 0;
 font-size: 1.6rem;
}
.library-list li::before {
  content: "";
  background-color: #253f4e;
  width: 105%;
  height: 100%;
  display: block;
  position: absolute;
  opacity: 0.80;
  top: 0;
  transition: all 0.5s ease-in-out;
}
.library-list.bibloestacion {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 1.5rem 0;
}
.library-list.bibloestacion li{
    flex: 0 1 23%;
    margin: 2% 2% 0 0;
    background-size: contain;
    overflow: hidden;
}
.library-list.bibloestacion li a {
	    padding: 3rem;
}
.library-list.bibloestacion li::before {
   width: 100%;
}
#block-views-block-carousel-bibliotecas-block-1 .library-list li a {
  display: flex;
  flex-direction: column;
}
.library-list li:hover::before {
 /*background:#e7493d;
  opacity: 1;*/
  background:#38245f;
  opacity: 0.9;
}
.imagefield_slideshow-wrapper {
  position: relative;
}
.slick-arrow,
.imagefield_slideshow-prev,
.imagefield_slideshow-next,
.views-slideshow-controls-top span {
  position: absolute;
  top: 40%;
  border-radius: 100%;
  background: none;
  color: #B3B3B3;
  border: 0.2rem solid #B3B3B3;
  width: 5rem;
  height: 5rem;
  overflow: hidden;
  cursor: pointer;
  transition: all 0.5s ease-in-out;
  z-index: 10;
  overflow: hidden;
}
.imagefield_slideshow-prev,
.imagefield_slideshow-next {
  color: #ffffff;
}
.imagefield_slideshow-prev,
.imagefield_slideshow-next,
#block-librarian-content .slick-arrow {
  border: none;
  height: 3.5rem;
}
.slick-arrow:hover {
  color:#253f4e;
  border-color:#253f4e;
}
.slick-prev:before,
.imagefield_slideshow-prev:before,
.views-slideshow-controls-top .views_slideshow_controls_text_next a:before,
.views-slideshow-controls-top .views_slideshow_controls_text_previous a:before{
    font-family: 'FontAwesome';
  content: "\f104";
    text-indent: unset;
    display: block;
    font-size: 3.5rem;
    padding: 1.6rem 0.5rem;
    line-height: 1rem;
    float: none;
}
.page-node-65 .slick-prev:before,
.page-node-65 .slick-next:before{
  font-size: 2rem;
  padding: 0.6rem 0.2rem;
}
.page-node-65 .slick-arrow {
  width: 3rem;
  height: 3rem;
}
.views-slideshow-controls-top .views_slideshow_controls_text_pause {
  display: none;
}
.views-slideshow-controls-top .views_slideshow_controls_text_next {
  right: 0;
}
.imagefield_slideshow-next:before,
.slick-next:before,
.views-slideshow-controls-top .views_slideshow_controls_text_before a:before,
.views-slideshow-controls-top .views_slideshow_controls_text_next a:before {
  font-family: 'FontAwesome';
  content:"\f105";
  margin: 0;
  text-indent: unset;
  display: block;
  font-size: 3.5rem;
  padding: 1.6rem 1rem;
  line-height: 1rem;
  float: none;
  text-decoration: none;
}
.imagefield_slideshow-prev,
.imagefield_slideshow-next {
  height: 6rem;
}
.imagefield_slideshow-prev:before,
.imagefield_slideshow-next:before {
  font-size: 6rem;
  padding: 1rem;
  line-height: 1;
  text-shadow: 2px 2px 7px rgba(150, 150, 150, 1);
}
.slick-prev{
left: -10%;
}
.imagefield_slideshow-prev {
left: 1%;
}
.slick-next{
  right: -10%;
}
.imagefield_slideshow-next {
  right: 1%;
}
.page-node-65 .slick-list {

}
#block-views-block-carousel-bibliotecas-block-1 .slick-slide h3 {
  font-size: 2.8rem;
  line-height: initial;
}
#block-views-block-carousel-bibliotecas-block-1 .slick-prev {
  left: -4%;
  top: 45%;
}
#block-views-block-carousel-bibliotecas-block-1 .slick-next {
  right: -4%;
  top: 45%;
}
.slick-slide a {
  padding: 2rem;
  line-height: initial;
}
.full-date,
.tipo,
.localidad,
.type,
.views-field-field-tipo-evento  {
  text-transform: uppercase;
  font-weight: 100;
}
.author  {
  margin-bottom: 1.6rem;
  display: block;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 1.8rem;
}
.localidad,
.direccion {
  opacity: 0;
  position: relative;
  transition: all 0.5s ease-in-out;
  font-size: 90%;
  display: none;
}
.direccion {
  font-style: italic;
  font-size: 1.3rem;
}
.slick-slide:hover .localidad,
.slick-slide:hover .direccion,
li:hover .localidad,
li:hover .direccion {
  display: block;
  opacity: 1;
  transition: all 0.5s ease-in-out;
  display: block;
}
.page-node-65 .slick-list li:hover .direccion  {
    opacity: 0;
    display: none;
}
.visita h1 {
  text-align: center;
}
.espacios_menu {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: stretch;
width: 100%;
margin: 1rem 0 2rem;
}
.espacios_menu  .item {
flex: 0 0 24%;
min-width: 0px;
box-sizing: border-box;
padding: 0 2.5%;
overflow: hidden;
}
.espacios_menu .item{
background: var(--primary-color);
color: #fff;
padding: 3rem;
}
.espacios_menu .item:hover{
background: var(--secondary-color);
color: #fff;
}
.espacios_menu .item a.boton{
font-size: 1.8rem;
font-weight: 500;
padding: 1rem 2rem;
}
.espacios_menu .item:nth-of-type(1) {
   background: #e7493d;
}
aside .visita,
.content article .visita,
.visita .content .item:nth-of-type(1) {
  background: #e7493d;
  padding: 3rem 5rem;
  box-sizing: border-box;
  margin-bottom: 2em;
}
aside .visita,
.content article .visita{
  padding: 3rem;
  margin: 2rem 0;
}
.content article .visita{
  text-align: center;
}
aside .visita:hover,
.content article .visita:hover
.visita .content > div:nth-of-type(1):hover {
  background: #253f4e;
}
.content article .visita h3,
aside .visita h2,
.visita .content .item:nth-of-type(1) h3,
.espacios_menu h3  {
  font-weight: 500;
  font-size: 2.9rem;
  color: #FFFFFF;
  margin: 0 0 3rem 0;
  line-height: 120%;
}
.espacios_menu h3 {
font-size: 2.5rem;
font-weight: bold;
}
.content article .visita h3,
aside .visita h2 {
  font-size: 3.1rem;
  margin-bottom: 2rem;
}
.visita .content .item h3{
  font-weight: 600;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  line-height: 1.6rem;
}
.visita .content .item h3 span{
  color: #808080;
  font-style: italic;
  font-style: italic;
  margin-left: 0.5rem;
  font-weight: 100;
}
.visita .content .item:nth-of-type(1) a {
  opacity: 0.85;
}
.content article .visita a,
.visita .content .item:nth-of-type(1) a,
.visita .content .item:nth-of-type(1) a:hover,
.espacios_menu a{
  color: #fff;
  border-color: #fff;
}
.visita .content .item:nth-of-type(1) a:hover{
  opacity: 0.8;
}
.visita .content .item:nth-of-type(1) a:hover{
  opacity:1;
}
.views-element-container h2 {
  color: #808080;
  border-top: 1px solid #808080;
  text-transform: uppercase;
  padding: 1rem  0 0 0;
  margin: 2rem 0;
}
.region.content .container .visita h2 {
  color: #fff;
  border-top: none;
  text-transform:none;
  padding: 0;
  margin: 0;
}
/*Paginador*/
.views-element-container div nav {
  display: block;
  width: 100%;
  clear: both;
}
.views-element-container div nav,
.pager{
    width: 100%;
    overflow: hidden;
    padding-top: 2rem;
    border-top: 2px solid #ccc;
    box-sizing: border-box;
}
.views-element-container .programate.lista nav.pager,
.views-element-container .enterate.lista nav.pager {
 /* display: none; */
  padding: 0;
  margin: 0;
}
.views-element-container div nav ul,
.pager ul {
  text-align: right;
  font-size: 2rem;
}
.views-element-container div nav ul li,
.pager li {
    padding: 1rem;
}
.pager li.is-active  a{
  color:#808080;
}
/*APRENDE ALGO NUEVO & ESCUELA DE MEDIADORES*/
.ckeditor-accordion-container {
  margin: 2rem 0;
}
.ckeditor-accordion-toggler,
.ckeditor-accordion-container dl dt a {
  background: #FFF !important;
  color: var(--primary-color) !important;
  font-weight: bold;
}
.ckeditor-accordion-container > dl dt > .ckeditor-accordion-toggle {
  left: auto;
  right: 1rem;
}
.ckeditor-accordion-container > dl dt > .ckeditor-accordion-toggle:before, .ckeditor-accordion-container > dl dt > .ckeditor-accordion-toggle:after {
  background:var(--primary-color);
}
.ckeditor-accordion-container dl dd.active,
.ckeditor-accordion-container dl dt a,
.ckeditor-accordion-container > dl dt:last-of-type > a {
  border: 1px solid var(--tird-color-text);
}
.ckeditor-accordion-container dl dt a {
  padding: 1.5rem 5rem 1.5rem 2rem;
}
.ckeditor-accordion-container dl dd.active {
  padding: 3rem;
  margin-bottom: 1rem;
}
.content .body .ckeditor-accordion-container dl dd p{
  font-size: 1.8rem;
}
.ckeditor-accordion-container > dl dt > a:hover {
  color: #FFF !important;
  background: var(--primary-color) !important;
}
.ckeditor-accordion-container dl dt {
  margin-bottom: 1rem;
}
.ckeditor-accordion-container dl.styled {
  border:none;
}
.ckeditor-accordion-container dt.active {
  padding: 0;
  margin: 0;
  font-size: 110%;
}
.ckeditor-accordion-container dt.active  a{
  border-bottom: none;
}
.field-herramientas,
.field_herramientas {
  background: var(--base2-color);
  padding: 3rem 5rem 5rem;
}
.field_herramientas > div{
  margin-left: 4rem;
}
.layout__region.layout__region--content .field-herramientas{
  padding: 0;
}
.layout__region.layout__region--content .field-herramientas header {
  padding: 3rem 5rem 1rem;
}
.layout__region.layout__region--content .field-herramientas .field-collection-item.views-row {
  padding: 0rem 5rem 0rem 9rem;
  margin: 0;
}
.field-herramientas,
.field_herramienta,
.formacion {
  margin: 2rem 0;
}
.container .layout__region--content .body {
  margin-bottom: 2rem;
}
.field-herramientas h3
.field_herramientas h3,
.layout__region--content div > div h2 {
  color: var(--secondary-color-text);
  font-size: 2.2rem;
}
.field-herramientas h3:before,
.field_herramientas h3:before {
  font-family: 'FontAwesome';
  content: "\f0eb";
  margin: 0;
  text-indent: unset;
  padding: 0 1rem 0 0;
  vertical-align: middle;
  font-size: 5rem;
  text-decoration: inherit;
  speak: none;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
}
.content .views-element-container .field-herramientas .field-collection-item.views-row,
.field_herramientas div div .field-collection-item .content{
      flex: 1 1 100%;
      width: auto;
}
.field_herramientas > div > div,
.layout__region.layout__region--content .field-herramientas .field-collection-item.views-row .content,
.field-herramientas .field-collection-item.views-row .field-collection-item  .content{
  border-bottom: 1px solid #ccc;
  padding-bottom: 2rem;
  margin-bottom: 2rem;
}
.field_herramientas > div > div:last-child,
.layout__region.layout__region--content .field-herramientas:last-child .field-collection-item.views-row:last-child .content{
  border-bottom: none;
  padding-bottom: 0;
}
.field-herramientas .field-collection-item .field-titulo,
.field_herramientas .field-collection-item .field_titulo {
  font-weight: bold;
  font-size: 102%;
  padding-bottom: 1rem;
}
.field-herramientas .field-collection-item  .field-recurso,
.field_herramientas .field-collection-item  .field_recurso {
  display: inline-block;
  margin-top: 1rem;
}
.field-herramientas .field-collection-item  .field-recurso a,
.field_herramientas .field-collection-item  .field_recurso a {
  font-size: 1.5rem;
}
.field-herramientas .field-collection-item  .field-recurso a:hover,
.field_herramientas .field-collection-item  .field_recurso a:hover {
  text-decoration: underline;
  opacity: 0.8;
  color: var(--primary-color);
}
.field-collection-item.views-row .ui-accordion-content {
  width: 100%;
  background: #dedede;
}
.field-herramientas .field-collection-item.views-row {
  margin-top: 0;
}
.field-herramientas .field-collection-item .field-titulo.views-accordion-header {
    padding: 1rem 1.5rem;
}
.field-collection-item.views-row .field_titulo {
  font-weight: bold;
  margin-bottom: 1rem;
}
.field-collection-item.views-row .field_recurso a {
  font-size: 1.4rem;
}
.layout__region.layout__region--content.field-herramientas .field-collection-item.views-row .content,
.field-herramientas .field-collection-item.views-row .field-collection-item  .content,
.field-herramientas.ui-accordion .field-collection-item.views-row .views-field-field-herramientas .field-content .field-collection-item .conten{
  border-bottom: 1px solid #ccc;
  padding-bottom: 2rem;
  margin-bottom: 2rem;
}
.field-herramientas.ui-accordion .field-collection-item.views-row .views-field-field-herramientas .field-content .field-collection-item:last-child .content,
.field-herramientas .field-collection-item.views-row .field-collection-item:last-child .field-content .field-collection-item:last-child .content {
  border-bottom: none;
  margin-bottom: 0;
}
.container .formacion .views-row {
  display: flex;
  flex: 0 1 100%;
  border: none;
  background: var(--base2-color);
  margin: 0;
  position: relative;
}
.container .formacion.prensa {
  display: flex;
  flex-wrap: wrap;
}
.container .formacion.prensa .views-row {
  margin: 1rem;
  display: flex;
  flex: 0 2 48%
}
.content .layout__region--content .views-element-container .formacion .views-row {
  flex: 0 2 49%;
  margin-bottom: 1.5rem;
}
.container .formacion .views-row:nth-child(odd) {
  margin: 0 2% 0 0;
}
.container .formacion.prensa .views-row {
margin: 1rem;
}
.container .formacion.lineas .views-row{
  margin-bottom: 2rem;
}
.container .formacion.lineas .views-row:nth-child(odd) {
  margin-right: 0;
}
.container .formacion .views-row:hover {
  background: var(--complement-color);
}
.container .formacion .views-row:hover .views-field-title,
.container .formacion .views-row:hover .views-field-title .info,
.container .formacion .views-row:hover .views-field-title a {
  color: var(--base-color) ;
}
.container .formacion .views-row .views-field-field-image{
  line-height: 0;
  flex: 1 2 45%;
}
.container .formacion .views-row .views-field-title {
  font-weight: bold;
  padding: 1.5rem 2rem;
  flex: 1 2 55%;
}
.container .formacion.lineas .views-row .views-field-field-image{
  flex: 1 2 25%;
}
.container .formacion.lineas .views-row .views-field-title {
  flex: 1 2 75%;
}
.container .full_container {
  flex: 1 1 100%;
}
.container .formacion.lineas .views-row h3 {
  margin-top: 0;
}
.container .formacion.lineas .views-row .info {
  font-weight: 200;
  margin: 0;
}
.escuela .region.content .container .menu-sidebar-second {
  display: flex;
  flex-direction: column;
  justify-content: start;
}
.menu-sidebar-second ul li{
  display: block;
}
.sidebar_second li ul {
  opacity: 0;
  height: 0;
  padding-left: 2rem;
  overflow: hidden;
}
.sidebar_second li:hover ul{
  opacity: 1;
  height: auto;
}
.menu-sidebar-second ul li a{
  padding: 2rem 1rem;
  border-top: 1px solid #ddd;
  color: var(--primary-color);
  font-weight: bold;
  display: block;
  line-height: inherit;
}
.menu-sidebar-second ul ul li a{
  font-size: 1.5rem;
}
.menu-sidebar-second ul li a.is-active {
    color: #737775;
}
.menu-sidebar-second ul li a:hover{
  color: var(--complement-color);
}
.menu-sidebar-second ul li a:before{
  font-family: 'FontAwesome';
  content: "\f105";
  margin: 0;
  text-indent: unset;
  font-size: 2.3rem;
  padding: 0 1rem 0 0;
  vertical-align: middle;
}
.menu-sidebar-second ul li ul li a:before{
  font-size: 2rem;
}
.menu-sidebar-second ul ul li a:before{
  float: left;
  padding: 0 1rem 3rem 0;
}
/*
.aprende   #block-librarian-content .views-element-container .views-row {
  flex-direction: row;
  flex: 0 1 100%;
  max-width: 100%;
  background: #eff4f0;
  box-sizing: border-box;
  margin: 0;
  box-shadow: none;
  margin-bottom: 3rem;
}
.aprende   #block-librarian-content .views-element-container .views-row:last-child {
  margin-bottom: 0;
}
.aprende   #block-librarian-content .views-element-container .views-row:hover {
  background: #253f4e;
}
.aprende   #block-librarian-content .views-element-container .views-row:hover,
.aprende   #block-librarian-content .views-element-container .views-row:hover a,
.aprende   #block-librarian-content .views-element-container .views-row:hover p,
.aprende   #block-librarian-content .views-element-container .views-row:hover h2 {
  color: #fff;
}
.region.content article.aprende-algo-nuevo .content .hero {
  flex: 1 0 100%;
  position: relative;
}
.aprende  .views-element-container .views-row .item {
  display: flex;
  justify-content: flex-end;
}
.aprende  .views-element-container .views-row .item div,
.aprende  .views-element-container .views-row .item p,
.aprende  .views-element-container .views-row .item > a {
  flex: 0 1 33%;
  padding: 6rem 4rem 2rem;
}
.aprende  .views-element-container .views-row .item p {
  font-size: 2rem;
}
.aprende  .views-element-container .views-row .item > a {
  padding: 0;
  line-height: 0;
}
.aprende .views-row .brief a  {
  padding: 1.6rem 4rem;
  display: inline-block;
  text-align: center;
}
.aprende  .views-element-container h2 {
  font-size: 5rem;
  color: #253f4e;
  text-transform: none;
  border: none;
  line-height: 6rem;
  margin-top: 0;
}

#block-views-block-aprende-algo-nuevo-block-1 > div > div > div  {
  flex: 0 1 50%;
  display: flex;
  background: #2580BA;
  line-height: 0;
  -moz-box-shadow: 0 0 5px #888;
  -webkit-box-shadow: 0 0 5px#888;
  box-shadow: 0 0 5px #888;
}
#block-views-block-aprende-algo-nuevo-block-1 > div > div > div:nth-child(0n+2),
#block-views-block-aprende-algo-nuevo-block-1 > div > div > div:nth-child(0n+3)   {
  background: #43A2D2;
}
#block-views-block-aprende-algo-nuevo-block-1 > div > div > div .views-field{
    flex: 0 1 50%;
}
#block-views-block-aprende-algo-nuevo-block-1 > div > div > div .views-field-field-titulo-corto {
  order:2;
}
#block-views-block-aprende-algo-nuevo-block-1 > div > div > div .views-field-field-titulo-corto,
#block-views-block-aprende-algo-nuevo-block-1 > div > div > div .views-field-field-titulo-corto .field-content,
#block-views-block-aprende-algo-nuevo-block-1 > div > div > div .views-field-field-titulo-corto a {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  box-sizing: border-box;
}
.views-field-field-miniatura {
  position: relative;
}
#block-views-block-aprende-algo-nuevo-block-1 > div > div > div .views-field-field-miniatura .bg-miniatura {
  display: none;
}
#block-views-block-aprende-algo-nuevo-block-1 > div > div > div .views-field-field-miniatura .miniatura {
    display: block;
    filter: grayscale(80%);
    transition: all 1s ease;
}
#block-views-block-aprende-algo-nuevo-block-1 > div > div > div:hover .views-field-field-miniatura .miniatura {
  filter: saturate(110%);
}
#block-views-block-aprende-algo-nuevo-block-1 > div > div > div:hover {
  background-color: #43A2D2;
}
#block-views-block-aprende-algo-nuevo-block-1 > div > div > div:nth-child(0n+2):hover,me
#block-views-block-aprende-algo-nuevo-block-1 > div > div > div:nth-child(0n+3):hover   {
  background: #2580BA;
}
*/
/*Time line*/
.timeline-container .timeline-wrapper {
    border-top: 2px solid #fff;
    border-left: 2px solid #B3B3B3;
    float: left;
    margin-left: 10%;
    padding: 40px 20px 30px 0;
    width: 80%;
}
.content_home .views-field-field-titulo-corto a {
  color: #fff;
  font-size: 3.2rem;
  font-weight: 600;
  padding: 25% 10%;
  display: block;
  line-height: 3.5rem;
    transition: none;
}
.content_home .views-field-field-titulo-corto {
  text-align: left;
  align-self: center;
}
#block-mapadetodaslasbibliotecas, #block-mapadetodaslasbibliotecas .body {
  width: 100%;
  margin-bottom: -3%;
  margin-top: 3%;
}
#block-mapadetodaslasbibliotecas h2 {
    text-transform: uppercase;
    text-align: center;
    margin: 0 auto;
    font-size: 2.5rem;
}
#block-mapadetodaslasbibliotecas .embed-container {
    position: relative;
    padding-bottom: 40%;
    height: 0;
    overflow: hidden;
}
#block-mapadetodaslasbibliotecas iframe {
    position: absolute;
    top: -50px;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

 .TienesDudas {
			color: #FFF !important;
			background-color: #27c398;
			font-weight: bold;
			width: 200px;
			padding: 10px 20px;
			position: fixed;
			right: 0;
			bottom: 0;
			display:none;

			z-index: 99;
		}
		.TienesDudas a {
		color:#FFF;

		}

		body.preguntas-frecuentes-home footer,
		body.preguntas-frecuentes-home #block-librarian-breadcrumbs,
		body.preguntas-frecuentes-home .footer_menu,
		body.preguntas-frecuentes-home #toolbar-administration,
		body.preguntas-frecuentes-home .pre_header,
		body.preguntas-frecuentes-home .header,
		body.preguntas-frecuentes-home .nav,
		body.preguntas-frecuentes-home .TienesDudas,
		body.preguntas-frecuentes  .TienesDudas

		{
			display:none !important;
}

.preguntas-frecuentes h1{
  text-align: center;
  color: #253f4e;
}
.preguntas-frecuentes #block-librarian-content form label {
  /*display: inline-block;*/
  font-weight: 400;
  font-size: 2rem;
  text-transform: none;
}
.preguntas-frecuentes #block-librarian-content form select,
.preguntas-frecuentes #block-librarian-content form input{
  font-size: 2rem;
  width: 100%;
  padding: 1.6rem;
  border-color: #bfbfbf;
  max-width: 100%;
}
.preguntas-frecuentes #block-librarian-content form .form-item-field-categoria-target-id {
  width: 24%;
}
.preguntas-frecuentes .views-exposed-form .form-item.js-form-type-select {
  position: relative;
}
.preguntas-frecuentes .views-exposed-form .form-item.js-form-type-select:after {
    position: absolute;
    right: 1.6rem;
    top: 46%;
    font-size: 3rem;
}
.preguntas-frecuentes #block-librarian-content form .form-item-titulo {
  width: 60%;
}
/*.preguntas-frecuentes #block-librarian-content form .form-item-titulo label {
  position: absolute;
  color: #bfbfbf;
  padding: 1.6rem;
}*/
.preguntas-frecuentes #block-librarian-content form #edit-actions {
    width: 15%;
    margin: 0;
}
.preguntas-frecuentes #block-librarian-content form .button {
  background: #253f4e;
  color: #fff;
}
.preguntas-frecuentes #block-librarian-content .views-element-container .views-row,
.preguntas-frecuentes #block-librarian-content .views-row > .views-row {
  box-shadow: none;
  max-width: 100%;
  margin: 0;
  flex: 0 1 100%;
    width:100%;
}
.ui-accordion .ui-accordion-header {
    border-radius: 0px;
    padding: 2.5rem 3rem;
    font-weight: 400;
    margin-top: 6px;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
  background: transparent;
}
.ui-state-default a,
.ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button {
    color: #5D4294;
    font-weight: 400;
    font-size: 2rem;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
  background: transparent;
  color: #333333;
  border: 1px solid #dddddd;
  border-bottom: none;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
  color: #333333;
  font-weight: 400;
  font-size: 2.2rem;
}
.ui-state-active .ui-icon, .ui-button:active .ui-icon,
.ui-icon
/*.ui-widget-content .ui-icon*/ {
  float: right;
  background: none;
  font-size: 5rem;
  width: 2rem;
  height: 5rem;
  display: block;
  text-indent: inherit;
  text-align: center;
  line-height: 5rem;
}
.ui-state-active .ui-icon:after,
.ui-button:active .ui-icon:after,
.ui-icon:after,
.ui-widget-content .ui-icon:after,
.ui-state .ui-icon:after {
  font-family: 'FontAwesome';
  content: "\f105";
  font-size: 3rem;
  display: block;
}
.ui-state-active .ui-icon:after {
  content: "\f107";
  color: #333333;
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	background:none;
}
/*Timeline*/
.entries:before {
    content: '';
    position: absolute;
    top:0px;
    left:50%;
    bottom:0px;
    transform:translateX(-50%);
    width:4px;
    background-color:#bfbfbf;
  }
  .entries {
    width:calc(100% - 80px);
    margin:auto;
    position: relative;
    left:-5px;
    overflow: hidden;
    }
    .entry {
      width:calc(50% - 80px);
      float:left;
      padding:2rem;
      clear:both;
      text-align:right;
      }
      .entries .entry:nth-child(2n) {
     text-align: left;
     float: right;
    }
      .entry .title {
        font-size:2.6rem;
        margin-bottom:3rem;
        position: relative;
      }
      .entry .title2 {
        text-transform: uppercase;
        margin-bottom: 2rem;
        font-size:2rem;
        color: #5D4294;
        font-weight: 400;
      }
      .entry .title3 {
        text-transform: uppercase;
        margin-bottom: 1.6rem;
        font-size:1.8rem;
        color: #333333;
      }
      .entry p {
        font-size:1.6rem;
      }
      .entries .entry .title:before {
          content: '';
          position: absolute;
          width: 3rem;
          height: 3rem;
          border: 4px solid #bfbfbf;
          background-color: #fff;
          border-radius: 100%;
          top: 50%;
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
          right: -114px;
          z-index: 9;
      }
      .entries .entry:nth-child(2n) .title:before {
        left: -114px;
      }

.page-node-1370 .content, .registro_biblored .content {
  text-align: center;

}

.page-node-8018 .content, .registro_biblored .content {
  text-align: center;
}

.page-node-2136 #block-librarian-page-title {
  display: none;
}


#ebscohostCustomSearchBox {
    width: 90% !important;
    max-width: 700px !important;
    display: block !important;
    margin: 0 auto;
}
.recursos {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  /*margin-top: 4em;*/
}

.recursos a{

color: #253f4e !important;
}

.bloque-contenido {
  width: 100%;
  padding-bottom:2em;
  box-shadow: -1px 3px 7px 0px rgba(50, 50, 50, 0.1);
  margin-bottom: 2em;
}


@media (min-width:900px) {

.bloque-contenido {
  max-width:32%;
  width: 100%;
}

}







.registro_biblored .bloque-contenido {
  padding-bottom: 2em;
}
.bloque-contenido:hover {
    box-shadow: -1px 3px 7px 0px rgba(50, 50, 50, 0.3);
}
.bloque-contenido h2 {
  font-size: 2.3rem;
    color: #253f4e;
    height: 35pt;
}
.bloque-contenido p {
  font-size: 1.6rem;
  padding: 0 1em;
  color: #666;
  height: 65pt;
}
.bloque-contenido .call {
    background: #FFF;
    color: #253f4e;
    border: 2px solid #253f4e;
    font-weight: bold;
    margin: 1rem 0 0;
    display: inline-block;
}
.bloque-contenido:hover .call {
    background: #253f4e;
    color: #FFF;
    border-color: #253f4e;
}
.bloque-contenido img
{
  filter: grayscale(50%);
  transition: all 1s ease;
}
.bloque-contenido:hover img
{
  filter: grayscale(0%);
  filter: saturate()
}
.registro-biblored-form > span,
.registro-biblored-form .step {
  background-color: #EEE;
    padding: 12px 18px;
    border-radius: 109px;
    font-weight: bold;
    font-size: 2rem;
    margin: 2rem;
    display: inline-block;
}
.js-form-type-email .step {
    margin:0;
}
.registro-biblored-form .fieldset-legend {
  font-weight: bold;
}
.registro-biblored-form label {
  cursor: default !important;
    text-transform: none !important;
    font-weight: bold !important;
    display: block;
    text-align: left;
}
.registro-biblored-form .form-text  {
  width: 80%;
}
.registro-biblored-form .fieldgroup  .form-text{
    width: 100%;
}
.registro-biblored-form .fieldgroup  .form-date{
    width: 100%;
    margin: 11px 0 0;
    line-height: initial;
    padding: 0.4rem 1rem;
}
.registro-biblored-form .fieldgroup legend {
  margin: 1rem 0;
}
.registro-biblored-form .js-form-item  {
  width: 100%;
  margin: 0 auto 1em;
}
.registro-biblored-form .js-form-item.js-form-item-gender  {
  margin: 0 auto 0;
}
.registro-biblored-form .fieldgroup .js-form-item.form-item-gender {
  width: auto;
}
.registro-biblored-form .fieldgroup .js-form-type-select label,
.registro-biblored-form .fieldgroup .js-form-type-textfield label{
  margin: 0 0 1rem 0;
}
.registro-biblored-form .fieldgroup .js-form-type-textfield label  {
   margin-bottom: 0em;
}
.registro-biblored-form .fieldgroup .js-form-type-textfield.form-item-document label {
  position: relative;
  padding: 0;
  color: #333333;
  font-weight:bold !important;
}
.registro-biblored-form .fieldgroup .form-item {
  text-align: left;
}
.registro-biblored-form .fieldgroup select,
.registro-biblored-form .fieldgroup  .form-date input{
  border-color: #e5e5e5;
}
.page-node-1453  .block-flex {
  align-items:stretch;
}
.page-node-1453  .block-flex div {
  flex: 0 1 50%;
  padding: 3rem;
}
.page-node-1453  .block-flex div:nth-child(1) {
  background: #253f4e;
  color: #fff;
}
.page-node-1453  .block-flex div:nth-child(2) {
  background: #E6E6E6;
  color: #253f4e;
}
.step2 {
  margin: 0;
}
#inscripcion { display: none !important; }
.noticias .fecha { text-transform: lowercase; }
#block-views-block-directorio-block-1 .views-row { width:  1px; }
#block-views-block-directorio-block-1 {}

article.noticia aside .views-row {
    border:none;
}
article.noticia aside .views-row .info span h3 {
  margin: 0;
  font-size: 1.8rem;
  line-height: 2rem;
}
article.noticia aside .views-row .info span h3 a{
  color:#253f4e;
}
article.noticia aside .views-row .info span h3 a:hover{
  color:#5D4294;
}
article.noticia aside .views-row .info span .fecha {
  font-size: 1.4rem;
}
article.noticia aside .views-row .info span .detalles {
  padding: 0 0 0 1rem;
}
.biblioteca .field_image {
  min-height: 400px;
}
/*Sala prensa*/
.region.content .group-left div {
  margin-bottom: 1rem;
}
.region.content .group-left .field_imagen img {
  width: 100%;
}
.audiofield-player audio {
    width: 100%;
}
.sala-prensa.menu ul {
  display:flex;
  justify-content: stretch;
  width: 100%;
  padding: 0;
  flex-wrap: wrap;
}
.sala-prensa.menu ul li {
  flex: 1 4 25%;
  list-style: none;
  position: relative;
}
.sala-prensa.menu ul li a,
.flex.three div a{
  display: block;
  font-weight: 600;
  color: var(--base-color);
  font-family: 'roboto', sans-serif;
  padding: 5rem 4rem 9rem 4rem;
  text-align: left;
  font-size: 2.8rem;
  background: var(--secondary-color);
  line-height: 2.8rem;
  min-height: 200px;
}
.flex.three.escuela div a{
  background: #f5f5f5;
  font-size: 1.6rem;
  color: #c1c1c1;
  padding: 2em 3rem;
  line-height: 1.9rem;
  min-height: 160px;
}
.sala-prensa.menu ul li:nth-child(even) a,
.flex.three.escuela div a:hover {
  background: var(--complement-color);
  color: var(--base-color);
}
.region.content .sala-prensa.menu .body ul li a {
  padding: 3rem 4rem 4rem 4rem;
}
.sala-prensa.menu .body ul li.video a {
  background: var(--primary-color);
  color: var(--base-color);
}
.sala-prensa.menu .body ul li.galeria a {
  background: var(--third-color);
  color: var(--base-color);
}
.sala-prensa.menu .body ul li.audio a {
  background: var(--complement-color);
  color: var(--base-color);
}
.sala-prensa.menu ul li a:hover,
.sala-prensa.menu ul li:nth-child(even) a:hover,
.sala-prensa.menu .body ul li.video a:hover,
.sala-prensa.menu .body ul li.galeria a:hover,
.sala-prensa.menu .body ul li.audio a:hover {
  background: var(--primary2-color);
}
.sala-prensa.menu .body ul li.galeria a:before,
.sala-prensa.menu .body ul li.video a:before,
.sala-prensa.menu .body ul li.audio a:before,
.escuela .mediadores a:before,
.escuela .ejes a:before,
.escuela .biblioteca_mediadores a:before {
  font-family: 'FontAwesome';
      content: "\f03e";
      margin: 0;
      text-indent: unset;
      padding: 0 1rem 0 0;
      vertical-align: middle;
      font-weight: 100;
}
.sala-prensa.menu .body ul li.video a:before{
      content: "\f144";
}
.sala-prensa.menu .body ul li.audio a:before{
      content: "\f025";
}
.escuela .mediadores a:before {
      content: "\f0f6";
}
.escuela .ejes a:before{
      content: "\f0ca";
}
.escuela .biblioteca_mediadores a:before {
      content: "\f0c5";
}
.prensa .region.after_content .container {
  display: inherit;
}
.views-element-container .comunicados .views-row  {
  flex: 0 1 100%;
  border:none;
  border-bottom: 1px solid var(--secondary-color-text);
  padding: 0 0 2rem 0;
  margin: 0 0 2rem 0;
}
.views-element-container .comunicados .views-row:last-child  {
  border-bottom: none;
}
.views-element-container .comunicados h3 a  {
  color: var(--complement-color);
}
.views-element-container .comunicados h3 a:hover  {
  color: var(--primary-color);
}
.sala-prensa.galeria h3{
    font-size: 2.4rem;
    line-height: initial;
}
.comunicados .views-exposed-form {
  margin: 3rem 0;
}
.comunicados .views-row h3,
.container .formacion.prensa .views-row h3  {
  margin-bottom:0;
  margin-top: 0.5rem;
}
.prensa.menu .region.sidebar_second ul li {
  display: block;
}
video {
  width: 100% !important;
  height: auto !important;
}
.region.content .group-right div h3 {
  margin:0.5rem 0;
}
.region.content .group-right .field_enlace{
  margin: 1rem 0;
  font-weight: bold;
}
.region.content .group-right .field_enlace a{
  color: var(--complement-color:);
}
.small {
  font-size: 90%;
  color: var(--primary-color-text);
  font-style: italic;
  font-weight: 100;
}
.results {
  width: 100%;
}
.flex {
  display:flex;
  flex-wrap: wrap;
  width: 100%;
}
.flex .two{
  flex: 0 2 50%;
}
.flex.three div{
  flex: 0 3 33%;
}
.block,
.block.flex {
  margin: 2rem 0;
}

.gray {
  background: var(--base2-color);
  padding: 3rem;
  width: 100%;
}
.gray p,
.gray {
  color: var(--primary-color-text);
  font-size: 1.6rem;
  font-weight: 100;
}
.flex h3 {
  color: var(--secondary-color-text);
  font-size: 2.5rem;
  margin-top: 0;
  margin-bottom: 2rem;
}
.content .views-element-container .multimedia  .views-row {
  flex: 0 4 24%;
  margin-right: 1%;
  margin-bottom: 1%;
  margin-left: 0;
}
.content .views-element-container .multimedia  .views-row .info {
  padding-left: 2rem;
  padding-right: 2rem;
}


.impresionagenda .views-row {
border: none;
}


.infimpr{
    border: 2px #c7c7c7 solid;
    padding: 5px;
    width: 22%;
    float: left;
    margin: 1%;
    height: 472px;
}


.infimpr2{
    border: 2px #c7c7c7 solid;
    padding: 5px;
    width: 100%;
    float: left;
    margin: 1%;
    height: 200px;
}
.absolute {
  position: absolute;
}
.img-fondo{
  z-index: -1;
}

#block-pixelfb{
  display:none;
}
.nolink {
   pointer-events: none;
   cursor: default;
}



.field_imagen_audio, .field_imagen_audio_2, .field_imagen_audio_3, .field_imagen_audio_4, .field_imagen_audio_5{
  width:320px;
  float:left;
  margin: 0rem 5rem;
}


.field_audio, .field_audio_2, .field_audio_3, .field_audio_4, .field_audio_5{
  float:left;
  margin-top:2rem;
  max-width: 250px;
}

.field_descripcion_audio_1, .field_descripcion_audio_2, .field_descripcion_audio_3, .field_descripcion_audio_4, .field_descripcion_audio_5{
  float:left;
  max-width:250px;
}
#block-inspectledmapacalor{
	display:none;
}
.menu-sidebar-second.escuela-mediadores{
  font-size:2rem;
}
.shs-field-container {
  margin-bottom: 0;
}
.ajax-progress-fullscreen {
    background-color: transparent;
}

.classmemorias .ckeditor-accordion-container > dl dt.active > a {
    background-color: #5D4294 !important;
    color: #fff !important;
    font-family: 'roboto', sans-serif;
    font-weight: bold;
}

.classmemorias .ckeditor-accordion-container > dl dt > a {
    background-color: #253f4e !important;
        color: #fff !important;

    font-family: 'roboto', sans-serif;
}

.classmemorias .ckeditor-accordion-container > dl dt > .ckeditor-accordion-toggle:before, .ckeditor-accordion-container > dl dt > .ckeditor-accordion-toggle:after {
  background:#ffff;
  
}
  
  #block-views-block-biblored-en-vivo-block-1{
  background: #E6E6E6;
  padding: 9rem 0 3rem;
  clear: both;
}

#block-views-block-biblored-en-vivo-block-1 h2{
    color: #18232D;
    border-color: #18232D;
    margin-bottom: 2rem;
}