body {font-family:verdana,arial,sans-serif; position:relative;}
p, a, body, img, h1, h2, h3, h4, h5, h6 {margin:0; padding:0; font-size:100%;}
ul, table, form, div, option, select, input {font-size:100%;}
ul li{list-style:outside none none; padding: 0;}
img {border-width:0;}
h1 {font-size: 2.5em; color:#2F4F4F; padding:0.4em 0; margin-top:1em;}
h2 {font-size: 1.7em; font-weight:bold; color:#2F4F4F; padding:0.3em 0; margin-top:1em;}
abbr, acronym { cursor: help; text-decoration: none !important; border-bottom: dashed 1px black;}

p {margin-top:0.5em;}

/* link top */
.linkSubir {text-align:right; margin-bottom:1em;}
.linkSubir a, .linkSubir a:visited, .linkSubir a:visited:hover {
  color:#2F4F4F; text-decoration:none; font-weight:normal; background-repeat:no-repeat;
  background-image:url(/imagenes/flechaArriba.png); padding:0 0 0 1.5em; margin-right:1em;
}
.linkSubir a:hover, .linkSubir a:visited:hover {
  color:red; background-repeat:no-repeat; text-decoration:underline;
}

/* listas */

ul.bullet_lista > li {
  list-style-type: none;
  background-image:url(/imagenes/ico_bullet.png),none;
  background: url(/imagenes/ico_bullet.svg) no-repeat 0% 50%, none;
  background-repeat:no-repeat;
  margin:1em 0;
  padding:0 0 0 3em;
  background-position:0 0;
  background-size:2em;
  text-align:left;
  min-height: 2em;
}

/* otros */
.espacio {clear:both;}
.menu-container a {color:#2F4F4F;}
.centrador {text-align:center;}
.imgIzq {float:left; margin-right:2em;}
.imgDer {float:right; margin:0 0 0 2em;}
.img-margin {margin: 4em;}
.nbsp {white-space:nowrap;}
.destaca {color:#912600;}
.mayusculas {text-transform:uppercase;}

/***** Estilos ocultos *****/
.fuera {left:-9999px; position:absolute; overflow:hidden;}
.oculto {display:none; margin:0;}

/** <Triangulo de CSS para desplegables de menu> **/
span.triangulo {
  display:inline-block; overflow:hidden; padding-top:4px; height:14px; margin-left:0.25em; transition:.5s;
}
span.triangulo > span {
  width:0; height:0; border-top:7px solid rgba(256,256,256,1); border-left:7px solid rgba(0,0,0,0);
  border-right:7px solid rgba(0,0,0,0); border-bottom:7px solid rgba(0,0,0,0); margin:0.125em auto;
  display: inline-block;
}

/***** Logo cabecera *****/
div#cabecera {text-align: center;}
div#cabecera #logosInicio {
  margin:0 auto; padding:0; text-align:center; font-size:0; max-width:960px;
  vertical-align:middle; 
}
//div#cabecera #logosInicio span {display:inline-block; padding:0; margin:0;}
//div#cabecera #logosInicio span a {display:inline-block; font-size:1em;}
//div#cabecera #logosInicio span#logoLibriImpressi {margin-left: 5px;}
div#cabecera #logosInicio span#logoLibriImpressi img {width:75%; }

/***** menu superior *****/
p.texto-disclaimer {text-align:center; font-weight:bold;  padding:1ex; background-color:#eee; color:#912600;}
div.banda-menu{background-color: #2F4F4F; text-align: center; height: 2em; line-height: 2em; }
div.menu-wrapper {padding:0; text-align:center; width:960px; display: inline-block;}
div.menu-wrapper > ul.menu {display:inline;}
div.menu-wrapper>ul.menu {
  text-align:right; width:100%; margin:0; padding:0; display:flex; justify-content:center;
}
div.menu-wrapper > ul.menu > li.menu-item {
  padding:0.25em 0; margin:0 1.5em; height:1em; line-height:1em; position:relative;
}
div.menu-wrapper > ul.menu > li.menu-item:last-of-type {margin-right:0;}
div.menu-wrapper > ul.menu > li.menu-item:first-of-type {margin-left:0;}
div.menu-wrapper > ul.menu > li.menu-item:hover {cursor:hand; cursor:pointer;}
div.menu-wrapper > ul.menu > li.menu-item > a {color:#fff; padding:0; text-decoration:none;}
div.menu-wrapper > ul.menu > li.menu-item.menu-menu a,
div.menu-wrapper > ul.menu > li.menu-item.menu-idiomas a {text-decoration:none; display: block;}
div.menu-wrapper > ul.menu > li.menu-item:hover > a,
div.menu-wrapper > ul.menu > li.menu-item:hover label.click-desplegar.resto {text-decoration:underline;}

span.botonGenerico {
  padding-right:24px;
  background-repeat:no-repeat;
  background-position:100% 50%;
  background-size:auto 13px;
}
div#boton-menu {position:relative; display:inline-block;}
div#dropdown-menu {background:url("/imagenes/menu32x32.png") no-repeat 100% 50%;}

/***** Menu ocultable *****/
input#activar-menu {opacity:0; margin:0;padding:0;}
input#activar-menu-movil {display:none;}
input#activar-menu:focus-visible ~ label.click-desplegar {
	outline: 2px solid var(--color-outline) !important;
/* 	background-color: #cab1f2; */
}

input#activar-menu ~ div.menu-container,
input#activar-menu-movil ~ div.menu-container {
  display:none; position:absolute; right:-0.5em; top:1.75em; z-index:1000; white-space:nowrap; 
  width:120px; background-color:white; color:#2F4F4F; border:1px solid #2F4F4F; 
}
input#activar-menu:checked ~ div.menu-container,
input#activar-menu-movil:checked ~ div.menu-container {display:block;}
input#activar-menu ~ label {position:relative; cursor:pointer; vertical-align: top;}
input#activar-menu ~ label span, input#activar-menu-movil ~ label span {
  position:absolute; opacity:1; width:16px; height:2px; top:0.5em; margin-top:-1px;
  right:0; display:block; background:white; transition:.5s;
}

input#activar-menu-movil + label em{display: none;}

input#activar-menu ~ label span:first-of-type, input#activar-menu-movil ~ label span:first-of-type {top:0.2em;}
input#activar-menu ~ label span:last-of-type, input#activar-menu-movil ~ label span:last-of-type {top:0.8em;}
input#activar-menu:checked ~ label span, input#activar-menu-movil:checked ~ label span {opacity:0; top:50%;}
input#activar-menu:checked ~ label span:first-of-type, 
input#activar-menu-movil:checked ~ label span:first-of-type {opacity:1; transform:rotate(45deg); height:3px;}
input#activar-menu:checked ~ label span:last-of-type,
input#activar-menu-movil:checked ~ label span:last-of-type {opacity:1; transform:rotate(-45deg); height:3px;}
div.menu-wrapper label.click-desplegar.resto {
  display:inline-block; color:#fff; padding:0em 24px 0em 0em; text-decoration:none;
}
div.menu-wrapper label.click-desplegar.resto:hover {text-decoration:underline;}
div.menu-container > ul.menu-item-list {margin:0; padding:0;}
div.menu-container > ul.menu-item-list > li.menu-item {
  margin:0; text-align:left; padding:0.55em; font-size:1.1em; border-bottom:1px solid #AABCE2;
}
div.menu-container > ul.menu-item-list > li.menu-item.first {border-top:1px solid white;}
div.menu-container > ul.menu-item-list > li.menu-item.last {
  margin:0; padding:0; text-align:left; padding:0.55em; border-bottom:none;
}
div.menu-container > ul.menu-item-list > li.menu-item:hover > p {text-decoration:underline;}
div.menu-container > ul.menu-item-list > li.menu-item > ul.sub-menu > li {font-size:0.9em; margin:0.4em;}
div.menu-container > ul.menu-item-list > li.menu-item > ul.sub-menu > li:hover {text-decoration:underline;}

/***** pie *****/
div.otros-enlaces {box-sizing:border-box; padding: 0.3em; font-size:0.75em; max-width:1070px; margin:0.5em auto; height:10em; text-align:center;}
div.otros-enlaces > div.grupo-otros-enlaces {display:inline-block; text-align:center; margin: .2em 0;}
div.otros-enlaces > div.grupo-otros-enlaces.derecha {float:right;}
div.otros-enlaces > div.grupo-otros-enlaces.izquierda {padding-top:0.8em;}
div.otros-enlaces > div.grupo-otros-enlaces > div.enlace {display:inline-block; padding:0 .6em;}
div.otros-enlaces > div.grupo-otros-enlaces > div.enlace:hover {text-decoration:underline;}
div.otros-enlaces > div.enlace.icono {float:right; padding-left:0.5em;}

/*menu pie de pagina*/
/*div.otros-enlaces {height:7em;} caso de dos líneas de enlaces*/
div.lista-pie ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

div.lista-pie li {
    margin: 0 .8em;
  }
/*fin de menu pie*/

div.franja-pie {
  width:100%; background-color:#2F4F4F; color:white; text-align:center; padding:1em 0; font-size:0.75em;
}
#pie a, #pie a:visited, #pie a:hover, #pie a:visited:hover {color: #000; text-decoration: none;}
#pie a:hover {color: #000; text-decoration: underline;}
#pie {border-top:1px solid #AEAEAE;}
#pie abbr {border-color: #eee;}
/* lista de pestanas */
.navlist {box-sizing:border-box; border-bottom:1px solid #ccc; margin:15px 0 20px 0; padding-bottom:35px; padding-left:10px;}
.navlist li {display:inline; list-style-type:none; margin:0; padding:0;}
.navlist a:link, .navlist a:visited {
  color:#666; font-size:85%; font-weight:600; line-height:30px; height:30px; margin-right:8px; float:left;
  padding:2px 10px 2px 10px; text-decoration:none; border-top:2px solid white; 
}
.navlist li:last-of-type a:link, .navlist li:last-of-type a:visited {margin-right:0;}
.navlist a:link span.small, .navlist a:visited span.small {font-size: 0.8em;}
.navlist a.current:link, .navlist a.current:visited, .navlist a.current:link, .navlist a.current:visited {
  background-color:#fff; border-top:2px solid #F29708; border-bottom:1px solid white; border-right:1px solid #ccc; border-left:1px solid #ccc; color:#000;
}
.navlist a:hover {color: #00f;}
.navlist a:link.guardar, .navlist a:visited.guardar, .navlist a:link.guardar.current, 
.navlist a:visited.guardar.current, .navlist a:link.derecha, .navlist a:visited.derecha, 
.navlist a:link.derecha.current, .navlist a:visited.derecha.current {float:right;}
.navlist a:link.derecha#current, .navlist a:visited.derecha#current {border-bottom:1px solid #fff;}
.navlist img {height:1.5em; margin:0 0 0 0.5em; vertical-align:middle;}

/*---- contenedor ----*/
#contenedor {
  display:block; 
  margin: 0 auto;
  max-width: 960px;
}

/*---- contenedores ---- */
div.contenedor-inicio, div.contenedor-muestras, div.contenedor-libro {
  text-align:center;
  width:100%;
}

/*---- Bloque escaparate ---- */
div.contenedorEscaparate, div.contenedorDatosLibro {
        display: inline-block;
	vertical-align: top;
        margin: 3px;
        padding: 4px 2px 4px 2px;
        background-color: #f9f9f0;
        border-width : 1px 2px 2px 1px;
        border-style : solid;
        border-color : #999;
}

div.contenedorEscaparate {
        width: 220px;
        min-height: 320px;
	max-height: 380px;
	height: 380px;
}

div.contenedorDatosLibro {
	padding: 1em;
        width: 90%;
}

div.contenedorDatosLibro h1 { margin-top: 0em; }

div.contenedorEscaparate img, div.contenedorDatosLibro img {
        margin: 5%;
        border-width : 1px 2px 2px 1px;
        border-style : solid;
        border-color : #999;
}

div.contenedorEscaparate img {
	width: 90%;
}

div.contenedorDatosLibro img {
	width: 90%;
	max-width: 400px;
}

div.contenedorEscaparate h3, div.contenedorDatosLibro h3 {
        font-size: 1em;
        color: #AA0000;
        text-align: center;
        vertical-align: center;
}


/*-- visualiza solo en movil tablet pc -------- */
span.movil  {display:none   !important;}
span.tablet {display:none   !important;}
span.pc     {display:none   !important;}
ul.movil  {display:none   !important;}
ul.tablet {display:none   !important;}
ul.pc     {display:none   !important;}

/***** Movil!!! Para pantallas con width < 670px *****/
@media (max-width:669px) {
  body { /*Esto es para que corte linea por donde pueda si es mas larga que el ancho del movil */
    overflow-wrap:break-word; word-wrap:break-word; -ms-word-break:break-word; word-break:break-word;
    -ms-hyphens:auto; -moz-hyphens:auto; -webkit-hyphens:auto; hyphens:auto;
  }
  abbr, acronym { text-decoration: none !important; border-bottom: hidden;}
  .imgIzq {float:none;}
  span.movil {display:inline !important;}
  ul.movil  {display:block   !important;}
  span.triangulo {display:block; padding-top:3px; margin-left:0;}

  div.banda-menu {height:4em;}
  div.menu-wrapper {display:flex; width:100%; align-items:center; height:3.25em;}
  div.menu-wrapper > div#logo-movil-container {padding-top: 20px; margin: 0 1em;}
  div.menu-wrapper > div#logo-movil-container img{height: 64px;}   
  div.menu-wrapper > ul.menu {justify-content:flex-end; align-items:stretch; padding:0;}
  div.menu-wrapper > ul.menu > li.menu-item {padding:0 0.5em; margin:0;}
  div.menu-wrapper > ul.menu > li.menu-item:hover {opacity:1;}
  div.menu-wrapper > ul.menu > li.menu-item:last-of-type{margin:0 0.5em 0 0;}

  div.tabla div {display: block !important;}
  div.tabla > div.body > div.cabecera {display:none !important;}
  div#franjaMigas .fraseMigas, div#franjaMigas .migas {display:none; margin:0;}
  p.linkIzq {font-size: 0.75em;}
  div#cabecera div#logosInicio {display:none;}

  div#cabecera #logosInicio span#logoLibriImpressi {display:none;}
  div#cabecera #logosInicio span#logoLibriImpressi {width:100%;}
  div#cabecera #logosInicio span#logoLibriImpressi img {width:100%;}

  li.menu-item:hover {opacity:1;}
  li.menu-item.resto {display:none !important;}
  li.menu-item.movil {display:inline; opacity:0.85;}
  li.menu-item.movil a {display:block; padding:0 !important; margin:0;}
  li.menu-item.movil img, label.click-desplegar img {height:28px;}

  label.click-desplegar.resto {display:none !important;}
  label.click-desplegar.movil {display:inline-block; vertical-align:top; cursor:pointer; opacity:0.85;}
  label.click-desplegar.movil:hover {opacity:1;}

  input#activar-menu-movil ~ label {width:28px; height:28px;color: white;}
  input#activar-menu-movil ~ label span {width:28px; height:4px; top:12px;}
  input#activar-menu-movil ~ label span:first-of-type {height:4px; top:4px;}
  input#activar-menu-movil ~ label span:last-of-type {height:4px; top:20px;}
  input#activar-menu-movil:checked ~ label span {top:50%;}
  input#activar-menu-movil:checked ~ label span:first-of-type {height:4px;}
  input#activar-menu-movil:checked ~ label span:last-of-type {height:4px;}
  input#activar-menu-movil ~ div.menu-container {
    width:100vw; border-top:none; border-left:none; border-right:none;
    white-space:normal; top:2.5em; right:-0.5em;
  }

  div.otros-enlaces {height:auto;}
  div.otros-enlaces > div.grupo-otros-enlaces {width:100%; margin-top:1em;}
  div.otros-enlaces > div.grupo-otros-enlaces.izquierda {padding:0;}
  div.otros-enlaces > div.grupo-otros-enlaces.izquierda > div.enlace {
    display:inline-block; padding:0.5em 1em; text-decoration:underline;
  }
  div.otros-enlaces > div.grupo-otros-enlaces.derecha {width:100%; margin-top:1em; float:none;}
  div.redes-sociales {display:none;}

  div.contenedor-inicio, div.contenedor-muestras, div.contenedor-libro {padding:0;}

  .navlist {padding-left:0.3em; padding-right:0.3em;}
  .navlist a:link, .navlist a:visited {padding: 2px 5px; margin-right:2px; font-weight:normal;}
  .navlist img {margin: 0 0.5em;}

  div.contenedorEscaparate {width:380px; max-height: 900px; height: auto;}
}

/***** Tablet!!! Para pantallas width 670px < width < 1050px *****/
@media (min-width:670px) and (max-width:1050px) {
  abbr, acronym { text-decoration: none !important; border-bottom: hidden;}
  span.tablet {display:inline !important;}
  ul.tablet  {display:block !important;}
  div.menu-wrapper {width:auto; display: inline-block;}
  div.menu-wrapper > ul.menu > li.menu-item:last-of-type {margin-right:1em;}
  div.menu-wrapper > ul.menu > li.menu-item:first-of-type {margin-left:1em;}
  div.menu-wrapper > ul.menu > li.menu-item {
  margin: 0 1em;
  }
  div#cabecera #logosInicio span#logoLibriImpressi {margin: 5px;}
  div.otros-enlaces > div.grupo-otros-enlaces {width:100%; margin-top:1em;}
  div.otros-enlaces > div.grupo-otros-enlaces.derecha {float:none;}
  div.otros-enlaces {height:auto;}
  div.otros-enlaces > div.grupo-otros-enlaces.izquierda {padding:0;}
  li.menu-item.movil {display:none !important;}
  label.click-desplegar.movil {display:none !important;}
  div#logo-movil-container {display:none !important;}
  .caja {padding:1em;}
  .info, .error, .ayuda, .aviso {padding-left:3em;}
  .navlist a:link, .navlist a:visited {margin-right:6px;}
  .navlist li:last-of-type a:link, .navlist li:last-of-type a:visited {margin-right:0;}
  .navlist {padding-left:6px;}
  //div#cabecera #logosInicio {margin:0;}
  //span#logoLibriImpressi {display:none !important;}
  //div#cabecera #logosInicio {max-width:100%;}
  //div#cabecera #logosInicio span#logoLibriImpressi {width: calc(100% - 137px);}
  //div#cabecera #logosInicio span#logoLibriImpressi a {margin-left: calc(50vw - 325px);}
}

/***** PC!!! Para pantallas width > 1050px *****/
@media (min-width:1051px) {
  span.pc {display:inline !important;}
  ul.pc {display:block !important;}
  li.menu-item.movil,
  label.click-desplegar.movil {display:none !important;}
  span#logoPresidenciaMovil {display:none !important;}
  div#logo-movil-container {display:none !important;}
}

details.info-flotante *{
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;
}
details.info-flotante {
  position: fixed;
  top: 7px;
  transition: visibility .2s ease-in-out;
}

@media (min-width:1170px) {
  body:has(.djraeWidget_btnfix[style*="block"]) details.info-flotante {
    visibility: visible;
  }
}

details.info-flotante summary {
  list-style-type: none;
  color: lightcoral;
  width: fit-content;
  background-color: #f9f9f9;
  border: solid 1px #ccc;
  border-radius: 5px;
  position: relative;
  top: 3px;
  cursor: pointer;
  transform: translateX(-115px);
  padding: 5px;
  font-size: .8em;
  text-align: center;
}

details.info-flotante[open] summary {
  border-color: #f9f9f9;
}
details.info-flotante[open] summary:hover {
  color: #ccc;
}

details.info-flotante .detail-titulo {
  width: 1190px;
  background-color: #f9f9f9;
  padding: 3.5em 1.5em 2em 1.5em;
  position: absolute;
  border: solid 1px #f9f9f9;
  border-radius: 0 0  5px 5px;
  margin-left: -115px;
  margin-right: -115px;
  top: -8px;
  box-shadow: 1px 3px 8px 1px rgba(25, 25, 25, 0.2);
  z-index: -9999;
  text-align: justify;
  transition: all .2s ease-in-out;
}
details.info-flotante[open] .detail-titulo {
  opacity: 1;
}
details.info-flotante:not([open]) .detail-titulo {
  opacity: 0;
}
body:has(.djraeWidget_btnfix:not([style*="block"])) details.info-flotante {
  visibility: hidden;
}