li {
  list-style: none;
}
/* default clear if content doesn't need to flow outside container */
.clearfix {
  overflow: hidden;
  display: inline-block;
  zoom: 1;
  display: block;
}
/* For IE 6/7 (trigger hasLayout) */.clearfix-new {
  zoom: 3;
}
/* ====================== from HTML5 boilerplate ====================== */html {
  font-size: 100%;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body {
  margin: 0;
  font-size: 12px;
  line-height: 1.231;
}
body,
button,
input,
select,
textarea {
  font-family: sans-serif;
  color: #333;
}
a {
  color: #366DEC;
}
/*a:visited { color: #366DEC; }*//*a:hover { color: #06e; }*/a:focus {
  outline: thin dotted;
}
/* Improve readability when focused and hovered in all browsers: h5bp.com/h */a:hover, a:active {
  outline: 0;
}


/********************************** COMMONS *********************************/.shadow {
  -moz-box-shadow: 1px 1px 2px #999;
  -webkit-box-shadow: 1px 1px 2px #999;
  box-shadow: 1px 1px 2px #999;
  filter: progid:DXImageTransform.Microsoft.Shadow(color='#999999',direction='120',strength='2');
}
.background-left-arrow {
  background-image: url("/Content/images/left-arrow.png");
  background-position: 3px center;
  background-repeat: no-repeat;
}
.sb-item-container {
  border: solid 5px #e5e5e2;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  padding: 10px;
  margin-bottom: 10px;
  background-color: white;
  position: relative;
}
.sb-info-link {
  color: #0467bd;
  font-size: .95em;
  white-space: nowrap;
}
.sb-info-link img {
  vertical-align: middle;
  margin-right: 4px;
}
.offer-color {
  color: #1a971a;
}





/********************************** BASIC *********************************/html {
  height: 100%;
}
body {
  min-height: 100%;
}


.bg-trasp-borded {
  background: #e7e7e7;
  background: rgba(255, 255, 255, 0.8);
  border: solid 1px white;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.sb-search-view, .sb-cart-view, .sb-rez-summary-cart {
  background: #e7e7e7;
  background: rgba(255, 255, 255, 0.8);
  border: solid 1px white;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  padding-bottom: 15px;
}
.sb-main-view {
  background: #e7e7e7;
  background: rgba(255, 255, 255, 0.8);
  border: solid 1px white;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  padding: 0 10px;
  padding-bottom: 15px;
}
/********************************** RESULTS HEADER *********************************/.sb-results-view h2, h2 {
  border: solid 3px #dbe0e4;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  padding: 7px;
  margin: 10px 0 5px 0;
  background-color: #ffffff;
  font-size: 1.3em;
  font-weight: bold;
  color: #666666;
}
.sb-info {
  font-size: 80%;
  color: #999;
  line-height: 1.2em;
}
.sb-rooms-list .sb-info, .sb-solution .sb-info {
  margin-top: 6px;
}
.sb-step-room-alloc {
  padding: 0px 5px 3px 5px;
  color: gray;
  font-size: 0.9em;
  font-weight: bold;
}
.sb-step-room-alloc span {
  font-size: 1.1em;
}
/* */


.start-page-intro, .start-page-why-direct-booking {
  float: left;
  font-size: 1.1em;
  color: grey;
  display: inline-block;
  vertical-align: top;
  line-height: 18px;
}
.start-page-intro {
  background: url("../../../images/left-arrow-green.png") no-repeat 0 10%;
  padding-left: 30px;
  padding-right: 10px;
  width: 40%;
}
.start-page-why-direct-booking {
  width: 45%;
  margin-left: 20px;
}
.start-page-why-direct-booking ul {
  margin-top: 15px;
}
.start-page-why-direct-booking li {
  background: url("../../../images/list-icon.png") no-repeat;
  color: green;
  margin: 5px 0;
  padding: 0 0 0 30px;
}
.start-pag-form-container {
  background: url("../../../images/down-arrow-green.png") no-repeat 20% bottom;
  padding-bottom: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
}
.start-pag-form-title {
  color: #ffa500;
  font-size: 2em;
  margin-bottom: 20px;
}


/********************************** tabelle offerte *********************************/.
/********************************** SPECIAL OFFERS LIST AND DETAILS *********************************/.sb-offer-item {
  background-color: white;
}

.sb-offer-item-container {
  position: relative;
}
.sb-offer-image {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  border: solid 1px #dedede;
}
.sb-offer-image.small {
  width: 75px;
  height: 60px;
  float: left;
  margin-right: 10px;
}
.sb-offer-name {
	font-weight: bold;
	font-size: 1.3em;
	color: #CC3300;
}
.sb-offer-link {
  position: absolute;
  bottom: 0px;
  right: 0px;
}
.sb-offer-element-title {
  font-weight: bold;
}
.sb-offer-btns {
  margin-top: 5px;
}
.sb-img-offer-detail {
  width: 200px;
  float: right;
  margin-left: 20px;
}
.sb-offer-title {
  border: none;
  color: #CC3300;
  padding: 0;
  font-size: 1.5em;
  font-weight: bold;
  margin-bottom: 15px;
}