@charset "UTF-8";

/* Utilites
------------------------------ */
* { margin: 0; padding: 0; }
*:focus { outline: none; }
.img-repl { text-indent: -9999px; overflow: hidden; display: block; }
.hidden { display: none!important; }
.show { display: block!important; }
.no-margin { margin: 0!important; }
.no-padding { padding: 0!important; }
.no-background { background: none!important; }
.no-border, img { border: none!important; }
.container { overflow: hidden; }
.clear { clear: both; }
.img-repl { text-indent: -9999px; overflow: hidden; display: block; }

.centered-container { position: relative; width: 100%; }
.centered-to-left { position: relative; right: 50%; float: right; }
.centered-to-right { position: relative; z-index: 1; right: -50%; }


/* Horizontal Drop-Down Menu
------------------------------ */
ul.dropdown, ul.dropdown li, ul.dropdown ul { list-style: none; margin: 0; padding: 0; }
ul.dropdown { position: relative; z-index: 597; float: left; }
ul.dropdown li { float: left; line-height: 1.3em; vertical-align: middle; zoom: 1; }
ul.dropdown li.hover, ul.dropdown li:hover { position: relative; z-index: 599; cursor: default; }
ul.dropdown ul { visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; width: 100%; }
ul.dropdown ul li { float: none; }
ul.dropdown ul ul { top: 1px; left: 99%; }
ul.dropdown li:hover > ul { visibility: visible; }

/*
pre, code {
	white-space: pre-wrap;      / * css-3 * /
	white-space: -moz-pre-wrap; / * Mozilla, ������� � 1999 ���� * /
	white-space: -pre-wrap;     / * Opera 4-6 * /
	white-space: -o-pre-wrap;   / * Opera 7 * /
	word-wrap: break-word;      / * Internet Explorer 5.5+ * /
}
*/

/* Main custom rules
------------------------------ */
html { height: 100%; }
body { height: auto !important; height: 100%; min-height: 100%; }

html { font: .8em/1.5em Arial, Helvetica, sans-serif; color: #3f3f3f; }
body { text-align: center; margin: 0; padding: 0; background-attachment: fixed; background-color: #f2f2f2; }
body#tinymce { text-align: left; background-color: #fff; }

input { vertical-align: middle; }

a { color: #971a1a; }
a:visited {  }
a:hover { color: #d19a2c; text-decoration: underline; }
a:active {  }

a.no-decor { text-decoration: none; }


/* Template
------------------------------ */
#bg { background: #f2f2f2 url('/tpl/images/background.gif') center top repeat-y /*no-repeat*/; }
#general { width: 930px; margin: 0 auto; text-align: left; background-color: #fff; }

#header { padding-top: 5px; }
#content { }
#footer {  }


/* Header elements
------------------------------ */
#header .left { width: 680px; position: relative; }

#header .left .top-info { padding-top: 25px; margin-left: 225px; height: 23px; }

#header .left .address { padding-right: 33px; }
#header .left .address p { line-height: 1.1em; color: #999; font-size: 11px; }
#header .left .address a { text-decoration: underline; color: #999; }
#header .left .address a:hover { color: #666; }
#header .left .address span { color: #971a1a; font-weight: bold; padding-left: 6px; }

#header .left .weather { padding-left: 33px; border-left: 1px solid #cbcbcb; }
#header .left .weather p { line-height: .9em; color: #999; font-size: 12px; }
#header .left .weather .city { font-size: 14px; color: #818181; line-height: 1em; margin-top: -1px; }
#header .left .weather .city span { font-size: 22px; color: #971a1a; line-height: .2em; padding-left: 15px; }

#header .left .main-banner { clear: both; margin-left: 36px; padding-top: 5px; position: relative;}
#header .left .main-banner .old-version { position: absolute; right: 15px; top: 20px; }
#header .left .main-banner #main-banner-container { width: 644px; }
#header .left .logo { position: absolute; left: 0; top: 0; margin-top: -2px; z-index: 100000000;}


#header .right { width: 225px; }

#header .right .top-info { padding-top: 30px; height: 24px; margin-right: 40px; }

#header .right .buttons a { margin-left: 5px; }

#header .right .language a { text-decoration: none; color: #999; font-size: .8em; white-space: nowrap; }
#header .right .language a:hover { text-decoration: none; color: #666; }
#header .right .language a img { padding-right: 5px; position: relative; top: 2px; }
#header .right .language a img.arrow { padding-left: 4px; padding-right: 0px; }
#header .right .language a span { font-size: .8em; font-weight: bold; }

#header .right .language ul ul { background-color: #fff; padding-left: 4px; padding-right: 4px; border: 1px solid #ccc; left: -4px; }

#header .right .booking { width: 189px; height: 186px; margin-right: 36px; color: #fff; }
#header .right .booking form { padding-top: 42px; margin-left: 21px; margin-right: 18px; }
#header .right .booking label { display: block; cursor: pointer; text-transform: uppercase; font-size: .65em; font-weight: bold; line-height: 15px; }
#header .right .booking input.text, #header .right .booking select { font-size: .8em; height: 16px; width: 68px; border: 0px; border: none; }
#header .right .booking input.text { width: 120px; }
#header .right .booking input.submit { border: 0px; clear: both; height: 20px; background-color: #317ec2; width: 100%; cursor: pointer; color: #fff; text-transform: uppercase; text-shadow: #003377 1px 1px 1px; font-size: 11px; letter-spacing: 1px; word-spacing: 4px; }
#header .right .booking .d { }
#header .right .booking .d label { margin-top: -1px; margin-bottom: 1px; }
#header .right .booking .d img { margin-top: -1px; }
#header .right .booking .g_n { margin-top: 5px; margin-bottom: 13px; overflow: hidden; }

#header ul.navigation { margin: 0px; margin-left: 36px; margin-top: 1px; padding: 0px; width: 644px; border-bottom: 1px solid #971a1a; display: inline; }
#header ul.navigation li { margin: 0px; float: left; line-height: 30px; text-transform: uppercase; padding-left: 9px; padding-right: 9px; list-style: none; }
#header ul.navigation li.first { padding-left: 10px; }
#header ul.navigation li a, #header ul.navigation li span { color: #000; font-weight: bold; text-decoration: none; font-size: .8em; display: block; white-space: nowrap; text-shadow: #ccc 1px 1px 1px; font-size: 11px; }
#header ul.navigation li a.active { color: #971a1a; }
#header ul.navigation li:hover, #header ul.navigation li.hover { background-color: #971a1a; }
#header ul.navigation li:hover a, #header ul.navigation li.hover a, #header ul.navigation li:hover span, #header ul.navigation li.hover span { color: #fff; text-decoration: none; text-shadow: #003377 1px 1px 1px; }
#header ul.navigation li:hover a.active, #header ul.navigation li.hover a.active { color: #fff; }
#header ul.navigation ul li:hover a, #header ul.navigation ul li.hover a { text-decoration: underline; }
#header ul.navigation ul { background-color: #971a1a; width: auto; border-top: 1px solid #fff; padding: .8em; padding-left: .1em; }
#header ul.navigation ul li { float: none; line-height: 22px; }
#header ul.navigation ul li.sub-first { margin-top: 3px; }
#header ul.navigation ul li a { text-transform: none; color: #eee !important; }
#header ul.navigation ul li a:hover { color: #fff !important; }

#header .search { height: 30px; border-bottom: 1px solid #971a1a; margin-right: 36px; width: 189px; display: inline; margin-top: 1px; }
#header .search form { width: 187px; height: 20px; border-left: 1px solid #cbcbcb; border-right: 1px solid #cbcbcb; margin: 0; padding: 0; margin-top: 5px; }
#header .search input { height: 20px; font-size: 1em; color: #9a9a9a; border: 0px; margin-left: 10px; width: 150px; margin-bottom: 4px; }
#header .search form img { position: relative; top: 2px; }

#header .breadcrumbs { margin-left: 36px; display: inline; line-height: 35px; padding-left: 10px; }
#header .breadcrumbs p { font-size: .9em; color: #b3b3b3; }
#header .breadcrumbs p a { font-size: 1em; color: #b3b3b3; text-decoration: none; margin-left: 10px; margin-right: 10px; }
#header .breadcrumbs p a.first { margin-left: 0; }
#header .breadcrumbs p a:hover { color: #666; text-decoration: underline; }

#header .misc-buttons { height: 35px; }
#header .misc-buttons .print { margin-right: 35px; margin-top: 10px; }
#header .misc-buttons .share { /*width: 189px; margin-right: 36px; */display: inline; }


/* Content elements
------------------------------ */
#content { overflow: hidden; }

#content .main-content { margin-left: 36px; display: inline; width: 644px; }

#content .banners { margin-right: 36px; display: inline; width: 189px; }
#content .banners h2 { text-indent: 0; color: #959595; font-size: 1.5em; position: relative; top: -5px; font-weight: normal; }
#content .banners h2 a { color: #959595; }
#content .banners .banner { margin-bottom: 50px; }
#content .banners .banner #news-banner-container, #content .banners .banner #special-banner-container { width: 188px; height: 130px; }

#content #feedback p span { color: #f00; }

#content .list-separator { border-bottom: 1px dashed #19709C; }

#content .news { margin-bottom: 10px; }
#content .news .time { font-size: 1em; margin-top: -5px; /*font-style: italic;*/ color: #B3B3B3; }
#content .news h3 { }
#content .news .tags { margin-top: 0px; }
#content .news .tags a { font-size: .8em; }

#content .images-list { overflow: hidden; }
#content .images-list .block { float: left; width: 118px; margin-top: 1.8em; margin-right: 3em; }
#content .images-list .block img { margin: 0; }
#content .images-list .block .text { height: 3em; margin-top: 5px; }

#content .simple-block { width: 118px; margin-top: 1.8em; margin-right: 3em; float: left; display: inline-block; }
#content .simple-block img { margin: 0; }
#content .simple-block .text { height: 4em; margin-top: 5px; }

#content .pages { margin-top: 25px; }
#content .pages .current { color: #DD1205; }

#content .search-form { margin-top: 1em; }
#content .search-form form { padding: 0px !important; }
#content .search-form .i-text { width: 100%; }
#content .search-form label { color: #971a1a; font-size: 1.3em; width: auto; padding-left: .6em; }
#content .search-form .inputs { float: left; width: 300px; white-space: nowrap; }

.content .search-result {  }

.content { }

.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 { font-size: 1.9em; margin-top: 1em; margin-bottom: .5em; color: #971a1b; text-align: left; font-weight: normal; }
.content h1 { margin-top: .5em; }
.content h2 { font-size: 1em; font-weight: bold; }
.content h3 { font-size: 1.4em; }
.content h4 { font-size: 1.2em; }
.content h5 { font-size: 1em; }
.content h6 { font-size: .8em; }

.content h1 a, .content h2 a, .content h3 a, .content h4 a, .content h5 a, .content h6 a { text-decoration: none; color: #971a1b;/*#19709c;*/ }
.content h1 a:hover, .content h2 a:hover, .content h3 a:hover, .content h4 a:hover, .content h5 a:hover, .content h6 a:hover { text-decoration: underline; }
.content h1 a.active, .content h2 a.active, .content h3 a.active, .content h4 a.active, .content h5 a.active, .content h6 a.active { color: #DE1700; }

.content blockquote { margin-left: 10em; padding-left: 1em; border-left: 2px solid #ccc; font-size: 1.1em; }

.content ul, .content ol { margin-left: 2em; line-height: 1.3em; }
.content ul li, .content ol li { margin-bottom: .2em; }
.content ul { margin-left: 1em; }
.content ul li { background: url("/tpl/images/list-bullet.gif") no-repeat scroll 0px 6px transparent; list-style-type: none; margin: 2px 0; padding-left: 15px; margin-left: 0; }

.content pre, .content code { font: 1.2em/1.4 "Courier New", Courier, monospace; border: 1px dashed #aaa; padding: .2em .5em; background: #eee; }

.content p {  /* margin-top: 8px; */ }

.content .icons a, .content .icon { padding-left: 20px; background-repeat: no-repeat; background-position: left center; }

.content ul, .content ol, .content table, blockquote, pre, .columns, .content img { margin-bottom: 1em; }
.content p { /* margin-bottom: .2em; */ }


/* Footer elements
------------------------------ */
#footer { border-top: 1px solid #971a1a; margin: 10px 36px; margin-bottom: 0; }
#footer ul { overflow: hidden; margin: 0px; padding-top: 10px; padding-bottom: 10px; /*width: 100%;*/ }
#footer ul li { float: left; list-style: none; padding-left: 10px; padding-right: 10px; border-left: 1px solid #971a1a; line-height: 10px; background: none; }
#footer ul li.first { border-left: 0; padding-left: 0; }
#footer ul li a { color: #959595; text-decoration: none; font-size: .85em; text-transform: uppercase; }
#footer ul li a:hover { color: #971a1a; }
#footer ul.list-first { padding-bottom: 0; }
#footer ul.list-second { padding-top: 0; margin-top: -10px; padding-bottom: 5px; }

#footer .copyright { font-size: .85em; color: #959595; text-indent: 0; }
#footer .copyright span { color: #971a1a; padding: 0px 10px; }
#footer .copyright a { font-weight: bold; }

#footer .banner { margin-right: 0px; margin-top: 10px; margin-bottom: 10px; display: inline; }


/* Text align && Float
------------------------------ */
.a-left { text-align: left !important; }
.a-center { text-align: center !important; }
.a-justify { text-align: justify !important; }
.a-right { text-align: right !important; }

.f-left { float: left; }
.f-right { float: right; }
.f-none { float: none!important; }


/* Tables
------------------------------ */
.content table { border-collapse: collapse; width: 100%; margin-top: 1.5em; outline: 2px solid #ffffff; }
.content table th, .content table td { border: 1px solid #cfcfcf; padding: 2px 3px; text-align: left !important; padding-left: .4em; padding-right: .4em; }
.content table th { /* background: #f4f4f4; text-align: center; */ color: #971a1a; vertical-align: top; }
.content table td { vertical-align: middle; }
.content table tr:hover { background-color: #fafafa; }
.content table caption { text-align: left; font-size: 1.1em; font-weight: bold; color: #335ea8; margin-top: -1px; padding-bottom: .5em; font-family: "Times new Roman"; }
.content .accent { color: #335ea8 !important; }
.table_none, .table_none td {
	border: 0px solid #cfcfcf!important;
	padding-left:0!important;
	padding-right:0!important;
	text-align: justify !important;
	vertical-align: top!important;

}
.table_none tr:hover { background-color: transparent !important; }

#YMapsID-2153 table { width: auto; margin-top: 0; outline: none; margin-bottom: 0; border: 0; outline: 0; }
#YMapsID-2153 table th, #YMapsID-2153 table td { border: 0; padding: 0; }
#YMapsID-2153 table tr:hover { backgroung-color: #fff; }

/* Images
------------------------------ */
.content img { /*margin-top: 1.8em; margin-bottom: 3em;*/ margin-left: 0; margin-right: 3em; /* border: 1px solid #ccc !important; */ }
.content img.null-image { padding: 0!important; border: none!important; margin: 0!important; } /* KHTMLOpacity: 0.7; -moz-opacity: 0.7; opacity: 0.7; }
.content img.null-image:hover { KHTMLOpacity: 1; -moz-opacity: 1; opacity: 1; } */
.content img.f-left { margin-right: 1em; }
.content img.f-right { margin-left: 1em; }
.table_none img {	margin-right:0!important;}

/* Content Form
------------------------------ */
.content form { padding: .5em 0; }
.content fieldset { margin-bottom: 1em; border: none; }
.content legend { margin-top: -1px; padding-bottom: 1em; font-size: 1.3em; color: #19709c; font-family: "Times new Roman"; }

.content .f-row { overflow: hidden; margin-bottom: .5em; }
.content label { float: left; text-align: right; width: 25.99%; padding: 0 2%; font-size: 1.1em; /* font-family: "Times new Roman"; */ }
.content .f-inputs { padding-left: 30%; }

.content .f-actions { padding-top: 1em; border-top: 1px solid #ccc; }


/* Inputs
------------------------------ */
.content input { vertical-align: middle; }
.content .i-checkbox { /*margin-top: 2px;*/ }
.content .i-text { width: 400px; padding: 1px; font: 1em sans-serif; border: 1px solid #cfcfcf; }
.content .i-text-half { width: 190px; }
.content .i-error { border: 1px solid #e39b9b; }
.content .t-error { font-weight: bold; color: #c02121 !important; }


/* Columns
------------------------------ */
.columns { width: 100%; overflow: hidden; text-align: justify; }

.w-50, .w-25, .w-33, .w-38, .w-66, .w-75, .w-62 { float: left; overflow: hidden; }

.col-content { padding: 0 6px; }
.col-first   { padding-left: 0!important; }
.col-last    { padding-right: 0!important; }

.w-5   { width: 5%; }
.w-10  { width: 10%; }
.w-14  { width: 14%; }
.w-15  { width: 15%; }
.w-20  { width: 20%; }
.w-25  { width: 25%; }
.w-30  { width: 30%; }
.w-35  { width: 35%; }
.w-40  { width: 40%; }
.w-45  { width: 45%; }
.w-50  { width: 50%; }
.w-55  { width: 55%; }
.w-60  { width: 60%; }
.w-65  { width: 65%; }
.w-70  { width: 70%; }
.w-75  { width: 75%; }
.w-80  { width: 80%; }
.w-85  { width: 85%; }
.w-90  { width: 90%; }
.w-95  { width: 95%; }
.w-100 { width: 100%; }

.w-33  { width: 33%; }
.w-66  { width: 66%; }

.w-38  { width: 38%; }
.w-62  { width: 62%; }
/*Rooms*/
.clear{
  clear: both;
  font-size: 0;
}
.rooms .cell{
  float: left;
  padding: 25px 0 10px 0;
  border-bottom: 1px solid #b3b3b3;
}
.rooms .image{
  float: left;
}
.rooms .image img{
  margin: 0 !important;
}
.rooms .right{
  margin: 0 0 0 137px;
}
.rooms h2{
  margin-top: 0;
}
.rooms h2 a{
  text-decoration: underline;
  font-size: 14px;
}
.rooms .text a:hover,
.rooms h2 a:hover{
  text-decoration: none;
}

.book-button, .book-button span
{
    height: 30px;
}

.book-button
{
    background: transparent url(../img/book-button.png) no-repeat scroll right -30px;
    text-decoration: none !important;
    display: inline-block;
    /*width: 149px;*/
}

.book-button span
{
    background: transparent url(../booking/button.png) no-repeat scroll 0 0;
    display: block;
    line-height: 27px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    font-family: Arial, sans-serif;
    font-weight: normal;
    margin-right: 4px;
    padding: 0 7px 0 10px;
}

.book-button:hover {
    background-position: right -90px;
}
.book-button:hover span {
    background-position: 0 -60px;
}
.virtual-button
{
    background: url("../images/virtual_tour_icon.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    line-height: 48px;
    padding-left: 75px;
    text-decoration: none !important;
}

.booking{
  display: inline-block;
}
.rooms .rate{
  font-weight: bold;
}
.room .rate span,
.rooms .rate span{
  color: #971a1b;
  font-weight: bold;
  font-size:16px;
}
.rooms .booking .left{
  float: left;
  /*width: 200px;*/
}
.rooms .text{
  padding: 15px 0 0 0;
}
.room{
  display: inline-block;
}
.room .rate{
  float: left;
  padding: 12px 20px 0 0;
}
.room .main-img{
  clear: both;
  float:left;
  margin: 20px 0 10px;
  width: 450px;
  height: 300px;
  position: relative;
}
.room .main-img,
.room .image{
  padding: 0 2px 3px 0;
  background: url("../booking/image-bg.gif") right bottom no-repeat;
}
.room .main-img img{
  width: 450px;
  height: 300px;
  margin: 0 !important;
}
.room .in-room{
  float: right;
  width: 190px;
}
.room .in-room h2{
  text-indent: 0;
  padding: 5px 0 0 17px;
}
.room ul li{
    background: #fff url("../booking/blue-point.png") no-repeat 6px 8px;
}
.room .text{
  float: left;
  text-indent: 0;
  padding: 0 0 20px 0;
  width: 450px;
}
.off-site{
  color: #959595;
  display: inline-block;
  padding: 10px 0 0;
  width: 50%;
}
.off-site p{
  text-indent: 0;
}
.text p{
	padding: 0 0 0px 0;
	text-align: justify;
}
#gallery{
  float: left;
  width: 452px;
  margin: 0 0 20px 0;
}
#gallery .main-img{
  position: relative;
}
#gallery .main-img div{
  position: absolute;
  top: 0;
  left: 0;
}
#gallery .slider-items{
  display: inline-block;
}
#gallery .slider-items .image{
  float: left;
}
#gallery .slider-items .image img{
  margin: 0;
}
#gallery .slider-items .image{
  margin: 0 9px;
}