html {color:#000; background:#fff; width:100%; height:100%; margin:0; padding:0;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
code,form,fieldset,legend,input,textarea,p,blockquote,th,td,img {margin: 0; padding: 0;}
table {border-collapse: collapse; border-spacing: 0; font-size: 100%;}
fieldset,img {border: 0;}
address,caption,cite,code,dfn,var {font-style: normal; font-weight: normal;}
li {list-style: none;}
/*caption,th{text-align:left;}*/
h1,h2,h3,h4,h5,h6 {font-size: 100%; font-weight: normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0; font-variant: normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align: text-top;}
sub {vertical-align: text-bottom;}
input,textarea,select {font-family: inherit; font-size: inherit; font-weight: inherit;}
/*to enable resizing for IE*/
input,textarea,select {*font-size: 100%;}
/*because legend doesn't inherit in IE */
legend {color: #000;}

/************ STYLE ****************/

html {background: url('/pix/body_bg.gif') repeat 0 0;}

body {
	background: transparent;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 13px;
	margin: 0;
	padding: 0;
	color: #333;
	width: 100%;
	height: 100%;
	min-width: 1080px;
	position: relative;
}

a {
	color: #0295e1;
	outline: 0;
	text-decoration: underline;
}
	
a:hover {
	text-decoration: none;
}
	
div.center div.content p {
	margin-top: 12px;
	margin-bottom: 15px;
}

div.center div.content ul {
	padding: 0;
}
	
div.center div.content ul li {
	list-style-type: disc;
	padding: 8px 0px 8px 0px;
}

div.center div.content ol li {
	list-style-type: decimal;
	padding: 8px 0px 8px 0px;
}

div.center div.content table td {
	padding: 7px 5px 7px 5px;
}		
	
/************ HEADER ****************/
	
div.head {
	height: 120px;
	position: absolute;
	top: 0px;
	width: 100%;
	z-index: 10;
}
	
img.logo {
	position: absolute;
	margin-top: 51px;
	margin-left: 1.5%;
	width: 387px;
	height: 65px;
}

.top_menu {
	position: relative;
	margin-top: 48px;
	margin-left: 41.4%;
	margin-right: 30px;
	/*width: 55.8%;*/
	height: 64px;
	background: url('/pix/topmenu_bg.png') repeat 0 0;
}

.top_menu img {
	position: absolute;
	top: 0;
}

.top_menu img.leftcorn {left: -14px;}
.top_menu img.rightcorn {right: -14px;}
	
.top_menu ul {
	padding-top: 18px;
	width: 100%;
	white-space: nowrap;
	text-align: center;
}
	
.top_menu ul li {
	display: inline;
	padding: 0 3.6% 0 3.6%;
	position: relative;	
}

.top_menu ul li.first {padding-left: 1%;}
.top_menu ul li.last {padding-right: 0;}

.top_menu table {
	width: 100%;
}

.top_menu td {
	width: 20%;
	padding: 18px 3.6% 0 3.6%;
}

.top_menu td.first {padding-left: 1%;text-align: left;}
.top_menu td.last {padding-right: 1%;text-align: right;}
	
.top_menu ul li a, .top_menu td a, .top_menu td span {
	padding-bottom: 2px;
	font-size: 20px;
	color: #fff;
	text-decoration: none;
}
	
.top_menu ul li.active a, .top_menu ul li a:hover, 
.top_menu td.active a, .top_menu td a:hover, 
.top_menu td.active span, .top_menu td span:hover {
	color: #01b9ff;
	background: url('/pix/topmenu_active.gif') repeat-x 0 100%;
}

/************ ÊÀÐÊÀÑ ****************/

div.main {
	min-height:100%;
	height:auto !important;
	height:100%;
	padding:0;
	margin-left: auto;
	margin-right: auto;
	max-width: 1300px;
	width:expression((document.documentElement.clientWidth
 || document.body.clientWidth) > 1300? "1300px":
 "auto");
	background: url('/pix/top_bg.jpg') repeat-x 0 0;
}

div.index {
	min-height: 50%;
	height:auto !important;
	height:auto;
}
	
div.center {
	float: left;
	width: 100%;
	overflow: hidden;
	position: relative;
	z-index: 1;
}
	
div.center div.content {
	margin: 163px 6.5% 5px 42%;
	padding: 0px 0 70px 0;
	position: relative;
	line-height: 20px;
}

.index div.center div.content {
	margin: 168px 6.5% 5px 7.7%;
	min-height: 564px;
	color: #fff;
}

.index div.center div.content a {
	color: #fff;
}
	
div.sidebar_left {
	float: left;
	width: 270px;
	margin-top: 245px;
	margin-left: -100%;
	padding: 0px 0px 20px 85px;
	position: relative;
	z-index: 15;
	/*background: #ccc;*/
}
	
div.sidebar_right {
	float: left;
	width: 212px;
	margin-top: 255px;
	margin-left: -254px;
	padding: 0 41px 36px 0;
	position: relative;
	z-index: 15;
	/*background: #cff;*/
}
	
    .empty {height:109px;}
    .clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
    .clear {display: inline-block;}
    .clear {display: block;}
	
/************ CONTENT ****************/

.text_block1 {
	width: 380px;
	font-size: 15px;
}

.text_block1 .block_title {
	display: block;
	margin-bottom: 5px;
	font-size: 19px;
	font-weight: bold;
}

.scale {
	float: left;
	position: relative;
	left: -40px;
	margin: 36px 0 0;
	width: 68%;
	height: 140px;
}

.scale .block_title {
	position: absolute;
	top: 0;
	right: 0;
}

.scale .thin_line {
	float: left;
	margin-top: 92px;
	margin-left: 3%;
	width: 43%;
	height: 1px;
	line-height: 0;
	font-size: 0;
	background: #fff;
}

.scale .thick_line {
	float: left;
	margin-top: 91px;
	width: 54%;
	height: 3px;
	line-height: 0;
	font-size: 0;
	background: #fff;
}

.scale .right_arrow {
	position: absolute;
	top: 86px;
	right: -9px;
}

.scale .date_circle {
	position: absolute;
	top: 84px;
	left: 0;
	text-align: center;
	font-size: 17px;
	font-weight: bold;
}

.scale .circle1 {top: 49px;left: 0.2%;}
.scale .circle2 {left: 10%;}
.scale .circle3 {left: 18.9%;}
.scale .circle4 {left: 30%;}
.scale .circle5 {top: 79px;left: 43.6%;}
.scale .circle6 {top: 79px;left: 64%;}
.scale .circle7 {top: 79px;left: 80%;}

.scale .date_circle span {
	display: block;
	padding-top: 15px;
	background: url('/pix/white_arr2.gif') no-repeat 50% 10px;
}

.scale .date_circle span.first {
	margin-bottom: 9px;
	padding-top: 0;
	padding-bottom: 6px;
	background: url('/pix/white_arr.gif') no-repeat 50% 100%;
}

.scale .circle5 span, .scale .circle6 span, .scale .circle7 span {
	padding-top: 10px;
	background: url('/pix/white_arr2.gif') no-repeat 50% 5px;
}

.scale .date_circle .circle_pic {
	display: block;
	padding: 0;
	width: 36px;
	height: 17px;
	line-height: 0;
	font-size: 0;
	background: url('/pix/date_circle1.png') no-repeat 50% 0;
}

.scale .circle5 .circle_pic, .scale .circle6 .circle_pic, .scale .circle7 .circle_pic {
	height: 27px;
	background: url('/pix/date_circle2.png') no-repeat 50% 0;
}

.round_text_block {
	float: right;
	position: relative;
	top: -21px;
	padding: 55px 0 0;
	width: 292px;
	height: 237px;
	text-align: center;
	color: #333;
	background: url('/pix/round_block_bg.png') no-repeat 0 0;
}

.round_text_block .block_title {
	display: block;
	margin-bottom: 17px;
	font-size: 36px;
	font-weight: bold;
	color: #0295e1;
}

.index div.center div.content .round_text_block a {
	color: #01a8ff;
}

.text_block2 {
	position: relative;
	top: -41px;
	width: 335px;
	font-size: 15px;
}

.text_block2 .block_title {
	font-size: 19px;
	font-weight: bold;
}

/************ Pages ****************/

.breadcrumbs {
	margin: 0 !important;
}

.breadcrumbs li {
	list-style-type: none !important;
	float: left;
	padding: 0 6px 0 0 !important;
	font-size: 11px;
	
}

.breadcrumbs li a {
	padding-right: 19px;
	color: #999;
	background: url('/pix/breadcrumbs_sp.gif') no-repeat 100% 5px;
}

div.year {
	position: relative;
	margin: 0 0 31px;
}

div.year .year_date {
	position: absolute;
	top: -2px;
	left: -48px;
	line-height: 26px;
	font-weight: bold;
	color: #0295e1;
}

div.year .double {
	background: url('/pix/arr.gif') no-repeat 50% 15px;
}

.wdisk {position: relative;}

.wdisk img {
	position: absolute;
	top: 1px;
	left: -37px;
	line-height: 26px;
	font-weight: bold;
	color: #0295e1;
}

.clients_list {
	margin: 0 !important;
}

.clients_list li {
	list-style-type: none !important;
	padding: 30px 0 30px 0 !important;
}

.clients_list li img {
	float: left;
}

.clients_list li .title {
	display: block;
	margin-bottom: 18px;
	font-size: 20px;
	color: #0295e1;
}

.clients_list li .gray {
	display: block;
	font-size: 16px;
	color: #999;
}

.map_subtitle {
	position: relative;
	top: 3px;
	left: -24px;
}

.geo_map {
	position: relative;
	top: -69px;
	left: -137px;
}

.flags_list {
	position: relative;
	top: -79px;
	margin: 0 !important;
}

.flags_list li {
	list-style-type: none !important;
	padding: 0 0 24px !important;
	font-size: 18px;
}

.flags_list li img {
	vertical-align: middle;
	margin-right: 13px;
}

.short_info {
	margin: -1px 0 16px 0;
}

.short_info dt {
	clear: both;
	float: left;
	padding: 0 0 16px;
	width: 31%;
	text-align: right;
	font-size: 16px;
	font-weight: bold;
}

.short_info dd {
	float: right;
	padding: 0 0 16px 3%;
	width: 66%;
}

.project_pic {
	display: block;
	margin: 16px 0 25px;
	position: relative;
	left: -19px;
	border: 3px solid #0295e1;
}

.project_descr {
	position: relative;
	margin: 0 20px 41px 15px;
}

.project_descr p {
	margin-bottom: 20px !important;
}

.project_descr ul.marked {
	position: relative;
	left: -15px;
	width: 95%;
}

.director img {
	display: block;
	margin: 160px 0 23px;
}

.director div {
	margin-left: 20px;
	line-height: 20px;
}

.director .name {
	display: block;
	margin-bottom: 10px;
	padding-top: 14px;
	background: url('/pix/arr2.gif') no-repeat 70px 0;
}

.membership {
	margin-left: 18px;
	line-height: 20px;
	font-size: 15px;
}

.contacts_map {
	margin-top: 49px;
	position: relative;
	left: -22px;
	width: 659px;
	border: 3px solid #0295e1;
}

.project_item {
	margin-bottom: 19px;
	position: relative;
	left: -21px;
}

.project_item .title {
	display: block;
	padding-left: 19px;
	font-size: 20px;
	background: url('/pix/mar2.gif') no-repeat 0 6px;
}

.project_item .project_pic {
	margin: 19px 0 24px;
	left: 0;
}

/************ Left Col ****************/

.leftmenu {
	margin: 0 0 42px;
}

.leftmenu .block_title {
	display: block;
	margin: 8px 0 8px;
	font-size: 16px;
	color: #999;
}
	
.leftmenu ul {
	position: relative;
}

.leftmenu ul li {
	padding: 8px 55px 7px 0;
	line-height: 21px;
}

.leftmenu ul li a, .leftmenu ul li span {
	display: block;
	padding-left: 19px;
	font-size: 16px;
}

.leftmenu ul li.active a, .leftmenu ul li a:hover, 
.leftmenu ul li.active span, .leftmenu ul li span:hover {
	color: #333;
	text-decoration: none;
	background: url('/pix/leftmenu_active.gif') no-repeat 0 6px;
}

.personal_pic {
	margin: 134px 0 111px;
}

.left_contacts {
	margin-top: 0;
	line-height: 33px;
	font-size: 16px;
}

.left_contacts div {
	margin-bottom: 39px;
}

.left_contacts .indent {
	display: block;
	margin-top: 4px;
	padding-left: 18px;
}
    
/************ FOOTER ****************/
    
div.footer {
	position:relative; 
	margin-top:-109px;
	height:109px; 
	width: 100%;
	background: #333 url('/pix/footer_bg.gif') repeat-x 0 0;
}

div.footer_index {
	margin-top: 0;
	height: auto;
	background: url('/pix/index_footer_bg.png') repeat 0 0;
}

.footer_index_top {
	position: absolute;
	top: -2px;
	left: 0;
	width: 100%;
	height: 2px;
	background: url('/pix/index_footer_top.png') repeat 0 0;
}
	
div.footer_in {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	max-width: 1300px;
	width:expression((document.documentElement.clientWidth
 || document.body.clientWidth) > 1300? "1300px":
 "auto");
	height: 109px;
	font-size: 15px;
	color: #fff;
}
	
div.footer a {
	color: #01a8ff;
}
	
div.copy {
	position:absolute;
	margin-top: 21px;
	margin-left: 8%;
	line-height: 24px;
}

div.f_contacts {
	position:absolute;
	margin-top: 20px;
	margin-left: 42%;
	line-height: 24px;
}

div.counter {
	position:absolute;
	margin-top: 60px;
	right: 28px;
}

div.created {
	position:absolute;
	margin-top: 22px;
	right: 28px;
}

.footer_index .news_block {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	padding: 15px 0 27px 0;
	max-width: 1300px;
	color: #fff;
}

.footer_index .news_block .inner {
	margin-left: 7.7%;
}

.footer_index .news_block .block_title {
	display: block;
	margin-bottom: 19px;
	font-size: 30px;
	color: #01a8ff;
}

.footer_index .news_block ul li {
	float: left;
	margin-right: 7.1%;
	padding: 0 0 0 0.2%;
	width: 27.5%;
	line-height: 20px;
	font-size: 15px;
}

.footer_index .news_block ul li.last {
	margin-right: 0;
	width: 28%;
}

.footer_index .news_block ul li .date {
	display: block;
	line-height: 16px;
	font-size: 11px;
	color: #666;
}

/************ LITTLE_HELPERS ****************/

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix { display: inline-block;}
html[xmlns] .clearfix { display: block;}
* html .clearfix { height: 1%;}
	
.border {border: 1px solid black;}	
.to_left {float: left;}	
.to_right {float: right;}
.fln {float: none;}	
.block {display: block;}	
.inline {display: inline;}	
.no_und {text-decoration: none;}	
.no_und:hover {text-decoration: underline;}	
.break {clear: both; line-height: 0 !important; font-size: 0 !important; height: 0 !important;}	
.h5 {height: 5px; clear: left; line-height: 5px; font-size: 0;}	
.h10 {height: 10px; clear: left; line-height: 10px; font-size: 0;}	
.h15 {height: 15px; clear: left; line-height: 15px; font-size: 0;}	
.h20 {height: 20px; clear: left; line-height: 20px; font-size: 0;}	
.h30 {height: 30px; clear: left; line-height: 30px; font-size: 0;}