html { background:#fff url('../images/sfondo.jpg') repeat; }
p { margin: 10px 0 0 0; }
body.sitebody { background-color: #345894; margin: 0 auto; background:transparent url('../images/sfondo_blu.jpg') repeat-x top; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; }
#main { width:769px; margin:0 auto; text-align:left; }
.top { width:795px; height: 146px; background:url('../images/logo.jpg') no-repeat; float:center; }
.center { width:769px; background:url('../images/sfondo_int.jpg') repeat-y; float:left; }
.bottom { width:769px; height: 33px; background:url('../images/bottom.jpg') no-repeat; float:left; text-align:center; padding-top:12px; color:#fff; }
.bottom a:link{color:#fff;}
.footer { width:769px; height: 35px; }
.footer a{color:#825F08;}
.topmenu { text-align: right; height: 146px; }
.topmenu table.moduletable{ margin-right: 20px; margin-top: 120px; }
.headerimage { width:749px; height: 150px; float:center; /*background-image:url(../images/immagine.jpg);*/ background-color:#F1C471; padding: 8px 10px 3px 10px; } 
.headerleft { width:450px; height: 143px; } 
.headerleftinside { width:430px; height:143px; color:#fff; }
.left { width:183px; float:left; }
.leftinside { width:173px; float:right; }
.right { width:541px; float:left; padding: 10px 30px 30px 15px; color: #755958;}
.news { background: transparent url('../images/news.jpg') no-repeat 20px 0; padding-top: 35px; padding-left: 20px; color: #666; font-size: 11px; vertical-align: top; }
.footer { text-align:center; color:#375982; } 
.banner { text-align:center; float:left; }
.topleft { width:500px; height: 20px; text-align:right; }
.topright { width:250px; float:right; }
a { font-family : arial, sans-serif; font-size : 12px; color : #333; text-decoration : none; }
a.readon { text-transform: uppercase; font-size: 10px; } 
a.readon:hover { font-size: 10px }
a:hover { color : #cc9; }
.mainlevel-nav { color: #ccc; text-decoration : none; margin: 10px; }
a.mainlevel-nav:link, a.mainlevel-nav:visited { font-size : 12px; white-space : nowrap; text-align: center; color: #996; padding-left: 2px; padding-right: 3px; padding-bottom: 2px; }
a.mainlevel-nav:hover { color: #cc6; } 
/* FORMS SETTINGS */ 
.button { color : #735109; border : 1px solid #BBA168; background-color : #F4EFE6; margin-top : 0; font-family : Trebuchet MSarial, helvetica, sans-serif; font-size : 12px; }
.inputbox { font-size: 10px; font-family: verdana, helvetica, sans-serif; text-align: left; color: #333; border: 1px solid #996600; }

a.mainlevel { margin : 0; font-size : 12px; width : 100%; font-family : Trebuchet MS,arial, sans-serif; } /* this styling is for the MAIN items in the menu */ 
a.mainlevel:link { display : block; font-size : 12px; font-weight : bold; width : 100%; text-decoration : none; text-transform : uppercase; background-repeat:no-repeat; color:#8B6009; text-indent:10px; }
a.mainlevel:visited { display : block; font-size : 12px; font-weight : bold; width : 100%; text-indent:10px; text-decoration : none; text-transform : uppercase; background-repeat:no-repeat; color:#8B6009; } 
a.mainlevel:hover { display : block; font-size : 12px; font-weight : bold; width : 100%;  text-decoration : none; text-transform : uppercase; color: #594105; text-align:left; background-repeat:no-repeat; }
#active_menu { display : block; font-size : 12px; font-weight : bold; width : 100%; text-decoration : none; text-transform : uppercase; color: #594105; background-repeat:no-repeat; }
.componentheading { font-size : 12px; background:url('../images/arrow.gif') no-repeat; font-weight : bold; width : 100%; height: 20px; margin-bottom: 0; margin-top:6px; color: #999; text-decoration : bold; text-transform : uppercase; text-indent: 20px; text-align: left; }/* Title of the component being used to display the content.*/
td.componentheading { font-size : 12px; font-weight : bold; width : 100%; height: 20px; margin-bottom: 0; margin-top: 3px; color: #999; text-transform : uppercase; text-indent: 15px; text-align: left; }  table.contentpaneopen { width: 100%; } 
table.contentpaneopen td { vertical-align: top; padding:0; }
table.contentpane {width: 100%; margin: 0; padding: 0; }
.contentheading { font-size : 12px; background-repeat:no-repeat; font-weight : bold; width : 100%; height: 20px; margin-bottom: 3px; margin-top: 3px; color: #999; text-transform : uppercase; text-indent: 22px; text-align: left; }
h1.contentheading { margin : 0; font-size : 12px; width : 100%; font-family : Trebuchet MS,arial, sans-serif; display : block; text-transform : uppercase; color:#8B6009; font-weight: bold; }
.sectiontableheader { background-color: #000; color: #fff; } /* This is for styling the section table headers on a SECTION's page.   Example: table header of "Date", "Item Title", "Author" and "Hits"? */ .sectiontableentry1 { background-color: #ccc; }
.sectiontableentry2 { }

/* Formatting the module table */
table.moduletable { width : 90%; margin : auto; table-layout : auto; } 
table.moduletable th { text-align: left; text-indent: 15px; font-size : 12px; background-image: url('../images/menutopbck.gif'); font-weight : bold; width : 100%; height: 34px; color: #996; text-decoration :none; text-transform : uppercase; padding-top:10px; }
table.moduletable-new { width : 100%; table-layout : auto; padding: 3px; align: left;/* Formatting the module table */ }
table.moduletable-new th { text-align: left; font-size : 12px; background-image: url('../images/stories/arrow.gif'); font-weight : bold; width : 100%; color: #000; text-decoration : none; text-transform : uppercase; text-indent: 15px; padding-bottom: 3px; padding-top: 3px; }
table.moduletable-disp { margin-top: 10px; margin-left:15px; padding-top:35px; }
#main.italian table.moduletable-disp{ background:url('../images/richiedisponibilita.jpg') top no-repeat; }  #main.english table.moduletable-disp{ background:url('../images/chechavailability.jpg') top no-repeat; }  table.moduletable-disp td{ font-size: 11px;  text-align: center } 
table.moduletable-fotogallery{ padding-top: 45px; color: #666; vertical-align: top; } 
#main.italian table.moduletable-fotogallery{ background:url('../images/fotogallery.jpg') no-repeat top left; }
#main.english table.moduletable-fotogallery{ background:url('../images/photogallery.jpg') no-repeat top left; }  
table.moduletable-menu {background:url('../images/scrittamenu.jpg') top no-repeat;margin-left:22px;padding-top:35px;}
/* Dates , Authors*/
.createdate { color: #999; } /* For styling the date the content/articles are created under contents title */
.modifydate { color: #999; } /* Formating "Last updated on" text at the end of articles/contents */
.small { color: #999; } /* Formating "Written by:...." text */
.smalldark { color:#999; }/*Found in poll result page, for " Number of Voters".. text */
span.pathway { font-size : 10px; color : #666; padding-left : 8px; padding-bottom: 5px; line-height: 24px; display:block; } 
a.pathway:link, a.pathway:visited { color : #666; font-size : 10px; padding-left : 0; }
a.pathway:hover { font-size : 10px; padding-left : 0; color: #666; } 
.copyright { font-size : 10px; padding-left : 0; color: #666; }
table.newsflash { font-size : 11px; color : #666; }
table.newsflash th { font-size : 11px; background-color : #E4E4E4; color : #666; border-bottom :0px solid #666; } 
table.newsflash td { font-size : 11px; color : #666; }
a.botlink:link, a.botlink:visited { color:#825F08; text-decoration:none; }
a.botlink:hover { text-decoration:underline; font-family : arial, sans-serif; }
/*CUSTOM*/
div.spacer { border: none; background: none; width: 100%; height: 25px; }
#main.italian td.title-contact { background:url('../images/contattaci.jpg') 0 10px no-repeat; height:73px; display:block; }
#main.english td.title-contact { background:url('../images/contact.jpg') 0 10px no-repeat; height:73px; display:block; }
div.moduletable-news td.contentheading a.contentpagetitle{color:#9A6600; font-size: 12px; text-transform:none; }
div.moduletable-news td.contentheading a.contentpagetitle:hover{color:#9A6600; }
div.moduletable-news td.contentheading {color:#000; text-indent:0; height:10px; padding-top:10px;} 
#ricerca { background: #FCF2D8; }
.campi_form { font-family : Verdana, Futura, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 9px; color: #827842; }  
.pulsanti_form { border : #000; background-color : #385982; border-style : solid; border-top-width : 1px; border-right-width : 1px; border-bottom-width : 1px; border-left-width : 1px;  color : #fff;
 font-family : verdana; font-size : 10px; font-weight: bold; }
.pulsanti_form_cancella { border : #cc9; background-color : #eeecdf; border-style : solid; border : 1px; color : #385982;  font-family : verdana; font-size : 10px; font-weight: bold; }

/* .quickb { background-color : #F3DBA3; }

/* *** CALENDAR *** */

.datesField { border: 0; padding: 1px; background: url('../immagini/calendar.png') no-repeat transparent; width: 29px; height: 22px; }
.dpTable { text-align: center; background-color: #f1c471; border-collapse:collapse; border: 1px solid #706233; font-family: Verdana, Geneva, sans-serif; font-size: 14px;
-moz-box-shadow:3px 3px 6px #000;
-webkit-box-shadow:3px 3px 6px #000;
box-shadow:3px 3px 6px #000;
filter: progid:DXImageTransform.Microsoft.Shadow(strength=3, direction=135, color='#000');
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength=3, Direction=135, Color='#000')";
opacity:0.95;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95);
filter: alpha(opacity=95); }
.dpTable td { }
.dpTitleTR td, .dpTodayButtonTR td { padding: 0 0 4px 0; }
.dpTD { width:25px; height: 28px; background-image: url('../immagini/bg_calendar.png'); border:1px solid #706233; }
.dpDayHighlightTD { background: #b96a00 url('../immagini/bg_calendar.png') no-repeat -1px -52px; }
.dpDayHighlight { color: #fff; font-weight: bold;  }
.dpTDHover { cursor: pointer; background: url('../immagini/bg_calendar.png') right top; font-weight: bold; border-bottom:1px solid #706233;}
.dpDayTD { color : #fff; padding: 5px; background: #8b6009 url('../immagini/bg_calendar.png'); border:1px solid #706233;}
.dpTitleText { color: #fff; font-weight: bold; }
.dpButton { border: none; background: url('../immagini/bg_calendar.png') no-repeat -59px -54px; color : #9c8e6d; font-weight : bold; font-size: 20px; width:36px; height:33px;}
.dpButton:hover { color : #fff; }
.dpTodayButton { border:none; color : #fff; background: url('../immagini/bg_calendar.png') no-repeat -6px -100px; font-weight : normal; width:89px; height:34px; }
.dpTodayButton:hover { background: url('../immagini/bg_calendar.png') no-repeat -6px -136px; }

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

#quickbooking { margin: 3px 0 20px 10px; }
#QuickBooking { text-align:right; width:200px; margin-left:auto; margin-right:auto; padding:7px; } 
#QuickBooking td { padding: 5px 0; } 
.QuickBookingTitle { font-weight: bold; color: #6C84B4; font-size: 11px; font-family : Verdana, Futura, Geneva, Arial, Helvetica, sans-serif; }
.QuickBookingInput, .inputField, #captcha_code, #arrival_date, #departure_date, .checkout_fields, .textarea, #card_month, #card_year, #card_code, .inputShortField { /*font-weight: bold; color: #937368; font-size: 10px; font-family : Verdana, Futura, Geneva, Arial, Helvetica, sans-serif;*/ border: 1px solid #18100d; background-color: #73503a; height: 18px; 	/*width: 284px;*/ padding: 3px 0 3px 5px; outline: 0; font-size: 13px; color: #fff; border-radius: 3px; 	-moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; /* width: 85px; */
-webkit-box-shadow: 1px 1px 0 #7b6e68; -moz-box-shadow: 1px 1px 0 #7b6e68; box-shadow:  1px 1px 0 #7b6e68; border-right: 0; border-bottom: 0; }
.mainTable select { height: 25px !important; padding: 3px 3px 3px 0 !important;}
.textarea { height: auto !important; }
select  { height: 27px !important; }
.QuickBookingCalendar { border : 0; background : transparent url('../immagini/calendar.png') no-repeat; width : 30px; height: 20px }
.QuickBookingSubmit, .QuickBookingSubmit:active, a.bookButton:link, a.bookButton:visited, .submitButton { background: #ffea55; background: -webkit-gradient(linear, left top, left bottom, from(#ffea55), to(#ffcc00)); background: -moz-linear-gradient(center top , #ffea55, #ffcc00) repeat scroll 0 0 transparent; border: 1px solid #ffd555; color: #ba6025; *display: inline; vertical-align: baseline; margin: 5px 0 0 0; outline: none; cursor: pointer; text-align: center; text-decoration: none; font: 13px/100% Arial, Helvetica, sans-serif; padding: 4px 5px; text-shadow: 0 1px 1px #fff; -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); /*width: 90px*/ }
.QuickBookingSubmit:hover, .submitButton:hover { background: #ffea55; background: -webkit-gradient(linear, left top, left bottom, from(#ffcc00), to(#ffea55)); background: -moz-linear-gradient(top,#ffcc00,#ffea55); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcc00', endColorstr='#ffea55'); }
form { margin-bottom:0;}
table#QuickBooking, #footermessagealign, #quick_booking_form { margin-bottom:0;}

input:focus { -webkit-box-shadow: 0 0 5px #fc0; -moz-box-shadow: 0 0 5px #fc0; box-shadow: 0 0 5px #fc0; background-color: #5e412f; color: #fff; border:1px solid #fff; }