* {padding:0; margin:0}
html {height:100%}
body {position:relative; height:100%; background:#383f44 url(../images/body_l_y.png) 0 0 repeat-y; font-size:12px; font-family:tahoma; color:#fff; line-height:1.2em}
img {border:0}
table {border-collapse:collapse; border:0}
ul {list-style:none}

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

h3, h1 {text-transform:uppercase; color:#85bade; padding-bottom:15px; text-align:center; font-family:"Times New Roman"; font-size:15px}

/*--- framework ---*/
.page_wrap {min-height:100%; _height:100%; background:url(../images/body_r_y.png) 100% 0 repeat-y; min-width:998px}
* html .page_wrap {_width: expression(((document.documentElement.clientWidth || document.body.clientWidth) < 998)? "998px" : "100%")}
.page {padding:0 46px}
.main_content_wrap {display:table; width:100%; height:auto; padding-bottom:56px; z-index:1}
.main_content {width:100%; float:left}
.main_content .left_column {float:left; margin-left:-100%; width:210px; padding-bottom:6px; background:url(../images/left_column_bg_b_l.png) 0 100% no-repeat}
.main_content .left_column_inside {background:url(../images/left_column_bg_l.png) 0 0 repeat-y; padding:205px 15px 10px 20px}
.main_content .center_column_wrap {float:left; width:100%;}
.main_content .center_column {margin:5px 10px 0 210px;}
.footer {height:53px; margin:-53px 60px 0 60px; min-width:878px}

/*--- header---*/
.header {height:63px; margin:0 1px; background:url(../images/header_bg_x.gif) 0 0 repeat-x; position:relative; z-index:2}
.header .logo {position:absolute; top:13px; left:-1px}
.header .logo i {position:absolute; left:-10px; top:-5px; width:202px; height:190px; background:url(../images/logo_blick.png) 0 -500px no-repeat; display:block}
.header .logo:hover i, .header .logo.active i  {background-position:0 0}
.header .key {position:absolute; width:44px; height:61px; background:url(../images/key.png) 0 0 no-repeat; left:170px; top:238px}
.header .lamp {position:absolute; width:53px; height:55px; background:url(../images/lamp.png) 0 0 no-repeat; left:-18px; top:1px}
.header .top_menu {display:block; margin-left:204px}
.header .top_menu li {text-align:center; float:left; width:15%; padding:27px 0 0 0; background:url(../images/top_menu_li_bg.gif) 50% 0 no-repeat; position:relative}
.header .top_menu li.item5 {width:20%}
.header .top_menu i {position:absolute; left:50%; top:0; margin-left:-42px; background:url(../images/top_menu_hover.png) 0 -100px no-repeat; width:83px; height:48px; cursor:pointer}
.header .top_menu a:hover i, .header .top_menu .active i {background-position:0 0}


/*--- main---*/
.btn_news {width:173px; margin:10px auto 0 auto; height:20px; text-align:center; color:#d0d7df; text-decoration:none; background:url(../images/btn_news.gif) 0 0 no-repeat; line-height:18px; display:block}
.btn_news:hover {color:#fff}
.btn_news img {vertical-align:middle}

h1.article {padding:0 0 5px 60px; background:url(../images/ico_article.gif) 0 0 no-repeat; line-height:37px; text-align:left}

.block_head {background:url(../images/block_head_bg_r.png) 100% 0 no-repeat; padding-right:5px}
.block_head i {display:block; height:18px; background:url(../images/block_head_bg_l.png) 0 0 no-repeat; padding-left:5px}
.block_head i i {position:relative; background:none}
.block_head i i i {position:absolute; left:0; width:100%; top:18px; height:34px; background:url(../images/block_blik.png) 50% no-repeat}
.block_bg {background:url(../images/block_bg_r.png) 100% 0 repeat-y; padding-right:5px}
.block_inside {background:url(../images/block_bg_l.png) 0 0 repeat-y; padding:5px 20px}
.block_foot {font-size:0; line-height:0; padding-right:5px; background:url(../images/block_foot_bg_r.png) 100% 0 no-repeat}
.block_foot i {display:block; height:5px; background:url(../images/block_foot_bg_l.png) 0 0 no-repeat}

.galery {width:100%}
.galery td {padding:5px; text-align:center}

img.frame1 {padding:4px; background:url(../images/frame.png) 0 0 no-repeat; width:123px; height:81px}

.reservation {font-size:11px; background:url(../images/mouse.png) 100% 100% no-repeat; line-height:1.2em; padding-bottom:15px}
.reservation p {padding-bottom:0px; overflow:hidden}

.rooms .item {position:relative; padding-bottom:17px; min-height:115px; _height:115px}
.rooms .item img {width:159px; height:104px; position:absolute; left:5px; top:5px}
.rooms .item i.frame {position:absolute; left:0; top:0; width:169px; height:114px; background:url(../images/frame2.png) 0 0 no-repeat}
.rooms .item .txt {padding:5px 0 0 180px}
.rooms h3 {font-size:13px; color:#fff; text-transform:none; padding-bottom:4px; font-family:verdana; text-align:left}

/*--- footer ---*/
.footer {background:url(../images/footer_bg.png) 0 0 repeat-x; text-align:center; position:relative}
.footer_bg1 {background:url(../images/footer_bg_l.gif) 0 100% no-repeat; margin-left:-13px; position:relative; width:100%; padding-left:13px}
.footer_inside {background:url(../images/footer_bg_r.gif) 100% 100% no-repeat; margin-right:-13px; height:53px; position:relative}
.footer .menu {text-align:center; padding-top:5px}
.footer .menu li {display:inline; padding:0 15px}
.footer .menu a {font-size:12px; text-decoration:none; font-family:arial; line-height:30px}
.footer .menu a:hover {text-decoration:underline}
.footer .counter {float:right; padding:4px 17px 0 0}
.footer .copy {
	font-size:12px;
	color:#FFF;
	padding-top:4px;
	line-height:10px
}

.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;
}