/* Template created by CENTROARTS.com | Author: Rumin Sergey | URL: http://centroarts.com */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input {
    margin: 0;
    padding: 0;
}
 
body {
    background: #fff url("../images/bg.jpg") no-repeat center top;
    color: #444;
    word-wrap: break-word;
}

@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/roboto-regular-webfont.eot');
    src: url('../fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-regular-webfont.woff') format('woff'),
         url('../fonts/roboto-regular-webfont.ttf') format('truetype'),
         url('../fonts/roboto-regular-webfont.svg#robotoregular') format('svg');
	font-weight: normal;
    font-style: normal;
}


 h1, h2, h3, h4, h5 {
    line-height: normal;
}

h1 {
    font-family: 'robotoregular', sans-serif;
	font-size:20px;
	font-weight: normal;
}

 h2 {
	font-family: 'robotoregular', sans-serif;
	font-size:18px;
	font-weight: normal;
}

 h3 {
	font-size:16px;
	text-transform:uppercase;
}

 h4 {
	font-family: 'LiberationSans', sans-serif;
	font-size:13px;
}

 h5 {
	font-weight:normal;
	font-size:11px;
}

a {
    color: #d82020;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}
a.naob {
    text-decoration: underline;
}

a.naob:hover {
    text-decoration: none;
}

a img {
    border: 0 none;
}

textarea {
    resize: vertical;
}

input, textarea, select, button, body {
    font: 13px/18px Arial, Helvetica, sans-serif;
}

input, textarea, select, button, a {
    outline: none;
}

p {
    margin-bottom: 0.4em;
}

hr {
    border: 0 none;
    border-top: 1px solid #dbe8ed;
    height: 1px;
}

ul {
    margin: 0 0 18px 2em;
    list-style: disc outside;
}

ol {
    margin: 0 0 18px 2.1em;
    list-style: decimal;
}

.reset, .reset li {
    list-style: none;
    padding: 0;
    margin: 0;
}

.clr {
    clear: both;
}
.content{
	display:block;
	overflow:hidden;
	width:1000px;
	margin:0 auto;
	-webkit-box-shadow:0 0 4px rgba(0,0,0,0.5);
	-moz-box-shadow:0 0 4px rgba(0,0,0,0.5);
	box-shadow:0 0 4px rgba(0,0,0,0.5);
	background:#fff;
}
.header, .futter{
	display:block;
	width:100%;
	height:70px;
	background:#eee;
}
.futter{
	overflow:hidden;
}
.header-top, .futter-bottom{
	display:block;
	width:100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding:10px;
	height:60px;
	background:url(../images/bg2.png) repeat;
	-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.3);
	-moz-box-shadow:0 2px 4px rgba(0,0,0,0.3);
	box-shadow:0 2px 4px rgba(0,0,0,0.3);
}
.futter-bottom{
	margin-top:10px;
	-webkit-box-shadow:0 -2px 4px rgba(0,0,0,0.3);
	-moz-box-shadow:0 -2px 4px rgba(0,0,0,0.3);
	box-shadow:0 -2px 4px rgba(0,0,0,0.3);
}
a.logo{
	display:block;
	width:210px;
	height:45px;
	float:left;
	margin:0;
	background:url(../images/logo.png) no-repeat;
}
.top-menu{
	display:block;
	height:30px;
	padding:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	background:#ccc;
	-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,0.4);
	-moz-box-shadow:inset 0 1px 3px rgba(0,0,0,0.4);
	box-shadow:inset 0 1px 3px rgba(0,0,0,0.4);
	float:right;
	margin:0;
}
a.top-menu-p, span.top-menu-p, a.login-button, button.login-button, .left-menu a, ul.tabNavigation li a{
	display:block;
	color:#fff;
	text-decoration:none;
	text-shadow:0 1px 1px rgba(0,0,0,0.5);
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	padding:5px 15px;
	line-height:20px;
	background-color: #999;
    background-image: -moz-linear-gradient(top, #999, #333);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#999), to(#333));
    background-image: -webkit-linear-gradient(top, #999, #333);
    background-image: -o-linear-gradient(top, #999, #333);
	background-image: linear-gradient(to bottom, #999, #333);
	background-repeat: repeat-x;
	float:left;
	margin-right:5px;
	cursor:pointer;
	border:none;
}
a.top-menu-p:hover, span.top-menu-p:hover, .active span.top-menu-p, a.login-button:hover, button.login-button:hover, .left-menu a:hover{
	background-color: #e02222;
    background-image: -moz-linear-gradient(top, #e02222, #9d1111);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e02222), to(#9d1111));
    background-image: -webkit-linear-gradient(top, #e02222, #9d1111);
    background-image: -o-linear-gradient(top, #e02222, #9d1111);
	background-image: linear-gradient(to bottom, #e02222, #9d1111);
	background-repeat: repeat-x;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.4);
	-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.4);
	box-shadow:inset 0 1px 1px rgba(0,0,0,0.4);
}
a.login-reg{
	margin-top:2px;
}
.top-menu-p-box{
	display:block;
	float:left;
	margin:0;
	position:relative;
}
span.top-menu-p2{
	cursor:pointer;
	padding:0;
	width:30px;
	height:30px;
	position:relative;
	margin:0;
}
span.top-menu-p2 b{
	display:block;
	width:19px;
	height:23px;
	position:absolute;
	background:url(../images/group.png) no-repeat;
	top:3px;
	left:5px;
}
.myopenblock{
	display:none;
}
.active .myopenblock{
	display:block !important;
	position:absolute;
	top:35px;
	right:-5px;
	width:180px;
	background:#fff;
	-webkit-box-shadow:0 0 4px rgba(0,0,0,0.3);
	-moz-box-shadow:0 0 4px rgba(0,0,0,0.3);
	box-shadow:0 0 4px rgba(0,0,0,0.3);
	padding:10px;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	z-index:999;
}
.top-log-box a{
	display:block;
	overflow:hidden;
	width:100%;
	padding:5px;
	border-top:1px solid #eee;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.top-log-box a:first-child{
	border:none;
}
ul.login-box li{
	display:block;
	overflow:hidden;
	margin-bottom:10px;
}
input#login_name, input#login_password{
	display:block;
	width:100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding:5px;
	background:#fff;
	border:1px solid #ccc;
}
.conten-box{
	display:inline-block;
	width:260px;
	margin:10px 0;
	border-right:740px solid #fff;
	background:url(../images/bg2.png) repeat;
}
.content-box-left{
	display:block;
	overflow:hidden;
	width:240px;
	padding:10px;
	float:left;
	margin:0;
}
.content-box-right{
	display:block;
	overflow:hidden;
	width:720px;
	float:right;
	margin-right:-730px;
}
.left-menu{
	display:block;
	overflow:hidden;
	width:230px;
	padding:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	background:#ccc;
	-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,0.4);
	-moz-box-shadow:inset 0 1px 3px rgba(0,0,0,0.4);
	box-shadow:inset 0 1px 3px rgba(0,0,0,0.4);
	margin-bottom:20px;
}
.left-menu a{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	width:100%;
	margin-top:2px;
}
.left-menu a:first-child{
	margin-top:0;
}
.brr{
	display:block;
	overflow:hidden;
	width:100%;
	height:20px;
}
.brr2{
	display:block;
	overflow:hidden;
	width:100%;
	height:10px;
}

/*tabs*/
div.tabs {
	display:block;
	overflow:hidden;
}

div.container { 
	margin: 0; 
	width: 240px; 
	margin-bottom: 20px;
}

ul.tabNavigation {
	list-style: none;
	display:block;
	overflow:hidden;
	-webkit-border-radius:5px 5px 0 0; 
	-khtml-border-radius:5px 5px 0 0; 
	-moz-border-radius:5px 5px 0 0; 
	border-radius:5px 5px 0 0;
	background:#ccc;
	-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,0.4);
	-moz-box-shadow:inset 0 1px 3px rgba(0,0,0,0.4);
	box-shadow:inset 0 1px 3px rgba(0,0,0,0.4);
	margin: 0;
	padding: 5px 0 5px 5px;
}
ul.tabN2{
	-webkit-border-radius:5px; 
	-khtml-border-radius:5px; 
	-moz-border-radius:5px; 
	border-radius:5px;
}
ul.tabNavigation li {
	display: inline;
}

ul.tabNavigation li a {
	display:block;
	width:114px; 
	padding: 5px 0;
	text-align:center;
	margin-right:2px;
}
ul.tabN2 li a{
	width:auto;
	padding:5px 15px;
}
ul.tabNavigation li a.selected,
ul.tabNavigation li a.selected:hover,
ul.tabNavigation li a.selected2,
ul.tabNavigation li a.selected2:hover,
ul.tabNavigation li a:hover {
	background-color: #e02222;
    background-image: -moz-linear-gradient(top, #e02222, #9d1111);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e02222), to(#9d1111));
    background-image: -webkit-linear-gradient(top, #e02222, #9d1111);
    background-image: -o-linear-gradient(top, #e02222, #9d1111);
	background-image: linear-gradient(to bottom, #e02222, #9d1111);
	background-repeat: repeat-x;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.4);
	-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.4);
	box-shadow:inset 0 1px 1px rgba(0,0,0,0.4);
}


ul.tabNavigation li a:focus {
	outline: 0;
}

#first, #second, #third { 
	display:block;
	overflow:hidden;
	padding: 5px 10px;
	margin: 0;
	background: #fff;
}

div.tabs div h2 {
	margin-top: 0;
}
ol.top-news{
	font-family: 'robotoregular', sans-serif;
	font-size:18px;
	font-weight: normal;
	color:#888;
	margin:0 0 0 28px;
}
ol.top-news li{
	margin-top:16px;
}
ol.top-news li a{
	font: 13px/18px Arial, Helvetica, sans-serif;
	color:#000;
	display:block;
	padding-top:-5px;
}
ol.top-news li a:hover{
	color: #d82020;
}
.title{
	display:block;
	overflow:hidden;
	width:100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	border-left:5px solid #d82020;
	background:url(../images/bg2.png) repeat;
	padding:5px 10px;
	line-height:20px;
	margin-bottom:10px;
}
.pop-news{
	display:block;
	overflow:hidden;
	width:339px;
	height:100px;
	padding:10px;
	float:left;
	margin:0;
}
.popnews-img{
	display:block;
	overflow:hidden;
	width:100px;
	height:100px;
	float:left;
	margin-right:10px;
}
.popnews-img img{
	display:block;
	min-width:100px;
	height:100px;
}
.pop-news-right{
	display:block;
	overflow:hidden;
	float:left;
	margin:0;
	width:226px;
}
.pop-news-right p{
	color:#888;
}
a.popnews-title{
	display:block;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	width:100%;
	color:#000;
	margin-bottom:8px;
}
p.pop-hover, .pop-news:hover p.pop-do-hover, a.pop-news-a{
	display:none;
}
p.pop-do-hover, .pop-news:hover p.pop-hover, .pop-news:hover a.pop-news-a{
	display:block;
	margin:0;
}
p.pop-do-hover{
	overflow:hidden;
	height:71px;
}
p.pop-hover{
	overflow:hidden;
	height:55px;
}
.shortstory{
	display:block;
	overflow:hidden;
	width:100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding:10px;
}
.shortstory-right{
	display:block;
	width:588px;
	float:left;
	margin:0;
}
.shortstory-right p{
	color:#888;
}
a.shortstory-a{
	float:right;
	margin:0;
}
.navigation{
	overflow:hidden;
	width:100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	border-left:5px solid #d82020;
	background:url(../images/bg2.png) repeat;
	padding:5px 10px;
	margin-bottom:10px;
}
.navigation span, .navigation a{
	display:block;
	overflow:hidden;
	float:left;
	margin-right:5px;
	font-weight:bold;
	color:#000;
	padding:3px 8px;
	line-height:14px;
	text-decoration:none;
}
.navigation span{
	color:#888;
}
.navigation a:hover, .navigationp span{
	background:#fff;
	padding:2px 7px;
	border:1px solid #ccc;
	color:#d82020;
}
.o-proekte{
	display:block;
	overflow:hidden;
	padding:10px;
}
.copy{
	float:left;
	margin-left:20px;
}
.futter-bottom img{
	display:block;
	float:right;
	margin-left:5px;
	margin-top:3px;
}
.full-rat{
	display:block;
	overflow:hidden;
	float:right;
	margin:0;
}
.full-info{
	width:354px;
	float:left;
	margin-right:10px;
	border-left:5px solid #ccc;
}
.full-info2{
	width:354px;
	float:left;
	margin:0;
}
ol.related{
	margin-bottom:0;
	font-weight:bold;
}
ol.related a{
	font-weight:normal;
}
.comments{
	display:block;
	overflow:hidden;
	margin-bottom:20px;
}
.comm-foto, .lcol{
	display:block;
	width:100px;
	height:100px;
	float:left;
	margin-right:10px;
}
.comm-right{
	display:block;
	overflow:hidden;
	width:608px;
	float:left;
	margin:0;
}
.comm-link-right{
	display:block;
	float:right;
	margin:3px 0 0 0;
}
ul.comm-link li{
	float:left;
	margin-right:10px;
	opacity:0.3;
}
.comments:hover ul.comm-link li{
	opacity:1;
}
.userinfo{
	display:block;
	overflow:hidden;
	padding:10px 0;
}
.rcol{
	display:block;
	overflow:hidden;
	float:left;
	margin:0;
}
.stats{
	display:block;
	overflow:hidden;
	float:left;
	margin-right:10px;
	width:30%;
}
.vk-box{
	display:block;
    overflow:hidden;
    width:220px;
    padding:10px;
    background:#fff;
    margin-top:20px;
}
.soc-box-title{
	display:block;
    overflow:hidden;
    width:100%;
    padding:5px 15px;
    line-height:20px;
    -webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
    background:#d82020;
    color:#fff;
    -webkit-border-radius:3px;
	-khtml-border-radius:3px;
	-moz-border-radius:3px;
	margin-bottom:10px;
}
.soc-box-box a{
	display:block;
    overflow:hidden;
    width:40px;
    float:left;
    margin-left:10px;
}
.soc-box-box a:first-child{
	margin:0;
}
.soc-box-box a:hover{
	opacity:0.8;
}
.soc-box-box a img{
	display:block;
    width:40px;
    height:40px;
}
.uppod{
	display:block;
    height:375px !important;
}