@charset "utf-8";
/* CSS Document */
body{
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height:16px;
	background: #fff;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
p{margin:0 0 8px 0}
a {text-decoration:none;color:inherit;}
a img{border:none;}
#pageCnt {width:1050px; margin:0 auto;}
#topMenu {float:left;width:1050px;height:23px;text-align:left;border-bottom:#B8A350 solid 1px;border-top:#B8A350 solid 1px;margin:20px 0 0 0;padding:7px 0 0 0;}
#thanksCnt {padding:10px;width:800px;}
#mypageBody {float:left;width:1050px;text-align:left;}
#welcomeCnt {float:left; width:540px;font-family:Helvetica;font-size:12px; color:#5C5C5C;padding:8px;}
.welcomeNome{font-size: 24px;color:#B8A350;line-height:1em;}
.left{width:200px;float:left;min-height:550px;border-right:2px solid white;margin:0px 40px 0 10px;padding:30px 12px;text-align:left;}
.leftpref{width:200px;float:left;border-right:2px solid white;margin:0px 40px 0 10px;padding:12px;text-align:left;}
li .left{padding:0; margin:0;}
ul .left{padding:0; margin:0;}
#contentback{float:left;min-height:530px;background-image:url(../images/layout/bk_back.jpg);width:900px;background-repeat:repeat-y;}
#container { 
	width: 900px; /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background-image:url(../images/layout/back.gif);
	background-repeat:repeat-y;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	/*border: 1px solid #CC0000;*/
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
#header { 
	height:156px; /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 
#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
#guestname{float:left; width:252px; color:#808080;text-align:left;line-height:1em;}
#guestlastname{float:left; width:252px; color:#808080;text-align:left;line-height:1em;}
#guestemail{float:left; width:252px; color:#808080;text-align:left;line-height:1em;}
#sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 170px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	height:700px;/* background: #EBEBEB; the background color will be displayed for the length of the content in the column, but no further */
	/*padding: 15px 10px 15px 20px;*/
}
.mainContent {float:left; text-align:left;margin-top:0px;}
.center{width:550px;float:left;}
.mainSmall{width:770px;}
.mainLarge{width:770px;}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#nav{float:left; width:180px;}
.item{line-height:25px; float:left; width:180px;}
.applicant{ width:640px; height:67px; float:left; margin-top:10px; font-size:10px;}
.applicant img{margin-right:10px;}
.salutation{float:left; background:white; margin-bottom:10px;}
.reservationall{float:left;width:570px;}
.reservation{width:100%; float:left;  background-color:#EAE3D1; text-align:justify;border:solid 2px #BB514A;}
.reservationContent{ float:left; text-align:left;}
.reservationGuest{width:636px; float:left; padding:10px; background-color:#FBEAE3; text-align:justify;border:solid 2px white;margin-bottom:5px;}
.secretaryreservation{width:615px; float:left; padding:10px; background-color:#FBEAE3; text-align:justify;border-bottom:solid 2px #BB514A;}
.secretaryreservationContent{width:615px; float:left; padding:10px; background-color:#FBEAE3; text-align:justify;border-bottom:solid 2px white;}
.reservationold{width:640px; float:left; margin-bottom:10px;padding:10px; background-color:white; margin-top:5px;}
.secrereservationold{width:615px; float:left; margin-bottom:10px;padding:10px; background-color:white; border-bottom:solid 2px white;}
.red{color:#BB514A; font-weight:bold;}
.gray{color:gray; font-weight:bold;}
.formcheckin, .updatecheck {float:left;margin-top:10px;width:550px;}
.formcheckin input, .updatecheck input, .mypageinput {background-color:#F0EADC;border: 0 solid white;padding:1px;}
#checkinTbl {float:left;width:550px;}
#checkinTbl tr input, #checkinTbl tr select{width:460px;}
.checkinRow {float:left;line-height:20px;}
.checkinRow input, .checkinRow select{width:460px;}
.checkinCell1 {width:78px;float:left;}
.checkinCell2 {width:472px;float:left;}
#checkinTbl #city {width:210px;}
#checkinTbl #nation {width:95px;}
.checkinDoc {float:left;width:150px;}
#checkinFirma {width:100%; float:left; text-align:left; height:100px;margin:10px 0px;}
.checkaddinsert{float:left; width:500px; border-bottom:gray solid 1px;padding: 6px 0 4px 0; }
.formlabel{ float:left; width:140px;}
.formimput{float:left; width:440px; height:40px;}
.formimput input {cursor:pointer;}
br{ margin-bottom:5px;}

#navigation { float:right;}
#navigation h3 { float:left; padding:20px 0 0 0; margin:20px 0 0px 20px;clear:both;font-size:14px;color:#bb514a;letter-spacing:-.1px; font-weight:normal;}

#navigation ul {list-style:none;margin:0;padding:0;width:150px;background-color:#FCD9C5; float:right;}
#navigation li {display:block;border:none;text-decoration:none;color:#000;padding:2px 0 2px 2px;background-color:#FCD9C5;}
#navigation li.put {display:block;border:none;text-decoration:none;color:#000;padding:2px 0 2px 2px;background-color:#fff;}
#navigation li a {display:block;border:none;background:#bb514a;text-decoration:none;color:#FFF;padding:2px;}
#navigation li a:hover {color:#CC0000;background-color:#ffffff;}
/* BOTTONI */
div.containerButton {float:left;text-align:right;}
.button {font-size:10px; padding:1px; text-align:left;text-transform:uppercase; white-space:nowrap;background:url("/images/layout/freccia.png") no-repeat center left;line-height:2em;}
.wifiBtn{cursor:pointer;padding:0 0 0 20px;color:#773537;font-size:12px;font-weight:bold;line-height:2em;text-align:left;text-transform:uppercase;white-space:nowrap;}

#sendbtn {width:130px;float:left;cursor:pointer;padding:1px;background: url("/images/layout/freccia.png") no-repeat center left; font-size:12px;font-weight:bold;text-transform:uppercase;color:#773537;}
div.containerButton div.button a:active, div.containerButton div.button a:visited, div.containerButton div.button a:link 
	{display:block;padding:0px 0px 0px 20px;text-decoration:none;line-height:2em;color:#773537;font-size:12px;font-weight:bold;}
div.containerButton div.button a:hover {display:block;padding:0px 0px 0px 20px; text-decoration:none;line-height:2em;}
/* LINGUE */
#lingue {font-size:11px;text-decoration:none;display:block;width:170px;text-align:center;background:#FFEDE1;padding:4px 0;}
#lingue a {color:#993300;text-decoration:none;}
#lingue a:hover {color:#CC6633;text-decoration:none;}
#langMenu {float:left;line-height:16px;width:105px;margin-top:3px;}
#langMenu li {color:#AAAAAA; float:left;line-height:10px;list-style:none outside none;}
#langMenu li span {border-right:1px solid #AAAAAA; display:block;font-size:10px;padding:0 4px;cursor:pointer;}
#langMenu a.active {color:#773537;}
#langmenu a {color:#AAAAAA;}
/* titolo delle specifiche prenotazione*/
.titolo{font-weight:bold;}
.titolo a, .titolo a:visited{ text-decoration:none; color:#CC3300;}
.mypage { float:right; width:150px; margin:20px 0 5px 20px; font:"Arial Narrow"; font-size:14px; color:#bb514a;}
.mypagemenu { float:right; width:170px; }
.nomeBenvenuto{font-size: 24px;color:#808080;line-height:1em;}
.controlli{float:left; width:100%; margin:10px 0 0 0; border-bottom:white 1px solid;}
.linedivision{float:left; height:5px; line-height:2px; font-size:2px; border-bottom:white solid 1px; width:100%;}
.prefWidth {width:326px;float:left;}
.dettagliContainer{float:left; width:567px;  margin:10px 0 0 0 ; }
.dettagliTestata{float:left; width:555px; padding:6px; background-color:#EAE3D1;color:#773537;font-weight:bold;}
.dettagliTestataOld{float:left; width:555px; padding:6px; background-color:#EAE3D1;color:#773537;font-weight:bold;}
.dettagliTesto{float:left; width:98%; padding:1%;}
.dettagliContainerSeg{float:left; width:100%; border:#F5C1A5 solid 1px; margin:10px 0 0 0 ; }
.dettagliTestataSeg{float:left; width:100%; padding:4px; background-color:#F5C1A5;  font-weight:bold;}
.dettagliTestoSeg{float:left; width:100%; padding:6px; font-size:11px;}

.insieme{float:left;width:100%;margin-bottom:10px;}
.wifiTitle{float:left; width:500px; font-size:14px; color:#800000; font-weight:bold; margin:20px 0 0 0px;}
#wifiText1{float:left; width:500px; margin:30px 0 0 0px; font-weight:normal;}
#wifiText2 {margin-left:0px; font-size:10px; width:500px;margin:30px 0 0 0px; font-weight:normal;float:left;}
#sss {float:left;width:500px;border:#800000 solid 2px; padding:2px;}
a.info{position:relative; /*this is the key*/z-index:224; background-color:#ccc;color:#000;text-decoration:none}
a.info:hover{z-index:225; background-color:#ff0}
a.info span{display: none}
a.info:hover span{ /*the span will display just on :hover state*/z-index:500; display:block;position:absolute;padding:4px; width:200px;border:1px solid #800000;border-top:6px solid #800000;background-color:#FCD9C5; color:#000;text-align: center; font-size:10px; line-height:11px;}
a.basic  {color:#AAAAAA;}
#sidebar{width:347px;float:left;}
.posttext{float:left;position:relative;padding:10px 0 0 15px; font-size:11px;width:130px;text-align:left;height:120px;line-height:1.3em;}
.posttext strong {text-align:center;}
.posttext a,.posttext a:visited{text-decoration:none; color:#5c5c5c}
.posttext a:hover{color:#836734;text-decoration:none}
.postPar {float:left;margin-top:10px;width:139px; }
.postTit {float:left;position:relatve;padding:25px 0 0 0px;width:130px; color:#773537;font-family: 'La Belle Aurore', cursive;font-weight:bold;font-size:24px; line-height:20px;}
body{font-family:Helvetica; font-size:12px; color:#5c5c5c}
.menu{float:left; width:100%;padding:6px 6px 6px 0px;text-transform:uppercase;color:#836734;line-height:22px; font-family:Georgia;text-align:left;}
.menu a,.menu a:visited{text-decoration:none;color:#836734;}
.menu a:hover{text-decoration:none;color:#773537;}
.menuline{float:left;;height:1px;width:100%;background-color:#836734;}
.preno{float:left;padding:10px; border:solid 1px #836734;margin:0 0 15px 0;width:550px;}
.preno a,.preno a:visited{text-decoration:none; color:#5c5c5c; font-weight:bold;}
.preno a:hover{color:#836734;text-decoration:none;font-weight:bold;}
#resContainer {float:left;margin:0 0 0 0;width:100%;text-align:left;}
.resBox {float:left;width:550px;margin:10px 0 0 0;}
.resHeader {background-color:#EAE3D1;color:#95897B;font-weight:bold;font-family:Arial;}
.resHeaderOld {background-color:#89642c;color:#95897B;font-weight:bold;font-family:Arial;}
.resInfo {float:left;width:100%;}
.resInfo table {float:left;width:567px; border-collapse:collapse;margin:0 0 5px 0;table-layout:fixed;}
.resPrefHeader {background-color:#EC6501;color:white;}
table.PROSPECT, table.WAIT, table.PENDING,table.CCINV,table.CANCELLED ,table.TL {background:url(/images/layout/backCode.gif);}
.resInfo tr, .resInfo td {border-top:1px solid #773537;color:#773537;}
.resInfo td {padding-left:4px;padding-right:4px;}
.resInfo .grayCol {background-color:#eae3d1;color:#95897b;}
.resInfo .col1 {width:110px;vertical-align:top;}
.resInfo .col2 {width:110px;vertical-align:top;}
.resInfo .col3 {width:70px;vertical-align:top;}
.resInfo .col4 {width:110px;vertical-align:top;}
.resInfo .col5 {width:110px;vertical-align:top;}
.rightarrow {cursor:pointer;border-color:transparent transparent transparent white; border-style:solid;border-width: 4px 0px 4px 8px;float: left;height: 0;width:0;}
.rightarrowred {cursor:pointer;border-color:transparent transparent transparent #773537; border-style:solid;border-width: 4px 0px 4px 8px;float: left;height: 0;width:0;}
.downarrow {cursor:pointer;border-color:white transparent transparent transparent; border-style:solid;border-width: 8px 4px 0 4px;float: left;height: 0;width:0;}
.downarrowred {cursor:pointer;border-color:#773537 transparent transparent transparent; border-style:solid;border-width: 8px 4px 0 4px;float: left;height: 0;width:0;}
.freccia {border:none;float:right;margin-right:6px;}
.gtitolo, .stitolo{width:100%; height:23px; padding:5px 0 0 10px; margin-bottom:6px;background-color:#ebe3d2;color:#836734;}
.rtitolo{width:100%; height:23px; padding:5px 0 0 10px; margin-bottom:6px;background-color:#e1e1e3;color:#836734;}
#footer{float:left;position:relative;margin:20px 0;height:50px;width:100%;font-size:10px;font-weight:bold;color:#5C5C5C;border-top:1px solid #B8A350;}
#footerBook {float:right;text-align:left;font-weight:normal;}
#footerAddress {float:right;text-align:left;font-weight:normal;margin:0 10px 0 0;}
/*booking box*/
#bookBox{background-color:#AAA; float:left; width:100%;font-size:12px;padding:10px 7px 10px 7px; }
.bookTitle{color:white;font-size:12px;margin-bottom:5px;font-family: Arial;line-height:11px;float:left;}
#bookBox table{width:100%;border-collapse:collapse;}
#bookBox tr {line-height:17px;width:100%}
#bookBox td{color:white;font-family:Arial;text-align:left;}
#bookBox #col1  {width:31%;}
#bookBox #col2  {width:23%;}
#bookBox #col3  {width:23%;}
#bookBox #col4  {width:23%;}
#bookBox #col5  {width:17.43%;}

#bookBoxLinear{background-color:#aaa; float:left; width:1030px;font-size:12px;padding:3px 10px;margin:0 0 15px 0;}
#bookBoxLinear table{width:100%;border-collapse:collapse;}
#bookBoxLinear tr {line-height:17px;width:100%}
#bookBoxLinear td{color:white;font-family:Arial;text-align:left;}
#bookBoxLinear #col1  {width:15%;}
#bookBoxLinear #col2  {width:12%;}
#bookBoxLinear #col3  {width:12%;}
#bookBoxLinear #col4  {width:12%;}
#bookBoxLinear #col5  {width:12%;}
#bookBoxLinear #col6  {width:27%;}
#bookBoxLinear #searchbtn{float:left;border:1px solid #e0e0e0;background:#BC964F;color:white;cursor:pointer;padding:2px 6px;font-size:12px;text-align:center;}
.booklabel{font-size:12px;height:10px;margin:0;padding:4px 0 0 0;}
.inputrow{position:relative;width:100%;font-size:12px;font-family:"Arial";vertical-align:top;}
.bookinput{height:14px;width:84.61%;font-size:12px;border-color:#686868;background-color:#F0EADC;border-width:1px;border-style:solid;}
#contact{text-align:center;width:96%;font-family:"Helvetica Neue",Arial,Helvetica,sans-serif;color:#92807A;font-size:0.7em;font-weight:bold;float:left;padding: 5px 0 2px 0;line-height:14px;}
#contact table{width:100%;}
#bookBox #searchbtn{float:left;border:1px solid #686868;background-color:#B0943D;line-height:10px;height:17px;padding:6px 0 1px 0;color:#fff;cursor:pointer;font-size:12px;width:87px;text-align:center;}
#ui-datepicker-div{ font: 9px "Trebuchet MS", sans-serif; margin: 0px;}
#dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
#dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}
ul#icons {margin: 0; padding: 0;}
ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
ul#icons span.ui-icon {float: left; margin: 0 4px;}
.ui-datepicker-trigger{position:absolute;top:2px;left:78%;cursor:pointer;}
/*preferenze*/
#prefContainer {float:left;width:800px;margin:40px 0 0 20px;}
.prefBox {width:185px;height:280px;margin-top:10px;float:left;}
.prefTitle {background-color:#eae3d2;width:100%;float:left;height:3em;font-weight:bold;}
.prefTitle span {float:left;margin:2px 4px;}
.prefImg {float:left;width:100%;}
.prefImg img{width:185px;height:120px;}
.pref {float:left;width:100%;margin-top:5px;}
.prefCheck img {cursor:pointer;vertical-align:middle;margin-right:4px;}
.prefDesc {float:left;width:100%;overflow:hidden;height:100px;}
#prefMenuCnt{float:left;width:425px;background-color:#EBE2D1;margin-left:10px;padding-bottom:10px;}
/*modal language box */
#basic-modal-content {display:none;}
/* Overlay */
#simplemodal-overlay {background-color:#000; cursor:wait;}
/* Container */
#simplemodal-container {height:100px; width:400px; color:#836734; background-color:#EBE2D1; border:4px solid #773537; padding:12px;}
#simplemodal-container .simplemodal-data {padding:8px;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#red;}
#simplemodal-container a.modalCloseImg {background:url(../images/layout/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container h3 {color:#84b8d9;}
.meteostyle{float:left;width:80px;text-align:center;font-family:helvetica; font-size:10px;border-right:solid #CE2900 1px;line-height:10px;} 

#inhouseCnt {height:800px; margin-left:200px}

#offerteCnt {float:left; width:100%;font-family:Helvetica;font-size:12px; color:##5C5C5C;padding:10px;}
.smallOffer {float:left; width: 30%;margin: 20px 15px 20px 0;}
.smallOfferImg img {width:100%;height:66px;}
.smallOffer a{float:left;padding-top:12px;text-align:center;width:100%;color:##773537;font-weight:bold;height:30px;background:url('../images/layout/mypageoffer.png') no-repeat center; }
.smallOfferCnt {float:left;min-height:133px;}
.smallOfferIntro {font-size:10px;min-height:85px;}
.smallOfferTitle{font-size:10px;font-weight:bold;}
/*info window*/
.infoWinCnt {display:none;background-color:#EBE2D1;color:black;width:200px;border:1px solid black;padding:4px;position:absolute;}
.bottombutton{float:left; width:150px; margin:50px 30px 0 0;}
.bottombutton img{border:gray solid 1px;width:130px}
.bottomtext{float:left;height:30px;line-height:12px;background-image:url('/images/layout/arrowgray.png');background-repeat:no-repeat;background-position:right top;padding:5px 14px 0 0;}
/* per la tabella delle condizioni */
#condizioni th {font-size:10px; text-align:center; padding: 4px; background-color:#808080; font-family:Geneva, Arial, Helvetica, sans-serif;color:white;  font-weight:normal;border:1px solid white; } 
#condizioni td {font-size:12px;  background-color:#FFFFFF;  text-align:center; padding: 4px; font-family:Geneva, Arial, Helvetica, sans-serif; color:#808080; font-weight:bold;border:1px solid #808080;}