@import 'forms.css';

/*---- SUMARIOS ----*/
.sumario {margin:0 auto; max-width:960px; padding:0; min-height:25vh; font-size:0.9em;} 
.poolBORME h2 {color:#A70101;}

.no_partir {white-space:nowrap;}
.linkSumario {
  margin:0 auto; max-width:960px; padding:0; width:auto;
  text-align:right; display:block; vertical-align:middle;
}
div.linkSumario p {margin:0; padding:20px 0; display:inline-block;}
.linkSumario ul {
  margin:0; padding:0; display:inline-block; vertical-align:middle;
}
.linkSumario li {
  display:inline-block; text-align:right; margin:0 0.5em; list-style-type:none;
  list-style-image:none; background-image:none; padding:0;
}

.solapasMultiplesBOES {
  box-sizing:border-box; line-height:1.5; font-weight:300; color:#888; 
  text-align:center; margin:-1em auto 2em auto; padding:0;
}
.solapasMultiplesBOES ul {display:block; margin:0; padding:0;}
.solapasMultiplesBOES ul li {display:inline-block; line-height:2em; margin:0;}
.solapasMultiplesBOES ul li a:link, .solapasMultiplesBOES ul li a:visited {
  color: #5f5f5f; font-weight:500; display:block; padding:0 1em; text-decoration:none;
  box-shadow:0 1px 1px 0 rgba(0, 0, 0, 0.08), 0 0 0 0.5px rgba(0, 0, 0, 0.08);
  -moz-box-shadow:0 1px 1px 0 rgba(0, 0, 0, 0.08), 0 0 0 0.5px rgba(0, 0, 0, 0.08);
  -webkit-box-shadow:0 1px 1px 0 rgba(0, 0, 0, 0.08), 0 0 0 0.5px rgba(0, 0, 0, 0.08);
  background-color:#eee;
}
.solapasMultiplesBOES ul li.current {
  color:#fff; padding:0 1em; background-color:#123a63; box-shadow:0 1px 1px 0 #123a63,0 0 0 0.5px #123a63;
  -moz-box-shadow:0 1px 1px 0 #123a63,0 0 0 0.5px #123a63;
  -webkit-box-shadow:0 1px 1px 0 #123a63,0 0 0 0.5px #123a63;
}
.solapasMultiplesBOES ul li a:hover {
  box-shadow:0 1px 1px 0 #F29708, 0 0 0 0.5px #F29708;
  -moz-box-shadow:0 1px 1px 0 #F29708, 0 0 0 0.5px #F29708;
  -webkit-box-shadow:0 1px 1px 0 #F29708, 0 0 0 0.5px #F29708; background-color:#fff;
}
.solapasMultiplesBOES abbr {border-bottom:0;}

/*filtros*/
#filtros {margin:0 auto; max-width:960px; padding:1em 0; width:auto;}
#filtros div.dropdown {margin-left:1em;}
#filtros label.selected {color:#123a63; background-color:#fff;}
#filtros label {width:27.5em; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.poolBORME #filtros label, .poolBORME div.dropdown > ul {width:30em;}
#indiceSumarioN .dropdown > label, #indiceSumarioN .dropdown > ul {width:45em;} 
div.dropdown:last-child > ul {z-index:800;}
div.dropdown > ul span.titulo {
  padding:6px 15px; background-color:#f8f8f8; display:block; border-top:1px solid #ddd; color:#5f5f5f;
}
div.dropdown > ul span.secc {padding:6px 15px; display:block; color:#5f5f5f;}
#indiceSumarioN div.dropdown > ul > li > a {
  padding:6px 15px; display:block; border-top:1px solid #ddd;
}
#indiceSumarioN div.dropdown > ul > li:first-child > a {border:none;}

/* contenido del sumario*/
h2 {margin:2em 0; font-size:1.2em; text-align:center;}
h3 {padding-left:1em; padding-right:1em; font-size:1.4em; font-weight:bold; margin-top:1em;}
#filtros h3 {padding:0; margin:0; font-size:1em;}
h4 {text-transform:uppercase; padding-left:1em;}
.poolDOBORME h5 {font-weight:bold; padding-left:1em}
h5 {font-weight:bold; padding:0 0 0 2em;}
h6 {font-weight:normal; padding:2em 0 1em 3em;}
.sumario ul {padding-left:2em;}
ul li.dispo, ul li.notif {
  list-style-image:none; margin:0 1em 1.5em 1em; padding:1em; background-color:#f8f8f8; 
  border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
}

.puntoPDF a {
  background-image: url(../imagenes/puntoPDF_light_sign.png);
  background: url(../imagenes/puntoPDF_light_sign.svg) no-repeat 0% 50%, none;
}
.puntoPDFsup a, .puntoPDF2 a {
  background-image: url(../imagenes/puntoPDF_light.png);
  background: url(../imagenes/puntoPDF_light.svg) no-repeat 0% 50%, none;
}
.puntoHTML a {
  background-image: url(../imagenes/puntoHTML_light.png);
  background: url(../imagenes/puntoHTML_light.svg) no-repeat 0% 50%, none;
}
.puntoXML a {
  background-image: url(../imagenes/puntoXML_light.png);
  background: url(../imagenes/puntoXML_light.svg) no-repeat 0% 50%, none;
}
.puntoPDF a, .puntoPDFsup a, .puntoPDF2 a, .puntoXML a, .puntoHTML a {background-size:32px auto;}

ul li.dispo p, ul li.notif p {margin:0; padding:0; font-size:95%;}
div.enlacesDoc {margin-top: 0.5em;}
div.enlacesDoc > ul > li {display:inline-block;}
div.enlacesDoc > ul > li:first-child {min-width:30em;}


@media print {
  #header, .menu-wrapper, #franjaMigas, #logosInicio, .menu-idiomas, .enlacesSumario,
  .linkSumarioN, .linkSubir, .otros-enlaces {display:none;}
}

/***** ¡¡¡Movil!!! Para pantallas width width < 670px *****/
@media (max-width:669px) {
  .sumario {font-size:0.8em;} 
  .enlacesSumario, .linkSumario {text-align:center; font-size:85%; word-break: normal;}
  #filtros {text-align:center;}
  #filtros label {margin-left:0; text-align:left;}
  #filtros div.dropdown {margin-left:0;}
  #indiceSumarioN div.dropdown > label, #indiceSumarioN div.dropdown > ul,
  #indiceSumario div.dropdown > label, #indiceSumario div.dropdown > ul {
    width:90vw; lext-align:left;
  }
  h5, h6, .sumario > ul {padding-left:1em;}
  ul li.dispo, ul li.notif {margin-left:0;}
  .enlacesDoc ul {padding-left:0;}
  li .enlacesDoc a {font-size:0.85em;}
  div.poolAgencia {padding: 0 0.5em;}
  div.enlacesDoc > ul > li:first-child {min-width:0;}
}

/***** ¡¡¡mini Movil!!! Para pantallas width width < 412px *****/
@media (max-width:412px) {
    div.poolAgencia {padding:0 0.2em;}
    ul.navlist {padding-left:0.1em; padding-right:0.1em;}  
}
@media (max-width:398px) {
    ul.navlist {font-size:95%;}  
}
@media (max-width:365px) {
    ul.navlist {font-stretch:ultra-condensed; font-size:90%;}  
}


/***** ¡¡¡Tablet!!! Para pantallas width 670px < width < 1050px *****/
@media (min-width:670px) and (max-width:1050px) {
  .enlacesDoc ul {padding-left:1em;}
  #indiceSumarioN .dropdown > label, #indiceSumarioN .dropdown > ul {width:39em;} 
}

/***** ¡¡¡PC!!! Para pantallas width > 1050px *****/
@media (min-width:1051px) {
  ul li.dispo p, ul li.notif p {word-wrap:break-word; text-align:justify;}
}