body,
div,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
p,
pre,
code,
blockquote {
    margin: 0;
    padding: 0;
    border-width: 0;
}


div._idFootnote {
    background-color: #e7eeea;
    padding:0.5em;
    margin: 0.5em 0;
}


/*para que se vea "centrado" en la pantalla y con márgenes arriba y abajo*/

body {
    width: 90%;
    max-width: 1200px;
    margin: 3em auto;
    background-color: white;
}

p, li {
    color: black;
    font-family: "Fira Sans", sans-serif;
    font-size: 1.2rem;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1.4;
/*    margin: 0;*/
    orphans: 2;
    text-align: justify;
    text-align-last: left;
    text-decoration: none;
    text-indent: 1.5rem;
    text-transform: none;
    widows: 2;
    hyphens: auto;
    margin-top: 1.5em;
    hyphens: none !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
}

h1,
h2 {
    color: #000000;
    font-family: "Montserrat", sans-serif;
    font-size: 2em;
    font-style: bold;
    font-variant: normal;
    font-weight: bold;
    line-height: 1.5;
    margin: 1em 0 0;
    orphans: 2;
    page-break-after: auto;
    page-break-before: auto;
    text-align: center;
    text-decoration: none;
    text-indent: 0;
    text-transform: none;
    widows: 2;
}

h2 {
    color: #a4c7ba;
    font-family: "Fira Sans", sans-serif;
    text-transform: uppercase;
    font-size: 1.5em;
    margin-bottom: 2em;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
}


p.autor,
p.datos,
p.datos_CE,
p.fecha {
    color: #000000;
    font-family: "Montserrat", sans-serif;
    font-size: 1em;
    font-style: normal;
    font-variant: normal;
    font-weight: 500;
    line-height: 1.333;
    margin: 1.5em 0 0;
    text-align: right;
    text-align-last: right;
    text-indent: 0;
    border-right: 2pt solid #188c63;
    padding-right: 1em;
}

p.autor{
    margin-top: 0;
    font-style: bold;
    font-variant: normal;
    font-weight: bold;
}

p.datos_CE {
    margin-bottom: 0.75em;
    margin-top: 0;
}

p.datos,
p.datos_CE {
    font-family: "Fira Sans", sans-serif;
    font-size: 1em;
    font-weight: normal;
}

p.autor + p.datos,
p.datos + p.datos {
    margin-top: 0;
    margin-bottom: 0;
}

p.informa + p.resum_tit {
    margin-top: 3em;
}


p.datos + p.resum_tit{
    margin-top: 2.5rem;
}

p.key,
p.resumen {
    font-size: 1em;
    text-indent: 0;
 
}
p.key{
    text-align: left;
}

p.key + p.bsc{
    text-indent: 0;
}
p.comienzo_texto,
p.enunc_resum_CE {
    margin-top: 3em;
    text-indent: 0;
}

p.entrada {
    background-color: #e7eeea;
    text-align: left;
    text-align-last: left;
    padding: 1em;
    margin:1em 0;
    text-indent: 0;
}

p.fecha, p.DOI {
    margin-bottom:0;
    font-weight: normal;
    text-align: left;
    text-align-last: left; 
    border-right: none;   
}

p.fecha + p.fecha{
    margin-top: 0;
}

p.nota {
    font-size: 0.9em;
    text-indent: 0;
    margin-top: 0;
}

p.cita,
p.cita_ss,
p.cita_derecha {
    font-size: 1em;
    margin: 1.5em 1.5em 0;
    text-indent: 0;
}

p.cita_ss {
    text-indent: 0;
}

p.cita_derecha {
    text-indent: 0;
    text-align: right;
    text-align-last: right;
}


/* para que se separen las citas del párrafo normal siguiente*/

p.cita + p {
    margin-top: 1.5em;
}


/* cuando son dos citas entonces se unen los párrafos*/

p.cita+p.cita,
p.cita_ss+p.cita,
p.cita_derecha+p.cita_derecha {
    margin-top: 0;
}

p.img {
    color: #000000;
    font-family: "Fira Sans", sans-serif;
    font-size: 1.2em;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1.2;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 2em;
    orphans: 2;
    page-break-after: avoid;
    page-break-before: auto;
    text-align: center;
    text-decoration: none;
    text-indent: 0;
    text-transform: none;
    widows: 2;
}

h3, h4, h5, h6 {
    color: #188c63;
    font-family: "Montserrat", sans-serif;
    font-size: 1.2em;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    line-height: 1.2;
    list-style-position: inside;
    list-style-type: decimal;
    margin: 3em 0 1.5em;
    orphans: 2;
    page-break-after: auto;
    page-break-before: auto;
    text-align: left;
    text-decoration: none;
    text-indent: 0;
    widows: 2;
}

h4 {
    text-transform: none;
    font-weight: normal;
}

h5, h6 {
    font-style: italic;
    font-variant: normal;
    text-transform: none;
    font-weight: normal;
}

h6 {
    font-style: normal;
}

/* Cuando hay dos enunciados el margen superior lo ponemos a cero*/

h3 + h4,
h4 + h5,
h5 + h6 {
    margin-top: 0;
}


/* Detrás de cada enunciado el párrafo empieza sin sangría*/

h3 + p,
h4 + p,
h5 + p,
h6 + p {
    text-indent: 0;
}


/*para que las tablas tengan overflow*/

div.tabla,
div.resumen{
    overflow-x: auto;
    margin-bottom: 2em;
}
div.tabla {
    margin-top: 2.5em;
}

table.tabla_imag {
    border-collapse: collapse;
    border-width: 1px;
    margin-bottom: 0px;
    margin-top: 3em;
    margin-right: auto;
    margin-left: auto;
}

p.biblio {
    font-size: 1em;
    line-height: 1.5;
    margin-left: 1.5em;
    text-indent: -1.5em;
}

figure {
    margin: 2.5em auto;
	text-align: center;
	width: 100%;
} 

p.pie_fig,
p.tabla_tit {
    font-family: "Fira Sans", sans-serif;
    font-size: 1em;
    font-weight: normal;
    font-style: italic;
    margin: 0.5em auto 2em;
    text-align: center;
    text-align-last: center;
    text-indent: 0;
}
p.pie_fig {
    width: 90%;
}


/*Tablas generales van sin borde y con márgenes superior e inferior de 2rem*/

table.normal,
table.resumen {
    border-collapse: collapse;
    border: 0 none #000000;
    margin: 2em auto 1em;
    width: 100%;
}

table.centro{
    border-collapse: collapse;
    border: 0 none #000000;
    margin: 2em auto 1em;
    width: 10%;
}


td.Tit_resumen,
td.Resumen,
td.Tit_resumen_drch,
td.Resumen_drch,
td.Resumen_centro {
    margin-top: 1em;
    border: none;
    border-bottom: 1px solid #9d9d9c;
    vertical-align:top;
}

td.Resumen_centro,
td.Resumen,
td.Resumen_drch {
    border-bottom-width: 0;
}

td.Resumen_centro {
    width: 1%;
}

td.Tit_resumen,
td.Resumen {
    width: 20%;
}
td.Tit_resumen,
td.Tit_resumen_drch {
    vertical-align:bottom;
}

td.Tit_resumen_drch,
td.Resumen_drch {
    width: 75%;
}


p.resum_tit,
p.resum_medio,
p.tit_sum {
    font-family: "Fira Sans", sans-serif;
    font-size: 1.2em;
    text-align-last: left;
    text-indent: 0;
    margin-top: 0.75em;
}


p.resum_medio {    
    margin-top: 1em;
}
p.tit_sum {    
    margin-top: 2em;
}

p.key + p.bsc{    
    margin-top: 2em;
}

/*Las celdas normales van con borde un 1px y en azul y con un padding de 0.5 rem*/

td {
    padding: 0.5rem;
    vertical-align: middle;
    border: 1px solid #9d9d9c;
}

td.sombreada {
    background-color: #c5e7cb7d;
    vertical-align: middle;
}

td.sombreada p{
    color: #105d42;
}

td.sombreada_2 {
    background-color: #bfbfbf;
}

td.girado {
    writing-mode: vertical-lr;
    transform: rotate(180deg);
    vertical-align: middle;
    width: 10%;
}

td.vacia {
    border-width: 0;
}
td.fracciones{
    border: none;
    border-bottom: 1px solid #9d9d9c;
}

td.vacia_formulas {
    border-width: 0;
    width: 50%;
}

td.sombreada_azul{
    background-color: #BFD7EE;
}

td.sombreada_rosacea{
    background-color: #FFCDAD;
}

td.sombreada_amarillo{
    background-color: #FFFFAD;
}

td.sombreada_verde{
    background-color: #D7EEBE;
}
td.sombreada_verde3{
    background-color: #d0e7b7;
}
td.sombreada_verde2{
    background-color: #acca8e62;
}
td.sombreada_verde4{
    background-color: #deedce;
}
td.sombreada_verde5{
    background-color: #dee8d0;
}


/*títulos tablas*/

p.tabla_tit {
    font-size: 1em;
    margin: 2em auto 0.5em;
    font-style: italic;
}

p.tabla_tit + table {
    margin-top: 0;
}


/*textos en tablas */

p.tabla,
p.tabla_cent,
p.tabla_derec {
    font-size: 0.9rem;
    text-indent: 0;
    margin-top: 0em;
}


p.tabla {
    text-align: left;
    text-align-last: left;
}

p.tabla_cent, p.formulas, p.form_1em {
    text-align: center;
    text-align-last: center;
}

p.form_1em {
    font-size: 1em;
    text-indent: 0;
}

p.formulas{
    font-family: "Cambria Math";
    text-indent: 0;
}


p.tabla_derec {
    text-align: right;
    text-align-last: right;
}

p.tabla_fuente {
    font-family: "Fira Sans", sans-serif;
    margin-top: 0.2em;
    font-size: 0.8rem;
    text-indent: 0;
}


/* Para textos verticales*/

.verticalText {
    writing-mode: vertical-lr;
    transform: rotate(180deg);
}


/* Listas */

/*
p.bsc + ol, p.bsc + ul{
    margin-top: 0em;
}

*/
ul, ol {
    margin-left: 0.5rem;
/*    margin-bottom: 1.5rem;*/
    margin-top: 1.5em;
    hyphens: none !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
}
li{
    padding-left: 1em;  
	text-indent:0rem;
	margin-top: 0em;
}


ul.disc {
    list-style-type: disc;
}
ul.circle{
    list-style-type: circle;
}
ul.square{
    list-style-type: square;
}


/*si tenemos que añadir algun chirimbolito que no tengamos tenemos que meterlo aquí y copiar los atributos de las que ya tenemos*/
ul.guion > li,
ul.flecha> li {
    list-style: none;
    position: relative;
}

ul.guion > li:before {
    content: "— ";
    left: -20px;
    padding-right: 10px;
    position: absolute;
    text-align: right;
    width: 30px;
}
ul.flecha > li:before {
    content: "➢ ";
    left: -20px;
    padding-right: 10px;
    position: absolute;
    text-align: right;
    width: 30px;
}


ul.nada,
ol.nada {
    list-style-type: none;
}


/*Listas ordenadas*/
ol.roman{
    list-style-type: lower-roman;
}
ol.ROMAN{
    list-style-type: upper-roman;
}
ol.minus{
    list-style-type: lower-latin;
}
ol.mayus{
    list-style-type: upper-latin;
}



ol.ord > li,
ol.parent > li,
ol.ordparent > li,
ol.minus_p > li,
ol.mayusc_p > li,
ol.romanos_p > li,
ol.ROMAN_p > li {
    list-style: none;
    position: relative;    
}

ol.ord > li:before {
    content: counter(list) "º ";
    counter-increment: list;
    left: -20px;
    padding-right: 10px;
    position: absolute;
    text-align: right;
    width: 30px;
}
ol.parent > li:before {
    content: counter(list) ") ";
    counter-increment: list;
    left: -20px;
    padding-right: 10px;
    position: absolute;
    text-align: right;
    width: 30px;
}
ol.ordparent > li:before {
    content: counter(list) "º) ";
    counter-increment: list;
    left: -20px;
    padding-right: 10px;
    position: absolute;
    text-align: right;
    width: 30px;
}
ol.minus_p > li:before {
    content: counter(list, lower-latin) ") ";
    counter-increment: list;
    left: -20px;
    padding-right: 10px;
    position: absolute;
    text-align: right;
    width: 30px;
}
ol.mayusc_p > li:before {
    content: counter(list, upper-latin) ") ";
    counter-increment: list;
    left: -20px;
    padding-right: 10px;
    position: absolute;
    text-align: right;
    width: 30px;
}
ol.romanos_p > li:before {
    content: counter(list, lower-roman) ") ";
    counter-increment: list;
    left: -20px;
    padding-right: 10px;
    position: absolute;
    text-align: right;
    width: 30px;
}
ol.ROMAN_p > li:before {
    content: counter(list, upper-roman) ") ";
    counter-increment: list;
    left: -20px;
    padding-right: 10px;
    position: absolute;
    text-align: right;
    width: 30px;
}

/*necesario para que se reinicien los números de las que tienen paréntesis*/
ol.ord,
ol.parent,
ol.ordparent,
ol.minus_p,
ol.mayusc_p,
ol.romanos_p,
ol.ROMAN_p {
    counter-reset: list;
}

/*para cuando sean citas*/
ol.cita {
    margin: 1.5em 1.75em 0;
    margin-left: 3.5em;
    text-indent: -0.15em;
    font-size: 0.95rem;
}
ul.cita {
    margin: 1.5em 1.75em 0;
	margin-left: 3.5em;
    text-indent: -0.15em;
    font-size: 0.95rem;
}

/*para notas al pie*/
ol.notas,
ul.notas {
	font-size: 0.9rem;
	text-indent: 0;
	color:#000000;
}

li.tabla {
    font-size: 0.9rem;
    margin-top: 0em;
    padding-left: 0em;  
    margin-left: -2em;
}
/*para hacer que no se separen del anterior y el <li> para el siguiente*/
ol.nosep,
ul.nosep,
li.nosep {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0em;
}

/* Para poner una lista dentro de otra tenemos que meterla dentro del </li> de cierre. 
Es conveniente añadir la clas "D" a la nueva lista interior porque así estará menos sangrada. 
Si queremos que se separe del siguiente elemento de la lista le pondremos al ultimo <*li> la clase "esp"*/
li.esp_down{
    margin-bottom: 1em;
}
li.esp_up{
    margin-top: 2em;
}


/*para más sangría*/
ol.D,
ul.D {
    margin-left: 3.5em;
}

li.dentro{
    margin-left: 2em;
}

/*para menos sangría*/
ol.F,
ul.F {
    margin-left: 0em;
}

p.list_nada{
	text-indent:0rem;
	margin-top: 0em;
    list-style-type: none;
}
.c-lista {
    counter-reset: citem;
}

.c-lista li {
    list-style: none;        /* quitamos el estilo por defecto */
    counter-increment: citem;
}

.c-lista li::before {
    content: "c" counter(citem) ". ";
    font-weight: normal;     /* opcional */
}


p.formulas_2 {
    color: #000000;
    font-family: "Fira Sans", sans-serif;
    font-size: 1em;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1.4;
    margin-bottom: 14px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 14px;
    orphans: 2;
    page-break-after: auto;
    page-break-before: auto;
    text-align: center;
    text-decoration: none;
    text-indent: 0;
    text-transform: none;
    widows: 2;
}
.ss {
    text-indent: 0;
}
.centro{
    text-align: center;
    text-align-last: center;
    text-align-last: center;
}

span.correo_e {
    font-style: italic;
    font-weight: normal;
}

span.orcid {
    font-style: normal;
    font-weight: normal;
}

span._0_ROJO {
    color: #000000;
}

span.fig{
    font-variant: small-caps;
    color: #188c63;
    font-style: normal;
}

p.datos strong,
p.fecha strong,
p.entrada strong,
p.entrada b,
p.resumen strong,
p.resumen b,
p.key strong {
    font-style: normal;
    font-weight: bold;
    color: #188c63;
}

span.hiperv {
    color: #000000;
}
span.regular {
    font-style: normal;
}

span.vinculo {
    color: #69ae81;
}

em.i {
    font-style: italic;
    font-weight: normal;
}

span.sans_b {
    font-family: "Fira Sans", sans-serif;
    font-style: normal;
    font-weight: bold;
}

span.Super {
    vertical-align: super;
    font-size: 11px;
}

span.sub {
    font-size: 11px;
    vertical-align: sub;
}

span.sub_ital {
    font-style: italic;
    font-weight: normal;
    vertical-align: sub;
}
span.colores_azul{
    color: #1c3563;
}
span.colores_celeste{
    color: #2c73b4;
}
span.colores_celeste-claro{
    color: #9cc2e5;
}
span.colores_cyan{
    color: #00b0f0;
}
span.colores_morado{
    color: #9900cc;
}
span.colores_morado-claro{
    color: #9965ff;
}
span.colores_verde-claro{
    color: #91d04f;
}
span.colores_verde-osc{
    color: #355522;
}
span.colores_verde3{
    color: #00b04f;
}
span.colores_rojo{
    color: #c00000;
}
span.colores_amarillo{
    color: #ffc000;
}
span.colores_dorado{
    color: #bf8e00;
}
span.colores_bronce{
    color: #805f00;
}

/* para las imágenes, lo de inline es para que el ORCID quede bien, y lo de abajo es para que las fotos se centren*/

img.logo_ORCID {
    height: 20px;
    vertical-align: text-bottom;
}

img._1em {
    height: 1.8em;
}

img._1_2em {
    height: 1.2em;
    vertical-align:middle;
}

img._2_5em {
    height: 2.5em;
}

img._3_8em {
    height: 3.8em;
}

img._3em {
    height: 3em;
}

img._4em {
    height: 4em;
}

img._5em {
    height: 5em;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2em;
    margin-bottom: 4em;
}

img._7_8em {
    height: 7.8em;
}
img._100em {
    width: 100%;
}

img._30{
    width:30%;
    margin: auto;
    margin-top: 2em;
}




img._100,
img._50,
img._75 {
    display: block;
    margin: 1em auto;
}


@media only screen and (min-width: 800px) and (max-width: 1200px) {
    img._100 {
        width: 70vw;
    }
    img._75 {
        width: 60vw;
    }
    img._50 {
        width: 50vw;
    }
}

@media only screen and (max-width: 799px) {
    img._100 {
        width: 95vw;
    }
    img._75 {
        width: 90vw;
    }
    img._50 {
        width: 85vw;
    }
}
img._50 {
	width: 50%;
}

img._75 {
	width: 75%;
}

img._100 {
	width: 100%;
}
img._45 {
	width:45%;
}
img._40 {
	width:40%;
}

img._30 {
	width:30%;
}

img.tabla{
    max-width: 100%;
}
img.logo {
    height: 6em;
    display: block;
    margin: 1em auto;
}

div._idGenObjectLayout-1 {
    text-align: center;
}

div.citar {
    border-style: solid;
    background-color: #b0e2a3;
    padding: 10px 2% 10px 10px;
    width: 100%;
    margin-top: 3em;
    margin-bottom: 3em;
}

a {
    color: #4d7443;
}

a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a:active {
    text-decoration: none;
}


/* div#_idContainer000 a, span.notas a {
	color:#000000;
} */


/*para las notas, llamadas y vueltas, fondeamos el numero para ello pasamos el span de la llamadas a span class="notas",
 y la vuelta en el <a class="_idFootnoteAnchor _idGenColorInherit> convertimos en <a class="notas">*/

a.notas,
p.ref_sumary {
    /* display:inline-block; */
    background-color: #c5e7cb7d;
}

p.ref_sumary {
    padding: 0.5em;
}


span.rojo {
    color: red;
}


/*Para que los enlaces en la entrada y datos salgan en negro */

p.entrada a,
p.datos a {    
    color: #000000;
}

hr.HorizontalRule-1 {
    border: 1px solid #188c63;
    margin: 2em 0;
}
p.list_nada{
	text-indent:0rem;
	margin-top: 0em;
}

span.light_italic {
    font-style: italic
}
span.underline {
    text-decoration: underline;
}
li {
    margin-top: 1.5em;
    hyphens: none !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
}
ul.guion > li,
ul.flecha> li {
    list-style: none;
    position: relative;
}
p.entrada + p.entrada {
    margin-top: 0;
}
