/* ePub base r1.2 ePubLibre */

/* ----- ESTILOS GLOBALES Y DE SECCIONES FIJAS (NO MODIFICABLES) ----- */
body { margin:1em; padding:0; border:0; }
p { margin:0; text-align:justify; text-indent:1.5em; line-height:1.25em; }
a, .normal { font-style:normal; font-weight:normal; text-decoration:none; }
sup, sub { font-size:0.75em; line-height:normal; }

.cubierta { margin:0; padding:0; border:0; font-size:0; text-align:center; text-indent:0; page-break-before:always; page-break-after:always; }
	.cubierta img { height:100%; max-height:100%; }

.tlogo, .tautor, .ttitulo, .tsubtitulo, .trevision, .tfirma { margin:0 0.25em; text-align:center; text-indent:0; font-family:sans-serif; font-weight:bold; adobe-hyphenate:none; hyphenate:none; hyphens:none; -moz-hyphens:none; -webkit-hyphens:none; }
	.tlogo span { margin:3em 0 2.5em; display:inline-block; width:8em; }
	.tautor { margin-bottom:0.5em; font-size:1.2em; font-weight:normal; color:#595959; }
	.ttitulo { padding:0; border:0; font-size:1.8em; font-style:normal; text-decoration:none; color:black; visibility:visible; }
	.tsubtitulo { margin-top:0.3em; }
	.trevision { margin-top:2.5em; font-size:0.8em; color:#595959; }
	.tfirma { margin-top:0.25em; font-size:0.65em; }
	.tfecha { font-family:sans-serif; font-weight:normal; color:#595959; }

.sinopsis, .sinopsis p, .autor, .autor p, .nota p { margin-top:0.5em; text-indent:0; }
	.sinopsis p, .sinopsis em, .sinopsis strong, .sinopsis big, .sinopsis small, .sinopsis span { font-family:sans-serif; }
.info { margin:3.5em 1.5em 2.5em; font-size:0.8em; width:90%; }
	.info p { text-align:left; text-indent:0; }
.vineta { padding:1em 0; text-align:center; text-indent:0; display:block; }
.nota { padding-top:9%; page-break-before:always; }


/* ----- ESTILOS GENERALES (ADAPTABLES) ----- */

/* encabezados */
h1, h2, h3, h4, h5, h6 { margin:25% 0.25em 1em; text-align:center; text-indent:0; page-break-after:avoid; page-break-inside:avoid; adobe-hyphenate:none; hyphenate:none; hyphens:none; -moz-hyphens:none; -webkit-hyphens:none; }
	h1 { font-size:1.5em; }	/* sólo cambios aprobados, puede afectar páginas globales */
	h2 { font-size:1.5em; }
	h3 { font-size:1.4em; }
	h4 { font-size:1.3em; }
	h5 { font-size:1.2em; }
	h6 { font-size:1.1em; }

/* dedicatoria */
.dedicatoria { margin:5em 1em 0 3em; text-align:right; }
	.dedicatoria p { text-align:right; text-indent:0; }

/* tipografía */
.sans, .sans p, .sans em, .sans strong, .sans big, .sans small { font-family:sans-serif; }
.serif, .serif p, .serif em, .serif strong, .serif big, .serif small { font-family:serif; }
code, kbd, .mono, .mono p, .mono em, .mono strong, .mono big, .mono small { font-family:monospace; }

i, em, cite, dfn, .cursiva { font-style:italic; }
b, strong, .negrita { font-weight:bold; }
ins, .subrayado { text-decoration:underline; }
del, .tachado { text-decoration:line-through; }
.oculto { display:none; visibility:hidden; }

big, .grande { font-size:1.2em; }
small, .versalita { font-size:0.8em; }	/* para texto en mayúsculas, de tamaño similar al de las minúsculas */

/* alineación */
.izquierda, .izquierda p { text-align:left; }
.derecha, .derecha p { text-align:right; text-indent:0; }
.centrado, .centrado p { text-align:center; text-indent:0; }
.justificado, .justificado p { text-align:justify; }
.asangre, .asangre p { text-indent:0; }

/* saltos */
.sintop { margin-top:0; }
.saltoinicio { margin-top:33%; }
.salto05 { padding-top:0.5em; }
.salto10 { padding-top:1em; }
.salto25 { padding-top:2.5em; }

/* bloques */
.sinmargen { margin:0; }
blockquote, .cita { margin:1.5em; }
.bloque { page-break-inside:avoid; }	/* evita dividir un elemento entre páginas */
.nosep { text-indent:0; display:inline-block; }	/* evita dividir una palabra entre líneas */
.extenso { orphans:0; widows:0; }	/* evita división aleatoria de párrafos muy extensos (bug ADE) */
.banner { margin:1.5em 12%; padding:0.5em 1em; text-align:center; text-indent:0; border:2px solid black; border-left:none; border-right:none; }
	.banner p { text-align:center; text-indent:0; }

/* listas */
li { margin:0; text-align:justify; text-indent:0; line-height:1.3em; }

/* imágenes simples */	/* para láminas verticales (página completa), usar el estilo fijo «cubierta» */
.ilustra { margin:1em 0; text-align:center; text-indent:0; display:block; }
	.ilustra img { max-height:100%; max-width:100%; }


/* -----  -----  -----   -----   -----   -----   -----   -----  */
/* ----- ESTILOS PERSONALES ----- */



/* fuentes */
@font-face { font-family:"Incisedblackgotica"; src:url(../Fonts/Incisedblackgotica.ttf); } 
    .gotica { font-family:"Incisedblackgotica", Incisedblackgotica; } 
@font-face { font-family:"bembo-extra-bold"; src:url(../Fonts/bembo-extra-bold.ttf); } 
    .bembo { font-family:"bembo-extra-bold", bembo-extra-bold; } 
/* ATENCIÓN: Por motivos de compatibilidad el nombre de la fuente debe contener sólo caracteres alfanuméricos y prescindir de espacios */

.titjornada { font-family:"Incisedblackgotica", Incisedblackgotica;  text-align:center; text-indent:0; padding-bottom: 2em;  font-size:2em;  font-weight:bold;  padding-top: 1.5em;}
.jornada { text-align:center; text-indent:0; font-size:1.4em;  font-weight:bold;  padding-top: 1.5em;}
.lugar {  text-align:center; text-indent:0; padding: 1em 2.5em;  font-size:0.9em; }
.lugar2 { padding: 1em 3em 1em 4.5em;text-indent:-1em;   font-size:0.9em; }
    .lugar2 p { text-indent:-1.5em; }
.escena {  text-align:center; text-indent:0; padding-top: 1.5em;   font-size:1.2em; }
.personajes { text-align:center; text-indent:0; padding: 1.5em 2.5em; }
.mgrande { font-size:3.5em; }
.margender { margin-right:1.5em; }
.comentario {padding:0.5em 2.5em 0 2.5em;}

/* sangria francesa */
 .francesa { padding-left:1.5em; text-indent:-1.5em;}
    .francesa p { text-indent:-1.5em; }

/*--EN PROSA--*/
.dialogo { padding: 0.5em 2.5em 0 3.5em; text-indent:-1em; }
    .dialogo p { text-indent:-1.5em; }
/*--EN VERSO--*/
.verso1 { margin-left:2.5em; padding-top: 0.5em;}
.verso { margin-left:2em;}

/*--POEMA--*/
.poema { padding: 0 0 0.5em 4em; text-indent:0;}
.estrofa { padding-top: 0.5em;  text-indent:2.5em;}
.v1 { text-indent:2.5em;   font-style:italic;}
.v2 { text-indent:4em;   font-style:italic;}
.v3 { text-indent:6em;   font-style:italic;}
.v4 { padding-left:2em;   }

/* Para usar con h1, p.e. */
.linea { margin-bottom:20%; padding:0.5em; text-align:center; text-indent:0; border:2px solid black; border-left:none; border-right:none; border-top:none; } 

.lineafina {  
	height: 0.1em; 
	width: 90%; 
	margin-left: 5%;
 	border-bottom: 1px solid } 
.lineagorda {  
	padding-top: 2em;
	height: 0.3em; 
	width: 90%; 
	margin-left: 5%;
 	border-bottom: 8px solid }   
.lineacorta {  
	padding-top: 1em;
	height: 0.3em; 
	width: 10%; 
	margin-left: 45%;
 	border-bottom: 1px solid }   
.linea1 {  
	height: 0.3em; 
	width: 10%; 
	margin-left: 45%;
 	border-bottom: 1px solid }   
.linea2 {  
	height: 0.3em; 
	width: 20%; 
	margin-left: 40%;
 	border-bottom: 1px solid }   
/*- en la Section.xhtml: <div class="lineacorta"></div>  (100% =<hr />)*/

/* imágenes finales de escena */
.ilustrafin { margin:1em 0; text-align:center; text-indent:0; display:block; page-break-after:always;}
	.ilustrafin img { max-height:100%; max-width:100%; }

/* PARA CENTRAR TABLAS */
/*para tabla que centrará los poemas*/
table { width:90%;}
.tablacentro { text-align:center; text-indent:0; margin-top: 2em }
.text04 { margin:1em auto; display:inline-table; }
.text04 p { text-indent:0; font-size:0.9em; }
.versoc1 { margin-left: 1em;}
.td1 { width:5em; } 
.td2 { width:1em; } 
.td3 { width:8em; } 
.td4 { width:1em; } 
.td5 { width:7em; } 

.td10 { width:16%; } 
.td20 { width:3%; } 
.td30 { width:40%; } 
.td40 { width:3%; } 
.td50 { width:30%; } 

/* En el archivo de texto irá:   <div class="tabladerecha">*/     
/*<table class="parrf4">      */
/*<tr>        <td>          <p class="versoc1">*/
/*----------------------------------------------------------------------*/

.enlinea { display:inline; }

.textcap { font-size:2em;  text-align:center; text-indent:0;  font-weight:bold;  margin-top:45%;}
.subtextcap { font-size: 1.7em; text-align: center; text-indent: 0; font-weight: bold; }
.textdedi { font-size: 1.6em; text-align: center; text-indent: 0; padding: 1.5em 0;  font-family: "OldStandard", OldStandard; font-size: 200%}
.dedi1 { margin:3em 2em 1.5em 45%; text-indent:0; }
.dedi2 { margin:1em 2em 1em 0; text-indent:0;  text-align:right; }
	.dedi2 p {text-indent:0;  text-align:right;}
.dedi3 { margin:2em 2em 0 50%; font-style:italic;  font-size:0.8em; }
.Numcap { font-size:1.5em;  text-align:center; text-indent:0;  font-weight:bold; padding-bottom: 0.75em; margin-top:25%;}
.micita { padding: 2em 0 1.5em 5em; }
	
.intro { text-indent: -1.85em; padding: 0 2.5em 2.5em; font-size:0.85em; }
.titulo  {text-align:center; text-indent:0; padding-bottom: 1.5em; }
.titulopre { text-align:center; text-indent:0; padding-bottom: 1.5em;  font-size:0.9em;  font-weight:bold;  padding-top: 1.5em;}
.subtil {text-indent: 0; font-weight:bold; padding-bottom: 1em;}
.firma { text-align:right; padding: 1em 2em 1em 0; }

.inden30 { text-indent:3em; }
.inden50 { text-indent:5em; }
.inden70 { text-indent:7em; }
.inden90 { text-indent:9em; }
.inden110 { text-indent:11em; }

.salt50 { margin-top:5em; }
.salt100 { margin-top:10em; }
.salt150 { margin-top:15em; }
.salt180 { margin-top:18em; }
.salt250 { margin-top:25em; }
.salt260 { margin-top:26em; }
.salt25x {margin-top:25%; }

.margen50 { margin-left:5em; }
.margen100 { margin-left:10em; }
.margen50izq { margin-left:50%; }
.margen50der { margin-right:50%; }

.font040 { font-size:0.4em; }
.font050 { font-size:0.5em; }
.font075 { font-size:0.75em; }
.font090 { font-size:0.9em; }
.font200 { font-size:2em; }


.ilustrancha img { max-width:100%; }
.ilustralarga img { max-width:100%; max-height:90%; }
.carta { text-align:right; padding-top:2.5em; font-style:italic; padding-bottom: 1em;}
.break {page-break-before:always;}
.breakpost {page-break-after:always;}
.columna {margin-left:15%; margin-right:15%;}


/*--POEMA--*/
.titpoema { margin-top:45%; text-align:center; text-indent:0; page-break-before:always;  font-size:1.4em;}
.nompoema { text-align:center;  text-indent:0; page-break-before:always; padding-top: 4.5em;}
.poemacursi { padding: 2.5em 0 2.5em 2em; text-indent:0;  font-style:italic;}
.noestrofa { padding-top: 1.5em;}
.numestrofa {margin-left:6.5em; padding-top: 1.5em; }


.asterisco { font-size:2em;  padding-top: 1em; text-indent: 0; text-align:center;}
.puntos { font-size:0.9em;  padding-top: 1em; padding-bottom: 1em; text-indent: 0; text-align:center;}
/*  <p class="puntos">•••••••••••••••••••••••••••••••••••••••</p>  distinto a los puntos ....*/



/* línea de puntos */
/* en .xhtlm:   <hr />*/
/* 100%: hr { margin:1.5em 0; border:none; border-bottom:2px dotted; width:100%; } */
hr { margin:1.5em 25%; border:none; border-bottom:2px dotted; width:50%; }


/* -------- TABLA ----------------------*/

.arriba { vertical-align: top; width: 6.5em; }
.bordetabla {border-collapse:separate; border-spacing:20px 0 }
.centro { text-indent:0; text-align: center }
.izq { text-indent:0; text-align: left }
.columder { margin-right:1em; text-align:right } /* para alineación del texto en las columnas 2 y 3  */
.bordeinf { height:auto; border-bottom:2px solid }  /* para el "subrayado" de la 1ª fila */
.noborde { border:0; height:auto }   /* celdas sin bordes  */
.bordesup { border:0; height:auto; border-top:2px solid }   /* para el "subrayado" de la penúltima fila  */

/* TABLA A LA DERECHA, para poesía, p.e. */
/*¡¡¡¡OJO!!! Si el tamaño de la tabla excede de una página, se pierde lo sobrante */
/*Ejemplo en Diario de un testigo de la guerra de África, Alarcón)*/
.tabladerecha { text-align:right; text-indent:0; margin:0 1em}
.p4 { margin:1em auto; display:inline-table; }
.p4 p { text-indent:0; font-size:0.9em; text-align:left;}
.verso1 { margin-left: 1em;}






/*  TEXTO EN DOS COLUMNAS ....*/
.coltexder { margin-left:38%; }
.coltexizq { float:left; clear:both; margin-left:-20%; max-width:40%; text-indent:1.2em;  line-height:1.1em;  }
.coltexizqcur { float:left; clear:both; margin-left:-25%; max-width:40%; text-indent:1.2em;  line-height:1.1em;  font-style:italic; }
/*-----<div class="coltexder">
	<p><span class="coltexizqcur">Toledo</span>Sr. D. Tomás Recio.</p>
	<p><span class="coltexizqcur">Solsona</span>Sr. D. Francisco Blanch.</p>
</div>-------*/ 



/* ------------LETRA CAPITULAR  (párrafo asangre) -------*/ 
.capital { font-family: "OldStandard", OldStandard; 
	font-size:400%; 
	font-weight:normal; 
	float:left; 
	margin:-0.1em 0.125em 0 0;
	text-indent:0; 
	line-height:1em; 
	height:1em; }


/*IMÁGENES CAPITULARES*/ 
.imgcapital { 
	float: left; 
	margin: 0 0.3em -0.1em 0.25em; } 

.imgcapitalverso { 
	float: left; 
	margin: 1em 0.5em -0.1em 1.25em; } 

.primera { 
	margin-left: -2.2em;
	white-space: pre;
	font-size:0.8em; } 

.segunda { 
	margin-left: -1.5em;
	white-space: pre; } 



/* *****************IMAGENES*************** */
.imagenconpie { 
	text-align:center; 
	text-indent:0; 
	margin:1.5em 3em; }
	.imagenconpie p{ text-align:center; font-size:0.75em; }

/* En archivo .xhtml:
	 <div class="imagenconpie bloque">
    <p class="ilustra"><img alt="" src="../Images/009.jpg" /></p>
    <p>Escuadra española delante de Ceuta.</p>
  </div>*/


/*IMÁGENES RECTANGULARES, FLOAT IZQU.Y  FLOAT DERC.------------*/	 
/* <img alt="" class="alaizqu" src="../Images/002.gif" />  
la imagen aparece insertada en el texto, a la izquierda 
Se pone entre el texto y aparecen a la altura donde se ponga*/ 
.alaizqu { 
	float: left; 
	margin: 3px; } 

/* <img alt="" class="aladrch" src="../Images/002.gif" />  
la imagen aparece insertada en el texto, a la derecha 
Se pone entre el texto*/ 
.aladrch { 
	float: right; 
	margin: 3px; } 

/* Para poner el pie de imagen */
.floatizqconpie {  
 	page-break-inside:avoid; 
	float: left; 
	margin: 3px; }
	.floatizqconpie p{ text-align:center; text-indent:0; font-size:0.75em; }
	
.floatderconpie {  
 	page-break-inside:avoid; 
	float: right; 
	margin: 3px; }
	.floatderconpie p{ text-align:center; text-indent:0; font-size:0.75em; }

/*  <p><img alt="" class="alaizqupeque" src="../Images/058.gif" /> 
<img alt="" class="aladrchpeque" src="../Images/059.gif" /> 
Permite poner dos imagenes, una a cada lado 
Se ponen ambas seguidas a la altura en que se quiera que aparezca*/ 

.alaizqupeque { 
	float: left; 
	text-align: left; 
	margin: 3px; 
	max-width: 125px; } 

.aladrchpeque { 
	float: right; 
	margin: 3px; 
	text-align: right; 
	max-width: 125px; } 

.imghoriz { max-width: 90%; } 
.imgverti { max-height: 90%; } 

/*FIN IMÁGENES RECTANGULARES*/	 

/*IMÁGENES NO RECTANGULARES, FLOAT IZQU.*/	 

/*El texto se adapta, por la derecha de la imagen*/ 

 div.imgizqu { 
  float: left; 
  clear: left; 
  text-align: left; 
  margin: 0 0.5em 0.5em 0; } 

  div.imgizqu img { 
  width: 100%; 
  display: block; } 


/*Imagenes:
******
******
**
**

En la xhtml:
  <div class="imgizqu" id="cangrejo"><img alt="" src="../Images/imagenpag6.jpg" /></div>
  <div class="imgizqu"></div>
define las características de la imagen de que se trate

Para ocupar todo:
	width: 25.5em; 
*/ 

div#pueblo {
	width: 18.5em; 
	height: 10em;}

div#pueblo + div.imgizqu{
	width:14em;
	height:16em;
	margin-top: -0.5em;}



/*IMÁGENES NO RECTANGULARES, FLOAT DERC.*/		
  div.imgdrch {
  float: right;
  clear: right;
  text-align: right;
  margin: 0 0.5em 0.5em 0; }

  div.imgdrch img {
  width: 100%;
  display:block;}


/*Imagenes:
--******
--******
-------**
-------**
En la xhtml:
  <div class="imgdrch" id="levar"><img alt="" src="../Images/imagenpag76.jpg" /></div>
  <div class="imgdrch"></div>
define las características de la imagen de que se trate

Para ocupar todo:
	width: 25.5em; 
*/ 


div#capituloI {
	width: 25.5em; 
	height: 18em;}

div#capituloI + div.imgdrch{
	width:20em;
	height:21em;
	margin-top: -0.5em;}


/* FLOAT IZQ. ESCALONADAS*/
/*  Para imagen del tipo:
***********
***********
******
******
****
****
  <div class="imgpal" id="palmas"><img alt="" src="../Images/p185.jpg" /></div>
  <div class="imgpal"></div>
  <div class="imgpal"></div>
  <div class="imgpal"></div>
*/

div.imgpal { 
	float:left; 
	clear:left; 
	text-align:left; 
	margin:0 .1em .1em 0; 
}

div.imgpal img { 
	width:100%; 
	display:block; 
	padding-top:.25em; 
}

div#palmas { 
	width:600px; 
	height:350px; 
} /*rectángulo arriba*/

div#palmas + div.imgpal { 
	width:490px; 
	height:145px; 
} /*primer rectángulo recortado*/

div#palmas + div.imgpal + div.imgpal { 
	width:400px; 
	height:150px; 
} /*segundo rectángulo recortado*/

div#palmas + div.imgpal + div.imgpal + div.imgpal { 
	width:220px; 
	height:75px; 
} /*tercer rectángulo recortado*/
.saltpalmas { margin-top:360px; }


/*FIN IMGÁGENES NO RECTANGULARES*/