* {	
	margin: 0;
	padding: 0;
	border: none;
	font-size: 12px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
body {
	background: #fae2a6;
}
#container {
	position:absolute;
    top:50%;
	left:50%;
	height:560px;
	width:950px;
	margin-top:-280px;
	margin-left:-475px;
	background:url(../img/sfondo.jpg);
	-moz-border-radius: 15px;
	-khtml-border-radius: 15px;
	-webkit-border-radius: 15px;
}

#header {
	height:560px;
	width:300px;
	float:left;
	display:inline;
	background: url(../img/backnav.png) repeat;
	-moz-border-radius: 15px 0 0 15px;
	-khtml-border-radius: 15px 0 0 15px;
	-webkit-border-radius: 15px 0 0 15px;
}
#main {
	height:560px;
	width:650px;
	float:left;
	display:inline;
}
#header p {
	margin:20px;
	line-height: 18px;
}
#logo {
	margin:30px 20px;
}

#residence, #map, #tariffe, #spiagge, #appartamenti, #galleria, #itinerari {
	height:500px;
	width:550px;
	margin:30px 50px;
	background: #fff;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border:#df3a03 solid 1px;
}
#bilocale {
	height:400px;
	width:275px;
	float:left;
	display:inline;
}
#trilocale {
	height:400px;
	width:275px;
	float:left;
	display:inline;
}
#itinerari-mappa {
	height:400px;
	width:350px;
	float:left;
	display:inline;
}
#itinerari-nomi {
	height:400px;
	width:200px;
	float:left;
	display:inline;
}
area a:hover {
	background:url(../img/backli.png) repeat;
}

img.residence, img.spiagge {
	margin:0 15px;
}
img.galleria {
	margin:0 0 15px 15px;
	float:left;
	display:inline;
}
img.galleria-big {
	margin:0 0 10px 15px;
}
h1.residence, h1.map, h1.tariffe, h1.spiagge, h1.galleria, h1.itinerari {
	color:#df3a03;
	font-size:20px;
	margin:15px 15px 10px 15px;
}

p.residence{
	color:#df3a03;
	margin:10px 15px;
	line-height:18px;
	text-align:justify;
}
p.residence a {
	color:#df3a03;
}
p.residence a:hover {
	color:#000;
}

p.appartamenti {
	color:#df3a03;
	margin:10px 15px;
	line-height:18px;
	text-align:justify;
	height:90px;
}

p.spiagge {
	color:#df3a03;
	margin:10px 15px;
	line-height:18px;
	text-align:justify;
	height:150px;
}
p.spiagge a, p.itinerari a {
	color:#df3a03;
}
p.spiagge a:hover, p.itinerari a:hover {
	color:#000;
}
ul.spiagge {
	list-style: none;
}
li.spiagge {
	color: #df3a03;
	float:left;
	display:inline;
	margin:10px 15px;
	font-size:14px;
}
li.spiagge a {
	color: #df3a03;
	font-size:14px;
	text-decoration:none;
}
li.spiagge a:hover {
	color: #000;
}

p.itinerari {
	color:#df3a03;
	margin:10px 15px;
	line-height:18px;
	text-align:justify;
	height:260px;
}
ul.itinerari {
	list-style:decimal;
	margin:0 15px;
}
li.itinerari {
	color: #df3a03;
	font-size:14px;
	margin:5px 0;
}
li.itinerari a {
	color: #df3a03;
	font-size:14px;
	text-decoration:none;
}
li.itinerari a:hover {
	color: #000;
}
img.itinerari {
	margin:5px 15px;
	float:left;
	display:inline;
}

p.map{
	color:#df3a03;
	margin:10px 15px;
	line-height:18px;
}
p.map a {
	color:#df3a03;
}
p.map a:hover {
	color:#000;
}
iframe {
	margin:0 15px;
}
table.tariffe {
	margin:0 15px;
	width:520px;
}
#tariffe_sx, tariffe_dx {
	height:200px;
	width:275px;
	float:left;
	display:inline;
}
h2.tariffe {
	font-weight:bold;
	margin:10px 15px 5px 15px;
}
p.tariffe{
	color:#000;
	margin:10px 15px;
	line-height:14px;
}
p.tariffe a {
	color:#000;
}
p.tariffe a:hover {
	color:#df3a03;
}
tr {
	height:16px;
	line-height:16px;
}
tr.titolo {
	height:20px;
	line-height:20px;
}
tr.arancio {
	background:#eee;
}
tr.bianco {
	background:#fff;
}
td {
	padding-left:10px;
}
td.periodo {
	font-weight: bold;	
}
td.appartamento {
	font-weight: bold;
	text-align:right;
	padding-right: 10px;
}
td.periodo {
	width:145px;
}
td.prezzo {
	width:125px;
	text-align:right;
	padding-right: 10px;
}
table.contatti {
	width:520px;
	margin-left:2px;
}
.form {
	background: #fff;
	border: 1px solid #df3a03;
	color: #000;
	font-size: 0.9em;
	padding: 3px;
	margin: 3px;
}
.form_p {
	color: #df3a03;
	padding: 3px;
}

p.offerta{
	color:#000;
	margin:10px 15px;
	line-height:18px;
	font-weight:bold;
	text-transform: uppercase;
}

/*offerte*/
#info_tariffe {
	color:#000;
}
h1.info_tariffe {
	font-size:20px;
	margin:15px 15px 10px 15px;
}
h2.info_tariffe {
	font-weight:bold;
	margin:15px 15px 10px 15px;
}
p.info_tariffe{
	margin:10px 15px;
	line-height:18px;
}
/*offerte*/

/*nav*/
#nav {
	width:300px;
	line-height:30px;
}
ul.nav {
	list-style: none;
	margin:20px;
}
li.nav {
	color: #fff;
	text-transform: uppercase;
	background: url(../img/backli.png) repeat;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	height:30px;
	line-height:30px;
	margin:3px;
	padding-left:10px;
}
li.nav:hover{
	background: url(../img/backli-hover.png) repeat;
}
li.nav a {
	color: #fff;
	font-size:14px;
	text-decoration:none;
	padding-right:120px;
}
li.nav a:hover {
	color: #fff;
	text-decoration:none;
}
li.lingua {
	color: #df3a03;
	text-transform: uppercase;
	background: url(../img/backli_w.png) repeat;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	height:30px;
	line-height:30px;
	margin:3px;
	padding-left:10px;
}
li.lingua:hover{
	background: url(../img/backli-hover_w.png) repeat;
}
li.lingua a {
	color: #df3a03;
	font-size:14px;
	text-decoration:none;
	padding-right:100px;
}
li.lingua a:hover {
	color: #df3a03;
	text-decoration:none;
}
/*nav*/

/*footer*/
#footer {
	position:absolute;
	bottom:0;
	left:0;
	z-index:5;
	width:300px;
	line-height:30px;
}
#footer p.footer {
	font-size:10px;
	line-height:14px;
	color:#fff;
}
#footer p.footer a {
	font-size:10px;
	color:#fff;
}
#footer p.footer a:hover {
	font-size:10px;
	color:#000;
}
/*footer*/

.clear {
	clear:both;
}
