div.banner {width:100%; position:relative; padding:2em 0; text-align:center; background-color:#f9f9f9;}
div.banner p span {padding:0.5em 0; line-height:1.5em;}
div.banner .info {
  border:0; background-position:0 50%; 
  padding-left:3em; padding-top:1em; padding-bottom:1em; 
  background-image:url(/imagenes/home/teju_270.png);
  background: url(/imagenes/home/teju_270.svg) no-repeat 0% 50%, none;
  background-size:2.5em 2.5em; 
}
a {text-decoration:none;}
div.banner a {text-decoration:underline;}
a:hover, a:visited:hover {text-decoration:underline;}
div {box-sizing:border-box;}
div#contenedor-secundario {max-width:960px; margin:0 auto;}
div#contenedor-secundario a, div#contenedor-secundario a:visited {color:#000;}
div#contenedor-secundario p.enlaceBuscar a, div#contenedor-secundario p.enlaceBuscar a:visited {color:#123a63;}
div.sin-borde h3, div.sin-borde .contenedor-lista {margin-top:0.5em;}
h3 > a, h3 > a:visited, h3 > a:hover, h3 > a:visited:hover {color:#123a64;}
h3 > a:hover, h3 > a:visited:hover {text-decoration:underline;}

div.contenedor-lista a.link-contenedor:focus-visible {
	opacity: 50%;
}

div.contenedor-lista a.link-contenedor {
    background-image: none;
    display: block;
    position: absolute;
    margin: 0;
    padding: 0;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 40;
}
div.contenedor-lista a.link-contenedor-otro {
    position: relative;
    z-index: 50;
}

/***** franjas *****/
div.franja {width:100%; text-align:center; padding-top:1em; padding-bottom:1em;}
div.franja > div.fila {display:flex; flex-direction:row; justify-content:space-between;}
div.franja div.descripcion {margin:1em; font-size:90%;}
div.franja #todo-el-derecho div.descripcion {margin-bottom:0;}
div.franja > div.fila > div.elemento-doble {display:flex;}
div.franja > div.fila > div.elemento-doble > div.elemento:first-of-type {margin-right:30px;}
div.franja > div.fila.triple div.elemento {width:300px;}
div.franja > div.fila div.elemento {border:1px solid #999; position:relative;}
div.franja > div.fila div.elemento > div.contenedor-lista {padding:0em;}
div.franja > div.fila div.elemento > div.contenedor-lista > a > img {opacity:0.85;}
div.franja > div.fila div.elemento > div.contenedor-lista > a > span > img {opacity:0.85;}
div.franja > div.fila div.elemento > div.contenedor-lista ul {
  display:inline-block; padding:0; margin:0; text-align: center;
}
/*div.franja > div.fila div.elemento > div.contenedor-lista p {text-align:left;}*/
div.franja > div.fila div.elemento p.enlaceBuscar {text-align:right;}
#biblioteca-juridica .detalle p {
  text-align:center; color:#123a63; font-size:90%; margin-bottom: 1.5em; margin-top: 1em;
}
div.franja > div.fila div.elemento > div.contenedor-lista img {width:100%;}
div.franja > div.fila div.elemento > div.ver-mas {
  font-size:0.75em; position:absolute; bottom:1em; right:1em;
}
div.franja > div.fila div.elemento > div.ver-mas a {
  background-image:url(/imagenes/home/triangle-down_16x16.png); background-position:98% top;
  background-repeat:no-repeat; padding:0 2em 0 0;
}
div.franja > div.fila div.elemento > div.ver-mas a:hover {text-decoration:underline;}
div.franja > div.fila.doble > div.elemento {width:40%; margin:0 5%;}
div#diarios{margin-top: 1.5em;}
#diarios h3 {font-size: 1.2em;}
div.franja div.titulo-franja {font-weight:bold; font-size:2em; margin:0.25em 0;}
div.franja div.titulo-franja h2 {font-weight:normal; font-size:1em; font-size:2rem; margin:0em;}
div.franja p.subtitulo {font-weight:bold; font-size:1.25em; margin-top:1em;}
p.enlaceBuscar {padding:0.5em;}
p.enlaceBuscar > a {
  background-image: url(/imagenes/home/lupa_24x24.png); background-repeat: no-repeat;
  background-position: right center; background-size: 1.2em; display: inline-block; 
  padding: 0 1.5em 0 0; font-size:90%; line-height:1.2em;
}
div#servicios-adicionales .elemento {border:0; width:30%; padding:1em; margin:1em 0;}
div#servicios-adicionales .elemento:hover {cursor:pointer;}
div#servicios-adicionales .elemento:hover img {opacity:1;}
div#servicios-adicionales div.elemento > div.contenedor-lista img {max-width:85px;display: block;margin: 0 auto .5em;}
div#servicios-adicionales div.elemento > div.contenedor-lista span.exh3 {font-size: 1.2em;}
div#servicios-adicionales li {display: inline;}
div#servicios-adicionales .elemento a {color:#123a63;}
div#servicios-adicionales .elemento:hover a {text-decoration:underline;}
div#servicios-adicionales h3 {font-size:1.2em; margin-top:0.5em;}
/***** servicios *****/
div.servicios-gestion {width:100%; text-align:center; margin-top:4em;}
div.servicios-gestion > div.titulo-servicios-gestion {
  font-weight:normal; font-size:1em; font-size:2rem; margin-top:0.5em; 
  margin-bottom:0.5em;
}
div.servicios-gestion div.titulo-servicios-gestion h2 {
  font-weight:normal; font-size:1em; font-size:1.6rem; margin:0em;
}
div.servicios-gestion > div.servicios-gestion-fila {
  width:100%; display:flex; flex-flow:wrap; justify-content:center;
}
div.servicios-gestion >div.servicios-gestion-fila > a.servicio-gestion-enlace {
  color:#333; display:block; margin:1em; vertical-align:top;
  min-width:100px; font-size:0.75em; font-weight:normal;
}
div.servicios-gestion >div.servicios-gestion-fila > a.servicio-gestion-enlace p {
  color:#123A63;
}
div.servicios-gestion >div.servicios-gestion-fila > a.servicio-gestion-enlace:hover p {
  text-decoration:underline;
}

/***** info interes *****/
div.info-interes {margin-top:1em; border-top:1px solid #AEAEAE;} 
.info-interes div {
  text-align:center; display:flex; flex-direction:row; justify-content:center;
}
.info-interes h2 {font-size:1em; margin-top:0; padding-top:1em; text-align:center;}
.info-interes ul {font-size:85%; font-weight:bold; padding:0; margin:0 1em 1em 1em;}
.info-interes ul > li {font-weight:normal; margin-left:0em;}
.info-interes ul > li > a {color:black;}
.info-interes ul > li > a:hover {text-decoration:underline;}
.info-interes ul li:nth-child(1) {margin-top:2ex;}

/**********************************************************************************************/
/*****************************		 RESPONSIVE		 *********************************************/
/**********************************************************************************************/

/***** ���Tablet!!! Para pantallas width 650px < width < 1050px *****/
/* Redistribuimos los elementos de publicaciones para que el tercero ocupe todo el ancho */
@media (min-width:670px) and (max-width:1050px) {
  div#contenedor-secundario {padding:0 1em;}
  div.franja > div.fila.triple {flex-direction:column;}
  div.franja > div.fila.triple > div.elemento-doble {justify-content:space-between;}
  div.franja > div.fila.triple > div.elemento-doble > div.elemento {width:48%;}
  div.franja > div.fila.triple > div.elemento {margin-top:2em; width:100%;}
  div.franja > div.fila.triple > div.elemento > div.contenedor-lista {display:flex;}
  div.franja > div.fila.triple > div.elemento> div.contenedor-lista > div.detalle {width:50%;}
  /*div.franja > div.fila.triple > div.elemento> div.contenedor-lista > img {width:50%;}*/
  div.franja > div.fila.triple > div.elemento> div.contenedor-lista > /*a >*/ img {height:100%;width:50%;}
  div.franja > div.fila.doble > div.elemento {width:48%; margin:0;}
}

/***** ���Movil!!! Para pantallas width 670px > width *****/
@media (max-width:669px) {
  div.banner {
    overflow-wrap:normal; word-wrap:normal; -ms-word-break:normal; word-break:normal;
    -ms-hyphens:none; -moz-hyphens:none; -webkit-hyphens:none; hyphens:none;
  }
  div.banner .info {background-size: 2em 2em;}
  div.menuIdiomas {display:inline;}
  div.franja {padding-top:0;}
  div.franja > div.fila {display:flex; flex-direction:column; flex-wrap:nowrap;}
  div.franja > div.fila div.elemento {border-right:0; border-left:0;}
  div.franja > div.fila.triple div.elemento {width:100%; margin:1em 0;}
  div.franja > div.fila.triple > div.elemento-doble {flex-direction:column;}
  div.franja > div.fila.triple > div.elemento-doble > div.elemento:first-of-type {margin-right:0;}
  div.franja > div.fila.doble > div.elemento {margin:2em 0 0 0; width:100%;}
  div.franja .elemento .contenedor-lista img {display:none;} 
  div.franja#diarios div.fila .elemento-doble .elemento:first-child { 
    background: linear-gradient(rgba(255,255,255,0.9), rgba(255,255,255,0.9)),url("../imagenes/home/boe-01.jpg");
  }
  div.franja#diarios div.fila .elemento-doble .elemento:last-child { 
    background: linear-gradient(rgba(255,255,255,0.9), rgba(255,255,255,0.9)),url("../imagenes/home/brm-01.jpg");
  }
  div.franja#diarios div.fila > .elemento { 
    background: linear-gradient(rgba(255,255,255,0.9), rgba(255,255,255,0.9)),url("../imagenes/home/europa.jpg");
  }
  div.franja#diarios div.fila .elemento {background-size:100vw auto !important; background-position:50% 50% !important;}  
  div.franja#juridico .elemento#todo-el-derecho { 
    background: linear-gradient(rgba(255,255,255,0.9), rgba(255,255,255,0.9)),url("../imagenes/home/bl-01_full.jpg");
  }
  div.franja#juridico .elemento#biblioteca-juridica { 
    background: linear-gradient(rgba(255,255,255,0.9), rgba(255,255,255,0.9)),url("../imagenes/home/bj-01_full.jpg");
  }
  div.franja#juridico div.fila .elemento {background-size:auto 100% !important; background-position:50% 50% !important;}
  div.descripcion ul.bullet-boe li {text-shadow:0 0 10px #fff; font-size:1.2em;}
  div.franja h3 {text-shadow:0 0 10px #fff;}
  div#servicios-adicionales > div.fila div.elemento {width:100%}
  .info-interes div {flex-direction:column;}
  .info-interes ul {margin: 0 1.5em;}
  .info-interes ul li:nth-child(1) {margin-top:0;}
  .info-interes ul:nth-child(1) {margin-top:2ex;}
  .info-interes ul:last-child {margin-bottom:2ex;}
}