* {padding:0; margin:0}
html {height:100%}
body {position:relative; height:100%; background:#453021 url(../images/body_bg.gif); font-size:12px; font-family:arial, sans-serif; color:#ceb59f; line-height:1.3em;}
img {border:0}
table {width:100%; border-collapse:collapse; border:0}
ul {list-style:none}

a {color:#ceb59f}
a:hover {text-decoration:none}
p {padding-bottom:12px}
h1, h2 {font-family:georgia; font-size:17px; line-height:1.1em; padding:8px 0; margin-bottom:12px; background:url(../images/hr_bg2.gif) 0 100% repeat-x; font-weight:normal}
h3 {color:#ba6025; line-height:1.1em; background:url(../images/hr_bg3.gif) 0 100% repeat-x; padding:8px 0 8px 31px; margin-bottom:8px; font-size:12px}
h4 {font-size:13px; padding-bottom:12px; line-height:1.1em; font-size:12px}

/*--- framework ---*/
.page_wrap {min-height:100%; _height:100%; background:url(../images/body_bg_x.jpg) 0 0 repeat-x}
.page {width:890px; margin:0 auto}
.header {position:relative; background:#dcbd95 url(../images/header_bg_x.jpg) 0 0 repeat-x}
.header_bg {background:url(../images/header_bg_l.jpg) 0 0 no-repeat}
.header_inside {background:url(../images/header_bg_r.jpg) 100% 0 no-repeat; height:429px}
.main_content_wrap {display:table; width:100%; height:auto; margin-bottom:56px; background:url(../images/main_content_bg_y.jpg) 0 291px repeat-y}
.main_content_bg {float:left; width:100%; background:url(../images/main_content_bg_t.jpg) 0 0 no-repeat}
.main_content {float:left; width:867px; padding:0 8px 15px 9px; background:url(../images/main_content_bg_b.png) 0 100% no-repeat}
.main_content .left_column {float:left; width:261px; padding-right:2px; padding-left:1px}
.main_content .center_column {float:left; width:867px}
.main_content_wrap.two_column {background:url(../images/main_content_bg_y2.jpg) 0 291px repeat-y}
.two_column .main_content {background:url(../images/main_content_bg_b2.png) 0 100% no-repeat}
.two_column .main_content_bg {float:left; width:100%; background:url(../images/main_content_bg_t2.jpg) 0 0 no-repeat}
.two_column .main_content .center_column {float:left; width:603px}
.footer {height:40px; margin:-56px auto 0 auto; width:870px; padding-top:16px}

/*--- header ---*/
.header .logo {position:absolute; left:32px; top:25px}
.header address {position:absolute; right:35px; top:42px; width:160px; font-style:normal; line-height:16px}
.header_img {position:absolute; top:142px; left:260px}
.header_img img {width:605px; height:275px; position:absolute; left:5px; top:4px}
.header_img i {width:615px; height:284px; background:url(../images/header_frame.png) 0 0 no-repeat; position:absolute; left:0; top:0}
.header .menu {position:absolute; left:10px; top:177px}
.header .menu li {float:left; clear:left; text-align:right; background:url(../images/menu_item_bg_r.jpg) 100% 0 no-repeat; margin-bottom:5px}
.header .menu li i {display:none}
.header .menu li a {float:left; width:170px; padding:6px 16px 0 0; height:18px; background:url(../images/menu_item_bg_l.gif) 0 0px no-repeat}
.header .menu li a:hover, .header .menu li a.active {width:222px}

/*--- footer ---*/
.footer .copy {text-align:center; font-size:10px; color:#9a9084; font-family:arial; padding-top:17px}
.footer .counter {float:right}

/*--- main content ---*/
.left_column .content {padding:15px 16px 15px 22px}
.left_column .content .btn a {float:right}
.center_column .content {padding:10px 31px 15px 31px}

div.btn {display:table; width:100%}
div.btn a, a.btn {width:123px; height:28px; line-height:28px; text-decoration:none; text-align:center; background:url(../images/btn.png) 0 0 no-repeat; display:block}
div.btn a:hover, a.btn:hover {color:#c6a588}

.news {background:#462e1f url(../images/hr_bg1.gif) 0 100% repeat-x}

.reservation {background:#452e1f url(../images/hr_bg2.gif) 0 100% repeat-x; padding:5px 10px 10px 31px}
.reservation a {float:right; margin-top:2px}
.reservation p {padding:10px 0 5px}
.two_column .reservation p {padding:0}

.albums {height:132px; background:#301e15 url(../images/album_bg_x.gif) 0 0 repeat-x; overflow:hidden}
.albums .item {float:left; margin-left:31px; margin-top:20px; _display:inline; position:relative}
.albums .item img {padding:1px; width:159px; height:87px}
.albums .item i {position:absolute; left:0; top:0; background:url(../images/frame2.png) 0 0 no-repeat; width:162px; height:89px}

.rooms {display:table; width:100%; height:auto}
.rooms .item {float:left; width:100%; padding-bottom:11px}
.rooms .item .img {float:left; position:relative; padding-right:10px; margin-left:-3px}
.rooms .item .txt {_height:0; //zoom:1; display:table; padding-top:10px}
.rooms .item .img img {width:276px; height:171px; padding:5px}
.rooms .item .img i {position:absolute; left:0; top:0; width:286px; height:180px; background:url(../images/frame1.png) 0 0 no-repeat}
.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;
}