/**************************************************/
/******************* RESETEADOR *******************/
/**************************************************/

/* http://meyerweb.com/eric/tools/css/reset/ v2.0 */

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,
dl, dt, dd, ol, ul, li,
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: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* Para viejos exploradores */

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/**************************************************/

/* Cuerpo */

body {
    margin: 4em;
}

.sin-margen {
	margin: -4em;
}

@media amzn-mobi {    /* Para Mobi ya que Kindle Fire genera mucho margen */
	body {
		margin: 0;
	}

	.sin-margen {
		margin: 0;
	}
}

@media screen and (min-width: 1025px) {
    body {
        margin: 5em;
    }
    
    .sin-margen {
		margin: -5em;
	}

	@media amzn-mobi {    /* Para Mobi ya que Kindle Fire genera mucho margen */
		body {
			margin: 0;
		}

		.sin-margen {
			margin: 0;
		}
	}
}

/* Secciones */

section + section {
	margin-top: 10em;
}

/* Encabezados */

h1, h2, h3, h4, h5, h6 {
    font-family: Georgia, "Palatino Linotype", "Book Antiqua", Palatino, serif;
    margin-bottom: 1em;
    text-align: left;
    -moz-hyphens: none;
    -webkit-hyphens: none;
    -o-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}

* + h1 {
    margin-top:5em;
}

* + h2, h3, h4, h5, h6 {
    margin-top: 1em;
}

h1 {
    margin-top: 3em;
    font-size: 1.75em;
}

h2 {
    font-size: 1.25em;
}

h3 {
    font-size: 1.125em;
}

h4 {
    font-style: italic;
    font-weight: bold;
}

h5 {
    font-weight: bold;
}

h6 {
    font-style: italic;
}

/* Párrafos */

h1 + p {
    margin-top: 4em;
}

p, blockquote, li, details, aside {
    font-family: Georgia, "Palatino Linotype", "Book Antiqua", Palatino, serif;
    font-size: 1em;
    text-align: justify;
    line-height: 1.25em;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    -o-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

p + p {
    text-indent: 1.5em;
}

blockquote {
    font-size: .9em;
    margin: 1em 1.5em;
}

blockquote + blockquote {
    text-indent: 1.5em;
    margin-top: -1em;
}

.justificado {
    text-align: justify !important;
}

.derecha {
    text-indent: 0;
    text-align: right !important;
}

.izquierda {
    text-align: left !important;
}

.centrado {
    text-indent: 0;
    text-align: center !important;
}

.frances {
    margin-left: 1.5em;
    text-indent: -1.5em;
    text-align: left !important;
}

* + .frances {
    margin-top: 1em;
}

.frances + .frances {
    margin-top: 0;
    text-indent: -1.5em;
}

.sangria {
    text-indent: 1.5em;
}

.sin-sangria {
    text-indent: 0;
}

.sin-separacion {
    -moz-hyphens: none;
    -webkit-hyphens: none;
    -o-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}

.invisible {
    visibility: hidden;
}

.oculto {
    display: none;
}

.bloque {
    display: block;
}

/* Efectos en las fuentes */

i, em {
    font-style: italic;
}

b, strong {
    font-weight: bold;
}

.capitular {
    font-size: 2em;
    padding-right: 1px;
}

.versal {
    text-transform: uppercase;
}

.redonda {
	 font-variant: none;
}

@media not amzn-mobi {    /* Para cualquier dispositivo excepto Mobi: <span class="versalita">ACRÓNIMO</span> */
    .versalita {
        text-transform: lowercase;
        font-variant: small-caps;
        -moz-hyphens: auto;
        -webkit-hyphens: auto;
        -o-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
    }
}

@media amzn-mobi {    /* Para Mobi ya que no soporta el atributo «font-variant»: <span class="versalita">ACRÓNIMO</span> */
    .versalita {
        text-transform: uppercase;
        font-size: .8em;
        -moz-hyphens: auto;
        -webkit-hyphens: auto;
        -o-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
    }
}

/* Enlaces */

a, a:link, a:visited {
    text-decoration: none;
    color: gray;
}

/* Listas */

ol, ul {
    margin: 1em 0 1em 1.5em;
    padding: 0;
}

ol {
    list-style-type: decimal;
}

ul {
    list-style-type:disc;
}

.li-manual {    /* Colocar en el ol o ul */
    list-style-type: none;
}

.li-manual > li > p:first-child > span:first-of-type {    /* Colocar en el li: <li><p><span>[viñeta o numeración deseada]</span>... */
	display: block;
	margin-left: -1.5em;
	margin-bottom: -1.25em;
}

/* Imágenes */

img {    /* Ayuda a detectarlos si no existe el recurso */
    color: gray;
    width: 100%;
}

figure {
	margin: 2em auto;
}

figcaption {
	font-family: Georgia, "Palatino Linotype", "Book Antiqua", Palatino, serif;
	margin-top: .5em;
	font-size: .9em;
}

figure + figure {
	margin-top: 0;
}

p + img, p > img {
	margin-left: -1.5em;
	margin-top: 2em;
	margin-bottom: 2em;
}

.caption {
	font-size: .9em;
	margin-top: -1.5em;
	margin-bottom: 2em;
}

.caption + img {
	margin-top: 0;
}

img + .caption {
	margin-top: .5em;
}

.caption + p {
	text-indent: 0;
}

/* Superíndices y subíndices */

sup, sub {
    font-size: .75em;
    vertical-align: super;
}

sub {
    vertical-align: sub;
}

/* Código (inspirados en https://codepen.io/elomatreb/pen/hbgxp)*/

code {
	font-family: monospace;
	background-color: #fff;
	padding: .125em .5em;
	border: 1px solid #ddd;
	border-radius: .25em;
}

pre {
	width: 90%;
	font-family: monospace;
	background-color: #fff;
	margin: 2em auto;
	padding: .5em;
	line-height: 1.25;
	border-radius: .25em;
	box-shadow: .1em .1em .5em rgba(0,0,0,.45);
	counter-reset: line;
	overflow-y: scroll;
}

pre * {
	color: #555;
}

pre code {
	margin: 0;
	padding: 0;
	background-color: inherit;
	border: none;
	border-radius: 0;
}

pre a {
	display: block;
	margin: -1em auto;
}

pre a:first-child {
	margin-top: 0;
}

pre a:last-child {
	margin-bottom: 0;
}

pre a:before {
	width: 1.5em;
	counter-increment: line;
	content: counter(line);
	display: inline-block;
	padding: 0 .5em;
	margin-right: .5em;
	color: #888;
}

/* Contenidos especiales */

.titulo {
    margin-top: 3em;
    margin-left: 0;
    font-size: 2em;
}

.subtitulo {
    margin-top: -1.25em;
    margin-bottom: 3em;
    margin-left: 0;
}

.autor {
	width: 250px; /* Se añade a la imagen del autor para que no abarque el 100% */
}

.contribuidor + p {
	text-indent: 0;
}

h1 + .contribuidor {
	margin-top: 0em;
	margin-bottom: 4em;
}

.legal * {
    text-indent: 0;
}

.epigrafe {
    font-size: .9em;
    text-align: right;
    line-height: 1.25em;
    margin-left: 40%;
}

body > .epigrafe:first-child {
    margin-top: 3em;
}

.epigrafe + p {
    margin-top: 2em;
    text-indent: 0;
}

.epigrafe + .epigrafe {
    margin-top: .5em;
}

.espacio-arriba1 {
    margin-top: 1em !important;
}

.espacio-arriba2 {
    margin-top: 2em !important;
}

.espacio-arriba3 {
    margin-top: 3em !important;
}

.espacio {
    white-space: pre-wrap;
}

/* Notas al pie */

.n-note-sup {
    font-style: normal;
    font-weight: normal;
}

.n-note-hr {
    margin-top: 2em;
    width: 25%;
    margin-left: 0;
    border: 1px solid gray;
}

.n-note-a {
    display: block;
    margin-left: -3em;
    margin-bottom: -1.25em;
}

.n-note-sup:before, .n-note-a:before {
	content: "[";
	color: gray;
}

.n-note-sup:after, .n-note-a:after {
	content: "]";
	color: gray;
}


.n-note-p, .n-note-p2 {
    margin-left: 3em;
    font-size: .9em;
    text-indent: 0;
}

* + .n-note-p {
    margin-top: 1em;
    text-indent: 0;
}

.n-note-p2 {
    margin-top: 0;
    text-indent: 1.5em;
}

/* Estilos de esta edición */

.logo {
	width: auto;
	margin: 0;
}