body {
	background-color: #FFFFFF;
	padding: 0px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #f2f2f2;

}

input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
form {
padding:0;
margin:0;
}

#testata {
	background-color: #333;
}
.titolotop {
	padding: 20px 0px 10px 0px;
	height: 20px;
	line-height: 20px;
	font-size: 16px;
	font-weight: bold;
	color: #333;
	width: 900px;
	margin: auto;
}



.menu {
	margin-top: 20px;
	background-color: #d1d2d4;
}
	.menu a:link, .menu a:visited {
		display: block;
		padding: 7px;
		color: #333;
		text-decoration: none;
		margin-right: 15px;
		font-weight: bold;
	}
	.menu a:hover, .menu a:active {
		color: #333;
		text-decoration: none;
		background-color: #fff;
	}

a:link, a:visited {
	color: #666666;
	text-decoration: underline;
}
a:hover, a:active {
	color: #000000;
	text-decoration: underline;
}
	

a.menu-balarte,
a.menu-camere,
a.menu-hall,
a.menu-living {
	display:block;
	position: relative;
	width: 400px;
	height: 170px;
	background-color: #bcbec0;
	color: #333;
	background-position: left top;
	background-repeat: no-repeat;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;
	font-size: 18px;
}
a.menu-balarte div,
a.menu-camere div,
a.menu-hall div,
a.menu-living div {
	position: absolute;
	left: 305px;
	bottom: 5px;
	cursor: pointer;
}
	a.menu-balarte {
		background-image: url(images/menu_balarte.jpg);
	}
	a.menu-camere {
		background-image: url(images/menu_camere.jpg);
	}
	a.menu-hall {
		background-image: url(images/menu_hall.jpg);
	}
	a.menu-living {
		background-image: url(images/menu_living.jpg);
	}
a.menu-balarte:hover,
a.menu-balarte:active,
a.menu-camere:hover,
a.menu-camere:active,
a.menu-hall:hover,
a.menu-hall:active,
a.menu-living:hover,
a.menu-living:active {
	background-color: #fff;
	color: #333;
}

.separatore {
	height: 30px;
	font-size: 3px;
	line-height: 3px;
	clear: both;
}

#imghome,
.testatacamera {
	border: 1px dotted #cccccc;
}

.box-bianco {
	background-color: #FFFFFF;
	padding: 10px;
	width: 250px;
	height: 350px;
	color: #333333;
}
	.box-bianco p {
		padding: 3px;
		margin: 0px;
		font-size: 11px;
	}
	
.testo-pagina {
	padding:10px;
	color: #333333;
}


.tabellacamera {
	background-image: url(images/sf-logo.gif);
	background-repeat: no-repeat;
	background-position: 44px 75px;
}


a.pulsante {
	display: block;
	position: relative;
	width: 170px;
	height: 170px;
	background-color: #bcbec0;
	color: #333;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;
	font-size: 22px;
}
	a.pulsante div {
		position: absolute;
		width: 148px;
		bottom: 10px;
		left: 10px;
		cursor: pointer;
		text-align: center;
	}
	a.pulsante div span {
		font-size: 11px;
	}
a.pulsante:hover,
a.pulsante:active {
	background-color: #fff;
	color: #333;
}


a.menu-camera1,
a.menu-camera2,
a.menu-camera3,
a.menu-camera4,
a.menu-camera5,
a.menu-camera6,
a.menu-camera7 {
	display:block;
/*	position: relative;*/
	width: 117px;
	height: 58px;
	background-color: #666666;
	color: #ffffff;
	background-position: center top;
	background-repeat: no-repeat;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	padding-top: 280px;
	padding-bottom: 5px;
	text-align: center;
}

	a.menu-camera1 {
		background-image: url(images/porta_1.jpg);
	}
	a.menu-camera2 {
		background-image: url(images/porta_2.jpg);
	}
	a.menu-camera3 {
		background-image: url(images/porta_3.jpg);
	}
	a.menu-camera4 {
		background-image: url(images/porta_4.jpg);
	}
	a.menu-camera5 {
		background-image: url(images/porta_5.jpg);
	}
	a.menu-camera6 {
		background-image: url(images/porta_6.jpg);
	}
	a.menu-camera7 {
		background-image: url(images/porta_7.jpg);
	}

a.menu-camera1:hover,
a.menu-camera1:active,
a.menu-camera2:hover,
a.menu-camera2:active,
a.menu-camera3:hover,
a.menu-camera3:active,
a.menu-camera4:hover,
a.menu-camera4:active,
a.menu-camera5:hover,
a.menu-camera5:active,
a.menu-camera6:hover,
a.menu-camera6:active,
a.menu-camera7:hover,
a.menu-camera8:active {
	background-color: #ffffff;
	color: #666666;
}



.bottom {
	width: 760px;
	padding: 45px 0px 45px 0px;
	text-align: center;
	margin: auto;
	color: #9c7e73;
}
.bottom a {
	color: #9c7e73;
	text-decoration: underline;
}
.bottom a:hover, .bottom a:active {
	color: #ffffff;
	text-decoration: none;
}

.titolo {
	font-size: 24px;
	color: #e1e1e1;
	font-family: "Palatino Linotype", "Times New Roman", Times, serif;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
.sottotitolo {
	font-family: "Palatino Linotype", "Times New Roman", Times, serif;
	font-size: 11px;
	color: #e1e1e1;
}

	.sottotitolo a:link, .sottotitolo a:visited {
		color:#e1e1e1;
		text-decoration: underline;
	}
	.sottotitolo a:hover, .sottotitolo a:active {
		color:#e1e1e1;
		text-decoration: none;
	}




	.linkprenotazioni:link, .linkprenotazioni:visited {
		color:#664101;
		text-decoration: none;
	}
	.linkprenotazioni:hover, .linkprenotazioni:active {
		color:#664101;
		text-decoration: underline;
	}
	

.testo,
.testo2 {
}
	.testo p,
	.testo2 p {
		font-family: "Palatino Linotype", "Times New Roman", Times, serif;
		font-size: 16px;
		color: #ffffff;
	}
		.testo2 p {
			font-size: 13px;
		}
	.testo h2,
	.testo2 h2 {
		font-size: 20px;
		font-weight: normal;
		font-family: "Palatino Linotype", "Times New Roman", Times, serif;
		color: #ffffff;
	}
	.testo img,
	.testo2 img {
		border: 1px dotted #cccccc;
	}
	

.icona-cornice {
	border: 10px solid #ffffff;
}




/* --- rollover bordo immagini con link (mettere alla fine) --- */ 	
a:hover img, a:active img, 
.testo a:hover img, .testo a:active img {
	border-color: #fff;
}