/* zmiany oryginalnego CSS */
#baner-menu { height:107px!important;}
.sh-content label { width: auto; float: none;}



/* css dla modułu */

/* główny div modułu */
.sh-content {
	width:650px;
	margin:auto;
	font-size:11px;
}

/* techniczne */
.hide { display:none; }
.clear { clear:both; }
.center { text-align:center!important;}
.left { text-align:left!important;}
.fleft { float:left;}
.nowrap { white-space:nowrap;}

/* dodatkowy spacing */
.big-space-up {margin-top:30px;}
.space-up {margin-top:10px;}

/* pokazywanie błedów i informacji systemowych */
.error-message { border: solid 2px #bd2d43; color: #bd2d43; background-color: #fddee3; margin-top: 14px; padding:3px 10px 3px 10px; font-size:12px; }
.system-message { border: solid 2px #21c7ff; color: #21c7ff; background-color: #e0f7ff; margin-top: 14px; padding:3px 10px 3px 10px; font-size:12px; }

/* ramka błędu wokół inputa */
.error { border: solid 1px #bd2d43; padding:2px 1px 2px 1px;}

/* tytuł w wielu miejscach */
.title{
  border:1px solid white;
  background: #69a1d4;
  color: white;
  text-align:center;
  font-size:13px;
  height:35px;
  line-height:35px;
  font-weight:bold;
}

/* tag "nowe" przy zmienionych warunkach rezerwacji */
.new {
  background-color:red;
  color:white;
  padding:4px;
  font-weight:normal;
}

/* date picker */
#picker-container{
  position: absolute;
  z-index:999;
}
#img-picker {
  margin-left:3px;
  background: url(/Public/Img/calendar.jpg) no-repeat center;
  float:left;
  height:22px;
  width:22px;
  cursor:pointer;
}
#picker {
  position:relative;
  top: -50px;
  left: 10px;
}

/* wyszukiwarka prosta - strona główna modułu */
#search-form {
  width:600px;
  margin: auto;
  color:black;
}
#search-form table {
  width:100%;
}
#search-form table table {
  width:auto;
}
/* wyszukiwanie zaawansowane */
#ext-search-form {
  width:600px;
  margin: auto;
}
#ext-search-form table {
  width:100%;
}
/* skrócona wyszukiwarka - na wynikach */
#search-form-simple { width:100%; }
#search-form-simple table{ width:100%;}

/* pola wyszukiwarki */
#search-form #country,
#ext-search-form #country,
#search-form-simple #country,
#search-form #city,
#ext-search-form #city,
#search-form-simple #city,
#search-form #room_type,
#ext-search-form #room_type,
#search-form-simple #room_type{
  width:200px;
}
#search-form input[type=checkbox],
#ext-search-form input[type=checkbox],
#search-form-simple input[type=checkbox] {
  display:inline;
  width:10px;
  height:10px;
  border: none;
  margin:5px;
}
#search-form #arrival,
#ext-search-form #arrival,
#search-form-simple #arrival {
  width:80px;
}
#search-form .button,
#ext-search-form .button,
#search-form-simple .button {
  background-color: #5f9bcf;
  color: white;
  border: 1px solid #679ac9;
  float: right;
  width:auto;
  height:auto;
  padding:2px;
  font-weight: bold;
}

#search-form-simple thead{
  border:1px solid white;
  background: #9c6500;
  color: white;
  text-align:center;
  font-size:13px;
  height:35px;
}
#search-form-simple td{
  width:25%;
  text-align:center;
  color:#999;
}

/* "proszę czekać" */
.search-wait {
padding-top:30px;
padding-bottom:20px;
text-align:center;
}
.search-wait h1 { color:#999; font-size:20px; line-height:25px;}

/* kroki procesu wyszukiwania i rezerwacji */
#steps {
  margin: 0 auto 5px auto;
  width:500px;
  height:30px;
  padding:0px;
  color: white;
  text-align: center;
  border-collapse:collapse;
  font-weight: bold;
}
#steps td {
  background-color:#96d1f9;
  border:1px solid white;
}
#steps .first {
}
#steps .last {
}
#steps .active {
  background: #679ac9;
}

/* kryteria wyszukiwania na wynikach */
#search-criteria {
  width:100%;
  background-color:#96d1f9;
  color: white;
  border:1px solid white;
  padding:0px;
  margin-bottom:10px;
}
#search-criteria th{
  text-align:center;
  font-size:13px;
}
#search-criteria td{
  padding-top: 0px;
  margin-top:0px;
  text-align:center;
}

/* wyniki wyszukiwania */
.results {
  margin-top:10px;
  width:100%;
  border-collapse:collapse;
  text-align:left;
}
.results .header{
  background: #96d1f9;
  color: white;
  font-size:13px;
}
.results .header2{
  background: #96d1f9;
  color: white;
  text-align:center;
}
.results td {
  padding-top:10px;
  padding-bottom:10px;
  background-color: #fff;
  border-bottom: 1px solid #d1d1d1;
}
.results a {
  text-decoration:none;
  color: black;
}
.results .name{
  width:190px;
  font-weight:bold;
}
.results .name img {
  margin-top:5px;
  border:0;
}
.results .room {
  padding-left:10px;
  padding-right:10px;
}
.results .price {
  padding-left:10px;
  padding-right:10px;
  white-space:nowrap;
}
.results .cancel {
  white-space:nowrap;
}
.a-button, .cancel-button {
  background-color: #5f9bcf;
  color: #fff!important;
  float: right;
  display:block;
  width:auto;
  height:auto;
  padding:2px 5px 2px 5px;
  font-weight: bold;
  text-decoration:none!important;
}
.results .cancel-none,
.detail .cancel-none,
.hotelinfo .cancel-none {
  color:red;
}

/* szczegóły opisu hotelu */
.detail {
  background: #fff;
  color:#8e8e8e;
  padding:4px;
}
.detail .name{
  font-size:12px;
  font-weight: bold;
  height:28px;
  text-align:center;
}
.detail .address {
  font-size:11px;
  text-align:left;
  width:104px;
  float:left;
}
.detail .imgs {
  float:left;
  width:435px;
  min-height:20px;
}
.detail .imgs .img {
  float:left;
}
.detail .imgs .img-wrapper {
  height:113px;
}
.detail .imgs img {
  width:135px;
  max-height:105px;
  padding:3px;
  border:0;
}
.detail .desc {
  display:block;
  text-align:justify;
}
.detail .desc strong {
  display: block;
  height: 28px;
  line-height:28px;
  text-align: center;
  font-weight: bold;
  font-size:12px;
}
/* szczegóły hotelu na otwarciu rezerwacji */
.hotelinfo {
  width:100%;
  background:#fff;
}
.hotelinfo th {
  width:120px;
  font-weight:normal;
  text-align:left;
  padding:4px;
}
.hotelinfo td {
  text-align:left;
  padding:4px;
}
/* formularz rezerwacji */
.inside-book-form {
  width:100%;
}
.inside-book-form th {
  font-weight:normal;
  text-align:left;
  padding:3px;
  width:120px;
}
.inside-book-form td {
  text-align:left;
  padding:3px;
}
.inside-book-form input{
  width:150px;
}
.inside-book-form input[type=checkbox]{
  display:inline;
  width:10px;
  height:10px;
  border: none;
  margin:5px;
}
.inside-book-form .button,
.hidden-form .button {
  background-color: #5f9bcf;
  color: white;
  border: 1px solid #679ac9;
  float: right;
  width:auto;
  height:auto;
  padding:2px;
  font-weight: bold;
}

.hidden-form {
float:left;
}
.inside-book-form strong {
  display: block;
  height: 28px;
  line-height:28px;
  text-align: center;
  font-weight: bold;
  font-size:12px;
}
.inputlong input,
input.inputlong {
  width:200px;
}