* {padding:0; margin:0}
html {height:100%}
body {position:relative; height:100%; background:#501842 url(../images/body_bg_l.jpg) 0 170px repeat-y; font-size:11px; font-family:tahoma; color:#ab799f; line-height:1.3em;}
img {border:0}
table {border-collapse:collapse; border:0}
ul {list-style:none}

a {color:#a63379; outline:none}
a:hover {text-decoration:none}
p {padding-bottom:12px}
h4 {line-height:1.2em; font-size:11px; padding-bottom:4px; color:#a63379;}
h3 {
	line-height:1.2em;
	font-size:11px;
	padding-bottom:12px;
	text-align: center;
	color:#a63379;
}
h1 {
	line-height:1.2em;
	font-size:11px;
	padding-bottom:12px;
	color:#a63379;
}


/*--- framework ---*/
.page_wrap {min-height:100%; _height:100%; background:url(../images/body_bg_r.png) 100% 0 repeat-y; position:relative; z-index:2; min-width:998px}
* html .page_wrap {_width:expression(((document.documentElement.clientWidth || document.body.clientWidth) < 998)? "998px" : "100%")}
.header {position:relative; height:30px; background:#472939 url(../images/header_bg.png) 0 0 repeat-x}
.main_content {display:table; width:100%; height:auto; padding-bottom:65px; background:url(../images/body_bg_t.png) 0 0 repeat-x; z-index:2}
.main_content_inside {float:left; width:100%}
.main_content .left_column {float:left; margin-left:-100%; width:280px; padding:15px 0 0 20px}
.main_content .center_column_wrap {float:left; width:100%}
.main_content .center_column {margin:0 20px 0 304px; padding-top:20px}
.footer {height:47px; margin-top:-47px; background:url(../images/footer_bg.png) 0 0 repeat-x; position:relative; min-width:998px; position:relative; z-index:2}
* html .footer {_width:expression(((document.documentElement.clientWidth || document.body.clientWidth) < 998)? "998px" : "100%")}
.body_bg_b {margin-top:-248px; height:248px; background:url(../images/body_bg_b.png) 0 0 repeat-x; z-index:1; position:relative}

/*--- header ---*/
.logo {position:relative; padding-bottom:10px}
.logo img {margin-left:17px}
.logo object {position:absolute; left:10px; top:97px}
.top_menu {float:left; width:100%; height:28px; overflow:hidden}
.top_menu li {float:left; background:url(../images/top_menu_line.gif) 100% 0 no-repeat}
.top_menu a {padding-right:2px; height:28px; overflow:hidden; text-align:center; display:block; _behavior:url("js/ie6hover.htc")}
.top_menu a img {position:relative; margin-top:-32px}
.top_menu .active, .top_menu a.hover {margin-top:0px; overflow:hidden; height:28px; position:relative}
.top_menu a:hover img, .top_menu .active img, .top_menu a.hover img {margin-top:0px}
.top_menu li.item1 {width:12%}
.top_menu li.item2 {width:11%}
.top_menu li.item3 {width:11%}
.top_menu li.item4 {width:13%}
.top_menu li.item5 {width:10%}
.top_menu li.item6 {width:12%}
.top_menu li.item7 {width:18%}
.top_menu li.item8 {width:12%; background:none}

/*--- footer ---*/
.footer .copy {color:#6c2f4b; text-align:center; padding-top:25px; margin-left:100px}
.footer .tel {position:absolute; left:0; top:-7px}
.footer .counter {float:right; padding:10px 4px 0 0}

/*--- main content ---*/
.block {position:relative; padding:0 5px}
.block_bg_t {background:url(../images/block_bg_t.png) 0 0 repeat-x; height:5px; line-height:0; font-size:0; margin:-45px 7px 0 7px}
.block_bg_b {background:url(../images/block_bg_b.png) 0 0 repeat-x; height:7px; line-height:0; font-size:0; margin:0 7px}
.block_bg_i {background:url(../images/block_bg_r.png) 100% 0 repeat-y; padding-right:7px}
.block_bg_i2 {background:url(../images/block_bg_l.png) 0 0 repeat-y; padding-left:7px}
.block_inside {padding:20px; background:url(../images/block_bg.jpg) 0 0; padding-top:40px; text-align:justify}
.block .head {background:url(../images/h.png) 0 -41px repeat-x; position:relative; margin:0 16px 0 6px; z-index:2}
.block .head_bg {background:url(../images/h.png) 0 100% no-repeat; margin-left:-11px; position:relative}
.block .head_inside {height:38px; padding:6px 0 0 0; background:url(../images/h.png) 100% 0 no-repeat; margin-right:-21px; text-align:center; position:relative}
.block .head_inside img {margin-top:5px}

.left_column .block {width:247px}
.left_column .block .head {position:absolute; left:-7px; top:4px; background:url(../images/h_small_bg.png) 0 0 no-repeat; width:263px; height:37px; padding-top:5px; text-align:center}
.left_column .block .block_inside {padding:40px 12px 12px 12px}
.left_column .block_bg_t {margin-top:0}

.block_online {background:url(../images/left_block2_bg.png) 0 100% no-repeat; padding:10px 0 10px 0}
.block_online p {padding:0 0 12px 24px; width:215px; text-align:justify}
.block_photos {background:url(../images/photos.png) 0 100% no-repeat; padding:10px 0 10px 0}
.block_photos p {padding:0 0 12px 24px; width:215px; text-align:justify}

.photos {display:table; width:100%; height:auto; padding-bottom:15px}
.photos_inside {float:left; width:100%}

.photos .photo {float:left; width:33%; position:relative; margin-top:15px}
.photos .photo img {padding:17px 0 0 15px; width:186px; height:121px}
.photos .photo i {position:absolute; left:0; top:0; width:213px; height:152px; background:url(../images/frame.png) 0 0 no-repeat}
.photos .photo b {position:absolute; left:15px; top:90px; width:47px; height:44px; background:url(../images/zoom.png) 0 0 no-repeat; display:none}
.photos .photo a:hover b {display:block; _display:none}

.photos2 {background:url(../images/photos_bg.png) 0 0 no-repeat}
.photos2 h3 {padding-left:45px}
.photos2 .photo {width:185px; margin-left:30px; position:relative; margin-bottom:15px}
.photos2 .photo.right {width:215px; margin-left:10px}
.photos2 .photo img {padding:17px 0 0 15px; width:186px; height:121px}
.photos2 .photo i {position:absolute; left:0; top:0; width:213px; height:152px; background:url(../images/frame.png) 0 0 no-repeat}
.photos2 .photo b {position:absolute; left:15px; top:90px; width:47px; height:44px; background:url(../images/zoom.png) 0 0 no-repeat; display:none}
.photos2 .photo a:hover b {display:block; _display:none}

.left_column .photos .photo {width:185px; margin-left:30px}
.left_column .photos .photo.right {width:215px; margin-left:0}

.all_news {text-align:right}

.rooms .item {padding-bottom:20px; min-height:124px; _height:124px; position:relative}
.rooms img {position:absolute; left:0; top:0; width:195px; height:123px}
.rooms i {position:absolute; left:0; top:0; width:196px; height:124px; background:url(../images/frame2.png) 0 0 no-repeat}
.rooms .txt {padding-left:205px}

a.reservation {display:block; width:234px; height:81px; background:url(../images/aonline_reservation.png) 0 0 no-repeat}
a.reservation:hover {background-position:0 -81px; _background-position:0 0}

.list_rooms .item {position:relative; padding-bottom:20px}
.list_rooms img {position:absolute; left:8px; top:8px; z-index:1; width:186px; height:121px}
.list_rooms .txt {z-index:2; position:relative; padding:8px 0 0 210px; min-height:100px; _height:100px}
.list_rooms h4 {padding-bottom:13px}
.list_rooms .item i {
    background: url("../images/frame.png") no-repeat scroll 0 0 transparent;
    height: 152px;
    left: -7px;
    position: absolute;
    top: -9px;
    width: 213px;
    z-index: 5;
}

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