@charset "UTF-8";

img,
object,
embed,
video {
	max-width: 100%;
}

.ie6 img {
	width: 100%;
}

body {
	background-color: #EFEAE6 !important;
}


@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

a:visited {
	color: #00567C;
}

a:link {
	text-decoration-thickness: 0px;
}

a:hover {
	color: #70AD47;
}

article {
	margin-top: 20px;
}


.general {
	text-align: center;
	max-width: 760px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	margin-top: 0px;
	background-color: rgba(255, 255, 255, 0.6);
}

.fondoblanco {
	background-color: rgba(255, 255, 255, 1);
}

.titulopublicacion {
	font-family: "Open Sans", sans-serif;
	font-weight: 500;
	font-size: 70%;
	letter-spacing: 0px;
	padding: 3px 0px 3px 0px;
	line-height: 120%;
	color: #2A3F7F;
	background-color: rgba(255, 255, 255, 0.6);
	margin: 0;
}


.lineanota {

	color: #2A3F7F;
	width: 10%;
	text-align: left;
	margin-left: 4.2%;
}

.lineaglosario {

	color: rgb(0, 86, 154, 0.4);


}
.subrayado {
  text-decoration: underline;
  /* puedes afinar grosor, color y comportamiento */
  text-decoration-thickness: 2px;
  text-decoration-color: black;
  text-decoration-skip-ink: auto; /* evita chocar con descendentes */
}

.capitulo_nombre {
	margin: 0px;
	font-family: "Open Sans", sans-serif;
	font-weight: 600;
	font-size: 150%;
	letter-spacing: 0.3px;
	text-align: right;
	line-height: 100%;
	color: #2A3F7F;
	padding: 10px 4.2% 4px 4.2%;
	border-style: solid none solid none;
	border-width: 1px 0px 1px 0px;
	border-color:  #2A3F7F;
	background-color: #FFFFFF;
}
.capitulo_subtitulo{
	
	font-weight: 600;


}



.numerocapitulo {
	float: left;
	max-width: 20%;
	font-family: "Open Sans", sans-serif;
	font-style: italic;
	font-weight: 600;
	font-size: 400%;
	letter-spacing: 0.3px;
	text-align: left;
	line-height: 100%;
	color: #2A3F7F;


}

.capitulo_nombre_cabecera {
	font-family: "Open Sans", sans-serif;
	font-weight: 500;
	font-size: 40%;
	text-align: right;
}



.textogeneral {
	font-family: "Open Sans", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	font-size: 100%;
	letter-spacing: normal;
	word-spacing: -0.8px;
	text-align: justify;
	line-height: 1.5;
	color: #000;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	padding: 4px 4.2% 4px 4.2%;
	/*border-radius: 6px;*/
	margin-bottom: 10px;

	position: relative;
	/* Permite posicionar elementos dentro */
	overflow: hidden;
	/* Evita que elementos salgan del contenedor */
}

.textogeneralglosario {
	font-family: "Open Sans", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	font-size: 100%;
	letter-spacing: normal;
	word-spacing: -0.8px;
	text-align: justify;
	line-height: 1.5;
	color: #000;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	padding: 0 4.2% 0px 74px;
	text-indent: -30px;

	/*border-radius: 6px;*/

}

.glosario {
	text-indent: -10px;
	padding: 4px 4.2% 24px 4.2%;
	/*border-radius: 6px;*/
	margin-bottom: 5px;
}

.titulocapitulo1 {
	font-family: "Open Sans", sans-serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-size: 124%;
	line-height: 120%;
	text-indent: 0px;
	text-align: left;
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	color: #E76418;
	padding: 20px 8px 20px 0;
	border-radius: 6px;
	margin-bottom: 10px;
}

.tituloapartado2 {
	font-family: "Open Sans", sans-serif;
	font-optical-sizing: auto;
	font-weight: 600;
	font-style: normal;
	font-size: 120%;
	line-height: 120%;
	text-indent: 0px;
	text-align: left;
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	color: #264059;
	padding: 0px 0px 6px 0;

	margin-bottom: 0px;
}

.tituloapartado3 {
	font-family: "Open Sans", sans-serif;
	font-optical-sizing: auto;
	font-weight: 600;
	font-style: normal;
	font-size: 110%;
	line-height: 120%;
	text-indent: 0px;
	text-align: left;
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	color: #2A3F7F;
	padding: 0px 0px 0px 0px;
	border-radius: 6px;
}
.excepcionpartes{

	font-style: normal;
	font-size: 120%;

	text-align: center;

}
.titulocuento {
	font-family: "Open Sans", sans-serif;
	font-optical-sizing: auto;
	font-weight: 800;
	font-style: normal;
	font-size: 200%;
	line-height: 120%;
	text-indent: 0px;
	text-align: center;
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	margin: -6px 0 0 0;
	background-color: #2A3F7F;
	color: #FFF;
	padding: 10px 0px 10px 0px;
	border-radius: 6px 6px 0 0;
}


.tituloapartado4 {
	font-family: "Open Sans", sans-serif;
	font-optical-sizing: auto;
	font-weight: 600;
	font-style: normal;
	font-size: 100%;
	text-indent: 0px;
	text-align: left;
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	color: black;
	padding: 0px 0px 0px 0px;
}

.letraglosario {

	font-weight: 600;
	font-style: normal;
	font-size: 300%;

	text-indent: -28px;
	text-align: left;

	color: rgb(0, 86, 154, 0.4);
	padding: 20px 8px 0px 0;

	margin-bottom: -20px;
}

.titulocapitulo4 {
	font-family: "Open Sans", sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-size: 100%;
	line-height: 112%;
	text-indent: 0px;
	text-align: left;
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	color: #000;
	padding: 0px 0px 0px 0px;
	border-radius: 6px;
	text-decoration: underline;
}

.titulocapitulo5 {
	font-family: "Open Sans", sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-size: 100%;
	line-height: 108%;
	text-indent: 0px;
	text-align: left;
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	color: #000;
	padding: 0px 0px 0px 0px;
	border-radius: 6px;
	text-decoration: none;
}

.textocita {
	font-weight: 400;
	font-size: 110%;
	font-style: italic;
	text-align: center;
}


.textoatencion {

	padding: 2% 4% 2% 2%;
	border-style: solid;
	border-width: 2px;
	border-radius: 1px;
	border-color: #E76418;
	margin: 10px 0px 10px 0px;
}

.textoinformativo {
	text-align: center;
	font-style: italic;
	color: #E76418;
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

.textoparrafocita {
	padding: 2% 4% 2% 2%;
}

.textonombrecita {
	font-weight: 500;
	text-align: right;
}

.textonotas {
	font-family: "Open Sans", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	font-size: 80%;
	letter-spacing: normal;
	word-spacing: -0.8px;
	text-indent: -10px;
	text-align: left;
	line-height: 1.2;
	color: #000;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	padding: 0px 6% 0px 6%;
	/*border-radius: 6px;*/
	margin: 0px;
}

sup {
	font-size: 60%;
}

sub {
	font-size: 60%;
}

aside {
	padding: 0px;
	margin: 0px;
}

.textosubrayado {
	text-decoration: underline;
}

.resalteverde {
	font-size: 100%;
	color: #70AD47;
}

.resalterojo {
	font-size: 100%;
	color: #E60000;
}

.resaltemorado {
	font-size: 100%;
	color: #7030A0;
}

.resalteazul {
	font-size: 100%;
	color: #5B9BD5;
}

.resalteamarillo {
	font-size: 100%;
	color: #E4A61A;
}

.resaltenaranja {
	font-size: 100%;
	color: #ED7D31;
}

.resaltemarron {
	font-size: 100%;
	color: #AB7942;
}


.textocentro {
	text-align: center;
}

.textoderecha {
	text-align: right;
}

.sin-numeros {
  list-style-type: none; /* oculta la numeración */
  margin: 0;
  padding: 0;
}

.olletras {
  list-style-type: lower-alpha; /* a, b, c… */
  margin: 0;
  	text-indent: -1em;
  padding-left: 3em;          /* ajusta sangría */
  list-style-position: inside;  /* “inside” para que el marcador esté dentro del bloque */
}
.olletras > li {
  margin-bottom: 1em; /* ajusta el valor al que prefieras */
}
.oldialogos > li {
  margin-bottom: 1em; /* ajusta el valor al que prefieras */
}
.olnumerado {
  list-style-type: decimal; /* a, b, c… */
  margin: 0;
  	text-indent: -1em;
  padding-left: 3em;          /* ajusta sangría */
  list-style-position: inside;  /* “inside” para que el marcador esté dentro del bloque */
}
.olnumerado > li {
  margin-bottom: 1em; /* ajusta el valor al que prefieras */
}

.ullistados{
		list-style-type: "• ";
}
ul {
	list-style-type: "- ";
}

ul ul {
	list-style-type: "• ";
}

ul ul ul {
	list-style-type: "· ";
}

.ulpuntosinicio {
	list-style-type: "• ";
}

.ulpuntosinicio ul {
	list-style-type: "- ";
}

.ulnone {
	list-style-type: none;
}

.ulnonebibiografia {
	list-style-type: none;
		text-indent: -20px;

}
.textotachado {
	text-decoration: line-through;
}

.ulglosario {
	text-indent: 0px;
}

.biblio {
	text-indent: -20px;
	padding-left: 40px;
	padding-bottom: 14px;
	margin: 0 0 0 0;
}

/* estilosindicedesplegable*/





.textoindiceapartado1.desplegable {

	cursor: pointer;

	color: #E76418;
}

.textoindiceapartado1.desplegable.open {
	color: #FFFFFF;
	text-transform: uppercase;
	background-color: #E76418;
	text-align: center;
}

.sub-items {
	display: none;

}







/* figuras*/
.flotaderecha {
	float: right;
	padding-right: 0px;
	padding-left: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0px;
}

.flotacentro {
	margin: auto;
	text-align: center;
}

.flotaizquierda {
	float: left;
	padding-right: 20px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0px;
}

.numerocuadro {
	font-family: "Open Sans", sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-size: 90%;
	text-align: right;
	color: #E76418;
	line-height: 1.1;
	padding: 0px 0px 4px 0px;
	margin: 0px;
	border-radius: 0px 0px 0px 0px;
	background-color: #fff;
}

.leyendacuadro {
	font-family: "Open Sans", sans-serif;
	font-optical-sizing: auto;
	font-weight: 300;
	font-size: 88%;
	font-style: normal;
	text-align: center;

	color: #000;
	line-height: 1.1;
	padding: 4px 0px 4px 0px;
	margin: 0px;
	border-radius: 0px 0px 0px 0px;
	background-color: #fff;
}

.imagencuadro {
	width: 100%;
	margin: -2px 0 0 0;
	padding: 0;
}

.cuadrountercio {
	max-width: 280px;
	padding-top: 4px;
}

.cuadromedio {
	max-width: 360px;
	padding-top: 4px;
}

.cuadrodostercios {
	max-width: 500px;
	padding-top: 4px;
}

.cuadrocompleto {
	max-width: 100%;
	padding-top: 4px;
}

.excepcionimagen {
	width: 40px;
	margin-bottom: -5px;

}

.excepcionimagen2 {
	width: 20px;
	margin-bottom: -5px;

}

/* figuras*/
/* tablas*/
.titulotabla {
	font-family: "Open Sans", sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-size: 90%;
	text-align: right;
	color: #E76418;
}

.textoinformatabla {
	font-family: "Open Sans", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-size: 86%;
	line-height: 1.2;
	text-align: left;
}

table {
	width: 100%;
	border-collapse: collapse;
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	line-height: 1.4;
}

.textocentrado {
	vertical-align: top;
	text-align: center;
}

th,
td {
	border: 1.4px solid black;
	padding: 4px;
	text-align: left;
}

th {
	background-color: #f2f2f2;
	text-align: center;
}

.puntosentablas {
	margin: 0px;
	padding: 0px;
}



table.tablaanexo {
	width: 100%;
	vertical-align: top;
	border-collapse: collapse;
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

.tamano60 {
	width: 80%;
}

.zona-roja {
	font-weight: 600;
	color: #fff;
	background-color: #FF0000;
}

.zona-ambar {
	font-weight: 600;
	color: #fff;
	background-color: #FF7B00;
}

.zona-verde {
	font-weight: 600;
	color: #fff;
	background-color: #00BD00;
}

table.tablacolor th {
	border: 1.2px solid white;
	font-weight: 500;
	background-color: #E76418;
	color: #fff;
}

table.tablacolor th:first-child {
	width: 36%;
}

.celdaazul {
	padding-left: 8px;
	border: 1.2px solid white;
	font-weight: 400;
	background-color: #30567C;
	color: #fff;
}

.celdaamarilla {
	padding-left: 8px;
	border: 1.2px solid black;
	background-color: #FCF7B5;
}

.celdaazulclaro {
	padding-left: 8px;
	border: 1.2px solid black;
	background-color: #C8E3F8;
}

.game-img {
	max-height: 120px;
	width: auto;
}

/* Fin tablas*/
/* NOTAS a pie */
.note-ref {
	color: blue;
	text-decoration: none;
	vertical-align: super;
	font-size: smaller;
}

.footnote {
	margin-top: 50px;
	border-top: 1px solid #ccc;
	padding-top: 10px;
	font-size: smaller;
}

.footnote p {
	margin: 0;
}

/* FIN NOTAS a pie */
/* estilos indices */
.textoindice {
	font-family: "Open Sans", sans-serif;
	font-optical-sizing: auto;
	text-align: left;
	font-style: normal;
	line-height: 1.6;
	color: #000;
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	padding: 2% 1% 0px 8%;
	/*border-radius: 6px;*/
	margin-bottom: 0px;
}

.textoindiceapartado1 {
	 display: block; 
	text-align: left;
	font-weight: 500;
	font-size: 110%;
	text-indent: -30px;
	padding: 0% 4% 0px 24px;
	margin-bottom: -4px;
}

.textoindiceapartado2 {
	text-align: left;
	font-weight: 500;
	font-size: 108%;
	text-indent: -28px;
	padding: 0% 4% 0px 54px;
	margin-bottom: -4px;
}

.textoindiceapartado3 {
	text-align: left;
	font-weight: 500;
	font-size: 104%;
	text-indent: -40px;
	padding: 0% 4% 0px 94px;
	margin-bottom: -4px;
}

.textoindiceapartado4 {
	text-align: left;
	font-weight: 500;
	font-size: 100%;
	text-indent: -40px;
	padding: 0% 4% 0px 134px;
	margin-bottom: -4px;
}

.lineaindice {
	padding: inherit;
	border-top: 1px solid #30567C;

	color: #30567C;
}

;

/*PARA TITULOS*/
.apartadocontenedor {
	margin-top: 18px;
	;
	position: relative;
	display: block;
	/* Asegura que el contenedor ocupe todo el ancho */
	width: 100%;

}

.apartadoicono {
	position: absolute;
	top: 0px;
	/* Ajuste fino para acercar la lupa al borde superior */
	left: 40px;
	/* Ajuste horizontal para acercarla al rectángulo */
	z-index: 1;
	/* Coloca la lupa encima del rectángulo */

	height: 64px;
	width: auto;
}

.apartadorectangulo {
	background-color: #E76418;
	color: white;
	padding: 8px 10px 8px 60px;
	/* Espacio para la lupa */
	border-radius: 6px;
	box-sizing: border-box;
	display: block;
	/* Asegura que ocupe todo el ancho disponible */
	width: 100%;
}

.apartadotexto {
	font-weight: 700;
	font-size: 106%;
	word-spacing: 0px;
	line-height: 110%;
	text-indent: 0px;

	word-break: break-word;
	/* Evita desbordamientos */
	display: inline-block;
	text-align: left;
	/* Ajusta el texto dentro del rectángulo */
	padding-left: 20px;
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

sup {
	font-size: 80%;
}


.tablaabre {
	font-size: 88%;
	width: 100%;
	border-collapse: collapse;
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

table.tablaabre,
th.tablaabre,
td.tablaabre {
	border: 1px solid #ddd;
	padding: 8px;
	text-align: left;
}

th.tablaabre {
	background-color: #f4f4f4;
}

table.tablaabre td.tablaabre:first-child {
	width: 60px;
}


/* fin estilos indices */
.autor {
	font-family: "Open Sans", sans-serif;
	font-weight: 700;
	font-size: 120%;
	letter-spacing: 0.3px;
	text-align: left;
	line-height: 100%;
	color: #2A3F7F;
	margin-bottom: 10px;
	margin-top: 30px;
}

.cargo {
	margin-top: -10px;
	font-style: italic;
}

.creditos {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	padding: 2% 8% 0 8%;
	text-align: left;
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

.agradecimientos {
	font-size: 110%;
	font-weight: 400;
	font-style: italic;
	text-align: right;
	padding: 120px 4% 20px 20%;
	color: #000;
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

.nombrecita {
	font-size: 100%;

	font-style: normal;
	text-align: right;

	color: #000;
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

#logoRMgris {
	text-align: left;
}

#logoPie {
	border-radius: 0px 0px 8px 8px;
	padding: 1%;
	background-color: #788fa3;
}

/* BOTONERAS */
/* xxx BOTONERA FLOTANTE*/
.botonerflotante {
	z-index: 10;
	max-width: 760px;
	position: -webkit-sticky;
	position: sticky;
	top: 0px;
	background-color: #EFEAE6;
	text-align: center;
	padding-top: 0px;
}

.botonesColocacionflotante {
	border-radius: 8px 8px 0px 0px;
	height: 50px;
	background-image: url("../images/bot_fondo.png");
	background-repeat: repeat-x;
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: center;
	margin: auto;
	padding-top: 0px;
}

/* xxx BOTONERA no FLOTANTE  */
.botonera {
	z-index: 2;
	max-width: 760px;
	background-color: #EFEAE6;
	text-align: center;
	padding-top: 0px;
}

.botonesColocacion {
	border-radius: 0px 0px 0px 0px;
	height: 50px;
	background-image: url("../images/bot_fondo.png");
	background-repeat: repeat-x;
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: center;
	margin: auto;
	padding-top: 0px;
}

/* xxx BOTONES xxxxx */
.botonsubir {
	visibility: hidden;
	z-index: 4;
	position: -webkit-sticky;
	position: sticky;
	padding: 0px;
	cursor: pointer;
	text-align: right;
	bottom: 20px;
	right: 20px;
	margin-right: 20px;
}

.botones {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 100%;
	color: #FFFFFF;
	padding: 6px 8px 0px 8px;
}

/* FIN BOTONERAS */