/* 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 -------- */

.ilustrancha img { max-width:100%; }
.ilustralarga img { max-width:100%; max-height:90%; }
.poema { padding-top: 2.5em; margin-left:15%; padding-bottom: 2.5em; font-style:italic;}
.carta { text-align:right; padding-top:2.5em; font-style:italic; padding-bottom: 1em;}
.break {page-break-before:always;}
.columna {margin-left:15%; margin-right:15%;}
.Numcap { font-size:1.5em;  text-align:center; text-indent:0;  font-weight:bold; padding-bottom: 2.5em;}

.salto02 { margin-top:2em; }
.salto-05 { margin-top:5em; }
.salto07 { margin-top:7em; }
.salto08 { margin-top:8em; }
.salto09 { margin-top:9em; }
.salto-10 { margin-top:10em; }
.salto105 { margin-top:10.5em; }
.salto11 { margin-top:11em; }
.salto12 { margin-top:12em; }
.salto125 { margin-top:12.5em; }
.salto13 { margin-top:13em; }
.salto145 { margin-top:14.5em; }
.salto15 { margin-top:15em; }
.salto158 { margin-top:15.8em; }
.salto17 { margin-top:17em; }
.salto18 { margin-top:18em; }
.salto20 { margin-top:20em; }
.salto21 { margin-top:21em; }
.salto23 { margin-top:23em; }
.salto24 { margin-top:24em; }
.salto245 { margin-top:24.5em; }
.salto26 { margin-top:26em; }
.salto285 { margin-top:28.5em; }
.salto31 { margin-top:31em; }
.margen14 { margin-left:14em; }
.fontsize065 { font-size:0.65em; }


/*IMÁGENES CAPITULARES*/ 
.capitular { 
	float: left; 
	margin: 0 0.5em -0.1em 0.25em; 
} 
.primera { 
	margin-left: -0.5em;
	white-space: pre;
} 

/*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; 
} 

/*  <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#capituloI {
	width: 21em; 
	height: 15em;
}

div#capituloI + div.imgizqu{
	width:13em;
	height:19em;
	margin-top: -0.5em;
}

div#polvo {
	width: 18.5em; 
	height: 10em;
}
div#polvo + div.imgizqu{
	width:10em;
	height:17em;
	margin-top: -0.5em;
}

div#ros {
	width: 18.5em; 
	height: 10em;
}
div#ros + div.imgizqu{
	width:9em;
	height:17em;
	margin-top: -0.5em;
}

div#capitulo13 {
	width: 25.5em; 
	height: 16em;
}
div#capitulo13 + div.imgizqu{
	width:13em;
	height:16em;
	margin-top: -0.5em;
}

div#capitulo17 {
	width: 25.5em; 
	height: 16em;
}
div#capitulo17 + div.imgizqu{
	width:17em;
	height:15em;
	margin-top: -0.5em;
}

div#capitulo19 {
	width: 25.5em; 
	height: 14em;
}
div#capitulo19 + div.imgizqu{
	width:17em;
	height:5em;
	margin-top: -0.5em;
}

div#farol {
	width: 18.5em; 
	height: 8em;
}
div#farol + div.imgizqu{
	width:14em;
	height:18em;
	margin-top: -0.5em;
}

div#capitulo22 {
	width: 25.5em; 
	height: 10em;
}
div#capitulo22 + div.imgizqu{
	width:12em;
	height:19em;
	margin-top: -0.5em;
}

div#capitulo24 {
	width: 16em; 
	height: 10em;
}
div#capitulo24 + div.imgizqu{
	width:12em;
	height:24em;
	margin-top: -0.5em;
}

div#capitulo26 {
	width: 24em; 
	height: 13em;
}
div#capitulo26 + div.imgizqu{
	width:16em;
	height:23em;
	margin-top: -0.5em;
}

div#balcon {
	width: 16em; 
	height: 15.5em;
}
div#balcon + div.imgizqu{
	width:9em;
	height:9em;
	margin-top: -0.5em;
}

div#reloj {
	width: 12em; 
	height: 9em;
}
div#reloj + div.imgizqu{
	width:8em;
	height:14em;
	margin-top: -0.5em;
}


div#capitulo36 {
	width: 14em; 
	height: 20em;
}
div#capitulo36 + div.imgizqu{
	width:11em;
	height:13em;
	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#capitulo4 {
	width: 25.5em; 
	height: 15em;
}

div#capitulo4 + div.imgdrch{
	width:13em;
	height:7em;
	margin-top: -0.5em;
}

div#capitulo11 {
	width: 25.5em; 
	height: 20em;
}

div#capitulo11 + div.imgdrch{
	width:10em;
	height:4em;
	margin-top: -0.5em;
}

div#capitulo12 {
	width: 25.5em; 
	height: 16em;
}

div#capitulo12 + div.imgdrch{
	width:10em;
	height:12em;
	margin-top: -0.5em;
}

div#cola {
	width: 24em; 
	height: 30em;
}

div#cola + div.imgdrch{
	width:14em;
	height:5em;
	margin-top: -0.5em;
}

/*FIN IMGÁGENES NO RECTANGULARES*/