@charset "utf-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,700,800&subset=cyrillic);

#nav-mobile {
	text-align:center;
	font-size:2.4em;
	color:#FFF;
	text-shadow:0 0 2px #000;
	display:none;
	cursor:pointer;	
	position:absolute;
	right:28px;
	top:12px;
	z-index:300000;
	transition:all 500ms; -moz-transition:all 500ms; -o-transition:all 500ms; -webkit-transition:all 500ms;
}
#nav-mobile:hover {
	color:#89b9d2;
}

nav {
	position:absolute;
	z-index:200000;
	width:100%;
	background:url(../images/sfuma-menu.png) repeat-x top;
	background-size:contain;
}

#nav {
	list-style-type:none;
	margin:20px 30px 0 0;
	padding:0 20px 20px 10px;
	font-size:0;
	display:inline-block;
	text-shadow:0 0 2px #000;
	float:right;
	z-index:200000;
}

#nav li {
	display:inline-block;
	line-height:80px;
	margin:0;
	padding:0;
	font-size:18px;
	letter-spacing:-0.01em;
	position:relative;
}

#nav li a {
	text-decoration:none;
	padding:0 24px;
	line-height:80px;
	margin:0;
	color:#fff;
	font-weight:300;
	text-transform:uppercase;
}

#nav li a:hover {
	color:#bbd8e6;
	text-shadow:0 0 8px #FFF;
}

#lang {
	position:absolute;
	z-index:380000;
	top:34px;
	right:30px;
	font-size:12px;
	width:40px;
	text-align:center;
}
#lang a {
	color:#fff;
	text-decoration:none;
	text-shadow:0 0 2px #000;
}
#lang a:hover {
	color:#89b9d2;	
}