@charset "utf-8";
.left-line{
    padding-left:10px; 
    margin: 0px 0px 0px 10px; 
    border-left:3px double #0084c6;
}
a{
	outline: none;
	color:#0099FF;
	text-decoration:none;
}
a:hover{
	color:#0099FF;
	text-decoration:underline;
}
body{
    background: #fff url(images/bg.png);
    margin:0; 
    text-align:center;
    font-family: Franklin Gothic Medium;
}
#main{
    width:1000px !important; 
    display: inline-block; 
    text-align: left;
    background: url(images/bg-shadow.png) center top repeat-y;
}
#center{
	width: 984px;
	float: left;
	display: inline-block;
	border: solid 1px #fff;
	border-width: 1px 1px 0px 1px;
        font-size: 0;
}
#center>*{
	width: 100%;
}
#head{
	background: url(images/head-bg.png) top center repeat-x;
	display: inline-block;
	width: 984px;
	height: 124px;
}
#head .title{
	margin: 40px 0px 0px 200px;
	font-size: 13pt;
	color: #005f9a;
}
#head .title .light-blue{
	color: #0083c2;
}
#head-banner{
	width: 672px;
	height: 93px;
	background: url(images/head-banner.png) right top no-repeat;
	float: right;
}
#head-shadow-left{
	width: 7px;
	height: 126px;
	background: url(images/head-shadow-left.png) right top no-repeat;
	float: left;
}
#head-shadow-right{
	width: 7px;
	height: 126px;
	background: url(images/head-shadow-right.png) right top no-repeat;
	float: right;
}
#side-shadow-left{
	position: absolute;
	width: 7px;
	height: 100%;
	background: url(images/side-shadow-left.png) right top repeat-y;
	float; left;
}
#side-shadow-right{
	position: absolute;
	margin-left: 992px;
	width: 7px;
	height: 100%;
	background: url(images/side-shadow-right.png) left top repeat-y;
}
.shadow{
	width: 100%;
	height: 13px;
	background: url(images/shadow.png) center top repeat-x;
}
@media all and (-webkit-min-device-pixel-ratio:10000),
not all and (-webkit-min-device-pixel-ratio:0) {
        .first-shadow{margin-top: -1px;}
}
#logo{
	background: url(images/logo.png) center center no-repeat;
	margin: 25px 0px 0px 27px;
	width: 213px;
	height: 46px;
	float: left;
}
#logo-eng{
	background: url(images/logo-eng.png) center center no-repeat;
	margin: 25px 0px 0px 27px;
	width: 213px;
	height: 46px;
	float: left;
}
#lang{
	float: right;
	position: static;
	margin: 4px 24px;
	font-family:Tahoma, Geneva, sans-serif; 
    font-size:11px; 
    list-style: none;
}
#lang li{
	display: inline;	
}
#lang li a{
	color: #626262;
	text-decoration: none;
}
#lang li a:hover{
	text-decoration: underline;
	color: #0083c2;
}
#menu-bottom-line{
	display: block;
	width: 984px;
	height: 1px;
	background: url(images/menu-bottom-line.png) center top no-repeat;
	float: left;
}
#menu, #menu li ul{
	list-style: none;
}
#menu li{
	display: inline-block;
}
#menu>li{
	display: inline-block;
	height: 17px;
	margin-top: -1px;
	font-size: 10pt;
	color: #fff;
	text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;
	padding: 6px 14px;
	text-transform: uppercase;
	cursor: pointer;
	border-top: solid 1px transparent;
	border-left: solid 1px transparent;
	border-right: solid 1px transparent;
}

#menu>li a{
 color: #fff;
 text-decoration: none;
}
#menu>li:hover a,#menu>li a:hover{
 color: #000;
}

#menu>li:hover{
	background: url(images/menu-bg-selected.png) top center repeat-x;
	border-top-color: #e7e7e7;
	border-top-width: 1px;
	border-left-color: #000;
	border-right-color: #000;
	color: #000;
	text-shadow: -1px 0 #eee, 0 1px #eee, 1px 0 #eee, 0 -1px #eee;
}
#menu>li:first-child{
	border-left-color: transparent !important;
}
#menu{
	position: relative;
	z-index: 1000;
	width: 100%;
	height: 29px;
	margin: 0px;
	padding: 0px;
	font-size: 0px;
	background: url(images/menu-bg.png) top center repeat-x;
	border-top: solid 1px #000;
	float:left;
}
#menu li ul{
	position: absolute;
	display: none;
	text-shadow: none;
	font-variant: normal;
	font-size: 10pt;
	margin: 18px 0px 0px -15px;
	padding: 9px 0px 0px 0px;
	text-transform: none;
}

#menu>li.hoverable:hover ul{
	display: inline-block;
}

#menu li ul li{
	display: block;
	padding: 2px 13px 2px 3px;
	background: url(images/drop-down-bg.png);
	min-width:230px;
}
#menu li ul li a{
	position: static;
	color: #000;
	font-size: 10pt;
	text-decoration: none;
	cursor: pointer;
	display: inline-block;
	width: 100%;
	padding: 2px 0px 0 10px;
}
#menu li ul.hoverable li a:hover{
	background: #339cce;
	color: #fff;
}
#menu li ul li.spliter{
	padding: 0px;
	height: 1px;
}
#menu li ul li.spliter div{
	margin: 0px 10px;
	background: url(images/drop-down-spliter.png);
	height: 2px;
}
#menu li ul li:first-child{
	padding-top: 10px;	
}
#menu li ul li:last-child{
	padding: 0px 0px 10px 0px;
	text-align: center;
	font-size: 14pt;	
	line-height: 12px;
	vertical-align: top;
}
#center>.text-box{
	width: 958px;
}
.text-box{
	font-size: 10pt;
	background: #fff url(images/text-box-shadow.png) top left repeat-x;
	padding-top: 35px;
	padding-bottom: 20px;
	border-top: solid 1px #fff;
	padding-left: 25px;
	padding-right: 25px;
	color: #2e2e2e;
}
.no-bg{
	background: #fff;
}
#map-desc-box>.text-box,#image-box>.text-box{
	width: 705px;
	float: right;
	padding-top: 25px;
	padding-left: 17px;
	padding-right: 17px;
	border: 0px;
	height: 248px;
}
#map-menu{
	width: 435px;
	display: table;
	padding: 0px;
	margin: 0px;
	margin-left: 10px;
	float: left;
}
#map-menu li{
	width: 200px;
	list-style: none;
	font-size: 10pt;
	display: table-cell;
	position: relative;
	float: left;
	vertical-align: baseline;
	margin: 10px 0px;
}
#map-menu li img{
	display: table-cell;
	vertical-align: middle;
	padding: 0px;
}
#map-desc-box .image-box{
	display: inline-block;
	border-left: dashed 1px #c2c2c4;
	float: right;
	padding: 4px 7px;
	margin-top: 22px;
}
#map-desc-box .image-box img{
	border: solid 1px #383838;
	padding: 0px;
}
#map-desc-box .projects-count{
	width: 245px;
	text-align: center;
	float: right;
}
a.go-back{
	color: #108bc6;
	text-decoration: none;
	cursor: pointer;
	margin-top: -25px;
	margin-right: -20px;
	float: right;
	text-transform: lowercase
}
a.go-back:hover{
	text-decoration: underline;
}
.new-project{
	text-transform: uppercase;
	color: #0083c1;
}
.project-desc{
	padding-left: 13px;
	padding-right: 13px;
}
.text-box h1,.text-box h2,.text-box h3,.text-box h4,.text-box h5,.text-box h6{
	margin: 0px;
	font-weight: normal;
	clear: both;
}
.text-box h1{
	font-size: 15pt;
}
.project-desc h1{
	font-size: 14pt;
}
.project-desc .control-box{
	width: 616px;
	height: 74px;
	border-top: solid 1px #cacaca;
	text-align: left;
}
.project-desc .control-box a{
	display: inline-block;
	font-size: 10.5pt;
	color: #118cc8;
	text-decoration: none;
	cursor: pointer;
	margin: 28px 32px;
}
.project-desc .control-box p{
	display: inline-block;
	font-size: 10.5pt;
	color:#999;
	text-decoration: none;
	margin: 28px 32px;
}
.project-desc .control-box a#send{
	float: left;
}
.project-desc .control-box a#download{
	float: right;
}
.project-desc .control-box a:hover{
	text-decoration: underline;
}

.text-box p{
	text-indent:0px;
}

.text-box h2{
	font-size: 13pt;
	background: url(images/header-image.png) left center no-repeat;
	margin-left: -27px;
	padding-left: 27px;
}
.text-box img{
	float: left;
	padding: 14px 14px 14px 0px;
}
#map-desc-box,#feed-box,#image-box{
	position: relative;
	height: 298px;
	border: solid 1px #fff;
	border-width: 1px 0px;
	border-bottom-color: #e2e2e2;
	background: #fff;
}
#feed-box>.text-box{
	width: 738px; 
}
#map-desc-box>.desc,#feed-box>.desc,#image-box>.img{
	width: 245px;
	height: 298px;
	background: url(images/blue-tile.png) left top repeat;
	float: left;
}
#image-box>.img{
	width: 244px;
	background: none;
}
#image-box>.img>img{
}
#map-desc-box>.desc>.content,#feed-box>.desc>.content{
	width: 100%;
	min-height: 102px;
	height: 100%;
	background: url(images/top-shadow.png) left top repeat-x;
	color: #fff;
}
#map-desc-box>.desc>.content>.top-line,#feed-box>.desc>.content>.top-line,#image-box>.img>.top-line{
	margin-top: 1px;
	width: 100%;
	height: 1px;
	background: url(images/feed-box-top-line.png) center top no-repeat;
}
#map-desc-box>.desc>.content>.head,#feed-box>.desc>.content>.head{
	margin: 30px 0px 0px 13px;
	font-size: 14pt;
	font-weight: normal;
}
#map-desc-box>.desc>.content>.text,#feed-box>.desc>.content>.text{
	font-size: 9pt;
	width: 85%;
	margin: 14px 0px 12px 13px;
}
#map-desc-box>.desc>.content>a.more,#feed-box>.desc>.content>a.more{
	font-size: 10pt;
	color: #fff;
	text-decoration: none;
	margin: 0px 0px 0px 13px;
}
#map-desc-box>.desc>.content>a.more:hover,#feed-box>.desc>.content>a.more:hover{
	text-decoration: underline;
}
#map-desc-box>.spliter,#feed-box>.spliter{
	width: 4px;
	height: 100%;
	position: absolute;
	margin-left: 243px;
	background: url(images/feed-box-spliter.png) left top repeat-y;
}
#image-box>.spliter{
	width: 2px;
	height: 100%;
	position: absolute;
	margin-left: 243px;
	background: url(images/image-box-spliter.png) left top repeat-y;
}
#feed-box>.img{
	width: 739px;
	height: 298px;
	float: left;
}
#feed-box>.img>.desc{
	position: relative;
	z-index: 1000;
	width: 100%;
	height: 54px;
	background: url(images/feed-box-desc.png);
	margin-top: -54px;
}
#feed-box>.img>.desc .zoom{
	width: 52px;
	height: 52px;
	display: inline-block;
	float: right;
	background: url(images/zoom.png) center top no-repeat;
	margin: -53px 1px 0px 0px;
}
#feed-box>.img>.desc>.text{
	font-size: 10pt;
	color: #fff;
	padding: 10px 100px 10px 32px;
	float: left;
}
#info-box{
	height: 478px;
	border: solid 1px #fff;
	border-width: 1px 0px;
	background: url(images/blue-tile.png);
}
#info-box>.news-feed{
	width: 244px;
	height: 478px;
	background: #fff url(images/news-bg.jpg) repeat-x;
	border: solid 1px #ccc;
	border-width: 0px 1px 1px 1px;
	border-right-color: #3c3c3c;
	float: left;
	color: #231f20;
}
#info-box>.news-feed>.header{
	margin: 20px 0px 0px 12px;
	font-size: 16pt;
}
#info-box>.news-feed>.news-feed-content-container{
	margin-top: 8px;
	position: static;
	overflow: hidden;
	width:244px;
	height: 374px;
}
#info-box>.news-feed .content{
	margin-top: 0px;
	position: relative;
	width: 244px;
	padding: 0;
	list-style: none;
	font-size: 9pt;
}
#info-box>.news-feed .content li{
	border-bottom: dashed 1px #cdcfd1;
	margin: 0px 11px;
}
#info-box>.news-feed .content li:last-child{
	border-bottom: none;
}
#info-box>.news-feed .content li a{
	padding: 6px 8px;
	margin: 3px -8px;
	display: inline-block;
	cursor: pointer; 
	color: #231f20;
	text-decoration: none;
	line-height: 11pt;
	min-width:222px;
}
#info-box>.news-feed .hoverable li a:hover{
	background: #339cce;
	color: #fff;
}
#info-box>.news-feed>a.button-up{
	position: absolute;
	width: 36px;
	height: 35px;
	background: url(images/button-up.png) left bottom no-repeat;
	margin-left: 207px;
	cursor: pointer;
}
#info-box>.news-feed>a.button-up:hover{
	background: url(images/button-up-hover.png) left bottom no-repeat;
}
#info-box>.news-feed>a.button-down{
	position: absolute;
	width: 36px;
	height: 37px;
	background: url(images/button-down.png) left bottom no-repeat;
	margin-top: 442px;
	margin-left: 207px;
	cursor: pointer;
}
#info-box>.news-feed>a.button-down:hover{
	background: url(images/button-down-hover.png) left bottom no-repeat;
}
#info-box>.info{
	position: absolute;
	margin-left: 246px;
	width: 736px;
	height: 478px;
	border-style: solid;
	float: right;
	border-width: 0px 1px 1px 1px;
	border-left-color: #005d89;
	border-right-color: #0d6a97;
	border-bottom-color: #3e6f87;
	background: url(images/top-shadow.png) left top repeat-x;
	color: #fff;
	font-size: 9pt;
	padding: 0px;
	float:left;
	text-align: center;
}
#info-box>.info>.button-left,#info-box>.info>.button-right{
	width: 22px;
	height: 64px;
	display: inline-block;
	position: absolute;
	margin-top: 172px;
	cursor: pointer;
}
#info-box>.info>a.button-left{
	background: url(images/button-left.png);
	float: left;
	margin-left: -1px;
}
@media all and (-webkit-min-device-pixel-ratio:10000),
not all and (-webkit-min-device-pixel-ratio:0) {
  	#info-box>.info>a.button-left{margin-left: -36px;}
}
@-moz-document url-prefix() {
	#info-box>.info>a.button-left{margin-left: -36px;}
}
#info-box>.info>a.button-left:hover{
	background: url(images/button-left-hover.png);
}
#info-box>.info>a.button-right{
	background: url(images/button-right.png);
	float: right;
	margin-left: 714px;
}
@media all and (-webkit-min-device-pixel-ratio:10000),
not all and (-webkit-min-device-pixel-ratio:0) {
	#info-box>.info>a.button-right{margin-left: 680px;}
}
@-moz-document url-prefix() {
	#info-box>.info>a.button-right{
		margin-left: 680px;
	}
}
#info-box>.info>a.button-right:hover{
	background: url(images/button-right-hover.png);
}
#info-box>.news-feed>.top-line{
	width: 100%;
	height: 1px;
	background: url(images/news-top-line.png) center center no-repeat;
	margin-top: 1px;
}
#info-box>.info>.top-line{
	width: 100%;
	height: 1px;
	background: url(images/info-box-content-top-line.png) center center no-repeat;
	margin-top: 1px;
}
#info-box>.info>#info-feed-container{
	display: inline-block;
	overflow: hidden;
	width: 667px;
	height: 295px;
	position: relative;
}
#info-box>.info>#info-feed-container a{
	color:#FFF;
	text-decoration:none;
	font-size:12pt;
}
#info-box>.info>#info-feed-container a:hover{
	text-decoration:underline;
}
#info-box>.info #info-feed{
	padding: 0px;
	margin: 0px;
	display: table;
	position: relative;
	width: auto;
	height: 257px;
	list-style: none;
	text-align: center;
	margin-left: 0px;
}
#info-box>.info #info-feed li{
	margin: -20px 0 0 0;
	padding: 0px 10px;
	width: 201px;
	display: inline-block;
	text-align: left;
	display: table-cell;
}
#info-box>.info #info-feed li.spliter{
	position: relative;
	top: 96px;
	width: 0px;
	display: inline-block;
	height: 52px;
	padding: 0px;
	border-left: solid 1px #339cce;
	border-right: solid 1px #00699b;
}
#info-box>.info #info-feed li img{
	border: solid 1px #231f20;
}
#info-box>.info>.main-achievement{
	width: 664px;
	margin: 0px 45px;
	text-align: left;
} 
#info-box h1{
	margin: 0px;
	font-size: 13pt;
	font-weight: normal;
}
#charity-box{
	list-style: none;
	margin: 0px;
	padding: 0px;
	border: none;
}
#charity-box>li{
	width: 962px;
	height: 101px;
        padding: 14px 10px 10px 10px;
        background: #fff url(images/charity-top-shadow.png) left top repeat-x;
	border: solid 1px #ccc;
	border-top-color: #fff;
	color: #3e3e3e;
	margin-top:0px;
}
#charity-box>li>.header{
	font-size: 14pt;
	margin: 14px 0px 0px 10px;
	float: left;
}
#charity-box>li>.text{
	width: 676px;
	font-size: 9pt;
	margin: 10px 0px 0px 10px;
	float: left;
	vertical-align: middle;
}
#charity-box>li>.img{
	width: 240px;
	height: 103px;
	float: right;
}

#charity-box>li a.more{
	font-size: 12pt;
	font-variant: small-caps;

}

#charity-box>li a.more:hover{
	text-decoration: underline;
}
#project-box{
	color: #fff;
	height: 298px;
	border-top: solid 1px #fff;
	border-bottom: solid 1px #d9dada;
	background: url(images/blue-tile.png);
	font-size: 9pt;
}
#project-box>ul{
	list-style: none;
	padding: 0px;
	margin: 0px;
	vertical-align: top;
}
#project-box>ul>li{
	width: 220px;
	margin: 0px;
	padding: 20px 12px;
	background: url(images/top-shadow.png) center top repeat-x;
	display: inline-block;
	float: left;
}
#project-box>ul>li.spliter{
	width: 0px;
	height: 298px;
	margin: 0px;
	padding: 0px;
	display: inline-block;
	border-left: solid 1px #085e88;
	border-right: solid 1px #9ccae0;
	background: none;
}
#project-box>ul>li.spliter:first-child, #project-box>ul>li.spliter:last-child{
	border-left: solid 0px #9ccae0;
	border-right: solid 1px #085e88;
	
}
#project-box>ul>li h1{
	font-size: 13pt;
	font-weight: normal;
}
#project-box>ul>li a.more{
	font-size: 10pt;
	color: #fff;
	text-decoration: none;
}
#project-box>ul>li a.more:hover{
	text-decoration: underline;
}
#foot{
	height: 35px;
	background: #fff;
	color: #3e3e3e;
	text-align: center;
	font-size: 9pt;
	padding: 4px 0px;
}
#foot p{
	margin: 0px;
}
#foot>a.developer{
	float: right;
	color: #3e3e3e;
	text-decoration: none;
	margin: -16px 10px 0px 0px;
	font-size: 10pt;
}
#foot .blue{
	color: #0083c2;
}
li:first-child{
	margin-top:5px;
}
table a{
	color:#09F;
	text-decoration:none;
}
table a:hover{
	color:#09F;
	text-decoration:underline;
}
.zagolovok{
	font-size:14pt;
	color:#555;
}
.inserttxt{
	text-align:justify;
	margin-left:50px;
	padding-left:10px;
	margin-right:50px;
	padding-right:10px;
	border-left: double 3px #999;
	border-right: double 3px #999;
}
#line{
	border-top: 1px solid #CACACA;
    height: 1px;
    width: 616px;
}
#project a{
	font-size:12pt;
	padding:15px 0 15px 0;
}
.hidden-content{
	display: none;
}
.collapsible a{
	font-size:10pt;
}
.collapsible table a{
	font-size:10pt;
}
#project-box{
	color: #fff;
	height: 280px;
	border-top: solid 1px #fff;
	border-bottom: solid 1px #d9dada;
	background: url(images/blue-tile.png);
	font-size: 9pt;
}
#project-box>ul{
	list-style: none;
	padding: 0px;
	margin: 0px;
	vertical-align: top;
}
#project-box>ul>li{
	width: 220px;
	margin: 0px;
	padding: 20px 12px;
	background: url(images/top-shadow.png) center top repeat-x;
	display: inline-block;
	float: left;
}
#project-box>ul>li.spliter{
	width: 0px;
	height: 280px;
	margin: 0px;
	padding: 0px;
	display: inline-block;
	border-left: solid 1px #085e88;
	border-right: solid 1px #9ccae0;
	background: none;
}
#project-box>ul>li.spliter:first-child, #project-box>ul>li.spliter:last-child{
	border-left: solid 0px #9ccae0;
	border-right: solid 1px #085e88;
	
}
#project-box>ul>li h1{
	font-size: 13pt;
	font-weight: normal;
}
#project-box>ul>li a.more{
	font-size: 10pt;
	color: #fff;
	text-decoration: none;
}
#project-box>ul>li a.more:hover{
	text-decoration: underline;
}
#foot{
	height: 35px;
	background: #fff;
	color: #3e3e3e;
	text-align: center;
	font-size: 9pt;
	padding: 4px 0px;
}
#foot p{
	margin: 0px;
}
#foot>a.developer{
	float: right;
	color: #3e3e3e;
	text-decoration: none;
	margin: -16px 10px 0px 0px;
	font-size: 10pt;
}
#foot .blue{
	color: #0083c2;
}
.hidden-content{
	display: none;
}
#feed-box .img li{font-size: 0;}