/* ePub base r2.1 ePubLibre - style.css*/

/*ESTILO DE PÁRRAFO POR DEFECTO
Edite y habilite o deshabilite un estilo por defecto para el libro, o cree su propio estilo de párrafo personalizado que se adapte al mismo. Recuerde que afectará a todo el contenido, exceptuando las páginas que no enlacen este css (como las fijas). Tambien puede crear uno propio que se ajuste a sus necesidades. OJO: NO SE DEBE ASIGNAR UN TAMAÑO DE FUENTE POR DEFECTO PARA <p>, deje que el lector escoja el que le sea más comodo para la lectura. */

/* El estilo por defecto es el de párrafo normal, apto para novelas, relatos, ensayos, etc.*/

p {
  margin: 0;
  text-align: justify;
  text-indent: 1.5em;
  line-height: 125%;
}

/* encabezados */

h1 {
  font-size: 1.5em;
  margin: 20% 0 2em;
}

h2 {
  margin: 2em 0 1em;
}

h2 {
  font-size: 1.3em;
}

/* dedicatoria */

.dedicatoria {
  margin: 25% 3% 0 15%;
  text-align: right;
}

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

/* saltos */

.saltoinicio {
  margin-top: 25%;
}

.salto10 {
  padding-top: 1em;
}

/* El valor por defecto de <hr/> ahora es un espacio en blanco  para marcar saltos de contexto. Cambie la altura del mismo a su conveniencia  modificando el atributo height */

hr {
  height: 2.5em;
}

/* el siguiente par de clases son ejemplos de distintas variaciones para los saltos de contexto. Modifiquelos a su gusto */

hr.imagen {
  width: auto;
  border: none;
  margin: 1em 0;
  height: 2.9em;
  text-indent: 0;
  text-align: center;
  background: url(../Images/anillos.svg) no-repeat center;
  background-size: 3.58em 1.5em;
  overflow: hidden;
}

/* Control de silabeo. Asegurese de agregar cualquier estilo que no quiera que el e-reader divida con guiones, como los subtítulos, versos, etc. */

.dedicatoria {
  adobe-hyphenate: none;
  -ms-hyphens: none;
  -moz-hyphens: none;
  -webkit-hyphens: none;
  -epub-hyphens: none;
  hyphens: none;
}

/* ESTILOS DE EJEMPLO PARA EL EPUB-BASE. ELIMINAR SI NO SE USAN */

hr + p, .tsubtitulo + p  {
  text-indent: 0;
}

/* Equivale a aplicar el estilo .asangre a todas los párrafos que cumplan con las condiciones especificadas, por ejemplo los que van después de un título o salto de escena <hr>. Puede agregar otros estilos a la lista. */

.escalar {
  margin: 1em 0;
  text-align: center;
  text-indent: 0;
}

div#svg img {
  max-width: 10em;
  width: 100%;
}

div#svg1 img {
  max-width: 8em;
  width: 100%;
}

.detalle {
  font-size: 0.9em;
  margin-left: 13%;
}

.detalle p {
  text-align: left;
  text-indent: 0;
}

@font-face {
  font-family: "relato";
  font-style: normal;
  font-weight: normal;
  src: url(../Fonts/ITCLegacySerifItalic.ttf); 
}

@font-face {
  font-family: "cap";
  font-style: normal;
  font-weight: normal;
  src: url(../Fonts/ALGER.TTF); 
}

.re, .re p {
  font-family: "relato";
  font-size: 1em;
  padding-left: 3%;
  padding-right: 3%;
  text-align: justify;
}

.capital {
  float: left;
  font-family: "cap";
  font-size: 3em;
  line-height: 0.75em;
  padding-right: 0.5%;
}

.precapital {
  float: left;
  font-family: "cap";
  font-size: 1.8em;
  line-height: 1em;
  padding-right: 0.1%;
}