html,body  {
	padding: 0;
	text-align: left; /* centra il contenitore nei browser IE 5*. Il testo viene quindi impostato con l'allineamento predefinito a sinistra nel selettore #container */
	color: #000000;
	margin: 0;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	background-color: #FFFFFF;
}
img {
border: 0px;
}
body p {
	padding: 0;
	margin: 0;
}
#container {
	background-image:url(../images/icons/mondo.png);
	background-repeat: no-repeat;
	background-position: 600px 350px;
	position: relative;
	width: 1050px;
}

/* Suggerimenti per i layout elastici 
1. Poiché le dimensioni generali dei layout elastici sono basate sulla dimensione predefinita del carattere dell'utente, il risultato di questi layout è meno prevedibile. Se usati correttamente, risultano più accessibili per gli utenti che hanno bisogno di visualizzare i caratteri con dimensioni maggiori, perché la lunghezza delle righe rimane proporzionale.
2. Le dimensioni dei div di questo layout sono basate sul 100% della dimensione del carattere nell'elemento body. Se si riduce la dimensione generale del testo specificando font-size: 80% nell'elemento body o in #container, ricordarsi che l'intero layout si ridurrà in proporzione. Per compensare eventualmente questo effetto, si può aumentare la larghezza dei vari div.
3. Se le dimensioni dei caratteri vengono modificate in modo diverso per ogni div anziché a livello globale (ovvero, se si assegna a #sidebar1 una dimensione di carattere del 70% e a #mainContent dell'85%), le dimensioni generali di ciascun div verranno modificate in modo proporzionale. È possibile adattare il risultato in base alle dimensioni finali dei caratteri.
*/
.dueColonneTestata #contenitore {
	width: 950px;  
	background: #FFFFFF;
	text-align: left; 
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
} 
.dueColonneTestata #testata {
	padding: 0 10px;  
	background-color: #FFFFFF;
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
	background-position: right;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 2px;
	border-left-width: 0px;
	border-top-style: none;
	border-bottom-style: solid;
	border-right-style: none;
	border-left-style: none;
	height: 60px;
	border-bottom-color: #000099;
} 
.dueColonneTestata #testata h1 {
	margin: 0; 
	padding: 10px 0; 
}

.dueColonneTestata #sidebar1 {
	float: left;
	width: 200px;
	background-color: #6982DA;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #000099;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}
.dueColonneTestata #sidebar1 h3, .dueColonneTestata #sidebar1 p {
	margin-left: 10px; 
	margin-right: 10px;
}

.dueColonneTestata #pagina {
	margin-top: 10px;
	margin-right: 25px;
	margin-bottom: 0px;
	margin-left: 217px;
	padding-top: 40px;
	padding-left: 20px;
	z-index: auto;
} 
.dueColonneTestata #infoPagina {
	margin-top: 20px;
	margin-right: 25px;
	margin-bottom: 20px;
	margin-left: 217px;
	background-image: url(../images/icons/infoabout16.png);
	background-repeat: no-repeat;
	background-position: 5px center;
	border-bottom-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-indent: 25px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	background-color: #FFFFCC;
	font-size: 120%;
}
.dueColonneTestata #piede { 
	padding: 0 10px; 
	background:#DDDDDD;
} 
.dueColonneTestata #piede p {
	margin: 0; 
	padding: 10px 0; 
}

/* Classi varie riutilizzabili */
.fltrt { /* questa classe può essere utilizzata per rendere mobile un elemento a destra nella pagina. L'elemento reso mobile deve precedere l'elemento al quale deve essere affiancato sulla pagina. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* questa classe può essere utilizzata per rendere mobile un elemento a sinistra nella pagina.*/
	float: left;
	margin-right: 8px;
}
.clearfloat { /* questa classe deve essere inserita in un elemento div o break e deve essere l'elemento finale prima della chiusura di un contenitore che deve contenere per intero un elemento mobile */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.nomeApplicazione {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: large;
	font-weight: bold;
	padding-top: 10px;
	color: #666666;
	padding-left: 5px;
}

.nomeUtente {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	padding-top: 5px;
	color: #000000;
	padding-left: 5px;
	position: relative;
	text-align: left;
	background-image: url(../images/icons/user16.png);
	background-repeat: no-repeat;
	background-position: 4px;
	text-indent: 17px;
}
.tasti_primapagina {
	background-repeat: no-repeat;
	background-position: center 7px;
	height: 30px;
	width: 120px;
	text-align: center;
	vertical-align: bottom;
	padding-top: 55px;
    cursor: pointer;
	float:left;
}
.tasti_primapagina a {
text-decoration:none;
color:#000000;
}
div#pagine_tasto {
	background-image: url(../images/icons/file.png);
}
div#moduli_tasto {
	background-image: url(../images/icons/textfile.png);
}
div#gallerie_tasto {
	background-image: url(../images/icons/pictures.png);
}

div#acronimi_tasto {
	background-image: url(../images/icons/chat.png);
}
div#newsletter_tasto {
	background-image: url(../images/icons/mail.png);
}
div#newsletter_iscritti_tasto {
	background-image: url(../images/icons/userid.png);
}
div#newsletter_setup_tasto {
	background-image: url(../images/icons/configure.png);
}

div#statistiche_tasto {
	background-image: url(../images/icons/stats.png);
}

div#grafica_tasto {
	background-image: url(../images/icons/paint.png);

}
div#impostazioni_tasto {
	background-image: url(../images/icons/app.png);
}

div#utenti_tasto {
	background-image: url(../images/icons/groupofusers.png);
}

div#aiuto_tasto {
	background-image: url(../images/icons/help.png);
}

div#cestino_tasto {
	background-image: url(../images/icons/trash.png);
}
div#cestinopieno_tasto {
	background-image: url(../images/icons/trashb.png);
}
div#indietro_tasto {
	background-image: url(../images/icons/back.png);
}
div#home_tasto {
	background-image: url(../images/icons/home.png);
}
div#moduli_tasto {
	background-image: url(../images/icons/documentsorcopy.png);
}
div#uscita_tasto {
	background-image: url(../images/icons/close.png);
}
div#siti_tasto {
	background-image: url(../images/icons/windowb.png);
}
div#utilizzatori_tasto {
	background-image: url(../images/icons/userid.png);
}
div#strutture_tasto {
	background-image: url(../images/icons/home.png);
}

.pulsante {
	cursor: pointer;
	width: 100px;
	height: 27px;
	float: right;
	position: relative;
	background-color: #CCCCCC;
	border: 1px solid #666666;
	background-position: center center;
	font-weight: normal;
	font-size:15px;
	padding-top: 10px;
	margin-right: 25px;
}
.aiuto {
	background-color: #FFFFCC;
	background-image: url(../images/icons/help24.png);
	background-repeat: no-repeat;
	margin: 15px;
	padding: 15px;
	text-indent: 15px;
	border: 1px dashed #000000;
	background-position: 5px 5px;
}
.orologio {
	background-color: #CCFFCC;
	background-image: url(../images/icons/clock24.png);
	background-repeat: no-repeat;
	margin: 15px;
	text-indent: 15px;
	border: 1px dashed #000000;
	background-position: 5px 5px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
}
.sito {
	background-color: #FFCCFF;
	background-image: url(../images/icons/windowb24.png);
	background-repeat: no-repeat;
	margin: 15px;
	border: 1px dashed #000000;
	background-position: 5px 5px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 30px;
}
	
	/* This is the box that is parent to the dragable items */
	#dragableElementsParentBox{
	padding:10px;
	zoom: 1;
	}
	
	.smallArticle,.bigArticle{
	float:left;
	border:1px solid #000;
	background-color:#FFFFFF;
	padding:2px;
	margin-right:10px;
	margin-bottom:2px;
	vertical-align: middle;
	}
	.smallArticle img,.bigArticle img{
		float:left;
		padding:2px;
	}
	.smallArticle .rightImage,.bigArticle .rightImage{
		float:right;
	}
	.smallArticle{
		width:274px;		
	}
	.bigArticle{
	width:100%;
	color: #000000;
	}
	.bigArticle a{
	text-decoration:none;
	font-weight:bold;
	font-size: 14px;
	color: #000000;
	}
	.clear{
		clear:both;
	}
	
	/* END DEMO CSS */
	
	/* REQUIRED CSS */
	
	#rectangle{
		float:left;
		border:1px dotted #F00;	/* Red border */
		background-color:#FFF;
	}
	#insertionMarker{	/* Don't change the rules for the insertionMarker */
		width:6px;
		position:absolute;
		display:none;
	}
	#insertionMarker img{	/* Don't change the rules for the insertionMarker */
		float:left;
	}		
	#dragDropMoveLayer{	/* Dragable layer - Not need if you're using 'rectangle' mode */
	position:absolute;
	display:none;
	border:1px solid #000;
	filter:alpha(opacity=50);	/* 50% opacity , i.e. transparency */
	opacity:0.5;	/* 50% opacity , i.e. transparency */
	background-color: #CCCCCC;
	width:600px;
	}
	
	/* END REQUIRED CSS */

	#strutturaPagineContenitore{
	position: relative;
	background-repeat: no-repeat;
	margin-bottom: 20px;
	zoom: 1;
	}
	
	.strutturaPagine{
	position: relative;
	background-repeat: no-repeat;
	padding-top:3px;
	padding-left:35px;
	height:15px;
	}
	
	#strutturaPagine1 {
	margin-left: 0px;
	background-image:url(../images/icons/home_folder.png);
	padding-left:23px;
	}
	#strutturaPagine2 {
	margin-left: 6px;
	background-image:url(../images/icons/parent_folder.png);
	}
	#strutturaPagine3 {
	margin-left: 24px;
	background-image:url(../images/icons/parent_folder.png);
	}
	#strutturaPagine4 {
	margin-left: 42px;
	background-image:url(../images/icons/parent_folder.png);
	}
	#strutturaPagine5 {
	margin-left: 60px;
	background-image:url(../images/icons/parent_folder.png);
	}
	#strutturaPagine6 {
	margin-left: 78px;
	background-image:url(../images/icons/parent_folder.png);
	}

.sceltaGrafica {
	height: 190px;
	width: 230px;
	cursor: pointer;
	float:left;
	border: thin solid #999999;
	margin-top: 5px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
	padding: 10px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
	background-color: #FFFFFF;
	z-index: auto;
}	
.sceltaGrafica_attivo {
	height: 190px;
	width: 230px;
	border: thin solid #999999;
	margin-top: 5px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
	padding: 10px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
	background-color: #FFFFFF;
	z-index: auto;
}	
#login {
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 220px;

}
.footer {
	position: relative;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #000099;
	background-color: #CCCCCC;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #000099;
	clear: both;
	margin: 0px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 15px;
	padding-left: 5px;
}
.contenitore_ {
	width: 950px;
	overflow: visible;
}
#spalla_ {
	width: 200px;
	background-color: #FFCC33;
	float: left;
	clear:inherit;
}
#testata_ {
	background-color: #CC0000;
	height: 60px;
}
#pagina_ {
	background-color: #CCCCCC;
	width: 750px;
	float: left;
}
#piede_ {
	background-color: #CC33FF;
	height: 60px;
}
#testo_modulo {
width: 300px;
}

/* TREE FOLDER MENU */

	.dhtmlgoodies_tree{
		margin:0px;
		padding:0px;
	}
	.dhtmlgoodies_tree ul{	/* Sub menu groups */
		margin-left:20px;	/* Left spacing */
		padding-left:0px;
		display:none;	/* Initially hide sub nodes */
		vertical-align:top;		
	}
	.dhtmlgoodies_tree li{	/* Nodes */
		list-style-type:none;
		vertical-align:top;		
	}
	.dhtmlgoodies_tree li a{	/* Node links */
		color:#000;
		text-decoration:none;
		padding-left:1px;
		vertical-align:top;		
		font-size:12px;
	}
	#infoTree {
		margin-top: 10px;
		margin-right: 10px;
		margin-bottom: 10px;
		margin-left: 10px;
		background-image: url(../images/icons/infoabout16.png);
		background-repeat: no-repeat;
		background-position: 5px center;
		border-bottom-width: 0px;
		border-top-style: none;
		border-right-style: none;
		border-bottom-style: none;
		border-left-style: none;
		text-indent: 25px;
		border-top-width: 0px;
		border-right-width: 0px;
		border-left-width: 0px;
		padding-top: 5px;
		padding-right: 5px;
		padding-bottom: 5px;
		padding-left: 5px;
		background-color: #FFFFCC;
		font-size: 120%;
	}
	
	#contextMenu{	/* The menu container */
		border:1px solid #202867;	/* Border around the entire menu */
		background-color:#FFF;	/* White background color of the menu */
		margin:0px;
		padding:0px;
		width:175px;	/* Width of context menu */
		font-family:arial;
		font-size:12px;
		background-image:url('../images/gradient.gif');
		background-repeat:repeat-y;
		
		/* Never change these two values */
		display:none;
		position:absolute;

	}
	#contextMenu a{	/* Links in the context menu */
		color: #000;
		text-decoration:none;
		line-height:25px;
		vertical-align:middle;	
		height:28px;
		
		/* Don't change these 3 values */
		display:block;	
		width:100%;
		clear:both;
		
	}
	#contextMenu li{	/* Each menu item */
		list-style-type:none;
		padding:1px;
		margin:1px;
		cursor:pointer;	
		clear:both;
	}
	#contextMenu li div{	/* Dynamically created divs */
		cursor:pointer;	
	}
	#contextMenu .contextMenuHighlighted{	/* Highlighted context menu item */
		border:1px solid #000;
		padding:0px;
		background-color:#E2EBED;
	
	}
	#contextMenu img{
		border:0px;
	}
	#contextMenu .imageBox{	/* Dynamically created divs for images in the menu */

		float:left;
		padding-left:2px;
		padding-top:3px;
		vertical-align:middle;
		
		width: 30px;	/* IE 5.x */
		width/* */:/**/28px;	/* Other browsers */
		width: /**/28px;
	}
	#contextMenu .itemTxt{
		float:left;		
		width: 120px;	/* IE 5.x */
		width/* */:/**/140px;	/* Other browsers */
		width: /**/140px;		
	}
#box_cal_settimanale{
width:1050px;
}
#col_cal_settimanale{
width:100px;
float:left;
margin-left:5px;
}
#col_cal_settimanale_x{
width:30px;
float:left;
margin-left:5px;
}
.testata_cal_settimanale_x{
width:95px;
height:40px;
background-color:#999999;
color:#EBEBEB;
margin-bottom:5px;
padding-left:5px;
float:left;
border: 1px solid #666666;
cursor: pointer;
font-size:16px;
font-weight:bold;
}
#testata_cal_settimanale_y{
width:30px;
height:30px;
background-color:#999999;
margin-bottom:5px;
float:left;
border: 1px solid #666666;
}
#testata_cal_settimanale_z{
width:30px;
height:40px;
background-color:#999999;
margin-bottom:5px;
float:left;
border: 1px solid #666666;
}
.contenuto_cal_settimanale_occupato{
width:100px;
height:30px;
background-color:#FFA6A8;
margin-bottom:5px;
float:left;
cursor: pointer;
border: 1px solid #666666;
}
.contenuto_cal_settimanale_libero{
width:100px;
height:30px;
background-color:#A8FFBE;
margin-bottom:5px;
float:left;
cursor: pointer;
border: 1px solid #666666;
}
#contenuto_cal_settimanale_nodisp{
width:100px;
height:30px;
background-color:#F4F4F4;
margin-bottom:5px;
float:left;
border: 1px solid #666666;
}