/* ePub base r2.1 ePubLibre - style.css*/
/* 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: 2% 0 2em; }
/* dedicatoria */
.dedicatoria { margin: 15% 0 0; text-align: center; text-indent: 0; font-family:"AuntMildred"; font-size:1.6em; }
.dedicatoria p { text-align:center; text-indent:0; }
/* imágenes simples */
.ilustra { margin: 1em 0; text-align: center; text-indent: 0; display: block; clear: both; }
.ilustrarriba { margin: 1em 0 0; text-align: center; text-indent: 0; display: block; clear: both; page-break-after:avoid; }
.ilustrabajo { margin:0 0 1em; text-align: center; text-indent: 0; display: block; clear: both; }
.ilustrados { margin: 0 0 1em; text-align: center; text-indent: 0; display: block; }
.ilustrados img { max-width:60%; }
.estrellas { padding: 1.5em 0; text-align: center; text-indent: 0; }
.portadilla { display: inline-block; text-align: center; height: 100%; width: 100%; text-indent: 0; }
.portadilla img { max-width: 90%; vertical-align: middle; }
.portadilla img + img { height: 100%; width: 0.1px; visibility: hidden; }
.flotader { float: right; clear: right; text-indent: 0; }
.flotaizq { float: left; clear: left; text-indent: 0; }
.flotader25 { float: right; max-width: 25%; clear: right; text-indent: 0; }
.flotader30 { float: right; max-width: 30%; clear: right; text-indent: 0; }
.flotader35 { float: right; max-width: 35%; clear: right; text-indent: 0; }
.flotaizq20 { float: left; max-width: 20%; clear: left; text-indent: 0; }
.flotaizq25 { float: left; max-width: 25%; clear: left; text-indent: 0; }
.flotaizq30 { float: left; max-width: 30%; clear: left; text-indent: 0; }

.carta, .globos, .globos2, .globos3, .rana, .rana2, .varita, .dragon, .tresglobos { page-break-inside:avoid;}
.carta div, .globos div + div, .globos2 div + div, .globos3 div + div, .rana div, .dragon div, .tresglobos div { float: right; clear: right; margin:0 0 -800px; }
.globos div, .globos2 div, .globos3 div, .rana2 div { float: left; clear: left; margin:0 0 -800px; }
.globos div + div + div, .globos div + div + div + div + div, .globos div + div + div + div + div + div + div, .globos div + div + div + div + div + div + div + div + div, .globos2 div + div + div, .globos2 div + div + div + div + div, .globos2 div + div + div + div + div + div + div, .globos2 div + div + div + div + div + div + div + div + div, .globos3 div + div + div, .globos3 div + div + div + div + div, .globos3 div + div + div + div + div + div + div, .globos3 div + div + div + div + div + div + div + div, .globos3 div + div + div + div + div + div + div + div + div, .rana2 div + div { float: left; clear: left; visibility:hidden; margin:0; }
.carta div + div, .globos div + div + div + div, .globos div + div + div + div + div + div, .globos div + div + div + div + div + div + div + div, .globos2 div + div + div + div, .globos2 div + div + div + div + div + div, .globos2 div + div + div + div + div + div + div + div, .globos3 div + div + div + div, .globos3 div + div + div + div + div + div, .rana div + div, .dragon div + div, .tresglobos div + div { float: right; clear: right; visibility:hidden; margin:0; }
.carta div, .rana div, .rana2 div, .dragon div { max-width:40%; }
.carta div + div + div { max-width:33.7124%; }
.carta div + div + div + div { max-width:26.7559%; }
.carta div + div + div + div + div { max-width:23.6789%; }
.carta div + div + div + div + div + div { max-width:7.3579%; }

.globos div, .globos div + div + div { max-width: 15%; }
.globos div + div, .globos div + div + div + div { max-width: 22%; }
.globos div + div + div + div + div { max-width: 12.3626%; }
.globos div + div + div + div + div + div { max-width: 12.7368%; }
.globos div + div + div + div + div + div + div { max-width: 7.4176%; }
.globos div + div + div + div + div + div + div + div { max-width: 6.1203%; }
.globos div + div + div + div + div + div + div + div + div { max-width: 3.2967%; }

.globos2 div, .globos2 div + div + div { max-width: 25%; }
.globos2 div + div, .globos2 div + div + div + div { max-width: 15%; }
.globos2 div + div + div + div + div { max-width: 12.1287%; }
.globos2 div + div + div + div + div + div { max-width: 9.0476%; }
.globos2 div + div + div + div + div + div + div { max-width: 6.9307%; }
.globos2 div + div + div + div + div + div + div + div { max-width: 6.4286%; }
.globos2 div + div + div + div + div + div + div + div + div { max-width: 3.4653%; }

.globos3 div, .globos3 div + div + div { max-width: 18%; }
.globos3 div + div, .globos3 div + div + div + div { max-width: 22%; }
.globos3 div + div + div + div + div { max-width: 8.5814%; }
.globos3 div + div + div + div + div + div { max-width: 6.9907%; }
.globos3 div + div + div + div + div + div + div { max-width: 6.6977%; }
.globos3 div + div + div + div + div + div + div + div { max-width: 5.8605%; }
.globos3 div + div + div + div + div + div + div + div + div { max-width: 4.1860%; }

.rana div + div + div { max-width: 33.0492%; }
.rana div + div + div + div { max-width: 26.623%; }
.rana div + div + div + div + div { max-width: 11.541%; }
.rana div + div + div + div + div + div { max-width: 8.1311%; }

.rana2 div + div + div { max-width: 28.6364%; }
.rana2 div + div + div + div { max-width: 20.3030%; }
.rana2 div + div + div + div + div { max-width: 13.0303%; }
.rana2 div + div + div + div + div + div { max-width: 3.6364%; }



.varita div { float: left; clear: left; margin:0 0 -800px; max-width:100%; }
.varita div + div { float:none; margin:0; visibility:hidden; }
.varita div + div + div { float:left; max-width:17.2352%; }
.varita div + div + div + div { max-width:10.772%; }
.varita div + div + div + div + div { max-width:8.2585%; }
.varita div + div + div + div + div + div { max-width:5.7451%; }
.varita div + div + div + div + div + div + div { max-width:3.4111%; }

.dragon div + div + div { max-width: 27.6433%; }
.dragon div + div + div + div { max-width: 24.3312%; }
.dragon div + div + div + div + div { max-width: 19.1083%; }

.tresglobos div { max-width: 30%; }
.tresglobos div + div + div { max-width: 23.5602%; }
/* ESTILOS DE EJEMPLO PARA EL EPUB-BASE. ELIMINAR SI NO SE USAN */
h1 + p { text-indent: 0; }
@font-face { font-family: "AuntMildred"; src: url(../Fonts/AuntMildredMVBLF.ttf); }
.auntmildred { font-family: "AuntMildred"; font-size:1.2em; text-indent:1.25em; }