﻿* {padding:0; margin:0}
html {height:100%}
body {position:relative; height:100%; background:#352d22 url(../images/body_bg.jpg); font-size:11px; font-family:tahoma, sans-serif; color:#e2c588; line-height:1.3em}
img {border:0}
table {border-collapse:collapse; border:0}
ul {list-style:none}

a {color:#e2c588; outline:none}
a:hover {text-decoration:none}
p {
	padding-bottom:12px;
	text-align: justify;
}
h1, h2, h3 {font-size:12px; padding-bottom:17px; line-height:1.1em}
h4 {font-size:10px; padding-bottom:15px; line-height:1.1em}

/*--- framework ---*/
.page {width:950px;  margin:0 auto; min-height:100%; _height:100%; background:url(../images/body_bg_y.png) repeat-y 50% 0}
.header {position:relative; height:65px; z-index:4}
.main_content {display:table; width:100%; height:auto; background:url(../images/main_content_bg_t.png) 0 0 no-repeat; padding-top:33px; z-index:1}
.main_content_inside {background:url(../images/main_content_bg_y.png) 0 -3px repeat-y; float:left; width:100%; min-height:750px; _height:750px}
.main_content_bg_b {background:url(../images/main_content_bg_b2.png) 0 0 no-repeat; height:33px; margin-top:-22px; z-index:2; padding-bottom:60px}
.main_content .left_column {float:left; width:311px; padding-left:112px}
.main_content .center_column {float:left; padding-left:34px; width:433px}
.column_style2 .main_content {background-image:url(../images/main_content2_bg_t.png)}
.column_style2 .main_content_inside {background-image:url(../images/main_content2_bg_y.png)}
.column_style2 .left_column {width:156px}
.column_style2 .center_column {width:588px}
.column_style2 .main_content_bg_b {background-image:url(../images/main_content2_bg_b.png)}
.column_style3 .main_content {background-image:url(../images/main_content3_bg_t.png)}
.column_style3 .main_content_inside {background:url(../images/main_content3_bg_y.png) 3px -3px repeat-y}
.column_style3 .center_column {width:780px; padding-left:112px}
.column_style3 .main_content_bg_b {background-image:url(../images/main_content3_bg_b.png)}
.footer {height:60px; margin:-60px auto 0 auto; background:url(../images/footer_fade.png) 0 100% repeat-x; z-index:3}
.footer_inside {width:950px; margin:0 auto; position:relative}

.top_fade {position:absolute; width:100%; height:13px; left:0; top:0; background:url(../images/top_fade.png) repeat-x}

/*--- header ---*/
.header .logo {position:absolute; top:0; left:125px}
.header .address {position:absolute; right:33px; top:17px}
.header .left_menu {position:absolute; left:61px; top:65px; z-index:4}
.header .left_menu a {display:block; width:12px; margin:45px 0 0 0; background:0 0 no-repeat; position:relative; z-index:10}
.header .left_menu a span {display:none}
.header .left_menu .item1 a {height:75px; background-image:url(../images/left_menu_item_main.png)}
.header .left_menu .item2 a {height:68px; background-image:url(../images/left_menu_item_rooms.png)}
.header .left_menu .item3 a {height:49px; background-image:url(../images/left_menu_item_price.png)}
.header .left_menu .item4 a {height:89px; background-image:url(../images/left_menu_item_contacts.png)}
.header .left_menu .item5 a {height:131px; background-image:url(../images/left_menu_item_reservation.png)}
.header .left_menu .item6 a {height:75px; background-image:url(../images/left_menu_item_otziv.png)}
.header .left_menu i {position:absolute; left:-26px; top:-38px; width:62px; height:149px; background:url(../images/left_menu_lamp.png) 0 -149px no-repeat; cursor:pointer; _behavior:url("js/ie6hover.htc")}
.header .left_menu a:hover i {background-position:0 0}
.header .left_menu a.active i {background-position:0 0}
.header .left_menu i.hover {background-position:0 0}

/*--- footer ---*/
.footer .menu {text-align:center; padding:5px 0 12px 0; background:url(../images/line_footer.png) 50% 100% no-repeat}
.footer .menu li {display:inline; padding:0 12px; border-left:1px solid #a29a81; line-height:12px}
.footer .menu a {text-decoration:none; font-size:11px; color:#a29a81}
.footer .menu a:hover {text-decoration:underline}
.footer .copy {text-align:center; padding:10px 0 0 0}
.footer .menu li.first {border:0}
.footer .counter {position:absolute; right:35px; bottom:3px}

/*--- main content ---*/
.hr {height:3px; line-height:0; font-size:0; background:url(../images/line_content.png) 50% 0 no-repeat; padding-bottom:10px}
.left_column .hr {background-image:url(../images/line_left.png)}
.left_column h4 {padding-bottom:8px}
.two_column {overflow:hidden}
.two_column .column {float:left; width:45%; padding-right:5%}
.two_column .column2 {float:right; width:45%; padding-left:5%}

.more {overflow:hidden}
.more a {float:right; padding-left:10px; background:url(../images/ico_arrow.gif) 0 6px no-repeat; font-weight:bold; text-decoration:none}
.more a:hover {text-decoration:underline}

.news h3 {text-align:center; background:url(../images/line_left.png) 50% 100% no-repeat; margin-bottom:12px; padding-bottom:10px}

.rooms {width:311px; height:119px; margin-bottom:5px; position:relative}
.rooms img {position:absolute; left:0; top:0}
.rooms span {position:absolute; left:197px; top:71px; line-height:16px}
.rooms a {text-transform:uppercase; color:#fdffda; text-decoration:none}
.rooms a:hover {text-decoration:underline}

.news {padding-top:10px}

.frame1 {width:156px; height:119px; position:relative; margin:0 auto 10px auto}
.frame1 img {position:absolute; left:0; top:0; width:156px; height:119px}
.frame1 i {position:absolute; left:0; top:0; width:156px; height:119px; background:url(../images/frame1.png) 0 0 no-repeat}

.frame2 {width:148px; height:98px; padding:3px; background:url(../images/frame2.png) 0 0 no-repeat; margin-bottom:5px}

.list_rooms .item {position:relative; padding-bottom:15px}
.list_rooms img {left:8px; top:8px; z-index:1; width:100px; height:75px; float: left;margin: 8px 8px 0px;}
.list_rooms .txt {background:url(../images/frame3.png) 0 0 no-repeat; z-index:2; padding:5px 0 0 120px; min-height:82px; _height:82px}
.list_rooms h4 {padding-bottom:3px}
.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;
}