@charset "UTF-8";
/* CSS Document */



body
	{
	background-color:#b6aea2;
	font-family:Georgia, Times New Roman, Times, serif;
	font-style:normal;
	background-image:url(../img/bg.jpg);
	background-repeat:repeat-x;
	}
	
*
	{
	padding:0px;
	margin:0px;
	}
	
	
#esterno
	{
	text-align:center;
	}
	
#head
	{
	position:relative;
	width:760px;
	height:203px;
	}
	
#head img
	{
	position:relative;
	width:760px;
	height:203px;
	border:0px;
	}

	
#main
	{
	position:relative;
	background-color:#f6f5f3; /* Poi devo mettere un'immagine */
	width:760px;
	height:1209px;
	text-align:left;
	}
	
#main p
	{
	color:#999584;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style:normal;
	}

.sezionetop
	{
	background:url(../img/bg_sezione.jpg);
	background-position:top;
	background-repeat:no-repeat;
	position:relative;
	padding-top:20px;
	padding-left:15px;
	padding-right:15px;
	margin-bottom:15px;
	width:730px;
	}
	
.sezione
	{
	position:relative;
	padding-left:15px;
	padding-right:15px;
	margin-bottom:15px;
	width:730px;
	}
	
#gallery
	{
	position:relative;
	width:760px;
	height:350px;
	background-color:#f6f5f3;
	margin-bottom:0px;
	}
	
h2
	{
	color:#999584;
	font-family: Georgia;
	font-size:24px;
	margin-bottom:5px;
	font-style:normal;
	font-weight:normal;
	}

h3
	{
	color:#999584;
	font-family: Georgia;
	font-size:22px;
	margin-bottom:5px;
	font-style:normal;
	font-weight:normal;
	}
	
hr
	{
	border:2px dotted #999584;
	width:330px;
	}


a
	{
	color:#999584;
	}
	
#informazioni
	{
	padding-left:15px;
	padding-right:15px;
	border-bottom:0px dotted #ff0000;
	margin-bottom:0px;
	}
	
#infoSx
	{
	position:relative;
	width:468px;
	height:411px;
	float:left;
	background-image:url(../img/infoSx.jpg);
	}
	
#infoDx
	{
	position:relative;
	height:396px;
	width:262px;
	float:left;
	}
	
#infoDx img
	{
	position:relative;
	height:396px;
	width:262px;
	}
	
.clearLeft
	{
	float:none;
	clear:left;
	}
	
#roccia
	{
	position:absolute;
	bottom:0px;
	z-index:20;
	}
	
#erbetta
	{
	position:absolute;
	bottom:0px;
	z-index:10;
	}
	
#botMare
	{
	position:absolute;
	background-image:url(../img/botMare.jpg);
	width:62px;
	height:20px;
	z-index:100;
	top:180px;
	left:650px;
	cursor:pointer;
	}
	
#botMare:hover
	{
	background-image:url(../img/botMareOver.jpg);
	}
	
	
#botAppartamenti
	{
	position:absolute;
	background-image:url(../img/botAppartamenti.jpg);
	width:180px;
	height:20px;
	z-index:100;
	top:180px;
	left:418px;
	cursor:pointer;
	}
	
#botAppartamenti:hover
	{
	background-image:url(../img/botAppartamentiOver.jpg);
	}
	
#footer
	{
	position:absolute;
	bottom:25px;
	right:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#999999;
	font-size:11px;
	}
	
	
/* Form */

#nome, #cognome, #richiesta, #invia, #email
	{
	position:absolute;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:25px;
	z-index:100;
	color:#666666;
	}
	
#nome
	{
	top:83px;
	left:60px;
	}
	
#cognome
	{
	top:83px;
	left:240px;
	}
	
#email
	{
	top:150px;
	left:60px;
	}
	
#richiesta
	{
	top:220px;
	left:60px;
	}
	
#invia
	{
	top:360px;
	left:360px;
	cursor:pointer;
	}
	
 #insertNome, #insertCognome, #insertMail, #insertRichiesta
	{
	position:absolute;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:25px;
	z-index:100;
	padding:0px;
	margin:0px;
	text-indent:0px;
	top:0px;
	left:0px;
	background-color:transparent;
	border:0px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color:#666666;
	border:0px;
	}
	
 #insertNome
 	{
	top:116px;
	left:63px;
	width:160px;
	}
	
 #insertCognome
 	{
	top:116px;
	left:250px;
	width:160px;
	}
	
 #insertMail
 	{
	top:180px;
	left:63px;
	width:340px;
	}
	
 #insertRichiesta
 	{
	background-color:transparent;
	top:243px;
	left:63px;
	width:340px;
	height:100px;
	overflow:hidden;
	}
	
input:focus, textarea:focus{
outline: 0 none;

}