<style>
	.gm-style-cc{display:none}	
	body{
		margin:0;
		padding:0;
		width: 100%;
		color: #ffffff;
		background-image: url(./Immagini/DwSfOriz.jpg);
	}

	#testa{
		position: fixed; top: 0; z-index:2;
		width: 100%; height: 200px;
		background-color: #000099; color: #ffffff;
	}

	#piede{
		position: fixed; bottom: 0;
		width: 100%; background-color: #000099;
		padding: 5px;
		font-family: Arial, Verdana, sans-serif;
		font-size: medium;
		font-weight: bold;
		letter-spacing:1px;
		color: #ffef01;
		text-align: center;
	}
	#containerHome{
		margin: 40% auto;
	/*	max-width: 400px;	 */	
		width:60%;
		padding: 4%;
		font-size:xx-large;
		text-align: center;
		background-color: #323221; opacity: 0.8; filter: alpha(opacity=80); /* For IE8 and earlier */
	}

	#containerInfo{
		margin: 50%  auto;
		max-width: 700px;		
		width:96%;
		padding: 1%;
		font-size:xx-large;
		text-align: center;
		background-color: #323221; opacity: 0.8; filter: alpha(opacity=80); /* For IE8 and earlier */
	}

	#containerVarie{
		margin: 300px  auto;
		width:80%;
		padding: 1%;
		font-size: xx-large;
		line-height: 1; 
		text-align: center;
		background-color: #323221; opacity: 0.8; filter: alpha(opacity=80); /* For IE8 and earlier */
	}
	#containerVarie a
	{
		text-decoration: none;
		color: #ffffff;
	}

	#containerVarie a:hover
	{
		font-weight: bold;
	}

	#main{
		display:block;
     		margin:0px auto;	
		width: 850px; height:680px;
		max-width: 100%;
		background-size: contain; background-repeat: no-repeat; background-image:url(./LogoElidia.jpg);
	}
	#foot{
		margin: 0px auto;
			padding: 10px;
			max-width: 850px;
			width:96%;
	}

	#titolo{
		display: block; 
		position: absolute; top: 3px; right: 18%;
		width: 50%;
		text-align: center;
	}
	#scritta{
		width:65%;
	}

	#logo{
		position: absolute; top:2px; left: 5px;
		width: 180px;
		margin: 10px;
	}

	#carto{
		position: relative; top: -45px;
		 font-weight: bold;
		font-size: large;
		background-color: #000099;
	}
	#orari{
		float: right; display: block;
	}

	#menuToggle a
	{
		text-decoration: none;
		color: #ffffff;
		 transition: color 0.3s ease; 
	}

	#menuToggle a:hover
	{
		 color: #ffff00;
		text-decoration: underline;
	}

	input#menuChe {
		display:none;
	}

	label[for="menuChe"] {
		display: none;
	} 

	#spX
	{
		display: none; 
	}

	#menuOpen
	{
		list-style-type: none;
		width: 50%; 
		position: relative; top: 10px; left: 5px;
	}

	#menuOpen li
	{
		padding: 3px;
		font-size:150%;
		font-weight: bold;
		display:inline;
	} 

div #hzmenu {
/*		width: 100%;
		position: relative; top: 140px;
		margin: 0, auto;
		padding: 0;
		width: 100%;  */
		position: relative; left: 10%; top: 140px;
float: left;
		margin: 0, auto;
		padding: 0;
		 -webkit-user-select: none;
		user-select: none;

}

div #hzmenu ul {
		text-align: center;
		margin-left: 15%;
width: 800px;
		list-style-type: none;
}

div #hzmenu li
{
margin: 20px;
display: inline;
font-size:xx-large;
 background: #000099; 
}

div #hzmenu a
{
display: inline-block;
padding: 4px;
color: #ffffff;
font-weight: bold;
text-decoration: none;
}
div #hzmenu a:hover
{
color: #ffef01;
text-decoration: underline;
}

div #hzmenu li ul
{
display: none
}

div #hzmenu li:hover ul
{
display: block;
}

div #hormenu li li { border:none; width:150px; }
div #hormenu li li a { padding:2px 2px 2px 10px; }


.mymenu ul a:hover,
.mymenu ul a:focus,
.mymenu ul a:active{
background-color: #000099;
color: #ffffff; /* colore del testo al rollover */
text-decoration: none;
}
.mymenu ul li ul {
display: none;
}
.mymenu ul li:hover ul {
display: block;
position: absolute;
z-index:1;
width:140px;
padding: 0;
margin: 0 0 0 -1px;
border:1px solid #009;
font-size:.8em;
}
.mymenu li li {
border-bottom:0px solid 009;
width: 140px;
}

	th, td {
 		border-bottom: 1px solid #ddd;
		padding: 6px;
		color: #ffffff;
	}

	#colSx
	{
		text-align: left;
	}

	#colDx
	{
		text-align: right;
	}

</style>