/* ------- Screen---------------*/
html,
body {
	height: 100%;
	padding: 0;
	margin: 0;
	position: relative;
	width: 100%;
}

body {
	font-family: 'Candara', sans-serif;
	background-color: #F4E5D2;
	background-size: 100% auto;
	color: #000;
	font-size: 12pt;
	min-width: 998px;

}

.headerSpace {
	height: 144px;
}

header {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	z-index: 6;
}

footer {
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	height: 55px;
	z-index: 4;
}

/*** OVER CONTENT - GENERAL ***/

.overMe {
	height: 0;
	position: absolute;
	z-index: 5;
	bottom: 0;
	right: 0;
	left: 0;
	overflow: auto;
	margin-bottom: 44px;
}

.overMe.active {
	
	z-index: 6;
}

.overMeIn {
	overflow: auto;

	position: relative;
}

.stretch .overContent {

	padding: 40px 0 40px;
}

.overContent {
	 max-height: none; /* убрать фиксированную высоту, если есть */
  overflow-y: visible; /* или auto для прокрутки по вертикали */
}

/*** FOR Default content - only one ***/
.overMe.default {
	height: auto;
	max-height: 1800px;
	z-index: 7;
}

/*** Fix content to TOP ***/
.overMe.fixTop {
	top: 1144px;
	bottom: auto;
}

/*** Fix content to right bottom (over footer) ***/
.fixRightBot.overMe {
	bottom: 0;
}

.fixRightBot .overMeIn {
	overflow: visible;
	padding: 0;
}

.fixRightBot.default .overContent {
	height: auto;
}

.fixRightBot .overContent {
	width: 613px;
	float: right;
}

.fixRightBot .overContent {
	height: 0;
	padding: 0;
	overflow: hidden;
}

.fixRightBot.hideDefault {
	z-index: 60;
}


/*** document WIDTH  ***/
.fixWidth {
	width: 992px;
	margin: 0 auto;
}

.overContent .newsletter h2 {
	margin-top: 0;
}

#newsletter .overContent {
	width: 339px;
	padding: 20px 20px 20px 20px;
}

#newsletter,
#welcome {
	z-index: 50;
}

.newsletter input {
	float: left;
	margin-left: 20px;
}

#welcome .overContent {
	padding-left: 35px;
	width: 344px;
}

.overContent.mCustomScrollBox .welcome {
	padding-right: 0;
}

.welcome {
	padding-right: 45px;
}

#welcome .highlight {
	margin-bottom: 30px;
}

#welcome p {
	lineight: 17px;
}

/* ------- BG slider---------------*/

#bgWrapp {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 0;
	object-fit: cover;
	/* или другое положительное значение, если у вас есть контент поверх слайдера */
}

#bgWrapp img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	/* масштабирует изображение под экран без искажений */
	display: block;
}

/* -------Btns, icons - general ---------------*/

[class*=btn] {
	dipslay: inline-block;
	padding: 5px 8px;
	text-transform: uppercase;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
}

[class*=btn].small {
	padding: 1px 9px;
	text-transform: none;
}

/* - For glow effect -*/
.btnPurple {
	background: url('../png/glowbtn.png') repeat-x 0 0 scroll transparent;
}

/* - For shadow effect -*/
.btnPurple {
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
}

.btnPurple {
	background-color: #9a2e45;
	border-left: 1px solid #ae586a;
	border-top: 1px solid #ae586a;
	border-bottom: none;
	border-right: none;
}

[class*=ico],
.sliderDirection div,
.closeOverMe,
.mCSB_scrollTools a,
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	background-image: url('../png/sprite.png');
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	background: #901B3B;
	color: #fff;
}

[class*=ico] {
	background-position: 100 100;
	background-reapeat: no-repeat;
	display: inline-block;
	position: relative;
	vertical-align: middle;
}

a [class*=ico] {
	cursor: pointer;
}

.icoBook {
	width: 32px;
	height: 33px;
	background-position: 0 -25px;
}

.icoBook.purple {
	width: 26px;
	height: 27px;
	background-position: -69px -72px;
}

.icoCalendar {
	width: 25px;
	height: 25px;
	background-position: 0 0;
	cursor: pointer;
}

.icoArrow {
	width: 16px;
	height: 8px;
}

.icoArrow.small {
	width: 13px;
	height: 7px;
}

.icoArrow.white.down {
	background-position: -32px 0;
}

.icoArrow.white.up {
	background-position: -32px -8px;
}

.icoArrow.white.down.small {
	background-position: -48px 0;
}

.icoArrow.white.up.small {
	background-position: -48px -9px;
}

.active .icoArrow.purple.down,
#tabs a:hover .icoArrow.purple.down,
.icoArrow.orange.down {
	background-position: -33px -66px;
}

.icoArrow.orange.up {
	background-position: -33px -58px;
}

.icoArrow.purple.down {
	background-position: -50px -66px;
}

.icoArrow.purple.up {
	background-position: -50px -58px;
}

.icoFace {
	background-position: -33px -25px;
	width: 9px;
	height: 16px;
}

.icoOwl {
	background-position: -43px -25px;
	width: 24px;
	height: 14px;
}

.icoText {
	background-position: -33px -42px;
	width: 21px;
	height: 15px;
}

.icoWifi {
	background: url('../png/icowifi.png') no-repeat;
	width: 27px;
	height: 16px;
}


/* ------- Gradients--------------*/
.bg,
#mainMenu ul ul,
.ui-datepicker {
	/*
	background-image: url("/web/20180409192615im_/http://www.hotel-cloister.com/img/bgSpecial.png");
	background-repeat: repeat-x;*/
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjkiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ViYmI4MCIgc3RvcC1vcGFjaXR5PSIwLjkiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.9) 0%, rgba(235, 187, 128, 0.9) 100%);
	/* FF3.6+ */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(235, 187, 128, 0.9)));
	/* Chrome,Safari4+ */
	background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9) 0%, rgba(235, 187, 128, 0.9) 100%);
	/* Chrome10+,Safari5.1+ */
	background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.9) 0%, rgba(235, 187, 128, 0.9) 100%);
	/* Opera 11.10+ */
	background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.9) 0%, rgba(235, 187, 128, 0.9) 100%);
	/* IE10+ */
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 0%, rgba(235, 187, 128, 0.9) 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6ffffff', endColorstr='#e6ebbb80', GradientType=0);
	/* IE6-8 */
	box-shadow: 0 0 10px rgba(215, 118, 0, 0.5);
	-webkit-box-shadow: 0 0 10px rgba(215, 118, 0, 0.5);
}


/* ------- General style--------------*/

a {
	color: #901b3b;
	outline: 0 none;
}

h1,
.rooms .room-title {
	font-size: 24px;
	font-weight: normal;
	margin-bottom: 30px;
	color: #eb851f;
}

.date {
	font-weight: bold;
	font-size: 20px;
	color: #000000;
}

strong,
b {
	color: #000;
}

.left {
	float: left;
}

.right {
	float: right;
}

.textRight {
	text-align: right;
}

.clear {
	clear: both;
}

.more {
	color: #901b3b;
}

.relative {
	position: relative;
}

.loading {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	opacity: 0.2;
	filter: alpha(opacity=20);
	background: url("../gif/loader.gif") no-repeat center center scroll #eb851f;
}

input {
	font-family: 'Candara', sans-serif;
}

input[type="submit"] {
	cursor: pointer;
}

textarea {
	font-family: Verdana, sans-serif;
	color: #333333;
	font-size: 13px;
}

/*-------------------------- Header a vsechny jeho tridy ------------------------------------------------*/
.headerFixed {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 5000;
}

.headLayer0 {
	height: 144px;
}

.headLayer0 .fixWidth {
	position: relative;
}

.bgHead {
	background: url("../png/bgheader.png") repeat-x scroll 0 0 transparent;
}

.bgLogo {
	display: block;
	width: 600px;
	height: 110px;
	position: absolute;
	left: -193px;
	top: 0;
	background: url("../png/bglogo.png") no-repeat;
}

header {
	position: relative;
	height: 146px;
}

#logo {
	float: left;
	margin-top: 10px;
	margin-left: -1px;
}

/* ------- Main Menu ---------------*/

#mainMenu {
	bottom: 2px;
	display: block;
	font-size: 15px;
	left: 2px;
	position: absolute;
	width: 90%;
	z-index: 4000;
}

#mainMenu ul {
	float: left;
}

#mainMenu li {
	display: inline-block;
	zoom: 1;
	z-index: 4000;
	float: left;

}

#mainMenu li>a,
#switchLang,
.subMenu a {
	display: inline-block;
	color: #ffffff;
	text-decoration: none;
	font-size: 15px;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	cursor: pointer;
	margin-right: 17px;
	margin-bottom: 9px;
}

#mainMenu li+li {
	padding-left: 3px;
}

#mainMenu li a:hover,
#mainMenu li a:active,
#mainMenu li a.active,
.subMenu a:hover,
#switchLang:hover {
	color: #f5daac;
}

#mainMenu li a:hover {
	margin-bottom: 0;
	padding-bottom: 9px;
}

/* ------- Submenu ---------------*/
#mainMenu .carouselWrapp.horizontal {
	padding: 0 58px;
}

#mainMenu .sliderDirection div.prev {
	left: 20px;
}

#mainMenu .sliderDirection div.next {
	right: 20px;
}

#mainMenu .sliderDirection div.prev.disabled {
	background: url("../png/ar-gray.png") left top no-repeat;
	cursor: default;
}

#mainMenu .sliderDirection div.next.disabled {
	background: url("../png/ar-gray.png") left bottom no-repeat;
	cursor: default;
}



#mainMenu ul ul {
	position: absolute;
	top: 24px;
	left: 0;
	right: 0;
	width: 989px;
	height: 0;
	overflow: hidden;
	/*	 -webkit-transition: opacity 1s ease;
   -moz-transition: opacity 1s ease;
   -o-transition: opacity 1s ease;
   transition: opacity 1s ease;
   opacity: 0;*/
}

#mainMenu ul ul li {
	display: block
}

#mainMenu ul>li:hover>ul {
	height: auto;
}


.subMenu {
	background: url("../png/bgmenu.png") repeat scroll 0 0 transparent;
	padding-top: 2px;
	position: absolute;
	top: 25px;
	display: none;
	padding: 10px;
	margin-left: -20px;
}

.subMenu a {
	padding: 10px 8px;
	margin: 0;
	display: block;
}


/* -------Weather ---------------*/
#weather {
	margin-left: 224px;
	padding: 10px 0 12px;
	text-align: right;
	background: url('../png/separateh.png') repeat-x left bottom scroll transparent;
	font-size: 14px;
	color: #333333;
}

#weather img {
	vertical-align: middle;
	margin-left: 17px;
}

#weather span span {
	font-weight: bold;
	margin: 0 5px 0 15px;
}

#weather .space {
	margin: 0 20px;
	width: 1px;
	height: 100%;
	border-left: 1px solid #968c79;
}



/* ------- Head booking ---------------*/

#headBooking {
	padding-top: 12px;
	margin-left: 224px;
}

.bookOnline {
	color: #901b3b;
	font-size: 19px;
	text-transform: uppercase;
	font-weight: bold;
	margin-right: 25px;
	margin-top: 12px;
	float: right;
}

.bookOnline span {
	margin-right: 13px;
	top: -2px;
	position: relative;
}

#headBooking form input[type="text"] {
	width: 85px;
	color: #333333;
	font-family: Verdana, sans-serif;
	font-size: 13px;
	padding: 3px 5px 3px 10px;
	background-color: #fff;
	border: 1px solid #cccccc;
	box-shadow: 0 1px 4px 2px rgba(229, 229, 229, 0.8) inset;
	-webkit-box-shadow: 0 1px 4px 2px rgba(229, 229, 229, 0.8) inset;
}

#headBooking form .item,
#headBooking .bookingHolder,
#headBooking .promoText,
#headBooking .bookNow {
	float: left;
}

#headBooking form,
#headBooking .promoText {
	float: right;
}

#headBooking form label.icoCalendar {
	margin-bottom: 4px;
}

#checkInLabel,
#checkOutLabel {
	display: block;
	font-size: 13px;
	color: #666666;
	text-transform: uppercase;
	margin-bottom: 7px;
}

#headBooking form .item {
	width: 153px;
}

#salebox {
	margin-top: 2px;
}

.promoText {
	color: #363636;
	float: left;
	font-size: 17px;
	font-weight: bold;
	height: 43px;
	line-height: 21px;
	margin-right: 13px;
	overflow: hidden;
	width: 96px;
	margin-top: 8px;
}

#headBooking input[type="submit"] {
	margin-top: 15px;
}

/* -------Language ---------------*/
#language {
	position: absolute;
	right: 0;
	top: 117px;
	z-index: 5002;
}

#switchLang {
	text-transform: none;
	letter-spacing: normal;
	margin-right: 0;
}

#switchLang span {
	margin-left: 5px;
}

#language .subMenu {
	width: 118px;
	padding: 4px;
	margin-left: -39px;
}

#language .subMenu a {
	padding: 0;
}

#language .subMenu li {
	float: left;
	padding: 0;
	padding: 6px;
	width: 27px;
}


/* -------Footer ---------------*/
footer {
	background: url("../png/bgfooter.png") repeat-x scroll 0 0 transparent;
	color: #FFFFFF;
	font-size: 13px;
	position: fixed;
	z-index: 2;
	left: 0;
	right: 0;
	bottom: 0;
	height: 44px;
}

#footerContent {
	position: relative;
}

.footerMenu,
.footerMenu a {
	float: left;
}

.footerMenu a.btn {
	background: url("../png/bgfootmenu.png") repeat-x scroll 0 0 transparent;
	padding: 0 22px 0 15px;
	line-height: 44px;
	position: relative;
	border-left: 1px solid #f0a458;
	border-right: 1px solid #eb851f;
	text-transform: none;
	font-size: 16px;
	font-weight: normal;
}

.footerMenu a.btn span {
	position: absolute;
	right: 10px;
	top: 6px;
}

footer .social {
	display: block;
	height: 44px;
	position: relative;
	text-align: center;
	width: 35px;
	float: left;
}

footer .social span {
	position: relative;
	top: 50%;
	margin-top: -12px;
}

footer .social i {
	display: none;
}


/* ------- SUBPAGES ---------------*/

.page {
	padding: 0 40px
}

/* ------- Detail ---------------*/
.rooms .room-title,
.detail h1 {
	margin-top: 25px;
	margin-bottom: 15px;
}

.detail {
	position: relative;
	background: url("../png/bggloowdetail.png") no-repeat scroll 150px bottom transparent;
	width: 100%;
}

.detail .left {
	width: 320px;
	padding-left: 40px;
}

.detail .right {
	width: 510px;
	padding-right: 40px;
}

.detail .bookNow {
	position: absolute;
	left: 275px;
	bottom: 20px;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: bold;
}

.detail .bookNow span {
	top: -2px;
	margin-left: 10px;
	position: relative;
}

.detail .more {
	position: absolute;
	left: 40px;
	bottom: 20px;
}

/* ------- Gallery ---------------*/

#big {
	position: relative;
}

#big img {
	display: block;
	position: absolute;
	cursor: pointer;
}

.carouselThumb .item {
	float: left;
	display: block;
	background: url("../png/spritethumbnav.png") no-repeat;
	cursor: pointer;
}

.carouselThumb .item img {
	cursor: pointer;
}

/* ------- Gallery - Detail ---------------*/

#detailGallery #big {
	width: 509px;
	height: 340px;
	overflow: hidden;
}

#detailGallery #thumbGallery {
	height: 95px;
	margin-left: -1px;
}

#detailGallery .thumbGallery {
	height: 450px;
	overflow: auto;
}

#detailGallery .carouselThumb .item {
	padding-top: 10px;
	background-position: 0 -97px;
}

#detailGallery .carouselThumb .item+.item {
	margin-left: 1px
}

#detailGallery .carouselThumb .item.active {
	background-position: 0 -87px;
}

#detailGallery .prev {
	left: -30px;
	margin-top: -50px;
	display: block !important;
}

#detailGallery .prev.disabled {
	background: url("../png/ar-gray.png") left top no-repeat;
	cursor: default;
}

#detailGallery .next {
	right: -30px;
	margin-top: -50px;
	display: block !important;
}

#detailGallery .next.disabled {
	background: url("../png/ar-gray.png") left bottom no-repeat;
	cursor: default;
}

#detailGallery .galleryWrapp {
	position: relative;
}

.thumbGallery>a {
	width: 100%;
	display: block;
	float: left;
}

#detailGallery .thumbGallery img {
	width: 510px !important;
	height: auto;
	cursor: pointer;
	float: left;
}

#gallery .thumbGallery img {
	width: 609px !important;
	height: auto;
	cursor: pointer;
}

.galleryWrapp .left {
	background: url(../png/transparent.png) repeat;
	width: 300px;
	height: 429px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	cursor: pointer;
}

/* ------- Vertical Gallery ---------------*/

#mainGallery .item {
	float: left;
	padding-left: 11px;
	height: 86px;
	padding-right: 1px;
	background-position: -11px 0;
}

#mainGallery .item.active {
	background-position: 0 0;
}

/* ------- Gallery - Main Gallery ---------------*/

#mainGallery {
	float: right;
	position: relative;
	width: 610px;
	padding-right: 138px;
	height: 429px;
	overflow: hidden;
}

#mainGallery .gallery {
	position: absolute;
	width: 748px;
	height: 429px;
	right: 0;
	top: 0;
	visibility: hidden;
	z-index: 50;
}

#mainGallery .gallery.active {
	visibility: visible;
}


#mainGallery .galleryWrapp {
	width: 609px;
	height: 429px;
	overflow: hidden;
	position: absolute;
	right: 139px;
	top: 0;
	z-index: 60;
}

#mainGallery .thumbsContainer {
	position: absolute;
	top: 0;
	right: 0;
	width: 139px;
}

#mainGallery .sliderDirection div {
	width: 26px;
	height: 26px;
	margin: 0;
	background-position: -69px 0;
	z-index: 9;
}

#mainGallery .sliderDirection div.prev {
	left: auto;
	right: 51px;
	top: 0;
}

#mainGallery .sliderDirection div.next {
	left: auto;
	right: 51px;
	top: auto;
	bottom: 0;
	background-position: -69px -26px;
}

#pagi {
	position: absolute;
	right: 0;
	bottom: 0;
	color: #000;
	font-size: 13px;
	padding: 7px 10px;
	font-size: 14px;
	z-index: 100;
}

#mainGallery #pagi {
	right: 139px;
}

/* ------- Gallery - Gallery Tabs nav ---------------*/

#galleryNav h1,
#detail h1 {
	margin-top: 25px;
}

#galleryNav {
	width: 192px;
	padding-left: 40px;
	padding-right: 10px;
	float: left;
}

#galleryNav li {
	padding-left: 10px;
	background: url("../png/bullet.png") no-repeat 0 1px scroll transparent;
	font-size: 15px;
	text-transform: uppercase;
	padding-bottom: 20px;
}


/* ------- Tabs : Contact ---------------*/

.wsw.contact {
	min-height: 380px;
	padding: 0 0 0 40px;
}

.contact #tabs {
	left: 40px;
	position: absolute;
	top: 40px;
}

#tabs {
	z-index: 4;
}

#tabs .tab {
	color: #eb851f;
	font-weight: normal;
	float: left;
	margin-right: 50px;
	margin-top: 0;
	margin-bottom: 0;
}

#tabs .tab a {
	font-size: 21px;
}

#tabs .tab a.active {
	font-size: 24px;
	position: relative;
	top: -3px;
}

.tab a.active,
.tab a:hover {
	color: #eb851f
}

#tabs .tab span {
	margin-left: 10px;
}

.tabcontent {
	bottom: 0;
	clear: both;
}

.tabContent+.tabContent {
	display: none;
}

.tabContent>.left {
	padding-top: 85px;
	width: 400px;
}

.contact .scrollArea {
	height: 280px;
}

.contact .scrollIn {
	padding-right: 185px;
}

.contact .mCustomScrollbar .scrollIn {
	padding-right: 175px;
}

.scrollArea .mCustomScrollBox>.mCSB_scrollTools {
	height: 100%;
	top: 0;
}

.tabContent>.right {
	width: 535px;
	position: auto;
	padding-bottom: 20px;
}

.tabContent>.right form {
	margin: 40px 40px 0
}

.contact .right input[type="submit"] {
	float: right;
	margin-right: 27px;
}

.contact .fieldError {
	background-color: #E8BBBB;
	color: #A5006C;
}

/* ------- Scroll control, close---------------*/

.closeOverMe {
	z-index: 15000;
	display: block;
	position: absolute;
	cursor: pointer;
	width: 15px;
	height: 15px;
	background-position: -69px -54px;
	top: 20px;
	right: 20px;
}

.closeOverMe.withBg {
	background-position: 0px 0px;
	top: 0;
	right: 0;
	width: 21px;
	height: 21px;
	background: url("../png/closewithbg.png") no-repeat;
}


.hideDefault .closeOverMe {
	width: 34px;
	height: 19px;
	background-position: 90px 32px;
	right: 5px;
}

.fixFootContent .closeOverMe {
	left: 338px;
	right: auto;
	top: 20px;
}

.mCSB_draggerContainer {
	visibility: hidden;
}

.mCSB_scrollTools:hover .mCSB_draggerContainer {
	visibility: visible;
}

.mCustomScrollBox>.mCSB_scrollTools {
	height: 85%;
}

.mCustomScrollBox>.mCSB_scrollTools {
	top: 55px;
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
	width: 31px;
	height: 16px;
}

.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -32px -76px;
}

.mCSB_scrollTools .mCSB_buttonDown {
	background-position: 0 -92px;
}

.mCSB_scrollTools .mCSB_buttonUp:hover {
	background-position: 0 -58px;
}

.mCSB_scrollTools .mCSB_buttonDown:hover {
	background-position: 0 -74px;
}



/* ------- Special offers ---------------*/

#specialOffer {
	position: relative;
}

#specialOffer.fixBottom {
	bottom: 0;
}

.specialIn #pagination,
.specialInDetail #pagination {
	left: 318px;
	position: absolute;
	top: 20px;
}

#pagination {
	font-size: 18px;
	color: #000000;
	width: 50px;
}

#pagination span {
	float: left;
	margin: 0 1px;
}

#pagination div {
	display: inline-block;
	float: left;
}

#pagination #active span {
	display: none;
}

#pagination #active .selected {
	display: inline;
	color: #eb851f;
}

.specialIn {
	position: relative;
	width: 613px;
	min-height: 220px;
}

#specialOffer .carouselWrapp {
	bottom: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.hideDefault .closeWrapp {
	height: 40px;
	width: 100%;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 20px;
}

.specialItem {
	padding-right: 245px;
	padding-top: 65px;
	position: relative;
	float: left;
	width: 285px;
}

.specialIn h2,
.specialInDetail h2 {
	padding: 15px 20px;
	position: relative;
	width: 317px;
	z-index: 9;
	font-size: 20px;
	color: #eb851f;
	font-weight: normal;
}

.ui-datepicker .ui-datepicker-title,
.specialIn h2,
.specialInDetail h2 {
	background: url('../png/separateh2.png') repeat-x left bottom scroll transparent;
}

.specialIn h3,
.specialInDetail h3 {
	font-size: 24px;
	font-weight: normal;
	color: #901b3b;
	margin-bottom: 8px;
}

.specialIn .thumb,
.specialInDetail .thumb {
	position: absolute;
	right: 0;
	top: 0;
}

.specialIn .summary {
	font-size: 15px;
	color: #000000;
	line-height: 20px;
	height: 76px;
	margin-top: 5px;
	overflow: hidden;
}

.specialIn .sliderDirection div {
	margin-top: 0px;
}

#specialOffer.overFoot {
	bottom: -44px;
	left: 0;
	position: absolute;
	right: 0;
	z-index: 999;
}

#specialOffer.overFoot {
	width: 613px;
	left: auto;
}

/* ------- Special offers - fully ---------------*/

.fully .specialIn {
	width: 100%;
}

.fully .specialItem {
	padding-top: 35px;
	position: relative;
	float: left;
	width: 602px;
}

.fully .sliderDirection .next {
	right: 12px;
}

.fully .sliderDirection div {
	margin-top: -10px;
}

.fully .sliderDirection div.next {
	right: 20px;
}

.fully .sliderDirection div.prev {
	left: 20px;
}

.fully .sliderDirection div.prev.disabled {
	background: url("../png/ar-gray.png") left top no-repeat;
	cursor: default;
}

.fully .sliderDirection div.next.disabled {
	background: url("../png/ar-gray.png") left bottom no-repeat;
	cursor: default;
}

/* ------- Slider nav (carousel)---------------*/

.sliderDirection div {
	cursor: pointer;
	display: block;
	height: 32px;
	width: 16px;
	position: absolute;
	left: 12px;
	top: 50%;
	margin-top: -8px;
	text-indent: -99999px;
}

.sliderDirection .prev {
	background-position: 0 -58px;
}

.sliderDirection .prev:hover {
	background-position: -95px 0;
}

.sliderDirection .next:hover {
	background-position: -95px -31px;
}

.sliderDirection .prev.disabled {
	background: url("../png/ar-gray.png") left top no-repeat;
	cursor: default;
}

.sliderDirection .next {
	background-position: -16px -58px;
	left: auto;
	right: 12px;
}

.sliderDirection .next.disabled {
	background: url("../png/ar-gray.png") left bottom no-repeat;
	cursor: default;
}


/* ------- Carousel general ---------------*/

.carouselWrapp {
	position: relative;
}

.carouselWrapp.horizontal {
	padding: 0 39px;
}

.horizontal .item {
	float: left;
	width: 278px;
	text-align: center;
	padding: 10px 0;
}

.horizontal .item+.item {
	margin-left: 20px;
}

/* -------Rooms slider ---------------*/
#rooms {
	height: 230px;
}

#rooms h2 {
	color: #eb851f;
	font-weight: normal;
	font-size: 21px;
}

#rooms .item h2 {
	white-space: nowrap;
	margin: 3px 18px 10px;
	overflow: hidden;
	white-space: nowrap;
}

#rooms .item img {
	margin-bottom: 12px;
}

#rooms .item .more {
	margin: 12px 0;
	/*font-size: 18px;*/
	dipslay: inline-bock;
}

#rooms .item a:hover {
	color: #363636;
}

#rooms .item .space {
	display: inline-block;
	margin: 0 15px;
}

/* --------- information messages -------------*/

.formOk,
.formError {
	margin-bottom: 10px;
	padding: 5px 20px;
}

.formOk {
	background: #B5C59D;
	color: #3B5D06;
}

.formError {
	background: #E8BBBB;
	color: #A5006C;
}

.log {
	position: absolute;
	min-width: 0 !important;
	z-index: 100000;
	width: 410px !important;
	height: auto;
	word-wrap: break-word;
	background: #000;
	color: #9DFF00;
	padding: 20px;
	font-size: 11px;
	font-family: monospace;
	line-height: 13px;
	opacity: 0.87;
	top: 0px;
}

.footerAddress {
	text-align: right;
	color: #000;
	margin-top: 15px;
	color: #363636;
	font-size: 1.1em;
}


#contentText {
	position: relative;
	display: block;
	height: 330px;
	padding: 25px 15px 35px 35px;
	overflow: hidden;
	margin-top: -391px;
	z-index: 200;
	border: 1px solid white;
}

.fancybox-close {
	background-image: url('../png/sprite.png') !important;
	background-position: -69px -54px;
	right: 0 !important;
	top: 0 !important;
	width: 20px !important;
	height: 18px !important;
}

/* ikona tripadvisor */

#trip .overContent {
	width: 215px;
	height: 172px;
	margin-top: 7px;
}

#trip .closeOverMe {
	top: 10px;
	right: 10px;
}

.ta-but {
	width: 168px;
	height: 106px;
	margin: auto;
	margin-top: 20px;
	padding-top: 20px;
	position: relative;
	z-index: 50;
}

.tripAdvIco {
	margin: 0 auto;
	display: block;
	width: 152px;
	height: 126px;
	padding-top: 24px;
}

span.skype_pnh_container {
	display: none !important;
}

span.skype_pnh_print_container,
span[class^="skype_pnh_print_container"] {
	display: inline !important;
}

.fixMapp {
	margin-top: 44px;
}

.bookLink,
.bookLinkHome {
	margin-top: 16px;
	width: 75px;
	padding: 4px;
	font-size: 0.9em;
	text-align: center;
}

.bookLinkHome {
	margin-top: 0px;
}

/** rooms nav **/
.rooms nav {
	width: 100%;
	text-align: center;
	margin-bottom: 6px;
	position: relative;
}

.rooms nav:after {
	content: '';
	display: block;
	width: 100%;
	height: 3px;
	background: #dedddb;
	background: -moz-linear-gradient(top, #dedddb 0%, #dbd9d8 50%, #d7d6d5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dedddb), color-stop(50%, #dbd9d8), color-stop(100%, #d7d6d5));
	background: -webkit-linear-gradient(top, #dedddb 0%, #dbd9d8 50%, #d7d6d5 100%);
	background: -o-linear-gradient(top, #dedddb 0%, #dbd9d8 50%, #d7d6d5 100%);
	background: -ms-linear-gradient(top, #dedddb 0%, #dbd9d8 50%, #d7d6d5 100%);
	background: linear-gradient(to bottom, #dedddb 0%, #dbd9d8 50%, #d7d6d5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dedddb', endColorstr='#d7d6d5', GradientType=0);

	z-index: 5;
}

.rooms nav a {
	display: inline-block;
	*display: inline;
	zoom: 1;
	height: 35px;
	line-height: 35px;
	color: #901b3b;
	margin-left: 70px;
	position: relative;
	font-weight: 700;
}

.rooms nav a:after {
	content: '';
	display: block;
	width: 100%;
	height: 3px;
	background: #b05a6a;
	background: -moz-linear-gradient(top, #b05a6a 0%, #a84a5d 50%, #9f3a4e 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b05a6a), color-stop(50%, #a84a5d), color-stop(100%, #9f3a4e));
	background: -webkit-linear-gradient(top, #b05a6a 0%, #a84a5d 50%, #9f3a4e 100%);
	background: -o-linear-gradient(top, #b05a6a 0%, #a84a5d 50%, #9f3a4e 100%);
	background: -ms-linear-gradient(top, #b05a6a 0%, #a84a5d 50%, #9f3a4e 100%);
	background: linear-gradient(to bottom, #b05a6a 0%, #a84a5d 50%, #9f3a4e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b05a6a', endColorstr='#9f3a4e', GradientType=0);
	z-index: 10;
	position: relative;
}

.rooms nav a.active:after,
.rooms nav a:hover:after {
	background: #5b534e;
	background: -moz-linear-gradient(top, #5b534e 0%, #49433d 50%, #000000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5b534e), color-stop(50%, #49433d), color-stop(100%, #000000));
	background: -webkit-linear-gradient(top, #5b534e 0%, #49433d 50%, #000000 100%);
	background: -o-linear-gradient(top, #5b534e 0%, #49433d 50%, #000000 100%);
	background: -ms-linear-gradient(top, #5b534e 0%, #49433d 50%, #000000 100%);
	background: linear-gradient(to bottom, #5b534e 0%, #49433d 50%, #000000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5b534e', endColorstr='#000000', GradientType=0);
}

.rooms nav a i {
	display: block;
	position: absolute;
	bottom: -3px;
	left: 45%;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 3px 5px 0 5px;
	border-color: #FBF4EB transparent transparent transparent;
	z-index: 50;
}

.rooms nav a.active,
.rooms nav a:hover {
	color: #000;
}

.rooms nav a:first-child {
	margin-left: 0;
}

/** /rooms nav **/

/** rooms **/
.rooms .detail {
	display: none;
}

.rooms .detail.active {
	display: block;
}

/** /rooms **/
/*
     FILE ARCHIVED ON 19:26:15 Apr 09, 2018 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 12:25:59 Sep 11, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.631
  exclusion.robots: 0.022
  exclusion.robots.policy: 0.011
  esindex: 0.014
  cdx.remote: 32.955
  LoadShardBlock: 608.439 (3)
  PetaboxLoader3.datanode: 892.674 (5)
  PetaboxLoader3.resolve: 461.603 (3)
  load_resource: 886.061 (2)
*/