h1 {
	margin:		0px;
	padding:	0px;
	font-size:	24pt;
	margin-bottom:	5px;
	padding-bottom:	8pt;
}

a {
	color:			#bdbcbc;
	text-decoration:	none;
}

a:hover {
	text-decoration:	line-through;
}

#testata {
	position:	absolute;
	top:		0px;
	height:		45px;
		
}

#logo {
	position:	absolute;
	bottom:		0px;
}

#menu {
	position:	absolute;
	left:		250px;
	bottom:		0px;
	width:		700px;
}

#menu .item {
	font-family:	arial;
	font-size:	10pt;
	font-weight:	bold;
	padding-right:	20px;
	color:		#bdbcbc;
}

#menu a {
	color:			#bdbcbc;
	text-decoration:	none;
}

#menu a:hover {
	text-decoration:	line-through;
}

#corpo {
	position:	absolute;
	top:		80px;
}

#corpo #sx {
	float:		left;
	width:		200px;
	font-family:	arial;
	font-size:	14pt;
	padding-right:	50px;
	line-height:	14pt;
}

#corpo #contenuti {
	position:	absolute;
	left:		250px;
	width:		700px;
}

.testo {
	width:		340px;
	font-family:	arial;
	font-size:	10pt;
	line-height:	10pt;
	float:		left;
}

.testo strong {
	font-size:	14pt;
	line-height:	14pt;	
}

h3 {
	padding:	0px;
	margin:		0px;
	line-height:	0px;
	margin-top:	15px;
	margin-bottom:	15px;
	
}

.media {
	position:	absolute;
	left:		340px;
	margin-left:	50px;
	/* width:		300px; */
	z-index:	50;
	padding-top:	30px;
}

.media td {
	height:		20px;
	border:		1px solid black;
	overflow:	hidden;
	font-family:	arial;
	font-size:	10pt;
	padding-left:	4px;
}

.media tr {
	height:		20px;
	overflow:	hidden;
}


.square {
	width:		20px;
	overflow:	hidden;
	cursor:		pointer;
	padding:	0px;
	height:		20px;
}

.media td a {
	color:		black;
	height:		20px;
	width:		100%;
	overflow:	hidden;
	float:		left;
}


.off {
	border:		0px solid white;
	background-color:	black;
	visibility:		hidden;
	overflow:		hidden;
	width:			20px;
}

.baloon img {

}

.baloon .thumb {
	width:		90px;
	height:		90px;
	border:		1px solid black;
	float:		left;
	margin:		10px;
}

.baloon .testo {
	float:		left;
	width:		284px;
	height:		60px;
	padding:	10px;
	margin-bottom:	3px;
	overflow:	auto;
}

.baloon .mediatype {
	float:		left;
	margin-bottom:	5px;
	padding-left:	10px;
	padding-top:	10px;
}

.baloon {
	display:		none;
	width:			474px; /* giusta: 474 */
	height:			121px;
	background-image:	url("../../img/baloon.gif");
	position:		absolute;
	z-index:		90;
	font-size:		8pt;
}

#darkSheet {
	position:		fixed;
	top:			0px;
	left:			0px;
	width:			100%;
	height:			100%;
	background-color:	black;
	display:		none;
	z-index:		100;
	opacity:		0.7;
	filter:			alpha(0.7);
}

#darkContent {
	position:		absolute;
	top:			0px;
	left:			0px;
	width:			100%;
	height:			100%;
	z-index:		101;
	display:		none;
}

#darkText {
	margin-top:		50px;
	margin-left:		auto;
	margin-right:		auto;
	padding:		10px;
	padding-top:		5px;
	border:			2px solid black;
	background-color:	white;
	z-index:		102;
	width:			425px;
	font-family:		arial;
	font-size:		10pt;
}

#moreEntries {
 	border:			2px solid black;
 	position:		absolute;
 	top:			50px;
 	left:			230px;
 	width:			700px;
 	background-color:	white;
 	display:		none;
 	padding:		10px;
 	font-family:		arial;
 	z-index:		80;
 	overflow:		auto;
}

#moreEntries .testo {
	margin-top:		10px;
	background-color:	transparent;
	height:			95%;

}

#moreEntries .closeThis {
	position:		absolute;
	top:			5px;
}

#moreEntries .square {
	// padding:		0px;
	width:			20px;
	height:			20px;
}

#blankSheet {
	position:		fixed;
	top:			0px;
	left:			0px;
	width:			100%;
	height:			100%;
	display:		none;
	z-index:		100;
}
