@font-face {
    font-family: myStandard;
    src: url(font_standard.otf);
}
@font-face {
    font-family: myCursive;
    src: url(font_cursive.ttf);
}

body {
	color: #302000;
	background: linear-gradient(#ffe0b0, #B09070);
	font-family: myStandard, sans-serif;
	#font-family: sans-serif;
	font-size:  10pt;
}

.intro {
	font-family: myCursive, cursive;
	font-size: 16pt;
	line-height: 0.5;
}

.intro1 {
	margin-left: 10px;
	margin-top:  20px;
}

.intro2 {
	margin-left: 20px;
	margin-top: -10px;
}

.intro3 {
	margin-left: 30px;
	margin-top: -10px;
}

.autor {
	text-shadow: 3px 3px 5px #804000;
	text-align: center;
}

.autor1 {
	font-size: 48pt;
	margin-top: -20px;
}

.autor2 {
	font-size: 20pt;
	margin-top: -40px;
}

a.autor:link {
	color: #302000;
	text-decoration: none;
}

a.autor:visited {
	color: #302000;
	text-decoration: none;
}

a.autor:hover {
	color: #302000;
	text-decoration: none;
}

a.autor:active {
	color: #302000;
	text-decoration: none;
}

.click {
	font-family: myCursive, cursive;
	font-size: 16pt;
	text-align: center;
	margin-top: 50px;
}

.libro {
	text-align: center;
}

.portada {
	border: solid 2px black;
	height: 40%;
}

.resena {
	font-size: 14pt;
	margin-top:    30px;
	margin-bottom: 30px;
}

.resena_enlace {
	font-weight: bold;
}

.resena_sitio {
}

.promo {
	float: right;
	margin-top: 100px;
	margin-right: 100px;
	width: 220px;
}

.fecha {
	font-size:  10pt;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 10px;
}

.despedida {
	font-size:  10pt;
	text-align: center;
}

.qrcode {
	float: right;
	width: 5%;
}

body.laberinto {
	margin-left: 20em;
	margin-top: 20em;
}
ul.decidir {
	list-style: none;
	margin-left: 10em;
	margin-top: 5em;
}
li.decidir {
	margin-top: 2em;
}