/* CSS Document */

html,body{
	margin:0;
	padding:0;
	height:100%;
	border:none;
	font-family:Arial;
	font-size:12px;
	text-align:left
	}
a, a:hover, a:visited { text-transform:none; text-decoration:none; color:inherit}
h1, h2, h3  { margin-left:5px; padding:0; margin-top:5px; margin-bottom:0 }
h1 { font-size:14px; color:#F00; margin-left:30px }
h2 { font-size:12px; color:#999 }
p { margin-left:30px; line-height:1.5em}

#page{ width:100%; height:100%;}

#contenitore{ width:960px; height:600px; margin:0 auto; }

#top { width:960px; height:112px; background:url(../images/top.jpg) no-repeat top left }
	#top ul { width:788px; height:32px; margin:0; padding:0; margin-top:75px; list-style:none; float:right; text-align:right; display:inline; margin-right:12px  }
	#top ul li { display:inline; padding-right:20px; padding-left:20px; border-right:1px solid #F00; font-weight:bold; letter-spacing:0.1em; font-size:1.0em  }
	#top ul li.last { border-right:none }
	#top ul li a { color:#000 }
	#top ul li a.active { color:#F00; }
	#top ul li a:hover { color:#F00; }
	#top ul li.last a { border-right:none }
	#top ul li.last a.active { border-right:none }
	#top ul li.last a:hover { color:#F00; }
	
#center { width:960px; height:450px; }

	#sx { width:179px; height:450px; float:left; border-right:1px solid #000; }
	
		#sx_menu { width:100%; height:120px;  }
			#sx_menu ul { list-style:none; padding:0; margin-left:0px; font-size:1em; letter-spacing:0.1em;  color:#333; font-weight:bold   }
			#sx_menu ul li { margin-top:15px;  }
			#sx_menu ul li a { color:#333  }
			#sx_menu ul li a.active { color:#F00  }
			#sx_menu ul li a:hover { color:#F00 }
		#sx_gallery { width:100%; height:150px;   }
			#sx_gallery ul { list-style:none; padding:0; margin-left:0px; font-size:1em; letter-spacing:0.1em;  color:#333; font-weight:bold   }
			#sx_gallery ul li { margin-top:15px;  }
			#sx_gallery ul li a { color:#333  }
			#sx_gallery ul li a.active { color:#F00  }
			#sx_gallery ul li a:hover { color:#F00 }
		#sx_info { width:100%; height:125px; }
		#sx_info h1,h2{ margin-left:0px }
		#sx_info h1 { font-size:1em; letter-spacing:0.1em;}
		#sx_info h2 { font-size:1em; color:#666; font-style:oblique}
		
	#dx { width:780px; height:450px; float:left; }
	#dx p{ font-weight:bold; color:#999 }
		#foto { width:600px; height:450px; float:left; text-align:center}
		#miniature { width:180px; height:450px; float:right; text-align:center  }
		#miniature ul li.active img{ border: 3px solid #f00; }	
		#miniature ul li.active { }	
		
#footer { width:960px; height:33px; margin-top:5px; text-align:center; font-size:0.9em; letter-spacing:0.2em; color:#999; font-weight:bold }
#footer a,a:hover,a:visited{ color:#999;}
#footer span.h1{ color:#666; }
#footer span.h2{ color:#999;}

.spacer { height:30px; width:179px; float:left; background:url(../images/spacer.jpg) no-repeat center left }
.chi_siamo { background:url(../images/contatti.jpg) right bottom no-repeat}
	.chi_siamo p{ color:#000!important; font-weight:normal!important }
	
.contatti { background:url(../images/contatti_2.jpg) right bottom no-repeat}
	.contatti p { color:#000!important; font-weight:normal!important}
	.contatti h2 { padding-left:30px }
	.contatti_sx { width:553px; height:233px; float:left;}
	.contatti_dx { width:227px; height:233px; float:left }
.servizi { background:url(../images/pesce.jpg) right top no-repeat}
	.servizi p{ color:#000!important; font-weight:normal!important }
.sala_posa { background:url(../images/posa.jpg) right bottom no-repeat}
	.sala_posa p{ color:#000!important; font-weight:normal!important }
	
.servizio_ftp { background:url(../images/ftp.jpg) right top no-repeat}
.servizio_ftp div{ width:420px; float:left; height:auto; overflow:hidden; }
	.servizio_ftp div p{ color:#000!important; font-weight:normal!important }
	.servizio_ftp div p.center{ text-align:center }