@font-face {
    font-family: 'EB Garamond';
    font-weight: 500;
    font-style: normal;
    src: url('../Fonts/EBGaramond-Medium.ttf');
}

@font-face {
    font-family: 'EB Garamond';
    font-weight: 600;
    font-style: normal;
    src: url('../Fonts/EBGaramond-SemiBold.ttf');
}
@font-face {
    font-family: 'EB Garamond8';
    font-weight: normal;
    font-style: normal;
    src: url('../Fonts/EBGaramond08-Regular.otf');
}

@font-face {
    font-family: 'EB Garamond12';
    font-weight: normal;
    font-style: normal;
    src: url('../Fonts/EBGaramond12-Regular.otf');
}

/*  CreaLibros — css for reflowable ebooks
version 1.0.2 to Editorial Planeta Peru  */
/*===reseteo===*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video
{
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
margin-left: 0;
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
padding-left: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
}
/* page layout */
@page {
margin-top: 30px;
margin-right: 30px;
margin-bottom: 20px;
margin-left: 30px;
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
padding-left: 0;
}
/*===general===*/
body
{
text-align: justify;
line-height: 1.5;
}
h1, h2, h3, h4, h5, h6 {
hyphens: none !important;
-moz-hyphens: none !important;
-webkit-hyphens: none !important;
adobe-hyphenate: none !important;
page-break-after: avoid;
page-break-inside: avoid;
text-indent: 0px;
text-align: left;
font-family: Helvetica, Arial, sans-serif; }
h1
{
text-indent: 0;
text-align: center;
margin-top: 100px;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
font-weight: bold;
page-break-before: always;
line-height: 150%; /*gets squished otherwise on ade */
}
h2
{
text-indent: 0;
text-align: left;
margin-top: 2em;
margin-right: 0;
margin-bottom: 2em;
margin-left: 0;
font-size: 1.8em;
font-weight: bold;
line-height: 135%; /*get squished otherwise on ade */
}
h3
{
text-indent: 0;
text-align: left;
font-size: 1.3em;
font-weight: bold;
}
h4
{
text-indent: 0;
text-align: left;
font-size: 1.2em;
font-weight: bold;
}
h5
{
text-indent: 0;
text-align: left;
font-size: 1.1em;
font-weight: bold;
}
h6
{
text-indent: 0;
text-align: left;
font-size: 1.0em;
font-weight: bold;
}
p, .sgc-toc-level-1,.sgc-toc-level-2
{
font-family:serif;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
hyphenate-after: 3;
hyphenate-before: 3;
hyphenate-lines: 2;
-webkit-hyphenate-after: 3;
-webkit-hyphenate-before: 3;
-webkit-hyphenate-lines: 2;
text-indent: 1.5em;
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
margin-left: 0;
widows: 2;
orphans: 2;

}
p.noindent{
text-indent:0;
}
p.pie {
font-size:0.8em;
text-indent:0;
margin-left:1em;
}
a {
  text-decoration: none;
	color:inherit; }
span.sup {
	font-style:normal;
	font-weight:normal;
	vertical-align:super;
	font-size:0.9em;
	line-height:0.4em;
}
div.creditos p{
font-size:80%;
text-indent:0;
line-height:1.3;
}
p.space {
margin-top:1em;
margin-bottom:1em;
}
.cursiva {
font-style:italic;
}
.bold {
font-weight:bold;
}
.normal {
font-style:normal !important;
}
.mt0 {
margin-top:0.5em;
}
.mt1 {
margin-top:1em;
}
.mt2 {
margin-top:2em;
}
.mt4 {
margin-top:4em !important;
}
.mt5 {
margin-top:5em !important;
}
.mb0{
margin-bottom:0.5em;
}
.mb1{
margin-bottom:1.5em;
}
.mb2{
margin-bottom:2.5em;
}
.mb3{
margin-bottom:3.5em;
}
.right {
text-align:right !important;
}
.centro {
text-align:center;
}
.left {
text-align:left;
}
.versalitas{
font-size:80%;
text-transform:uppercase;
}
/*==IMAGES==*/
img
{
max-width: 100%;
}
div.marco_grafico {
  	margin: 1.5em auto 1.5em auto;
  	text-align: center;
	text-indent:0;
	page-break-inside:avoid;
}
div.marco_grafico img.img_marco {
	max-width:100%;
	max-height:auto;

}
div.marco_grafico p.txt_marco {
	font-size:100% !important;
	text-indent:0em;
	text-align:center;
	margin-top:0.5em;
	margin-bottom:0.7em;
margin-left:0.5em;
	margin-right:0.5em;
	text-transform:normal;
	font-style:normal;
}
div.portada {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	margin-bottom:0;
	padding:0;
    page-break-inside:avoid;
	display:block;
	height:99%;
}
img.portada {
	max-height:99%;
	margin: 0;
	padding-top:0;
	padding-bottom:0;
}
img.portada:only-of-type {height: 99vh;}


body.fullpage {
	margin: 0;
	padding: 0;
	oeb-column-number:1;
}
div.sgc-toc-level-1 {
    margin-left: 0em;
	text-align:left;
	font-size:100%;
	line-height:1.6;
}

div.sgc-toc-level-2 {
    margin-left: 2em;
}
div.toc div {
text-indent:0;
margin-bottom:0.7em;
}