/* Se crea un estilo que se llama párrafo de comienzo para cuando empieza el texto sin epígrafe ninguno.*/


/* Hay un span ROJO <span class="_0_ROJO">*/


/* En los autores hay que tener cuidado cunado pertenecen a la misma institución, en ese caso no hay separación y lo que separa es la filiación, para los autores el estilo es autor_SE y para la filiación es informa_CE*/


/* Para que la información se separe del título y también los keywords se crea una estilo que es de enunc_resum_CE que lo que le da es más espacio.*/


/* También se crea un estilo p.comienzo_texto que sirve para separar el texto cuando no comienza con un enunciado*/

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

div.notas {
    padding: 0.5em;
}


/*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,
p.bsc {
    color: black;
    font-family: "Noto Sans", sans-serif;
    font-size: 1.2em;
    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.5em;
    text-transform: none;
    widows: 2;
    hyphens: auto;
}

h1.title,
h1.title_i,
h1.anexo {
    color: #000000;
    font-family: "Noto Sans", sans-serif;
    font-size: 2em;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    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;
}

h1.title_i {
    font-family: "Noto Serif", serif;
    font-size: 1.8em;
    margin-bottom: 2em;
}

h1.anexo {
    font-size: 1.8em;
    margin-bottom: 2em;
}

p.autor,
p.autor_inf,
p.autor_inf_sin,
p.autor_SE,
p.informa,
p.informa_CE {
    color: #000000;
    font-family: "Noto Sans Med", sans-serif;
    font-size: 1.2em;
    font-style: normal;
    font-variant: normal;
    font-weight: 500;
    line-height: 1.333;
    margin: 1.5em 0 0;
    text-align: center;
    text-align-last: center;
    text-indent: 0;
}

p.autor_SE {
    margin-top: 0;
}

p.informa_CE {
    margin-top: 0.75em;
}

p.autor_inf,
p.informa,
p.informa_CE {
    font-family: "Noto Sans", sans-serif;
    font-size: 1em;
    font-style: italic;
    font-weight: normal;
}

p.autor+p.informa,
p.autor_SE+p.informa,
p.autor+p.autor_inf,
p.informa+p.informa,
p.informa_CE+p.informa {
    margin-top: 0;
    margin-bottom: 0;
}

p.enunc_resum,
p.enunc_resum_CE,
p.ref_sumary {
    font-family: "Noto Serif", serif;
    font-size: 1.2em;
    margin: 1.5rem 0 0.5rem;
    text-indent: 0;
    text-transform: uppercase;
}

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

p.resumen+p.resumen {
    text-indent: 1.5em;
}

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

p.pie_artic_prim {
    font-size: 1em;
    text-indent: 0;
    text-align: left;
    hyphens: none;
}

p.notas {
    font-size: 0.9em;
}

p.bsc_summ_1a {
    margin-top: 4em;
    text-indent: 0;
}

p.bsc_1espac,
p.bsc_1espac_i {
    margin-top: 1.5em;
}

p.ss,
p.ss_i {
    text-indent: 0;
}


p.bsc_tras_esp {
    margin-top: 1.5em;
}

p.ss_CE{
    text-indent: 0;
    margin-top: 1.5em;
}

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

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: "Noto 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;
}

p.cent{
    font-size: 1.5em;
    text-align: center;
    text-align-last: center;
    text-decoration: none;
    margin-bottom: 2em;
    text-indent: 0;
    text-transform: none;
    widows: 2;
}

h3,
h3.nivel01 {
    color: #000000;
    font-family: "Noto Sans", 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;
    text-transform: uppercase;
    widows: 2;
}

h3.nivel02 {
    text-transform: none;
}

h3.nivel03 {
    font-style: italic;
    font-variant: normal;
    text-transform: none;
}


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

h3+h3 {
    margin-top: 0;
}


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

h3+p {
    text-indent: 0;
}


/*para que las tablas tengan overflow*/

div.tabla {
    overflow-x: auto;
    margin-bottom: 2em;
}

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

table.tabla_form {
    border-width: 0px;
    margin:2em auto
}
p.bibliog {
    font-size: 1em;
    line-height: 1.5;
    margin-left: 1.5em;
    text-indent: -1.5em;
}

figure {
    margin: 2em auto 0;
}

p.fig,
p.tit_tabla {
    font-family: "Noto Serif", serif;
    font-size: 1.1em;
    font-weight: normal;
    margin: 0.5em auto 2em;
    text-align: center;
    text-align-last: center;
    text-indent: 0;
}


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

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


/*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.celda_cabecera {
    background-color: #b0e2a3d5;
    vertical-align: middle;
}

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

td.celda_vacia {
    border-width: 0;
}

/*Las celdas que son la parte inferior de una ecuación*/
td.celda_vacia_ecu {
    border:0;
    border-top:#000000 1px solid;
}


/*títulos tablas*/

p.tit_tabla {
    font-size: 1.1em;
    margin: 2em auto 0.5em;
}

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


/*textos en tablas */

p.tabla,
p.tabla_centro,
p.tabla_dere {
    font-size: 0.9rem;
    text-indent: 0;
}

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

p.tabla_centro {
    text-align: center;
    text-align-last: center;
}

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

p.fuente_tabla {
    font-family: "Noto Serif", serif;
    margin-top: 0.2em;
    font-size: 0.9rem;
    text-indent: 0;
}


/* Para textos verticales*/

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


/* Listas de guiones */

ul, ol {
    color: #000000;
    font-family: "Noto Sans", sans-serif;
    font-size: 1.2em;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1.4;
    list-style-position: outside;
    list-style-type: decimal;
    margin: 0 0 0 0.5em;
    text-align: justify;
    text-align-last: left;
    text-decoration: none;
    hyphens: auto;
}

li{
    padding-left: 1em;
}

ul.guion > li,
ul.flecha> li {
    list-style: none;
    position: relative;
}

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

ul+p {
    margin-top: 1.5em;
}


p.formulas {
    color: #000000;
    font-family: "Noto 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;
}

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

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

span._0_ROJO {
    color: #000000;
}

strong.b {
    font-style: normal;
    font-weight: bold;
}

span.hiperv {
    color: #000000;
}

span.vinculo {
    color: #69ae81;
}

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

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

span.sup {
    vertical-align: super;
    font-size: 0.75em;
}

span.oculto {
    font-family: "Noto Sans", sans-serif;
    font-size: 0px;
    font-style: normal;
    font-weight: normal;
    vertical-align: super;
}

span.Sub {
    color: #000000;
    vertical-align: sub;
    font-size: 1em;
}

span.sub_ital {
    font-style: italic;
    font-weight: normal;
    vertical-align: sub;
}

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

span._idGenCharOverride-1 {
    font-size: 0px;
}

span._idGenCharOverride-2 {
    font-size: 58%;
}


/* 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 {
    display: inline;
    margin: auto;
}

img._1em {
    height: 1em;
}

img.logo_ORCID {
    height: 1.2em;
}

img._1_5em {
    height: 1.5em;
}

img._2_5em {
    height: 2.5em;
}

img._3_8em {
    height: 3.8em;
}

img._3em {
    height: 3em;
}

img._4em {
    height: 4em;
}

img._5em {
    height: 5em;
}

img._7_8em {
    height: 7.8em;
}

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

img.form {
    height: 2.5em;
    display: block;
    margin: 2em auto;
}

img.form2 {
    height: 3em;
    display: block;
    margin: 2em auto;
}

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

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

img.logo {
    height: 6em;
    display: block;
    margin: 1em auto;
}

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

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

a {
    text-decoration: none;
    color: #000000;
}


/* 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">*/

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

p.ref_sumary {
    padding: 0.5em;
}

span.notas,
p.ref_sumary {
    /* display:inline-block; */
    background-color: #b0e2a3;
    text-transform: none;
    display: inline;
}

span.ROJO {
    color: red;
}


/*Para que los enlaces en la bibliografía salgan en verde */

p.bibliog a {
    text-decoration: none;
    color: #4d7443;
}

p.notas a {
    text-decoration: none;
    color: #4d7443;
}