:root {
  --color-outline: #f4ad3e;
}
/* impresion */
@import url(print.css) print;

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:#81881f; padding:0.4em 0; margin-top:1em;}
h2 {font-size: 1.7em; font-weight:bold; color:#81881f; 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;}

/* accesibilidad */
*:focus-visible{
	outline:none;
}

a:focus-visible{
	outline: 2px solid var(--color-outline) !important;
	border:0px;
}

/* link subir */
.linkSubir {text-align:right; margin-bottom:1em;}
.linkSubir a, .linkSubir a:visited, .linkSubir a:visited:hover {
  color:#81881f; text-decoration:none; font-weight:normal; background-repeat:no-repeat;
  background-image:url(/imagenes/puntoSubir.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:#81881f;}
.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;}

/***** Menu superior para elegir IDIOMAS *****/

li.menu-idiomas div {box-sizing:border-box;}

li.menu-idiomas input#activar-idiomas {
    /* display:none; */
    opacity:0;
}

li.menu-idiomas input#activar-idiomas ~ ul#lista-idiomas {
  display:none; position:absolute; top:1.45em; z-index:1000; text-decoration:none;
  background-color:white; border:1px solid #81881f; padding:0 0 0 0; left:0.75em; color: #81881f;
}
li.menu-idiomas input#activar-idiomas:checked ~ ul#lista-idiomas {display:block;}
li.menu-idiomas input#activar-idiomas:checked ~ label.idioma-actual > span.triangulo {
  transform:rotate(180deg); padding-top:2px; transition:.5s;
}

li.menu-idiomas input#activar-idiomas:focus-visible ~ label.idioma-actual {
	outline: 2px solid var(--color-outline) !important;
}

li.menu-idiomas label.idioma-actual {color:white; cursor:pointer;}
li.menu-idiomas label.idioma-actual span.descripcion-idioma {display: inline-block; vertical-align: top;}
li.menu-idiomas label.idioma-actual:hover > span.descripcion-idioma {text-decoration:underline;}

li.menu-idiomas div#selector-idioma {margin:0;}
li.menu-idiomas div#selector-idioma ul#lista-idiomas li {text-align:left; padding:0;}
li.menu-idiomas div#selector-idioma ul#lista-idiomas li:hover a {color:#81881f;}
li.menu-idiomas div#selector-idioma ul#lista-idiomas li a {color:#81881f; padding:0;}
li.menu-idiomas div#selector-idioma ul#lista-idiomas li a:hover {text-decoration:underline;}
li.menu-idiomas div#selector-idioma ul#lista-idiomas li a span {display:block; padding:0.75em 1.25em;}
li.menu-idiomas span.idioma abbr {display:none; text-decoration:none; background-color:transparent !important;}
li.menu-idiomas span.idioma em {display:block;}
li
/** <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#header {text-align: center;}
div#header #logosInicio {
  margin:0 auto; padding:0; text-align:left; vertical-align:middle; font-size:0; max-width:960px;
}
div#header #logosInicio span {display:inline-block; padding:0; margin:0;}
div#header #logosInicio span a {display:inline-block; font-size:1em;}
div#header #logosInicio span#logoAgencia {margin-left: 5px;}

/***** menu superior *****/
p.texto-disclaimer {text-align:center; font-weight:bold;  padding:1ex; background-color:#eee; color:#912600;}
div.banda-menu{background-color:#81881f; text-align: center; height: 1.5em;}
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 2em; 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.45em; z-index:1000; white-space:nowrap; 
  width:250px; background-color:white; color:#81881f; border:1px solid #81881f; 
}
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:#81881f; 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; min-height:30vh;}

/*---- pools ---- */
div.poolGenerico {
  margin:0 auto;  max-width:960px; padding:0 1em;
}

/*-- 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 width 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:3.25em;}
  div.menu-wrapper {display:flex; width:100%; align-items:center; height:3.25em;}
  div.menu-wrapper > div#logo-movil-boe-container {padding-top:0.25em; margin: 0 1em;}
  div.menu-wrapper > div#logo-movil-boe-container img{height: 32px;}   
  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.menu-idiomas {padding:0 0.5em 0.9em 0.5em;}
  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.header {display:none !important;}
  div#franjaMigas .fraseMigas, div#franjaMigas .migas {display:none; margin:0;}
  p.linkIzq {font-size: 0.75em;}
  div#header div#logosInicio {display:none;}

 

  /**<menu-idiomas>**/
  
  span.triangulo > span {
  	margin: 0 0.125em;
  }
    
  li.menu-idiomas label.idioma-actual span.descripcion-idioma.movil{
    display: block !important;
  }
  
  li.menu-idiomas label.idioma-actual {
    background-position:center bottom; padding-bottom:0; padding-right:0; font-size:0.8em; opacity: 0.85;
  }
  li.menu-idiomas label.idioma-actual:hover {opacity:1;}
  li.menu-idiomas div#selector-idioma ul#lista-idiomas {
    left:-0.75em; top:2.5em; border-top-width:1px; min-width: 4em;
  }
  li.menu-idiomas div#selector-idioma > label {font-size:1.1em;}
  li.menu-idiomas div#selector-idioma > label:hover {text-decoration:none;}
  li.menu-idiomas span.idioma abbr {display: block;}
  li.menu-idiomas span.idioma em {display: none;}

  div#header #logosInicio span#logoPistachosynueces {display:none;}
  div#header #logosInicio span#logoAgencia {width:100%;}
  div#header #logosInicio span#logoAgencia 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.poolGenerico {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;}
}

/***** Tablet!!! Para pantallas width 670px < width < 1050px *****/
@media (min-width:670px) and (max-width:1050px) {
  abbr, acronym { text-decoration: none !important; border-bottom: hidden;}
  div#header #logosInicio {margin:0;}
  span.tablet {display:inline !important;}
  ul.tablet  {display:block !important;}
  div.menu-wrapper {width:auto; display: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 3em;
  }
  span#logoPresidencia {display:none !important;}
  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-boe-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#header #logosInicio {max-width:100%;}
  div#header #logosInicio span#logoAgencia {width: calc(100% - 137px);}
  div#header #logosInicio span#logoAgencia 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-boe-container {display:none !important;}
  
  
  #gazeta{
    background-size: 100% !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 {
  /* display: none; */
  /* color: lightcoral; */
  position: fixed;
  top: 7px;
  /* left: -3em; */
  /* background-color: red; */
  /* margin-left: -8em; */
  /* border: 1px solid #f1f1f1; */
  /* width: fit-content; */
  /* padding: .5em; */
  /* border-radius: 10px; */
  /* cursor: pointer; */
  /* left: -100%; */
  transition: visibility .2s ease-in-out;
}

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

details.info-flotante summary {
  list-style-type: none;
  color: lightcoral;
  width: fit-content;
  /* max-width: 85px; */
  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;
  /* display: block !important; */
  /* left: calc(-45vw + 50%); */
  /* transform: translateX(-10%); */
  /* max-width: 100%; */
  /* padding-left: 50vw; */
  /* padding-right: 50vw; */
  margin-left: -115px;
  margin-right: -115px;
  top: -8px;
  box-shadow: 1px 3px 8px 1px rgba(25, 25, 25, 0.2);
  z-index: -9999;
  /* max-width: max(100%, 100vw); */
  text-align: justify;
  /* opacity: 0; */
  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;
}