@charset "utf-8";
/*i*//*===================================SECCIONES===*/
/*Por orden se su posición en el libro*/
/*i*//*===FRONTMATTER===*/
/*i*//*Cubierta*/
.f-cubierta {}
/*Es la cubierta, claro*/
/*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;}
.f-portadilla .p-autor{
font-size: 1.06em;
text-align:center;
padding-top: 1.89em;
margin-bottom: 1.89em;
}
.f-portadilla .p-titulo{font-size: 1.25em;text-align:center;}
/*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{padding-top:10%;}
/*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 .p-autor{
font-size: 1.58em;
padding-top:2.97em;
margin-bottom:1.42em;
text-align:center;
text-indent:0.0em;
}
.f-portada .p-titulo{
font-size: 1.83em;
line-height:1.23;
margin-bottom:2.09em;
text-align:center;
text-indent:0.0em;
}
.f-portada .p-titulo2{/*Título contribución*/
font-size: 1.0em;
font-family:"Timesitalic", serif;
font-style:italic;
text-align:center;
text-indent:0.0em;
margin-bottom: 0.31em;
}
.f-portada .p-autor2{/*Autor contribución*/
font-size: 1.17em;
font-variant: small-caps;
text-align:center;
margin-bottom: 3.42em;
text-indent:0.0em;
}
.bl-logo {
width: 5em;
text-align: center;
margin:auto;
margin-top:9.0em;
}
.bl-logo img{
margin-left:0%;
}
/*f*/
/*i*//*Copyright*/
/*Sección de Copyright*/
.f-copyright {}
.f-copyright .p-titulo{
font-size: 0.92em;
line-height:1.27;
margin-bottom:0.54em;
text-align:left;
}
.f-copyright .p-autor{}
.f-copyright p{
font-size: 0.83em;
line-height:1.15;
text-indent:0.0em;
}
/*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*/
/*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*/
/*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{margin-left:0;}
/*Para compensar el margen del ol*/
.f-indice h1{
margin-left:5%;
font-size: 1.2em;
margin-bottom: 1.66em;
}
/*Para compensar el margen del ol*/
.f-indice ol {list-style-type: none !important;}
.f-indice li {list-style-type: none !important;}
.f-indice a[href] {
font-size: 0.96em;
line-height: 1.39;
color: black;
text-decoration: none;
background-color:transparent!important;
-webkit-text-fill-color: black;
}
.f-indice ol{margin-left:5%;}
.f-indice ._1{}
.f-indice ._1 a{}
.f-indice .principal{font-size: 0.81em;}
/*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 { padding-left:2%; padding-right:2%;}
.f-presentacion p {
text-indent: 1.2em;
}
.f-presentacion p:first-of-type {
text-indent: 0;
}
.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*/
/*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 {padding-left:2%; padding-right:2%;}
.m-prologo p {
text-indent: 0;
margin-bottom: 0.19em;
}
.m-prologo h2, .m-prologo h3, .m-prologo h4, .m-prologo h5, .m-prologo h6 {
margin-left:0;
text-align:left;
}
.m-prologo h1 {
font-size:1.5em;
margin-top: 2.0em;
margin-bottom: 2.0em;
}
.m-prologo h2 {
font-size:1.3em;
margin-top: 1.31em;
margin-bottom: 1.15em;
}
.m-prologo h3 {
font-size:1.1em;
margin-top: 1.09em;
margin-bottom: 1.09em;
font-style:italic;
}
.m-prologo h4 {
font-size:1em;
margin-top: 0.8em;
margin-bottom: 1.0em;
font-style:normal;
}
.m-prologo p + h2 {
margin-top:2.2em;
}
.m-prologo p + h3 {
margin-top:2.0em;
}
.m-prologo p + h4 {
margin-top:1.7em;
}
.m-prologo h2 + h3 {
margin-top:-1.0em;
}
/*f*/
/*i*//*Capítulo*/
/*Un Capítulo normal. En teatro se aplicara t-m-acto*/
.m-capitulo{
padding-left:2%;
padding-right:2%;
}
.m-capitulo p{
font-size: 1em;
padding-left: 2.0em;
text-indent: -2.0em;
text-align: left;
}
.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 {}
/*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:2.0em;
padding-left: 2.0em;
text-indent: -2.0em;
}
/*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{}
/*f*/
/*f*/
/*f*//*de secciones*/
/*i*//*===================================BLOQUES SEMÁNTICOS===*/
/*Por orden alfabético*/
/*i*//*Audio*/
/*El tag que se inserta es:
*/
.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 p{
padding-left: 2.0em;
text-indent: -2.0em;
}
/*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;
}
/*f*/
/*i*//*Cita*/
/*Cita en medio del texto. Distinta de cita al principio del capítulo*/
.bl-cita {
text-indent:0.0em;
margin-top:0.53em;
margin-bottom:0.53em;
margin-left: 1.26em;
margin-right:1.26em;
font-size:0.95em;
/*hyphens: none;*/
}
.bl-cita p{text-indent:0.0em;}
.bl-cita .p-autor{}
/*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 {
margin-left:15%;
margin-top:-0.22em;
margin-bottom:2.78em;
font-size:0.9em;
text-indent:0;
hyphens: none;
}
.bl-cita-inicio .p-autor{}
/*f*/
/*i*//*Gráfico*/
/*Todo gráfico, y su información vinculada.*/
.bl-grafico{}
.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 {
/* margin-bottom: 1.5em;
margin-left:3.0em;
margin-right:1.5em;
*/
}
.bl-poema p {
font-size: 1em;
padding-left: 2.0em;
text-indent: -2.0em;
text-align: left;
}
.bl-poema .p-titulo{}
.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{}
.bl-tabla .p-autor{}
.bl-tabla .p-titulo{}
/*f*/
/*i*//*Video*/
/*El código que se inyecta es:
*/
.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{padding-left:3%;}
/*f*/
/*i*//*Párrafo de título*/
/*Normalmente se le da estilo en el bloque o sección donde se inserta.*/
.p-titulo{}
/*f*/
/*i*//*Párrafo de autor*/
/*Normalmente se le da estilo en el bloque donde se inserta.*/
.p-autor {}
/*f*/
/*i*//*Caption*/
/*Vale como texto normalmente abajo de tabla u otros gráficos.*/
.p-caption {
font-size:1em;
text-align: center;
padding-top:0.0em;
text-indent:0;
hyphens:none;
}
/*f*/
/*i*//*Fuente de gráfico*/
/*Vale como cita de la fuente del gráfico, tabla, etc.*/
.p-fuente-graf{}
/*f*/
/*i*//*Firma*/
/*Se asigna al nombre del firmante, por ejemplo, del prólogo*/
.p-firma {
font-size:0.833em;
font-weight:bold;
text-align: right;
margin-top:1.4em;
margin-bottom:1.2em;
}
/*f*/
/*i*//*Cargo firma*/
/*Se asigna debajo del p-firma*/
.p-cargo-firma {
font-size:0.833em;
text-align: right;
margin-top:-0.96em;
}
/*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{}
/*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*/
/*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:25%;
margin-left:0.14em;
}
/*f*/
/*i*//*Número e 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*//*Columna izquierda*/
/*Columna izquierda de una tabla.*/
.col-izq{text-align:left;}
/*f*/
/*i*//*Columna derecha*/
/*Columna derecha de una tabla.*/
.col-der{text-align:right;}
/*f*/
/*i*//*Listas===*/
/*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*/
/*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;
}
/*f*/
/*i*//*Acto*/
/*Sección que n teatro se utiliza como equivalente a m-capitulo.*/
.t-m-acto{}
.t-m-acto h1{text-align:center;}
.t-m-acto h2{text-align:center;}
/*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{
margin-bottom:0.59em;
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-bottom:0.59em;
margin-left:4%;
}
.t-bl-continuacion-parlamento p{
text-indent:0;
}
.t-bl-parlamentos + .t-bl-continuacion-parlamento {
margin-top: -0.59em;
}
/*f*/
/*i*//*Acotación*/
/*Acotación fuera del parlamento de personajes.*/
.t-bl-acotacion{
font-family:"Timesitalic", serif;
margin-bottom:0.59em;
margin-left: 8%;
font-weight:lighter;
text-align: justify;
}
.t-bl-acotacion p{
text-indent:0.0em;
}
/*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;
line-height:1.3;
text-align:justify;
margin-left:10%;
margin-right:10%;
margin-top:0.64em;
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{}
/*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 */
.t-l-personaje{}
/*f*/
/*i*//*Acotación en parlamento*/
/*Acotación dentro del parlamento del personaje.*/
.t-l-acot{
font-family:"Timesitalic", serif;
font-style:italic;
font-weight:lighter;
}
/*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-style:normal;
font-family:"Times";
font-weight:lighter;
}
/*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*/
/*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.0em;
}
/*f*/
span.idioma {
font-size: 0.92em;
}
span.altavoz {
vertical-align:-1px;
}
span.altavoz img{
max-height: .8em;
max-width: .8em;
}
em {
font-family: "Timesitalic";
font-style: italic;
}
/****************MAEDIA QUERIES*****************/
/*