/* ----- BASICS ELEMENTS ------------------------------------------------------------------------------------------------- */
body { 
	font: Tahoma;
	color: #999999;
	background-color: #668187; 
	margin: 0px; 
	padding: 0px;
	text-align: center;
	}

p { 
	padding: 0px;
	font: 11px Tahoma; 
	margin-top: 15px;
	margin-bottom: 0px;
	text-align: left;
	}


div#anno p { 
	padding: 0px;
	font: 11px Tahoma; 
	margin-top: 2px;
	margin-bottom: 0px;
	text-align: left;
	}

h1,h2,h3 {
	margin-top: 0px;
	padding: 0px;
	}

h3 { 
	font: normal 11pt Times New Roman, Times, serif;
	margin-top: 0px; 
	color: #6AA14E;
	padding-top: 0px;
	}

div#anno a:hover, a:active {
	font: normal 8pt Times New Roman, Times, serif;
	text-decoration: none; 
	margin-left: 15px;
	margin-top: 7px;
	color: #FF7F00;

}

div#anno a {
	font: normal 8pt Times New Roman, Times, serif;
	text-decoration: none; 
	margin-left: 15px;
	margin-top: 0px;
	color: #ffffff;

}

div#linkList2 a:hover, a:active {
	font: normal 10pt Times New Roman, Times, serif;
	text-decoration: none; 
	margin-left: 12px;
	margin-top: 0px;
	color: #ffffff;
	}

div#linkList2 a {
	font: normal 10pt Times New Roman, Times, serif; 
	margin-left: 12px;
	margin-top: 0px;
	text-decoration: none; 
	color: #FF7F00;
	}
	
div#linkList a:hover, a:active {
	font: normal 10pt Times New Roman, Times, serif;
	text-decoration: none; 
	margin-left: 12px;
	margin-top: 0px;
	color: #999999;
	}

div#linkList a {
	font: normal 10pt Times New Roman, Times, serif; 
	margin-left: 12px;
	margin-top: 0px;
	text-decoration: none; 
	color: #333333;
	}
	
/*
a:link { 
	font: normal 10pt Times New Roman, Times, serif; 
	margin-left: 12px;
	margin-top: 0px;
	text-decoration: none; 
	color: #333333;
	}
*/
/*
a:visited { 
	font: normal 10pt Times New Roman, Times, serif; 
	margin-left: 12px;
	margin-top: 0px;
	text-decoration: none; 
	color: #333333;
	}
	*/

a:hover, a:active { 
	margin-left: 0px;
	margin-top: 0px;
	}
	

/* ----- LAYOUT ------------------------------------------------------------------------------------------------------ */
#page { 
	position:absolute;
	top: 50%;
	left: 50%;
	width:820px; 
	height:529px;
	padding:0;
	background: url('shadow.gif') no-repeat bottom right;
/*	background:#000000;  */
	margin-left:-410px;
	margin-top: -270px;
	}

#pageHeader { 
	background-color: #000000;
	border-right: 2px solid #ffffff;
	border-left: 2px solid #ffffff;
	border-top: 2px solid #ffffff;
	border-bottom: 0px solid #ffffff;
	margin-left: auto;
	margin-right: auto;
	width: 770px;
	height: 47px;
	}

#container {
	background-color: #000000;
	border-right: 2px solid #ffffff;
	border-left: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
	border-top: 2px solid #ffffff;
	margin-left: auto;
	margin-right: auto;
	width: 770px;
	height: 495px;
	position: relative;
	}

#libro {
	width: 110px;
	height: auto;
	top: 315px;
	left:0px;
	background-color: #ffffff;
	border: 0px solid #FFFFFF;
	position: absolute;
}

#area1 {
	width: 110px;
	height: 448px;
	top: 0px;
	left:0px;
	background-color: #ffffff;
	border-top: 2px solid #ffffff;
	border-right: 0px solid #000000;
	border-left: 0px solid #ffffff;
	border-bottom: 2px solid #ffffff;
	position: absolute;
}

#area2 {
	width: 110px;
	height: 448px;
	font: 10px Tahoma;
	top: 0px;
	left:0px;
	margin-left: 110px;
	background-color: #ffffff;
	border-top: 2px solid #ffffff;
	border-right: 0px solid #000000;
	border-left: 2px solid #000000;
	border-bottom: 2px solid #ffffff;
	position: absolute;
}

#area3 {
	width: 110px;
	height: 448px;
	left:0px;
	margin-left: 220px;
	font: 10px Tahoma; 
	top: 0px;
	padding: 0px;
	background-color: #ffffff;
	border-top: 2px solid #ffffff;
	border-right: 0px solid #ffffff;
	border-left: 2px solid #000000;
	border-bottom: 2px solid #ffffff;
	position: absolute;
}

#area4{
	width: 110px;
	height: 448px;
	left:0px;
	margin-left: 330px;
	font: 10px Tahoma; 
	top: 0px;
	padding: 0px;
	background-color: #ffffff;
	border-top: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
	border-left: 2px solid #000000;
	border-right: 0px solid #000000;
	position: absolute;	
}

#area5{
	width: 110px;
	height: 448px;
	left:0px;
	margin-left: 440px;
	font: 10px Tahoma; 
	top: 0px;
	padding: 0px;
	background-color: #ffffff;
	border-top: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
	border-left: 2px solid #000000;
	border-right: 0px solid #000000;
	position: absolute;	
}

#area6{
	width: 110px;
	height: 448px;
	left:0px;
	margin-left: 550px;
	font: 10px Tahoma; 
	top: 0px;
	padding: 0px;
	background-color: #ffffff;
	border-top: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
	border-left: 2px solid #000000;
	border-right: 0px solid #000000;
	position: absolute;	
}
#area7{
	width: 110px;
	height: 448px;
	left:0px;
	margin-left: 660px;
	font: 10px Tahoma; 
	top: 0px;
	padding: 0px;
	background-color: #ffffff;
	border-top: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
	border-left: 2px solid #000000;
	border-right: 0px solid #ffffff;
	position: absolute;	
}

#anno {
	width: 110px;
	height: auto;
	left:0px;
	margin-left: 0px;
	top: 0px;
	padding-top: 14px;
	background-color: #000000;
	border-top: 0px solid #ffffff;
	border-right: 0px solid #ffffff;
	border-left: 0px solid #ffffff;
	border-bottom: 0px solid #ffffff;
}

#frecce {
	width: 50px;
	height: auto;
	top: 420px;
	left:10px;
	background-color: #000000;
	border: 0px solid #FFFFFF;
	position: absolute;
}

#link { 
	padding-top:25px;  
}