﻿* {padding:0; margin:0}
html {height:100%}
body {position:relative; height:100%; background:#fff url(../images/head_bg.png) 50% 0 repeat-x; font-size:13px; font-family:arial, sans-serif; color:#757575; line-height:1.3em}
img {border:0}
table {width:100%; border-collapse:collapse; border:0}
ul {list-style:none}

a {color:#353535; outline:none}
a:hover {text-decoration:none}
p {padding-bottom:16px; text-align:justify}
h1 {font-family:tahoma; color:#353535; font-size:16px; line-height:1.2em; padding-bottom:16px}
h2 {font-family:tahoma; color:#353535; font-size:14px; line-height:1.2em; padding-bottom:16px}
h3 {font-family:tahoma; color:#353535; font-size:12px; line-height:1.2em; padding-bottom:16px}
h4 {font-family:tahoma; color:#353535; font-size:13px; line-height:1.2em; padding-bottom:2px}

/*--- layout ---*/
.page_wrap {min-height:100%; _height:100%; margin:0 auto; min-width:998px; max-width:2000px; _width:expression(((document.documentElement.clientWidth || document.body.clientWidth) < 998)? "998px" : (((document.documentElement.clientWidth || document.body.clientWidth) > 2000)? "2000px" : "100%"))}
.header {position:relative; height:131px}
.main_content {display:table; height:auto; width:100%}
.main_content_inside {float:left; width:100%; padding:15px 0 40px}
.mclayout_2columns {float:left; width:100%}
.mclayout_2columns_center {float:left; width:100%}
.mclayout_2columns_center_inside {margin:0 335px 0 15px}
.mclayout_2columns_right {float:left; margin-left:-312px; width:297px; padding-right:15px}
.mclayout_one_column {padding:0 15px}
.footer {height:40px; margin-top:-40px; background:url(../images/footer_bg.png) 0 0 repeat-x}
.footer_inside {position:relative}

.layout_two_columns {display:table; width:100%; height:auto}
.layout_two_columns_inside {float:left; width:100%}
.layout_two_columns_left {float:left; width:50%}
.layout_two_columns_right {float:left; width:50%; _width:49.8%; //width:49.8%}


/*--- header ---*/
.header .logo {position:absolute; left:15px; top:21px}
.header .contacts {position:absolute; right:5px; top:11px; font-size:11px; color:#6b6b6b; line-height:1.25em}

.top_menu {position:absolute; left:0; top:94px; width:100%; height:23px}
.top_menu li {float:left; width:14%}
.top_menu a {float:left; height:23px; background:url(../images/top_menu_item_bg.png) 0 -1000px no-repeat; font-size:13px; color:#757575; text-decoration:none; margin-left:30px; _display:inline}
.top_menu span {float:left; height:23px; background:url(../images/top_menu_item_bg.png) 100% -1000px no-repeat; line-height:21px; padding:0 12px; cursor:pointer}
.top_menu a:hover, .top_menu .active a {color:#fff; background-position:0 0}
.top_menu a:hover span, .top_menu .active span {background-position:100% -23px}
.top_menu .item1 {width:15%}
.top_menu .item2 {width:14%}
.top_menu .item3 {width:13%}
.top_menu .item4 {width:13%}
.top_menu .item5 {width:14%}
.top_menu .item6 {width:17%}
.top_menu .item7 {width:13%}


/*--- footer ---*/
.footer .copy {font-size:11px; padding-top:9px; line-height:1.2em; text-align:center}
.footer .counter {float:right; padding:4px 20% 0 0}

/*--- main content ---*/
.block_g {border:1px solid #dbdbdb; background:#eee; margin-bottom:18px; color:#353535; padding:0 11px}
.block_g .h {padding:14px 0 14px 8px; position:relative; width:260px; background:url(../images/line1.png) 0 100% repeat-x; margin-bottom:16px}
.block_g .h h3 {font-size:12px; padding:0}
.block_g .h .rss  {position:absolute; right:-9px; top:5px}

.block_h {border:1px solid #dbdbdb; background:#eee; margin-bottom:18px; padding:4px 10px 4px 20px}
.block_h h1 {font-size:12px; font-weight:normal; padding:0; float:left}
.block_h .info {text-align:right; font-size:12px; color:#757575}
.block_h .info b {color:#a30610}

.content {padding:0 11px}

img.frame1 {border:8px solid #eee}

.btn_1 {display:block; height:21px; line-height:21px; color:#fff; text-decoration:none; background:#7f0105 url(../images/btn_bg.png) 0 0 no-repeat; font-size:13px}
.btn_1 span {display:block; height:21px; background:url(../images/btn_bg.png) 100% -21px no-repeat; text-align:center}
.btn_1:hover {color:#ffe1e2}

.left_pad {float:left; padding:0 20px 10px 0; margin-left:-11px; _display:inline}
.left_pad img {margin-bottom:4px}

.news_right {padding:0 8px 45px 8px}
.news_right h4 a {text-decoration:none}
.news_right h4 a:hover {text-decoration:underline}
.news_right .all_news {text-align:right}

.online_reservation a {text-decoration:none}
.online_reservation a:hover {color:#a30610}

.min_photos {display:table; width:100%; height:auto}
.min_photos ul {float:left; width:100%; padding-bottom:10px; position:relative}
.min_photos li {position:relative; float:left; padding:0 10px 18px 9px}
.min_photos li a {position:relative; width:116px; height:115px; display:block}
.min_photos li img {width:116px; height:115px; position:absolute; left:0; top:0}
.min_photos li i {width:116px; height:115px; position:absolute; left:0; top:0; background:url(../images/frame1.png) 0 0 no-repeat; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8}
.min_photos li a:hover i {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1}

#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: -300px;
    margin: -8px 0 0 0;
}