html, body {
background-color:#258542;
height:100%;
margin:0;
padding:0;
text-align:center; 
}

#header {
background-image:url(../immagini/bg_header.gif);
background-repeat:repeat-x;
height:120px;
margin-left:auto;
margin-right:auto;
text-align:left;
top:0;
width:100%;
z-index:100;
}

div > div#header { position: fixed; left:0px}

.headerContent {
width:1000px;  
margin-left:auto; 
margin-right:auto; 
}

#logo {
height:87px;
}

#flags {
float:left;
}

#menuUp {
font: normal 12px "Trebuchet MS",Arial,sans-serif;
width: 700px;
/*overflow: hidden;*/
margin-top:-2px;
height:34px;
float:left;
}
/*
#menuUp ul {
margin: 0;
padding: 0;
float: left;
width: 100%;
}
*/
#menuUp ul li {
display: inline;
}

#menuUp ul li a {
float: left;
color: white;
padding: 8px 12px 17px 12px;
text-decoration: none;
text-transform:uppercase;
}

#menuUp ul li a:visited {
color: white;
}

#menuUp ul li a:hover {
 color: #fff !important; 
 background: #000 url('../immagini/menuup_hover.gif') top center repeat-x;
 border: 0px solid #000;
 height: 9px;
 /*margin:1px 0 0 1px;*/
}

ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
}


ul.dropdown li {
 float: left;
 zoom: 1;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}

/* level mark */

ul.dropdown ul {
	width: 150px;
	border: 1px solid #fff;
	background-color: #a50016;
}

ul.dropdown ul li {
	font-weight: normal;
	height:34px;
}

ul.dropdown *.dir {
	background-position: right center;
	background-repeat: no-repeat;
	height:34px;
}

ul.dropdown *.dir ul a:hover {
	width:126px;
	height:34px;
	background-image:none !important;
	background-color:#6c171a !important;
}

/* **** FINE MENU **** */
#big_ani {z-index:1;} 

#wrapper {
	padding-top:120px;
	z-index:10;
	background-image: url(../immagini/bg_wrapper.gif);
	background-repeat: repeat-y;
	width:1000px;
	margin:0 auto;
}
 
#pagewidth { 
width:100%; 
text-align:left;  
margin-left:auto; 
margin-right:auto;  
background-color:#fff;
} 
 
#leftcol {
width:142px; 
float:left; 
position:relative; 
padding-top: 12px;
}
 
#twocols {
width:858px; 
float:right; 
position:relative; 
}
 
#rightcol {
width:140px; 
float:right;
position:relative;
padding:13px 13px 13px 0px;
font: normal 10px verdana,Arial,sans-serif;
margin-right:5px;
}

#rightcol img {
	border:none;
}

#rightcol b {
	color:#cc3300;
}

#but_offers {
background-color:#990034;
float:right;
height:40px;
margin-top:-3px;
text-align:center;
width:170px;
}

a.button {
	float: left;
	height: 20px;
	padding-left: 10px;
    font: bold 15px "Trebuchet MS",Arial,sans-serif;
    background: url('../immagini/button.png') no-repeat top left;
    text-decoration: none;
	color: #9a3331;
	margin-right:10px;
}

a.button span {
	display:block;
	padding-right: 10px;
    background: url('../immagini/button.png') no-repeat top right
}

a.button:hover{background-position: bottom left;color: #6b9828}
a.button:hover span{background-position: bottom right}

a.big:link, a.big:visited { 
color:#c20000;
text-decoration:none;
font-size:14px;
font-weight:bold;
}

a.big:hover { 
color:#fff;
}
 
#maincol {
float: left; 
display:inline; 
position: relative; 
width:676px; 
min-height:500px;
color:#000;
line-height:24px;
font: normal 12px "Trebuchet MS",Arial,sans-serif;
padding-right:10px;
text-align:justify;
}

#maincol a:link, #maincol a:visited {
color: #C26410;
}

#maincol a:hover {
color:#DA6A14;
}
 
#footer {
background-color:#258542;
background-image:url(../immagini/bg_footer.gif);
background-position:center top;
background-repeat:repeat-x;
border-top:1px solid #D6D6D6;
clear:both;
} 

#address { 
width:1000px; 
text-align:center;  
margin-left:auto; 
margin-right:auto;  
color:#fff;
padding-top:10px;
line-height:22px;
font: normal 12px "Trebuchet MS",Arial,sans-serif;
} 

#address b { color:#f6db03; }

#address a:link, #address a:visited { 
color:#f6db03;
text-decoration:none;
}

#address a:hover { color:#fff;}
#address span { color:#164221; }

#address .box { 
float:left;
width:30%;
text-align:left;
padding-left:10px;
}

#landing { 
width:800px; 
text-align:center;  
margin-left:auto; 
margin-right:auto;  
color:#f6db03;
padding-top:10px;
line-height:22px;
font: normal 11px "Trebuchet MS",Arial,sans-serif;
clear:both;
} 

#landing a:link, #landing a:visited { 
color:#f6db03;
text-decoration:none;
}

#landing a:hover { color:#fff;}

#meteo {
font-family:"Verdana",Arial,sans-serif;
margin-top:7px;
/*float:left;*/
clear:both;
}

#dati_meteo * {
/*text-align:left;*/
font-size:10px;
}

.tempo { width: 130px }

/* ************ MISC ELEMENTS ********** */
#title {
	font: normal 18px "Trebuchet MS",Arial,sans-serif;
	font-style: italic;
	color: #1d8227;
	margin-top:4px;
	text-transform:uppercase;
}

#title span {
	color: #990034;
}

#title_small {
	font: normal 12px "Trebuchet MS",Arial,sans-serif;
	font-style: italic;
	color: #f9c700;
	margin-top:4px;
	margin-left: 20px;
}

#title_small span {
	color: #ffffff;
}

#imgroom {
float:left;
margin: 0 0px 0px 20px;
padding: 0 20px 0 0;
}

#imgroom img{
border:solid 1px #FFFFFF;
}

#boxtesto img {
border: solid 0px
}

#boxtesto b {
color:#FFCC33;
}

.images {
margin:8px 20px 0px 20px ;
float:left;
border: 1px solid #FFFFFF;
}

.box_faq {
background-image:url(../immagini/bg_box_rooms.gif);
margin-bottom: 10px;
padding: 10px;
}

.box01 {
min-height: 230px;
background-image:url(../immagini/bg_box_rooms.gif);
margin-bottom: 10px;
padding: 10px;
}

.box02 {
background-image:url(../immagini/bg_box_comearrivare.gif);
background-color: #90A6C1;
background-repeat:repeat-x;
margin-bottom: 20px;
padding: 10px;
min-height: 150px;
}

.bookingroom {
border: none;
margin: 30px 0 0 230px;
}

.bookingroom2 {
border: none;
margin: 10px 0 0 230px;
}

.box_gallery {
width: 689px;
}

.box_gallery img{
margin: 0 8px 10px 0;
border: none;
}

#route_puls {
margin: 0 0 20px 20px;
}

#route_puls img{
border: none;
}

#route_puls a:link, #route_puls a:hover, #route_puls a:visited{
border: none;
}

#cancelreserv a:link, #cancelreserv a:visited, #cancelreserv a:hover {
font-size:10px;
}

/* ********************** CALENDAR ************************ */

.datesField {
  border : none;
  padding:1px;
  background-image : url(../icone/calendar.gif);
  background-repeat : no-repeat;
  background-color : transparent;
  width : 19px;
  height:16px;
  margin-left:2px;
}

.dpTable {
  text-align: center;
  color: #250705;
  background-color: #78aade;
  border: 1px solid #fff;
}

.dpTD {
  border: 1px solid #ffffff;
  background-color: #ffffff;
  font-size : 11px;
  font-family: Arial, Tahoma, Helvetica, sans-serif;
  width:20px;
}

.dpDayHighlightTD {
  background-color: #250705;
  border: 1px solid #250705;
  font-size : 11px;
  font-family: Arial, Tahoma, Helvetica, sans-serif;
}

.dpTDHover {
  background-color: #ffffff;
  border: 1px solid #fdc737;
  cursor: pointer;
  color: red;
  font-size : 11px;
  font-family: Arial, Tahoma, Helvetica, sans-serif;
}

.dpDayTD {
  background-color : #2b609f;
  border : 1px solid #2b609f;
  color : #ffffff;
  font-size : 9px;
}

.dpTitleText {
  font-size : 11px;
  color: #250705;
  font-weight: bold;
  font-family: Tahoma, Helvetica, sans-serif;
}

.dpDayHighlight {
  color: #fdc737;
  font-weight: bold;
  font-size : 9px;
}

.dpButton {
  background-color : #2b609f;
  border : 1px solid #2b609f;
  color : white;
  font-size : 9px;
  font-weight : bold;
  width:22px;
}

.dpTodayButton {
  background-color : #2b609f;
  border : 1px solid #2b609f;
  color : white;
  font-size : 11px;
  font-weight : normal;
}

/* ********** QUICK BOOKING **************** */

#QuickBooking {
	width:97px;
	margin: 0 0 10px 5px;
	font-size : 14px;
	color: #8d1616;
	padding: 8px;
	border:1px solid #fff;
	background-image:url(../immagini/bg_quickbook.gif);
	background-repeat:repeat-x;
	background-color:#ffc700;
}

#QuickBooking b {
  color:#fdc737;
}

.QuickBookingInput {
  color: #250705;
  background-color:#fff;
  padding:3px;
  padding-right:0;
  font-size: 12px;
  border: none;
  width:70px;
}

.QuickBookingCalendar {
  border : 0px;
  padding:1px;
  background-image : url(../icone/calendar.gif);
  background-repeat : no-repeat;
  background-color : transparent;
  width : 19px;
  height:19px;
}

.QuickBookingSubmit {
  background-color : #8d1616;
  border: none;
  color : #fff; 
  font-size: 14px;
  width:95px;
  padding:0 2px 1px 2px;
  font-family: Georgia, "Times New Roman", Times, serif;
  margin-top:10px;
}

/* ******************** QUICK SPECIAL OFFERS ********************  */

.quickOffersTableMain {
    width:140px;
	border: 0px;
	border-collapse : collapse;
	margin: 0 auto;
	border-bottom:1px dotted #ba9a27;
}

.quickOfferBook {
  float:left; 
  padding: 3px 0;
  margin: 3px 0;
}

.quickOfferName {
  font-weight:bold;
  line-height:14px;
  color:#cc3300;
}

.quickOfferDescription {
  margin: 4px 0px 6px 0px;
  float:left;
  line-height:14px;
  width:120px;
  color: #000;
  font-weight:normal;
  font-size: 10px;
}

/*.quickOfferRow {
  padding:3px;
  color:#000;
}*/

a.bookButton:link, a.bookButton:visited {
  text-decoration:none; 
  color: #C65400; 
  font-weight:bold;  
  font-size:11px;
  line-height:14px;
  background-image : url(../immagini/bg_button_book.gif);
  border : 1px solid #C65400;
  padding : 2px 4px 2px 4px;
  white-space : nowrap;
}

a.bookButton:hover {
  color: #800000; 
  background-color : #ffec00;
  border : 1px solid #800000;
}

.quickofferThumbnail {
  margin : 3px 3px 3px 0;
  border : 1px solid #000;
  float:left;
  width:25px;
  height:25px;
  display:none;
}

#quickoffers h3 { display: none }

#quickoffers a { text-decoration:none; }

 /* *** Float containers fix *** */ 
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

/*printer styles*/ 
@media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}

<!--[if gte IE 5.5]>
<![if lt IE 7]>
div#fixme {
left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}
<![endif]>
<![endif]-->