body {
	font-family: "Trebuchet MS",  Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0px;
	margin: 0px;
	background-image: url(images/sfondo.gif);
	background-repeat: repeat-x;
	background-color: #222;
	color: #000000;
}

a:link, a:visited {
	color: #333;
	text-decoration: underline;
}
a:hover, a:active {
	color: #666;
	text-decoration: underline;
}


input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
form {
	padding: 0px;
	margin: 0px;
}

/* p { margin: 0px; padding: 10px; } */
p { margin: 20px 0px; }


h2, 
.titolo { font-size: 16px; font-weight: bold; padding: 7px; }

	h2 { font-size: 14px; color: #605648; }


#container {
	width: 960px;
	margin: auto;
}
	

#testata {
	height: 130px;
}
	#testata #logo { 
		width: 700px; 
		float: left;
	}
		#testata #logo img { border: 0px; margin: 31px 78px 0px; }
	#testata #wifi { 
		width: 64px; 
		float: left;
	}
	#testata #lingue { 
		width: 140px; 
		height: 25px;
		line-height: 25px;
		text-align: center;
		background-image: url(images/barra_trasp.png);
		background-repeat: no-repeat;
		background-position: center top;
		float: left;
	}
		#testata #lingue img { border: 0px; margin: 0px 3px; }
		
#barra_top {
	height: 35px;
	background-image: url(images/bordo_top.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}
	#barra_top a:link, #barra_top a:visited {
		background-color: #564430;
		display: block;
		float: right;
		margin-right: 20px;
		width: 200px;
		height: 23px;
		line-height: 23px;
		text-align: center;
		color: #978670;
		text-decoration: none;
	}
	#barra_top a:hover, #barra_top a:active {
		color: #fff;
		text-decoration: none;
	}
	
#testata_menu {
	margin: 1px 0px;
	background-color: #504940;
	height: 270px;
}
	#testata_menu #menu {
		width: 240px;
		height: 250px;
		overflow: hidden;		
		float: left;
		padding-top: 26px;
	}
		#testata_menu #menu a:link, #testata_menu #menu a:visited {
			display: block;
			height: 18px;
			line-height: 18px;
			font-family: "Palatino Linotype", Palatino, "Times New Roman", Times, serif;
			font-size: 14px;
			font-style: italic;
			color: #f2f2f2;
			text-decoration: none;
			margin: 5px 0px;
			padding: 0px 60px 0px 0px;
			text-align: right;
			background-image: url(images/point.gif);
			background-repeat: no-repeat;
			background-position: 190px 0px;
		}
		#testata_menu #menu a:hover, #testata_menu #menu a:active {
			color: #f2f2f2;
			text-decoration: none;
			background-color: #625c53;
		}
	#testata_menu #slideshow_container {
		width: 720px;
		height: 270px;
		overflow: hidden;
		float: left;
	}
		#testata_menu #slideshow_container img { border: 0px; width: 720px; height: 270px; }
		
#barra_bottom {
	background-color: #978670;
	padding: 3px 3px 0px 3px;
	border-top: 10px solid #473929;
}


#container_middle { background-color: #978670; }

	#container_middle #col1 {
		padding: 40px;
		width: 580px;
		float: left;
	}
	
	#container_middle #col2 {
		width: 300px;
		padding: 40px 0px;
		float: left;
	}
	
	#container_middle #colonna_unica {
		padding: 40px;
	}
	
	

#container_bottom {
	background-image: url(images/sfondo_bottom.gif);
	background-position: center bottom;
	height: 50px;
	border-bottom: 5px solid #444;
}

#footer { text-align: center; color: #f2f2f2; padding: 20px; }
		#footer a:link, #footer a:visited { color: #fff; }
		#footer a:hover, #footer a:active { color: #f60; }



	
.separatore { clear: both; height: 1px; overflow: hidden; line-height: 1px; font-size: 1px; }

.marrone {color: #663300;}



.box {
	background-image: url(images/box.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-color: #504940;
	margin-bottom: 40px;
}
	.box .icona {
		background-image: url(images/box.gif);
		background-repeat: no-repeat;
		background-position: left top;
		padding-top: 12px;
	}
	.box .icona img { width: 300px; /*height: 115px;*/ border: 0px; }
	.box p { padding: 22px; margin: 0px; color: #ccc; }
	.box a:link, .box a:visited { color: #fff; }
	.box a:hover, .box a:active { color: #ccc; }
	
	
/* una immagine singola */
p.box_img  {
	overflow: hidden;
}
	p.box_img img { border: 0px; }


/*
p.box_img_triade {

	width: 576px;
	height: 160px;
	margin-left: auto;
	margin-right: auto;
}
	p.box_img_triade a {
		display: block;
		width: 190px; 
		height: 160px;
		margin: 0 2px 0 0;
		overflow: hidden;
		float: left;
	}
		p.box_img_triade a img { border: 0px; }
		*/

/*
p.box_img_triade {

	width: 480px;
	height: 120px;
	margin-left: auto;
	margin-right: auto;
}
	p.box_img_triade a {
		display: block;
		width: 120px; 
		height: 120px;
		margin: 0 20px 0 20px;
		overflow: hidden;
		float: left;
	}
		p.box_img_triade a img { border: 0px; }
		*/
		

/* tre immagini in fila */
p.box_img_triade {
	overflow: hidden;
	height: 160px;
	margin-left: auto;
	margin-right: auto;
}
	p.box_img_triade a {
		display: block;
		width: 190px; 
		height: 160px;
		margin: 0;
		overflow: hidden;
		float: left;
	}
		p.box_img_triade a.img_centrale { margin: 0px 5px; } /* classe per l'elemento centrale */
		p.box_img_triade a img { border: 0px; }
		
		
/* tre immagini in fila LARGHE */
p.box_img_triade_larga {
	overflow: hidden;
	height: 115px;
	margin-left: auto;
	margin-right: auto;
}
	p.box_img_triade_larga a {
		display: block;
		width: 290px; 
		height: 115px;
		margin: 0;
		overflow: hidden;
		float: left;
	}
		p.box_img_triade_larga a.img_centrale { margin: 0px 5px; } /* classe per l'elemento centrale */
		p.box_img_triade_larga a img { border: 0px; }
	
	
/* dueimmagini in fila */
p.box_img_coppia {
	overflow: hidden;
	height: 200px;
	margin-left: auto;
	margin-right: auto;
}
	p.box_img_coppia a {
		display: block;
		width: 287px; 
		height: 200px;
		margin: 0;
		overflow: hidden;
		float: left;
	}
		p.box_img_coppia a.img_finale { margin-left: 5px; width: 288px; } /* classe per l'elemento finale */
		p.box_img_coppia a img { border: 0px; }

	


.prenotazione {
	background-color:#444444; 
	color:#f2f2f2;
	height: 57px;
	background-image: url(images/prenota_online.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 131px;
}
	.prenotazione .riga_pren {
		height: 28px;
		line-height: 28px;
	 }
	.prenotazione .riga_pren  .blocco_pren,
	.prenotazione .riga_pren  .blocco_pren_destra  {
		height: 28px;
		margin: 0px 8px;
	}
		
		.prenotazione .riga_pren  .blocco_pren { float: left; }
		.prenotazione .riga_pren  .blocco_pren_destra { float: right; }

			.prenotazione  .riga_pren .blocco_pren_destra input {
				font-family: Arial;
				font-size: 11px;
				border: solid 1px #000000;
				background-color: #CC6600;
				color: #FFFFFF;
				width:110px;
			}
	
	
.box_descrizione { 
	width: 240px;
	background-color: #867864;
	color: #333333;
	float: left;
	padding: 10px;
	margin-right: 20px;;
}



.box_camere {
	border: 1px dotted #605648;
	padding: 10px 10px 10px 310px;
	/* background-image: url(images/ico_camera_classic.jpg); */
	background-repeat: no-repeat;
	background-position: top left;
	margin-bottom: 40px;
}
	.box_camere  h2 {
		background-color: #605648;
		padding: 5px;
		margin: 0px;
		color: #FFFFFF;
		margin-bottom: 10px;
	}
	.box_camere .testo_camere { margin-bottom: 10px; text-align: justify; }
	.box_camere .mini_gallery {
		height: 110px;
	}
		.box_camere .mini_gallery a {
			display: block;
			text-decoration: none;
			margin: 0px;
			padding: 10px;
			width: 70px;
			height: 70px;
			overflow: hidden;
			float: left;
		}
			.box_camere .mini_gallery a img { border: 0px;}
			


.box_news {
	margin-top: 20px;
}
	.box_news_img {
		float: left;
		width:120px;
		height: 80px;
		padding-top: 2px;
		overflow: hidden;
	}
		.box_news_img img {
			border:0;
		}
	.box_news_testo {
		float:left;
		width: 460px;
		text-align: justify;
	}
	.box_news_titolo {
		color: #333;
		font-weight: bold;
		font-size: 14px;
	}
	
.box_news_footer {
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	margin-top: 40px;
	clear: both;
	padding: 10px;
	text-align: center;
	font-weight: bold;
}
	
.separatore {
	clear: both;
	height: 20px;
}