/* CSS Document */

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-align:justify;
}
body {
	background-color: #4E0711;
	background-image:url(img/bg_hp.gif);
	background-repeat:repeat-x;
	margin-top: 0px;
}


h1 {
	font-size: 12px;
	color:#4E0711;
	text-transform:lowercase;
}
h2 {
	font-size: 14px;
	color:#4E0711;
	text-transform:lowercase;
}
h3 {
	font-size: 9px;
	color:#4E0711;
	text-transform:lowercase;
}


#container {
	position:relative;
	width:780px;
	height:3000px;
	z-index:1;
	margin: 0 auto 0;
	vertical-align: top;
	display:block;
	background-color: #FFFFFF;
	text-align:center;
}

#banner {
	position:relative;
	width:780px;
	height:300px;
	left:0px;
	z-index:2;
	display:block;
}

#nero {
	position:relative;
	width:780px;
	height:auto;
	left:0px;
	z-index:3;
	display:block;
	background-color:#000000;
	font-size: 12px;
	color: #FFFF33;
	text-align:right;
	text-transform:lowercase;
	padding-bottom:3px;
	padding-top:2px;
}

#credits {
	position:absolute;
	width:391px;
	height:auto;
	z-index:4;
	left: 167px;
	top: 139px;
	font-size:12px;
	color:#FFFFFF;
	text-align:justify;
	display:block;
	overflow:visible;
}

#pagina {
	position:relative;
	width:768px;
	height:auto;
	left:0px;
	z-index:5;
	background-color:#FFFFFF;
	text-align:justify;
	padding-right:6px;
	padding-top:6px;
	padding-left:6px;
	padding-bottom:6px;
	}

#book {
	position:absolute;
	width:178px;
	height:auto;
	z-index:6;
	left: 590px;
	top: 10px;
}

#mood {
	position:absolute;
	width:166px;
	height:auto;
	z-index:8;
	left: 602px;
	top: 318px;
}

#focus {
	position:absolute;
	width:556px;
	height:auto;
	z-index:7;
	left: 10px;
	top: 10px;
	background-image:url(img/top_586.gif);
	background-repeat:no-repeat;
	background-color:#E1E1E1;
	padding-left:6px;
	padding-right:6px;
	padding-bottom:2px;
}
#bottom-568 {
	position:absolute;
	width:568px;
	height:15px;
	background-image:url(img/bottom_586.gif);
	left:0px;
}



/* VERTICAL FREESTYLE MENU LAYOUT */

.menulist, .menulist ul {
	margin: 0;
	padding: 0;
	width: 120px;
	list-style: none;
	
}

.menulist ul {
 display: none;
 position: absolute;
 top: -1px;
 left: 120px;
}

.menulist li {
 position: relative;
 border: 0px;
 margin-bottom: -1px;
}


.menulist a {
 display: block;
 padding: 3px;
 color: #FFFFFF;
 text-decoration: none;
}

.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus {
 color: #FFF;
 background-color: #000000;
}
.menulist a.highlighted {
 color: #FFF;
 background-color: #999999;
}


.menulist a .subind {
 float: right;
}

/*
 HACKS: IE/Win:
*/

*:first-child+html .menulist li {
 float: left;
 width: 100%;
}

* html .menulist li {
 float: left;
 height: 1%;
}
* html .menulist a {
 height: 1%;
}
/* End Hacks */


.menulist li:hover>ul {
 display: block;
}