body {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:80%; background:#342D2B; margin:0px;}
a {text-decoration:none; color:#fff; outline:0;}
a:hover {color:#c7b299;}
h1 {font-size:1.1em; color:#FFFFCC; font-weight:bold; margin:0px;}
h2 {font-size:1.1em; color:#FFFFCC; font-weight:bold; border-top:1px solid #5e5149; padding-top:15px; margin:15px 0 10px 0;}
h3 {font-size:1em; color:#DDC9B1; font-weight:bold; margin:0px; margin:10px 0 5px 0;}
table {width:300px; border:0; cellspacing:0; bgcolor:#53463F;}
td {text-align:center; padding-bottom:10px;}
/* divs superiores - cabecera dentro de panel... */
#panel {width:100%; height:170px; background:#53463F;}
#cabecera {width:770px; height:170px; position:absolute; top:0px; left:50%; margin-left:-385px; background:#53463F;}
#borde { width:1px; height:80px; position:absolute; top:90px; background:#FFFFFF url(../img/borde.gif)}
#hod { color:#FFFFFF; font-size:3em; margin:50px 0 0 50px;}
#psi { color:#BBA895; font-size:2em; margin:-10px 0 0 50px;}
#dir { color:#DDC9B1; font-size:0.85em; margin:-80px 0 0 500px;}
#dir a { color:#DDC9B1; outline:0;} #dir a:hover{color:#fff;}
/* navegador principal (nav) */
#nav{ margin:47px 0 0 170px;}
#nav_list{ height:33px; width:600px; font-size:0.75em; margin:0px; padding:0;}
#nav li{ display:inline; list-style-type:none; color:#fff; margin-left:-3px;}
#nav li a { padding-bottom:22px; padding-left:10px; padding-right:10px; border-left:1px solid #000000; color:#FFF; outline:0;}
#nav li a:hover { color:#C0AB94; background-color:#65564F;}
#nav li#es a { color:#C0AB94; background-color:#65564F;}
/* navegador tem�tico (sub) */
#sub { width:600px; height:auto; position:absolute; top:225px; left:50%; margin-left:-215px; background:#65564F;}
#sub_list{ font-size:0.85em; margin:0px; height:17px; padding-bottom:5px; padding-top:5px; padding-left:0; padding-right:0;}
#sub li{display:inline; list-style-type:none; height:17px; color:#DDC9B1; background-color:#65564F;}
#sub li a { text-decoration:none; color:#fff; padding:5px; border-right:1px solid #342D2B; outline:0;}
#sub li a:hover { color:#DDC9B1; background:#53463F; padding:5px;}
#sub li#es a { color:#DDC9B1; background:#53463F;}
/* marcap�ginas, navegador lineal (pag) */
#pag { width:310px; float:right; height:auto; margin:40px 0 20px 290px; background-color:#65564F; color:#BBA895; font-size:0.85em;}
#pag a { text-decoration:none; color:#fff; padding:5px;}
#pag a:hover { color:#DDC9B1; background:#53463F; padding:5px;}
/* la barra que da sombra */
#barra {width:100%; height:20px; background:#000 url(../img/barra.jpg) repeat-x;}
/* el cuadro */
#sombra { position:absolute; top:285px; left:50%; margin-left:85px; width:280px; height:130px; z-index:1; background-color:#3c332e;}
#cuadro { position:absolute; top:275px; left:50%; margin-left:75px; z-index:2;}
/* el marco principal */
#marco { width:600px; height:auto; position:absolute; top:245px; left:50%; margin-left:-215px; background:#53463F;}
/* dentro del marco, div de subtemas */
#izq { width:250px; height:auto; float:left; margin:30px 0 0 0px; padding-left:10px; font-size:0.85em; color:#DDC9B1;}
#drch { width:295px; height:auto; float:left; margin:190px 0 0 0px; padding-left:30px; font-size:0.85em; color:#DDC9B1;}
#dentro { width:560px; height:auto; margin:30px 0 20px 20px; background:#53463F; font-size:0.85em; color:#DDC9B1;}
/* los diferentes paneles */
#blog {width:210px; height:auto; margin:-100px 0 0 20px; font-size:0.85em; color:#c7b299; border-top:1px solid #5e5149; padding-top:15px;}
#filmo {width:210px; height:auto; margin:20px 0 0 20px; font-size:0.85em; color:#c7b299; border-top:1px solid #5e5149; padding-top:15px;}
#contacta {width:210px; height:auto; margin:20px 0 0 20px; font-size:0.85em; color:#c7b299; border-top:1px solid #5e5149; padding-top:15px;}
#pie {width:600px; height:70px; float:right; font-size:0.85em; color:#BBA895; background-color:#342D2B; padding-top:10px;}
#novedades {width:300px; height:290px; margin:-290px 0 0 280px; font-size:0.85em; color:#c7b299; border-top:1px solid #5e5149; padding-top:15px;}
#recursos {width:300px; height:auto; margin:40px 0 0 280px; font-size:0.85em; color:#c7b299; border-top:1px solid #5e5149; padding-top:15px;}
/* lista de enlaces */
#siempre {width:160px; height:auto; position:absolute; top:225px; left:50%; margin-left:-390px; background:#342D2B;}
.txt { background-color:#3F3634; border: 1px solid #53463F; color:#DDC9B1; font-size:0.85em; width:140px;}
.txtarea { width:140px; background-color:#3F3634; border: 1px solid #53463F; color:#DDC9B1; font-size:1em;}
* html .txtarea { background-color:#3F3634; border: 1px solid #53463F; color:#DDC9B1; font-size:1em; overflow:hidden;}
#tipo {margin:0 0 5px 0; background-color:#65564F; height:15px; font-size:0.75em; font-weight:bold; color:#fff;}
#enlaces {margin:0 0 0px 0; background-color:#342D2B; height:15px; font-size:0.75em; color:#c7b299;}
#enlaces a {text-decoration:none; color:#BBA895; margin:0px; padding-bottom:3px; font-weight:bold; outline:0;}
#enlaces a:hover {color:#fff; background-color:#53463F; display:block;}
#javi {color:#342D2B; position:absolute; left:20px; top:10px;}