@import url("reset.css");

body {color:#000; background:#fff url(/img/bg.png) repeat-x 0 0; font:.813em "Lucida Sans Unicode", "Lucida Grande", sans-serif}
td,th {color:#000; font:1em "Lucida Sans Unicode", "Lucida Grande", sans-serif}
input,textarea,option,select {color:#000; font:1em "Lucida Sans Unicode", "Lucida Grande", sans-serif}

/* // ---- typography ---- // */

a {color:#074898; text-decoration:underline}
a:hover {color:#fe0000}

/* -- ---- typography ---- -- */

#minWidth {position:relative; min-width:1000px}


.outer {margin:0 40%}
	.inner {position:relative; z-index:1; margin:0 -400px}

/* // ---- top ---- // */
.top-shad {position:absolute; z-index:2; top:0; left:0; width:100%; margin:0; overflow:hidden; height:99px}
	.top-shad .top-shad-i {position:relative; display:block; margin:0 40%; height:99px}
	.top-shad .top-shad-i i {position:absolute; left:-200px; width:100%; background:url(/img/top-shad.png) no-repeat; height:99px}
	.top-shad .top-shad-i .l {left:-620px; clip:rect(auto auto auto 200px); padding-right:840px}
	.top-shad .top-shad-i .r {width:200px; left:220px; margin-left:100%}

.top {position:relative; z-index:3; margin:0 40%}
	.top .top-i {position:relative; background:#fff url(/img/top-bg.png) repeat-x 0 100%; height:84px; margin:0 -400px}
	.top .logo {float:left; padding:13px 0 0 15px}
	.top .oborud { background: #fff url(/img/oborud.gif) no-repeat 180px 20px; width: 400px; margin-right: -100px}
	
.b-top-nav {float:right; margin-right:13px; background:url(/img/top-nav-bg.gif) no-repeat right 50%;}
	.b-top-nav li {display:inline}
	.b-top-nav a {float:right; color:#000; height:84px; line-height:84px; background:url(/img/top-nav-bg.gif) no-repeat 0 50%; text-decoration:underline; font-family:Arial; font-size:12px; padding:0 14px 0 15px; text-transform:uppercase; font-weight:normal}
	.b-top-nav .lst a{background:none}
		.b-top-nav a:hover, .b-top-nav .hr {color:#fff; background:#db2b2b url(/img/top-nav-hr.png) repeat-x 0 100%; margin-right:-1px; padding-right:15px}
	
.search {float:right; padding:31px 24px 0 0}
.search .srtext {width: 158px; height:18px; float: left; padding:0 6px; line-height:22px; font-family:Arial; font-size:12px}
.search .sbmbt {width: 1px; height: 1px; border: none}
/* -- ---- top ---- -- */

/* // ---- visual ---- // */
.vis-bg {position:relative; margin-left:-26px; padding-left:26px; height:390px; background:url(/img/bigpr-bg.jpg) no-repeat 50% 0}
.visual {position:relative; height:290px; padding:40px 570px 0 20px; font-size:13px; line-height:24px}
	.visual .vis-it {position:absolute; top:40px; right:0; width:534px; height:283px; background:url(/img/visual-main.png)}
	.visual .slogan {width:403px; height:52px; background:url(/img/title-slogan.png); margin-bottom:28px}
	.visual ul {padding:5px 0 0 40px}
		.visual ul li {background:url(/img/li.gif) no-repeat 0 13px; padding:0 0 0 16px}
.main-logos {}
	.main-logos li {float:left; padding-left:14px}
/* -- ---- visual ---- -- */

.m-bg {position:relative; z-index:1}
	.m-bg-p {position:absolute; z-index:1; left:0; top:51px; width:100%; height:482px; overflow:hidden}
		.m-bg-pi {display:block; position:relative; margin:0 40%; height:482px}
			.m-bg-pi i {position:absolute; top:0; background:url(/img/middle-shad.png) no-repeat; height:482px}
		.m-bg-pi .l {left:-414px; width:14px; clip:rect(auto auto auto 7px)}
		.m-bg-pi .r {margin-left:100%; left:400px; width:7px}
	.m-bg .inner {position:relative; z-index:2; background-color:#fff; height:auto !important; min-height:533px; height:533px}

/* // ---- catalog nav ---- // */
.catalog-nav {color:#fff; background-color:#131d2f; padding:14px 0}
	.catalog-nav a {color:#fff}
		.catalog-nav a:hover {color:#c3def2; font-weight:normal}
		.catalog-nav .hr {color:#db2b2b; font-weight:normal}
			.catalog-nav a:hover i, .catalog-nav .hr i {background-position:0 -29px}
	.catalog-nav i {position:absolute; left:24px; top:50%; margin-top:-14px; width:29px; height:29px; background:url(/img/cat-nav-ar.png); font-size:1px}
	.catalog-nav td {width:33%; background:url(/img/cat-bg.gif) repeat-y 0 0; line-height:1.462em; padding:3px 15px; position: relative;}
		.catalog-nav td a {font-family: Arial; font-size: 13px; line-height: 19px;}
		.catalog-nav td img {position: absolute; top: 2px; left:2px; z-index: 1;}
		.catalog-nav td span {position:relative; display:block; padding:8px 14px 0 98px}
	.catalog-nav .frst {background-image:none; width:34%; height: 90px;}

	.catalog-nav .cmen{position:relative; height:85px; display: block;}
	.catalog-nav .cmen .imgr{position:absolute; z-index: 100;top: 0px; left: 0px;}

	
	.catalog-nav .lst td {padding-bottom:0}
	.catalog-nav table {width:100%}
/* -- ---- catalog nav ---- -- */

/* // ---- middle ---- // */
.middle {margin:21px 0 27px}
	.middle h1 {color:#d92b2b; font-size:1.231em; font-weight:normal; padding-bottom:20px}
.grid-1 {margin-left:34%; border-left:1px solid #b4bec7}
	.grid-1 .l-col-2 {float:left; width:100%; margin-right:-100%}
		.grid-1 .l-col-2-i {padding:0 20px 0 24px}
	.grid-1 .l-col-1 {position:relative; float:left; left:-52%; width:52%}
		.grid-1 .l-col-1-i {position:relative; padding:0 20px 0 27px}
/* -- ---- middle ---- -- */

/* // ---- address ---- // */
.b-address {position:relative; margin:0 -20px 0 -27px; font-size:12px; line-height:19px; padding:2px 20px 355px 27px; background:url(/img/scheme.jpg) no-repeat 50% 100%}
	.b-address p {padding-bottom:10px}
	.b-address h2 {font-size:13px; padding-bottom:10px}
	.b-address a, .b-briefly a {color:#fe0000}
		.b-address a:hover, .b-briefly a:hover {color:#074898}
/* -- ---- address ---- -- */

/* // ---- briefly ---- // */
.b-briefly {line-height:24px; padding-bottom:40px}
/* -- ---- briefly ---- -- */

/* // ---- main col ---- // */
.b-main-col {border-right:1px solid #b4bec7; margin-right:295px}
	.b-main-col .l-news {float:left; width:100%; margin-right:-100%}
		.b-main-col .l-news-i {font-size:.923em; line-height:1.583em; padding-right:20px}
		.b-main-col .l-news-i .date {font-weight:bold; padding-bottom:0}
		.b-main-col .l-news-i h2 {font-weight:normal}
		.b-main-col .l-news-i .archive a {padding-left:18px; background:url(/img/ar-r.gif) no-repeat 0 7px}
		.b-main-col .l-news-i p {padding-bottom:10px}
	.b-main-col .l-malog {position:relative; float:left; left:100%; width:303px; text-align:center}
/* -- ---- main col ---- -- */

/* // ---- bottom ---- // */
.bottom {color:#fff; font-size:12px; background:#89a2b6 url(/img/bottom-bg.gif); padding:21px 0 22px 24px}
	.bottom a {color:#fff}
		.bottom a:hover {color:#eee}
	.bottom b {font-weight:normal; padding:0 9px}
/* -- ---- bottom ---- -- */

/* // ---- develop ---- // */
.develop {z-index:4; position:absolute; right:20px; bottom:0; width:129px}
	.develop small {position:absolute; top:8px; left:-130px; width:120px; color:#fff; font-size:11px; font-style:italic; text-align:right}
	.develop a {position:relative; display:block; color:#fff; width:85px; height:30px; font:10px/13px Tahoma, Verdana, Arial, sans-serif; background:url(/img/develop.png); text-decoration:none; padding-left:36px; padding-top:3px; line-height: 12px}
		.develop a:hover {text-indent:0}
/* -- ---- develop ---- -- */

/* // ---- subnav ---- // */
.b-subnav {font-size:.923em; line-height:22px}
	.b-subnav a {color:#000}
		.b-subnav a:hover {color:#fe0000}
	.b-subnav .hr {padding-left:15px; background:url(/img/ar-r-1.gif) no-repeat 0 7px}
/* -- ---- subnav ---- -- */

/* // ---- for editor ---- // */
.for-editor {font-size:.846em; line-height:1.727em}
	.for-editor hr {display:block; height:1px; background-color:#edc9c9; width:100%; border-width:0; margin-bottom:13px;clear: both}
	.for-editor p {padding-bottom:10px}
	.for-editor h2 {font-size:13px; padding-bottom:10px}
	.for-editor ul {padding:0 0 10px 16px}
		.for-editor ul li {background:url(/img/li.gif) no-repeat 0 10px; padding:0 0 0 16px}
	.for-editor table {width:100%; border:1px solid #a9a9a9}
		.for-editor table td {color:#5e5e5e; border:1px solid #a9a9a9; text-align:center; padding:3px 3px 3px 3px}
		.for-editor table .a-l {text-align:left}
		.for-editor table th,.for-editor table td.htd {color:#fff; font-weight:bold; border:1px solid #a9a9a9; text-align:center; padding:3px 3px 3px 3px; background-color:#d92b2b}
	.for-editor .img {padding-bottom:20px}
	.for-editor img {padding-bottom:10px}
/* -- ---- for editor ---- -- */

/* // ---- view-cats ---- // */
#view-cats {padding-bottom:13px}
/* .view-cats .next_line {clear: both;} */
#view-cats .item {float:left; padding-right:11px; text-align:center; padding-bottom:11px;}
#view-cats .item a {text-decoration:none}
#view-cats .item a:hover img {border-color:#ffbeee}
#view-cats .item .mimg {margin-bottom:4px; width: 124px; height: 124px; overflow: hidden;}
#view-cats .item .mimg img {border:2px solid #dedede; width: 120px;}
#view-cats .item span {display:block; width:120px; font-size:11px; text-decoration:underline}
/* -- ---- view-cats ---- -- */

/* // ---- forms ---- // */
.b-forms {}
	.b-forms .i-p {font:italic 18px Arial,Helvetica; border:1px solid #a9a9a9; padding:6px 1px 6px 9px; height:23px; width:393px}
	.b-forms textarea.i-p {width:594px; height:160px}
	.b-forms .ips {padding-bottom:7px}
	.b-forms .btn input {color:#fff; font-size:1.091em; font-weight:bold; width:120px; height:41px; border:5px solid #a9a9a9; background-color:#d92b2b; cursor: pointer; cursor: hand}
/* -- ---- forms ---- -- */