@charset "utf-8";
/* CSS Document */
body {
	margin: 0; /* è buona norma impostare a zero i valori margin e padding dell'elemento body per tenere conto delle diverse impostazioni predefinite dei browser*/
	padding: 0;
	text-align: center; /* centra il contenitore nei browser IE 5*. Il testo viene quindi impostato con l'allineamento predefinito a sinistra nel selettore #container */
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	background-color: #2c1e1d;
}
.oneColLiqCtrHdr #container {
	width: 80%;  /* crea un contenitore pari all'80% della larghezza del browser */
	background: #FFFFFF; /* i margini auto (insieme a una larghezza) centrano la pagina */
	border: 0px solid #000000;
	text-align: left; /* sostituisce l'impostazione text-align: center nell'elemento body. */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.oneColLiqCtrHdr #header {
	background: #DDDDDD;
	width: 100.01%;
}
.oneColLiqCtrHdr #container #header img {
	margin-bottom: -3px;
}
.oneColLiqCtrHdr #footer {
	float: left;
	padding-top: 0;
	/*padding-right: 0.5em;*/
	padding-bottom: 0;
	/*padding-left: -0.5em;*/
	clear: both;
	width: 100.01%;
	background-color: #51bcc2;
} 
.oneColLiqCtrHdr #container #mainContent p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: normal;
}
.spazio {
	height: 8%;
}

.oneColLiqCtrHdr #footer p {
	margin: 0; /* azzerando il valore margin del primo elemento del footer si evita il rischio di compressione del margine, con la creazione di uno spazio tra i div */
	padding: 1% 0; /* il padding di questo elemento crea uno spazio, così come avverrebbe specificando un valore margin, senza il problema della compressione del margine */
}
#navigazione {
	background: #2b1e1d none;
	margin-right: auto;
	margin-left: auto;
	padding-top: 3px;
	padding-right: 0.5em;
	padding-bottom: 3px;
	padding-left: 0.5em;
	color: #4ec8d3;
	float: left;
	width: 100%;
	position:relative;
} 
.oneColLiqCtrHdr #container #mainContent {
	position: static;
	background-color: #51bcc2;
	height: 70%;
}

ul#menu, ul.submenu{
    margin: 0;
    padding: 0;
    list-style: none;
}
.oneColLiqCtrHdr #container #mainContent p {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 18px;
	text-align: center;
	font-weight: bold;
}
.testo_panel {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
}

ul#menu li{
	font-size:.7em;
	float: left;
	/*width: 9em;*/				/* 144px*/
	width:14%;
	height: 40px;
	border: 1px solid #32727b;
	margin-right: .8em;		/* 3.2px*/
	color: #51bbc2;
	line-height:40px;			/*altezza di linea del testo; valore uguale a height per centrare verticalmente*/
	background-color: #2c1e1d;
	text-align: center;
	cursor:pointer;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: .85em;
	padding-right: 0px;
	padding-left: 0px;
}
/* hide the submenu */
li ul.submenu {
    display: none;
}
ul#menu li a{
	display: block;
	padding: 0px;
	float:none;
	width: 100%;
	text-decoration: none;
	color: #51bcc2;	
}
/* show the submenu */
ul#menu li:hover ul.submenu{
	display: block;
	position: absolute;
	float:left;
	z-index: 1000;
	font-size: 1.5em;
	/*margin-left: -8px;	/*Inserirlo se font-size: 0.9em;*/
}
ul#menu li:hover li,  ul#menu li:hover a {
	float: none;
	background: #397077;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px;
	
}
ul#menu li:hover li a:hover {
	background-color: brown;	/* colore hover submenu */
}

/*li:hover .submenu .submenu1 {
    display: none;
}*/
.submenu1 {
	display:none !important;
}
.submenu3 {
	display:none !important;
}

.submenu li:hover .submenu1 {
display: block !important;
position:absolute;
float:left;
z-index: 1000;
font-size: 1.6em;
top:42px; /*42px*/
left:127px;	/*123px*/
width:600%;
}

.submenu li:hover .submenu3 {
display: block !important;
position:absolute;
float:left;
z-index: 1000;
font-size: 1.6em;
top:2px;
left:127px;
width:600%;
}