@charset "utf-8";
/* CSS Document */
@import url(bootstrap.min.css);
@import url(typicons.min.css);
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400italic,700italic,300,400,700|Roboto:300,300italic,400,400italic,500,500italic,700,700italic,900&subset=latin,latin-ext);
/*
font-family: 'Roboto Condensed', sans-serif;
font-family: 'Roboto', sans-serif;
*/
html, body{	
	height:100%;
}
html{
	background: #0f1421 url(../img/bg_html.jpg) no-repeat right top;
	background-attachment: fixed;
}
body{ background: transparent;}
/*body{background: url(../img/bg_wrap.png) repeat-y center top;}*/
a,
input,
button{
	outline: none;
}
[class*="row"] {
  float: left;
  min-height: 1px;
  margin: 0;
}
.text-right{
	float: right;
}
.row1 {
  width: 233px;
  padding: 50px 0 0;
  position: relative
  
}
.row2 {
  width: 209px;
  position: relative;
}
.row3 {
  width: 538px;
  /*overflow-y: scroll;
    height: 100%;
	position: relative;*/
}
.clear{ clear: both;}
.fixed{ position: fixed;}
/**/
#wrap{
	width: 980px;
	margin: 0 auto;
	position: relative;
	background: url(../img/bg_wrap.png) repeat-y left top;
	min-height: 100%;
}

#header_logo{
	background: url(../img/bg_header_logo.png) no-repeat left top;
	font: bold 24px/24px 'Roboto Condensed', sans-serif;
	color: #fff;
	text-decoration: none;
	width: 147px;
	height: 90px;
	display: block;
	padding: 0 0 0 83px;
}

#address{
	margin: 14px 0 0;
	width: 208px;
	border-top: 1px solid #0c101a;
	border-bottom: 1px solid #272c38;
}
#address div{
	border-top: 1px solid #272c38;
	border-bottom: 1px solid #0c101a;
	padding: 11px 0;
}
	#address p{
		font: normal 11px/24px 'Roboto', sans-serif;
		color: #fff;
	}
		#address p span{ color: #476291;}
		#address p a{
			color: #fff;
			text-decoration: none;
		}
			#address p a:focus,
			#address p a:hover{
				text-decoration: underline;
			}

ul#menu{ 
	list-style: none;
	padding: 50px 0 0 22px;
}
	ul#menu li{
		display: block; 
	}
	#menu a{
		color: #fff;
		font: bold 14px/24px 'Roboto Condensed', sans-serif;
		text-decoration: none;
		transition: all 0.5s ease-out;
	}
			#menu a:focus,
			#menu a:hover{
				color: #3a4f75;
			}
			ul#menu ul.child_menu,
			ul#menu ul.dropdown-menu{
				padding: 0 0 0 20px;
				display: block;
				position: relative;
				background: transparent;
				float: none;
			}
				ul#menu ul.child_menu a,
				ul#menu ul.dropdown-menu a{font: normal 12px/20px 'Roboto Condensed', sans-serif;}
				ul#menu ul.dropdown-menu li a{
					padding: 3px 2px;
				}
					ul#menu ul.dropdown-menu li a:hover,
					ul#menu ul.dropdown-menu li a:focus{
						background: transparent;
					}

.main{ 
	padding: 50px 30px;
	color: #fff;
	font: 300 12px 'Roboto', sans-serif;
}
	h1#main_title{
		font: 300 30px/36px 'Roboto', sans-serif;
		padding: 0 0 15px;
		margin: 0;
	}
	h2#main_sub_title{
		font: 300 18px/24px 'Roboto', sans-serif;
		padding: 0 0 15px;
		margin: 0;
	}

#content{
	padding: 50px 0 0 0;
	color: #fff;
	font: normal 12px/18px 'Roboto', sans-serif;
}
	h1#content_title{
		font: 300 20px/26px 'Roboto', sans-serif;
		padding: 0 0 7px;
		border-bottom: 1px solid #0c101a;
		margin: 0;
	}
#container{
	border-top: 1px solid #272c38;
	padding: 10px 0 0; 
}

.news{ 
	padding: 22px 0;
	display: table;
	clear: both;
}
	.news_pic{ 
		/*float: left;*/
		display: table-cell;
		margin: 0 17px 0 0;
		width: 144px;
		border: 0;
		padding: 0 10px 0 0;
	}
		.news_pic img{border: 5px solid #191f2e;}
	.main .news-container{
		display: table-cell;
		width: 100%;
		vertical-align: top;
	}
		.page404 h1,
		#container .news h1.title{
			font: bold 18px/24px 'Roboto', sans-serif;
			color: #fff;
		}
		#container .news h2.date{
			font: normal 10px/16px 'Roboto', sans-serif;
			color: #3a4f75;
		}
		.page404 p,
		.main .news .content{ 
			padding: 10px 0;
			color: #99a2b7;
			font: normal 12px/18px 'Roboto', sans-serif;
		}
		.page404 a,
		.main .news .container a{ 
			color: #fff;
			text-decoration: none;
		}
			.page404 a:focus,
			.page404 a:hover,
			.main .news .container a:focus,
			.main .news .container a:hover{
				color: #3a4f75;
				background: #fff;
			}
/**/
#login_form{ 
	width: 208px; 
	margin: 46px 0 0 0;
}
.simple_input{
	border: 1px solid #444956;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #fff;
	background-color: #232835;
	*background-color: #1d222f;
	background-image: -moz-linear-gradient(top, #444956, #1d222f);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444956), to(#1d222f));
	background-image: -webkit-linear-gradient(top, #444956, #1d222f);
	background-image: -o-linear-gradient(top, #444956, #1d222f);
	background-image: linear-gradient(to bottom, #444956, #1d222f);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe7e7e7', endColorstr='#fffafafa', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	font: bold 11px/30px 'Roboto', sans-serif;
	height: 30px;
	width: 186px;
	padding: 0 0 0 10px;
	margin: 0 0 7px;
	-moz-box-shadow: 2px 0 6px 3px rgba(000, 000, 000, 0.5);
	-webkit-box-shadow: 2px 0 6px 3px rgba(000, 000, 000, 0.5);
    box-shadow: 2px 0 6px 3px rgba(000, 000, 000, 0.5);
}
.simple_button{
	border: none;
	background-color: transparent;
	background-image: none;
	font: bold 12x/22px 'Roboto', sans-serif;
	height: 22px;
	text-transform: uppercase;
	color: #3a4f75;
	margin: 7px 0;
	text-shadow: 1px 1px 1px #000;
	float: right;
	display: block;
}
	a.simple_button{
		 line-height: 22px;
		 padding: 0 6px;
	}
.simple_input:focus {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}
/**/
#container h1,
#container h2,
#container h3,
#container h4{
	font-weight: bold;
	padding: 0 0 7px;
	margin: 0;
}
#container h1{font-size: 22px;}
#container h2{font-size: 18px;}
#container h3{font-size: 16px;}
#container h4{font-size: 14x;}
#container ul, #container ol{ padding: 10px 0 10px 20px;	}
		#container ul li, #container ol li{ margin: 0 0 0 20px; }
#container p { 
	line-height:1.5; 
	margin:0 0 1em;
}
#container a{ color: #3a4f75; }
#container a:hover{ text-decoration: none;}
/**/
.well{ 
	-webkit-box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0, rgba(0, 0, 0, 0.8) 0 1px 7px 0px inset;
	-moz-box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0, rgba(0, 0, 0, 0.8) 0 1px 7px 0px inset;
	box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0, rgba(0, 0, 0, 0.8) 0 1px 7px 0px inset;
	background: #202020;
	background-color: rgba(0, 0, 0, 0.3);
	border: 0; 
}
.spamcheck{
	margin: 0 auto 5px;
}

.user-data h1{
	color: #fff;
	font-size: 20px;
	margin: 0;
}
.user-data ul{
	padding: 15px 0;
}
	.user-data li{
		text-align: right;
		display: block;
	}
		.user-data .simple_button {
			margin: 0;
			font-size: 12px;
			display: block;
			float: none;
		}
			.user-data input.simple_button{
				float: right;
			}
			.user-data .simple_button:hover,
			.user-data .simple_button:focus{
				text-decoration: underline;
				color: #2a6496;
			}
.btn-primary,
#container a.btn-primary{
	background: #3a4f75;
	border: 1px solid #3a4f75;
	color: #fff;
}
.btn-primary:hover, 
.btn-primary:focus,
#container a.btn-primary:hover,
#container a.btn-primary:focus{ 
	background: #283651;
	border: 1px solid #283651;
}