@import 'forms.css';
h2.centrar {text-align:center;}
/* busqueda rapida */
div.busqueda-rapida {display:table-caption; padding:1em 1em 2em 1em; margin:1em;}
div.busqueda-rapida form > label {
  padding:0.5em 0; display:block; color:#123a63; font-size:0.9em;
}
div.busqueda-rapida div.texto-wrapper {
  border:1px solid rgba(160,176,192,0.8); background-color:white; position:relative;
  width:100%; display:inline-block; padding:0; box-sizing:border-box;
}
div.busqueda-rapida div.texto-wrapper:focus-within {opacity:1;}
div.busqueda-rapida input.texto,  div.busqueda-rapida select#bd {
  opacity:1; font-size:1em; margin:0; padding:0.5em 0.25em; border:0;
  display:inline-block; color:#123a63; background-color:#ffffff;
}
div.busqueda-rapida select#bd {border-right:1px solid rgba(160,176,192,0.8);}
div.busqueda-rapida input.texto {width:calc(100% - 12em);}
div.busqueda-rapida div.lupa {
  width:calc(1.2em + 16px); height:calc(1.2em + 16px); float:right; opacity:0.5; border-left:1px solid rgba(160,176,192,0.8);
}
div.busqueda-rapida div.lupa input {border:0; min-width:0px; padding:0.6em;}
div.busqueda-rapida div.lupa:hover {opacity:1;}
/* link ayuda */
.ayudaBD {text-align:right; margin:1em 0;}
.opciones-flotando .ayudaBD {float:right;}
.ayudaBD a {margin:0 .4em .3em 0;}
.ayudaBD a .ayuda {background-position:0 0; background-size:1.2em 1.2em; padding-left:2em;}
/* pagina index */
.celda ul.gris {padding-top:1em; padding-bottom:1em; padding-right:1em; margin:0;}
.celda ul li {
  background-image:url("/imagenes/ico_bullet.png"), none;
  background-position:left 2px; background-repeat:no-repeat;
  background-size:1em auto; font-weight:normal; margin-left:1em;
  margin-top:1.3em; margin-bottom:1.3em; padding:0 2em; font-size:90%;
}
.celda ul li.noBullet {background-image:none; padding:0; margin:0; font-size:100%;}
.celda ul li.noBullet ul {padding:0;}
.celda ul li a, .celda ul li a:visited {text-decoration:none;}
.celda ul li a:hover, .celda ul li a:visited:hover {text-decoration:underline;}
.tabla {display:table; margin:1em auto;}
.fila {display:table-row;}
.fila2 {display:block; margin-top:1em;}
.celda {text-align:left; display:table-cell; padding:0.2em; vertical-align:middle; border:1em solid white;}
.celdaIndices {text-align:left; display:table-cell; padding:0.2em; vertical-align:top; border:1em solid white;}
.celda > h3 {padding-left:40px;padding-right:40px;}
.celda ~ .teu {vertical-align:top;}
.grupoCasillas.sangrado{margin-left:2%;}
.celda ~ .teu ul h3 {padding-left:0; padding-right:1em;}
/* pagina resultados */
.paginar, .paginar2 {
  text-align:center; font-size:90%; padding:0; margin:0.5em 0;
}
.paginar {margin-top:2em;} 
.paginar2 ul {padding:0; line-height:1.5em;}
.paginar2 ul li {display:inline; padding:0 .5em;}
.paginar2 ul li a {border-width:0; text-decoration:none;}
.paginar2 span.current {
  font-weight:bold; padding:.2em .5em; background-color:#123a63; color:#fff;
}
li.resultado-busqueda {position:relative;}
li.resultado-busqueda a.resultado-busqueda-link-otro {position:relative; z-index:50;}
.listadoResult h3, .listadoResult h4, .listadoResult h5 {margin-top:0.3em;}
.listadoResult h3 {font-size:1.1em;}
.listadoResult h4 {font-size:1em;}
.listadoResult h5 {font-size:0.9em;}
.listadoResult p {margin:1em 0 0 1em;}
.listadoResult ul {margin:0; padding:0; clear:left;}
.listadoResult > ul > li {border-top:1px solid #aaa;}
.listadoResult ul li {padding:1em;}
.listadoResult ul li ul {display:block;}
.listadoResult ul li ul li {display:inline-block; padding:0 1em;}
.listadoResult .datosGaz {margin:0 1em;}
.listadoResult .puntoPDF a {
  background-image:url(../imagenes/puntoPDF_light_sign.png);
  background:url(../imagenes/puntoPDF_light_sign.svg) no-repeat 0% 50%, none;
}
.listadoResult .puntoPDFsup a, .listadoResult .puntoPDF2 a {
  background-image:url(../imagenes/puntoPDF_light.png);
  background:url(../imagenes/puntoPDF_light.svg) no-repeat 0% 50%, none;
}
.listadoResult .puntoConso a {
  background-image:url(../imagenes/puntoConso_light.png);
  background:url(../imagenes/puntoConso_light.svg) no-repeat 0% 50%, none;
}
.listadoResult .puntoPDF a,  .listadoResult .puntoPDFsup a, .listadoResult .puntoPDF2 a, .listadoResult .puntoHTML a, .listadoResult .puntoConso a {background-size:32px auto;}
li.resultado-busqueda a.resultado-busqueda-link-defecto {
  background-image:none; display:block; position:absolute; margin:0; padding:0;
  top:0; left:0; height:100%; width:100%; z-index:40;
}
/* Formulario */
form fieldset {text-align:center; font-size:95%; padding:1em;}
form fieldset fieldset {text-align:left; border:1px solid #ddd;}
form fieldset fieldset legend {padding:0 0.5em;}
div.busqueda-rapida div.atajo-texto > fieldset {text-align:left; font-size:100%;}
form .tabla {min-width:90%;}
form .fila, form .fila2 {line-height:2.5em;}
form .fila.tablet {display:none;}
form .fila.pc     {display:none;}
form .celda {border:0;}
.formBOE .celda:nth-child(odd) label, .formBOE .celda:first-child select {float:right;}
.formBOE .celda label, .formBOE .celda span.lbl {padding-right:1em;}
.formBOE .celda:first-child select {margin-right:1em;}
.formBOE .bloqueBotones {text-align:center; margin:1em 0}
.formBOE .bloqueBotones .boton {margin:1em 2em}
.formBOE div.tabla.grupoCasillas {border-top:1px solid #ddd; margin-top:1em; padding-top:1em;}
form span.grupoCasillas {display:inline-block; vertical-align:middle; margin:0 1em;}
p.fila textarea {min-width:95%; display:block; margin:1em auto;}
.celda input[type="radio"], input[type="checkbox"] {vertical-align:initial;}
.formBOE .celda:nth-child(2n+1) input[type="checkbox"]+label {float:none;}
.grupoCasillas .lineaCheck {margin:inherit;}
.lineaCheck {vertical-align:initial;}
label.tooltip {position:relative; display:flex; align-items:center;}
label.tooltip > img {width:1.2em; cursor:pointer; margin-left:0.5em;}
label.tooltip span {display:none;}
label.tooltip > img:hover ~ span {
  display:block; position:absolute; top:2.5em; left:0; width:20em; 
  background-color:#fff; color:#123a63; border:1px solid #123a63;
  border-radius:6px; padding:0.5em; white-space:normal; line-height:1.3em;
}
/* para las paginas de ayuda */
span.simulaBoton {
  border:none; background-repeat:repeat-x; background-position:0% 0%; background-color:#eee;
  color:#123a63; padding:0 1em; box-sizing:border-box; border-radius:2px;
  -moz-border-radius:5px; -webkit-border-radius:5px; text-align:center;
  box-shadow:0 1px 1px 0 rgba(0,0,0,0.28), 0 0 0 0.2px rgba(0,0,0,0.28);
}
.simulaDespleg {
  border:0.5px solid rgba(160,176,192,0.8); background-clip:padding-box; box-sizing:border-box;
  color:#5f5f5f; padding:6px; border-radius:2px; min-width:10em; background-color:#ffffff;
}
.bloque {display:block;}
.imgAyudas {text-align:center; margin:2em 0;}
.imgAyudas img {
  border:1px solid #888; clear:both; opacity:0.8; 
  filter:alpha(opacity=80); max-width:100%; height:auto;
}
h5 {font-weight:normal;}
div.tabla.estatico > div.body > div.caption {
  display:table-caption; text-align:center; font-size:1.1em; text-align:center; 
  font-weight:normal; padding:0.1em 0.4em 0.6em 0.4em;
}
div.tabla.estatico >  div.caption > div.header > div {
  display:table-cell; background:url(../imagenes/bkgTh1.gif) repeat top left;
  color:#333; font-size:0.9em; font-weight:bold;
}
div.tabla.estatico > div.body > div > div:cell {font-size:0.9em; font-weight:bold;}
.img-fluid {max-width:100%; height:auto;}
div.enlaceBuscar {text-align:right; white-space:nowrap; margin-top:1em;}
div.enlaceBuscar > a {
  background-image:url('/imagenes/buscar.png'); background:url(/imagenes/buscar.svg);
  background-repeat:no-repeat; background-position:left center; background-size:32px; display:inline-block; line-height:32px; padding-left:42px; text-align:right;
}
/* Logo del ELI */
.bloqueELI {text-align:center; height:80px; margin-bottom:1em;}
.bloqueELI a {
  display:inline-block; background-image:url(/imagenes/Logo-ELI.png);
  background-repeat:no-repeat; background-position-y:50%;
  background:url(../imagenes/Logo-ELI.svg) no-repeat 0% 50%, none;
  background-size:auto 40px; padding:2em; padding-left:129px; text-decoration:none;
}
.bloqueELI a:hover, .bloqueELI a:visited:hover { text-decoration:underline;}
/***** Movil!!! Para pantallas width width < 670px *****/
@media (max-width:669px) {
  div.busqueda-rapida {
    padding:1em 0 2em 0; background-color:#fff; margin:1em auto; max-width:45.8em;
  }
  .ayudaBD a {margin:0;}
  .tabla, .fila, .celda, form span.grupoCasillas {display:block;}
  form span.grupoCasillas {text-align:left; margin:0 3px;}
  form span.grupoCasillas .celda {display:inline-block;}
  .celda {padding:3px; border:0.5em solid white;}
  div.busqueda-rapida {margin-left:0.5em; margin-right:0.5em;}
  /* Formulario */
  form fieldset {font-size:90%; padding:3px; max-width:95vw;}
  form .tabla {width:unset; }
  .formBOE .bloqueBotones {text-align:center;}
  .formBOE .celda:nth-child(odd) label, .formBOE .celda:first-child select {float:none;}
  .listadoResult ul li {padding-bottom:0.5em; padding-top:0.5em;}
  p.fila textarea {min-width:95%; display:block; margin:1em auto;}
  .bloqueELI {
    display:block; background-position:50%; float:none; width:100%; margin-bottom:15px; padding: 0 1em;
  }
  .celda.gris ul, .celda.gris > h3 {padding-left:0;}
}
/***** Movil pequeno!!! Para pantallas width < 355px *****/
@media (max-width:355px) {
div.busqueda-rapida {font-size:0.7em;}
div.busqueda-rapida div.lupa {width:26px; height:26px;}
div.busqueda-rapida div.lupa input {border:0; min-width:0px; padding:5px;}
}
/***** Tablet!!! Para pantallas width 670px < width < 1023px *****/
@media ( min-width :670px) and (max-width:1023px) {
  /* index */
  .tabla {display:block; background-color:#f8f8f8;}
  .tabla div.busqueda-rapida {
    display:inline-block; margin:0; padding:0; background-color:#fff;
    width:100%; padding-bottom:2em;
  }
  .fila {display:block; border-bottom:1em solid white;}
  .celda {display:inline-block; border:0; max-width:45%;}
  .celda.teu {max-width:inherit;}
  .celda:first-child {min-width:45vw;}
  .celda ul, .celda > h3 {padding:0 1em;}
  /* formulario */
  form fieldset {font-size:90%;text-align:left; max-width:95vw;}
  form .tabla {margin:0 auto; width:inherit;}
  form .fila, form .fila2 {text-align:left; border:0;}
  form .fila.tablet {display:block;}
  form .celda {min-width:0; width:auto; max-width:none;}
  form .celda:nth-child(odd) label {float:none; padding-right:0;}
  form .fila .celda:first-child {min-width:9em;}
  form .fila span.grupoCasillas .celda {min-width:0;}
  form span.grupoCasillas {display:inline-block; margin-left:0;}
  p.fila textarea {min-width:95%; display:block; margin:1em auto;}
  .bloqueELI { display:block; background-position:50%; float:none;  width:100%; margin-bottom:15px; }
}
/***** Tablet VERTICAL!!! Ajuste para formularios width 670px < width < 820px *****/
@media ( min-width :670px) and (max-width:820px) {
  form .fila .celda:first-child {min-width:0;}
}
/***** PC!!! Para pantallas width > 1023px *****/
@media ( min-width :1023px) {
  form .fila.pc {display:table-row;}
}
/********    mhm1   ************/