﻿* {padding:0; margin:0}
html {height:100%}
body {position:relative; height:100%; background:#8e97cc url(../images/body_bg.png); font-size:11px; font-family:"Tahoma", sans-serif; color:#fff; line-height:1.3em}
img {border:0}
table {width:100%; border-collapse:collapse; border:0}
ul {list-style:none}

a {color:#fff; outline:none}
a:hover {text-decoration:none}
p {padding-bottom:12px}

/*--- layout ---*/
.page_wrap {min-height:100%; _height:100%}
.header {position:relative; padding-bottom:7px}
.main_content {display:table; height:auto; width:100%}
.main_content_inside {float:left; width:100%; padding-bottom:33px}
.mclayout_3columns {float:left; width:100%}
.mclayout_3columns_center {float:left; width:100%}
.mclayout_3columns_center_inside {margin:0 314px 0 14px}
.mclayout_3columns_right {float:left; width:286px; margin-left:-300px}
.mclayout_one_column {float:left; width:100%}
.mclayout_one_column_inside{padding:0 14px}
.footer {height:33px; margin-top:-33px; background:url(../images/footer_bg.png) 0 0 no-repeat}
.footer_inside {height:33px; position:relative; background:url(../images/footer_bg.png) 100% -33px no-repeat}

/*--- header ---*/
.header_logo {position:absolute; left:50%; margin-left:-102px; top:0; z-index:2}

.header_menu {position:relative; height:54px; padding:0 25px; overflow:hidden; background:url(../images/header_menu.png) 0 0 repeat-x; z-index:1}
.header_menu ul {position:relative; width:100%; height:54px}
.header_menu li {position:relative; height:54px; width:11%; float:left}
.header_menu a {display:block; height:54px; position:relative; margin-left:-31px; background:url(../images/header_menu_item_bg.png) 0 0 no-repeat; text-decoration:none; color:#f2f2f2}
.header_menu span {display:block; height:54px; position:relative; line-height:54px; font-size:13px; text-shadow:1px 1px 1px #000; text-align:center; cursor:pointer; background:url(../images/header_menu_item_bg2.png) 50% 0 no-repeat}
.header_menu a:hover {background-position:0 100%}
.header_menu .active a {background-position:0 100%}
.header_menu .itemr {float:right}
.header_menu .itemr a {margin:0 -31px 0 0; background:url(../images/header_menu_itemr_bg.png) 100% 0 no-repeat}
.header_menu .itemr a:hover {background-position:100% 100%}
.header_menu .itemr_active a {background-position:100% 100%}
.header_menu .item4 {width:14%}
.header_menu .item4 span {padding-right:40px}
.header_menu .item5 span {padding-right:14px}
.header_menu .item6 span {padding-right:14px}
.header_menu .item7 span {padding-right:16px}
.header_menu .item8 span {padding-left:16px}
.header_menu .item8 {width:14%}

/*--- footer ---*/
.footer .counter {position:absolute; right:20%; top:2px}
.footer .copy {text-align:center; color:#8992c7; padding-top:15px}

/*--- main content ---*/
.block {background:#737dbb url(../images/block_bg_y.png) 0 0 repeat-y; position:relative; margin-bottom:10px}
.block_bg1 {background:url(../images/block_bg_y.png) 100% 0 repeat-y}
.block_bg2 {background:url(../images/block_bg_t_l.png) 0 0 no-repeat}
.block_bg3 {background:url(../images/block_bg_b_l.png) 0 100% no-repeat}
.block_bg4 {background:url(../images/block_bg_t_r.png) 100% 0 no-repeat}
.block_bg5 {background:url(../images/block_bg_b_r.png) 100% 100% no-repeat; position:relative; width:100%}
.block_inside {padding:10px 14px; min-height:110px; _height:110px}

.title {padding-right:3px; height:21px; margin-bottom:10px; position:relative; background:url(../images/title_bg_r.png) 100% 0 no-repeat}
.title div {background:url(../images/title_bg_l.png) 0 0 no-repeat}
.title h1 {height:21px; line-height:19px; color:#fff; font-size:11px; padding-left:20px; background:url(../images/title_bg_r2.png) 100% -1px no-repeat}
.title h2 {height:21px; line-height:19px; color:#fff; font-size:11px; padding-left:20px; background:url(../images/title_bg_r2.png) 100% -1px no-repeat}
.title h3 {height:21px; line-height:19px; color:#fff; font-size:11px; padding-left:20px; background:url(../images/title_bg_r2.png) 100% -1px no-repeat}

h4 {text-align:center; font-size:12px; padding-bottom:5px}

.news_min_item .name a {text-decoration:none; color:#fff; font-weight:bold}
.news_min_item .name a:hover {text-decoration:underline}

.title_img {padding-bottom:4px}

.contacts {background:url(../images/contacts_bg.png) 100% 15px no-repeat; margin-right:-14px; padding-bottom:10px}

.online_reservation {padding-bottom:10px}
.online_reservation .title_img {margin-top:-2px}

.btn_reservation {display:block; width:351px; height:27px; background:url(../images/btn_reservation_bg.png) 0 0 no-repeat; text-indent:-3000px; overflow:hidden}
.btn_reservation:hover {background-position:0 100%}

.carousel {height:112px; position:relative; width:100%; background:url(../images/carousel_bg.png) 0 0 repeat-x; padding-top:4px; float:left; padding-bottom:20px; overflow:hidden}
.carousel_ul {overflow:hidden; float:left; width:100%; visibility:visible; position:relative}
.carousel ul {float:left; height:108px; position:relative}
.carousel li {float:left; width:172px; height:108px; background:url(../images/carouserl_item_bg.png) 0 0 no-repeat}
.carousel li a {float:left; margin-left:5px; _display:inline}
.carousel li img {width:161px; height:108px}

.room4 {display:table; width:100%; height:auto}
.room4_bg {position:relative; overflow:hidden; width:100%}
.room4_inside {position:relative; float:left; width:100%}
.room4_item {float:left; width:22%; position:relative; padding-right:2%}
.room4 p {padding-bottom:1px}

#fancybox-loading {position:fixed; top:50%; left:50%; height:40px; width:40px; margin-top:-20px; margin-left:-20px; cursor:pointer; overflow:hidden; z-index:1104; display:none}
* html #fancybox-loading {position:absolute; margin-top:0}
#fancybox-loading div {position:absolute; top:0; left:0; width:40px; height:480px; background-image:url('../images/fancybox.png')}
#fancybox-overlay {position:fixed; top:0; left:0; bottom:0; right:0; background:#000; z-index:1100; display:none}
* html #fancybox-overlay {position:absolute; width:100%}
#fancybox-tmp {padding:0; margin:0; border:0; overflow:auto; display:none}
#fancybox-wrap {position:absolute; top:0; left:0; margin:0; padding:20px; z-index:1101; display:none}
#fancybox-outer {position:relative; width:100%; height:100%; background:#fff}
#fancybox-inner {position:absolute; top:0; left:0; width:1px; height:1px; padding:0; margin:0; outline:none; overflow:hidden}
#fancybox-hide-sel-frame {position:absolute; top:0; left:0; width:100%; height:100%; background:transparent}
#fancybox-close {position:absolute; top:-15px; right:-15px; width:30px; height:30px; background-image:url('../images/fancybox.png'); background-position:-40px 0px; cursor:pointer; z-index:1103; display:none}
#fancybox_error {color:#444; font:normal 12px/20px Arial; padding:7px; margin:0}
#fancybox-content {height:auto; width:auto; padding:0; margin:0}
#fancybox-img {width:100%; height:100%; padding:0; margin:0; border:none; outline:none; line-height:0; vertical-align:top; -ms-interpolation-mode:bicubic}
#fancybox-frame {position:relative; width:100%; height:100%; border:none; display:block}
#fancybox-title {position:absolute; bottom:0; left:0; font-family:Arial; font-size:12px; z-index:1102}
.fancybox-title-inside {padding:10px 0; text-align:center; color:#333}
.fancybox-title-outside {padding-top:5px; color:#fff; text-align:center; font-weight:bold}
.fancybox-title-over {color:#fff; text-align:left}
#fancybox-title-over {padding:10px; background-image:url('../images/fancy_title_over.png'); display:block}
#fancybox-title-wrap {display:inline-block}
#fancybox-title-wrap span {height:32px; float:left}
#fancybox-title-left {padding-left:15px; background-image:url('../images/fancybox.png'); background-position:-40px -90px; background-repeat:no-repeat}
#fancybox-title-main {font-weight:bold; line-height:29px; background-image:url('../images/fancybox-x.png'); background-position:0px -40px; color:#fff}
#fancybox-title-right {padding-left:15px; background-image:url('../images/fancybox.png'); background-position:-55px -90px; background-repeat:no-repeat}
#fancybox-left, #fancybox-right {position:absolute; bottom:0px; height:100%; width:35%; cursor:pointer; outline:none; background-image:url('../images/blank.gif'); z-index:1102; display:none}
#fancybox-left {left:0px}
#fancybox-right {right:0px}
#fancybox-left-ico, #fancybox-right-ico {position:absolute; top:50%; left:-9999px; width:30px; height:30px; margin-top:-15px; cursor:pointer; z-index:1102; display:block}
#fancybox-left-ico {background-image:url('../images/fancybox.png'); background-position:-40px -30px}
#fancybox-right-ico {background-image:url('../images/fancybox.png'); background-position:-40px -60px}
#fancybox-left:hover, #fancybox-right:hover {visibility:visible}
#fancybox-left:hover span {left:20px}
#fancybox-right:hover span {left:auto; right:20px}
.fancy-bg {position:absolute; padding:0; margin:0; border:0; width:20px; height:20px; z-index:1001}
#fancy-bg-n {top:-20px; left:0; width:100%; background-image:url('../images/fancybox-x.png')}
#fancy-bg-ne {top:-20px; right:-20px; background-image:url('../images/fancybox.png'); background-position:-40px -162px}
#fancy-bg-e {top:0; right:-20px; height:100%; background-image:url('../images/fancybox-y.png'); background-position:-20px 0px}
#fancy-bg-se {bottom:-20px; right:-20px; background-image:url('../images/fancybox.png'); background-position:-40px -182px}
#fancy-bg-s {bottom:-20px; left:0; width:100%; background-image:url('../images/fancybox-x.png'); background-position:0px -20px}
#fancy-bg-sw {bottom:-20px; left:-20px; background-image:url('../images/fancybox.png'); background-position:-40px -142px}
#fancy-bg-w {top:0; left:-20px; height:100%; background-image:url('../images/fancybox-y.png')}
#fancy-bg-nw {top:-20px; left:-20px; background-image:url('../images/fancybox.png'); background-position:-40px -122px}
#fancybox-loading.fancybox-ie div {background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_loading.png', sizingMethod='scale')}
.fancybox-ie #fancybox-close {background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_close.png', sizingMethod='scale')}
.fancybox-ie #fancybox-title-over {background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_title_over.png', sizingMethod='scale'); zoom:1}
.fancybox-ie #fancybox-title-left {background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_title_left.png', sizingMethod='scale')}
.fancybox-ie #fancybox-title-main {background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_title_main.png', sizingMethod='scale')}
.fancybox-ie #fancybox-title-right {background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_title_right.png', sizingMethod='scale')}
.fancybox-ie #fancybox-left-ico {background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_nav_left.png', sizingMethod='scale')}
.fancybox-ie #fancybox-right-ico {background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_nav_right.png', sizingMethod='scale')}
.fancybox-ie .fancy-bg {background:transparent !important}
.fancybox-ie #fancy-bg-n {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_shadow_n.png', sizingMethod='scale')}
.fancybox-ie #fancy-bg-ne {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_shadow_ne.png', sizingMethod='scale')}
.fancybox-ie #fancy-bg-e {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_shadow_e.png', sizingMethod='scale')}
.fancybox-ie #fancy-bg-se {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_shadow_se.png', sizingMethod='scale')}
.fancybox-ie #fancy-bg-s {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_shadow_s.png', sizingMethod='scale')}
.fancybox-ie #fancy-bg-sw {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_shadow_sw.png', sizingMethod='scale')}
.fancybox-ie #fancy-bg-w {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_shadow_w.png', sizingMethod='scale')}
.fancybox-ie #fancy-bg-nw {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_shadow_nw.png', sizingMethod='scale')}
.imgLoading {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
    width: 100%;
    height: 100%;
    background: url(/hotels/images/bg/semi_transparent.png);
}

.imgLoading p {
  position: absolute;
    top: 50%;
    left: 50%;
    margin: -1em 0 0 -4.3em;
    width: 8.6em;
}

.imgLoading img{
    opacity:1;
    position: absolute;
    top: -200px;
    left: -400px;
    margin: -8px 0 0 0;
}