/* General */

* {
	margin: 0;
	padding: 0;
	}

body {
	font: 62.5%/1.6 Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	text-align: center; 
	background: #FDF5D9;
	min-width: 760px;
	}

img {
	border: none;
	}

#sidebar img {display:block;}

.clear {
	clear:both;
	}

.fright {float:right}
.fleft {float:left}


h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {margin: 1em 0;}

p {font-size:1.2em;}
ul {font-size:1.2em; list-style:none}
h1 {
	font-size: 2.1em;
	font-family: Georgia, Helvetica, Arial, sans-serif;
	color: #B93210;
	}
	
h2 {
	padding-bottom:0.1em;
	margin-right:2em;
	font-size: 1.7em;
	font-family: Georgia, Helvetica, Arial, sans-serif;
	font-weight:normal;
	color:#BF480C;
	background: url(images/bkg_h2_sidebar.gif) repeat-x left bottom;
	}
	
h3 {
	font-size: 1.1em;
	color:#779057;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	}
	
h4 {font-size: 1.3em;}
h5 {font-size: 1.2em;}
h6 {font-size: 1em;}

.highlight {color:#E17000;}
.subdued {color:#999999;}
.caption {color:#999999;}
.textsmall {font-size:11px}
.error {color:#CC0000;font-weight:bold; background-color:#E1FF51; text-align:center; }
.success {color:#339900;font-weight:bold}

/* Links */

a:link {color:#B93210} 
a:visited {color:#B93210} 
a:hover.mio, #footer a:hover, #sidebar dd a:hover {
	text-decoration:none;
	background-color:#B93210;
	color:#FDF5D9;
	padding:2px 0;} 

/* Layout */

.wrap {
	width: 760px; 
	margin: 0;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	}

#header {
	background: #A22C0E url(images/bkg_header.gif) repeat-x top left;
	padding: 35px 0;
	float: left;
	width: 100%;
	/*border-top:6px solid #BF480C;*/
	}
	
#visual {
	background: #fff url(images/bkg_visual.gif) repeat-x bottom left;
	padding: 3em 0;
	float: left;
	clear: left;
	width: 100%;
	}

#main {
	clear:both
	}
		
#content {
	padding: 1em 0;
	margin-right: 20px;
	float: left;
	width: 480px;
	border-right: 1px solid #E1DABF;
	color: #333;
	}

#contentfull {
	padding: 1em 0;
	margin-right: 20px;
	float: left;
	width: 730px;
	color: #333;
	}

#sidebar {
	padding: 1em 0;
	float: left;
	width: 250px;
	color: #513E29;
	}

/* Footer */

#footer {
	font-size:1.1em; 
	color: #FAFAEB;
	background: #BFBEA6;
	padding: 3em 0 2em 0;
	float: left;
	width: 100%;
	}
	
#footerlinks { color:#FAFAEB; text-align:left; padding-top:6px; }
#footercontact { color:#FAFAEB; text-align:left; padding-top:3px; float:left; width:390px;  padding-bottom:5px;}  
#footerright{ color:#FAFAEB; text-align:right; padding-top:3px; float:left; width:350px; padding-bottom:5px;}  

/* Navigation */

#nav {
	float: left;
	width: 100%;
	margin: 0;
	padding: 10px 0 0 0px;
	list-style: none;
	background: #3F2E05 url(images/nav_bg.gif) repeat-x bottom left;
	}
	
#nav li {
	float: left;
	margin: 0;
	padding: 0;
	font-size: 100%;
	}
	
#nav a {
	float: left;
	display: block;
	margin: 0 1px 0 0;
	padding: 4px 8px;
	color: #333;
	text-decoration: none;
	border: 1px solid #9B8748;
	border-bottom: none;
	background: #F9E9A9 url(images/off_bg.gif) repeat-x top left;
	}
	
#nav a:hover, body#home #home a, body#hotel #hotel a, body#tariffe #tariffe a, body#itinerari #itinerari a, body#dintorni #dintorni a, body#prenotazioni #prenotazioni a, body#offerte #offerte a {
	color: #333;
	padding-bottom: 5px;
	border-color: #727377;
	background: #fff url(images/on_bg.gif) repeat-x top left;
	}

/* Visual */

#visual h1 {margin:0.5em 0;}

#visual p {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 1.8em;
	color: #222;
	line-height: 1.4em;
	}

/* header */

.logo {
	float:left;
	width:390px;
	}
	
.lang {
	float:left;
	width:350px;
	text-align:right;
	}

a.ita { background: url(images/ita.gif) no-repeat 0 50%; padding-left: 30px; height:0; vertical-align:bottom; color:#FFF;font-size:0.9em; text-decoration:none; }
a.eng { background: url(images/eng.gif) no-repeat 0 50%; padding-left: 30px; height:0; vertical-align:bottom;  color:#FFF;font-size:0.9em; text-decoration:none;}

a:visited.ita, a:visited.eng {color:#FFFFFF}

a:hover.ita, a:hover.eng {color:#DD501B;}

/* Content */

#content p, #content ul, #content dl, #contentfull p, #contentfull ul, #contentfull dl {
	padding-right: 30px;
	margin-bottom: 1.38em;
	line-height: 1.5em;
	}

#content ul, #contentfull ul {	margin-left:20px;
}
#content li, #contentfull li {
	margin-bottom: .5em;
	background: url(images/bullet.gif) no-repeat 0 .5em;
	padding-left: 17px;
	}


/* Itinerari */
#itinerario dt {
	margin: 20px 0 0 0;
	font-weight: normal;
	}
#itinerario dd {
	margin: 0 0 2px 0;
	padding: 0;
	}
#itinerario dd strong {
	color: #666;
	}
#itinerario dt a {
	float: left;
	display: block;
	margin: 2px 8px 0 0;
	padding: 2px;
	border: 3px solid #E0DFD3;
	background: #fffefa;
	}
#itinerario dt a:hover, #itinerario dt.active a {
	border-color: #BFBEA6;
	background: #BFBEA6;
	}
#itinerario dt.active a {
	border-color: #EBF4D9;
	background: #2D405B;
	}
#itinerario dd.active a {
	text-decoration: none;
	font-weight: bold;
	color: #2D405B;
	border-bottom: none;
	}

a.more {
	padding-left:15px;
	background:url(images/bkg_sidebarnav.gif) 0% 50% no-repeat;
	height:0;
	vertical-align:bottom;
	}
a:hover.more {text-decoration:none;}

a.mail {
	padding-left:22px;
	background:url(images/ico_mail.gif) 0% 50% no-repeat;
	height:0;
	vertical-align:bottom;
	font-size:0.9em
	}
a:hover.mail {text-decoration:none;}

a.map {
	padding-left:22px;
	background:url(images/ico_map.gif) 0% 50% no-repeat;
	height:0;
	vertical-align:bottom;
	font-size:0.9em
	}
a:hover.map {text-decoration:none;}

/* Sidebar */
#sidebar h2 {
	font-size:1.4em;
	text-transform:uppercase;
	letter-spacing:0.1em;
	padding-top:9px;
	font-weight:bold;
	margin-right:10px;
	background: url(images/bkg_h2_sidebar.gif) repeat-x left bottom;
	}
	
#sidebarnav {
	margin: 0;    
	padding: 0;
	list-style-type: none;
	width: 200px;
	float: left; /* Contain floated list items */
	}
	
#sidebarnav li {
	margin: 0;
	padding: 0;
	float: left; /* This corrects the */
	width: 100%; /* IE whitespace bug */
	}
	
#sidebarnav a {
		width: 100%; /* IE whitespace bug */
display: block;  /* to increase clickable area as a's 
	  default to inline */
	color: #A22C0E;
	text-decoration: none;
	padding: 0 21px;
	line-height: 2.5;
	border-bottom: 1px solid #E6DAB3;
	background: url(images/bkg_sidebarnav.gif) no-repeat 6px center;
	}
	
#sidebarnav a:hover {  
	background: #FBE7A6 url(images/bkg_sidebarnav_ov.gif) no-repeat 6px center;
	}
	
#sidebarnav a.active {
	background: #FBE7A6 url(images/bkg_sidebarnav_ov.gif) no-repeat 6px center;
	font-weight: bold;
	}
	
/* Table */
#mytable {
	width: 700px;
	padding: 0;
	margin: 0;
}

caption {
	padding: 0 0 5px 0;
	width: 700px;	 
	font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	}

th {
	color: #4f6b72;
	border-right: 1px solid #CFDCBB;
	border-bottom: 1px solid #CFDCBB;
	border-top: 1px solid #CFDCBB;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #CAE8EA url(images/bg_header.jpg) no-repeat;
	}

th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #CFDCBB;
	background: none;
	}

td {
	border-right: 1px solid #CFDCBB;
	border-bottom: 1px solid #CFDCBB;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
	font-size:1.1em
	}

td.alt {
	background: #F3F7EE;
	color: #797268;
	}

th.spec {
	border-left: 1px solid #CFDCBB;
	border-top: 0;
	background: #fff url(images/bullet1.gif) no-repeat;
	}

th.specalt {
	border-left: 1px solid #CFDCBB;
	border-top: 0;
	background: #F3F7EE url(images/bullet2.gif) no-repeat;
	color: #797268;
	}
	
/* form
-----------------------------------------------------------------------------*/
form {	font-size: 1.2em;}
fieldset{padding: 10px;border: 1px solid #E6DAB3;margin-bottom: 20px; width:430px; }
legend{padding: 0px 5px 10px 5px;text-transform: uppercase;color: #D36504; font-weight:bold; font-size:0.9em;}
label.req strong, strong.asterisco{font-weight: bold; color: #9D062F;}
.clearleft{clear:left;}
fieldset.in label{float: left; text-align: left; margin: 0px 10px 5px 0}
fieldset.in input, textarea {display: block; width: 170px; background-color:#FEFBF1;}
fieldset.in select{display: block;width: 400px; background-color:#FEFBF1;}
<!-- fieldset.in select{display: block;width: 195px; background-color:#FEFBF1;} -->
fieldset.in input.large, textarea.large{width: 355px}
fieldset.in input.narrow{display: block; float: left;width: 100px; background-color:#FEFBF1}
fieldset.in select.giorno{float: left; width: 50px; }
<!-- fieldset.in select.giorno{float: left; width: 45px; } -->
fieldset.in select.mese{float: left; width: 110px; }
<!-- fieldset.in select.mese{float: left; width: 90px; } -->
fieldset.in select.anno{float: left; width: 70px; }
<!-- fieldset.in select.anno{float: left; width: 60px; } -->
input#cap, input#provincia, input#accetto{width: auto}
div#bottone{text-align:left}
#bottone input.btn{
	color: #FFF;
	background-color: #A22C0E;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 3px;
	border-right: 2px solid #74200A;
	border-bottom: 2px solid #74200A;
	border-top: 2px solid #D03812;
	border-left: 2px solid #D03812;
}

.privacy {background-color:#FCEFC1; padding:7px; font-size:11px;margin-right:10px;}
#containerprivacy {
	width: 500px;
	margin-right: auto;
	margin-left: auto;
	padding: 10px;
	text-align:left;
	background-color:#FFFFFF;
	}
	
	
/* Thumbnail */

.thumbnail{
	float: left;
	width:106px;
	margin: 5px 10px 0px 0px;
	text-align:center;
	}

.thumbnail img {border:1px solid #CCCCCC; padding:3px;}

.offerta {
	background-color:#FCEFC1;
	margin-right:30px;
	margin-bottom:20px;
	padding-bottom:10px;
	}

.offerta p {	padding:0 0 0 20px;}
.offerta h4 {
	background-color:#F6CA2F;
	padding: 2px 0 2px 20px;
	color:#553F06;
	background-image: url(images/bkg_h4_offerta.jpg);
	background-repeat: repeat-x;
}

.imgrightborder {
	float:right;
	margin-left:10px;
	border:4px solid #BFBEA6;
	}

.imgleftborder{
	float:left;
	margin-right:10px;
	border:4px solid #BFBEA6;
	}

.imgborder {
	border:4px solid #BFBEA6;
	}