body {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:80%; background:#fff; margin:0px;}
a {text-decoration:none; color:#000; outline:0;}
a:hover {color:#999;}
h1 {font-size:1.3em; color:#000; font-weight:bold; margin:0 0 15px 0;}
h2 {font-size:1.1em; color:#000; font-weight:bold; border-top:1px solid #5e5149; padding-top:15px; margin:15px 0 10px 0;}
h3 {font-size:1em; color:#000; font-weight:bold; margin:0px; margin:10px 0 5px 0;}
/* divs superiores - cabecera dentro de panel... */
#panel {width:100%; height:170px; background:#fff; border-bottom:1px solid #000;}
#cabecera {width:770px; height:170px; position:absolute; top:0px; left:50%; margin-left:-385px; background:#fff; border-left:1px solid #fff; border-bottom:1px solid #000;}
#hod { color:#000; font-size:3em; margin:50px 0 0 50px;}
#psi { color:#999; font-size:2em; margin:-10px 0 0 50px;}
#dir {
	color:#000;
	font-size:0.85em;
	margin:-80px 0 0 500px;
}
#dir a { color:#000; outline:0;} #dir a:hover{color:#999;}
/* navegador principal (nav) */
#navi{ margin:47px 0 0 170px;}
#navi_list{ height:33px; width:600px; font-size:0.75em; margin:0px; padding:0;}
#navi li{ display:inline; list-style-type:none; color:#fff; margin-left:-3px;}
#navi li a { padding-bottom:22px; padding-left:10px; padding-right:10px; border-left:1px solid #000000; color:#000; outline:0;}
#navi li a:hover { color:#999; background-color:#fff;}
#navi li#es a { color:#999; background-color:#fff; border-right:1px solid #000000;}
/* div de la tabla-navegador */
#tabla {width:150px; height:auto; position:absolute; top:245px; left:50%; margin-left:-390px; font-size:0.85em;}
#tabla ul {padding: 0; margin:0; list-style: none;}
#tabla li {position: relative; margin:0 0 15px 0; width:auto;}
#tabla li a {color:#000;}
#tabla li a:hover {color:#000000; font-weight:bold;}
/* el marco principal */
#marco { width:460px; height:auto; position:absolute; top:245px; left:50%; margin:0 0 30px -215px; background:#fff;}
/* dentro del marco, la portada: navegador e imagen */
#portada1 {
	width:460px;
	height:235px;
	margin:0;
	background:#000;
	font-size:0.85em;
	color:#fff;
	text-align:right;
}
#portada1 ul {padding: 0; margin:0; list-style: none; padding:10px;}
#portada1 li { margin:0; padding:0;}
#portada1 li a {color:#999;}
#portada1 li a:hover {color:#FFFFFF;}
#portada {
	width:460px;
	height:135px;
	margin:0;
	background:#000;
	font-size:0.85em;
	color:#fff;
	text-align:right;
}
#portada ul {padding: 0; margin:0; list-style: none; padding:10px;}
#portada li { margin:0; padding:0;}
#portada li a {color:#999;}
#portada li a:hover {color:#FFFFFF;}
/* dentro del marco, el contenido */
#contenido {
	width:460px;
	height:auto;
	margin:30px 0 0 0;
	background:#fff;
	font-size:0.85em;
	color:#000;
}
#contenido ul {padding: 0; margin:0 0 20px 0; list-style:none;}
#contenido li { margin:0 0 0 0px; display:inline;}
#contenido li a {background-color:#fff; padding:0px; border:none;}
#contenido li a:hover {}
#contenido img {border:0px;}
/* dentro de el marco, marcapáginas, navegador lineal */
#pag { width:460px; margin:40px 0 0 0; background-color:#000; color:#fff; font-size:0.85em; text-align:right;}
#pag a { text-decoration:none; color:#fff; padding:5px; outline:0;}
#pag a:hover { color:#000; background:#fff; padding:5px;}
/* dentro del marco el pie con los autores e "ir arriba" */
#pie {width:460px; height:70px; margin:20px 0 0 0; font-size:0.85em; color:#999; background-color:#fff; text-align:right;}
#pie a { color:#000; background-color:#fff;}
#pie a:hover { color:#fff; background-color:#000;}
/* fuera del marco, las salas con las películas */
#pelis {
	width:102px;
	height:auto;
	position:absolute;
	top:246px;
	left:50%; 
	margin:0 0 30px 300px;
	background-color:#fff;
}
#pelis ul { padding:0; margin:0 0 20px 0; list-style:none;}
#pelis li { padding:0; margin:0 0 15px 0;}
#pelis li a {color:#fff; background-color:#000000; padding:1px; border:1px solid #000000;}
#pelis li a:hover {color:#999;}
/* clases */
.bold {font-weight:bold;}