/* ePub base r2.0 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;
}

/* Estilo de párrafo aleman o moderno. Apto para obras como manuales, obras de referencia, obras científicas o técnicas, etc.*/
/*
p { 
	margin: 1em 0; 
	text-align:justify; 
	text-indent:0;
}
*/
/* ESTILOS GENERALES. PUEDE ADAPTARLOS O ELIMINARLOS SI NO LOS USA*/
/* encabezados */
h1 {
    font-size: 1.5em;
    margin: 20% 0 2em;
}

h2 {
    margin: 2em 0 1em;
    font-size: 1.4em;
}


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

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

.saltoinicio {
    margin-top: 25%;
}

.salto05 {
    padding-top: 0.5em;
}

.salto10 {
    padding-top: 1em;
}

.salto25 {
    padding-top: 2.5em;
}
 
/* cambie la imagen de background a su gusto */
/* imágenes simples */	
.ilustra {
    margin: 1em 0;
    text-align: center;
    text-indent: 0;
    display: block;
}

/* 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  ***/
h1 + p, h2 + p, .subtit + p, blockquote + p, ol + p, ul + p, table + p, .cita_der + 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. */
blockquote.comilla {
    text-align: left;
    font-style: italic;
    margin: 1em 8%;
    padding: 0 6%;
    background: url('../Images/comilla1.png') no-repeat top left;
    background-size: 1.25em 1.25em;
    page-break-inside: avoid;
    break-inside: avoid;
    overflow: hidden;
}

blockquote.comilla p {
    font-style: inherit;
    margin: 0;
}

.cita_der {
	margin:24px 8px;
	text-align:right;
	text-indent:0;
}

.citader {
	display:inline-block;
	margin-left:48px;
	width:70%;
}

.citader p {
	font-size:.9em;
	line-height:1.1em;
	text-align:justify;
	text-indent:0;
}

.citader .firma, .citader .firma2 {
	font-size:.8em;
	text-align:right;
}

.citader .firma {
	font-size:.7em;
	padding-top:.5em;
}

.citader .firma2 {
	font-style:italic;
	padding-top:.3em;
}

.cita_ctr {
	margin:16px 8px;
	text-align:center;
	text-indent:0;
	}

.citactr {
	display:inline-block;
	margin-left:48px;
}

.citactr p {
	font-style:italic;
	line-height:1.1em;
	text-align:left;
	text-indent:-3em;
}

.firma {
	font-size:.8em;
	padding-top:1em;
	text-align:right;
}

h1, h2 {
	font-size:1.3em;
}

.subtit {
	font-size:1.5em;
	font-weight:bold;
	margin-bottom:0;
	text-align:center;
	text-indent:0;
}

.subtit + p {
	margin-top:32px;
}

h2 {
	margin-top:32px;
	text-align:right;
}

.titcit, .titcit2 {
	font-weight:bold;
	margin:24px 0 8px 0;
	text-indent:0;
}

.titcit2 {
	font-weight:normal;
}

table {
	margin-top:8px;
	border-collapse:collapse;
	border:0;
}

td {
	margin:0;
	padding:0;
	vertical-align:top;
}

.tabCtr {
	display:inline-table;
	margin-bottom:1em;
	margin-top:1em;
}

.tabgr {
	border-collapse:collapse;
	font-size:.9em;
	margin-left:0;
	width:100%;
}

.tabgr td {
	padding:3px;
}

.tabtit td {
	border-bottom:1px solid;
	font-style:italic;
}

.tablns {
	margin-bottom:.5em;
	width:100%;
}

.tablns td {
	border-bottom:1px solid;
}

.cel1 {
	width:2em;
}

.cel20 {
	width:20%;
}

.imgpag {
	margin:0;
	max-height:100%;
	page-break-before:always;
	text-align:center;
	text-indent:0;
}

.pie {
	font-size:.8em;
	font-style:normal;
	padding-bottom:1em;
	padding-top:.5em;
	text-indent:0;
}

.ilustra {
	margin-bottom:0;
}

p.pielat {
	display:inline-block;
	font-size:.8em;
	line-height:.95em;
	padding-bottom:2em;
	text-align:justify;
	text-indent:0;
	vertical-align:bottom;
	width:40%;
}

.imglatizq, .imglatder {
	vertical-align:bottom;
	width:40%;
}

.imglatizq {
	margin-right:2%;
}

.imglatder {
	margin-left:2%;
}

.lista p {
	margin-bottom:8px;
	margin-left:45px;
	margin-top:8px;
	padding:0;
	text-indent:-19px;
}