/* Global Styles */

body {
	margin:0px;
	}
	
td {
	font:11px arial;
	color:#99CCFF;
	}
	
hr {
	height:1px; 
	color: #cccccc;
	border: none;
	}
	
a {
	color: #CC3300;
	text-decoration:underline;
	}
	
a:hover {
	color: #FF3300;
	text-decoration:none;
	}
	
/* ID Styles */

#navigation a {
	font:11px georgia;
	color: #99CCFF;
	font-weight:bold;
	text-decoration: none;
	letter-spacing:.1em;
	line-height:16px;
	display:block;
	padding:10px;
	text-align:center;
	
	border: 1pt solid rgb(20,40,95);
	border-right-width: 0px; 
	border-left-width: 0px; 
	}
	
#navigation a:hover {
	color:#ffffff;
	border: 1pt dotted #0099ff;
	border-right-width: 0px; 
	border-left-width: 0px; 
	}
	
#sidebarHeader {
	padding: 0px 4px 14px 4px;
	}

#logo {
	font:18px georgia;
	color: #CC3300;
	line-height:24px;
	letter-spacing:.4em;
	}

#tagline {
	font:12px georgia;
	color: #CC3300;
	line-height:18px;
	letter-spacing:.4em;
	}
	
#dateformat a {
	color:#99CCFF;
	font:11px georgia;
	color: #99CCFF;
	letter-spacing:.2em;
	text-decoration:none;
	font-weight:bold;
	}
	
#dateformat a:hover {
	color: #ffffff;
	}

/* Class Styles */

.bodyText {
	font:11px arial;
	color:#99CCFF;
	line-height:20px;
	letter-spacing:.1em;
	margin-top:0px;
	}
	
.pageName{
	font:22px georgia;
	color: #CC3300;
	line-height:20px;
	letter-spacing:.1em;
	}
	
.subHeader {
	font:16px georgia;
	color: #CC3300;
	font-weight:bold;
	letter-spacing:.1em;
	line-height:16px;
	}	
	
.sidebarHeader {
	font:14px georgia;
	color: #99CCFF;
	font-weight:bold;
	letter-spacing:.1em;
	line-height:16px;
	}	
	
.detailText {
	font:11px arial;
	color:#ffffff;
	line-height:16px;
	letter-spacing:.1em;
	}
	
.smallText {
	font:10px arial;
	color:#99CCFF;
	}
	
/*Estilos propios*/
body {
	background-repeat: repeat-x;
	text-align:center;
	background-image: url(imagenes/estrellado.jpg);
}
#contenedor {
	position:relative;
	width:100%;
	height:100%;
	z-index:1;
}
#baner {
	position:absolute;
	width:400px;
	height:140px;
	z-index:2;
	left: 0px;
	top: 0px;
}
#textos {
	position:absolute;
	width:100%;
	height:100%;
	z-index:3;
	left: 0px;
	top: 140px;
}
#menu {
	position:absolute;
	width:200px;
	height:115px;
	z-index:1;
	left: 13px;
	border-left-style: dashed;
	border-right-width: thin;
	border-right-color: #0099FF;
	border-left-color: #0099ff;
	border-left-width: thin;
	border-right-style: dashed;
	text-align:center;
	top: 3px;
}
#libro {
	position:absolute;
	width:80%;
	left: 220px;
	top: 0px;
	text-align: center;
	height: 600px;
	visibility: hidden;
}
#central {
	position:absolute;
	width:80%;
	left: 220px;
	top: 0px;
	text-align: center;
	height: 600px;
	visibility: visible;
}
#titulo {
	position:absolute;
	width:600px;
	height:120px;
	z-index:2;
	left: 300px;
	color: #CAC72A;
	font-size: 42px;
	font-family: Dauphin;
	top: 20px;
}
#subtitulo {
	position:absolute;
	width:600px;
	height:70px;
	z-index:4;
	left: 300px;
	top: 70px;
	color: #CAC72A;
	font-size: 36px;
	font-family: Dauphin;
}
#leerlibro {
	position:absolute;
	width:207px;
	height:85px;
	z-index:1;
	left: 5px;
	top: 409px;
	color: #99CCFF;
	visibility: hidden;
}
#portada {
	position:absolute;
	width:324px;
	height:500px;
	z-index:2;
	left: 439px;
	top: 50px;
}
#hacerclick {
	position:absolute;
	width:324px;
	height:50px;
	z-index:2;
	left: 439px;
	color: #99CCFF;
}
	
#runa {
	position:absolute;
	width:200px;
	height:105px;
	z-index:1;
	left: 0px;
}
#encabezado {
	position:absolute;
	width:368px;
	height:63px;
	z-index:2;
	left: 202px;
	font-family: Dauphin;
	color: #FFFFFF;
	font-size: 48px;
	vertical-align: middle;
}
#encabezadoA {
	position:absolute;
	width:368px;
	height:63px;
	z-index:2;
	left: 202px;
	font-family: Dauphin;
	color: #FFFFFF;
	font-size: 36px;
	vertical-align: middle;
}
#encabezadoB {
	position:absolute;
	width:368px;
	height:63px;
	z-index:2;
	left: 202px;
	font-family: Dauphin;
	color: #FFFFFF;
	font-size: 36px;
	vertical-align: middle;
	top: 20px;
}
#relato {
	position:absolute;
	width:693px;
	height:100%;
	z-index:3;
	left: 49px;
	top: 120px;
	font-size: 18px;
	color: #FFFFFF;
	font-family: Dauphin;
	text-align: justify;
}
#tv {
	position:absolute;
	width:693px;
	height:100%;
	z-index:3;
	left: 49px;
	top: 120px;
	font-size: 18px;
	color: #FFFFFF;
	font-family: Dauphin;
	text-align: center;
}