@import url("reset.css");
body,html {height:100%}

body {color:#000; background-color:#fff; font:12px 'Trebuchet MS',Helvetica,'MS Sans Serif',sans-serif}
td,th {color:#000; font:1em 'Trebuchet MS',Helvetica,'MS Sans Serif',sans-serif}
input,textarea,option,select {color:#000; font:1em 'Trebuchet MS',Helvetica,'MS Sans Serif',sans-serif}

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

a {color:#000; text-decoration:underline}

a:hover {color:#003f7d}

.m-title {font:italic 20px Georgia,Helvetica; padding-bottom:11px}
	.m-title .back-ar {padding-left:14px; margin-left:-14px; background:url(/img/ar-l.gif) no-repeat 0 10px; text-decoration:none}

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

#minWidth {position:relative; min-width:1000px; height:auto !important; height:100%; min-height:100%}
	.outer {width:1000px; margin:0 auto}

/* // ---- top block ---- // */
.top {position:relative; height:auto !important; min-height:200px; height:200px; padding-bottom:16px;}
	.logo {position:relative; z-index:2; top:43px; left:5%; width:246px; margin:0 -100% -68px -16px}
	/*.navigation {left:405px}
		.navigation li, .navigation-sub li {padding-bottom:2px}
	.navigation-sub {left:555px}
		.navigation-sub {font-style: italic;}*/
	.top ul {position:relative; float:left; margin-right:-100%; width:140px; font-size:14px; padding:13px 10px 0 0}
	/*.top ul .hr {color:#ec5e00; font-weight:normal;}*/
	.top .phone {position:absolute; right:2%; top:28px; width:200px;  font-size:12px; color:#999;}
	.top .phone span{color:#000; font-size:18px; position:relative; left:-36px; color:#f15a18;}
		.top .phone big {font-size:28px; line-height:1em; font-weight:bold; color:#000}
		.top .phone small {position:absolute; top:18px; font-size:14px; font-weight:normal; right:100%; padding-right:5px}
		.top .phone a {color:#999}
			.top .phone a:hover {color:#003f7d}
	.top-action {float:left; padding:14px 0 0 211px; width:174px}
		.top-action dt {text-align:right; padding:0 10px 7px 0}
			.top-action dt a {color:#f30}
				.top-action dt a:hover {color:#000}
		.top-action dd {background-color:#f4f3eb; line-height:15px; padding:4px 10px 7px}
/* -- ---- top block ---- -- */

/* // ---- top art ---- // */
.top-art {padding-top:12px; text-align:right; position: absolute; width:405px; margin-left: -20px;}
	.top-art dt {color:#fff; font-style:italic; font-family:Georgia; padding-bottom:11px}
		.top-art dt big {display:-moz-inline-stack; display:inline-block; background-color:#1d72a8; font-size:20px; line-height:1em; padding:1px 3px 2px}
		.top-art dt small {display:-moz-inline-stack; display:inline-block; background-color:#34a3d1; padding:0 3px 2px; font-size:14px}
	.top-art dd {}
	.top-art a{color:#fff; text-decoration: none; cursor: pointer}
/* -- ---- top art ---- -- */


/*.second-page .navigation-sub {font-size:13px}*/

/* // ---- vis block ---- // */
.vis-block {height:375px; margin:0 19% 36px}
/*.vis-block {height:375px; margin:0 auto 36px; width: 99%; max-width: 1300px;}*/
	.vis-block-i {position:relative; margin:0 -140px; height:375px; background-color:#e5ebed}
	.vis-block-i i {font-size:1px}
	.vis-block-i .crn {position:absolute; z-index:5; right:0; top:0; width:51px; height:54px; background:url(/img/vis-crn.png)}
	.vis-block-i .label {z-index:4 !important; position:absolute}
	.vis-block-i .flash-img {position:relative; z-index:3}
	.vis-block-i .l-shad {position:absolute; z-index:2; left:-2px; top:-1px; width:4px; height:379px; background:url(/img/vis-bg.png)}
	.vis-block-i .r-shad {position:absolute; z-index:2; right:-2px; top:-1px; width:4px; height:379px; background:url(/img/vis-bg.png) no-repeat 100% 0}
	.vis-block-i .b-shad {position:absolute; z-index:1; bottom:-3px; left:0; width:100%; height:3px; background:url(/img/vis-bg.png) repeat-x 0 -479px}
	.vis-block-i .t-shad {position:absolute; top:-1px; left:0; width:100%; height:1px; font-size:1px; overflow:hidden}
		.vis-block-i .t-shad i {display:block; margin-right:45px; background-color:#fbfbfb; height:1px}
	.vis-block-i .label {position:absolute; color:#fff; top:134px; left:40%; margin-left:-336px; text-decoration:none; font:italic 15px/1em Georgia; width:121px; height:121px; background:url(/img/vis-label.gif) 0 0; padding:39px 10px 0 29px;}
		.vis-block-i .label big {font-size:30px; display:block; line-height:1em; padding-bottom:5px}
	.vis-block-i .title-vis {position:absolute; z-index:6; color:#fff !important; text-decoration:none; right:44px; top:0; white-space:nowrap; font-style:italic; font-family:Georgia; overflow:hidden}
		.vis-block-i .title-vis big {float:right; clear:both; background-color:#f5831d; font-size:20px; line-height:1em; padding:1px 3px 2px}
		.vis-block-i .title-vis small {float:right; clear:both; background-color:#f15a18; padding:0 3px 2px; font-size:14px}

		a.color{text-decoration: none;}
		.color big {float:left; color:#fff; clear:both; background-color:#f5831d; font-size:20px; line-height:1em; padding:1px 3px 2px}
		.color small {float:left; color:#fff; clear:both; background-color:#f15a18; padding:0 3px 2px; font-size:14px}

/* 01.06.10 */
.main-page .vis-block {height:93px}
	.main-page .vis-block-i {height:93px}
	.main-page .second-vis {height:93px; background:#e4eaec url(/img/visual-second.jpg) 50% 0; }
	.main-page .vis-block .l-shad, .main-page .vis-block .r-shad {height:97px}
	.main-page .vis-block .l-shad {background-position:0 -482px}
	.main-page .vis-block .r-shad {background-position:100% -482px}
		
/* -- ---- vis block ---- -- */

.second-page .vis-block {height:93px}
	.second-page .vis-block-i {height:93px}
	.second-page .second-vis {height:93px; background:#e4eaec url(/img/visual-second.jpg) 50% 0; }
	.second-page .vis-block .l-shad, .second-page .vis-block .r-shad {height:97px}
	.second-page .vis-block .l-shad {background-position:0 -482px}
	.second-page .vis-block .r-shad {background-position:100% -482px}

.step-vis, .step-vis .vis-block-i {height:366px !important}
	.step-vis .vis-block-i {background:#cddce1 url(/img/steps-bg-l.jpg) no-repeat 0 0}
.steps-block {position:relative; width:100%; overflow:hidden; height:366px; background:url(/img/steps-bg-r.jpg) no-repeat 100% 0}
	.steps-block-i {position:absolute; left:50%; top:0; margin-left:-542px; width:1084px; height:366px; background-image:url(/img/steps-bg-1.jpg)}
.steps-ico {padding-left:238px}
	.steps-ico li {position:relative; float:left; font:italic 14px Georgia,Helvetica; width:65px; height:6px}
		.steps-ico a {color:#2b2f34; text-decoration:none; white-space:nowrap}
			.steps-ico a:hover, .steps-ico a.current {color:#f25a19; text-indent:0}
				.steps-ico a:hover .ico i, .steps-ico a.current .ico i {top:-81px}
		.steps-ico li .ico {position:absolute; top:161px; width:65px; height:81px; overflow:hidden}
			.steps-ico li .ico i {position:absolute; top:0; width:455px; height:162px; background-image:url(/img/steps-ico.png)}
		.steps-ico li .txt {position:absolute}
		.steps-ico .step-1 {margin-right:22px}
			.steps-ico .step-1 .ico i {left:0}
			.steps-ico .step-1 .txt {left:-66px; top:76px}
		.steps-ico .step-2 {margin-right:23px}
			.steps-ico .step-2 .ico i {left:-65px}
			.steps-ico .step-2 .txt {left:-68px; top:63px}
		.steps-ico .step-3 {margin-right:22px}
			.steps-ico .step-3 .ico i {left:-130px}
			.steps-ico .step-3 .txt {left:-46px; top:50px}
		.steps-ico .step-4 {margin-right:22px}
			.steps-ico .step-4 .ico i {left:-195px}
			.steps-ico .step-4 .txt {left:-10px; top:37px}
		.steps-ico .step-5 {margin-right:23px}
			.steps-ico .step-5 .discount {position:absolute; left:5px; top:82px; width:77px; height:77px; background-image:url(/img/steps-action.png)}
			.steps-ico .step-5 .ico i {left:-260px}
			.steps-ico .step-5 .txt {left:24px; top:50px}
		.steps-ico .step-6 {margin-right:22px}
			.steps-ico .step-6 .ico i {left:-325px}
			.steps-ico .step-6 .txt {left:46px; top:63px}
		.steps-ico .step-7 {}
			.steps-ico .step-7 .ico i {left:-390px}
			.steps-ico .step-7 .txt {left:81px; top:76px}


/* // ---- middle ---- // */
.middle {position:relative; width:1000px; margin:0 auto; padding-bottom:105px; }
	.middle .long-col {float:right; width:571px; padding-right:24px}
	.middle .side-col {position:relative; float:left; width:380px; left:4px; padding-top:1px}
/* -- ---- middle ---- -- */

/* // ---- for editor ---- // */
.for-editor {position:relative; margin-left:-11px; padding:11px;font-size:13px; }
	.for-editor .dt {position:relative; margin-top:-13px; color:#999; font-size:13px; padding-bottom:13px}
	.for-editor p {padding:3px 0 15px}
	.for-editor .color-block {position:relative; margin-left:-11px; background-color:#f4f3eb; padding:11px 11px 0; margin-bottom:14px; overflow: hidden; zoom:1;}
		.for-editor .color-block a {color:#999}
			.for-editor .color-block a:hover {color:#003f7d}
	.link-info {position:relative; line-height:16px; padding-top:0; margin-top:-6px}
	.link-info a {position:relative; margin-left:0; display:-moz-inline-stack; display:inline-block; color:#fff !important; background:#000 url(/img/ico-link-b.gif) no-repeat 5px 4px; padding:0 5px 1px 19px}
	.for-editor .tags {font-family:Arial,Helvetica,sans-serif; padding-top:8px}
	.for-editor h2 {font:italic 18px Georgia,Helvetica; padding:0 0 4px}
.for-editor h3 {font:italic 16px Georgia,Helvetica; padding:0 0 4px; overflow: hidden; zoom:1}
	.for-editor ol {padding:3px 0 15px}
		.for-editor ol li {margin-left:14px; margin-bottom: 6px}
	.for-editor ul {padding:3px 0 15px}
		.for-editor ul li {background:url(/img/li.gif) no-repeat 0 8px; padding:0 0 6px 14px}
	.for-editor .list-color {position:relative; margin:0 0 14px -11px}
		.for-editor .list-color ul {padding:0; background-color:#f4f3eb; padding:2px 11px 8px; float:left}
		.for-editor .list-color a {color:#003f7d}
			.for-editor .list-color a:hover {color:#000}
	.for-editor .date {color:#999; font-size:11px; margin-top:-4px; background:url(/img/dot-1.gif) repeat-x 0 100%; padding-bottom:4px; margin-bottom:9px}
	.info-date {}
		.info-date dt {font-weight:bold; padding-bottom:3px}
		.info-date dd {padding-bottom:15px}
		.for-editor .twoCols .firstCol{float:left; width:45%; margin-right:5%; position: relative}
		.for-editor .twoCols .secondCol{float:left; width:45%; margin-right:5%; position: relative}
		.fourCols div{width:47%; float:left; position: relative; padding-bottom:20px;}
.fourCols .firstCol, .fourCols .thirdCol{margin-right:6%}
.fourCols img{float:left;}
.fourCols p{margin-left: 120px}
		.fourCols{margin-right:-100px; zoom:1; overflow: hidden; width:100%;}
		.twoCols{zoom:1; overflow: hidden;}
		.for-editor img.pic {float:left; margin: 0.4em 1.2em 0.6em 0;}
		.for-editor img.pic.right {float:right; margin: 0.4em 0 0.6em 1.2em;}

		.for-editor blockquote {position:relative; color: white; line-height:16px; padding-top:0; margin-top:-6px; background:#2e91ba url(/img/blockquote.png) no-repeat 5px 6px; padding:0 5px 1px 19px; float:left; display: table; overflow: hidden; zoom:1; }
		
		.for-editor blockquote p { display: block; margin: 0; padding:0 0 5px 0}
		
		.for-editor blockquote a {position:relative; margin-left:0; display:-moz-inline-stack; display:inline-block; color:#fff !important; }


/* -- ---- for editor ---- -- */

.work-info {position:relative; padding-left:130px}
	.work-info dt {position:relative; left:-130px; float:left; color:#656565; width:123px; text-align:right; margin-right:-123px; padding:3px 0 15px}
	.work-info dd {padding:3px 0 15px}

.contact-card {padding:5px 0 0 57px}
	.contact-card dt {float:left; color:#656565; padding-left:20px; padding-right:3px}
	.contact-card dd {float:left; padding-right:10px}
	.contact-card dd a {color:#003f7d; font-size:13px}
		.contact-card dd a:hover {color:#000}

.actions-month {position:relative; margin-left:55px}
	.actions-month .ph {position:relative; z-index:1; margin-left:-12px}
	.actions-month .title {position:absolute; z-index:2; color:#fff; font-style:italic; font-family:Georgia}
		.actions-month .title h2 {float:left; font-weight:normal; background-color:#f5831d; font-size:20px; line-height:1em; padding:1px 3px 2px}
		.actions-month .title h3 {clear:both; float:left; font-weight:normal; background-color:#f15a18; font-size:14px; padding:0 3px 2px}
		.actions-month .title a {color:#fff !important; text-decoration:none}

.bottom {position:relative; color:#999; width:/*780px;*/920px; margin:/*-90px*/auto/*0*/; /*height:90px;*/ /*padding-left:220px;*/ padding:0 40px; line-height:15px}
	.bottom a {font-size:13px}
	.bottom p {padding-top:9px}
	.bottom .develop {font-size:13px}
   
   

/* // ---- list side ---- // */
.list-side {position:relative; margin-top:-5px}
	.list-side dt {color:#fff; font-style:italic; font-family:Georgia; padding-bottom:11px}
		.list-side dt big {display:-moz-inline-stack; display:inline-block; font-size:20px; line-height:1em; padding:1px 3px 2px 4px}
		.list-side dt small {display:-moz-inline-stack; display:inline-block; font-size:14px; padding:0 3px 2px 4px}
	.list-side dd {position:relative; margin-left:-9px; background:url(/img/li.gif) no-repeat 0 8px; padding:0 0 3px 14px}
	.list-side .hr {color:#2fa2cc; font-weight:normal}
.list-apple {padding-left:160px; height:auto !important; height:206px; min-height:206px; background:url(/img/v-apple.jpg) no-repeat 0 45px}
	.list-apple dt big {background-color:#cbcf50}
	.list-apple dt small {background-color:#a0af10}
.list-vacancy {padding-left:96px; width:217px; background:url(/img/v-chair.jpg) no-repeat 10px 16px; height:auto !important; height:203px; min-height:203px; margin-bottom:10px}
	.list-vacancy dt big {background-color:#f5831d}
	.list-vacancy dt small {background-color:#f15a18}
	.list-vacancy dd {margin-left:0; background-image:none; padding:0 0 1px; line-height:15px}
	.list-vacancy .v-body {position:relative; z-index:2; background:url(/img/vacancy-li.png) no-repeat 0 0; padding:3px 6px 0}
		.list-vacancy .v-body h2 {font-size:1em; font-weight:normal}
			.list-vacancy .v-body h2 a {color:#2fa2cc}
				.list-vacancy .v-body h2 a:hover {color:#000}
		.list-vacancy .v-body-i {position:relative; z-index:2; top:2px}
	.list-vacancy .v-btm {position:relative; z-index:1; height:10px; overflow:hidden; font-size:1px}
		.list-vacancy .v-btm i {position:relative; display:block; width:100%; height:20px; background:url(/img/vacancy-btm.png)}
	.list-vacancy .selected .v-body {color:#fff; background-image:url(/img/vacancy-sel.png)}
	.list-vacancy .selected .v-btm i {top:-10px}

	.teaser-pvc{font-family:Georgia; font-style:italic;}
	.teaser-pvc h3{font-weight:normal !important; position:absolute; margin-top:-430px; display: none;}
	.teaser-pvc .kbe{background: url(/files/products/logos.png) no-repeat; width:150px; height:50px; position:absolute; margin-top:40px; }
	.teaser-pvc .komm{background: url(/files/products/logos.png) 0 -100px no-repeat; width:150px; height:50px; position:absolute; margin-top:40px; }
/* -- ---- list side ---- -- */

.bottom-col {clear:both; padding:12px 0 40px 75px; width:620px}


.responses-big {padding:12px 0 40px 50px; width:820px}
	.responses-big .m-title {border-bottom:1px solid #000; padding-bottom:4px; margin-bottom:8px}
	.responses-big .m-title {border-bottom:1px solid #000; padding-bottom:4px; margin-bottom:8px}
		.responses-big .m-title small {font:11px 'Trebuchet MS'; padding-left:7px}
		.responses-big .m-title small a {color:#2fa2cc; padding-left:15px; background:url(/img/ico-resp.gif) no-repeat 0 1px}
			.responses-big .m-title small a:hover {color:#000}
	.responses-big .responses-body, .responses-big .small-info {display:none}
	.for-editor .responses-big li {padding:9px 15px 9px 150px; background:url(/img/dot.gif) repeat-x 0 100%}
		.responses-big li .author {position:relative; float:left; left:-138px; width:105px; margin-right:-105px}
		.responses-big .small-info {color:#656565; line-height:16px; padding-top:15px}
		.responses-big p {padding-top:14px; padding-bottom:4px}
	.responses-big h3 {font-size:1em}
		.responses-big h3 a {text-decoration:none; border-bottom:1px dashed}
	.responses-big .selected {background-color:#f4f3eb}
		.responses-big .selected .responses-body, .responses-big .selected .small-info {display:block}

.title-brd {border-bottom:1px solid #000; margin-left:-11px; padding:0 0 4px 11px; margin-bottom:10px}
	.title-brd .dt, .news-list .dt, .title-dot .dt {position:relative; margin-top:-2px; color:#999; font-size:13px}
	.title-brd .m-title, .title-dot .m-title {padding-bottom:0}
	.title-brd .dt a, .title-dot .dt a {color:#999; text-decoration:none}

.title-dot {background:url(/img/dot.gif) repeat-x 0 100%; padding-bottom:4px; margin-bottom:10px}

/* // ---- news list ---- // */
.news-list {position:relative; left:-11px; padding-bottom:15px; font-size:13px; z-index: 100 }
	.news-list li {background-color:#f4f3eb; padding:4px 9px 6px 11px; position: relative }
	.news-list p {margin-bottom: 8px;}
	.news-list h2 {font:italic 20px Georgia,Helvetica}
	.news-list .dt {background:url(/img/dot-1.gif) repeat-x 0 100%; padding-bottom:4px; margin-bottom:9px; font-size: 11px}
	
/* -- ---- news list ---- -- */

/* // ---- pages ---- // */
.pages {position:relative; margin-left:-11px; font-size:13px; padding:12px 0 15px}
	.pages li {position:relative; float:left; margin-right:1px; padding:1px 4px}
	.pages .hr {color:#999; background-color:#f4f3eb}
	.pages a {color:#595959}
		.pages a:hover {color:#003f7d}
	.pages .prev-page a, .pages .next-page a {color:#2fa2cc}
		.pages .prev-page a:hover, .pages .next-page a:hover {color:#003f7d}
	.pages .prev-page {padding-left:0; padding-right:12px}
		.pages .prev-page small {left:-14px; padding-left:14px; background:url(/img/ar-l.gif) no-repeat 0 7px}
	.pages .next-page {padding-right:0; padding-left:11px}
		.pages .next-page small {right:-14px; padding-right:14px; ; background:url(/img/ar-r.gif) no-repeat 100% 7px}
	.pages small {position:absolute; color:#999; top:-12px; font-size:13px}
/* -- ---- pages ---- -- */

/* // ---- side nav ---- // */
.side-nav {font-size:13px; padding-left:137px}
	.side-nav li {padding-bottom:7px}
	.side-nav a {color:#2fa2cc}
		.side-nav a:hover {color:#000}
	.side-nav ul {padding:10px 0 14px 55px}
		.side-nav ul li {padding-bottom:1px}
			.side-nav ul li a {color:#000; text-decoration:none; border-bottom:1px dashed}
			.side-nav ul li a:hover {color:#2fa2cc}
		.side-nav ul ul {padding:5px 0 4px 4px}
			.side-nav ul ul li a {display:-moz-inline-stack; display:inline-block; color:#999; text-decoration:underline; padding:2px 5px 4px; border-bottom-width:0}
				.side-nav ul ul li a:hover {color:#2fa2cc}
			.side-nav ul ul .hr {display:-moz-inline-stack; display:inline-block; color:#999; background-color:#f4f3eb}
/* -- ---- side nav ---- -- */

.block_container {margin-bottom:14px}
.side-col .block_container{margin-right:20px !important;}
.tech td{padding:0 15px 0 0px;}



/* // ---- online choose ---- // */
.tip-online {font-size:13px; padding-bottom:20px}
	.tip-online a {color:#2fa2cc}
		.tip-online a:hover {color:#000}
	.poll_btn {padding-top:6px}
		.poll_btn input {cursor:pointer; cursor:hand; width:95px; height:22px; background-image:url(/img/btn.png); border-width:0}
.choose-online {position:relative; margin-left:-11px; background-color:#f4f3eb; padding:11px 9px 21px 10px; margin-bottom:10px; font-size:13px}
	.choose-online dt {font:italic 20px Georgia,Helvetica; background:url(/img/dot-1.gif) repeat-x 0 100%; padding-bottom:5px; margin-bottom:20px}
	.choose-online .items {float:left; width:224px; padding-right:10px}
		.choose-online dd li {position:relative; padding:0 0 4px 20px}
		.choose-online dd small {position:relative; display:block; margin:-2px 0 -10px 0; color:#999; font-size:12px; line-height:15px}
	.choose-online .items {float:left; width:224px; padding-right:10px}
	.choose-online .items-r {float:left; width:280px}
.choose-answer {color:#fff; background:#004c97 repeat-x 0 100%} /* url(/img/choose-answer-bg.png) */
	.choose-answer dt {color:#fff}
	.choose-answer .selected {color:#fff}
/* -- ---- online choose ---- -- */

.data{margin-left:-10px; margin-right:-10px;}
.data th{font-weight:bold; white-space:nowrap}
.data td, .data th{padding:7px 7px 10px 15px;}
.data tr.odd td{background-color:#faf9f5}

/* // ---- calculator ---- // */

.in-cart {float:right; color:#999; font-size:13px; padding:4px 0 0 18px; background:url(/img/ico-cart.gif) no-repeat 0 8px}

.calculator-block {position:relative; margin-left:-11px; background-color:#f4f3eb; padding:10px 11px 20px; font-size:11px}
	.calculator-block h2 {position:relative; font-size:13px; border-bottom:1px solid #000; font-weight:normal; padding-bottom:5px}
	.calculator-block .tooltip {left:122px; bottom:50px}
		.calculator-block h2 a {text-decoration:none}
			.calculator-block h2 .dashed {border-bottom:1px dashed}
		.calculator-block h2 .ico-q {position:relative; display:-moz-inline-stack; display:inline-block; width:11px; height:11px; vertical-align:top; background-image:url(/img/ico-q.gif); font-size:1px}
	.calculator-block .i-shad {position:relative; z-index:1; margin-top:-19px; float:left; background-image:url(/img/calculator/calc-shad.png); width:11px; height:233px}

.type-construct {position:relative; margin:0 -11px 0 -9px; padding:11px 0 13px}
	.type-construct li {float:left; padding-right:3px}
		.type-construct li a {display:block; padding:2px 3px 2px 2px}
			.type-construct  a.selected, .type-construct li a:hover {text-indent:0; border:2px solid #f5831d; padding:0 1px 0 0}

.calc-sizes {position:relative; margin-right:-11px; padding:65px 0 25px 63px !important}
	.calc-sizes .calc-items {position:relative}
		.calc-sizes .calc-items .item {position:relative; float:left}
		.calc-sizes .brd, .calc-sizes .l-brd {position:absolute; z-index:3; left:0; top:-34px; width:1px; height:42px; background:#9c9c9c url(/img/calculator/calc-brd-bg.png) no-repeat 0 100%}
		/*.calc-sizes .size {position:absolute; left:1px; top:-37px; width:148px; height:18px; padding-top:3px; background:url(/img/calculator/calc-item-sizes.png); text-align:center}*/
		.calc-sizes .size {position:absolute; left:1px; top:-37px; width:148px; height:18px; padding-top:3px; text-align:center}
			.calc-sizes .size input, .calc-sizes .l-size input, .calc-sizes .s-size input {position:relative; text-align:center; border-width:0; margin:0 0 0 -2px; padding:0; background-color:#fff; width:43px; height:15px; font-size:11px}
		.calc-sizes .l-size {position:absolute; z-index:2; left:-52px; top:0; width:55px; height:111px; background-image:url(/img/calculator/calc-l-size.png); padding:87px 0 0 5px}

		.calc-sizes .l-size.right {position:absolute; z-index:2; left:270px; top:0; width:55px; height:148px; background-image:url(/img/calculator/calc-l-size.png); padding:127px 0 0 5px}
		.calc-sizes .l-size.right.two {left:420px}
.calc-sizes .l-size.right.alone {left:120px}
        .calc-sizes .l-size.right input{margin-left:9px}

		.calc-sizes .l-size.right-s {position:absolute; z-index:2; left:95px; top:0; width:55px; height:111px; background-image:url(/img/calculator/calc-l-size.png); padding:87px 0 0 5px}
		.calc-sizes .s-size {position:absolute; z-index:2; left:-52px; top:0; width:55px; height:73px; background-image:url(/img/calculator/calc-s-size.png); padding:57px 0 0 5px}
		.calc-sizes .l-brd {top:-15px}
		.calc-sizes .ph {position:relative; z-index:1}

	/*door*/
   .calc-sizes .door {height:282px !important;}
      .calc-sizes .door .l-size {height:149px !important; padding:126px 0 0 5px !important;}
      .calc-sizes .door .size {width:123px !important;}

   .calc-sizes .doors {height:350px !important;}

.calc-sizes .item.framuga{position:absolute;}
.framuga .size{width:300px !important;}
.calc-sizes .item.framuga .thumb{margin-top:-205px; left:300px;}
.calc-sizes .after-framuga{height:120px;}
.frames .l-size{margin-top:120px;}
.frames .l-size.framuga{margin-top:0; height:50px; padding:30px 0 0 5px !important;}

   /*frame*/

   .calc-sizes .frame {height:87px !important;}
      .calc-sizes .frame .l-size {height:50px !important; padding:30px 0 0 5px !important;}
      .calc-sizes .frame .size {width:246px !important;}

   .calculator-block .door .i-shad {height: 300px !important; background: url(/img/calculator/calc-shad-door.png) center left no-repeat !important;}

   .calculator-block .i-shad.doors {height: 300px !important; background: url(/img/calculator/calc-shad-door.png) center left no-repeat !important;}

   .calculator-block .frame .i-shad {height: 100px !important; background: url(/img/calculator/calc-shad-framuga.png) top left no-repeat !important;}


.way-open {padding:21px 0 34px 63px}
	.way-open .item {float:left; width:149px}
	.way-open .ph {position:relative; z-index:1; height:207px; margin-bottom:-4px}
	.way-open .thumb {position:relative; z-index:2; text-align:center}
		.way-open .thumb-i {position:relative; margin-right:-7px; margin-bottom:-1px; margin-top: 8px;}
	.way-open .l-ar, .way-open .r-ar {position:absolute; z-index:4; top:21px; width:15px; height:15px; background-image:url(/img/calculator/calc-rotate-ar.png); font-size:1px}
	.way-open .l-ar {left:26px}
	.way-open .r-ar {right:26px; background-position:100% 0}
	.way-open small {font-size:11px}
	/*door*/
	.way-open .door .item {width:124px !important;}
	.way-open .door .ph {height:284px !important;}
	.way-open .door .l-ar {left:14px !important;}
	.way-open .door .r-ar {right:14px !important;}

	.way-open  .item.door {width:124px !important;}
	.way-open .doors .ph {height:284px !important;}
	.way-open .doors .l-ar {left:14px !important;}
	.way-open .doors .r-ar {right:14px !important;}
	/*frame*/
	.way-open .frame .item {width:247px !important;}
	.way-open .frame .ph {height:89px !important;}
	.way-open .frame .l-ar {left:75px !important;}
	.way-open .frame .r-ar {right:75px !important;}

.params {position:relative; padding-top:1px}
	.params li {position:relative; padding:19px 0 8px 4px; background:url(/img/dot-1.gif) repeat-x 0 100%}
	.params .sel-b {position:absolute; top:16px; right:0}
	.params .op-i {vertical-align:top; border:1px solid #ccc; padding:0 1px; margin:0 2px; width:30px}

.other-params {padding:20px 0 25px 4px; font-size:11px}
	.other-params li {position:relative; padding:0 0 4px 20px; vertical-align:top}
	.other-params label {vertical-align:top}
	.other-params .op-i {vertical-align:top; border:1px solid #ccc; padding:0 1px; margin:0 2px; width:30px}

.cost {padding:18px 0 13px}
	.cost .lbl {float:left; color:#999; padding-top:7px; padding-right:6px}
	.cost .cost-main {float:left; font:italic 20px Georgia,Helvetica; padding-right:13px; background:url(/img/calculator/bg-rub.gif) no-repeat 100% 9px; margin-right:13px}
	.cost .cost-mdiscount {color:#000; padding-right:8px; background:url(/img/calculator/bg-rub.gif) no-repeat 100% 2px; text-decoration:line-through}
	.cost .btn {float:left; padding:3px 0 0 15px}
		.cost .btn input {width:95px; height:22px}

.cart-block {font-size:13px}
	.cart-block dt {padding-left:17px; padding-bottom:5px; background:url(/img/ico-cart.gif) no-repeat 0 4px}
		.cart-block dt a {color:#2fa2cc}
			.cart-block dt a:hover {color:#000}
	.cart-block dd {color:#999; padding-left:17px; line-height:15px}
/* -- ---- calculator ---- -- */

.tooltip {position:absolute; z-index:999; color:#fff; font-size:13px; padding:7px 11px 19px; width:487px; background:#34a3d1 url(/img/tip-bg.png) repeat-x 0 100%}
	.tooltip .close {width:9px; height:9px; position: absolute; margin-left: 470px; background: url(/img/close.png); text-indent: -9999px; margin-top: 5px; cursor: pointer; cursor: hand;}
	.tooltip .title {display:block; font:italic 20px Georgia,Helvetica; background:url(/img/ico-dot.gif) repeat-x 0 100%; padding-bottom:6px; margin-bottom:9px}
	.tooltip .txt {display:block; line-height:18px}
	.tooltip .crn {position:absolute; left:46px; bottom:-24px; width:23px; height:24px; background-image:url(/img/tip-crn.png); font-size:1px}

/* // ---- form block ---- // */
.form-block {position:relative; margin-left:-11px; padding:11px; background-color:#f4f3eb}
	.form-block .inputs {background:url(/img/dot-1.gif) repeat-x 0 100%; padding:0 0 8px 7px; margin-bottom:9px}
	.form-block .i-p {float:left; width:295px; padding:3px 1px 1px 8px; border:1px solid #d3d2ce}
	.form-block textarea.i-p {height:84px}
	.form-block .lbl {float:left; width:155px; margin-right:7px; padding-top:5px; line-height:16px}
	.form-block .lst {background-image:none}
	.form-block .btn {padding-left:171px}
		.form-block .btn input {cursor:pointer; cursor:hand; width:95px; height:22px; background-image:url(/img/btn.png); border-width:0}
	.form-block .thanks {padding-left:171px; font-size:13px; font-style:italic; color:#f5831d; padding-top:5px}
/* -- ---- form block ---- -- */

/* // ---- form credit ---- // */
.form-credit {position:relative; margin-left:-39px; margin-top:0; padding:35px 0 0 135px; background:url(/img/credit-form-bg.jpg) no-repeat 0 4px}
	.form-credit dt small {background-color:#f15a18}
	.form-credit dt big {background-color:#f5831d}
	.form-credit .download-blank {background-image:none; padding:5px 0 21px 10px}
		.form-credit .download-blank a {color:#1d72a8}
			.form-credit .download-blank a:hover {color:#000}
	.form-credit .form-view {background-image:none; padding:0 67px 0 0; margin-left:-52px}
	.form-credit .frm-tp {font-size:1px; background-image:url(/img/credit-form-tp.png); height:9px}
		.form-credit .form-view .form-block {margin-left:0; padding:6px 6px 12px 8px; background:#F4F3EB url(/img/credit-form-bt.png) no-repeat 0 100%}
		.form-credit .form-block .lbl {width:79px; margin-right:0; padding-top:4px; line-height:14px}
		.form-credit .form-block .inputs {padding-left:3px}
		.form-credit .form-block .i-p {width:147px; padding:1px 1px 1px 8px}
		.form-credit .form-block .i-file {float:left; width:170px}
		.form-credit .form-block .btn {padding-left:79px}
/* -- ---- form credit ---- -- */


#moscow {
	background:url(/img/moscow.png);
	height:563px;
	width:440px
}
#moscow .dot {
	width:16px;
	height:16px;
	position:absolute;
	background:url(/img/dot.png) no-repeat;
	font-family:Georgia;
	font-style:italic;
	font-size:11px;
	color:#fff;
z-index:2;
}
#moscow .dot:hover {
	background-position:0 -16px;
z-index:100 !important;
}
#moscow .dot:hover div {
	display:block;
	z-index:100 !important;
}
.station {
	display:none;
	position:absolute;
	background:#0d4983;
	white-space:nowrap;
	padding:2px 4px;
	margin-left:14px;
	//margin-left:0;
	margin-top:-18px;
	font-weight:bold;
}
.adress {
	display:none;
	position:relative;
	width:200px;
	background:#3b7bb9;
	padding:6px 8px;
	border-top:1px #fff solid;
	margin-left:14px;
}

.form-block label.error {
    display: block;
    font-size: 10px;
    color: red;
    clear: both;
    margin-left: 163px;
    font-weight: bold;
}

.zero .zerotop{height:20px; background:url(/img/zero-top.png) no-repeat;}
.zero .zerobottom{height:20px; background:url(/img/zero-bottom.png) no-repeat;}
.zero .zerocontent{background:#fff url(/img/zero.png) no-repeat right; width:466px; padding:0 20px; line-height:24px;  display:table; zoom:1; overflow:hidden}
.zero h2{color:#144e86; font-size:22px; margin-bottom:12px;}
.zero li{font-size:16px; background:url(/img/zero-li.png) no-repeat 0 0.8em !important; margin-left:16px;}
.zero .call{line-height:16px; padding-top:0 !important;}
.zero .call strong{color:#144e86;}
.zero .call .phone{position:absolute; color:#8bcb28; font-size:24px; margin-top:12px; margin-left:170px;}
.zero .call .phone small{font-size:12px; color:#000;  }
.zero .links {text-align:center; padding-bottom:0 !important;}
.zero .links a{color:#144e86;}


.m{width:16px; display:-moz-inline-stack; display:inline-block; background:url(/img/m.png) top left no-repeat; height:16px; position:relative; top:4px; //top:1px; left:-3px;}

#calc_container {position:relative}



.sertificates {margin-top:-50px; margin-left:-30px}
.sertificates img{margin-left:30px; margin-top:50px}
.sertificates a{text-decoration: none}

div#counters{position:absolute; bottom: -200px; left:-200px;}

.promo{text-align:left; font-size:100%; padding:5px;}
.promo a{color:#003f7d;}

/* vipro */
.cl:after { clear:both; content:"."; display:block; height:0; visibility:hidden; }
*:first-child+html .cl { display:inline-block; }

#vipro-bottom { background:#dedede; font-size:13px; width:100%; }
	#vipro-bottom #vipro-bottom-pd { margin:auto; padding:40px; width:920px; }
	#vipro-bottom #vipro-bottom-pd .h1-vipro { font-family:Georgia,"Times New Roman","MS Serif"; font-size:18px; font-style:italic; font-weight:lighter; }
	#vipro-bottom #vipro-bottom-pd .h1-vipro { padding:0 0 15px; }
	#vipro-bottom #vipro-bottom-pd p { padding:0 0 15px; }
.l-orange, .d-orange { color:#f5841e; background:#fff; display:inline-block; font-family:Georgia,"Times New Roman","MS Serif"; font-size:16px; font-style:italic; padding:2px 10px 3px; }
#vipro-bottom h3.tit { color:#f5841e; background:#fff; display:inline-block; font-family:Georgia,"Times New Roman","MS Serif"; font-size:16px; font-style:italic; padding:2px 10px 3px; }
.img-l { float:left; margin-right:20px; }
.img-2 { float:right; margin-left:20px; }

#vipro-note { background:#fff; padding:20px; }
	#vipro-note table { border-collapse:collapse; width:100%; }
		#vipro-note table td { vertical-align:top; }
	#vipro-note .title { color:#f4831d; float:left; font-family:Georgia,"Times New Roman","MS Serif"; font-size:16px; font-style:italic; font-weight:bold; }
	#vipro-note .title { padding:0 55px 0 0; white-space:nowrap; }
	#vipro-note .text { width:100%; }
   
   
/* 08.12.2009 */
.bottom table, .third-blocks table { border-collapse:collapse; width:100%; }
.third-blocks { width:920px; margin:-90px auto 0; padding:0 40px; position:relative; }
   .third-blocks table tr td { vertical-align:top; color:#333; padding:0 20px 30px 0; width:25%; font-size:11px; line-height:13px; }
   .third-blocks table tr td div h3 { font-family:Georgia; font-style:italic; font-size:14px; color:#000; margin-bottom:5px; line-height:16px; }
   .third-blocks ul { margin:10px 0 20px; }
   .third-blocks ul li { font-size:12px; line-height:16px; }
   /*
   .third-blocks ul li { display:inline-block; width:272px; height:90px; padding:0 20px 0 14px; float:left; font-size:11px; color:#999; background:url(/img/li.gif) no-repeat 0 8px; overflow:hidden; margin-bottom:20px; }
   .third-blocks ul li a { font-size:14px; }
   .third-blocks ul li p { padding:10px 40px 0 0; }
   */
   .clear { clear:both; font-size:0; height:0; line-height:0; }
   
   .fl-block { float:left; width:272px; }
   
   
   
/* 11.02.2010 */
.fl { float:left; } .fr { float:right; } .bl { display:block; }
.content-adx {  }
   .content-adx h1 { font-family:Georgia; font-size:22px; font-style:italic; color:#f97b17; }
   .content-adx h2 { font-family:Georgia; font-size:20px; line-height:25px; font-style:italic; margin:20px 0 10px 0; font-weight:normal; }
   .content-adx h3 {  }
      .adx-left { width:278px; padding-right: 30px; }
      .adx-center { width:380px;  padding-right: 30px; }
	  .adx-right { width:280px; }
   .adx-sert { padding-left:120px; }
      .adx-sert a { font-size:13px; text-decoration:none; border-bottom:dashed 1px #000; }
      .adx-sert a:hover { border-bottom:0; }
span.orange-big { font-family:Georgia; font-size:20px; background:#f5831d; padding:1px 5px; color:#fff; font-style:italic; }
span.orange-small { font-family:Georgia; font-size:13px; background:#f15a18; padding:1px 5px; color:#fff; font-style:italic; }
span.orange-small a, span.blue-big a { color:#fff; }
span.orange-small a:hover, span.blue-big a:hover { text-decoration:none; }

span.blue-big { font-family:Georgia; font-size:20px; background:#1D72A8; padding:1px 5px; color:#fff; font-style:italic; }
span.blue-small { font-family:Georgia; font-size:13px; background:#34A3D1; padding:1px 5px; color:#fff; font-style:italic; }

ul.adx-lir { list-style:none; margin:10px 0 40px 0; }
ul.adx-lir li { line-height:24px; font-size:13px; padding-left:15px; background:url(/img/lir.gif) 0 13px no-repeat; }
.content-adx h4 { font-family:Georgia; font-size:20px; line-height:25px; font-style:italic; margin:20px 0 10px 0; font-weight:normal; color:#144e86; }
ul.redling { list-style:none; margin:0 0 40px 0; }
ul.redling li { line-height:24px; font-size:13px; padding-left:15px; background:url(/img/redling.gif) 0 10px no-repeat; }
a.fsizer { font-size:13px; }
.adx-pic { margin-bottom:5px; }




.top {height:auto !important; min-height:120px; height:120px;z-index:100;}
.top .navigation {
	width: auto;
	margin: 25px 0 0;
	padding: 0 !important;
	float:none; 
}
.top .navigation li {
	font-size:18px;
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: top;
	margin: 0 5px;
	
}

.navigation li {position: relative; z-index:100;}
.navigation li a {display: block;padding: 2px 5px; text-decoration: underline;}

.navigation .hr {background-color:#1d72a8; color: #fff;}
.navigation .hover {background-color:#1d72a8; color: #fff;}
.navigation .hr a, .navigation .hover a { color: #fff !important; text-decoration: none;}

.navigation ul {display: none; position: absolute; left:0; top: 27px; margin: 0 !important; background:#34a3d1; z-index:100; width: 150px; padding: 0 !important; 
	float:none;}
.navigation .hover ul {display:block;}
.navigation ul li { display: block; width: 100%; margin: 0 !important; font-size: 16px !important; font-style: italic; }
.navigation ul li a {text-decoration: underline;}
.navigation ul li a:hover {text-decoration: none;}

.top-contact {zoom: 1; overflow: hidden; padding-left: 120px; font-size:12px; color:#999;}
	.top-contact span{color:#000; font-size:18px; position:relative; color:#f15a18; display: block; padding-bottom: 5px;}
		.top-contact big {position: relative; padding-left: 35px; font-size:28px; line-height:1em; font-weight:bold; color:#000}
		.top-contact small {position: absolute; left: 0; top: 0; font-size:14px; font-weight:normal;}
		.top-contact a {color:#999}
			.top-contact a:hover {color:#003f7d}
	.top-contact div {
		float: right;
	}
	
.top-wrapper {
	width: 988px;
	margin: 35px auto 0;
}
.top-wrapper .logo  {position:relative; z-index:2; top:0; left:0; width:246px; margin:0; float: left;}

.navigation-sub {
	margin: 0 0 25px 100px;
}
.navigation-sub li {
	font-size: 13px;
	/*font-style: italic;*/
}
.navigation-sub .hr a {color:#1d72a8; text-decoration: none !important; font-weight: bold;}


/*center*/
.center-container {
   position: relative;
   width: 100%;
}
.center-container:after {
   content: '';
   display: block;
   clear: both;
}
.center-wrapper {
   position: relative;
   right: 50%;
   float: right;
}
.center-content {
   position: relative;
   z-index: 1;
   right: -50%;
}
/*/center*/

.tizer {
	display: block;
	padding-top: 40px;
}
.center {
	text-align: center;
}/*
.tizer p { font-family:Georgia; font-size:18px; line-height:21px; font-style:italic; margin:0; font-weight:normal; }*/