* {
	margin: 0;
	padding: 0;
}

/* markup */
html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
    background-color: #18222c;
}

body
{
  height: 100%;
  position: relative;
  min-width: 965px;
  position: relative;
  	font: 12px "Tahoma";
    color: white;
}


.clear {
	clear: both;
}

.nomer {
	width: 30%;
	float: left;
}

#left , #text{
zoom:1;  
}

#left {
  float: left;
  width: 300px;
  min-height: 300px;
  padding: 5px 7px;
  position: relative;
  
}

#l_inside {

	min-height: 230px;
	padding: 15px 10px;
	position: relative;
}

#r_inside {
	min-height: 230px;
	padding: 15px 10px;
		border-left: 1px solid #394D65;
		position: relative;
}

#t_inside {
	min-height: 230px;
	padding: 15px 10px;
	position: relative;
}

#text {
	margin-left: 314px;
	padding: 5px 15px;
	position: relative;
}

#text1 {
	padding: 5px 15px;
	position: relative;
}

#fix {
 	background-image: url(../images/fix.png);
    background-repeat: no-repeat; 
	position: absolute;	
	left: 305px;
	top: 28px;
	width: 51px;
	height: 37px;
}

.title {
   border-bottom: 1px solid #394D65;	
   font: 10px "Tahoma";
   color: white;
}

.title h2{
   padding-top: 5px;
   padding-bottom: 5px;
   padding-left: 100px;
   text-transform: lowercase;
}
.divider {
 	background-image: url(../images/div.jpg);
    background-repeat: no-repeat; 	
    width: 2px;
    height: 40px;
}

#m1{
	background-image: url(../images/m1.jpg);
    background-repeat: no-repeat; 
    width: 134px;
}

#m1:hover, #m1c:hover{
	background-image: url(../images/m1_1.jpg);
    background-repeat: no-repeat;
	width: 134px; 
}

#m1c{
	background-image: url(../images/m1_2.jpg);
    background-repeat: no-repeat;
	width: 134px; 
}

#m2{
	background-image: url(../images/m2.jpg);
    background-repeat: no-repeat; 
    width: 136px;
}

#m2:hover, #m2c:hover{
	background-image: url(../images/m2_1.jpg);
    background-repeat: no-repeat; 
    width: 136px;
}

#m2c {
	background-image: url(../images/m2_2.jpg);
    background-repeat: no-repeat; 
    width: 136px;
}

#m3{
	background-image: url(../images/m3.jpg);
    background-repeat: no-repeat;
	width: 135px; 
}

#m3:hover, #m3c:hover{
	background-image: url(../images/m3_1.jpg);
    background-repeat: no-repeat; 
    width: 135px;
}

#m3c{
	background-image: url(../images/m3_2.jpg);
    background-repeat: no-repeat; 
    width: 135px;
}

#m4{
	background-image: url(../images/m4.jpg);
    background-repeat: no-repeat; 
    width: 133px;
}

#m4:hover, #m4c:hover{
	background-image: url(../images/m4_1.jpg);
    background-repeat: no-repeat; 
    width: 133px;
}

#m4c{
	background-image: url(../images/m4_2.jpg);
    background-repeat: no-repeat; 
    width: 133px;
}

#m5{
	background-image: url(../images/m5.jpg);
    background-repeat: no-repeat; 
    width: 144px;
}

#m5:hover, #m5c:hover{
	background-image: url(../images/m5_1.jpg);
    background-repeat: no-repeat; 
    width: 144px;
}

#m5c{
	background-image: url(../images/m5_2.jpg);
    background-repeat: no-repeat; 
    width: 144px;
}

#m6{
	background-image: url(../images/m6.jpg);
    background-repeat: no-repeat; 
    width: 131px;
}

#m6:hover, #m6c:hover{
	background-image: url(../images/m6_1.jpg);
    background-repeat: no-repeat; 
    width: 131px;
}

#m6c{
	background-image: url(../images/m6_2.jpg);
    background-repeat: no-repeat; 
    width: 131px;
}

#m7{
	background-image: url(../images/m7.jpg);
    background-repeat: no-repeat; 
}

#m7:hover, #m7c:hover{
	background-image: url(../images/m7_1.jpg);
    background-repeat: no-repeat; 
}

#m7c{
	background-image: url(../images/m7_2.jpg);
    background-repeat: no-repeat; 
}

#header {
	height: 109px;
	background-image: url(../images/hbg.png);
	background-repeat: repeat-x;
	position:  relative;
}

#logo {
	background-image: url(../images/logo.jpg);
	background-repeat: no-repeat;	
	width: 296px;
	height: 52px;
	position: absolute;
	top: 25px;
	left: 60px;
}

#contacts {
	position: absolute;
	top: 25px;
	right: 60px;
	color: #889CB5;
	font: 10px "Tahoma";
	line-height: 15px;
}

#menu {
	height: 40px;
/*	border:  1px solid red;*/
	background-image: url(../images/menubg.png);
	background-repeat: repeat-x;
	position: relative;
	text-align: center;
	

}

#a {
	width: 980px;
	margin: 0 auto;	
	position: relative;	
}

#wrapper {
	min-height: 100%;
/*	margin-bottom: 100px;*/
}


#himg {
	height: 200px;
	background-image: url(../images/hotelbg.png);
	background-repeat: repeat-x;
	position: relative;
	text-align: center;
	padding: 4px 0 0 0;
}

#himgctr {
	margin: 0 auto;
	background-image: url(../images/hotelimg.jpg);
	background-repeat: no-repeat;
	width: 850px;
	height: 195px;

	
}

#menubar {
	height: 87px;
	background-image: url(../images/menubarbg.png);
	background-repeat: repeat-x;
	padding-top: 3px;
	text-align: center;
}

#content {
	background-image: url(../images/contentbg.png);
	background-repeat: repeat-x;
	background-position: bottom;	
	min-height: 300px;
	position: relative;
}

#footer {
	background-image: url(../images/foobg.png);
	background-repeat: repeat-x;
	height: 100px;	
	position: relative;
	color: #889cb5;
	font: 11px "Tahoma";
	clear: both;
/*	margin-top: -100px;*/
}

#foologo {
	float: left;
	background-image: url(../images/foologo.jpg);
	background-repeat: no-repeat;	
	width: 197px;
	height: 39px;
	margin: 30px 100px 0 20px;
}
hr {
	color:#394D65;
}

#foomenu {
	position: relative;
	padding-top: 10px;
	text-align: center;
}

#counter {
	float: right;
    margin: 15px;
}


.mbaritem {
   border: none;
   float: left;
}

img{
	border: none;
}

#mb_center {
   margin: 0 auto;	
   width: 970px;
}

#text {
	min-height: 300px;
	position: relative;
}

/* text */
p {
	padding: 5px 10px;
}

a {
	color: white;
}

h1 {
	font-size: 16px;
}

h2 {
	font-size: 14px;
}

h3 {
	font-size: 12px;
}

h1, h2, h3 {
	padding-left: 10px;
	padding-top: 10px;
	font-weight: bold;
}

#menu ul {
	list-style: none;
	height: 40px;
}

#foomenu ul {
	list-style: none;
	height: 40px;
}

#menu li {
	display:  inline;
	display: block;
	float: left;
}

#foomenu li {
	display:  inline;
    color: #889cb5;
    font: 11px "Tahoma";
}

#footext {
   margin: 25px 0 0 250px;
}

#menu a{
	text-decoration: none;
	color: white;
	text-transform: uppercase;
	font: 15px "Times New Roman";
    display: block;
    height: 40px;
    min-width: 130px;
/*	padding: 14px 0 0 0;*/
		padding: 0;
}

#foomenu a  {
	text-decoration: none;
	color: #889cb5;
	font: 11px "Tahoma";
	padding:0 15px;
}
/*
#menu a:hover {
	background-image: url("../images/menulight.jpg");
	background-repeat: no-repeat;
	background-position: center;
}*/

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