body,margin {
	background-color: #E1E3CA;
	color: black;
	margin: 0;
	padding:0;
}
.no { display:none; margin:0; padding:0; }

/* parte de arriba */

#bak {
	background: #0C82FD url(images/puntoazul.png) repeat top left;
	width:100%;
	height: 73px;
}

#top1 {
	background: #0C82FD url(images/top1.png) no-repeat top left;

	position: absolute;
	top: 0px; left: 0px;
	
	width: 225px; height: 73px;
	margin:0; padding:0;
}
#top2 {
	background: #0C82FD url(images/top2.png) no-repeat top left;

	position: absolute;
	top: 0px; left: 225px;
	right: 0px;
	
	width: 478px; height: 73px;
	margin:0; padding:0;
}
#top3 {
	background: #E1E3CA url(images/top3.jpg) no-repeat top left;

	position: absolute;
	top: 73px; left: 0px;
	
	width: 157px; height: 67px;
	margin:0; padding:0;
}
#top4 {
	background: #E1E3CA url(images/top4.png) no-repeat top left;

	position: absolute;
	top: 73px; left: 157px;
	
	width: 478px; height: 37px;
	margin:0; padding:0;
}
#topazul {
	position: absolute;
	top: 0px; right: 0px;
	left: 800px;
	height: 73px;
	
	background-color: #0C82FD;
	margin:0; padding:0;
}

/* botonera */


#trasbot1 {
	background: #E1E3CA url(images/trasbot1.jpg) no-repeat top left;
	position: absolute;
	top: 140px; left: 0px;
	width: 157px; height: 302px;
	margin:0; padding:0;
}
#trasbot2 {
	background: #E1E3CA url(images/trasbot2.jpg) no-repeat top left;
	position: absolute;
	top: 437px; left: 0px;
	width: 157px; height: 163px;
	margin:0; padding:0;
}

/* boton "el libro" */
#libro a {
	position: absolute;
	top: 9px; left: 52px;
	width: 103px; height: 38px;
	margin:0; padding:0;
	display: block;

	background: transparent url(images/book.jpg) no-repeat top left;
}
#libro a:hover {
	position: absolute;
	top: 9px; left: 52px;
	width: 103px; height: 38px;
	margin:0; padding:0;

	background: transparent url(images/book-off.jpg) no-repeat top left;
}
#autor a {
	background: transparent url(images/author.jpg) no-repeat top left;
	position: absolute;
	top: 53px; left: 25px;
	width: 127px; height: 40px;
	margin:0; padding:0;
}
#autor a:hover {
	background: transparent url(images/author-off.jpg) no-repeat top left;
	position: absolute;
	top: 53px; left: 25px;
	width: 127px; height: 40px;
	margin:0; padding:0;
}
#ojear a {
	background: transparent url(images/read.jpg) no-repeat top left;
	position: absolute;
	top: 104px; left: 24px;
	width: 121px; height: 42px;
	margin:0; padding:0;
}
#ojear a:hover {
	background: transparent url(images/read-off.jpg) no-repeat top left;
	position: absolute;
	top: 104px; left: 24px;
	width: 121px; height: 42px;
	margin:0; padding:0;
}
#reservar a {
	background: transparent url(images/purchase.jpg) no-repeat top left;
	position: absolute;
	top: 150px; left: 35px;
	width: 97px; height: 42px;
	margin:0; padding:0;
}
#reservar a:hover {
	background: transparent url(images/purchase-off.jpg) no-repeat top left;
	position: absolute;
	top: 150px; left: 35px;
	width: 97px; height: 42px;
	margin:0; padding:0;
}
#librovisitas a {
	background: transparent url(images/visitors.jpg) no-repeat top left;
	position: absolute;
	top: 198px; left: 11px;
	width: 142px; height: 50px;
	margin:0; padding:0;
}
#librovisitas a:hover {
	background: transparent url(images/visitors-off.jpg) no-repeat top left;
	position: absolute;
	top: 198px; left: 11px;
	width: 142px; height: 50px;
	margin:0; padding:0;
}
#contactar a {
	background: transparent url(images/contact.jpg) no-repeat top left;
	position: absolute;
	top: 253px; left: 33px;
	width: 101px; height: 42px;
	margin:0; padding:0;
}
#contactar a:hover {
	background: transparent url(images/contact-off.jpg) no-repeat top left;
	position: absolute;
	top: 253px; left: 33px;
	width: 101px; height: 42px;
	margin:0; padding:0;
}

/* Menu de arriba */
#menutop {
	position: absolute;
	width: 90px; top: 75px; left: auto; right: 5px;
	height: 25px;
}	
#inicio a {
	position: absolute;
	background: #E1E3CA url(images/inicio.png) no-repeat top left;
	top: 0px; left: 0px;
	width: 26px; height: 25px;
}
#espanol a {
	position: absolute;
	background: #E1E3CA url(images/castellano.png) no-repeat top left;
	top: 6px; left: 32px;
	width: 22px; height: 13px;
}
#ingles a {
	position: absolute;
	background: #E1E3CA url(images/ingles.png) no-repeat top left;
	top: 6px; left: 62px;
	width: 22px; height: 13px;
}

/* cuerpo de la pagina */
#cuerpo {
	position: absolute;
	top: 110px; left: 170px; right: 10px;
	background: transparent url(images/fondo.png) repeat-y 50% 0px;
}


/* pagina principal */
#titulo1 {
	position: absolute;
	top: 13px; left: 0px;
	width: 572px; height: 55px;
	background: #E1E3CA url(images/tit1-en.png) no-repeat top left;
}
#titulo2 {
	position: absolute;
	top: 71px; left: 120px;
	width: 456px; height: 30px;
	background: #E1E3CA url(images/tit2-en.png) no-repeat top left;
}
#portada {
	position: absolute;
	top: 110px; left: 140px;
	width: 318px; height: 450px;
	margin:0;
	padding:0;
	border: solid 1px black;
}
#marco1 {
	position: absolute;
	top: 1px; left: 319px;
	width: 10px; height: 459px;
	background: #E1E3CA url(images/marco-alto.png) no-repeat top left;
}
#marco2 {
	position: absolute;
	top: 451px; left: 1px;
	width: 318px; height: 9px;
	background: #E1E3CA url(images/marco2.png) no-repeat top left;
}

/* libro.html */

#cuerpo h3 {
	text-decoration: underline;
	font: bold italic 25px Times, "Times New Roman", serif;
	margin: 10px 0 10px 0;
	padding:0;
}
#cuerpo h4 {
	left: 20px;
	margin:10px;
	padding:0;
	font: bold italic 18px Times, "Times New Roman", serif;
}
#cuerpo p {
	font: 16px Times, "Times New Roman", serif;
	text-align: justify;
}
#cuerpo #raya {
	color:#000;
	padding-bottom:4px;
	background: transparent url(images/raya.png) repeat-x 100% 100%;
}
#cuerpo #siguiente {
	color: blue;
	text-align: center;
	font: italic 16px Times, "Times New Roman", serif;
}
#cuerpo #siguiente a {color: blue;}
#cuerpo #comentario {
	font: italic 16px Times, "Times New Roman", serif;
}
#cuerpo #firma {
	text-align: right;
	font: italic 16px Times, "Times New Roman", serif;
}

/* formularios */
#cuerpo input {
	margin: 2px 0 5px 15px;
	padding:0;
}
#cuerpo select {
	margin: 2px 0 5px 15px;
	padding:0;
}
#cuerpo textarea {
	margin: 2px 0 5px 15px;
	padding:0;
}
#cuerpo #nombre {
	font: 14px Verdana, Roman;
	text-decoration: underline;
}
	
.fecha { color: red; font-size: 12px;}

#central {
	position: relative;
	width: 600px;
	margin: 0;
	padding:0;
}
#extracto1 {
	position: relative;
	text-align: center;
	left: 100px;
	width: 425px; height: 595px;
	border: solid 1px black;
	background: #E1E3CA url(images/extracto1-en.png) no-repeat top left;
}
#extracto2 {
	position: relative;
	text-align: center;
	left: 100px;
	width: 425px; height: 595px;
	border: solid 1px black;
	background: #E1E3CA url(images/extracto2-en.png) no-repeat top left;
}
#extracto3 {
	position: relative;
	text-align: center;
	left: 100px;
	width: 425px; height: 595px;
	border: solid 1px black;
	background: #E1E3CA url(images/extracto3-en.png) no-repeat top left;
}
#extracto4 {
	position: relative;
	text-align: center;
	left: 100px;
	width: 425px; height: 595px;
	border: solid 1px black;
	background: #E1E3CA url(images/extracto4-en.png) no-repeat top left;
}

/* Copyright */
#copy {
	position: absolute;
	top: 600px;
	left: 0px;

	margin: 0;
	padding: 7px;
	
	width: 140px;

	text-align: center;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	color: #888888;
}
#copy a { color:#888888; }

.mini {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: black;
}

#foto {
	position: relative;
	padding: 2px 7px 7px 2px;
	float: left;
}