body {
	background:#333333 url(../bkg.gif) top center repeat-y;
	color: #FFFFFF;	
	font-family:Trebuchet MS;
	font-size:12pt;
	text-align: left;
	margin: 0px;
}

a:hover {  color: #999999;}
a:link {  color: #FFFFFF}
a:visited {  color: #FFFFFF}
a:active {  color: #FFFFFF}

h2 {
	text-align:right;
	color:#F2A427;
	padding: 0 14px; 0 0;
}

.texto {
	font-family: Trebuchet MS;
	font-size: 10pt;
	color: #FFFFFF;
	text-align: justify;
	margin: 1px 10px 1px 10px;
	padding: 0 8px 0 8px;
	line-height: 130%; 
}

.texto a:hover {  color: #F2A427; text-decoration:underline;}
.texto a {  color: #F2A427; text-decoration:none;}

.texto b {font-size: 8pt; color:#cccc99;}
.texto span { font-size: 8pt; color:#f2a427; font-weight: bold;}

ul.texto {
	font-family: Trebuchet MS;
	font-size: 10pt;
	color: #FFFFFF;
	text-align: justify;
	margin: 1px 10px 1px 30px;
	padding: 8px 0 8px 8px;
	list-style-type: circle;
}

h1.texto {
	font-family: Trebuchet MS;
	font-size: 18pt;
	color: #FFFFFF;
	text-align: right;
	margin: 1px 10px 1px 10px;
	padding: 0 8px 0 8px;
}


.textot {
	font-family: Trebuchet MS;
	font-size: 8pt;
	color:white;
	text-align: left;
	margin: 1px 20px 1px 20px;
	padding: 8px 0 8px 0; 
}

.textot a:hover {  color: #F2A427; text-decoration:underline;}
.textot a:link {  color: #FFFFFF; text-decoration:underline;}
.textot a:visited {  color: #FFFFFF}
.textot a:active {  color: #FFFFFF}

ul.textot {
	list-style-image: url('../a1.gif');
	text-transform: uppercase;
	margin: 1px 10px 1px 10px;
	padding: 8px 10px 8px 15px; 
	font-family: Trebuchet MS;
	font-size: 8pt;
	font-weight: bold;
}

.texto1 {
	font-family: Trebuchet MS;
	font-size: 8pt;
	color: #ffffff;
	text-align: right;
	margin: 15px 0 15px 0;
	padding: 18px 20px 8px 10px; 
	line-height: 100%;
	background: #333333;
}

.texto11 {
	font-family: Trebuchet MS;
	font-size: 20pt;
	color: #ffffff;
	text-align: right;
	margin: 15px 0 15px 0;
	padding: 18px 20px 8px 10px; 
	line-height: 100%;
	background: #333333;
}

.texto2 {
	font-family: Trebuchet MS;
	font-size: 8pt;
	color: #ffffff;
	text-align: right;
	margin: 5px 0 5px 0;
	padding: 8px 20px 8px 10px; 
	line-height: 130%;
}

.texto23 {
	font-family: Trebuchet MS;
	font-size: 9pt;
	color: #ffffff;
	text-align: right;
	margin: 5px 0 5px 0;
	padding: 8px 20px 8px 10px; 
	line-height: 130%;
}

.personajes {
	font-family: Trebuchet MS;
	font-size: 14pt;
	color: #FFFFFF;
	text-align: left;
	margin: 1px 60px 1px 90px;
	padding: 8px 0 8px 8px;
	font-weight: bold;
	border-bottom:1px dotted white;
}

.personajesr {
	font-family: Trebuchet MS;
	font-size: 14pt;
	color: #FFFFFF;
	text-align: right;
	margin: 1px 60px 1px 90px;
	padding: 8px 0 8px 8px;
	font-weight: bold;
	border-bottom:1px dotted white;
}

#contenedor {
	text-alig: left;
	width: 750px;
	margin: 0 auto;
}

#cabecera {
	height: 190px;
	width: 750px;	
	margin: 0 auto;
	text-alig: left;
}

#cuerpo{ 
   margin: 1 0 1 0px; 
}

#izquierda {
	width: 230px;
	float: right;
}

#derecha {
	width: 520px;
	float: left;
}

#contexto {
	width: 480px;
	margin:auto;
	
}
#contexto a:hover {  color: #F2A427; text-decoration:underline;}
#contexto a {  color: #F2A427; text-decoration:none;}

.textitl {
	font-family: Trebuchet MS;
	font-size:14pt;
	text-align: right;
	color: #F2A247;
	font-weight: bold;
	padding: 5px 8px 2px 0;
	margin: 0 0 0 0;
	border-bottom: medium solid #CCCC99;
	border-top: 1px solid #CCCC99;
	background: #000;
}

.textitl span {
	font-size: 10pt;
	color: #999999;
}

#contexto1 {
	width: 195px;
	margin: auto;
	background: #333339;
	text-align: left;
}

#contexto1 a {color: #CCCC99; text-decoration:none;}
#contexto1 a:hover {  color: #ffffff;
text-decoration: none; }

.textitr {
	font-family: Trebuchet MS;
	font-size:8pt;
	text-align: right;
	color: #F2A427;
	font-weight: bold;
	padding: 5px 8px 2px 0;
	margin: 0 0 0 0;
	border-bottom: medium solid #CCCCCC;
}

#pie {
	clear: both;
	float: left;
	width: 735px;
	font-family: Trebuchet MS;
	font-size: 8pt;
	text-align: justify;
	padding: 3px 10px 3px 10px;
	margin-top: 10px;
}

.texton {
	font-family: Trebuchet MS;
	font-size: 10pt;
	color: #f2a427;
	text-align: left;
	margin: 45px 10px 1px 10px;
	padding: 2px 15px 2px 15px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	font-weight: bold;
}

.text	{
	font-family: Trebuchet MS;
	font-size: 10pt;
	color:white;
	text-align: right;
	margin: 20px 20px 1px 15px;
	line-height: 150%; 
}

#holder {position:relative; width:480px; margin:auto;} #holder a {text-decoration:none;}
#scrollbox {width:260px;float:right;}
a.menu, a.menu:visited { color:#FFF; text-decoration:none;}

a.menu span {display:block; position:absolute; left:20px; top:-1px; width:1px; height:1px; overflow:hidden;  z-index:100;}
a.menu:hover {white-space:normal;}
a.menu:hover img {border:0; z-index:100;}
a.menu:active img, a.menu:focus img {border:0; z-index:50;}

a.menu:hover span {display:block; position:absolute; width:210px; height:280px; top:9px; left:-5px; padding:5px; font-style:italic; background:#000; color:#000; z-index:100; font-size:11px;}
a.menu:active {border:0;}
a.menu:active span, a.menu:focus span {display:block; position:absolute; width:210px; height:280px; top:9px; left:-5px; padding:5px; font-style:italic; background: #000; color:#000;  z-index:50;}

.texto3 {
	font-family: Trebuchet MS;
	font-size: 14pt;
	color: #ffffff;
	text-align: center;
	margin: 1px 10px 15px 10px;
	padding: 0 8px 0 8px;
	line-height: 130%; 
	font-weight: bold;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

#scrollbox a { color: #ffffff; }
#scrollbox a:hover { color: #f2a427; text-decoration:none;}


#tabla { clear: both; width:460px; margin:auto; border-top:1px solid white;}
#tabla a {color: #F2A427; text-decoration: none;}
#tabla a:hover { color: #fff; text-decoration: underline;}
#name {
	width: 250px;
	float: right;
	font-family: Trebuchet MS;
	font-size: 10pt;
	color: #ffffff;
	text-align: left;
	line-height: 120%;
	margin: 0 10px 10px 0;
}

#named {
	width: 190px;
	float: left;
	font-family: Trebuchet MS;
	font-size: 10pt;
	color: #ffffff;
	text-align: left;
	line-height: 120%; 
	font-weight: bold;
	margin: 0 10px 10px 0;
}

#esc { clear: both; width:460px; margin:auto; height: 20px;}