body {
 	margin: 0;
	padding: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 63.125% ;		/* translate 1.0em to 10px, 1.5em to 15px, etc. */
	color: #222;
	background: #d7d6d1;	/* footer background color */
 	}

#cu-identity {
	float: left;
	width: 760px;
	height: 110px;
	background-image:url(../img/hotel_fano.gif);
	}

#cu-logo {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -370px;
	width: 740px;
	height: 88px;
	background: url(../img/unit_signature.gif) no-repeat -8px -1px;
	}
	
#cu-logo a {
	position: absolute;
	display: block;
	border: none;
	/* hide text link */
	text-indent: -1000em; 
	}

#cu-logo img {
	display: none;
	}

#search-navigation {
	position: absolute;
	top: 50px;
	right: 50%;
	margin-right: -385px;
	}
	
#search-navigation ul {
	margin: 0;
	padding: 0;
	font-size: 1.1em;
	}
	
#search-navigation li {
	float: left;
	margin: 0;
	padding: 0;
	background: none;
	}
		
#search-navigation a {
	float: left;
	padding: 5px 15px;
	color: #fff;
	text-decoration: none;
	border: none;
	}
	
#search-navigation a:hover {
	background: #444;
	}

#identity {
	float: left;
	width: 760px;
	height:70px;
	}
.testa{
  margin:0;
  padding:0;
}

.header {
	float: left;
	width: 760px;
	background: #004b00;
	border-bottom: 0px solid #08940b;
	border-bottom: 1px #c6a75d solid;
}
	
#navigation {
	float: left;
	margin: 0 auto;
	width: 760px;
	
	}
	
#navigation ul {
	float: left;
	margin: 0;
	padding: 0;
	border-left: 1px #000000 solid;
	width: 760px;
	font-size: 1em;
	}
	
#navigation li {
	margin: 0;
	padding: 0;
	float: left;
	background: none;
	}
	
#navigation a {
	float: left;
	padding: 7px 20px;
	border: none;
	border-right: 1px #c6a75d solid;
	font-size: 1.2em;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	}
	
#navigation a:hover {
	background: #99be9c;
}

#wrap {
	float: left;
	width: 760px;
	background: #efe0d3;
}
 
#content {
	float: left;
	margin: 0 auto;
	width: 740px;
	}
	
#main {
	float: right;
	padding: 20px 5px;
	width: 100%;
	}
	
.twocolumn #wrap {
	/* see IE6/Win hack at bottom */
	background: #efe0d3 url(../img/twocolumn_bg.gif) repeat-y top center;
	}
	
.twocolumn #main {
	float: right;
	width: 510px;
	}
	
#section-navigation, #secondary {
	float: left;
	clear: left;
	width: 200px;
	}
 
#section-navigation {
	margin-bottom: 50px;
	}

#section-navigation ul {
	margin: 0;
	padding: 0;
	font-size: 1.2em;
	font-weight: bold;
	}
	
#section-navigation li {
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
	background: none;
	}
	

#section-navigation a {
	display: block;
	margin:0;
  font-size:1.2em;
  font-weight:bold;
	padding: 10px;
	border: none;	
	width: 180px;
	border-bottom: 2px solid #f4f4ef;
	}
	
#section-navigation a:visited {
	color: #b31b1b;
	}
		
#section-navigation a:hover {
	background: #f2f7fa;
	color: #f00;
	}
	
#section-navigation a:active {
  background: #f2f7fa;
	color: #b31b1b;
	background: none;
	}

.first {
	margin-top: 0;
	}
h1{
  margin: 15px 0 3px 0;
	font-size: 1.2em;
	font-weight: bold;
	color:#004b00;
}
h2 {
	margin: 0 0 15px 0;
	font-size: 1.8em;
	font-weight: normal;
	color:#cccc99;
  }
	
h3 {
	clear: both;
	margin: 0 0 15px 0;
	font-size: 1.3em;
	line-height: 1.4em;
	font-weight: bold;
	}
	
h4 {
	margin: 15px 0 3px 0;
	font-size: 1.2em;
	font-weight: bold;
	}
h5 {
  margin: 15px 0 3px 0;
	font-size: 1.2em;
	font-weight: bold;
	text-align:center;
	color:#888888;
}	
h6{
  margin: 0 0 15px 0;
	font-size: 1.8em;
	font-weight: normal;
	color:#cccc99;
	text-align:center;
}
p {
	margin: 0 0 15px 0;
	font-size: 1.3em;
	line-height: 1.4em;
	text-align: justify;
	}
p.center{
  text-align: center;
}	
blockquote {
	margin: 0 30px;
	}
	
.caption {
	font-size: 1.1em;
	line-height: 1.5em;
	color: #666;
	}

ul, ol {
	margin: 0 0 15px 0;
	padding: 0;
	font-size: 1.3em;
	line-height: 1.4em;
	}
	
ul ul, ul ol, ol ol, ol ul {
	font-size: 1.0em;
	}
	
ul li {
	margin: 5px 0;
	padding: 0 0 0 30px;
	list-style: none;
	background: url(../img/bullet.gif) no-repeat 18px 0.65em;
	}
 
ol li {
	margin: 5px 0 5px 30px;
	}
 
dl {
	margin: 0 0 15px 0;
	line-height: 1.4em;
	}
	
dt {
	margin: 0 0 3px 0;
	font-size: 1.2em;
	font-weight: bold;
	}
	
dd {
	margin: 0 0 15px 0;
	font-size: 1.3em;
	line-height: 1.4em;
	}

a {
	border-bottom: 1px solid #e5cfcf;
	color: #b31b1b;
	text-decoration: none;
	}
	
a:visited {
	color: #b37474;
	text-decoration:none;
	}
	
a:hover {
	color: #f00;
	border-color: #f00;
	text-decoration:none;
	}
	
a:active {
	color: #b31b1b;
	border-color: #e5cfcf;	
	text-decoration:none;
	}

#secondary {
	color: #666;
	}

.secondary-section {
	margin: 0 0 50px 0;
	padding: 0 15px;
	}
	
#secondary-section-first {
	margin-top: 25px;
	}
	
#secondary h2 {
	margin: 0 0 10px 0;
	font-size: 1.1em;
	font-weight: bold;
	}
	
#secondary p {
	margin: 0 0 10px 0;
	font-size: 1.1em;
	line-height: 1.5em;
	}
	
#secondary ul {
	margin: 0 0 10px 0;
	font-size: 1.1em;
	}
	
#secondary ul li {
	padding-left: 12px;
	background-position: 0 0.65em;
	}

img {
	border: 0;
	margin:2px;
	}
img.check{  
  border: 0.2em #c6a75d solid;
  margin:0;
  padding:2px;
}	
img.men{
  border: 0.2em #c6a75d solid;
  margin:5px 5px 0 5px;
  padding:2px;
}

.main-photo-large {
	margin: 20px 0;
	width: 510px;
	}

.main-photo-small {
	margin: 5px 0 15px 25px;
	width: 210px;
	float: right;
	}

.main-photo-large .caption, .main-photo-small .caption {
	margin: 0;
	padding: 5px 10px 8px 10px;
	background: #fff;
	}

.secondary-photo {
	margin: 0 0 50px 0;
	}

#secondary .secondary-photo .caption {
	margin: 10px 15px 0 15px;
	}

.thumbnail {
	position: relative;
	
	/* padding makes room for the dropshadow, but offsets the image */
	padding: 6px 9px 9px 6px;
	background: url(../img/shadow_tn.gif) no-repeat top left;
	
	/* position and margin fix the offset */
	top: -6px;
	left: -6px;
	margin: 0 0 -15px 0;
	}

table, tr, th, td {
	margin: 0 0 0 0;
	padding: 0;
	border: 0;
	font-size: 1em;
	}
	
table {
  text-align:center;
	margin: 15px 0 25px 0;
	border: 1px solid #d7d6d1;
	caption-side: top;
	}
	
th {
	padding: 0 15px 5px 15px;
	font-weight: normal;
	text-align: center;
	color: #888;
	}
	
td, tbody th {
	padding: 10px 15px;
	border-top: 1px solid #e7e7e7;
	font-size: 1.1em;
	line-height: 0.5em;
	vertical-align: top;
	}
	
tbody th {
	font-weight: bold;
	color: #222;
	text-align: center;
	}
	
.row1, .row1 td, .row1 th {
	background: #fff;
	} 
	
.row2, .row2 td, .row2 th {
	background: #fafaf7;
	}
	
tfoot td {
	font-weight: bold;
	}

caption {
	margin: 0 0 15px 0;
	text-align: center;
	color: #888;
	font-size: 1.1em;
	}

form {
	float: left;
	margin: 5px 0 15px 0;
	padding: 0;
	width: 510px;
	}
	
fieldset {
	float: left;
	margin: 0;
	padding: 10px 0 15px 0;
	width: 510px;
	border: none;
	border-top: 1px solid #e7e7e7;
	}
		
form h3 {
	margin: 0 15px 5px 15px;
	}		
	
.form-pair {
	display: inline;	/* prevent ie6/win from doubling margins */
	float: left;
	margin: 5px 15px 0 15px;
	width: 480px;
	}
	
.form-item {
	float: left;
	margin-top: 5px;
	width: 165px;
	font-size: 1.1em;
	line-height: 1.5em;
	text-align: right;
	}	
	
.form-value {
	float: right;
	margin-top: 5px;
	width: 300px;
	font-size: 1.1em;
	line-height: 1.5em;
	}

.checklist {
	margin: 0;
	font-size: 1em;
	}

.checklist li {
	margin: 0 0 5px 0;
	padding: 0;
	background: none;
	}
	
.input-text, select, textarea {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 1em;
	}

.form-submit {
	border-top: none;
	background: #dbdbd2;
	}
	
.form-submit-buttons {
	text-align: right;
	padding-right: 15px;
	}
	
.form-submit-buttons .input-reset {
	margin-right: 5px;
	}
	
.input-submit, .input-reset {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 1.3em;
	}
	
.input-submit {
	font-weight: bold;
	}
 
#hub-description {
	float: left;
	width: 350px;
	}

#hub-sections {
	float: right;
	margin: 0 0 15px 0;
	width: 355px;
	}
	
.hub-section {
	float: right;
	margin-top: 15px;
	padding-top: 15px;
	border-top: 1px solid #ddd;
	width: 355px;
	}
	
#hub-section-first {
	margin: 0;
	padding: 0;
	border: none;
	}
 
.hub-section h3 {
	float: right;
	margin: 0 0 5px 0;
	width: 235px;
	}
 
.hub-section img {
	float: left;
	}
	
.hub-section p {
	float: right; 
	margin: 0;
	width: 235px;
	line-height: 1.5em;
	}

#hub-more {
	float: left;
	margin: 15px 0 0 0;
	width: 100%;
	border: 1px solid #ddd;
	background: #fff;
	}
	
#hub-more h3 {
	display: inline;	/* prevent IE6/Win from doubling margins */
	float: left;
	margin: 15px 0 15px 15px;
	}
	
#hub-more ul {
	float: left;
	margin: 0;
	padding: 10px 0 10px 25px;
	font-size: 1.1em;
	}
 
.pullquote {
	float: right;
	margin: 0 0 15px 25px;
	width: 180px;
	}
	
.pullquote p {
	margin: 0 0 10px 0;
	font-weight: bold;
	line-height: 1.9em;
	}

.bridge-section {
	float: left;
	width: 100%;
	}

.bridge-group1 {
	clear: left;
	float: left;
	width: 355px;
	}
	
.bridge-group2 {
	float: right;
	clear: right;
	width: 355px;
	}

.bridge-group1 h2, .bridge-group2 h2, .bridge-section h2 {
	margin: 25px 0 20px 0;
	padding: 8px 12px;
	font-family: georgia, "times new roman", times, serif;
	font-size: 2.1em;
	line-height: 1.5em;
	background: #d9d9ce;
	}

.bridge-photo {
	margin: 0 0 20px 0;
	}
	
.bridge-links {
	font-size: 1.1em;
	}
	
.bridge-links li {
	padding: 0;
	background: none;
	}

#gallery {
	margin-left: 100px;
	margin-top: 10px;
	}

#photo {
	float: left;
	}

#photo-meta {
	float: right;
	width: 200px;
	}	
	
#photo-meta .caption {
	margin: 10px 0;
	}
	
#photo-credit {
	color: #999;
	}

#webring {
	font-size: 1.1em;
	line-height: 1.4em;
	}
	
#webring .prev  {
	padding-left: 11px;
	background: url(../img/left_red.gif) no-repeat 0 0.4em;
	}
	
#webring .sep {
	padding: 0 3px;
	color: #ccc;
	}
	
#webring .next  {
	padding-right: 11px;
	background: url(../img/right_red.gif) no-repeat 100% 0.4em;
	}

#footer {
	float: left;
	width: 760px;
	}
	
#footer-content {
	float: left;
	margin: 0 auto;
	padding: 15px 0 25px 0;
	width: 740px;
	font-size: 1.0em;
	color: #333;
	}

#footer a {
	border-bottom: #ccadad;
	}
	
#footer a:active {
	border-color: #ccadad;	
	}

#skipnav {
	position: absolute;
	top: -1000em;
	left: -1000em;
	}

hr {
	border: 1px solid #c6a75d;
	}

.twocolumn #content {
	background: #ffffcc url(../img/twocolumn_bg.gif) repeat-y top center;
}
 
.twocolumn #wrap {
	background: #ffffcc;
	}
	
/* unhack for other browsers */
.twocolumn>#wrap {
	background: #ffffcc url(../img/twocolumn_bg.gif) repeat-y top center;
	}
/*immagini con il testo*/
.left {
  float:left; margin:0; padding:3px;
}
.right {
  float:right; margin:0; padding:3px;
}
/*Modulo di prenotazione*/
fieldset{padding: 8px;border: 1px solid #c6a75d;margin-bottom: 20px}
legend{padding: 0 5px;text-transform: uppercase;color: #97A6BB}
label.req strong, strong.asterisco{font-weight: bold;font-family: verdana,sans-serif;color: red}
input:focus{background-color: #ffcc44}
br{clear:left}
fieldset.in label{float: left;text-align: center;margin: 0px 10px 5px 0}
fieldset.in input,select{display: block;width: 140px}
fieldset.in input.large{width: 302px}
input#cap,input#provincia{width: auto}
fieldset#check label{float: left;width: 120px}
fieldset#account p{float:right; width:190px; color:#185DA1; margin-top:10px;}
fieldset#agree div#cond{width: 350px;height: 100px;overflow: auto; border:1px solid #666;margin: 10px 0;background-color: #f7f7f7}
fieldset#agree div#cond p{margin:0 5px 6px}
div#bottone{
  text-align:center;
  margin-top:1em;
}
input#go{
  border:1px solid #666;
}
form {
padding: 0;
}
input {
margin:5px;
text-align:left;
background-color:#ebe9e6;
border: none;
}
fieldset {
margin: 0;
}
legend {
margin:0;
font-size:1.2em;
color:#004b00;
}
textarea {
margin: 0;
}
#contactform input{
margin: 0;
background-color:#fff;
border: 1px solid #CCCCCC;
}
#contactform textarea{
margin: 0;
background-color:#fff;
border: 1px solid #CCCCCC;
}
/*Fine modulo di prenotazione*/
/*Tabelle con div*/
/*A due colonne*/
.tbsx{
float:left;
width:49%;
text-align:center; 
border:1px solid #c6a75d; 
font-size:1.1em;
line-height:1.5em;
}
.tbdx{
float:left;
width:49%;
text-align:center;
border:1px solid #c6a75d; 
font-size:1.1em;
line-height:1.5em;
}
/*A 5 colonne*/
.col1{
float:left;
width:19%;
text-align:center;
border:1px solid #c6a75d; 
font-size:1.1em;
line-height:1.5em;
}
.col2{
float:left;
width:19%;
text-align:center;
border:1px solid #c6a75d; 
font-size:1.1em;
line-height:1.5em;
}
.col3{
float:left;
width:19%;
text-align:center;
border:1px solid #c6a75d; 
font-size:1.1em;
line-height:1.5em;
}
.col4{
float:left;
width:19%;
text-align:center;
border:1px solid #c6a75d; 
font-size:1.1em;
line-height:1.5em;
}
.col5{
float:left;
width:19%;
text-align:center;
border:1px solid #c6a75d; 
font-size:1.1em;
line-height:1.5em;
}
/*Fine tabelle con div*/
/*Galleria*/
a.thumb1, a.thumb1:visited, a.thumb1:active {
	float: left;
	padding: 6px;
	color: #423E35;
	margin-left: 54px;
	margin-right: 8px;
	margin-bottom: 8px;
	border-right: 2px solid #A28965;
	border-bottom: 2px solid #A28965;
	text-decoration:none;
}

a.thumb1:hover {
  text-decoration:none;
}

a.thumb2, a.thumb2:visited, a.thumb2:active {
	float: left;
	padding: 6px;
	color: #423E35;
	margin-right: 8px;
	margin-bottom: 8px;
	border-right: 2px solid #A28965;
	border-bottom: 2px solid #A28965;
  text-decoration:none;
}

a.thumb2:hover {
  text-decoration:none;
}
/*Fine Galleria*/

