*, html{margin:0;padding:0;}




body
	{
		margin:20px auto;
		font-size:70%;
		text-align:left;
		background-color:#ffffff;
		max-width:850px;
		color: #333;	
		font-family: Arial, Verdana,'Trebuchet ms', Tahoma, Geneva,  Helvetica, sans-serif;
		line-height: 1.35em; 
	}

a:link, a:visited {color:#87b311;text-decoration:underline;}

a:hover, a:focus, a:active {text-decoration:none;}

h1, h2, h3, h4, h5, h6{color:#690;}

h3
	{
		font-size:1em;
		margin:0px;
		padding:0px;
	}

h4
	{
		font-size:0.9em;
		margin:0px;
		padding:0px;
	}

p, ul li
	{
		font-size:13px;
		margin-top:10px;
		margin-bottom:10px;
		
	}

/*Header*/
header#title
		{
			display:block;
			margin:0 0 15px 0px;
		}

header#title h1 {
			color:#690;
			font-size:1em;
		}

/*Barra di navigazione*/

nav#Menu 
	{
		display:block;
		height:35px;
		background-color:#6e6e6e;
		margin:0 0 8px 0;
		border:1px solid #000000;
	}

nav#Menu ul 
	{
		list-style:none;
		height:35px;
		line-height:35px;
		margin:0;
	}

nav#Menu ul li 
		{
			display:inline;

		}

nav#Menu ul li a
		{
			padding:0 25px;
			border-right:1px solid #444;
			font-size:14px;
			display:block;
			display:inline;
			color:#f9f114;

		}
nav#Menu ul li a:hover
		{

			color:#22fb05;
		}

/*Contenuto della pagina*/

/*Nell'article Presentazione c'è una breve presentazione della pagina*/
section#Sito
			{
				background:#ffffff;
				padding:10px;
				position:relative;


			}
article#Presentazione
			{
				background:#ffffff;
				text-align:justify;

			}

section#Contenuto
			{
				display:block;
				border:0px solid #ddd;
				overflow:hidden;
				float:left;
				width:580px;

			}


/*L'article Prenotazione riguarda la prenotazione su Booking.com*/

article#Prenotazione 
			{
			
				display:block;
				background-color:#eee;
				float:left;
				width:550px;
			}




article#Prenotazione select
				{
					border-top: 1px solid #000000;
					border-left: 1px solid #000000;
					border-right: 1px solid #000000;
					border-bottom: 1px solid #000000;
					background-color: #cccccc;
					font-size:11px;
					width: 80px;
					margin:5px 10px 10px 0;
					text-align:center;
				}
article#Prenotazione .Ricerca 
					{
						width:260px;
						border-top: 1px solid #8c8c8c;
						border-left: 1px solid #8c8c8c;
						border-right: 1px solid #000000;
						border-bottom: 1px solid #000000;
						background-color: #cccccc;
						font-weight:bold;
					}
article#Prenotazione .Ricerca:hover 
					{
					width:260px;
					border-top: 1px solid #000000;
					border-left: 1px solid #000000;
					border-right: 1px solid #8c8c8c;
					border-bottom: 1px solid #8c8c8c;
					background-color: #2981bd;
					font-weight:bold;
					color:#ffffff;
					cursor:pointer;
					}

/*L'article Attrazioni riguarda le attrazioni ed i due box in cui gira il contenuti delle attrazioni*/
article#Attrazioni
			{

				display:block;
				background-color:#ffffff;
				float:left;
				width:570px;
			}

article.box-homepage
			{
				float:left;
				width:260px;
				border:1px solid #ddd;
				display:inline;
				padding:5px;
				margin:10px 5px 0 0;
				min-height:120px;
			}


article.box-homepage h4
			{
				padding:10px 0 0 10px;
			}

/*Barra destra contenente i comuni della provincia*/



.Comuni 
	{
		float:left;
		width:110px;
		padding:0 5px 0 0;
	}
.Comuni a
	{
	text-decoration:none;
	color:#000;
	}
.Comuni a:hover
		{
			color:#CC0000;
		}

section.BoxDX
		{
			display:block;
			margin:0 0 10px 0;
			border:0px solid #ddd;
			overflow:hidden;
			float:left;
			width:100%;
		}
aside 
	{
		display:block;
		width:250px;
		float:right;
	}

aside h3 
	{
		margin:0 0 5px 5px;
	}

aside ul 
	{
		margin:0 5px 10px 5px;
		list-style:none;
	}

aside ul li
		{

			padding:0 0 0 0px;
			margin:0 0 0 0;
		}

/*Creo la sezione di prenotazione nella barra laterale destra*/
aside section#Prenotazione
			{
				display:block;
				background-color:#eee;
				width:96%;
				display:block;
				margin:0 0 10px 0;
				border:1px solid #ddd;
				overflow:hidden;
				float:left;
				padding:5px 0 5px 10px;;
			}

aside section#Prenotazione select
				{
					border-top: 1px solid #000000;
					border-left: 1px solid #000000;
					border-right: 1px solid #000000;
					border-bottom: 1px solid #000000;
					background-color: #cccccc;
					font-size:14px;
					width: 60px;
					margin:5px 10px 10px 0;
					text-align:center;
				}
aside section#Prenotazione .Ricerca
					{
						width:200px;
						border-top: 1px solid #8c8c8c;
						border-left: 1px solid #8c8c8c;
						border-right: 1px solid #000000;
						border-bottom: 1px solid #000000;
						background-color: #cccccc;
						font-weight:bold;
					}


/*Creo la tabella per visualizzare le categorie della directory*/

section#Contenuto .Cella
			{
				display:inline;
				margin:15px;
				min-width:30px;
			}

/*Form per i contatti*/

section#Contenuto form label
			{
				display:block;
				padding:5px 0;
				
			}

section#Contenuto form input , #page .box5 form textarea
							{
								border:0;
							}
section#Contenuto form input
				{
					width:350px;

					border:#d2d2d2 1px solid;
					background-color:#f2f2f2;
					margin:0;
					padding:5px;
				}

section#Contenuto form select
				{
					width:350px;
					height:25px;
					border:#d2d2d2 1px solid;
					background-color:#f2f2f2;
					margin:0;
					padding:5px;
				}

section#Contenuto form textarea
				{
					width:360px;
					height:98px;
					background-color:#f2f2f2;
					border:#d2d2d2 1px solid;
				} 

section#Contenuto form .InviaForm
				{
					margin:10px 0;
					width:31%;
					height:30px;
					border-top: 1px solid #8c8c8c;
					border-left: 1px solid #8c8c8c;
					border-right: 1px solid #000000;
					border-bottom: 1px solid #000000;
					background-color: #f2f2f2;
					border:#d2d2d2 1px solid;
				}

/*Creo la tabella per la visualizzazione dei dati di un comune*/



section#Contenuto .labelDatiComune
			{
				display:inline;
				margin-right:10px;
				margin-bottom:10px;
				width:50px;
			}

section#Contenuto .CellaDatiComune
			{	display:inline;
				margin-right:10px;
				margin-left:10px;
				margin-bottom:10px;
				
				text-align:left;
		
				
			}
section#Contenuto .DescrizioneComune
					{
				margin-bottom:10px;
					}

/*Footer di pagina*/
footer
	{
	float:left;
	text-align: center;
	width:100%;
	color: #ffffff;
	background: #333333;
	height:30px;
	line-height:15px;
	}