@import "especiales.css";
:root {
    --fondoth: #f9f9f9;
    --color_rojo102: #4F0C1A;
    --color_rojo101: #691023;
    --color_rojo: #9E1834;
    --color_rojo099: #AC3951;
    --color_rojo098: #BA5A6E;
    --color_rojo097: #C87B8B;
    --color_rojo096: #D59CA8;
    --color_rojo095: #E38DC5;
    --color_rojo094: #F1DEE2;
    --color_verde103:#172b28;
    --color_verde102:#203c37;
    --color_verde101:#335b55;
    --color1-100:#457e76;
    --color_verde099:#89beba;
    --color_verde098:#ddeeec;
    --color_gris_lineas:#00000055;
    --fondo:white;
    --color2-text: #9E1834;
}

body{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
}

body.web>nav.barraOpc {
    background-color: var(--fondo);
    top: 45px;
    border-bottom: 3px solid var(--color_verde098);
    width: 100%;
    display: inline-block;
    max-width: 1280px;
    margin: auto;
    text-align: right;
}
/* Estilos comiunes entorno */

main>article,
main>.contenido,
#entrada,
#pieInfo {
    max-width: 170mm;
    margin-left: auto;
    margin-right: auto;
    display: block;
    line-height: 17px;
}
#entrada,
#pieInfo {
    page-break-inside: avoid;
}


.ii-group li a {
    display: inline;
}

/* Estilo pie */
#pieInfo .Raya {
    border-top: 2px solid var(--color_verde099);
    padding-top: 10px;
    padding-bottom: 10px;
}
#pieInfo .Raya.fina {
    border-width: 1px;
}

#pieInfo > div.pieGrupo {
    display: block;
    text-align: center;
}
#pieInfo > div.pieGrupo > span {
    display: inline-block;
    width: 49%;
    vertical-align: bottom;
}
#pieInfo > div.pieGrupo > span > a > img {
    vertical-align: baseline;
}
#pieInfo > div.pieGrupo > span > a > i.ii-twitter-x {
    vertical-align: text-bottom;
}

#pieInfo > div.pieGrupo > span > a > img {width: 65px;}

#pieInfo>dl>* {line-height: 200%; margin: 0px}

main>.fecha{ display: block;text-align: right;font-weight: bolder; padding-top: 10px;}
main>.trad{ display: block;text-align: right;font-weight: bolder; color: var(--color2-text);}
main>.fecha.modificada{ color: var(--color_rojo); /*margin-bottom: 15px;*/}

main>h1 {
    text-align: center;
    font-weight: bolder;
    font-size: 1.4em;
}

#periodo {
    text-align: center;
    font-weight: normal;
    font-size: 1.3em;
}

#titulo,#periodo {
    max-width: 170mm;
    margin: 0 auto;
}

article h2,
article h3,
article h4,
article h5,
article h6 {text-align: left; color: var(--color_rojo);}
article h2 {font-size: 1.2em; font-weight: bolder;}
article h3 {font-size: 1.2em; font-weight: normal;}
article h4 {font-size: 1.1em; font-weight: bolder;}
article h5 {font-size: 1.1em; font-weight: normal;}
article h6 {font-size: 1em; font-weight: normal;}

.contenido>span.tit {font-weight: bolder;}

article,
.contenido {
    margin:10px 0px 25px 0px;
}
article article,
.contenido .contenido{
    margin-left: 10px;
}

article ol.pie, 
.contenido ol.pie{ /*notapie*/
    list-style: decimal;
    list-style-position: inside;
    border: 1px solid gray;
    padding: 5px;
}

article ol.pie>li,
.contenido ol.pie>li{
    font-size: 80%;
}
article ol.pie>li::marker,
.contenido ol.pie>li::marker{
    font-weight: bolder;
}

article ul,
.contenido ul{
    list-style-type: disc;
    list-style-position: inside;
    padding: 10px;
}

/* Estilo Marco */
article.Marco > div,
.contenido.Marco > div{
    border: 2px solid var(--color_verde099);
}

article.Marco div a,
.contenido.Marco div a{
    color: var(--color1-100);
}

/* Estilo Raya */
article.Raya > .tit,
.contenido.Raya > .tit {
    border-top: 2px solid var(--color_verde099);
    padding-top: 1rem;
}

/*   Estilos Tablas   */
article.tabla table,
.contenido.tabla table {
    width: 100%;
    border: 0px;
    border-spacing: 0px;
    overflow: hidden;
    overflow-wrap: break-word;
    z-index: 10;
    border-top:1px solid var(--color_verde099);
    border-bottom:1px solid var(--color_verde099);
}

table.np                                            { width: auto; max-width: 100%; border: 0px; border-spacing: 0px; margin: 0 !important; overflow: hidden; overflow-wrap: break-word; z-index: 10; border-top: 1px solid var(--color_verde099); border-bottom: 1px solid var(--color_verde099); }
table.np caption                                    { text-align: center; background: var(--bg-color); border: 0 none; border-bottom: 0 none; padding: 5px; margin: 0; caption-side: top; }
table.np tbody th,
table.np thead tr th,
table.np thead tr [data-type="fill"]                { text-align: center; border-bottom: 1px solid var(--color_gris_lineas); padding: 3px 5px 3px 3px; font-weight: bolder; font-size: 0.8em; min-height: 30px; vertical-align: middle; }
table.np th, table td                               { text-align: center; padding: 0 4px; margin: 4px; }
table.np thead tr [data-type="fill"]                { color: var(--text-color); font-weight: 600; text-transform: none; text-align: center !important; }
table.np tbody > tr > th                            { border-bottom: 0 none; text-align: left; }
table.np > tbody > tr > th + td, 
.contenido.tabla table.np > tbody > tr > th + td    { border-left: 1px solid var(--color_gris_lineas); }
table.np > * > tr > td,
table.np > * > tr > td                              { font-size: 0.8em; text-align: right; padding: 1px 10px 1px 5px; background-color: inherit; }


table.np tr.FilaSup:not(:first-of-type) > * {
    border-top: 1px dotted var(--color_gris_lineas);
}

article.tabla table>*>tr>th,
.contenido.tabla table>*>tr>th {
    text-align: left;
    padding: 3px 5px 3px 3px;
    font-weight: bolder;
    font-size: 0.8em;
    min-height: 30px;
    vertical-align: middle;
}
article.tabla table>thead>tr>th,
.contenido.tabla table>thead>tr>th{
    text-align: center;
    border-bottom: 1px solid var(--color_gris_lineas);
}
article.tabla table>*>tr>td,
.contenido.tabla table>*>tr>td {
    font-size: 0.8em;
    text-align: right;
    padding: 1px 10px 1px 5px;
    background-color: inherit;
}

article.tabla table>tbody>tr>th+td,
.contenido.tabla table>tbody>tr>th+td{
    border-left: 1px solid var(--color_gris_lineas);
}
/*  FIN  Estilos Tablas   */

article.grafico>div>.data,
.contenido.grafico>div>.data {
    max-width:170mm;
    page-break-inside: avoid;
    min-height: 40mm;
    margin: 0px auto;
    visibility: hidden;
}

/* Sin epacio entre titulo y texto superior*/
article.grafico>div>.sup>p,
.contenido.grafico>div>.sup>p,
article.tabla>div>.sup>p,
.contenido.tabla>div>.sup>p {
    margin-top: 0;
}

article.tabla>div>.data,
.contenido.tabla>div>.data{
    max-width:170mm;
    page-break-inside: avoid;
    min-height: 20mm;
    margin-block: 1em;
    visibility: hidden;
}

article.mapa>div>.data,
.contenido.mapa>div>.data {
    max-width:170mm;
    page-break-inside: avoid;
    height: 80mm;
    margin: 0px auto;
    visibility: hidden;
}

article.imagen>div>.data,
.contenido.imagen>div>.data {
    text-align: center;
}
.logoPrensa>img{width:116px}
.logoINE>img{width: 75px; }

/* Notas al pie de tabla, grafico y mapa */
.notaPie {
    font-size: 0.65rem;
}

/* Iconos print y pdf*/
.pressIcons {
    float: right;
    margin-top: 10px;
}
.pressIcons>a {
    margin-left: 12px;
}

/* Clase para datos actualizados */
article.parrafo em.actualizado,
.contenido.parrafo em.actualizado,
article.tabla em.actualizado,
.contenido.tabla em.actualizado,
article.grafico em.actualizado,
.contenido.grafico em.actualizado,
article.maoa em.actualizado,
.contenido.mapa em.actualizado,
article.imagen em.actualizado,
.contenido.imagen em.actualizado {
    color: red;
}

@media screen and (max-width: 500px){
	main { padding:0 1rem;}
    #pieInfo > div.pieGrupo > div > a {
        width: 100%;
    }
    article.grafico>div>.data,
    .contenido.grafico>div>.data {
        max-width:90vw;
    }
}
@media screen and (min-width: 500px){
    #pieInfo>dl>dt,
    article div dl > dt,
    .contenido div dl > dt { 
        float: left; 
        clear: left;
        margin-right: 4px;
    }
}