@import url(http://fonts.googleapis.com/css?family=Roboto:100,300,400,400i,500,500i,700,700i,900&subset=cyrillic,cyrillic-ext);

html { height: 100% }
   
body {
	background: #2f170b;
	font-family: 'Roboto', sans-serif;
	margin: 0; padding: 0;
	height: 100%; }
	
#main {
	background: url(../img/wood.jpg) no-repeat; 
	-moz-background-size: 100%; 
	-webkit-background-size: 100%; 
	-o-background-size: 100%; 
	background-size: 100%; 
	background-size: cover !important;
	width: 100%;
	background-position: 50% 0%;
	background-attachment: fixed !important; }
      
table { 
	border-collapse: collapse;
	border-spacing: 0; }
    
a { text-decoration: none; }
    
h1 { margin-top: 10px;
	font-family: 'Roboto', sans-serif;
	text-shadow: 0px 0px 10px #000000;
    color: #ffffff;
    margin-bottom: 5px;
    letter-spacing: 0px;
    font-weight: normal;
    text-transform: uppercase; }
    
h2 { color: #ffffff;
	font-weight: normal;
	font-family: 'Roboto', sans-serif;
	text-shadow: 0px 0px 10px #000000;
	font-size: 28px; }

h3 { color: #ffcc66;
	font-weight: normal;
	font-family: 'Roboto', sans-serif;
	text-shadow: 0px 0px 10px #000000;
	font-size: 24px; }
     
nav { width: 1050px;
	float: center;
	margin: 0 auto; }

header ul { 
	list-style-type: none;
	margin-top: 18px;
	float: center; }

header li { 
	font-family: 'Roboto', sans-serif;
	padding: 20px;
	display: inline;
	float: center; }

header {
	border-bottom: 1px solid #000000;
	background:  url(../img/black.png);
	float: center;
	height: 50px;
	text-align:center;
	width: 100%;
	position: fixed;
	z-index: 1000; }

header a {
	color: #ffcc66;
	text-decoration: none;
	text-shadow: 0px 0px 5px #000000;
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase; }

header a:hover {
	text-decoration: none;
	text-shadow: none;
	border-bottom: #ffffff 1px solid;
	color: #ffffff; }
	
header a:active {
	text-decoration: none;
	text-shadow: none;
	border-bottom: #ff6600 1px dashed;
	color: #ff6600; }

span.roksi { text-decoration: none; color: #ffffff; }
span.roksi a { text-decoration: none; color: #ffcc66; }
span.roksi a:hover { text-decoration: none; color: #ffffff; }
span.roksi a:active { text-decoration: none; color: #ff6600; }

span.link { text-decoration: none; color: #ffffff; }
span.link a { text-decoration: none; border-bottom: #ffffff 1px solid; color: #ffffff; }
span.link a:hover { text-decoration: none; border-bottom: #ffffff 1px dashed; color: #ffffff; }
span.link a:active { text-decoration: none; border-bottom: #ff6600 1px dashed; color: #ff6600; }

.shadow { text-shadow: 0px 0px 5px #000000 }

#bg { 
background: url(../img/bg.jpg) no-repeat; 
-moz-background-size: 100%; 
-webkit-background-size: 100%; 
-o-background-size: 100%; 
background-size: 100%; 
width: 100%;
background-position: 50% 50%;
background-size: cover !important;
background-attachment: fixed !important; }