/*stili per il layout fisso con background*/

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

body{font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #333333;}

div#container{width:760px; margin:0 auto;

		background-color: #FFFFFF;}

div#container2{background-color: #FFFFFF;
				text-align: left}

/*stili specifici per il layout*/

div#header{height: 103px;
			color: #000000;
			text-align:center;
			padding-top: 10px}

div#navigation{float: left;
				width: 28px;\width:38px;w\idth:28px;
				margin-top: 13px;
				padding: 0 0 0 10px}

div#extra{float: right;
 			width: 28px;\width:38px;w\idth:28px;
			margin-top: 13px;
			padding: 0 10px 0 0;
			text-align:left}

div#content{margin: 0 38px;
			padding: 1em 1em 0em 1em;
			position: relative;
			background-image: url(images/body_home.gif);
			background-repeat:no-repeat}
			
div#content_dammusi{margin: 0 38px;
			padding: 1em;
			position: relative;
			background-image: url(images/body_dammusi.gif);
			background-repeat:no-repeat}
			
div#content_prenota{margin: 0 38px;
			padding: 1em;
			position: relative;
			background-image: url(images/body_prenota.gif);
			background-repeat:no-repeat}

div#content_photo{margin: 0 38px;
			padding: 0em 1em 0.3em 1em;
			position: relative;
			background-image: url(images/body_home.gif);
			background-repeat:no-repeat}

div#footer{clear: both; 
			text-align:center; 
			padding: 17px 0;
			color: #FFFFFF;
			background-image: url(images/footer.gif);
			background-repeat:no-repeat}
			
div#footer_photo{clear: both; 
			text-align:center; 
			padding: 17px 0;
			color: #FFFFFF;
			background-image: url(images/footer2.gif);
			background-repeat:no-repeat}
						
/*stili per il content home*/

div.home-box-top-dx{position: absolute;
			right: 0px;
			top: 2px;
			background-image: url(images/box_home_txt4.gif);
			background-repeat:no-repeat;
			width: 268px;
			height: 306px;
			text-align: left;
			padding: 21px 0px 0 2px;}

div.home-box-top-sx{position: absolute;
			left: 35px;
			top: 42px;
			background-image: url(images/box_home_txt.gif);
			background-repeat:no-repeat;
			width: 290px;
			height: 222px;
			padding: 23px 25px 0px 25px;
			text-align: left;}			

div.home-box-bottom-sx{position: absolute;
			left: 2px;
			top: 307px;
			background-image: url(images/box_home_txt3.gif);
			background-repeat:no-repeat;
			width: 227px;
			height: 183px;
			text-align: center;
			padding: 3px 0 0 1px;}
			
div.home-box-bottom-center{position: absolute;
			left: 229px;
			top: 307px;
			background-image: url(images/box_home_txt3.gif);
			background-repeat:no-repeat;
			width: 227px;
			height: 183px;
			text-align: center;
			padding: 3px 0 0 1px;}

div.home-box-bottom-dx{position: absolute;
			right: 2px;
			top: 307px;
			background-image: url(images/box_home_txt3.gif);
			background-repeat:no-repeat;
			width: 227px;
			height: 183px;
			text-align: center;
			padding: 3px 0 0 1px;}

div.prova{position: absolute;
			right: 1px;
			top: 0px;}

/*stili per il content dammusi*/

div.dammusi-box-top-dx{position: absolute;
						right: 0px;
						top: 2px;
						background-image: url(images/box_dammusi1.gif);
						background-repeat:no-repeat;
						width: 255px;
						height: 256px;
						text-align: left;
						padding: 19px 0px 0 16px;}
						
div.dammusi-box-top-sx{position: absolute;
						left: 2px;
						top: 2px;
						background-image: url(images/box_dammusi_txt.gif);
						background-repeat:no-repeat;
						width: 368px;
						height: 510px;
						padding: 7px 22px 0px 21px;
						text-align: left;}
						
div.dammusi-box-middle-dx{position: absolute;
							right: 0px;
							top: 258px;
							background-image: url(images/box_dammusi1.gif);
							background-repeat:no-repeat;
							width: 255px;
							height: 250px;
							text-align: left;
							padding: 19px 0px 0 16px;}
							
/*stili per il content servizi*/	

div.servizi-box-top-center{position: absolute;
							left: 111px;
							top: 2px;
							background-image: url(images/box_servizi.gif);
							background-repeat:no-repeat;
							width: 450px;
							height: 320px;
							text-align: left;
							padding: 21px 0px 0px 5px;}
							
div.servizi-box-bottom-center{position: absolute;
								left: 131px;
								top: 332px;
								background-image: url(images/box_servizi_txt.gif);
								background-repeat:no-repeat;
								width: 405px;
								height: 135px;
								text-align: left;
								padding: 27px 8px 0px 10px;}
								
/*stili per il content prenota*/

div.prenota-box-top-center{position: absolute;
								left: 131px;
								top: 2px;
								background-image: url(images/box_prenota_txt.gif);
								background-repeat:no-repeat;
								width: 405px;
								height: 140px;
								text-align: left;
								padding: 20px 8px 0px 10px;}

div.prenota-box-bottom-center{position: absolute;
								left: 2px;
								top: 159px;
								background-image: url(images/box_prenota.gif);
								background-repeat:no-repeat;
								width: 664px;
								height: 413px;
								text-align: left;
								padding: 3px 8px 0px 8px;}
								
/*stili per il content come arrivare*/

div.arrivare-box-top-center{position: absolute;
								left: 131px;
								top: 2px;
								background-image: url(images/box_arrivare_txt.gif);
								background-repeat:no-repeat;
								width: 405px;
								height: 150px;
								text-align: left;
								padding: 15px 8px 0px 10px;}

div.arrivare-box-bottom-center{position: absolute;
								left: 132px;
								top: 159px;
								background-image: url(images/box_arrivare.gif);
								background-repeat:no-repeat;
								width: 400px;
								height: 330px;
								text-align: left;
								padding: 5px 15px 0px 15px;}

/*stili per il content contattaci*/

div.contattaci-box-middle-center{position: absolute;
								left: 130px;
								top: 85px;
								background-image: url(images/box_contattaci_txt.gif);
								background-repeat:no-repeat;
								width: 393px;
								height: 278px;
								text-align: left;
								padding: 25px 0px 0px 21px;}
								
/*stili per il content meteo*/

div.meteo-box-middle-center{position: absolute;
								left: 43px;
								top: 48px;
								background-image: url(images/box_meteo.gif);
								background-repeat:no-repeat;
								width: 575px;
								height: 375px;
								text-align: left;
								padding: 29px 0px 0px 28px;}
								
/*stili per il content gallery*/

div.gallery {position:relative;
			top: 0px;
			left: 10px;
			width: 651px;
			height: 478px;}

/*stili per la formattazione generale*/

a.titoli:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: #0066CC;
	font-weight:bold;
	text-decoration: none;}
	   
a.titoli:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: #0066CC;
	font-weight:bold;
	text-decoration: none;}

a.titoli:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: #0099CC;
	font-weight:bolder;
	text-decoration: underline;}

a.titolipiccoli:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #0066CC;
	font-weight:bold;
	text-decoration: none;}
	   
a.titolipiccoli:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #0066CC;
	font-weight:bold;
	text-decoration: none;}

a.titolipiccoli:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #0099CC;
	font-weight:bolder;
	text-decoration: underline;}

a.titolipiccolibianchi:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #FFFFFF;
	font-weight:bold;
	text-decoration: none;}
	   
a.titolipiccolibianchi:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #FFFFFF;;
	font-weight:bold;
	text-decoration: none;}

a.titolipiccolibianchi:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #FFFFFF;
	font-weight:bolder;
	text-decoration: underline;}

span.padleft {padding-left: 86px;}

.bold{font-weight: bold;}

.black{color: #121212;
	font-weight:bold;}

.red {color: #FF0000;}
	
.center {text-align: center;}

.left {text-align: left;}

table.prenota {text-align: center;}

div.paragrafo {padding-top: 10px;}

div.paragrafo2 {padding-top: 13px;}

div.paragrafo3 {padding-top: 6px;}

.characterbig {font-size: 12px;}