@charset "utf-8";
/*Plegar todo: Alt+0; Replegar todo:Alt+May+0 */
/*i*//*===================================SECCIONES===*/
/*Por orden se su posición en el libro*/
/*i*//*===FRONTMATTER===*/
/*i*//*Cubierta*/
.f-cubierta {
	height:100%;
	width:auto;
	page-break-before:always;
	page-break-inside: avoid;
	text-align:center;
}

/*f*/
/*i*//*Portadilla*/
/*Una sección que sólo contiene el título de la obra y, si acaso, el autor.*/
.f-portadilla {
	hyphens:none;
	hyphens:none !important;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	-epub-hyphens:none;
	-adobe-hyphenate:none;
}

	.f-portadilla .p-autor{
		margin-top: 1.25em;
	}

	.f-portadilla .p-titulo{ 
	    font-family:"Roboto Condensed", sans-serif;
        font-weight: bold;
        font-size: 1.83em;
        line-height: 1.2;
        color:black; 
        text-indent: 0;
        margin-left: 2.6em;
        text-align: left;
	    margin-top:7.81em;   
	}

    .f-portadilla div.titulacion {
        margin-top: 2.0em;
        margin-left: 4.76em;
    }

            .f-portadilla div.titulacion p {
    	       font-family:"Roboto Condensed", sans-serif;
               font-weight: 300;    
               color:black;    
	           font-size: 0.88em;            
               text-indent: 0;
               text-align: left;
               font-weight:300;
            }
	
		
/*f*/
/*i*//*Frontispicio*/
/*Una sección, normalmente en la página opuesta a la Portada conteniendo una IMAGEN muy ilustrativa de la obra. P. ej. El grabado del autor, la portada de la primera edición..etc.*/
.f-frontispicio{}

/*f*/
/*i*//*Portada*/
/*Sección de Portada, que contiene normalmente el título, autor, editor, traductor, etc y el sello-logo de la editorial*/	
.f-portada {
    hyphens:none !important;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	-epub-hyphens:none;
	-adobe-hyphenate:none;
}

    .f-portada div.sello_arriba {
        width: 30%;
        margin-left: 35%;
        margin-top: 4.76em;
        margin-bottom: 0;
    }

    .f-portada div.logo_academia {
        width: 80%;
        margin-left: 10%;
	    float: bottom;
    }

    .f-portada div.bloque_autores {
		margin-top: 2.38em;
        margin-left: 4.76em;
    }

	.f-portada p.p-titulo{ /* título de la obra en la portada, igual que en la portadilla */
        color:black;  
        font-family: "Roboto Condensed", Arial, sans-serif;
        font-weight: bold; 
        font-size: 1.83em;
        line-height: 1.22;
        text-indent: 0;
        margin-left: 2.6em;
        text-align: left;
	    margin-top:3.9em;   
	}

	.f-portada p.p-titulo2{ /* título de la obra en la portada, igual que en la portadilla */
        font-family: "Roboto Condensed", Arial, sans-serif;
        font-weight: 300;
        font-size: 1.42em;
        line-height: 1.18;
        text-indent: 0;
        margin-left: 3.35em;
        text-indent:0;
        text-align: left;
	    margin-top:1.34em;   
	}

    .f-portada p.p-autor {
        font-family: "Roboto Condensed", Arial, sans-serif;
        font-weight: 300;
        font-size: 1.17em;  /*estaba en 12pt*/
        line-height: 1.3;
        text-indent: 0;
        margin-left: 0.0em;
        text-indent:0.0em;
        text-align: left;
	    margin-top:0.41em;           
    }

	.f-portada img{
	      z-index: -1;
	  /*     width: auto; */
    }


/*f*/
/*i*//*Copyright*/
/*Sección de Copyright*/
.f-copyright{
	float:bottom;
	margin-top: 3em;
}

	.f-copyright p {
		text-indent:0;
        font-size: 0.83em;
        text-align:left;
        line-height: 1.2;
        margin-bottom: 0;
    }


	.f-copyright .p-titulo {
		font-family:"Roboto Condensed", sans-serif;    
		font-weight:bold;
		font-size: 0.92em;
        text-align: left;
	}

	.f-copyright .p-titulo2 {
		margin-top:0.21em;
        color:#575756;
        font-family:"Roboto Condensed", sans-serif;
        font-weight:300;
        font-size: 0.92em; 
    }
	
/* 
	.f-copyright div {
		margin-bottom:1.5em;
    }

	.f-copyright div >p{
		font-size:1em;
		padding-left: 1.0em;
		text-indent: -1.0em;
    }

 */
	.bl-coleccion {
		margin-top: 2.0em;
		margin-bottom: 3em!important;
	}

		.bl-coleccion h1{
			font-size: 1.5em;
			font-style: italic;
		}

		.bl-coleccion h2{
		margin-top:-0.5em;
		margin-bottom:2.0em;
		}

		.bl-coleccion h3{
			text-align: left;
		}
	
/*f*/
/*i*//*Esta edición*/
/*Esta sección la constituye la nota del editor*/
.f-estaedicion {}

/*f*/
/*i*//*Dedicatoria*/
/*La sección Dedicatoria del autor a alguien o algo.*/
.f-dedicatoria {
	padding-top:25%;
	padding-left:25%;
	font-size:0.95em;
}

	.f-dedicatoria p{
		text-indent:0;
		margin-bottom:0.2em;
		text-align: right;
	}

/*f*/
/*i*//*Epígrafe*/
/*El Epígrafe es una frase, cita o poema que de alguna forma refleja el tono del libro. Si va al principio del libro, constituye la sección Epígrafe. Si son citas al principio de cada capítulo, se marcan de forma distinta.*/
.f-epigrafe {}

    .f-epigrafe p {
        text-indent: 0;
    }

    .f-epigrafe p:first-child {
        padding-top: 4.71em;
    }

    .f-epigrafe .p-firma {
        text-align:left;
        margin-top: 1.0em;
    }

/*f*/
/*i*//*Reconocimientos*/
/*Una sección en la que el autor/editor agradece a la gente que ha contribuido a la realización del libro. Los Reconocimientos pueden aparecer después de la Dedicatoria, del TOC o incluso al final del libro, dependiendo del gusto de la editorial.*/
.f-reconocimientos{}

/*f*/
/*i*//*Índice*/
/*Índice o TOC*/
.f-indice{        
	hyphens:none !important;
   -webkit-hyphens: none;
   -moz-hyphens: none;
   -ms-hyphens: none;
   -epub-hyphens:none;
   -adobe-hyphenate:none;
}

    .f-indice h1{
	   line-height:1;
	   text-align:left;	   
	   margin-left: 4.76em;
	   margin-bottom:1.8em;
	}

    .f-indice li {
        font-family:"Roboto Condensed", Arial, sans-serif;
        font-weight:300;
        font-size: 0.92em;
        line-height: 1.2;	
        list-style-type: none !important;
        color: black; 
        text-decoration: none; 
        background-color:transparent!important; 
		text-transform:uppercase;
    }
   
    .f-indice li._01 { /* clase espacial para los títulos de cada obra */
        font-family: "Roboto Condensed", Arial, sans-serif;
        font-size: 1.17em;
        line-height: 1.2;
        font-weight: normal;
        margin-top: 0.6em;
    }

    .f-indice ol.ol1 {
        margin-top: 0.3em;
        margin-left:2.0em;
        text-indent:-2.0em; /*permite que los títulos largos se indenten en la segunda linea equivale a   text-indent: 2.7em hanging;*/
    }


    .f-indice li._1 {
        font-family: "Roboto Condensed", Arial, sans-serif;        
        font-size: 0.96em;       
        margin-bottom: 0.63em;
        font-weight: normal;
		text-transform:uppercase;		
    }
   
    .f-indice li._2 {}

    .f-indice li._3 {}


/*f*/
/*i*//*Lista de ilustraciones*/
/*Lista de Ilustraciones. La diferencia con la Lista de imágenes, es que aquella puede incluir tablas, y otras imágenes, e ilustraciones se refieren a decoraciones artíticas*/
.f-listailustraciones {}

/*f*/
/*i*//*Presentación*/
/*La presentación (Foreword en inglés) la escribe alguien diferente al autor (un experto en el campo, un escritor de libro similar, etc) que de alguna forma da un marchamo de aprobación a la obra.Ayuda la labor de marketing del editor.*/
.f-presentacion {}

.f-presentacion .p-autor{
	text-align:right;
	font-weight:bold;
	margin-top:0.44em;
}

/*f*/
/*i*//*Prefacio*/
/*El Prefacio lo escribe el autor del libro. Contiene información importante sobre el asunto que trata el libro. Puede llamarse Nota del Autor. No pertenece propiamente al libro sino que habla del libro(Por qué lo escribió, por qué es un gran experto en el tema, etc)*/
.f-prefacio {}

/*f*/
/*i*//*Reconocimientos*/
/*Una sección en la que el autor/editor agradece a la gente que ha contribuido a la realización del libro. Los Reconocimientos pueden aparecer después de la Dedicatoria, del TOC o incluso al final del libro, dependiendo del gusto de la editorial.*/
.f-reconocimientos {}

	.f-reconocimientos h1{
		line-height:1;
		margin-bottom:0.69em;
		margin-left:4.76em;
	}

/*f*/
/*f*//*de frontmatter*/
/*i*//*===MONDONGO===*/
/*i*//*Introducción*/
/*Una sección en la que el autor, un invitado  da al lector más detalles sobre el libro. Puede ir en el frontmatter o en el Mondongo, dependiendo del tipo de libro. Las diferencias entre introducción, prefacio y presentación no son nada claras en español. Aquí se utiliza el esquema anglosajón, que es más canónico.*/
.f-introduccion {}

/*f*/
/*i*//*Prólogo*/
/*En obras de ficción el prólogo es donde un personaje de la obra cuenta cómo sucedió la historia que se va a contar.*/
.m-prologo {}

	.m-prologo h2, .m-prologo h3, .m-prologo h4, .m-prologo h5, .m-prologo h6 {}


/*f*/
/*i*//*Capítulo*/
/*Un Capítulo normal. En teatro se aplicara t-m-acto*/
.m-capitulo{}

	.m-capitulo h1{}

	.m-capitulo h2.subtitulo{
		margin-top:0.56em;
		margin-left:20%;
		margin-bottom: 1.13em;
	}

	.m-capitulo .p-titulo{}

	.m-capitulo .p-autor{}

	

/*f*/
/*i*//*Imágenes*/
/*Útil para agrupar una sección sólo de imágenes. */
.m-imagenes {
	margin-top: 0;
	margin-bottom:0;
}

/*f*/
/*f*//*de Mondongo*/
/*i*//*===BACKMATTER===*/
/*i*//*Glosario*/
/*An optional section that alphabetically lists centrally all the glossary terms and definitions appearing in the work. This is a processor target for reverse and popup linking in e-books*/
.b-glosario {}

/*f*/
/*i*//*Bibliografía*/
/*Crea una sección para la Bibliografía, normalmente en el backmatter. Hay también un bloque bibliografia.*/
.b-bibliografia{}

	.b-bibliografia p {	
		margin-left:0; /* 2em */
		padding-left: 2.0em;
		text-indent: -2.0em;
		text-align: left;
	}

	.b-bibliografia h4 {
		margin-top: 1.0em;
		margin-bottom: -0.5em;
		margin-left:0;
		font-style:normal;
		font-weight: normal;
	}
		
/*f*/
/*i*//*Más créditos*/
/*Cuando hay que añadir más créditos al final, por ejemplo, grabación de audio en RESAD*/
.b-mas-creditos{}

/*f*/
/*i*//*Notas*/
/*Sección que agrupa todas las notas a pie de página*/
.b-notas-al-final{
	float:bottom;
}

	.b-notas-al-final p {
/* 		color:#575756;
		font-family:"Roboto Condensed", sans-serif; 
		font-weight:300;   
		font-size: 0.75em;
		text-indent: 0;
		text-align: center; */
	}

/*f*/
/*f*/
/*f*//*de secciones*/
/*i*//*===================================BLOQUES SEMÁNTICOS===*/
/*Por orden alfabético*/
/*i*//*Audio*/
/*El tag que se inserta es: <div class="bl-centrado width-70 no-en-print">
<audio src="audio/corte.m4a" controls="controls">
<div class="err"><p>Perdón, pero parece que su sistema no soporta la reproducción de audio en el libro</p></div>
</audio>
</div>*/
.bl-audio{}

/*f*/
/*i*//*Bibliografía*/
/*Bloque de Bibliografía. Usa la misma clase que la sección de Bibliografía, pero aplicada a una div*/
.bl-bibliografia {
	margin-top:0.5em;
}

	.bl-bibliografia p{
		padding-left: 2.0em;
		text-indent: -2.0em;
	}

	.bl-bibliografia p a {
	 overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;	
	}

	
/*f*/
/*i*//*Carta*/
/*Bloque contenido de una carta, incluido fecha, firma, y lo que fuera*/
.bl-carta {
	margin-top:1.5em;
	margin-bottom:1.5em;
	margin-left: 2.0em;
	margin-right:1.0em;
	text-align:justify;
}

	.bl-carta p {
		font-style:italic;
	}

	.bl-carta em {
		font-style:normal;
	}


/*f*/
/*i*//*Cita*/
/*Cita en medio del texto. Distinta de cita al principio del capítulo*/
.bl-cita {
	margin-top:1.19em; /* 11px */
	margin-bottom:1.19em; /* 13px */
	margin-left: 2.0em;  /* 1.2em */
	margin-right:0;
}

	.bl-cita  p{
		font-size: 0.96em; /* 10pt */
		line-height:1.2;  /* 1.15 */
		text-indent:0.0em;
	}

	.bl-cita .p-autor{}

	
	.bl-cita  p.t-p-personaje {
		margin-bottom:0.0em; 
	}

	.bl-cita  p.t-p-continuacion-parlamento:last-of-type {
		margin-bottom:0.0em; 
	}
	
	.bl-cita .t-p-personaje + .t-p-continuacion-parlamento{
		margin-top:0.0em;
	}
	
	
.bl-cita + p {text-indent:0;}
	
.bl-cita + p[class^="i-"] + p {text-indent:0.0em;}
	
/*f*/

/*i*//*Cita_dialogo*/
		.bl-cita-dialogo {
			margin-top:0.63em; /* 11px */
			margin-bottom:0.56em; /* 13px */
			margin-left: 2.0em;  /* 1.2em */
			margin-right:0;
		}

			.bl-cita-dialogo  p{
/* 				font-family:sans-serif; */
/* 				font-size: 0.83em;  */ 
				line-height: 1.43em;  /* 1.15 */
				text-indent:0.0em;
			}

			.bl-cita-dialogo .p-autor{}

			
			.bl-cita-dialogo  p.t-p-personaje {
				margin-bottom:0.0em; 
			}

			.bl-cita-dialogo  p.t-p-continuacion-parlamento:last-of-type {
				margin-bottom:0.0em; 
			}
	
			.bl-cita-dialogo .t-p-personaje + .t-p-continuacion-parlamento{
				margin-top:0.0em;
			}

.bl-cita-dialogo + p {text-indent:0;}

.bl-cita-dialogo + p[class^="i-"] + p {text-indent:0.0em;}
				

/*f*/

/*i*//*Cita inicio*/
/*Cita (epígrafe)al principio del capítulo. Normalmente el texto se pone como un bloque justificado a la derecha y Debajo, a la izquierda, el autor de la cita.*/
.bl-cita-inicio {/*Texto que a veces se pone al principio de un capítulo, después del título*/
	margin-left:20%;
	margin-top:1.29em;
	margin-bottom:1.29em;
	font-size: 0.92em; /*estaba en 10pt*/
	line-height: 1.1;
	text-indent:0;
	hyphens: none;
}

	.bl-cita-inicio p {
		text-align: right;	
		font-style: italic;
	}

	.bl-cita-inicio .p-autor{
		font-family: Crimson, serif;
		font-size: 0.88em;
		margin-top: 0.34em;
		margin-left:0;
	}

/*f*/
/*i*//*Gráfico*/
/*Todo gráfico, y su información vinculada.*/
.bl-grafico{margin-top:1.19em;margin-bottom:1.19em;}

	.bl-grafico .p-autor{}

	.bl-grafico .p-titulo{}

/*f*/
/*i*//*Poema*/
/*Bloque de poema. Afecta a los párrafos del poema. Incluirá título, autor, y lo que proceda.*/
.bl-poema {
	text-align:center;
	margin-top: 1.19em;
	margin-bottom: 1.19em;
	margin-left: 2.0em; /* estaba en 3em*/
	margin-right: 0; /*esta en 1.5em*/
}

	.bl-poema p {
		/*font-style: italic;*/
		font-size:1em;
		
		 padding-left:5%;/*15*/
        text-indent:-5%;
		margin-left:5%;
		margin-right:5%;
		/*text-indent: -1.0em;*/
	}

	.bl-poema h1, bl-poema h2, bl-poema h3, bl-poema h4, bl-poema h5, bl-poema h6 {
		text-align:center;
		font-size: 1.1em;
		margin-bottom:-0.36em;
	}
	
	.bl-poema .p-titulo{
		font-style: normal;	
		font-weight:bold;
		margin-bottom:0.5em;
	}
	
	.bl-poema .p-autor{}

/*f*/
/*i*//*Tabla*/
/*Las tablas en general deben ir dentro de un bloque tabla que incluya toda la información referente a la tabla. Como el ancho de las tablas, como el de las imágenes, es por defecto 100%, en el bloque de tabla, o envolviéndola hay que incluir una div con el ancho.*/
.bl-tabla{margin-top:1.19em;margin-bottom:1.19em;}

	.bl-tabla .p-titulo {
		color:#575756; 
		font-family:"Roboto Condensed", sans-serif;
		font-size: 0.92em;
		font-style:normal;
		font-variant:normal;
		font-weight:normal;
		line-height:1.1;
		margin-bottom:0.54em; /* era de 0px */
		margin-left:0.0em;
		margin-right:0.0em;
		padding-top:0.0em; /* era de 9px */
		text-align:left; /*era justify */
		text-decoration:none;
		text-indent:0.0em;
		hyphens:none;
	}

/*f*/
/*i*//*Video*/
/*El código que se inyecta es: <div class="bl-centrado no-en-print">
<video src="video/loop.mp4" controls="controls" poster="video/imagenposter.jpg" width="320" height="240"/>
</div>*/
.bl-video{}

/*f*/
/*f*//*de Bloques semánticos*/
/*i*//*===================================PÁRRAFOS SEMÁNTICOS===*/
/*i*//*Indentado*/
/*Para indentar un párrafo cuando por defecto no lo está.*/
.p-indentado{text-indent:1.2em!important;}

.p-noindentado{text-indent:0;}

/*f*/
/*i*//*Párrafo de título*/
/*Normalmente se le da estilo en el bloque o sección donde se inserta.*/
.p-titulo{hyphens:none;}

/*f*/
/*i*//*Párrafo de autor*/
/*Normalmente se le da estilo en el bloque donde se inserta.*/
.p-autor {
	font-family: "Roboto Condensed", Arial, sans-serif;
    font-weight: 300;
    font-size: 1.0em;
	line-height:1.2;
	margin-bottom:0.0em;
	margin-left:4.76em;
	margin-right:0.0em;
	margin-top:0.0em;
	text-align:left;
	text-decoration:none;
	text-indent:0.0em;
}

/*f*/
/*i*//*Caption*/
/*Vale como texto normalmente abajo de tabla u otros gráficos.*/
.p-caption {/*p03_Caption Vale como texto normalmente abajo de tabla u otros gráficos. Poner en negrita (Tabla 1. )*/
	color:#575756;
	font-family:"Roboto Condensed", sans-serif;
	font-size: .9em;
	line-height:1.1;	
	font-weight:normal;
	margin-bottom:0; /* era de 0px */
	margin-left:0.0em;
	margin-right:0.0em;
	padding-top:0.0em; /* era de 9px */
	text-align:center; /*era justify */
	text-decoration:none;
	text-indent:0.0em;
	hyphens:none;
}

/*f*/
/*i*//*Fuente de gráfico*/
/*Vale como cita de la fuente del gráfico, tabla, etc.*/
.p-fuente-graf{
	font-size: 0.67em;
	line-height: 1.49em;
	text-indent: 0;
	text-align: center;
	margin-top:-0.37em;
}

/*f*/
/*i*//*Firma*/
/*Se asigna al nombre del firmante, por ejemplo, del prólogo*/
.p-firma {
	font-family:"Roboto Condensed", sans-serif;
	font-weight:300;
	font-size: 0.83em;    
	text-align: right;
	margin-top:0.72em;
	margin-bottom:0.24em;
}

/*f*/
/*i*//*Cargo firma*/
/*Se asigna debajo del p-firma*/
.p-cargo-firma {
	color:#000000;
	font-family:"Roboto Condensed", sans-serif;
	font-size: 0.75em;
	line-height:1.2;	
	font-style:normal;
	font-weight:300;
	margin-bottom:3.33em;
	margin-left:6.35em;
	margin-right:0.0em;
	margin-top:0.0em;
	text-align:right;
	text-indent:0.0em;
}

/*f*/
/*i*//*Número capítulo*/
/*Párrafo que contiene el número del capítulo, normalmente antes del título -h1- del capítulo*/
.p-num-cap {
	text-align:center;
	font-size: 1.1em;
	margin-top:1.82em;
	margin-bottom:-0.91em;
}

/*f*/
/*i*//*Texto de nota*/
/*Estila el texto de la nota.*/
.p-textonota{
    font-size: 1em;
    margin-left: 3.0em;
    text-indent: -3.0em;
    text-align: left;
    margin-bottom: 0.5em;
}
/*Estila el texto de la nota*/
/*f*/
/*i*//*Número poema*/
/*En las colecciones de poesía se suelen numerar los poemas.*/
.p-num-poema {
	margin-top: 2.0em;
	text-align:center;
}

/*f*/
/*i*//*Tipo de poema*/
/*En poesía a veces se indica, después del título, Soneto, Fábula, etc.*/
.p-tipo-poema{
	font-size:0.9em;
	text-align:center;
	margin-top:0.67em;
}

/*f*/

.p-linea-continua { /*líneas que separan párrafos, bien con asterirsco o con línea continua o algo.*/
	line-height: 2;
	text-align:center;
}

.vertical-align-middle {
	vertical-align: middle;
}


/*f*//*de párrafos semánticos*/
/*i*//*===================================LETRAS===*/
/*i*//*Capitulares*/
.l-dropcap {
	font-size: 4.5em;
	color: #990000;
	float: left;
	margin-left  : -0.02em;
	margin-right : 0.01em;
	margin-top : -0.04em;
	margin-bottom : -0.07em;
	font-weight: normal;
}

/*f*/
/*i*//*Referencia de nota*/
/*Estila las referencias a notas. Generalmente se inserta con word y se trata con Ruby.*/
.l-refnota {
	font-size:0.7em;
	vertical-align:super;
	margin-left:0.14em;
	line-height: 0;
}

	h1 > a > .l-refnota { /* para que tengan menor tamaño relativo cuando van sobre titulares */
		font-size:0.5em;
	}

/*f*/
/*i*//*Link de vuelta a texto desde nota*/
.l-link-a-texto{
	font-size:0.8em;
/* 	vertical-align:super; */
	margin-left:0.16em;
    padding-right: 1.09em;
}

/*f*/
/*i*//*Número de verso*/
/*Normalmente en teatro en verso y poesía, cada 5 versos.*/
.l-numero-verso {
	 text-align:right;
	 float:right;
	 font-size:0.8em;
}

/*f*/
/*f*//*de LETRAS*/
/*i*//*===================================TABLAS y LISTAS===*/
/*i*//*===========LISTAS===*/
/*i*//*Columna izquierda*/
/*Columna izquierda de una tabla.*/
.col-izq{text-align:left;}

/*f*//*Col Izq*/
/*i*//*Columna derecha*/
/*Columna derecha de una tabla.*/
.col-der{text-align:right;}

/*f*//*Col der*/
/*i*//*Nivel de profundidad del TOC*/
/*Clases de li en toc. El número indica su nivel de profundidad*/
._1 {}
/*Clases de li usada sobretodo en TOC. El número indica su nivel de profundidad.*/
._2 {}

._3 {}

/*f*//*Del nivel de profundidad del toc*/
/*i*//*==Divs de lista==*/

.bl-lista {
	margin-left:0.0em;
	margin-top: 0.59em;
	margin-bottom: 0.59em;
/* 	border:1px solid green; */
}


.il-n-,.il-n-1,.il-n-2,.il-n-3{float:left;clear:left;}

.tl-n-,.tl-n-1,.tl-n-2,.tl-n-3{text-align:left;text-indent:0.0em;}


.il-n-,.il-n-1{
	width:2em;
	text-align:right;
	}

	.tl-n-,.tl-n-1{margin-left:2.0em;}

	
.il-n-2{
	width:3em;
	text-align:right;
	}

	.tl-n-2{margin-left:4.0em;}

	
.il-n-3{
	width:6em;
	text-align:right;
	}

	.tl-n-3{margin-left:6.0em;}


/*f*//*Divs de lista*/
/*f*//*de  listas*/
/*f*//*de TABLAS y LISTAS*/
/*i*//*===================================TEATRO===*/
/*i*//*===SECCIONES de TEATRO===*/
/*i*//*ficha estreno*/
/*Sección para la ficha del estreno o similar en teatro.*/
.t-m-ficha-estreno table{width:100%;margin:auto;table-layout:auto;}

.t-m-ficha-estreno table td{
	font-size: 0.75em;
	vertical-align:bottom;
}

	.t-m-ficha-estreno h1 {
		font-weight: normal;
		font-size: 1.33em;
	}

	.t-m-ficha-estreno p {
		text-indent:0;
	}

/*f*/
/*i*//*Acto*/
/*Sección que n teatro se utiliza como equivalente a m-capitulo.*/
.t-m-acto{}

	.t-m-acto h1{text-align:left;}

	
		h1.escena, h1.escena1{
			color:#575756; 
			font-family:"Roboto Condensed", sans-serif;
			font-size: 1.17em; /*estaba en 11pt*/
			line-height:1.2;	
			font-style:normal;
			font-variant:normal;
			font-weight:bold;
			text-align:justify;
		}


	.t-m-acto h2{
		text-align:left;
		margin-left:20%;
	}

/*f*/
/*f*//*de Secciones de teatro*/
/*i*//*===BLOQUES de TEATRO===*/
/*i*//*Parlamentos*/
/*Div que señala personajes y sus parlamentos en el teatro en prosa.*/
.t-bl-parlamentos {}

    .t-bl-parlamentos p{	
        padding-left:4%;/*15*/
        text-indent:-4%;
        text-align: justify;
}

/*f*/
/*i*//*Continuación de parlamentos*/
/*Continuación de un parlamento después de un párrafo de acotación.*/
.t-bl-continuacion-parlamento {
       
        margin-left:4%;    
}

    .t-bl-continuacion-parlamento p{
        text-indent:0;
    }

.t-bl-parlamentos + .t-bl-continuacion-parlamento {
    
}

/*f*/
/*i*//*Acotación*/
/*Acotación fuera del parlamento de personajes.*/
.t-bl-acotacion{
	font-family:"Timesitalic", serif;

	margin-left: 8%;    
	font-weight:lighter;
	text-align: justify;
}

	.t-bl-acotacion p{
	   text-indent:0.0em;
	   font-style:italic;
    }

/*f*/
/*f*//*de bloques de teatro*/
/*i*//*===PÁRRAFOS de TEATRO===*/
/*i*//*Estrenada*/
/*Normalmente debajo del h1 de ficha del estreno*/
.t-p-estrenada {
	font-size: 0.69em;
	text-align:justify;
	margin-left:10%;
	margin-right:10%;
	margin-top:0.64em;
	line-height:1.2;
	margin-bottom:2.72em;
	text-indent:0;
}

/*f*/
/*i*//*Párrafo personaje*/
/*Parlamento de personaje. Normalmente se le da estilo en el bloque t-bl-parlamentos.*/ 
.t-p-personaje {
		margin-bottom:1.19em; /* una línea entera de margen abajo*/
		padding-left:0.92em;
		text-indent:-0.92em;
}

/*f*/
/*i*//*Párrafo acotación*/
.t-p-acotacion {
	font-family:"GillSansLight", sans-serif;  /*era GillSansLightItalic */
	font-size:.95em;	
	font-style:italic;	
	font-weight:300;
	text-indent:0;	
	margin-bottom:1.25em;
	margin-left:0.97em;
}

	.t-p-acotacion + .t-p-acotacion {
		margin-top:-1.19em;
	}

/*f*/
/*i*//*Párrafo continuacion-parlamento*/
.t-p-continuacion-parlamento{
	margin-left:0.92em;
	margin-bottom:1.19em;
	text-indent:0;
}

	.t-p-continuacion-parlamento + .t-p-continuacion-parlamento{
		margin-top:-1.19em;
	}

	.t-p-personaje + .t-p-continuacion-parlamento{
		margin-top:-1.19em;
	}


/*f*/
/*f*//*de párrafos de teatro*/
/*i*//*===LETRAS de TEATRO===*/
/*i*//*Letras de personaje*/
/* Span que acota el nombre del personaje antes de su parlamento. Se puede hacer con Ruby con <small>*/
.t-l-personaje{
	font-variant: small-caps;
	font-size: .95em;	
}

/*f*/
/*i*//*Acotación en parlamento*/
/*Acotación dentro del parlamento del personaje.*/
.t-l-acot{
	font-family:"GillSansLight", sans-serif;  /*era GillSansLightItalic */
	font-size:.95em;
	font-style:italic;	
	font-weight:300;
}

/*f*/
/*i*//*Énfasis en acotación*/
/*Para resaltar un énfases dentro de una acotación. Normalmente en redonda cuando la acotación está en itálica.*/
.t-l-enf-acot{
	font-family:"GillSansLight", sans-serif;  /*era GillSansLightItalic */
	font-size:.95em;	
	font-style:normal;	
	font-weight:300;
}

/*f*/
/*f*//*de letras de teatro*/
/*i*//*===TEATRO en VERSO===*/
/*i*//*División izquierda*/
/*División vertical para personaje. Se crea con Ruby.*/
.t-left {
    float: left;
    width: 25%;
    margin-bottom: 0.1em;
}

/*f*/
/*i*//*División derecha*/
/*División vertical para parlamento del personaje. Se crea con Ruby.*/	
.t-right {
    /*background-color: Aqua;*/
    margin-left: 25%;
	padding-left:1.0em;
	/*margin-top: 0.1em;*/
	margin-bottom: 0.5em;
}

/*f*/
/*i*//*Bloque personajes y sus parlamentos*/
/*Div que señala personajes y sus parlamentos en el teatro en verso.*/
.t-bl-versos{}

/*f*/
/*i*//*Párrafo de parlamento en verso*/
/*Párrafo de parlamento en verso. Sin embargo, en RESAD hemos usado t-bl-versos para agrupar personaje y sus versos.*/
.t-p-verso{}

/*f*/
/*f*//*de teatro en verso*/
/*f*//*de TEATRO*/
/*i*//*===================================CATÁLOGO Y COMENTARIOS===*/
/*Falta por incluir en Tags y explicaciones. xhtml*/
.incitacion-a-comentarios {
	margin:1.88em;
	border: solid 2px grey;
	padding:0.63em;
}

.catalogo-bolchiro{margin-left:2.0em;font-family:sans-serif;}

.catalogo-bolchiro h2{margin-bottom:-0.7em;}

.catalogo-bolchiro h1{margin-top:0;}

.item-catalogo{margin-top:1.0em;margin-bottom:1.0em;}

.tema-catalogo{}

.titulo-catalogo a {color: #990000;}

.titulo-catalogo {text-align:left;text-indent:0;}

.autor-catalogo {font-size:0.7em;text-align:left;text-indent:0;}

.texto-promocion-catalogo{}

.isbn-catalogo{}

.asin-catalogo{}

/*f*/
/*i*//*===================================VARIOS SUELTOS===*/
/*Revisar esto*/
div[style="clear:both"]{
margin-bottom:0.24em;
}




/* Animación para destacar el target de las notas */

/* 
[href^="#_ftn"]:target {
	animation: anima-notas 7s 1;
    -webkit-animation: anima-notas 7s 1;
    -moz-animation: anima-notas 7s 1;
}
 */
/* 
:target {
	animation: anima-notas 3s 1;
    -webkit-animation: anima-notas 3s 1;
    -moz-animation: anima-notas 3s 1;
}
 */
/* 
@keyframes anima-notas {
    0% { background-color: rgba(255, 0, 0, 0.4); border: 1px solid grey;}
    100% { background-color: rgba(0,0,0,0); }
}
@-webkit-keyframes anima-notas {
    0% { background-color: rgba(255, 0, 0, 0.4); border: 1px solid grey;}
    100% { background-color: rgba(0,0,0,0);}
}
@-moz-keyframes anima-notas {
    0% { background-color: rgba(255, 0, 0, 0.4); border: 1px solid grey;}
    100% { background-color: rgba(0,0,0,0);}
}
 */



/*f*/