html, body { margin:0; padding:0; text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #525252; background: #b5c4a0 url('../immagini/bg_body.jpg') repeat-x; } 
a:link { text-decoration: none;}
a:active { outline: none;}
.hiddenBox { clear: both; display: none; }
.visibleBox { display: block } 
div.visibleBox { clear: both; display: block }
span.visibleBox { display: inline }
#pagewidth { width:990px; text-align:left; margin-left:auto; margin-right:auto; background: url('../immagini/bg_wrapper.gif') repeat-y; } 
#wrapper { background: url('../immagini/stemma.gif') no-repeat bottom left; }
#header { position:relative; height:108px; background: url('../immagini/bg_header.gif') repeat-x; padding:0; }
#logo { float:left; height:108px;}
#logo img { border: none; }
#flags { float:right; padding-top:55px;}
#flags img { border: none; }
#flags div { float:left; text-align:center; width:70px; font-size:10px;}
#flags a:link, #flags a:visited { text-decoration: none; color: #fc0; }
#flags a:hover { color: #fff; }
#leftcol { width:230px; float:left; position:relative; }
#address { width:210px; height: 100px; font-size:11px; background: url('../immagini/bg_address.gif') no-repeat top; padding:10px; line-height:16px; }
#quickbooking { width:210px; height: 273px; background: url('../immagini/fregio.gif') no-repeat top left; }
#quickoffers {/*margin-bottom:90px;*/}
#quickoffers h3 { margin: 0 6px 0 6px; border-bottom: 1px dotted #ba9a27; color: #ba9a27; font-size: 16px; background: url('../immagini/star.png') no-repeat right; height:20px; }
#quickoffers a { text-decoration: none; }
#twocols { width:760px; float:right; position:relative; }
#rightcol { width:151px; float:right; position:relative; }
#rightcol ul.menu { list-style:none; margin:0 0 50px 0; padding: 0; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:12px; width:150px; }
#rightcol ul.menu li.book { background-color:#dceac8 !important; }
#rightcol ul.menu li.small { font-size:10px !important; }
#rightcol ul.menu li { border-bottom: 1px dotted #9e9e9e; }
#rightcol ul.menu li a:link, #rightcol ul.menu li a:visited { padding-left: 10px; text-decoration: none; text-transform: uppercase; line-height:32px; color: #2b5928; display:block; }
#rightcol ul.menu li a:hover { color: #21431f !important; background-color:#c9d5bd; }
#maincol { float: left; display:inline; position: relative; width:609px; min-height: 450px; }
#maincol #title { padding: 10px; border-bottom:1px dotted #cad8be; color: #a68408; font-family:Georgia, "Times New Roman", Times, serif; font-size: 14px; text-transform:uppercase; }
#maincol #title span { color: #2b5928; }
#maincol .paragraph { padding: 10px 15px 15px 15px; line-height: 22px; text-align: justify; }
#end { height:17px; clear:both; } 
#footer { width:990px; margin: 0 auto; }
#ragsoc { float:left; font-size: 10px; width: 890px; text-align:left; color: #2b5928}
#sestante { float: left; } 
#sestante img {border: none; }
.skype { margin: 10px auto; text-align: center;}
.skype img {border: none; }
.txt30 { font-size:30px; text-decoration: none; }
.image { border:1px solid #006633; }
.imagesx { border:1px solid #006633; float:left; margin-right: 10px;}

/*css per banner di sinistra*/
#banner_sx { margin: 10px auto 60px auto; text-align: center;}
#banner_sx img { border: none; }
#google_button { position:relative; margin: -63px 40px 0 0; text-align: right; padding: 2px 0 0px 40px; }
#counter_fb { position:relative; width:50px; margin: 10px 39px 0 0;padding: 13px 0 0px 48px; text-align: left;}


#mobile_but { width: 132px; height: 40px; margin: 10px auto; clear:both; }
#mobile_but a:link, #mobile_but a:visited { width: 132px; height: 40px; display: block; background:transparent url('../immagini/mobile_version_button.png') 0 0; text-decoration: none; }
#mobile_but a:hover { background-position: 0 -39px; }

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

.datesField { border : none; padding:1px; background : transparent url('../icone/calendar.gif') no-repeat; width : 19px; height:16px; margin-left:2px; }
.dpTable { text-align: center; color: #250705; background-color: #b0c09c; border: 1px solid #2b5928; }
.dpTD { border: 1px solid #fff; background-color: #fff; 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: #fff; border: 1px solid #fdc737; cursor: pointer; color: red; font-size : 11px; font-family: Arial, Tahoma, Helvetica, sans-serif; }
.dpDayTD { background-color : #2b5928; border : 1px solid #2b5928; color : #fff; 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 : #2b5928; border : 1px solid #2b5928; color : white; font-size : 12px; font-weight : bold; width:22px; }
.dpTodayButton { background-color : #2b5928; border : 1px solid #2b5928; color : white; font-size : 11px; font-weight : normal; }

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

#QuickBooking { padding: 20px; padding-right: 5px; } 
#QuickBooking .quicktitle { color:#2b5928; font-size: 16px; border-bottom: 1px dotted #2b5928; margin-bottom: 15px; line-height:22px; }
#QuickBooking span { width:65px; display:-moz-inline-block; display:-moz-inline-box; display:inline-block; }
.QuickBookingInput { color: #fff; background-color:#2b5928; border: none; width:84px; padding:5px 0 5px 4px; font-family: Verdana, Arial, Helvetica, sans-serif; margin-bottom: 2px; } 
.QuickBookingCalendar { border : 0; padding : 1px; background : transparent url('../icone/calendar.gif') no-repeat; width : 19px; height:19px; } 
.QuickBookingSubmit { background-color : #ba9a27; border: none; color : #fff; font-size: 14px; width:88px; padding:2px; font-family: Georgia, "Times New Roman", Times, serif; }
#QuickBooking small { font-size : 10px; font-weight: normal; } 
#QuickBooking .cancel { color:#693; font-size: 11px; font-family:Verdana, Arial, Helvetica, sans-serif; border-top: 1px dotted #2b5928; margin-top: 10px; }

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

.quickOffersTableMain { width:215px; border: 0; border-collapse : collapse; margin: 0 auto; border-bottom:1px dotted #ba9a27; } 
.quickOfferBook { float:right; padding: 3px 0; margin: 3px 0; } 
.quickOfferName { font-weight:bold; line-height:14px; color:#3E633D; } 
.quickOfferDescription { margin: 4px 0 6px 0; float:left; line-height:15px; width:160px; color: #42723f; font-weight:normal; font-size: 11px; padding-left:5px; }
.quickOfferRow { padding:3px; color:#063; }
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 : 6px 6px 6px 0; border : 1px solid #000; float:left; width:40px; height:40px; } 

/* *** U3 BUTTONS *** */
.U3button { display: inline-block; zoom: 1; *display: inline; vertical-align: baseline; margin: 3px 0 6px 0; outline: none; cursor: pointer; text-align: center; text-decoration: none; padding: 2px 12px; -webkit-border-radius: .5em;-moz-border-radius: .5em; border-radius: .5em; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2);}
.U3button:hover { text-decoration: none; }
.U3button:active { position: relative; top: 1px; }

/* white */
.moreInfo, .U3back { color: #999 !important; text-shadow: 0 1px 1px rgba(255,255,255,.3); border: solid 1px #b7b7b7; background: #fff; background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ededed)); background: -moz-linear-gradient(top,#ffffff,#ededed); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); }
.U3back { float:left; }
.moreInfo:hover, .U3back:hover { background: #ededed; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc)); background: -moz-linear-gradient(top,#ffffff,#dcdcdc); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc'); }
.moreInfo:active, .U3back:active { color: #999; background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ffffff)); background: -moz-linear-gradient(top,#ededed,#ffffff); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff'); }

/* orange */
.bookNow { color: #fef4e9 !important; text-transform: uppercase; text-shadow: 0 1px 1px rgba(0,0,0,.3); border: solid 1px #da7c0c; background: #f78d1d; background: -webkit-gradient(linear, left top, left bottom, from(#ffcc00), to(#f47a20)); background: -moz-linear-gradient(top,#ffcc00,#f47a20); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcc00', endColorstr='#f47a20'); }
.bookNow:hover { color: #fc0 !important; background: #f47c20; background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015)); background: -moz-linear-gradient(top,#f88e11,#f06015); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015'); } 
.bookNow:active { color: #fcd3a5; background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a)); background: -moz-linear-gradient(top,#f47a20,#faa51a); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a'); }

/* yellow */
.U3search { color: #c14e00 !important; text-transform: uppercase; text-shadow: 0 1px 1px rgba(255,255,255,.3); border: solid 1px #ffb404; background: #fc0; background: -webkit-gradient(linear, left top, left bottom, from(#fffd9f), to(#fc0)); background: -moz-linear-gradient(top,#fffd9f,#ffcc00); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffd9f', endColorstr='#ffcc00'); }
.U3search { text-transform:none; margin-right: 4px; float:right; }
.U3search:hover { color: #fc0 !important; text-shadow: none; background: #f47c20; background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015)); background: -moz-linear-gradient(top,#f88e11,#f06015); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015'); } 
.U3search:active { color: #fcd3a5; background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a)); background: -moz-linear-gradient(top,#f47a20,#faa51a); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a'); }

/* green */
.U3submit, .U3next { color: #fff !important; text-shadow: 0 1px 1px rgba(0,0,0,.3); border: solid 1px #538312; background: #338f23; background: -webkit-gradient(linear, left top, left bottom, from(#caff5b), to(#338f23)); background: -moz-linear-gradient(top,#caff5b,#338f23); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#caff5b', endColorstr='#338f23'); }
.U3submit { font-weight: bold; }
.U3next { float:right; }
.U3submit:hover, .U3next:hover { background: #538018; background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c)); background: -moz-linear-gradient(top,#6b9d28,#436b0c); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c'); }
.U3submit:active, .U3next:active { color: #a9c08c; background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f)); background: -moz-linear-gradient(top,#4e7d0e,#7db72f); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f'); }

 /* *** 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;}
}