@font-face {
  font-family: 'PragmaticaC';
  font-style: normal;
  font-weight: 400;
/*  src: url(fonts/PragmaticaC.eot);
/*  src: local('PragmaticaC'), local('PragmaticaC'), url(fonts/PragmaticaC.eot) format('embedded-opentype')/* , url(fonts/PragmaticaC.woff) format('woff')*/
  src:url('fonts/PRAGMAT.TTF') format('truetype');
}



html, body {
	margin:0 auto;
	padding:0;
	height:100%;
	font-size:14px;
	font:14px/17px  Verdana, Arial, sans-serif ,sans-serif; color:#626160;
	background-color:#fff;
/*max-width:1200px;*/

/*_width:1004px;*/
}


form     { margin:0; padding:0; }
a img    { border:0; }
a        { color: #626160; }
h1       { margin:0 0 20px 0; font-size:19px;line-height:22px; }
h2       { margin:0; font-size:17px;line-height:20px; color:#ffbb3e;}
p        { margin:20px 0;}
table td { vertical-align:top; }

h3 { font-size:14px; color:#0999d9; }
h3 a { color:#0999d9; text-decoration:none; }


/* body */

#body {
/*	width:100%;*/
	height:100%;
	min-width:1200px;
	position:relative;
}

#header {
	height:75px;
}

	#h-info {
		height:75px;
		position:relative;
	}

		#h-logo {
			position:absolute;
			left:10px;
			top:10px;
		}

			#h-logo a {
				display:block;
				width:270px;
				height:58px;
				text-indent:-9999px; 
				background:url(../images/logo.png) no-repeat 0 0;
			}

		#h-info #h-ctn {
			padding-left:13px;
			position:absolute;
			right:32px;
			top:19px;
			display:block;
			letter-spacing:0.7px;
			text-align:right;
			font-size:14px;
			line-height:21px;
		}
			#h-info #h-ctn > span.phone {
				font-size:18px;
			}
			#h-info #h-ctn > span.mail {
				font-size:14px;
			}

		body.index #ico-soc-vk { position:absolute; left:608px; top:81px; }
		body.index #ico-soc-fb { position:absolute; left:581px; top:109px; }
		body.index #ico-soc-tv { position:absolute; left:553px; top:137px; }
		body.index #ico-soc-in { position:absolute; left:525px; top:165px; }


		#ico-lang-eng {
			position:absolute;
			left:130px;
			top:43px;
			display:inline-block;
			width:36px;
			height:35px;
			background:url(../images/ico/lang/ico_eng-s.png) no-repeat;
			z-index:10;
		}
			#ico-lang-eng.active,
			#ico-lang-eng:hover { background:url(../images/ico/lang/ico_eng-s-hover.png) no-repeat; }

		#ico-lang-rus {
			position:absolute; 
			left:150px;
			top:21px;
			display:inline-block;
			width:36px;
			height:35px;
			background:url(../images/ico/lang/ico_rus-s.png) no-repeat;
			z-index:10;
		}
			#ico-lang-rus.active,
			#ico-lang-rus:hover { background:url(../images/ico/lang/ico_rus-s-hover.png) no-repeat; }


		body.index #ico-lang-eng {
			position:absolute;
			left:749px;
			top:165px;
			display:inline-block;
			width:53px;
			height:50px;
			background:url(../images/ico/lang/ico_eng.png) no-repeat;
		}
			body.index #ico-lang-eng.active,
			body.index #ico-lang-eng:hover { background:url(../images/ico/lang/ico_eng-hover.png) no-repeat; }

		body.index #ico-lang-rus {
			position:absolute; 
			left:776px;
			top:138px;
			display:inline-block;
			width:50px;
			height:50px;
			background:url(../images/ico/lang/ico_rus.png) no-repeat;
		}
			body.index #ico-lang-rus.active,
			body.index #ico-lang-rus:hover { background:url(../images/ico/lang/ico_rus-hover.png) no-repeat; }




	#h-navigation {
		position:absolute;
		left:362px;
		top:18px;
	}

		#h-navigation .h-menu {
		}
			#h-navigation .h-menu li { 
				margin-left:47px;
			}
			#h-navigation .h-menu li:first-child {
				margin-left:0px;
			}
			#h-navigation .h-menu li a {
				color:#0999d9;
				text-decoration:underline;
			}
			#h-navigation .h-menu li a:hover {
				text-decoration:none;
			}



/* index */
#main #index {
	margin:0 auto;
	margin-top:-5px;
	width:998px;
	min-height:615px;
	position:relative;
	background:url(../images/index-bg.jpg) no-repeat 0 0;
}
	#main #index .item {
		position:absolute;
		width:200px;
		text-align:center;
		font-size:18px;
		line-height:20px;
	}
		#main #index .item a {
			text-decoration:none;
		}
		#main #index .item.po-1 { left:11px;top:315px; }
		#main #index .item.po-2 { left:117px;top:428px; }
		#main #index .item.po-3 { left:224px;top:248px; width:220px;}
		#main #index .item.po-4 { left:450px;top:315px; }
		#main #index .item.po-5 { left:786px;top:200px; }
		#main #index .item.po-6 { left:786px;top:442px; width:144px;}
		#main #index .item.po-6 a {
			text-decoration:underline;
		}


/* main */

#main {
	height:100%;
	position:relative;
}
	#main #ma-menu {
		margin-left:17px;
		margin-top:49px;
		position:relative;
		height:34px;
		z-index:5;
	}
		#main.inner_page01 #ma-menu {
			margin-top:22px;
		}

		#main #ma-menu #ma-menu-content {
			position:absolute;
			top:0;
			left:0;
			height:34px;
			width:780px;
			background:url(../images/ma-menu/base.png) no-repeat left top;;
		}

			#main #ma-menu #ma-menu-content .href-1,
			#main #ma-menu #ma-menu-content .href-2,
			#main #ma-menu #ma-menu-content .href-3 {
				padding-top:5px;
				height:28px;
				float:left;
				font-size:16px;
				color:fff;
				text-align:center;
/*border:1px solid red;*/
			}
			#main #ma-menu #ma-menu-content a {
				color:#fff;
				text-decoration:none;
			}
			#main #ma-menu #ma-menu-content .href-1 {
				width:234px;
			}
			#main #ma-menu #ma-menu-content .href-2 {
				width:184px;
			}
			#main #ma-menu #ma-menu-content .href-3 {
				width:306px;
			}

				#main.inner_page01 #ma-menu {
					height:82px;
				}
				#main.inner_page01 #ma-menu.menu-red #ma-menu-content,
				#main.inner_page01 #ma-menu.menu-blue #ma-menu-content,
				#main.inner_page01 #ma-menu.menu-green #ma-menu-content {
					padding-top:30px;
					padding-left:165px;
					height:206px;
				}
					#main.inner_page01 #ma-menu.menu-red #ma-menu-content {
						background-image:url(../images/ma-menu/base-bg-red.png);
					}
					#main.inner_page01 #ma-menu.menu-blue #ma-menu-content {
						background-image:url(../images/ma-menu/base-bg-blue.png);
					}
					#main.inner_page01 #ma-menu.menu-green #ma-menu-content {
						background-image:url(../images/ma-menu/base-bg-green.png);
					}


				#main.inner_page01 #ma-menu #ma-menu-content .href-1 {
					width:250px;
				}
				#main.inner_page01 #ma-menu #ma-menu-content .href-2 {
					width:305px;
				}

		#main /*#ma-menu*/ #ma-menu-slogan {
			position:absolute;
			__left:40px;
			left:57px;
			top:78px;
			width:134px;
			text-align:center;
			color:#fff;
			font:bold 16px/22px Tahoma, sans-serif; 
			z-index:10;
		}
			#main /*#ma-menu*/ #ma-menu-slogan a {
				color:#fff;
				text-decoration:none;
			}
			#main /* #ma-menu */ #ma-menu-slogan span {
				margin-bottom:4px;
				display:block;
				font:bold 20px/22px PragmaticaC, sans-serif; 
			}


	#main #ma-left {
		margin-top:-33px;
		padding-top:78px;
		position:relative;
		width:208px;
		min-height:380px;
		background:url(../images/ma-left-bg.gif) no-repeat left top;
	}
		#main.inner_page01 #ma-left {
			margin-top:12px;
			z-index:6;
		}

		#main #ma-left > .menu {

		}
			#main #ma-left > .menu .item {
				margin-top:3px;
				height:36px;
				background:#fff;
				background:url(../images/ma-menu-left/item-list-bg.png) no-repeat left top;
			}

				#main #ma-left > .menu .item a {
					padding:10px 10px 0 15px;
					height:26px;
					color:#5d5d5c;
					font-size:14px;
					display:inline-block;
					text-decoration:none;
				}
				#main #ma-left > .menu .item.active a ,
				#main #ma-left > .menu .item:hover a {
					color:#fff;
				}

				#main #ma-left > .menu .item.href-4 {
					margin-top:4px;
					height:44px;
				}
				#main #ma-left > .menu .item.href-4 a {
					height:44px;
					padding-top:3px;
				}

				#main #ma-left > .menu .item.href-1 { background-position:0 -40px; }
				#main #ma-left > .menu .item.href-2 { background-position:0 -79px; }
				#main #ma-left > .menu .item.href-3 { background-position:0 -118px; }
				#main #ma-left > .menu .item.href-4 { background-position:0 -157px; }

				#main #ma-left > .menu .item.href-1.active ,
				#main #ma-left > .menu .item.href-1:hover { background-position:-220px -40px; }
				#main #ma-left > .menu .item.href-2.active,
				#main #ma-left > .menu .item.href-2:hover { background-position:-220px -79px; }
				#main #ma-left > .menu .item.href-3.active,
				#main #ma-left > .menu .item.href-3:hover { background-position:-220px -118px; }
				#main #ma-left > .menu .item.href-4.active,
				#main #ma-left > .menu .item.href-4:hover { background-position:-220px -157px; }



	#main #ma-right {
		margin-top:-80px;
		position:absolute;
		right:0;
		top:93px;
		width:370px;
		min-height:590px;
		background:url(../images/ma-right-bg/analitic.jpg) no-repeat right top;
		z-index:1;
	}
		#main #ma-right.analitic { background-image:url(../images/ma-right-bg/analitic.jpg); }
		#main #ma-right.cnt { background-image:url(../images/ma-right-bg/cnt.jpg); }
		#main #ma-right.izd_alldc { background-image:url(../images/ma-right-bg/izd_alldc.jpg); }
		#main #ma-right.izd_codi { background-image:url(../images/ma-right-bg/izd_codi.jpg); }
		#main #ma-right.marketing { background-image:url(../images/ma-right-bg/marketing.jpg); }
		#main #ma-right.mission { background-image:url(../images/ma-right-bg/mission.jpg); }
		#main #ma-right.news { background-image:url(../images/ma-right-bg/news.jpg); }
		#main #ma-right.okomp { background-image:url(../images/ma-right-bg/okomp.jpg); }

		#main #ma-right .slogan {
			position:absolute;
			left:104px;
			top:264px;
			width:196px;
			text-align:center;
			__font-size:14px;
			font-size:16px;
			color:#d7d7d7;
		}
			#main #ma-right .slogan span {
				font-size:16px;
				line-height:18px;
				display:block;
				font-weight:bold;
			}




	#main #ma-content {
		margin-top:75px;
		padding-right:370px;
		min-height:500px;
		z-index:5;
	}




/* footer  */
#footer {
	margin:26px auto 0 auto;
	padding:0 32px 0 17px;
	position:relative;
	width:100%;
	height:60px;
	background:#f6f6f6;
}
	#fo-links { 
		padding-top:28px;
		text-align:left;
		font-size:11px;
	}
	#fo-links a { 
		margin-left:20px;
		font-size:11px;
		color:#6f6f6e;
		text-decoration:underline;
	}
		#fo-links a:hover {
			text-decoration:none;
		}

		#fo-links a:first-child {
			margin-left:0;
		}


/* ---------------------- */


.h-menu {
	margin:0;
	padding:0;
	display:inline-block;
	overflow:hidden; 
	background:none;
}
	.h-menu:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
	.h-menu li { 
		margin:0;padding:0;
		margin-left:20px;
		list-style:none;
		float:left;
		display:inline-block;
	}
	.h-menu li a {
		padding-top:10px;
		float:left;
		display:inline-block;
		overflow:hidden; 
		text-align:center;
		background:none;
	}
	.h-menu li:first-child {
		margin-left:0;
	}

	.h-menu li:hover,
	.h-menu li.current {
	}

	.h-menu li a {
		font-size:14px;
	}


/* -------------- */

.news-list {}
	.news-list .item {
		margin-top:44px;
	}
	.news-list .item:first-child {
		margin-top:40px;
	 }
		.news-list .item .title {
			margin:0;
		}
		.news-list .item .date {
			margin-top:5px;
			font-size:11px;
		}
		.news-list .item .content {
			margin-top:12px;
			font-size:11px;
			line-height:13px;
		}

/* -------------- */

.relative { position:relative; }
.absolute { position:absolute; }

/* -------------- */
.w16 { width:16px; }
.w24 { width:24px; }

.h16 { height:16px; }
.h36 { height:36px; }

/* -------------- */

.round { border-radius:5px; }
.box-cover { box-shadow:2px 2px 5px 1px #9A9A9A; }
.box-cover-small { box-shadow:1px 1px 2px 1px #9A9A9A; }

/* -------------- */
.white   { color:#fff; }
.black   { color:#484848; }
.gray    { color:#c5c5c5; }
.blue    { color:#228fff; }
.yellow  { color:#ffbb3e; }
.bg-grey { background-color:#eaeaea; }

.error   { color:#fe9595; }
/* -------------- */

.ff_PragmaticaC { font-family: 'PragmaticaC'; }
.f12 { font-size:12px; line-height:14px; }
.f14 { font-size:14px; line-height:16px; }
.f16 { font-size:16px; line-height:18px; }
.f17 { font-size:17px; line-height:19px; }
.f18 { font-size:18px; line-height:20px; }
.f20 { font-size:20px; line-height:22px; }
.f22 { font-size:22px; line-height:24px; }

.lh14 { line-height:14px }
.lh16 { line-height:16px }

.strong { font-weight:bold; }
/* -------------- */


.f-left   { float:left; }
.f-right  { float:right; }
.a-left   { text-align:left; }
.a-left1   { text-align:left !important ;}
.a-center,
tr.a-center td { text-align:center; }
.a-center1 { text-align:center !important ; }



.v-top { vertical-align:top; }
.v-middle,
tr.v-middle td { vertical-align:middle; }

/* -------------- */

.p5  { padding:5px; }
.p7  { padding:7px; }
.p10  { padding:10px; }
.p12  { padding:12px; }
.p15  { padding:15px; }
.p20  { padding:20px; }

.pl20 { padding-left:20px; }

.ptb5 { padding-top:5px; padding-bottom:5px; }
.ptb7 { padding-top:7px; padding-bottom:7px; }
.ptb10 { padding-top:10px; padding-bottom:10px; }

.mt5  { margin-top:5px; }
.mt10 { margin-top:10px; }
.mt15 { margin-top:15px; }
.mt12 { margin-top:12px; }

/* -------------- */

.clear { clear:both; width:0; height:0; font-size:0; line-height:0; margin:0; padding:0; overflow:hidden; visibility:hidden; }