@import url("reset.css");

body,html {height:100%}
body {color:#000; background:#d8dadd url(../img/bg.png); font:11px Verdana,Tahoma,sans-serif}
td,th {color:#000; font:1em Verdana,Tahoma,sans-serif}
input,textarea,option,select {color:#000; font:1em Verdana,Tahoma,sans-serif}

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

a {color:#00adee; text-decoration:underline}
a:hover {color:#f40}

.img-title {position:relative; font-size:28px; font-weight:normal; text-transform:uppercase; line-height:32px; overflow:hidden; margin-bottom:4px}
	.img-title i {position:absolute; top:0; left:0; width:100%; height:100%}

.dashed {text-decoration:none; border-bottom:1px dotted}

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

#minWidth {position:relative; min-width:1000px; background:url(../img/bg-y.png) repeat-y 50% 0; height:auto !important; height:100%; min-height:100%}

.inner {width:980px; margin:0 auto}

/* // ---- top ---- // */
.top {position:relative; z-index:2; background:url(../img/top-bg.jpg) no-repeat 50% 0}
	.top .l-col-1 {float:left; width:182px; padding-left:20px}
	.top .l-col-2 {float:left; width:480px; padding-top:47px}
	.top .l-col-3 {float:right; width:290px}
	.top .logo {padding-top:30px}
	.top .title {font:13px 'Calibri','Trebuchet MS'; text-transform:uppercase; padding-bottom:26px}
	.top .phone {position:relative; font:27px/27px 'Calibri','Trebuchet MS'; text-align:right; padding:41px 19px 0 0; height:47px}
		.top .phone small {position:absolute; top:47px; text-align:right; margin-left:-105px; width:100px; color:#000; font-size:11px}
		.top .phone big {position:relative; top:-10px; color:#a1a4a7; white-space:nowrap; font-size:11px; text-transform:uppercase; line-height:1em}

	/* // ---- navigation ---- // */
	.navigation {position:relative; margin-left:-18px; height:29px}
		.navigation li {float:left; padding-right:4px; text-align:center}
		.navigation a, .navigation .hr {position:relative; display:block; font:15px/28px 'Calibri','Trebuchet MS'; height:29px; overflow:hidden; text-decoration:none}
			.navigation i {position:absolute; top:0; left:0; width:100%; height:100%}
			.navigation a:hover {color:#f40; background-color:#e3e5e6}
				.navigation a:hover i {background-position:0 -29px}
			.navigation .hr {color:#fff !important; background-color:#00adee !important}
				.navigation .hr i {background-position:0 -58px !important}
			.navigation .nav-1 {width:120px}
				.navigation .nav-1 i {background-image:url(../img/nav-1.png)}
			.navigation .nav-2 {width:112px}
				.navigation .nav-2 i {background-image:url(../img/nav-2.png)}
			.navigation .nav-3 {width:88px}
				.navigation .nav-3 i {background-image:url(../img/nav-3.png)}
			.navigation .nav-4 {width:104px}
				.navigation .nav-4 i {background-image:url(../img/nav-4.png)}
	/* -- ---- navigation ---- -- */
	.icons {float:left; width:120px; margin-right:-100px}
		.icons li {float:left; padding-right:30px; width:29px; height:29px}
		.icons a, .icons span {display:block; width:29px; height:29px}
		.icons a:hover {background-position:0 -29px}
		.icons span {background-position:0 -58px}
		.icons .ico-home {background-image:url(../img/icons-1.png)}
		.icons .ico-smap {background-image:url(../img/icons-2.png)}
	.search-block {position:relative; float:right; width:182px}
		.search-block .i-p {color:#494949; font-size:11px; padding:7px 25px 7px 13px; width:134px; height:13px; background:#fdfdfd url(../img/search-ip.png) no-repeat 0 0; border-width:0}
		.search-block .btn {position:absolute; left:149px; top:6px; overflow:hidden; height:15px}
		.search-block .hover input {position:relative; margin-top:-15px}
/* -- ---- top ---- -- */

/* // ---- main visual ---- // */
.main-visual {position:relative; z-index:1; height:414px; padding:30px 0}
	.main-visual .vis {position:absolute; top:-10px; left:0; height:528px; width:100%; background:url(../img/main-vis-bg.jpg) no-repeat 50% 0}
	.main-visual .inner {position:relative; z-index:2; padding:0; width:1000px; height:414px}
	.main-visual .briefly {position:relative; z-index:3; font:13px/16px 'Calibri','Trebuchet MS'; width:440px; padding:45px 0 10px 104px; height:auto !important; min-height:67px; height:67px}
		.main-visual .briefly strong {text-transform:uppercase}
		.main-visual .briefly UL { margin-left:20px;}
		.main-visual .briefly UL LI { background:url(../img/subnav-b.png) no-repeat center center; padding:3px 0 0px 0px; line-height:13px}
	.vis-nav-rotate {position:relative; z-index:3; width:300px; padding:0 0 27px 90px; height:19px}
		.vis-nav-rotate li {float:left; padding-right:5px}
		.vis-nav-rotate a {display:block; width:19px; height:19px; background:#c8cbce url(../img/vis-nav-rotate.png)}
			.vis-nav-rotate a:hover {text-indent:0; background-color:#ff7b4b; background-position:0 -19px}
		.vis-nav-rotate .hr a {background-color:#f40 !important; background-position:0 -38px !important}
	.main-visual .title {position:relative; z-index:2; padding:0 0 12px}
	.main-visual .rotate-inner {padding:0 0 0 72px}
		.main-visual .rotate-inner .ph {position:absolute; z-index:1; left:100px; top:0; width:900px; height:414px; text-align:right}
		.main-visual .rotate-inner ul {position:relative; z-index:3; padding-left:35px; width:331px}
			.main-visual .rotate-inner ul li {position:relative}
			.main-visual .rotate-inner ul ul {position:absolute; left:-999em; top:-999em; background-color:#f0f3f5; width:141px; padding-left:0; padding-bottom:2px}
				.main-visual .rotate-inner ul ul li {padding:3px 5px 5px 15px}
			.main-visual .rotate-inner ul .parent {position:relative; display:block; padding:3px 16px 5px}
				.main-visual .rotate-inner ul .parent .ar {position:absolute; top:8px; left:9px; width:2px; height:4px; background-image:url(../img/rotate-ar.gif); font-size:1px}
				.main-visual .rotate-inner ul .parent .cr {width:10px; height:9px; background-image:url(../img/rotate-crn.gif); visibility:hidden}
				.main-visual .rotate-inner ul .parent:hover, .main-visual .rotate-inner .sfHover .parent {background-color:#f0f3f5}
					.main-visual .rotate-inner ul .parent:hover .ar, .main-visual .rotate-inner .sfHover .parent .ar {background-position:0 100%}
					.main-visual .rotate-inner ul .parent:hover .cr, .main-visual .rotate-inner .sfHover .parent .cr {visibility:visible}
					.main-visual .rotate-inner .sfHover ul {left:331px; top:0}
	.main-visual .fast-link {position:absolute; z-index:5; left:624px; top:290px; width:200px}
		.main-visual .fast-link a {color:#1f1f1f}
			.main-visual .fast-link a:hover {color:#f40}
		.main-visual .fast-link dt {position:relative; margin-left:-11px; font:17px 'Calibri','Trebuchet MS'; padding-bottom:1px}
		.main-visual .fast-link dd {color:#1f1f1f; font-size:10px; line-height:12px}
			.main-visual .fast-link dd a {text-decoration:none}
			.main-visual .fast-link dd img {margin:3px 0 0}
	
	.ar-scroll {position:absolute; z-index:91; top:176px; width:40px; height:40px; overflow:hidden}
		.ar-scroll i {position:absolute; width:80px; height:80px; background-image:url(../img/scroll-ar.png)}
		.ar-scroll:hover {text-indent:0}
			.ar-scroll:hover i {top:-40px}
	.ar-l {left:10px}
	.ar-r {right:10px}
		.ar-r i {left:-40px}
/* -- ---- main visual ---- -- */

/* // ---- news list ---- // */
.news-list {position:relative; z-index:2; padding:0 0 40px 96px; width:904px; margin:0 auto}
	.news-list li {float:left; width:252px; padding:0 0 0 25px; line-height:16px}
	.news-list p {padding-top:3px}
	.news-list .dt {display:-moz-inline-stack; display:inline-block; color:#fff; background:#00adee url(../img/news-dt.png) no-repeat 100% 0; padding-right:9px}
		.news-list .dt span {position:relative; display:block; background:#00adee url(../img/news-dt.png) no-repeat 0 0; margin-left:-9px; padding-left:9px; height:18px; line-height:16px}
	.news-list .ar {margin:5px 0 0 1px}
/* -- ---- news list ---- -- */

/* // ---- bottom ---- // */
.bottom {color:#b2b2b2; width:978px; margin:0 auto; border-top:1px solid #f4f4f4; line-height:16px; padding:23px 0}
	.bottom a {color:#b2b2b2}
		.bottom a:hover {color:#4b4b4b}
	.bottom .l-col-1 {float:left; width:510px; padding-left:21px; padding-right:12px}
	.bottom .l-col-2 {float:left; width:270px}
	.bottom .l-col-3 {float:right; width:98px}
	.b-btmnav {}
		.b-btmnav li {float:left; padding-right:20px}

.lepshey {display:block; width:80px; height:31px; background:url(../img/lepshey.png); font-size:1px}
	.lepshey:hover {text-indent:0; background-position:0 100%}
/* -- ---- bottom ---- -- */

/* // ---- middle ---- // */
.middle {width:940px; margin:0 auto; padding:50px 20px 29px}
	.middle .l-col-2 {float:right; width:718px}
	.middle .l-col-1 {float:left; width:159px; padding-left:6px}
/* -- ---- middle ---- -- */

.back-to {padding-bottom:38px}
	.back-to .arr {color:#00adee; font:14px Arial,Helvetica; line-height:0}
.btm-to {clear:both; padding-top:25px; padding-bottom:3px}

/* // ---- subnav ---- // */
.subnav {background:#f0f3f5 url(../img/subnav-t.png) no-repeat 0 0}
	.subnav ul {background:url(../img/subnav-b.png) no-repeat 0 100%; padding:10px 0 16px 4px}
		.subnav ul li {position:relative; margin-bottom:1px}
		.subnav ul .hr {background-color:#fff; padding:4px 4px 6px 7px}
			.subnav ul .hr .cr {visibility:visible !important}
			.subnav ul .hr a {position:static !important; display:inline; color:#000; padding:0}
				.subnav ul .hr a:hover {background-color:transparent; color:#f40}
		.subnav ul a {position:relative; display:block; padding:4px 4px 6px 7px}
			.subnav ul .cr {width:7px; height:7px; background-image:url(../img/subnav-crn.gif); visibility:hidden}
			.subnav ul a:hover {background-color:#f9fafb}
				.subnav ul a:hover .c-tl {background-position:0 -14px}
				.subnav ul a:hover .c-bl {background-position:0 -21px}
				.subnav ul a:hover .cr {visibility:visible !important}
/* -- ---- subnav ---- -- */

.s-title {position:relative; font:28px/1em 'Calibri','Trebuchet MS'; text-transform:uppercase; margin-top:-6px; margin-left:-28px; padding-bottom:11px}

/* // ---- for editor ---- // */
.for-editor, .accordion-list .in-acc {line-height:16px}
	.for-editor p {padding-bottom:16px}
	.for-editor h3 {position:relative; font:20px 'Calibri','Trebuchet MS'; padding:6px 0 10px; margin-left:-28px}
	.for-editor h2 {position:relative; font:23px 'Calibri','Trebuchet MS'; padding:0 0 14px; text-transform:uppercase}
	.for-editor h4 {position:relative; font:20px 'Calibri','Trebuchet MS'; padding:6px 0 9px; margin-left:0}
	.for-editor .ico-benef {background:url(../img/ico-benef.png) no-repeat 0 1px; margin-left:-32px; padding-left:32px}
	.for-editor .ico-check {background:url(../img/ico-check.png) no-repeat 0 1px; margin-left:-32px; padding-left:32px}
	.for-editor .dt {position:relative; margin-left:-28px; color:#c8cbce}
	.for-editor .photo-i {padding-bottom:16px}
		.for-editor .photo-i p {padding-top:15px}
	.for-editor .img-left {position:relative; float:left; margin:0 22px 10px 0}
		.for-editor .img-left img, .for-editor .img-right img {border:1px solid #ace2f6}
		.for-editor .img-left .cr, .for-editor .img-right .cr {width:20px; height:20px; overflow:hidden}
		.for-editor .img-left .cr i, .for-editor .img-right .cr i {position:absolute; width:40px; height:40px; background-image:url(../img/big-crn.png)}
		.for-editor .img-left .c-br i, .for-editor .img-left .c-bl i, .for-editor .img-right .c-br i, .for-editor .img-right .c-bl i {top:-20px}
		.for-editor .img-left .c-br i, .for-editor .img-left .c-tr i, .for-editor .img-left .c-br, .for-editor .img-left .c-tr, .for-editor .img-right .c-br i, .for-editor .img-right .c-tr i, .for-editor .img-right .c-br, .for-editor .img-right .c-tr {left:-20px}
	.for-editor .img-right {position:relative; float:right; margin:0 0 10px 22px}
	.for-editor ul, .accordion-list ul {padding:0 0 28px 20px}
		.for-editor ul li, .accordion-list ul li {padding:0 0 4px 16px; background:url(../img/li-1.gif) no-repeat 0 4px}
	.for-editor .tbl {padding-left:37px}
	.for-editor table {width:100%; margin-bottom:20px}
		.for-editor table th {font-weight:bold; background-color:#f2f4f5; border-bottom:1px solid #d6d6d6; padding:3px 5px 3px}
		.for-editor table td {color:#6b6b6b; font-size:10px; border-bottom:1px solid #d6d6d6; padding:3px 5px 4px}
		.for-editor table .grad {text-align:right; white-space:nowrap}

.back-sub {position:relative; margin-left:-28px; padding-bottom:1px}
/* -- ---- for editor ---- -- */

.fast-announce {position:relative; margin-top:105px; border:1px solid #7fd6f6; padding:10px 10px 16px; line-height:16px}
	.fast-announce .cr {width:7px; height:7px; background-image:url(../img/fast-announce-crn.gif)}
		.fast-announce .c-br, .fast-announce .c-tr {left:-6px}
		.fast-announce .c-br, .fast-announce .c-bl {bottom:-1px}
		.fast-announce .c-tr, .fast-announce .c-tl {top:-1px}
		.fast-announce .c-tl, .fast-announce .c-bl {left:-1px}
	.fast-announce .img-cover {position:relative; width:62px; margin-bottom:6px}
		.fast-announce .img-cover .cr {background-image:none !important}
		.fast-announce .img-cover .c-tl, .fast-announce .img-cover .c-tr {top:0}
		.fast-announce .img-cover .c-bl, .fast-announce .img-cover .c-br {bottom:0}
		.fast-announce .img-cover .c-bl, .fast-announce .img-cover .c-tl {left:0}

/* // ---- catalog items ---- // */
.catalog-items {position:relative; margin-right:-20px; margin-bottom:-46px; padding-left:4px}
	.catalog-items h2 {font:17px/20px 'Calibri','Trebuchet MS'; padding-bottom:13px}
	.catalog-items h2	a { color:#000000; text-decoration:none}
	.catalog-items h2	a:hover { color:#ff6600;}
	.catalog-items .item {display:-moz-inline-stack; display:inline-block; vertical-align:top; width:295px; padding:0 5px 34px 12px}
		.catalog-items .item .i {padding-left:71px}
	.catalog-items ul {}
		.catalog-items ul li {background:url(../img/li.gif) no-repeat 1px 5px; padding:0 0 7px 7px}
	.catalog-items .img-cover {position:relative; float:left; left:-71px; margin-right:-71px}
		.img-cover img {border:1px solid #ace2f6}
		.img-cover .cr {width:7px; height:7px; overflow:hidden}
			.img-cover .cr i {position:absolute; width:14px; height:14px; background-image:url(../img/sml-crn.png)}
		.img-cover .c-tr i {left:-7px}
		.img-cover .c-bl i {top:-7px}
		.img-cover .c-br i {top:-7px; left:-7px}
		.img-cover .c-br, .img-cover .c-tr {left:-7px}
		.catalog-items .img-cover .c-br, .catalog-items .img-cover .c-bl, .fast-announce .img-cover .c-br, .fast-announce .img-cover .c-bl {margin-bottom:0 !important}
/* -- ---- catalog items ---- -- */

.news-list-all {line-height:16px}
	.news-list-all dt {position:relative; margin-left:-28px; color:#c8cbce; padding-bottom:5px}
	.news-list-all dd {padding-bottom:17px}
	.news-list-all .ar {margin:6px 0 0 1px}

/* // ---- expand nav ---- // */
.exp-nav-i .sub-par {}
	.exp-nav-i .sub-par .parent {color:#000; text-decoration:none}
		.exp-nav-i .sub-par .parent .ar {background-position:0 -24px}
.exp-nav-i {font:13px 'Calibri','Trebuchet MS'; text-tra nsform:uppercase; padding-bottom:22px; font:11px Verdana}
	.exp-nav-i li {position:relative; float:left; clear:both; padding-bottom:1px}
		.exp-nav-i .i {position:relative; display:block}
		.exp-nav-i li ul {position:absolute; z-index:999; top:-999em; left:-999em; width:100%; background-color:#ebebec; padding-bottom:6px}
			.exp-nav-i li ul a {color:#000 !important}
			.exp-nav-i li ul a:hover {color:#ff6600 !important}
			.exp-nav-i li ul li {padding:4px 13px 6px}
	.exp-nav-i .parent {position:relative; display:block; background:url(../img/expand-crn.png) no-repeat 0 0; padding-left:13px}
		.exp-nav-i .parent span {display:block; background:url(../img/expand-crn.png) no-repeat 100% 0; padding-right:25px; height:24px; line-height:23px}
		.exp-nav-i .parent .ar {position:absolute; top:0; left:-20px; margin-left:100%; width:20px; height:24px; background:url(../img/expand-ar.png); font-size:1px}
	.exp-nav-i .sfHover {z-index:99}
		.exp-nav-i .sfHover ul {top:25px; left:0}
		.exp-nav-i .sfHover .ar {background-position:0 -48px !important}
		.exp-nav-i .sfHover .parent {color:#f40; text-decoration:none}
/* -- ---- expand nav ---- -- */

.prod-tools {position:relative; z-index:2; float:right; font-size:10px}
	.prod-tools li {padding-bottom:8px; padding-left:16px}
	.prod-tools .ico-print {background:url(../img/ico-print.gif) no-repeat 0 2px}
	.prod-tools .ico-doc {background:url(../img/ico-doc.gif) no-repeat 3px 1px}

.big-title {position:relative; color:#000; font:bold 44px/1em 'Calibri','Trebuchet MS'; margin-left:-28px; margin-top:-10px; padding-bottom:5px}
.fast-desc {position:relative; color:#f40; font:27px/1em 'Calibri','Trebuchet MS'; margin-left:-28px; padding-bottom:31px}

.accordion-list {}
	.accordion-list li {padding-bottom:16px}
	.accordion-list h2 {position:relative; margin-left:-15px; font:20px 'Calibri','Trebuchet MS'}
	.accordion-list h2 a {position:relative; display:block; color:#000; background-color:#e9ecee; border:1px solid #e9ecee; padding:3px 28px 6px 14px; text-decoration:none}
		.accordion-list h2 a span {border-bottom:1px dotted}
		.accordion-list h2 .ar {position:absolute; right:14px; top:13px; width:13px; height:7px; font-size:1px; background-image:url(../img/accordion-list-ar.gif)}
		.accordion-list h2 .cr {width:16px; height:16px; background-image:url(../img/accord-crn.png)}
		.accordion-list h2 .c-tl {background-position:0 0; left:-1px; top:-1px}
		.accordion-list h2 .c-tr {background-position:100% 0; left:-15px; top:-1px}
		.accordion-list h2 .c-bl {background-position:0 -16px; left:-1px; bottom:-1px}
		.accordion-list h2 .c-br {background-position:100% -16px; left:-15px; bottom:-1px}
		.accordion-list h2 a:hover {color:#f40; background-color:#fff; border-color:#e3e5e6}
			.accordion-list h2 a:hover .c-tl {background-position:0 -32px}
			.accordion-list h2 a:hover .c-tr {background-position:100% -32px}
			.accordion-list h2 a:hover .c-bl {background-position:0 -48px}
			.accordion-list h2 a:hover .c-br {background-position:100% -48px}
	.accordion-list .in-acc {padding-top:10px; display:none}
	.accordion-list .active-acc {padding-bottom:0 !important}
		.accordion-list .active-acc h2 a {color:#fff !important; background-color:#00adee !important; border-color:#00adee !important}
		.accordion-list .active-acc h2 .c-tl {background-position:0 -64px !important}
		.accordion-list .active-acc h2 .c-tr {background-position:100% -64px !important}
		.accordion-list .active-acc h2 .c-bl {background-position:0 -80px !important}
		.accordion-list .active-acc h2 .c-br {background-position:100% -80px !important}
		.accordion-list .active-acc h2 .ar {background-position:0 100% !important}
		.accordion-list .active-acc .in-acc {display:block}

.info-tip {position:relative; background:url(../img/info-tip.png) no-repeat 0 151px; color:#f40; font-size:9px; padding-top:150px; margin-left:-20px; padding-left:32px}

.b-services {padding-top:150px}
	.b-services dt {font:17px/1em 'Calibri','Trebuchet MS'; text-transform:uppercase; padding:0 0 7px 12px}
	.b-services dd {position:relative; border:1px solid #7fd6f6; padding:8px 5px 12px 11px}
	.b-services li {padding:3px 0 4px}
	.b-services .cr {width:7px; height:7px; background-image:url(../img/fast-announce-crn.gif)}
		.b-services .c-br, .b-services .c-tr {left:-6px}
		.b-services .c-br, .b-services .c-bl {bottom:-1px}
		.b-services .c-tr, .b-services .c-tl {top:-1px}
		.b-services .c-tl, .b-services .c-bl {left:-1px}

.company-main {}
	.company-main .item {float:left; width:215px; padding-right:20px}
		.company-main .item .img-cover {position:relative; float:left; clear:both}
		.company-main .item p {clear:both; padding-top:5px}

ul.list-departaments {padding-left:0; padding-bottom:0}
	ul.list-departaments li {background-image:none; padding:0 0 17px 71px}
	.list-departaments .img-cover {position:relative; float:left; left:-71px; margin-right:-71px; margin-top:2px}

.feedback {padding-bottom:15px}
	.feedback .inputs {padding:0 0 10px 54px}
	.feedback .lbl {position:relative; float:left; width:50px; left:-54px; margin-right:-54px; padding-top:8px; line-height:normal}
	.feedback .i-p {border:1px solid #c9cdcf; width:374px; padding:7px 1px 8px 4px; background:url(../img/ip-bg.png) no-repeat 0 0; height:13px; line-height:normal}
	.feedback textarea.i-p {height:113px}
	.feedback .btn {padding-left:45px; padding-top:10px}
		.feedback .btn input {color:#fff; font-size:12px; border-width:0; padding:0; background:#00adee url(../img/btn-bg.png); width:122px; height:33px; padding-bottom:1px}
			.feedback .hover input, .feedback .btn input:hover {background-position:0 -33px}

/* // ---- site map ---- // */
.l-sitemap {position:relative; margin-left:-10px; line-height:16px}
	.l-sitemap .l-s-col-1 {float:left; width:350px}
	.l-sitemap .l-s-col-2 {float:right; width:345px}
	.l-sitemap h2 {position:relative; font:19px 'Calibri','Trebuchet MS'; margin-left:-28px; padding-bottom:10px}
		.l-sitemap h2 a {color:#000 !important; text-decoration:none}
	.l-sitemap ul {padding-bottom:20px; padding-right:10px}
		.l-sitemap ul li {padding-bottom:4px}
		.l-sitemap ul ul {padding:0 0 12px 10px}
			.l-sitemap ul ul li {padding-bottom:0}
			.l-sitemap ul ul ul {padding-left:20px; padding-bottom:4px}
/* -- ---- site map ---- -- */

/*H4 {position:relative; font:20px 'Calibri','Trebuchet MS'; padding:6px 0 9px; margin-left:0;}*/
.in-acc .tbl {}
.in-acc table {width:100%; margin-bottom:20px}
	.in-acc table th {font-weight:bold; background-color:#f2f4f5; border-bottom:1px solid #d6d6d6; padding:3px 5px 3px}
	.in-acc table td {color:#6b6b6b; font-size:10px; border-bottom:1px solid #d6d6d6; padding:3px 5px 4px}
	.in-acc table .grad {text-align:right; white-space:nowrap}