html { 
  background: url(/images/back_ground1.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 100%;
}

body {
    position: relative;
    margin: 0px;
    height: 100%;
    min-height: 100%;
    width: 100%
}

#content{
    position: relative;
    float: bottom;
    margin: 3%;
    margin-top: 0px;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    border-radius: 25px;
}

.room_photo_item{
    vertical-align: middle;
    display: inline-block;
    width: 25%;
    margin: 2%;
    cursor: pointer;
}

.room_photo_item img{
    width: 100%;
    border-radius: 25px;
    box-shadow: 10px 10px 5px #000;
    cursor: pointer;
}

.room_photo_item img:hover{
    width: 95%;
}

.glossymenu{
        text-align: center;
	position: relative;
	padding: 0 0 0 34px;
	margin: auto 20%;
	background: url(/images/menur_bg.gif) repeat-x; /*tab background image path*/
	height: 46px;
	list-style: none;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
}

.glossymenu li{
	float:left;
}

.glossymenu li a{
	float: left;
	display: block;
	color:#000;
	text-decoration: none;
	font-family: sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/
	height: 46px;
	line-height: 46px;
	text-align: center;
	cursor: pointer;	
}

.glossymenu li a b{
	float: left;
	display: block;
	padding: 0 24px 0 8px; /*Padding of menu items*/
}

.glossymenu li.current a, .glossymenu li a:hover{
	color: #fff;
	background: url(/images/menur_hover_left.gif) no-repeat; /*left tab image path*/
	background-position: left;
}

.glossymenu li.current a b, .glossymenu li a:hover b{
	color: #fff;
	background: url(/images/menur_hover_right.gif) no-repeat right top; /*right tab image path*/
}

.mf{visibility: hidden; z-index:1; color:#fff; font-size:14px; -webkit-border-radius: 35px;
-moz-border-radius: 35px; border-radius: 35px;}
.mf * {
	outline:none;
	border:none;
	padding:0;
	margin:0;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select:none;
	-o-user-select:none
}
.mf div.loader{
	position:absolute;
	text-align:center;
	z-index:10000;
	margin:0 auto;
	top:45%;
	width:100%;
	background:url(/images/galery/ajax_loader.gif) no-repeat 50% 0;
	padding:50px 0;
}
.transparent{
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 27%, rgba(0,0,0,1) 83%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(27%,rgba(0,0,0,0)), color-stop(83%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 27%,rgba(0,0,0,1) 83%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0,0,0,0) 27%,rgba(0,0,0,1) 83%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0,0,0,0) 27%,rgba(0,0,0,1) 83%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(0,0,0,0) 27%,rgba(0,0,0,1) 83%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}

.mf div.caption {
	position:absolute;
	text-align:center;
	z-index:98;
	margin:1em auto;
	bottom:50px;
	width:100%;
}
.mf div.mfNav{
	position:absolute;
	z-index:99;
	margin:0 auto;
	text-align:center;
	width:100%;
	bottom:20px;
	font-size:1px;
	line-height:1px;
	width:100%;
}
.mf div.autoPlayCon{
	float:left;
	width:10%;
	padding-left:3%;
	height:24px;
}
.mf a.play, .mf a.stop{
	width:27px;
	height:24px;
	float:left;
	cursor:pointer;
}
.mf a.play{
	background:url(/images/galery/play.gif) no-repeat;
}
.mf a.stop{
	background:url(/images/galery/stop.gif) no-repeat;
}
.mf div.sliderCon{
	margin-top:5px;
	float:left;
	width:74%;
}
.mf a.sliderNext{
	background:url(/images/galery/left.gif) no-repeat;
}
.mf a.sliderPrev{
	background:url(/images/galery/right.gif) no-repeat;
}
.mf a.sliderNext, a.sliderPrev{
	text-decoration:none;
	width:25px;
	height:16px;
	cursor:pointer;
	float:left;
}
.mf div.resizeCon{
	float:right;
	width:10%;
	padding-right:3%;
	height:24px;
}
.mf a.resize{
	width:34px;
	height:24px;
	float:right;
	cursor:pointer;
	background:url(/images/galery/resize.gif) no-repeat;
}
.mf div.slider{
	background:url(/images/galery/middle.gif) repeat-x;
	height:16px;
	position:relative;
	text-align:left;
	float:left;
}
.mf div.knob{
	height:16px;
	background:url(/images/galery/middle-slider.gif) repeat-x right center;
}
.mf div.knobleft{
	background:url(/images/galery/left-slider.gif) repeat-x center;
	width:8px;
	height:16px;
}

#contacts_text {
    font-size: 1.5em;
    text-shadow: 4px 5px 6px rgba(0, 0, 0, 0.91);
    color: white;
    text-align: center;
}

#contacts_text a{
    font-size: 1.5em;
    text-shadow: 4px 5px 6px rgba(0, 0, 0, 0.91);
    color: white;
}