* 
{
margin:0;
padding:0;
border:0;
line-height:1.5em;
background-repeat:no-repeat;
}

body
{
font-family:serif;
background-color:#e9edf9;
}

#cuerpo
{
width:960px;
margin:15px auto;
overflow:hidden;
background-color:#fff;
border:2px #57577c solid;
}

#cabecera
{
overflow:hidden;
background-color:#d9d9ed;
padding:15px 0px;
border-bottom:1px #57577c solid;
margin-bottom:20px;
}

#cabecera h1
{
text-align:center;
font-family:"georgia";
font-size:50px;
font-weight:bold;
color:#6e7eae;
text-transform:uppercase;
line-height:1em;
letter-spacing:5px;
}

#cabecera p
{
text-align:center;
margin-top:15px;
font-family:"trebuchet ms";
font-size:12px;
font-weight:bold;
color:#a70000;
}

#lateral
{
width:140px;
overflow:hidden;
float:left;
}

#lateral .menu
{
list-style:none;
}

#lateral .menu li
{
font-family:"trebuchet ms";
font-size:12px;
font-weight:bold;
margin-top:10px;
text-align:center;
color:#eee;
}

#lateral .menu li a
{
display:block;
text-decoration:none;
padding:0px 0px;
border-top:1px #57577c solid;
border-right:1px #57577c solid;
border-bottom:1px #57577c solid;
background-color:#d9d9ed;
color:#000;
}

#lateral .menu li a:hover
{
display:block;
text-decoration:none;
padding:0px 0px;
border-top:1px #57577c solid;
border-right:1px #57577c solid;
border-bottom:1px #57577c solid;
background-color:#6e7eae;
color:#fff;
}

#lateral p
{
font-family:"trebuchet ms";
font-size:12px;
font-weight:bold;
margin-top:10px;
text-align:center;
color:#6e7eae;
}

#lateral p a
{
display:block;
text-decoration:none;
padding:2px 0px;
border-top:1px #57577c solid;
border-right:1px #57577c solid;
border-bottom:1px #57577c solid;
background-color:#6e7eae;
color:#fff;
}

#lateral p a:hover
{
display:block;
text-decoration:none;
padding:2px 0px;
border-top:1px #57577c solid;
border-right:1px #57577c solid;
border-bottom:1px #57577c solid;
background-color:#d9d9ed;
color:#000;
}

.hueco1 {margin-top:30px !important;}

.espacio10 {padding-left:10px !important;}
.espacio15 {padding-left:15px !important;}
.espacio30 {padding-left:30px !important;}

#vertical
{
width:180px;
float:right;
overflow:hidden;
}

#contenido
{
width:770px;
float:left;
overflow:hidden;
}

#principal
{
float:right;
overflow:hidden;
width:610px;
background-color:#fff;
padding-bottom:50px;
}

#principal h2
{
color:#9fafc6;
font-size:15px;
font-weight:bold;
font-family:"georgia";
text-align:center;
margin-top:10px;
margin-bottom:20px;
letter-spacing:1px;
}

#principal h4
{
color:#9fafc6;
font-size:14px;
font-weight:bold;
font-family:"trebuchet ms";
text-align:left;
margin-top:20px;
text-transform:uppercase;
}

.parrafo
{
color:#002358;
font-size:13px;
font-family:"trebuchet ms";
margin:10px 10px;
text-align:justify;
line-height:1.8em;
}

.parrafo strong {border-bottom:1px #57577c dotted;color:#57577c;font-weight:bold;}

.parrafo a {text-decoration:underline;color:#a70000;font-weight:bold;}
.parrafo a:hover {text-decoration:underline;color:#d9d9ed;font-weight:bold;}

.listado
{
margin-top:20px;
margin-left:10px;
list-style:none;
}

.listado li
{
color:#d9d9ed;
font-size:12px;
font-family:"trebuchet ms";
margin-top:10px;
text-align:left;
line-height:1.8em;
font-weight:normal;
}

.personaje
{
color:#57577c !important;
font-size:13px !important;
font-weight:bold !important;
}

.personaje a {text-decoration:underline;color:#57577c;}
.personaje a:hover {text-decoration:underline;color:#9fafc6;}

.tipo
{
color:#6e7eae !important;
font-size:13px !important;
font-weight:bold !important;
font-style:italic !important;
}

.definicion
{
color:#8983c4 !important;
font-size:13px !important;
font-weight:normal !important;
}

.titulo
{
font-family:georgia !important;
color:#57577c !important;
font-size:14px !important;
font-weight:bold !important;
}

.texto
{
color:#9893c4 !important;
font-size:13px !important;
}

.informacion
{
color:#a70000 !important;
font-size:12px !important;
font-weight:bold !important;
}

.informacion a {text-decoration:underline;color:#a70000;}
.informacion a:hover {text-decoration:underline;color:#57577c;}

.diccionario
{
margin-top:10px;
margin-left:10px;
line-height:1.8em;
font-family:"trebuchet ms";
}

.diccionario dt
{
color:#57577c;
font-size:13px ;
font-weight:bold;
text-align:left;
margin-top:15px;
}

.diccionario dt a {text-decoration:underline;color:#57577c;}
.diccionario dt a:hover {text-decoration:underline;color:#a70000;}

.diccionario dd
{
color:#6e7eae;
font-size:13px;
text-align:justify;
margin-left:10px;
}

.diccionario dd a {text-decoration:underline;color:#a70000;font-size:12px;}
.diccionario dd a:hover {text-decoration:underline;color:#57577c;font-size:12px;}

#historia
{
border-top:1px #d9d9ed solid;
border-bottom:1px #d9d9ed solid;
margin-top:-10px;
}

#historia p
{
color:#57577c;
font-size:13px;
font-family:"trebuchet ms";
margin:10px 10px;
text-align:justify;
line-height:1.8em;
}

.lista_dioses
{
margin-top:10px;
margin-left:20px;
list-style:disc outside;
}

.lista_dioses li
{
color:#8983c4;
font-size:13px;
font-family:"trebuchet ms";
margin-top:5px;
margin-left:20px;
text-align:left;
line-height:1.5em;
font-weight:normal;
}

#ficha
{
margin-top:25px;
margin-left:10px;
list-style:none;
}

#ficha li
{
color:#6e7eae;
font-size:12px;
font-family:"trebuchet ms";
margin-top:10px;
text-align:left;
line-height:1.8em;
font-weight:bold;
}

#ficha .valor
{
color:#a70000 !important;
font-size:13px !important;
font-weight:bold !important;
}

.concepto1
{
color:#6e7eae;
font-size:12px;
font-family:"trebuchet ms";
margin-top:10px;
margin-left:10px;
text-align:left;
line-height:1.8em;
font-weight:bold;
}

.valor1
{
margin-left:10px !important;
font-size:13px !important;
color:#57577c !important;
}

#base
{
clear:both;
overflow:hidden;
padding:5px 0px;
}

#creditos
{
margin:5px auto;
}

#creditos p
{
font-family:"trebuchet ms";
font-size:12px;
color:#9fafc6;
text-align:center;
line-height:2em;
}

#creditos p a{text-decoration:underline;color:#6e7eae;font-weight:bold;}
#creditos p a:hover{text-decoration:underline;color:#57577c;font-weight:bold;}

.salto
{display:block !important;}

.rompedor
{clear:both !important;}

.cursiva
{font-style:italic !important;}

.paginador
{
margin:20px auto;
color:#9fafc6;
font-family:"trebuchet ms";
font-size:12px;
text-align:center;
line-height:1.8em;
padding:5px 0px;
}

.paginador a{color:#57577c;text-decoration:underline;font-weight:bold;}
.paginador a:hover{color:#6e7eae;text-decoration:underline;font-weight:bold;}


#formulario
{
margin-top:20px;
margin-left:5px;
}

#formulario p
{
color:#a70000;
font-family:"trebuchet ms";
font-size:13px;
text-align:left;
line-height:1.6em;
font-weight:bold;
margin-top:10px;
margin-left:5px;
}

#formulario .casilla
{
font-family:"trebuchet ms";
font-size:13px;
color:#57577c;
background-color:#d9d9ed;
border:1px #6e7eae solid;
font-weight:bold;
padding:1px;
letter-spacing:1px;
}

#formulario .selector
{
font-family:"trebuchet ms";
font-size:13px;
color:#57577c;
background-color:#d9d9ed;
border:1px #6e7eae solid;
font-weight:bold;
padding:1px;
letter-spacing:1px;
width:200px;
}

#formulario .boton
{
margin-top:10px;
background-color:#57577c;
padding:5px 30px;
text-align:center;
font-family:'trebuchet ms';
font-weight:bold;
font-size:15px;
color:#fff;
text-transform:uppercase;
}

.aviso
{
color:#a70000;
font-family:"trebuchet ms";
font-size:13px;
text-align:left;
line-height:1.6em;
font-weight:bold;
margin-top:15px;
margin-left:5px;
}

.exito1
{
color:#fff !important;
background-color:#57577c !important;
font-size:13px !important;
font-weight:bold !important;
padding-left:5px !important;
}

.error1
{
color:#fff !important;
background-color:#a70000 !important;
font-size:13px !important;
font-weight:bold !important;
padding-left:5px !important;
}

.flotado250d
{
width:250px !important;
overflow:hidden !important;
float:left !important;
}

.flotado275d
{
width:275px !important;
overflow:hidden !important;
float:right !important;
}

.flotado275i
{
width:275px !important;
overflow:hidden !important;
float:left !important;
}

.flotado300i
{
width:300px !important;
overflow:hidden !important;
float:left !important;
}

.flotado300d
{
width:300px !important;
overflow:hidden !important;
float:right !important;
}

.flotado350d
{
width:350px !important;
overflow:hidden !important;
float:right !important;
}

.flotado350i
{
width:350px !important;
overflow:hidden !important;
float:left !important;
}

.flotado400i
{
width:400px !important;
overflow:hidden !important;
float:left !important;
}

.flotado400d
{
width:400px !important;
overflow:hidden !important;
float:right !important;
}

.hueco170
{
width:170px;
height:610px;
float:left;
margin-top:25px;
}

.hueco260
{
width:260px;
height:260px;
float:left;
margin-top:25px;
}

.hueco310
{
width:310px;
height:310px;
float:left;
margin-top:25px;
}

.hueco350
{
width:350px;
height:300px;
float:left;
margin-top:25px;
}

.huecocentrado
{
text-align:center;
margin:10px auto;
}

.top100
{
margin-top:100px !important;
}

.top200
{
margin-top:200px !important;
}