@import url("font.css");

/* --------------------------------------------------------------------
	.:AM:.
	giugno 2006
-------------------------------------------------------------------- */
body {
	font: 90% "Trebuchet MS", Verdana, sans-serif;
	color: #CCC00;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: center;
	background: url(../../images/sfondo_reserved_area.gif) repeat;
}

#principale {
	width: 90%;
	margin: 0 auto 0 auto;
	border-left: 3px solid #9EFF3E;
	border-right: 3px solid #9EFF3E;
	background-color: rgb(255, 255, 255);
}

#contenuto {
	background-color: rgb(255, 255, 255);
	width: 100%;
	margin: 0 2px 0 2px;
	text-align: left;
	clear: both;
}

/* Header
---------------------------------------------------------------------*/
#header {
	width: 100%;
	min-height: 50px;
	height: auto !important;
	height: 50px;
	background-color: rgb(255, 255, 255);
	border-bottom: 1px solid #009999;
	text-align:left; 
	clear: both;
}

/* Percorso
---------------------------------------------------------------------*/
#percorso {
	width: 100%;
	padding: 1em 0 1em 0;
	border-bottom: 1px solid #009999;
	text-align: left;
	clear: both;
}

#elemento {
	width: 100%;
	border-top: 1px solid #009999;
	border-bottom: 1px solid #009999;
	margin-bottom: 2px;
	background-color: rgb(255, 255, 255);
	clear: both;
}

#move {
	float: left;
	width: 20%;
	padding-top: 4px;
	text-align: left;
	background-color: rgb(255, 255, 255);
}

#dati {
	float: right;
	width: 74%;
	min-height: 120px;
	height: auto !important;
	height: 120px;
	background: rgb(255, 255, 255);
	border-left: 1px solid #009999;
	padding: 4px;
	text-align: left;
	background-color: rgb(255, 255, 255);
}

#torna {
	width: 100%;
	margin-top: 5px;
	padding-top: 5px;
	border-top: 1px solid #009999;
	background-color: rgb(255, 255, 255);
	clear: both;

}

/* Colonna SX menu
---------------------------------------------------------------------*/
#menu {
	float: left;
	width: 20%;
	margin: 0;
	/*padding: 1em 0 0 0;*/
	text-align: left;
	background-color: rgb(255, 255, 255);
	clear: left;
}

ul.menu li { 
	list-style: square;
	margin: 0;
	padding: 0;
}

li#selezionato { 
	list-style: none;
	margin: 0;
	padding: 0;
	color: rgb(255, 255, 255);
	background-color: #009999;
	border: 1px solid #009999;
}

ul.action li { 
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.elencocategorie { 
	list-style: none;
	margin: 0;
	padding: 0;
}

li.elencocategorie { 
	list-style: none;
	margin: 0;
	padding: 0;
}

/* Colonna contenuto
 ---------------------------------------------------------------------*/
#colcontenuto {
	width: 72%;
	float: left;
	min-height: 400px;
	height: auto !important;
	height: 400px;
	padding: 1em 0 1em 4em;
	border-left: 1px solid #009999;
	background-color: rgb(255, 255, 255);
}


.informa{ 
	width: 90%;
	font-size: 80%; 
	border: 1px dotted rgb(0, 0, 0);
	background-color: rgb(204,204,204);
	padding: 0 10px 5px 10px;
	margin-bottom: 20px;
	text-align: left;
	clear: both;
}
/*elenco puntato nel box informazioni*/
.informa li{
list-style-type: none;
}


/* Colonna Centrale - la uso solo se voglio 3 colonne
---------------------------------------------------------------------*/
#centro {
	width: 50%;
	float: left;
	min-height: 200px;
	height: auto !important;
	height: 200px;
	padding-left: 5px;
	padding-right: 20px;
	border-left: 1px dotted #009999;
	background-color: rgb(255, 255, 255);
}

/* Colonna DX -  la uso solo se voglio 3 colonne
---------------------------------------------------------------------*/
#right {
	width: 20%;
	float: right;
	min-height: 200px;
	height: auto !important;
	height: 200px;
	padding-left: 5px;
	border-left: 1px dotted #009999;
	text-align: center;
	background-color: rgb(255, 255, 255);
}

/* Footer
---------------------------------------------------------------------*/
#footer {
	clear: both;
	padding: 5px 0 10px 0;
	background: rgb(255, 255, 255);
	border-top: 1px solid #009999;
	background-color: rgb(255, 255, 255);
	text-align: right;
}