@namespace epub "http://www.idpf.org/2007/ops";

/* RESET */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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-size: .625rem;*/
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, 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;
}

/* Generic */
html {
	font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
}
body {
	font-size:1.125rem;
}
a {
	text-decoration:none;
	color:inherit;
}
/* HEADER */

header {
	text-align:center;
	position:relative;
	width:100%;
}
header header {
	position:relative;
	background: #800000;
	background: linear-gradient(#960f12, #800000);
	color:#e1dbc5;
}
header header h1{
	font-size:2rem;
	text-transform:uppercase;
	height:3rem;
}
header header div > p {
	font-size:1.375rem;
	text-transform:uppercase;
	display:block;
}
header header > div:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	height:100%;
	width: 0;
	min-height: 7.5rem;
}
header header div div {
	display: inline-block;
	margin-left: -0.25em;
	vertical-align: middle;
	width: 99%;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	line-height: 1.1;
}

.screenreader-text {
	position: absolute;
	left: -999px;
	width: 1px;
	height: 1px;
	top: auto;
}
.screenreader-text:focus {
	height: auto;
	width: auto;
	position: static;
}

/* NAVIGATOR */
#navigatorbg {
	position:fixed;
	top:0;
	width:12rem;
	height:100%;
	background-color:black;
	z-index:-1;
}

header nav {
	width:12rem;
	float:left;
}

header nav > ul {
	padding-bottom:5rem;
	font-size:1rem;
}

header nav > ul > li {
	color:white;
	text-transform:uppercase;
	background-color:black;
	border-top: 0.135rem solid white;
}
header nav > ul > li.expandable {
	cursor:pointer;
}
header nav > ul > li.single > a, header nav > ul > li.current.single, header nav > ul > li.expandable {
	display:block;
	min-height:1.5rem;
	padding: 1.5rem 1.25rem 1.5rem 1.25rem;
}
header nav > ul > li:last-child {
	border-bottom: 0.135rem solid white;
}
nav > ul > li > ul {
	display:none;
	text-align:left;
}
nav > ul > li.current {
	background-color:#920d0f;
}
nav > ul > li.active ul, nav > ul > li.current ul {
	display:block;
}
nav > ul > li ul {
	text-transform:none;
	padding-top: 0.5em;
}
nav > ul > li > ul ul {
	padding-left: 1rem;
}
nav > ul > li > ul li {
	font-size:0.8rem;
	font-weight:normal;
	margin-top:0.7em;
}
nav > ul > #n-libro > ul li {
	font-size:0.7rem;
}
nav > ul > li > ul li.current {
	font-weight:bold;
}

/* ARTICLE */

.content {
	padding-top: 4.5rem;
	padding-bottom: 3.5rem;
	width:44rem;
	padding-left:14rem;
	padding-right:14rem;
	margin-left:auto;
	margin-right:auto;
}
.content.withfigures {
	width:50rem;
}
article h1{
	font-weight:600;
	text-align:center;
	text-transform:uppercase;
	line-height:2em;
	margin-top:2rem;
	margin-bottom:2rem;
	font-size:1.5em;
}
article h2{
	font-weight:600;
	text-transform:uppercase;
	margin-bottom:1.5rem;
}
article h3{
	font-weight:600;
	text-transform:uppercase;
	margin-bottom:1rem;
}
article h4{
	font-weight:600;
	margin-top:1.6rem;
	margin-bottom:1rem;
}
article h5{
	font-weight:600;
	text-transform:uppercase;
	margin-top:1.5rem;
	margin-bottom:1.5rem;
}
article p {
	line-height:1.4em;
	text-align:justify;
	margin-bottom:1em;
}
article.withfigures p {
	margin-right:21rem;
}
#b-galeria article figure {
	width:50rem;
	margin-bottom:4rem;
}
#b-galeria article figure.vertical {
	width:35rem;
}
article figure img {
	width:100%;
}
article figure figcaption {
	margin-top:.5rem;
	text-align:justify;
	line-height:1.4em;
}
article.withfigures figure {
	float:right;
	clear:right;
	width:20rem;
	margin-bottom:1.5rem;
	position:relative;
	top:-10rem;
}
.chapnav .previous {
	float:left;
}
.chapnav .next {
	display:block;
	text-align:right;
}
.chapnav {
	clear:right;
	min-height:3rem;
	font-size:1rem;
}
.chapnav .previous::before {
	content: "◀";
	font-size: 3em;
	color: #898989;
	position: relative;
	top: .5rem;
	margin-right: .75rem;
}
.chapnav .next::after {
	content: "▶";
	font-size: 3em;
	color: #898989;
	position: relative;
	top: .5rem;
	margin-left: .75rem;
}
blockquote {
	font-style:italic;
	padding-left:2em;
	padding-right:2em;
}
cite {
	text-align:right;
	font-style:normal;
	display:block;
}
q, i {
	font-style:italic;
}
a[epub-type="noteref"] {
	font-size:.83em;
	vertical-align:super;
}
section[epub-type="endnotes"] ol {
	margin-top: 3em;
	list-style:decimal inside;
	font-size:.83em;
	line-height:1.4em;
}
section[epub-type="endnotes"] ol li {
	margin-bottom: 1.4em;
}
aside[epub-type="footnote"] {
	line-height:1.4em;
	margin-top: 3em;
	font-size:.83em;
}
.content a[href] {
	color:#187dbb;
}
section[epub-type=epigraph] blockquote {
	margin-left: 30%;
}
.partnumber {
	display:none;
}
.secnav{
	font-size:1.2em;
	margin-bottom:3rem;
	line-height:2em;
}
section[epub-type=bibliography] li {
	margin-bottom:1.5em;
	font-size:1rem;
}
#b-indice-figuras ol {
	list-style:decimal inside;
	line-height:1.6em;
}
#b-indice-analitico section {
	margin-bottom:1em;
	line-height:1.4em;
}

/* FOOTER */

#b-inicio footer, #b-descarga footer, #b-agradecimientos footer {
	position:fixed;
	bottom:0;
}

footer {
	position:relative;
	width:100%;
	text-align:center;
	z-index:1;
	color:white;
	background-color:#252525;
	padding-bottom:.5rem;
	font-size:1rem;
	clear: left;
}
footer p {
	background-color:#313131;
	padding:.5rem;
}
footer address {
	padding:.5rem;
}
footer address a {
	color:#187dbb;
	text-decoration:underline;
}
footer div.licencia-footer {
	display:block;
	float:left;
	position:absolute;
	bottom: .5rem;
	left:.5rem;
}
.licencia-texto .titulo {
	font-style: italic;
}
footer div.licencia-texto {
	display:none;
}
footer div.licencia-texto a[rel=license] {
	color:#187dbb;
	text-decoration:underline;
}
footer div.licencia-texto.active {
	display:block;
	position: absolute;
	bottom:3rem;
	left:.5rem;
	width: 32rem;
	padding-top: 1.5rem;
	padding-right: 1.5rem;
	background-color: black;
	line-height: 1.6;
}
/* INICIO */
#b-inicio header header > div {
	width: 45rem;
	margin-left: auto;
	margin-right:auto;
	min-height:15rem;
	padding-right:18rem;
}

#b-inicio header header div h1 {
	min-height:5rem;
}

#b-inicio header header > div > div {
	width:27.8rem;
}
#b-inicio header header div img {
	height:15rem;
	width: auto;
	display: inline-block;
	vertical-align: middle;
}
#b-inicio article p:last-child {
	margin-top: 3em;
}

/* DESCARGA */
#b-descarga article ul {
	text-align:center;
	margin-top:3rem;
	font-size:1rem;
}
#b-descarga article ul li {
	display:inline-block;
	width:12rem;
	height:3rem;
	margin-right:1.5rem;
	margin-left:1.5rem;
	margin-bottom:1.5rem;
	text-align:center;
	color:white;
	text-transform:uppercase;
	background-color:black;
	overflow:hidden;
	vertical-align:top;
	position:relative;
}
#b-descarga article a[href] {
	color:white;
}
#b-descarga article ul li:last-child {
	background-color:#920d0f;
}

#b-descarga article ul li a {
	display:inline-block;
	width:7rem;
	line-height:1rem;
	padding-top:.5rem;
}
#b-descarga .triangle {
	font-size:180%;
	position:absolute;
	right:1rem;
	top:.7rem;
}
header > button {
	display:none;
}
@media screen and (max-width:899px), screen and (orientation:portrait) {
	.content, .content.withfigures {
		width: 90%;
		padding-left: 5%;
		padding-right: 5%;
		padding-top: 1.5rem;
		padding-bottom: 1.5rem;
	}
	article p {
		text-align: left;
	}

	article.withfigures p {
		margin-right:0;
	}

	article.withfigures figure {
		float:none;
		width:90%;
		margin-bottom:1.5rem;
		position:static;
		top:0;
	}
	blockquote {
		padding-left:0;
		padding-right:0;
	}
	footer address {
		padding-bottom: 2.5rem;
	}
	footer div.licencia-texto.active {
		width: 100%;
		position: absolute;
		left: 0;
		bottom: 2.5rem;
		padding: 5%;
		box-sizing: border-box;
	}
	footer div.licencia-footer {
		width:100%;
		text-align: left;
		left: 0;
		bottom: 0;
		padding: .5rem;
		box-sizing: border-box;
	}
	footer div.licencia-footer > a {
		display:inline-block;
	}
	#b-inicio footer, #b-agradecimientos footer {
		position:relative;
	}
	#navigatorbg {
		width:100%;
	}
	header {
		z-index:1;
	}
	header header {
		min-height: 0;
	}
	header nav {
		width:100%;
		position:absolute;
		text-align:center;
		display:none;
	}
	header nav.active {
		display:block;
	}
	header nav > ul > li {
		padding-left:0;
		padding-right:0;
	}
	header nav > ul > li > ul {
		text-align:center;
	}
	header nav > ul > li > ul ul {
		padding-left: 0;
	}
	header nav > ul > li > ul > li {
		border-top:0.065rem solid darkgray;
		padding-top:.5rem;
	}
	header header > div {
		margin-left: 2rem;
		min-height: 4rem;
	}
	header header > div:before {
		content: "";
		display: inline-block;
		vertical-align: middle;
		height:100%;
		width: 0;
		min-height: 4rem;
	}
	header header div div {
	display: inline-block;
	margin-left: -0.25em;
	vertical-align: middle;
	width: 99%;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	line-height: 1.1;
	}
	header header h1{
		height:auto;
		padding-top: 0.25rem;
		padding-bottom: 0.375rem;
		font-size: 1.25rem;
	}
	header header div > p {
		font-size:1.125rem;
	}
	header > button {
		z-index:2;
		position:absolute;
		top: 0;
		margin-top: auto;
		margin-bottom: auto;
		bottom: 0;
		display:block;
		background-color: transparent;
		color:white;
		border: none;
		font-size: 3rem;
		line-height: 1;
		width: 2rem;
		height: 3rem;
		padding-bottom: 0;
		padding-top: 0;
		cursor:pointer;
		vertical-align: middle;
		-webkit-appearance: none;
		outline: none;
		padding-left: 0;
		padding-right: 0;
	}
	#b-inicio header header > div {
		width: auto;
		margin-left: 3rem;
		min-height:0;
		padding-right:0;
	}
	#b-inicio header header div h1 {
		min-height:0;
	}
	#b-inicio header header > div > div {
		padding-top:0.5rem;
		display: inline-block;
		width: 70%;
	}
	#b-inicio header header div img {
		height:auto;
		width:30%;
		display: inline-block;
		vertical-align: middle;
		float:none;
	}
	#b-inicio article p:last-child {
		margin-top: 1.5em;
	}
	#b-galeria article figure {
		width:100%;
	}
	#b-galeria article figure.vertical {
		width:100%;
	}
}