/*
      ((( Daniele Marchesini email: skylark@iol.it  İ 2003  All Rights reserved )))
ŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻ
*/

/* impostazioni differenziate per la stampa e per il web */

@media print{
	body{
		overflow:			visible;
	}
}

@media screen{
	body{
		overflow:			auto;
	}
}

/* ridefinizione di tag HTML */

body{
	height:						100%;
	width:						100%;
	margin:						0px;
	padding:					0px 13px 0px 13px;
	background-color:			#1387B9;
	
	color:						#272727;

	font-family:				Verdana, Arial, Helvetica, sans-serif;
	font-size:					1.4ex;
	font-weight:				normal;

}

h1{
	color:				#666688;
	margin:				0px;
	padding:			10px 0px 10px 0px;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			1.8ex;
	font-weight:		bold;
	text-align:			center;

	border-width:		1px 0px 1px 0px;
	border-style:		solid;
	border-color:		#666688;
}

h2{
	color:				#8a2a2b;
	margin:				0px;
	padding:			5px 0px 3px 0px;

	font-size:			2.2ex;
	font-weight:		bold;
	text-align:			left;

	border-width:		0px 0px 0px 0px;
	border-style:		solid;
	border-color:		#666688;
}

table{
	empty-cells:		show;
	table-layout:		auto;
	border-spacing:		0px;
	border-collapse:	collapse;

	margin:				0px 0px 0px 0px;

	border-width:		0px 0px 0px 0px;
	border-style:		solid;
	border-color:		#000000;
}

td{
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			1.4ex;
	font-weight:		normal;
}

th{
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			1.4ex;
	font-weight:		bold;
}

.tableTitle{ /* applicato ai th della pagina */
	text-align:			left;
}

img{
	margin:				0px;
	border:				0px #000000 solid;
}

a{
	color:			#0946B6;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-weight:		bold;
	text-decoration:	none;
	font-size:		2ex;
}

a:hover{
	background-color:	#D2E1F0;
}

.aImg{
	background-color:	none;
}

.aImg:hover{
	background-color:	transparent;
}

/* forms */

form{
	margin:					0px 0px 0px 0px;
	padding:				0px 0px 0px 0px;
}

input{
	color:						#333333;
	background-color:			#fefefe;
	font-family:				Verdana, Arial, Helvetica, sans-serif;
	font-size:					2ex;
	font-weight:				normal;

	border-width:				1px 1px 1px 1px;
	border-style:				solid;
	border-color:				#8e8e8e;
}

textarea{
	color:						#333333;
	background-color:			#fefefe;
	font-family:				Verdana, Arial, Helvetica, sans-serif;
	font-size:					2ex;
	font-weight:				normal;

	border-width:				1px 1px 1px 1px;
	border-style:				solid;
	border-color:				#888888;
}

select{
	color:						#333333;
	background-color:			#fefefe;
	font-family:				Verdana, Arial, Helvetica, sans-serif;
	font-size:					2ex;
	font-weight:				normal;

	border-width:				1px 1px 1px 1px;
	border-style:				solid;
	border-color:				#8e8e8e;
}

.buttons{
	margin:						0px 0px 0px 0px;
	padding:					0px 0px 0px 0px;

	color:						#696969;
	background-color:			#d3d3d3;

	border-width:				1px 1px 1px 1px;
	border-style:				solid;
	border-color:				#8e8e8e;
}

.radio{
	margin:						0px 0px 0px 0px;
	padding:					0px 0px 0px 0px;

	background-color:			transparent;

	border-width:				0px 0px 0px 0px;
	border-style:				solid;
	border-color:				#8e8e8e;
}

.formTable{
	width:						380px;
}

.formTitleCell{
	padding:					2px 0px 2px 10px;
	color:						#555555;
	background-color:			#ffffff;
	font-family:				Verdana, Arial, Helvetica, sans-serif;
	font-size:					1.5ex;
	font-weight:				bold;

	text-align:					left;

	border-width:				0px 0px 1px 0px;
	border-style:				solid;
	border-color:				#aaaaaa;
}

.formSubTitleCell{
	padding:					2px 0px 2px 10px;
	color:						#888888;
	background-color:			#ffffff;
	font-family:				Verdana, Arial, Helvetica, sans-serif;
	font-size:					1.3ex;
	font-weight:				bold;

	text-align:					left;

	border-width:				1px 0px 1px 0px;
	border-style:				dotted;
	border-color:				#aaaaaa;
}


.formTextCell{
/*	width:						150px;*/
	padding:					2px 0px 3px 10px;
	background-color:			#f9f9f9;
	font-weight:				normal;

	text-align:					left;
	vertical-align:				top;

	border-width:				0px 1px 1px 0px;
	border-color:				#dddddd;
	border-style:				solid;
}

.formInputCell{
	padding:					2px 0px 3px 10px;
	background-color:			#eeeeee;
	font-weight:				bold;

	text-align:					left;
	vertical-align:				top;

	border-width:				0px 0px 1px 0px;
	border-color:				#dddddd;
	border-style:				solid;
}

.formImageCell{
	padding:					2px 0px 3px 10px;
	background-color:			#ffffff;
	text-align:					center;
	vertical-align:				top;

	border-width:				1px 0px 1px 0px;
	border-style:				dotted;
	border-color:				#aaaaaa;
}

.formButtonsCell{
	padding:					10px 0px 10px 0px;
	color:						#555555;
	background-color:			#ffffff;
	font-family:				Verdana, Arial, Helvetica, sans-serif;
	font-size:					1.3ex;
	font-weight:				normal;

	text-align:					center;

	border-width:				1px 0px 0px 0px;
	border-style:				solid;
	border-color:				#aaaaaa;
}

#required{
	color:						#990000;
	font-weight:				bold;
}

#visualizza{
	border-width:				1px 0px 0px 0px;
	border-style:				solid;
	border-color:				#CECECE;
}

.inputRequired{
	border-width:				1px 1px 1px 1px;
	border-style:				solid;
	border-color:				#990000;
}

.formNotes{
	color:						#666666;
	font-size:					1.8ex;
	letter-spacing:				0.2ex;
	font-weight:				normal;
}

/* testi delle pagine di richiesta conferma o comunicazione di azione avvenuta */

.alertText{
	padding:					10px 5px 10px 5px;
	color:						#990000;
	background-color:			#ffffff;

	font-weight:				bold;
	font-size:					2.5ex;
	text-align:					center;

	border-width:				0px 0px 1px 0px;
	border-style:				solid;
	border-color:				#aaaaaa;
}

/* caratteristiche della tabella principale */
#mainTable{
	width:				100%;
	margin:				0px;

	background-color:	#ffffff;

	border-width:		0px;
	border-style:		solid;
	border-color:		#999999;
}


/* caratteristiche celle contenenti l'header */
#headerImageCell{
	margin:			0px 0px 0px 0px;
	padding:		0px 0px 0px 0px;
	background-color:	#888888;
}

#headerLinksCell{
	margin:				0px 0px 0px 0px;
	padding:			0px 0px 0px 0px;
	background-color:	#FFFFFF;

	height:				1ex;

	border-width:		0px;

}

/* caratteristiche links header */
.headerLinks{
	margin:				0px;
	padding:			2px 5px 2px 5px;

	height:				100%;

	color:				#ffffff;
	background-color:	#4B564B;

	vertical-align:		middle;
	text-align:			center;

	letter-spacing:		0.25ex;

	border-width:		0px 1px 0px 0px;
	border-style:		dotted;
	border-color:		#ffffff;
}

.headerLinks:hover{
	color:				#000000;
	background-color:	#ffffff;
	border-width:		0px 1px 0px 0px;
	border-style:		dotted;
	border-color:		#000000;
}

/* caratteristiche cella contenente l'include sinistra */
#leftColumnCellTop{
	font-size:			1.5ex;
	width:					160px;
	margin:					0px 0px 0px 0px;
	padding:				0px 0px 0px 0px;
	background-color:		#EEEEEE;
	vertical-align:			top;
	text-align:				left;
}

#leftColumnCellBottom{
	width:					160px;
	margin:					0px 0px 0px 0px;
	padding:				0px 0px 0px 0px;
	vertical-align:			bottom;
	text-align:				left;
	background-color:		#EEEEEE;
	}

#galaxyBoxTable{
	width:					160px;
	margin:					0px 0px 0px 0px;
	background-color:		#e6e6e6;
	border-width:			0px 0px 0px 0px;
	border-style:			solid;
	border-color:			#8e8e8e;
}

/* caratteristiche cella contenente l'include centrale */
#contentsCell{
	/*width:					 620px; */
	/*height:					360px;*/
	padding:				3px 5px 5px 5px;

	color:					#666666;

	background-color:		#ffffff;
	background-image:		url(../../images/header/lego_03.gif);
	background-repeat:		no-repeat;

	text-align:				left;
	vertical-align:			top;

	border-width:			0px 0px 0px 0px;
	border-style:			solid;
	border-color:			#8e8e8e;
}

/* caratteristiche cella contenente le includes di destra */
#rightColumnCell{
	width:					160px;
	margin:					0px 0px 0px 0px;
	padding:				0px 0px 0px 0px;
	vertical-align:			top;
	text-align:				right;
}

.boxTable{
	width:					160px;
	margin:					0px 0px 0px 0px;
	background-color:		#DFE8EB;

	border-width:			0px 0px 0px 0px;
	border-style:			solid;
	border-color:			#000000;
}

.boxHeader{
	width:					160px;
	margin:					0px 0px 0px 0px;
	padding:				3px 3px 3px 3px;
	background-color:		#ffffff;

	color:					#000000;

	text-align:				left;

	border-width:			0px 0px 0px 0px;
	border-style:			solid;
	border-color:			#000000;
}

.boxCell{
	padding:				3px 3px 3px 3px;
	font-size:				1.3ex;
	color:					#8e8e8e;
}

.boxTitle{
	color:					#000000;
}

.boxLink{
	display:				block;
	width:					150px;
	color:					#315194;
	margin:					0px 0px 5px 0px;
	text-align:				right;
}

.boxLink:hover{
	color:					#000000;
}

/* caratteristiche cella contenente il footer */
.footerCell{
	height:					45px;
	padding:				0px 0px 0px 160px; /* aumenta il padding per spostare a sx il link a DA */
	background-color:		#1387B9;

	text-align:				left;

	color:					#8e8e8e;

	border-width:			0px 0px 0px 0px;
	border-style:			solid;
	border-color:			#000000;
}

.footerLink{
	padding:				0px 0px 0px 0px;
	color:					#315194;
}

.footerLink:hover{
	color:					#000000;
}


/* caratteristiche celle titolazioni area riservata */

.imageAreaRiservataCellTop{
	width:					20px;
	margin:					0px 0px 0px 0px;
	padding:				0px 0px 0px 0px;
}

.leftAreaRiservataCellTop{
	width:					180px;
	margin:					0px 0px 0px 0px;
	padding:				0px 0px 0px 0px;
	vertical-align:			middle;
	text-align:				center;

	border-width:			0px 1px 0px 0px;
	border-style:			solid;
	border-color:			#2a2a2a;

	font-family:			Arial, Helvetica, sans-serif;
	font-size:				2.5ex;
	font-weight:			normal;

}

.rightAreaRiservataCellTop{
	padding:				2px 2px 2px 2px;
	vertical-align:			bottom;
	text-align:				right;
}

.mainAreaRiservataCell{
	width:					100%;
	padding:				2px 2px 2px 2px;

	border-width:			1px 0px 1px 0px;
	border-style:			solid;
	border-color:			#7c7c7c;

}

.mainAreaRiservataElenco{
	padding:				2px 2px 2px 5px;

	text-align:				left;
	border-width:			0px 1px 1px 0px;
	border-style:			solid;
	border-color:			#DDDDDD;

	background-color:		#EEEEEE;

}

#importante{
	background-image:			url(../../images/tips/sfondo_pulsante.gif);

}

.mainAreaRiservataTitoliElenco{
	padding:				2px 2px 2px 5px;

	text-align:				left;
	border-width:			0px 1px 0px 0px;
	border-style:			solid;
	border-color:			#DDDDDD;

	background-color:		#ffffff;
}

.listLink{
	color:					#315194;
}

.listLink:hover{
	color:					#000000;
}

.cellaNuovoOggetto{
	background-color:		#ffffff;
	border-bottom:			1px #aaaaaa solid;
	padding:				3px 0px 3px 5px;
}

.linksNuovoOggetto{
	margin:					0px 0px 0px 0px;
	font-size:				2.2ex;
	font-weight:			bold;
}

/* barra di paginazione */
.mover{
	width:				15px;
	height:				15px;
	font-weight:		bold;
	text-align:			center;
	vertical-align:		middle;
	margin:				0px 5px 0px 5px;
	padding:			2px 2px 2px 2px;
	color:				#000099;
	background-color:	#f5f5f5;
	border-width:		1px 1px 1px 1px;
	border-color:		#aaaaaa;
	border-style:		solid;
}

.mover:hover{
	color:				#f5f5f5;
	background-color:	#000099;
}

.moverPartial{
	color:				#994400;
	font-weight:		bold;
}

.moverTotal{
	color:				#990000;
	font-weight:		bold;
}

.moverSeparator{
	margin:				0px 10px 0px 10px;
	color:				#009900;
	font-weight:		bold;
}

/* caratteristiche pannelli di controllo */

.imageCellPannelloControllo{
	width:					30px;
	height:					30px;
	margin:					2px;
	padding:				0px;
	vertical-align:			middle;
	text-align:				center;
	background-color:		#ffffff;

	border-width:			1px 1px 1px 1px;
	border-style:			solid;
	border-color:			#8e8e8e;
}


imageCellPannelloControllo:hover{
	border-color:			#000000;
}

.linksPannelloControllo{
	width:					550px;
	margin:					2px;
	padding:				4px;
	vertical-align:			middle;
	background-color:		#e6e6e6;

	font-size:				1.4ex;
	font-weight:			bold;

	border-width:			1px 1px 1px 1px;
	border-style:			solid;
	border-color:			#8e8e8e;
}


/* caratteristiche links pagina template */
.templateLinks, .templateLinks:visited{
	margin:				0px;
	padding:			3px 8px 3px 8px;
	height:				100%;
	color:				#C73661;
	background-color:	#ffffff;
	vertical-align:		middle;
	text-align:			center;
	letter-spacing:		0.25ex;
	text-decoration:	none;
}

.templateLinks:hover{
	color:			#282828;
	background-color:	#EABBC9;
	text-decoration:	none;
}

.templateLinksCurrent{
	margin:				0px;
	padding:			3px 8px 3px 8px;
	height:				100%;
	color:				#000000;
	background-color:	#E6E6E6;
	vertical-align:		middle;
	text-align:			center;
	letter-spacing:		0.25ex;
	text-decoration:	none;
}

.sfondoLinksDownloads{
	width: 100%;
	background-color: 	#FFFFFF;
	text-align: 		left;
	padding: 		0px;
	background-image:	url(../../images/tips/sfondoLinksDownloads.gif);	
	background-repeat: 	no-repeat;
	background-position:	top right;
}

.templateSlideTable{
	display:			none;
	width:				100%;
	margin:				0px 0px 0px 0px;
	background-color:	#E6E6E6;
}

.templateSlideCell{
	font-size:			1.4ex;
	padding:		3px 0px 5px 8px;
}

.templateSlideCellLink{
	display:			block;
	margin:		5px;
	font-style:	normal;
}

.templateSlideTitle{
	font-size:			2.1ex;
	font-style:			italic;
	color:				#999999;
	letter-spacing:		0.25ex;
}

#templatePathBar{
	margin:				0px 10px 5px 5px;
	padding:			5px 5px 5px 10px;
	
	color:				#2E2E2E;
	
	border-width:		0px 0px 1px 0px;
	border-color:		#B7B7B7;
	border-style:		solid;
}

#templateTitleBar{
	font-family:			Arial, Helvetica, sans-serif;
	margin:				0px 0px 0px 10px;
	padding:			5px 5px 5px 5px;
	color:				#336699;
	font-size:			3.5ex;
	font-weight:		bold;
	border-width:		0px 0px 0px 0px;
	border-color:		#cccccc;
	border-style:		solid;
}

#templateMainImage{
	margin:				0px 0px 0px 0px;
	padding:			6px;
	text-align:			center;
}

#templateAbstract{
	padding:			5px 5px 5px 5px;
	margin:				0px 15px 0px 0px;
	color:				#4A4A4A;
	vertical-align:		top;
	font-size:			1.5ex;
	text-align:			justify;

	border-width:		0px 0px 1px 0px;
	border-color:		#E2E2E2;
	border-style:		solid;

}

#templateArchivio{
	padding:			7px;
	color:				#E5BFBF;
	vertical-align:		top;
	font-size:			1.4ex;
}

#templateBottomLinkDownload{
	padding:			5px 5px 5px 5px;
	color:				#494949;
	vertical-align:		top;
	font-size:			1.5ex;
}

#templateText{
	padding:			5px 8px 5px 8px;
	color:				#2E2E2E;
	vertical-align:		top;
	font-size:			1.6ex;

	border-width:		0px 0px 1px 0px;
	border-color:		#E2E2E2;
	border-style:		solid;
	text-align:			justify;
}


#templateNoteTitle{
	width:				100%;
	color:				#C73661;
	font-style:			normal;
	font-size:			2.2ex;
	font-weight:		bold;
}

#templateNote{
	margin:				0px 8px 0px 8px;
	padding:			0px 10px 10px 10px;
	color:				#676767;
	font-style:			italic;
	border-width:		0px 0px 1px 0px;
	border-color:		#E2E2E2;
	border-style:		solid;
	text-align:			justify;
}

#templateNoteNews{
	margin:				0px 8px 0px 8px;
	padding:			10px 5px 15px 10px;
	color:				#676767;
	border-width:		0px 0px 1px 0px;
	border-color:		#E2E2E2;
	border-style:		solid;
	text-align:			justify;
}


/*  stili per le esercitazioni on-line  */

.PossibleAnswers{
	border-width: 0px 0px 1px 0px;
	border-color: #DDDDDD;
	border-style: solid;
	
	padding:	2px 0px 3px 8px;
}

.ImagesAnswersCell{
	padding:	10px;
	text-align: center;
}

.ImagesAnswers{
	border-width: 	1px;
	border-color: 	#808080;
	border-style: 	solid;
}

.risultatiEsercitazione{
	padding:	10px 5px 5px 5px;
	color:		#F4003F;

	font-size:			1.5ex;
	font-weight:		bold;
	background-color:	#FFFFFF;		
}

/* stili per include numero 4 */

.abbonati{
	padding:				7px 5px 3px 3px;
	font-size:				1.9ex;
	color:					#616161;
	text-align:			right;
	background-color:			#E1E90F;
	width:			125px;
	height:			63px;
	background-image:	url(../../images/sfondi/abbonati-sfondo.gif);
	background-repeat: 	no-repeat;
	background-position: 	right;

	float:				left;

	border-width:		0px 0px 0px 1px;
	border-style:		solid;
	border-color:		#FFFFFF;

}

.abbonati:hover{
	color:					#616161;
	background-color:	#D2D924;
	text-decoration:	none;
}


.downloadArea{
	padding:				7px 5px 3px 3px;
	font-size:				1.9ex;
	color:					#FFFFFF;
	text-align:			right;
	background-color:			#32728D;
	width:			125px;
	height:			55px;
	background-image:	url(../../images/sfondi/download-sfondo.gif);
	background-repeat: 	no-repeat;
	background-position: 	right;

	float:				left;

	border-width:		1px 0px 0px 1px;
	border-style:		solid;
	border-color:		#FFFFFF;

}

.downloadArea:hover{
	color:					#C4C4CF;
	background-color:	#26586D;
	text-decoration:	none;
}

.tutteNews{
	padding:				7px 5px 3px 3px;
	font-size:				1.9ex;
	color:					#FFFFFF;
	text-align:			right;
	background-color:			#4A90AF;
	width:			125px;
	height:			55px;
	background-image:	url(../../images/sfondi/download-sfondo.gif);
	background-repeat: 	no-repeat;
	background-position: 	right;

	float:				left;

	border-width:		1px 0px 0px 1px;
	border-style:		solid;
	border-color:		#FFFFFF;

}

.tutteNews:hover{
	color:					#C4C4CF;
	background-color:	#32728D;
	text-decoration:	none;
}

.tuttiLink{
	padding:				7px 5px 3px 3px;
	font-size:				1.9ex;
	color:					#FFFFFF;
	text-align:			right;
	background-color:			#7BB3CC;
	width:			125px;
	height:			55px;
	background-image:	url(../../images/sfondi/download-sfondo.gif);
	background-repeat: 	no-repeat;
	background-position: 	right;

	float:				left;

	border-width:		1px 0px 0px 1px;
	border-style:		solid;
	border-color:		#FFFFFF;

}

.tuttiLink:hover{
	color:					#C4C4CF;
	background-color:	#4A90AF;
	text-decoration:	none;
}

.tuttiLink02{
	padding:				7px 5px 3px 3px;
	font-size:				1.9ex;
	color:					#FFFFFF;
	text-align:			right;
	background-color:			#8AC4DE;
	width:			125px;
	height:			55px;
	background-image:	url(../../images/sfondi/download-sfondo.gif);
	background-repeat: 	no-repeat;
	background-position: 	right;

	float:				left;

	border-width:		1px 0px 0px 1px;
	border-style:		solid;
	border-color:		#FFFFFF;

}

.tuttiLink02:hover{
	color:					#C4C4CF;
	background-color:	#7BB3CC;
	text-decoration:	none;
}

.tuttiLink03{
	padding:				7px 5px 3px 3px;
	font-size:				1.9ex;
	color:					#FFFFFF;
	text-align:			right;
	background-color:			#8ED5F5;
	width:			125px;
	height:			55px;
	background-image:	url(../../images/sfondi/download-sfondo.gif);
	background-repeat: 	no-repeat;
	background-position: 	right;

	float:				left;

	border-width:		1px 0px 0px 1px;
	border-style:		solid;
	border-color:		#FFFFFF;

}

.tuttiLink03:hover{
	color:					#C4C4CF;
	background-color:	#8AC4DE;
	text-decoration:	none;
}

/* usato per identificare eventi attivi, scaduti o di prossima scadenza */


#always{
	color:				#000EC9;
}

#dead{
	color:				#D50000;
}

#inCourse{
	color:				#1BA600;
}