/*==============GLOBAL=====================*/
* {margin: 0;padding: 0;border: 0;outline: 0;}
img {margin: 0;  	padding: 0;  	border: 0;  	outline: 0;    	vertical-align: top;	behavior: url('../iepngfix.htc');}
button:hover, .button:hover {cursor: pointer;	}
ol, ul { list-style: none;}
html {height: 100%; overflow: -moz-scrollbars-vertical; overflow-y: scroll; }

body {position: relative;	overflow-x: hidden;color: #303030; padding-top: 140px;	background: #fff; font-family: arial, verdana, tahoma;	font-size: 12px; padding-bottom: 10px;}
table { border-collapse: separate;  border-spacing: 0;}
a {text-decoration: underline; color:#005698;}	
a:hover {text-decoration: underline; cursor: pointer; color: #000;}
h1{font-size: 32px; color: #005698; font-weight: normal;}
h2, .breadcrumbs{font-size: 24px; color: #444; font-weight: normal; border-bottom: #005698 1px solid; line-height: 24px; padding-bottom: 10px; padding-top: 10px; font-family: Tahoma, Geneva, sans-serif; margin-bottom: 10px;}
h3{font-size: 16px; color: #005698; font-weight: normal; margin-bottom: 10px;}
h4{font-size: 15px; color: #005698; font-weight: normal;}

button::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="reset"]::-moz-focus-inner {
    padding: 0 !important;
    border: 0 none !important; 
}

/*Элементы форм*/
div.form div.row select, select, input[type="email"], input[type="file"],input[type="password"],input[type="text"], textarea{border: #005698 1px solid; height: 30px; line-height: 30px; color: #005698; font-size: 12px; font-family: Arial, Helvetica, sans-serif; padding: 0 3px; margin-bottom: 5px; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
select {width: auto;}
textarea {height: 150px; resize: vertical;}
textarea#text_ru {height: 750px; resize: vertical;}
textarea#text_sm_ru {height: 250px; resize: vertical;}
input.errorField, textarea.errorField {border-color: #900; background-color: #ffcccc; color: #900;}
button, .button {color: #fff; display: inline-block; text-align: center; text-decoration: none; line-height: 30px; margin-bottom: 5px; height: 30px; min-width: 100px; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; background-color: #005698; background-image: url("../i_adm/loader_button.gif"); background-position: center -30px; background-repeat: no-repeat;padding: 0 10px;}


td .action_but:hover:after {position: absolute; color: white; top: 0; left: -55px; width: 30px; height: 25px; line-height: 24px; width: 50px; padding-left: 5px; font-size: 12px; margin: 0px;}
td button.action_but, td a.action_but {height: 25px; min-width: 25px; width: 25px !important; margin: 0; padding: 0; float: left; margin:2px; position: relative;}

.button {}
button:hover, .button:hover {background-color: #3e78a4; text-decoration: none; color: #fff;}
button.loader {font-size: 0px; background-position: center center;}
button.loader:hover {color: #3e78a4; background-position: center center;}
	button.del {min-width: 26px; margin-bottom: 2px; height: 20px; position: relative; margin-right: 4px; background: #900 url("../i_adm/button_del.png") center center no-repeat;}
	button.up_but {background: url("../i_adm/up_but.jpg") center center no-repeat;}
	button.down_but {background: url("../i_adm/down_but.jpg") center center no-repeat;}
	a.edit_but {background: url("../i_adm/edit_but.png") center center no-repeat;}


	button.del:hover {background-color: #c00;}
		button.del:hover:after {content: "удалить";  background: #c00;}
		button.up_but:hover:after {content: "вверх"; background: #005698;}
		button.down_but:hover:after {content: "РІРЅРёР·"; background: #005698;}
		a.edit_but:hover:after {content: "изменить"; background: #a6a730;}
		
#globloader {position: fixed; left: 50%; top: 50%; margin-top: -25px; margin-left: -75px; width: 150px; height: 20px; text-align: center;padding-top: 30px; color: #fff; font-size: 12px; font-family: Arial, Helvetica, sans-serif; background: #005698 url("../i_adm/loader_global.gif") center 10px no-repeat; display: none;}
/*Конец элементы форм*/

.fb{font-weight: bold;}
.talefti{text-align:left!important;}
.cpointer{cursor: pointer;}

/*УВЕДОМЛЕНИЯ*/
#notification_hint {width: 960px; margin: 0 auto;}
	#notification_hint a {display: inline-block; width: 960px; text-decoration: none;}
	#notification_hint strong {font-size: 12px; font-weight: bold;}
	#notification_hint .error strong {color: #900;}
	#notification_hint section {display: inline-block; width: 100%;}
	#notification_hint a {opacity: 0.7; cursor: pointer;}
		#notification_hint a:hover {opacity: 1;}
	.datetime {font-size: 10px; line-height: 10px;float: right;}

	.error, .info, .success {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 10px 5px; line-height: 16px;text-align: left; padding-left: 35px;  display: none; margin-bottom: 5px; clear: both; width: 100%;}
	.info {border: #FC6 3px solid;  color :#7b5200; background: url("../i_adm/notify_info_bg.png") 6px center no-repeat; background-color: #fff3da;}
	.error {border: #900 3px solid;  color :#900; background: url("../i_adm/notify_error_bg.png") 8px center no-repeat; background-color: #fdd;}
	.success {border: #060 3px solid;  color :#060; background: url("../i_adm/notify_success_bg.png") 6px center no-repeat; background-color: #dfd;}
/*КОНЕЦ УВЕДОМЛЕНИЙ*/

/*GOOGLE ANALYTICS*/
#ga_holder {display: inline-block; width: 100%; height: 300px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: #ddd 3px solid; padding: 10px; text-align: center;}
/*END OF GOOGLE ANALYTICS*/

/* КОНТЕНТ САЙТА */

.w33.show{display: block;}
.wrap {display: block; width: 1200px; margin: 0 auto; -moz-transition: all 0.5s ease-in; -webkit-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in;}
#content {clear: both; display: inline-block; width: 100%; overflow-x: hidden;}
	#content p {color: #444; text-align: justify; font-size: 12px; line-height: 18px; padding-bottom: 10px;}
	#content .full {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 0 10px; }
	#content .half {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 50%; padding: 0 10px; float: left;}
	#content .w75 {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 75%; padding: 0 10px; float: left;}
	#content .w25 {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 25%; padding: 0 10px; float: left;}
	#content .w20 {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 20%; padding: 0 10px; float: left;}
	#content .w16 {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 16%; padding: 0 10px; float: left;}
	#content .w33 {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 33%; padding: 0 10px; float: left;}
	#content .breadcrumbs {margin: 0 10px 10px;}
	#content .breadcrumbs a {text-decoration: none; display: inline-block; padding-right: 30px; background: url("../i_adm/breadcrumbs.png") right bottom no-repeat;}
	#content .breadcrumbs a:last-child {background: none;}
	#content .bggray{background: #f0f0f0; padding:10px; margin:10px 0px 0px 0px; height: 300px; overflow: hidden;}
	#content .bggray img{ width:auto; max-height: 210px; max-width: 370px; }
	#content .post {background: #f0f0f0; padding: 0 10px 10px; margin: 0 10px; border-left: #ddd 10px solid;}
		#content .post.info_line {border-left: #FC6 10px solid;}
		#content .post.error_line {border-left: #900 10px solid;}
		#content .post.success_line {border-left: #060 10px solid;}
		
		#content .left_content {float: left; display: inline-block; width: 750px;}
		#content .row {margin-bottom: 10px; width: 100%; display: inline-block; clear: both; }
		
	/*ТАБЛИЦА КОНТЕНТА*/
	.button_block {padding-bottom: 5px;}
	.content_list {width: 960px; margin: 0 10px 10px;}
		.content_list .table_header th {background: #ccc; text-align: left; border-bottom: #fff 4px solid;}
		.content_list .table_header th a {padding: 7px 0 7px 7px; display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%;}
			.content_list .table_header th a {cursor: default; color: #005698; text-decoration: none; }
			.content_list .table_header th a:hover {cursor: default; color: #005698; }
			.content_list .table_header th a.fadeout {text-decoration: underline; }
			.content_list .table_header th a.fadeout:hover, .content_list .table_header th.order a {background-color: #bbb; background-repeat: no-repeat; background-position: 5px center; cursor: pointer; color: #000; }
			.content_list .table_header th.order.asc a {background-image: url("../i_adm/order_asc.png");}
			.content_list .table_header th.order.desc a {background-image: url("../i_adm/order_desc.png");}
			.content_list tr {background: #f5f5f5;}
			.content_list tr:nth-child(2n) {background: #e5e5e5;}
			.content_list tr.highlight {background: #ffe673;}
				.content_list tr.being_deleted {background: #F99;}
			.content_list td a, .content_list td div {padding: 5px 7px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; width: 100%;}
			.content_list td.multiple_select {text-align: center; vertical-align: top; padding-top: 6px;}
			.content_list td#empty_table {height: 150px; padding-left: 100px;}
			.content_list td#empty_table h3 {font-size: 24px;}
			
			.multiple_act {margin-left: 10px;}
				.multiple_act label, .multiple_act select, .multiple_act button {float: left; margin-right: 10px; line-height: 30px; margin-bottom: 0px;}
	/*КОНЕЦ ТАБЛИЦЫ КОНТЕНТА*/
	
	/*ФОРМА РЕДАКТИРОВАНИЯ КОНТЕНТА*/
	.additional_text {width: 200px; background: #f0f0f0; padding: 10px; margin-right: 10px; float: right;}
	.form {float: left; width: 100%; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;box-sizing: border-box;}
		.form label {font-size: 12px; padding-bottom: 5px; display: inline-block;}
		.form input {position: relative;}
		.form input[rel='req'], .form textarea[rel='req'] {background: url("../i_adm/input_required.png") right 0 no-repeat;}
		.form button {width: 100%;}
		.form .checkbox_list, .form .radio_list {clear: both; display: inline-block; width: 100%;}
			.form .checkbox, .form .radio {display: inline-block; width: 24%; margin: 0 1% 5px 0%; overflow: hidden; font-size: 12px; color: #005698; border: #005698 1px solid; height: 25px; position: relative; float: left;}
.form .w25 .checkbox, .form .w25 .radio {display: inline-block; width: 44%; margin: 0 1% 5px 0%; overflow: hidden; font-size: 12px; color: #005698; border: #005698 1px solid; height: 25px; position: relative; float: left;}
.form .w20 .checkbox, .form .w20 .radio {display: inline-block; width: 44%; margin: 0 1% 5px 0%; overflow: hidden; font-size: 12px; color: #005698; border: #005698 1px solid; height: 25px; position: relative; float: left;}
.form .w16 .checkbox, .form .w16 .radio {display: inline-block; width: 64%; margin: 0 1% 5px 0%; overflow: hidden; font-size: 12px; color: #005698; border: #005698 1px solid; height: 25px; position: relative; float: left;}
				.form .checkbox input, .form .radio input {display: inline-block; margin: 6px 5px; width: 15px; position: absolute;}
				.form .checkbox label, .form .radio label {width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box; padding-left: 25px; line-height: 25px; cursor: pointer; background: #f0f0f0;}
				.form .checkbox label {height: 27px; }
				.form .checkbox label:hover, .form .radio label:hover {background: #89b0ce;}
				.form .checkbox.checked label, .form .radio.checked label {background: #89b0ce; color: #fff;} 
				.form .checkbox.disabled{border-color: #aaa; color: #aaa;}
					.form .checkbox.disabled label {background: #f0f0f0;}
					.form .checkbox.disabled.checked label {color: #666;}
	/*КОНЕЦ ФОРМЫ РЕДАКТИРОВАНИЯ КОНТЕНТА*/
	
	
	/*УВЕДОМЛЕНИЯ В ПОДВАЛЕ САЙТА*/
	#notification_stack {position: fixed; bottom: 20px; right: 20px; width: 10%;}
		#notification_stack .footer_notification {display: inline-block; margin-top: 10px; background: #005698; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #fff;}
	/*КОНЕЦ УВЕДОМЛЕНИЙ В ПОДВАЛЕ САЙТА*/
	
/*КОНЕЦ КОНТЕНТА САЙТА*/

/*ШАПКА САЙТА*/
header {display: inline-block; width: 100%; background: #005698; top: 0px; position: fixed; height: 130px; -moz-transition: all 0.5s ease-in; -webkit-transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in; transition: all 0.5s ease-in; z-index: 2;}
header.open {height: 45%;}
	header a {color: #9cc;}
	header #logo {font-size: 12px; color: #9cc; text-align: right; width: 210px; padding-top: 22px; background: url("../i_adm/logo.png") 0 0 no-repeat; -moz-transition: all 0.5s ease-in; -webkit-transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in; transition: all 0.5s ease-in; text-decoration: none; position: absolute; bottom: 10px;left: 50%; bottom: 75px; margin-left: -480px;}
	header.open #logo { margin-left: -105px; bottom: 10px;}
	
	/*СКИНЫ ШАПКИ*/
	header.green {background: #060;}
		header.green #mainmenu li a:hover, header.green #mainmenu li a.active:hover, header.green #mainmenu li:hover {background: #178417;}
		header.green #mainmenu li a.active, header.green #mainmenu li ul { background: #3ea83e ; }

	header.orange {background: #ffcc00;}
		header.orange #mainmenu li a:hover, header.orange #mainmenu li a.active:hover, header.orange #mainmenu li:hover {background: #d2b12c;}
		header.orange #mainmenu li a.active, header.orange #mainmenu li ul {background: #ffec9f; color: #774c00;}
		header.orange a, header.orange #logo {color: #774c00;}
	/*КОНЕЦ СКИНОВ ШАПКИ*/
	
	#login_block {position: fixed; left: 50%; width: 200px; margin-left: -100px; top: 45%; margin-top: 10px; text-align: right;}

/* ИНФОРМАЦИЯ О ПОЛЬЗОВАТЕЛЕ */
#userinfo {float: right; display: inline-block; width: 500px; padding-right: 60px; background-position: right 0; background-repeat: no-repeat; height: 40px; text-align: right; padding-top: 10px; color: #fff; font-size: 12px; margin-top: 10px;}
	#userinfo a {-moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in;}
	#userinfo a:hover {color: #fff;}
	#userinfo ul {margin-right: -5px;}
	#userinfo ul li {float: right; font-size: 12px; margin-top: 3px; margin-left: 5px;}
		#userinfo ul li a {display: inline-block; padding: 3px 5px;}
		#userinfo ul li a.active {background: #5997c6; color: #fff !important; text-decoration: none;}
		#userinfo ul li a.active:hover {color: #fff !important;}
		#userinfo ul li.errors a {color: #ddabb5;}
		#userinfo ul li.errors a:hover {color: #fff;}
/* КОНЕЦ ИНФОРМАЦИИ О ПОЛЬЗОВАТЕЛЕ */	
	
/* ГЛАВНОЕ МЕНЮ */		
#mainmenu {width: 100%; clear: both;}		
	#mainmenu li {float: left; display: inline-block; margin-top: 20px; position: relative;  -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in;}
	#mainmenu li.rgt {float: right;}
		#mainmenu li a {display: inline-block; line-height: 16px; padding: 10px 20px; font-size: 14px; text-decoration: none; color: #fff; -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%;}
		#mainmenu li a.active,#mainmenu li a.active:hover {background: #5997c6;}
		#mainmenu li a:hover, #mainmenu li:hover {background: #4181b2;}
		#mainmenu li ul {background: #5997c6;display: none; position: absolute; top: 35px; z-index:1; min-width: 250px}
		#mainmenu li:hover {z-index: 3; visibility: visible;}
		#mainmenu li ul li {display: inline-block; width: 100%; margin-top: 0;}
		#mainmenu li ul li ul {position: absolute; top: 0; left: 100%; display: none !important;}
		#mainmenu li ul li:hover ul {display: block !important;}
		
		#mainmenu li:hover ul {display: block;}
/*КОНЕЦ ШАПКИ САЙТА*/

/* ВСПЛЫВАЮЩЕЕ ОКНО */
#popup {position: fixed; top: 0; left: 100%; width: 100%; height: 100%; display: inline-block; background: #333; z-index: 5;}
.popup_body {height: 300px; left: 0; top: 50%; margin-top: -150px; background: #fff; width: 100%; position: absolute;display: inline-block;}
.hint_wrap {width: 500px; margin: 0 auto; margin-top: 30px;}
.hint_buttons {text-align: right; margin-top: 10px;}
.hint_buttons button {margin-left: 10px;}
.cancel {background: #600;}
	.cancel.button {width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
/* КОНЕЦ ВСПЛЫВАЮЩЕЕ ОКНО */

/*ПРАВА ДОСТУПА АДМИНИСТРАЦИИ*/
.checkbox_list_cascade ul {clear: both; display: block;}
.form .checkbox_list_cascade li {padding: 2px 0px 2px 20px; display: inline-block; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.form .checkbox_list_cascade .checkbox {width: 100%;}

tr td.admin_log_row {padding: 10px 10px 10px 5px; line-height: 18px; }
tr td.admin_log_row a {display: inline; padding: 0;}

/*PAGING*/
.paging {display: inline-block; float: left; margin-left: 10px; margin-top: 10px;}
	.paging a {min-width: 14px; height: 24px; display: block; float: left; padding: 0 5px; margin: 0 4px 0 0;line-height: 24px; text-decoration: none;  text-align: center; background: #ddd;}
	.paging .curpage a {background: #005698; color: #fff; }
	.paging a.last_page, .paging a.first_page {display: none;}
	.paging a:hover {cursor: pointer; background: #ccc; }	
	.paging .curpage a:hover {background: #005698; }
	
/* NAVTABS */
#navtabs ul li {display: inline-block; float: left;}
#navtabs ul li a {display: block; padding: 10px 20px; text-decoration: none; box-sizing: border-box; height: 34px;}
	#navtabs ul li a:hover {background: #eee;}
	#navtabs ul li a.active {border-bottom: 3px solid #005698; padding-bottom: 12px;}

.clr{clear:both;}

.reserve-form ul.placeslist {
  padding: 0;
  margin: 0 0 20px;
}
.reserve-form ul.placeslist li {
  padding: 0;
  margin: 0;
  margin-top:10px;
  list-style-type: none;
  background: rgba(0, 0, 0, 0.06);
}
.reserve-form ul.placeslist li .contacts {
  width: 96%;
  margin: 10px 0 20px 20px;
  padding-bottom:20px;
  cursor:pointer;
}
.reserve-form ul.placeslist li .contacts h3 {
  color: #392400;
  font-size: 16px;
  font-weight: bold;
  width: 950px;
  margin: 0;
  line-height: 2;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.38);
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.38);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.38);
}
.reserve-form ul.placeslist li .contacts .info {
  text-align: justify;
  padding: 0.8em 0 0.6em;
  height: 16px;
}
.reserve-form ul.placeslist li .contacts .info span {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
}
.reserve-form ul.placeslist li .contacts .info::after {
  width: 100%;
  display: inline-block;
  content: ".";
  visibility: hidden;
}
.booking-cont {
  padding: 0px 15px 10px;
  display:none;

}
.booking-cont .row {
  display: inline-block;
  float: left;
  width: 100%;
}
.booking-cont h2 {
  font-size: 20px;
  margin: 0;
  text-align: center;
  padding-bottom: 10px;
}
.booking-cont .date-slider-cont {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 15px;
}
.booking-cont .date-slider-cont .bg {
  padding-top: 42px;
  background: url('/assets/img/date-slider-bg.png') left top repeat-x;
}
.booking-cont .date-slider {
  width: 898px;
  height: 8px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: url("/assets/img/date-slider-inner-bg.png") left top repeat-x;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.76);
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.76);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.76);
  margin-left: 13px;
  position: relative;
}
.booking-cont .date-slider a {
  position: absolute;
  width: 16px;
  margin-left: -8px;
  margin-top: -5px;
  height: 16px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #e9a323;
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.85);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.85);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.85);
  background-image: -moz-linear-gradient(top, #eac145 0%, #e6921d 100%);
  background-image: -o-linear-gradient(top, #eac145 0%, #e6921d 100%);
  background-image: -webkit-linear-gradient(top, #eac145 0%, #e6921d 100%);
  background-image: linear-gradient(top, #eac145 0%, #e6921d 100%);
}
.booking-cont .slider-legend {
  width: 898px;
  margin-left: 13px;
  margin-top: 10px;
}
.booking-cont .slider-legend span {
  width: 20%;
  float: left;
  text-align: center;
  font-size:14px;
}
.booking-cont .slider-legend span:first-child {
  width: 10%;
  text-align: left;
}
.booking-cont .slider-legend span:last-child {
  width: 10%;
  text-align: right;
}
.booking-cont .detailed_date {
  position: relative;
  width: 270px;
  padding: 0 5px;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
  background-color: #df9800;
  margin: 0 auto;
  height: 54px;
  line-height: 54px;
}
.booking-cont .detailed_date label {
  position: absolute;
  display: inline-block;
  right: 100%;
  color: #b4b4b4;
  font-size: 20px;
  border: none;
  min-width: 120px;
  margin-right: 10px;
  text-shadow: 0 1px #fff;
}
.booking-cont .detailed_date .b-time,
.booking-cont .detailed_date .b-date {
  color: #fff;
  font-size: 26px;
  float: left;
  overflow: hidden;
  height: 54px;
}
.booking-cont .detailed_date .b-time a,
.booking-cont .detailed_date .b-date a {
  width: 18px;
  height: 30px;
  background-repeat: no-repeat;
  background-position: center center;
  margin: 12px 0px;
  float: left;
}
.booking-cont .detailed_date .b-time a:hover,
.booking-cont .detailed_date .b-date a:hover {
  background-color: #d18f01;
}
.booking-cont .detailed_date .b-time .less,
.booking-cont .detailed_date .b-date .less {
  background-image: url("../img/arr_less.png");
}
.booking-cont .detailed_date .b-time .more,
.booking-cont .detailed_date .b-date .more {
  background-image: url("../img/arr_more.png");
}
.booking-cont .detailed_date .b-time strong,
.booking-cont .detailed_date .b-date strong {
  float: left;
  padding: 0 1px;
}
.booking-cont .detailed_date .b-time {
  min-width: 120px;
}
.booking-cont .detailed_date .b-date {
  max-width: 167px;
}
.booking-cont .booking-visual .bg {
  position: relative;
  width: 960px;
  background-color: #fff;
  text-align: center;
  padding-top: 10px;
  height:305px;
}
.booking-cont .booking-form {
  position: absolute;
  background-color: #eaa323;
  width: 374px;
  top: 100px;
  left: 30%;
  z-index:10;
}
.booking-cont .booking-form form {
  padding: 10px 25px;
}
.booking-cont .booking-form h2 {
  font-size: 18px;
  text-align: center;
  border: none !important;
  margin: 0;
  box-shadow: none;
}
.booking-cont .booking-form .row {
margin:0 auto;
  margin-bottom: 10px;
  width:960px;
}
.booking-cont .booking-form .row label {
  display: block;
  text-align: center;
  font-size: 16px;
  color: #222222;
}
.booking-cont .booking-form .row input {
  width: 94%;
  padding: 0 3%;
  height: 34px;
  border: 0;
  outline: 0;
  text-align: center;
  font-weight: bold;
}
.booking-cont .booking-form .guests-amount label {
  float: left;
  line-height: 37px;
}
.booking-cont .booking-form .guests-amount .guests {
  float: right;
  margin: 0;
  padding: 0;
}
.booking-cont .booking-form .guests-amount .guests li {
  float: left;
  display: inline-block;
  width: 17px;
  height: 37px;
  background: url('../img/person.png') left top no-repeat;
  margin: 0 1px;
  cursor:pointer;
}
.booking-cont .booking-form .guests-amount .guests li.hl {
  background-position: left bottom;
}
.booking-cont .booking-form .button {
  width: 150px;
  text-align: center;
  background-color: #fff;
  margin: 0 auto;
  height: 40px;
  line-height: 40px;
  text-decoration: none;
  display: block;
  color: #eaa323;
  font-size: 19px;
  position:relative;
  left:0;
  padding:0;
  bottom:0;
}
.booking-cont .booking-form .button:hover {
  background-color: #fff7e8;
  color: #5b3b02;
}
.booking-cont .booking-form:after {
  bottom: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(234, 163, 35, 0);
  border-bottom-color: #eaa323;
  border-width: 20px;
  left: 50%;
  margin-left: -20px;
}
.booking-cont .booking-form .success {
  padding: 20px 25px;
}
.booking-cont .booking-form .error {
  padding: 20px 25px;
}

.booking-cont .table{
  border:0px solid red;
  position:absolute;
  background-position:left top;
  background-repeat:no-repeat;
}

.booking-cont .table:hover{
  cursor:pointer;
}

.booking-cont .table.reserved{
  background-position:left bottom;
}