@import url(http://fonts.googleapis.com/css?family=Cuprum:400,700&subset=latin,cyrillic);
@import url(http://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700&subset=latin,cyrillic);
/*
CSS STRUCTURE:

1. SITE STRUCTURE
2.  PAGES AND CONTENT
3. MISC
4. MEDIA QUERIES

/*============================================================================================*/
/* 1. SITE STRUCTURE */
/*============================================================================================*/

/* #Site Header
================================================ */

header {
	font-family:Cuprum;
	background:#efefef url(../img/bg_header.png) repeat-x left top;
	border-bottom:1px solid #e6e6e6;
	height:90px;
	width:100%;
	z-index:1000;
	position:fixed;
	top:0;
	left:0;
}
#logo { 
	background-color:#fff;
	background:url(../img/logo_bgr.png) top left repeat-x;
	border: 1px solid #FFF;
	box-shadow:0 1px 3px rgba(0,0,0,.3); 
	-moz-box-shadow:0 1px 3px rgba(0,0,0,.3); 
	text-align:center; 
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,.3);
}
#logo a { 
	background:url(../img/logo_1.png) no-repeat 0 0; 
	display:block; 
	height:70px;
	margin:15px auto; 
	text-indent:-9999px; 
	width:190px;
}
ul#lang	{ 
	color:#fff; 
	float:right; 
	font-size:12px; 
	margin-top:20px; 
	text-transform:uppercase;
}
ul#lang a { 
	color:#7d7d7d; 
	text-decoration:none;
}
ul#lang a:hover { 
	color:#fff;
}
ul#lang li { 
	background:url(../img/menu_footer_divider.png) right center no-repeat; 
	float:left; 
	margin-left:10px; 
	padding-right:10px;
}
ul#lang li:last-child { 
	background:none; 
	padding-right:0;
}
#wxWrap { 
	float:right; 
	margin-top:9px; 
	width:172px;
}
#wxIntro { 
	color:#666; 
	display:inline-block; 
	font:12px/20px Helvetica,Arial; 
	padding-top:9px; 
	vertical-align:top;
}
#wxIcon { 
	background:url('http://l.yimg.com/a/lib/ywc/img/wicons.png') no-repeat 61px 0; 
	display:inline-block; 
	height:24px; 
	margin:1px 6px 0 0px; 
	overflow:hidden; 
	width:43px;
}
#wxIcon2 { 
	display:inline-block; 
	height:34px; 
	margin:1px 6px 0 8px; 
	overflow:hidden; 
	width:34px;
}
#wxTemp { 
	color:#999; 
	display:inline-block; 
	font:18px/28px Arial,Verdana,sans-serif; 
	margin-left:4px; 
	padding-top:5px; 
	vertical-align:top;
}
select.mobileMenu { 
	color:#444; 
	font:14px 'PT Sans Narrow', 
	sans-serif; 
	margin:auto; 
	margin-top:-10px; 
	padding:5px;
}

/* #Site Footer
================================================ */
footer {
	font-family:Cuprum; 
	background:#26282b url(../img/bg_footer.png) repeat-x left top; 
	color:#d1d1d1; 
	padding:20px 0 10px 0; 
	width:100%;
}
#nav-footer a { 
	color:#d1d1d1; 
	text-decoration:none;
}
#nav-footer a:hover { 
	color:#fff;
}
ul#nav-footer li { 
	background:url(../img/menu_footer_divider.png) left center no-repeat; 
	float:left; 
	margin-right:10px; 
	padding-left:10px;
}
ul#nav-footer li:first-child { 
	background:none; 
	padding-left:0;
}
.copy { 
	text-align:right;
}

/* #Content
================================================ */
#slidecaption { 
	background:#fff; 
	bottom:2%; 
	box-shadow:0 1px 5px rgba(0,0,0,.5); 
	font-size:2.20em; 
	line-height:16px; 
	-moz-box-shadow:0 1px 5px rgba(0,0,0,.5); 
	padding:15px; 
	position:absolute; 
	right:1%; 
	text-align:right; 
	-webkit-box-shadow:0 1px 5px rgba(0,0,0,.5);
}
#slidecaption span { 
	color:#999; 
	display:block; 
	font-size:0.50em; 
	margin-top:10px;
}
#prevslide, #nextslide { 
	bottom:40px; 
	height:43px; 
	margin-top:-21px; 
	opacity:0.6; 
	position:absolute; 
	width:43px;
}
#prevslide { 
	background:url('../img/back.png'); 
	left:10px;
}
#nextslide { 
	background:url('../img/forward.png'); 
	right:10px;
}
#prevslide:active, #nextslide:active { 
	margin-top:-19px;
}
#prevslide:hover, #nextslide:hover { 
	cursor:pointer;
}
#banner_home { 
	background:#fff; 
	box-shadow:0 1px 3px rgba(0,0,0,.3); 
	-moz-box-shadow:0 1px 3px rgba(0,0,0,.3); 
	position:relative; 
	top:-27px; 
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,.3); 
	margin-bottom:20px;
}

.ie8 #banner_home, .ie7 #banner_home { 
	border:1px solid #ededed; 
}

ul#follow li {
	float:left;
	margin-right:10px;
}
ul#follow li a {
	display:block;
	height:36px;
	text-indent:-9999px;
	width:37px;
}
ul#follow li a#tw{
	background:url(../img/sprite_social.png) no-repeat 0 0;
}
ul#follow li a:hover#tw {
	background:url(../img/sprite_social.png) no-repeat 0 -42px;
}
ul#follow li a#rss {
	background:url(../img/sprite_social.png) no-repeat -47px 0;
}
ul#follow li a:hover#rss {
	background:url(../img/sprite_social.png) no-repeat -47px -42px;
}
ul#follow li a#vimeo {
	background:url(../img/sprite_social.png) no-repeat -94px 0;
}
ul#follow li a:hover#vimeo {
	background:url(../img/sprite_social.png) no-repeat -94px -42px;
}
ul#follow li a#fb {
	background:url(../img/sprite_social.png) no-repeat -141px 0;
}
ul#follow li a:hover#fb {
	background:url(../img/sprite_social.png) no-repeat -141px -42px;
}


/*============================================================================================*/
/* 2. PAGES AND CONTENT */
/*============================================================================================*/

/* #Home
================================================ */
#banner_home .four.columns { 
	text-align:right;
}
#banner_home .four.columns a.button_yellow { 
	margin:10px;
}
.bg_gray { 
	background: #f7f7f7 url(../img/big_shadow.png) center 1px no-repeat; 
	border-bottom:1px solid #e6e6e6; 
	border-top:1px solid #e6e6e6;
}
#back { 
	display:none;
}


/*============================================================================================*/
/* 3. MISC */
/*============================================================================================*/
.picture { 
	position:relative;
}
.picture em { 
	background:url(../img/shadow_1.png) no-repeat center top; 
	display:block; 
	height:10px; 
	margin-bottom:10px; 
	margin-top:-3px; 
	width:100%
}
.magnify { 
	background:url(../img/zoom_1.png) no-repeat 10px 10px; 
	display:none; 
	height:92%; 
	left:0; 
	position:absolute; 
	top:0; 
	width:100%; 
	z-index:999;
}

.ie8 .picture em { 
	background:url(../img/shadow_1.png) no-repeat center top; 
	display:block; 
	height:10px; 
	margin-bottom:10px; 
	margin-top:-2px; 
	width:100%
}
.ie7 .picture em { 
	background:url(../img/shadow_1.png) no-repeat center top; 
	display:block; 
	height:10px; 
	margin-bottom:10px; 
	margin-top:1px; 
	width:100%
}

ul.list_3 li { 
	background:url(../img/tick_1.png) no-repeat left 3px; 
	line-height:16px; 
	padding-left:20px;
}
ul.list_4 li { 
	background:url(../img/arrow_2.png) no-repeat 3px 5px; 
	line-height:18px; 
	padding-left:20px;
}
ul.list_5 li { 
	background:url(../img/arrow_3.png) no-repeat 5px 7px; 
	line-height:18px; 
	padding-left:20px;
}
ul.list_6 li { 
	background:url(../img/arrow_4.png) no-repeat 4px 6px; 
	line-height:18px; 
	padding-left:20px;
}
ul.room_facilities { 
	padding-bottom:20px;
}
ul.room_facilities li { 
	display:block; 
	float:left; 
	height:30px; 
	margin:0 10px 10px 0; 
	text-indent:-9999px; 
	width:30px;
}
ul.room_facilities li a { 
	cursor:pointer; 
	display:block; 
	height:30px; 
	width:30px;
}
ul.room_facilities li.lcd a { 
	background:url(../img/icons_room.png) no-repeat -1px 0;
}
ul.room_facilities li.wifi a { 
	background:url(../img/icons_room.png) no-repeat -50px 0;
}
ul.room_facilities li.safe a { 
	background:url(../img/icons_room.png) no-repeat -97px 0;
}
ul.room_facilities li.bath a { 
	background:url(../img/icons_room.png) no-repeat -144px 0;
}
ul.room_facilities li.loundry a { 
	background:url(../img/icons_room.png) no-repeat -192px 0;
}
ul.room_facilities li.parking a { 
	background:url(../img/icons_room.png) no-repeat -242px 0;
}
ul.room_facilities li.breakfast a { 
	background:url(../img/icons_room.png) no-repeat -288px 0;
}
ul.room_facilities li.dinner a { 
	background:url(../img/icons_room.png) no-repeat -335px 0;
}

.facilities_desc { 
	background-color:#f9f9f9; 
	border:1px solid #ededed; 
	padding:12px
}
.facilities_desc ul li { 
	border-bottom:1px solid #e8e8e8;
}
.facilities_desc ul li:last-child { 
	border-bottom: none; 
}


/*============================================================================================*/
/* 4. MEDIA QUERIES */
/*============================================================================================*/
	
/* Smaller than standard 960 (devices and browsers) ========================================= */
@media only screen and (max-width: 959px) {

}

/* Tablet Portrait size to standard 960 (devices and browsers) ================================== */
@media only screen and (min-width: 768px) and (max-width: 959px) {
#logo a{ background:url(../img/logo_2.png) no-repeat 0 0; display:block; height:54px; margin:15px auto; text-indent:-9999px; width:142px;}

}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
body{ margin-top:0;}
header{ height:210px; position:relative;}
#back{ display:block; position:absolute; right:70px; top:6px; width:80px;}
#wxWrap{ float:left;}
ul#lang{ color:#222;}
ul#lang a{ color:#666; text-decoration:none;}
ul#lang a:hover{ color:#222;}
#banner_home h2{ color:#636363; font-size:26px; margin-bottom:0; te}
#banner_home .four.columns{ text-align:center;}

ul#nav-footer{ text-align:center; width:100%;}
ul#nav-footer li{ background:url(../img/menu_footer_divider.png) left center no-repeat; display:inline; float:none; margin-right:10px; padding-left:10px;}
ul#nav-footer li:first-child{ background:none;}
.copy{ margin-bottom:10px; text-align:center;}
body.full header{ background:#efefef url(../img/bg_header.png) repeat-x left -20px; border-bottom:1px solid #e6e6e6; height:38px; width:100%; z-index:2;}
body.full .four.columns{ float:left; margin-left:-25px; width:160px;}
body.full ul#lang a, #back a{ color:#ccc; text-decoration:none;}
body.full ul#lang a:hover, #back a:hover{ color:#fff;}
body.full nav{ display:none;}
body.full #wxWrap{ display:none;}
body.full .twelve.columns{ float:right; margin-right:-20px; margin-top:8px; width:90px;}
body.full .twelve.columns ul#lang{ float:right;}
body.full .twelve.columns ul#lang{ margin:0; padding:0;}
body.full #logo a{ background:url(../img/logo_2.png) no-repeat 0 0; display:block; height:54px; margin:5px auto; text-indent:-9999px; width:142px;}
body.full #slidecaption{ background:#fff; bottom:2%; box-shadow:0 1px 5px rgba(0,0,0,.5); font-size:1.30em; line-height:7px; -moz-box-shadow:0 1px 5px rgba(0,0,0,.5); padding:10px; position:absolute; right:2%; text-align:right; -webkit-box-shadow:0 1px 5px rgba(0,0,0,.5);}
body.full #slidecaption span{ color:#999; display:block; font-size:0.70em; margin-top:10px;}

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
body{ margin-top:0;}
header{ height:210px; position:relative;}
ul#lang{ color:#222;}
ul#lang a{ color:#666; text-decoration:none;}
ul#lang a:hover{ color:#222;}

#wxWrap{ float:left;}
ul#nav-footer{ text-align:center; width:100%;}
ul#nav-footer li{ background:none; float:none; margin-right:0; padding-left:0;}

.flex-caption {width: 35%; padding: 2%; position: absolute; left: 5px; bottom: 0; background: rgba(0,0,0,.6); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.5); font-size: 12px; line-height: 14px;}

#banner_home h2{ color:#636363; font-size:18px; margin-bottom:0; text-align:center;}
#banner_home .four.columns{ text-align:center;}
.copy{ margin-bottom:10px; text-align:center;}
body.full header{ background:#efefef url(../img/bg_header.png) repeat-x left -20px; border-bottom:1px solid #e6e6e6; height:38px; width:100%; z-index:2;}
body.full .four.columns{ margin-left:-5px; width:160px;}
body.full ul#lang a{ color:#ccc; text-decoration:none;}
body.full ul#lang a:hover{ color:#fff;}
body.full nav{ display:none;}
body.full #wxWrap{ display:none;}
body.full .twelve.columns{ float:right; position:absolute; right:-5px; top:8px; width:100px;}
body.full .twelve.columns ul#lang{ margin:0; padding:0;}
body.full #logo a{ background:url(../img/logo_2.png) no-repeat 0 0; display:block; height:54px; margin:5px auto; text-indent:-9999px; width:142px;}
body.full #slidecaption{ background:#fff; bottom:2%; box-shadow:0 1px 5px rgba(0,0,0,.5); font-size:1.40em; line-height:12px; -moz-box-shadow:0 1px 5px rgba(0,0,0,.5); padding:10px; position:absolute; right:2%; text-align:right; -webkit-box-shadow:0 1px 5px rgba(0,0,0,.5); width:150px;}
body.full #slidecaption span{ color:#999; display:block; font-size:0.60em; margin-top:5px;}
}