sup {
	vertical-align:super;
}


.calcselecttype {
	font-size:19px;
	font-weight:bold;
	text-align:center;
	margin-top:40px;
}
.post.post_blank {
	/* width:740px; */
}

.selector {
	overflow:hidden;
}

.selector > div {
	float:left;
	margin: 10px 48px 10px 0px;
	text-align:center;
	background:#333;
	position:relative;
	cursor:pointer;
}

.selector > div:nth-child(3n) {
	margin-right:0px;
}
.selector > div:nth-child(4n), .selector > div:first-child {
	margin-left:0px;
}

.selector > div > a, #moiki > div > div > a {
	position:absolute;
	width:24px;
	height:24px;
	display:block;
	text-align:center;
	top:5px;
	color:#fff;
	line-height:24px;
	font-size:20px;
	z-index:10;
	text-decoration:none;
	font-weight:bold;
	background: #ABCF37;
	right:5px;
}

.selector > div > a:hover, #moiki > div > div > a:hover {
	background: #506D34;
}


.typemat .title {
	position:absolute;
	top:50%;
	left:0px;
	right:0px;
	transform: translateY(-50%);
	z-index:100;
	margin:0;
	text-align:center;
	font-weight:normal;
	padding-bottom:30px;
	font-size:17px;
	color:#202020;
	white-space:pre;
}
.selector > div img {
	width:208px;
	border:3px solid #ABCF37;
	display:block;
	opacity: 0.85;
}

.selector > div.active img {
	opacity: 1;
}

.selector > div.active {
	cursor:default;
}
.selector > div.active:after {
	content:'';
	display:block;
	z-index:1;
	position:absolute;
	top:4px;
	left:4px;
	width:31px;
	height:24px;
	float:none;
	background:url(/calc/images/check.png) no-repeat;
}

.selector > div > .caption {
	background:#fff;
	text-align: center;
}

#stol > div, #stol2 > div {
	display:none;
}
#stol > div.active, #stol2 > div.active {
	display:block;
}

.schema {
	position:relative;
}

.schema img {
	width: 740px;
}

.schema input {
	position:absolute;
	border: 1px solid #ABCF37;
	z-index:1;
	width:32px;
}


.post.post_blank {
	position:relative;
	padding-top:60px;
	margin-bottom:40px;
}

.post.post_blank input, .post.post_blank select {
	border: 1px solid #ABCF37;
}

.post.post_blank .button {
	background: #ABCF37;
	padding:10px 20px;
	margin-bottom:20px;
	cursor:pointer;
	font-size:1.1em;
}

.post.post_blank .button:hover {
	background:#506D34;
}

.stol_place, .stol_place2 {
	margin-bottom:15px;
}


#summa2 { padding:5px; overflow:hidden; position:absolute; border-bottom:1px solid #000; top:0; background:#fff;z-index:150;}
#summa2 .text { float:left; width: 568px;}
#summa2 .summ { float:right; width:200px; border:4px solid #ABCF37; padding:8px; text-align:right;color: #006633;
font-size: 24px;}

.post.post_blank li {
	list-style:none;
}
#klk{
	padding: 0;
}

#klk h1{	
	font-size: 25px;
	float: left;
	margin: 0 0 0 10px;
}

#klk h2{	
	font-size: 20px;
}

#klk h3{	
	font-size: 33px;
	color: #b01e4d;
}

#klk h4{	
	font-size: 15px;
	font-weight: normal;
    line-height: 19px;
}

#content #klk h5{	
	font-size: 12px;
	font-weight: normal;
	color: #b01e4d;
}

#lh{	width: 5px;
	height: 30px;
	background: #a61c49;
	float: left;
}

#klk .klk_title{	clear: both;
	padding: 45px 0 0 10px;
}

/*-------------ìàòåðèàëû--------------*/
#materials li, #materials2 li{	list-style: none;
	padding: 5px 5px;
	float: left;
}

#klk_mat1{	background: url(images/mat1.png) no-repeat;
	background-position: 0 100%;
	width: 209px;
	height: 113px;
	display: block;
}

#klk_mat2{	background: url(images/mat2.png) no-repeat;
	background-position: 0 100%;
	width: 209px;
	height: 113px;
	display: block;
}

#klk_mat3{	background: url(images/mat3.png) no-repeat;
	background-position: 0 100%;
	width: 209px;
	height: 113px;
	display: block;
}

#klk_mat4{	background: url(images/mat4.png) no-repeat;
	background-position: 0 100%;
	width: 209px;
	height: 113px;
	display: block;
}

#klk_mat5{	background: url(images/mat5.png) no-repeat;
	background-position: 0 100%;
	width: 209px;
	height: 113px;
	display: block;
}

#klk_mat6{	background: url(images/mat6.png) no-repeat;
	background-position: 0 100%;
	width: 209px;
	height: 113px;
	display: block;
}

/*--ÌÀÒÅÐÈÀÐÛ--*/

#klk_mat8{	background: url(images/mat8.png) no-repeat;
	background-position: 0 100%;
	width: 209px;
	height: 113px;
	display: block;
}

#klk_mat9{	background: url(images/mat9.png) no-repeat;
	background-position: 0 100%;
	width: 209px;
	height: 113px;
	display: block;
}

/*-------------ñòîëåøíèöû--------------*/
#stoleshnici{	padding: 0 0 0 2px;
}

#stoleshnici a {text-decoration:none;}

#stoleshnici li{	list-style: none;
	padding: 5px 5px;
	float: left;
}

#klk_stol1{	background: url(images/stol1.png) no-repeat;
	background-position: 0 100%;
	width: 208px;
	height: 113px;
	display: block;
}

#klk_stol2{	background: url(images/stol2.png) no-repeat;
	background-position: 0 100%;
	width: 208px;
	height: 113px;
	display: block;
}

#klk_stol3{	background: url(images/stol3.png) no-repeat;
	background-position: 0 100%;
	width: 208px;
	height: 113px;
	display: block;
}

/*-------------ñõåìà--------------*/
#stol, #stol2{
	overflow: hidden;
	margin: 20px 0px;
	position:relative;
}

#stol .divradius, #stol2 .divradius {
	position:absolute;
	bottom:25px;
	left:25px;
	z-index:40;
}
#shema1{
	width: 603px;
	height: 339px;
	position:relative;
	background: url(images/shema1.png) no-repeat;
}

#shema2{
	width: 603px;
	height: 339px;
	background: url(images/shema2.png) no-repeat;
	position:relative;
}

#shema3{
	width: 603px;
	height: 339px;
	position:relative;
	background: url(images/shema3.png) no-repeat;
}

#klk .off_sh{	display: none;
}

#klk .dltx{	
	font-size: 12px;
	text-align: center;
	border: 1px solid #999;
	width: 40px;
	position: absolute;
}

#klk .dlch{	position: absolute;
	border: 1px solid #999;
}

#shema1 #dl1 {
	top:42px;
	left:145px;
}

#shema1 #dl2 {
	top:64px;
	left:145px;
}

#shema1 #dl3 { visibility: hidden;}

#shema1 #dl4 {
	top:118px;
	left:325px;
}

#shema1 #dl5 {
	top:133px;
	left:455px;
}

#shema1 #dl6 {
	top:264px;
	left:460px;
}

#shema1 #dl7 { visibility: hidden; }

#shema1 #dl8 { visibility: hidden; }

#shema1 #dl9 { visibility: hidden; }

#shema2 #dl1 {
	top:40px;
	left:120px;
}

#shema2 #dl2 {
	top:61px;
	left:120px;
}

#shema2 #dl3 {
	top:110px;
	left:155px;
}

#shema2 #dl4 {
	top:110px;
	left:343px;
}

#shema2 #dl5 {
	top:134px;
	left:485px;
}

#shema2 #dl6 {
	top:255px;
	left:10px;
}

#shema2 #dl7 {
	top:255px;
	left:480px;
}

#shema2 #dl8 { visibility: hidden; }

#shema2 #dl9 { visibility: hidden; }

#shema3 #dl1 {
	top:0;
	left:120px;
}

#shema3 #dl2 {
	top:22px;
	left:120px;
}

#shema3 #dl3 {
	top:70px;
	left:155px;
}

#shema3 #dl4 {
	margin: 70px 0 0 345px;
	top:70px;
	left:345px;
}

#shema3 #dl5 {
	top:95px;
	left:485px;
}

#shema3 #dl6 {
	top:215px;
	left:10px;
}

#shema3 #dl7 {
	top:215px;
	left:480px;
}

#shema3 #dl8 {
	top:205px;
	left:180px;
}

#shema3 #dl9 {
	top:295px;
	left:330px;
}

/*-------------êðîìêà--------------*/

.cromka {
	padding: 0 0 0 2px;
}

.cromka li{	list-style: none;
	padding: 5px 5px;
	float: left;
}

#klk_crom1{	background: url(images/cromka1.png) no-repeat;
	background-position: 0 100%;
	width: 208px;
	height: 113px;
	display: block;
}

#klk_crom2{	background: url(images/cromka2.png) no-repeat;
	background-position: 0 100%;
	width: 208px;
	height: 113px;
	display: block;
}

#klk_crom3{	background: url(images/cromka3.png) no-repeat;
	background-position: 0 100%;
	width: 208px;
	height: 113px;
	display: block;
}

#klk_crom4{	background: url(images/cromka4.png) no-repeat;
	background-position: 0 100%;
	width: 208px;
	height: 113px;
	display: block;
}

#klk_crom5{	background: url(images/cromka5.png) no-repeat;
	background-position: 0 100%;
	width: 208px;
	height: 113px;
	display: block;
}

#klk_crom6{	background: url(images/cromka6.png) no-repeat;
	background-position: 0 100%;
	width: 208px;
	height: 113px;
	display: block;
}

#klk_crom7{	background: url(images/cromka7.png) no-repeat;
	background-position: 0 100%;
	width: 208px;
	height: 113px;
	display: block;
}

#klk_crom8{	background: url(images/cromka8.png) no-repeat;
	background-position: 0 100%;
	width: 208px;
	height: 113px;
	display: block;
}

#klk_crom9{	background: url(images/cromka9.png) no-repeat;
	background-position: 0 100%;
	width: 208px;
	height: 113px;
	display: block;
}

#klk_crom10{	background: url(images/cromka10.png) no-repeat;
	background-position: 0 100%;
	width: 208px;
	height: 113px;
	display: block;
}

#klk_crom11{	background: url(images/cromka11.png) no-repeat;
	background-position: 0 100%;
	width: 208px;
	height: 113px;
	display: block;
}

/*-------------áîðòèê--------------*/#bortic{	padding: 0 0 0 2px;
}

#bortic li{	list-style: none;
	padding: 5px 5px;
	float: left;
}

/*-------------çàìåð--------------*/
#zamer{	}

#zamer p{	
	font-size: 12px;
	font-weight: normal;
	float: left;
	display: block;
	float: left;
	margin: 7px 0 0 20px;
}

#swith{	background: url(images/swith.png) no-repeat;
	width: 148px;
	height: 32px;
	float: left;
}

#slider{	background: url(images/slider.png) no-repeat;
	width: 93px;
	height: 32px;
    position: absolute;
	cursor: e-resize;
    -moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
}


/*-------------äîñòàâêà--------------*/

#dostavka{
}

#dostavka .dst, #dostavka input{float: left;border: 1px solid #ABCF37;
}

#content #dostavka h6{	float: right;
        font-weight: normal;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 15px;
        margin: 2px 10px 0 5px;
}

#klk .dltx2{	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	border: 1px solid #ABCF37;
	width: 40px;
}

#summa {
	padding: 0 0 0 10px;
	font-size:24px;
	color:#006633;
}

#klk h2.total { font-size:24px;}

#klk_res{	float: left;
	padding: 20px 0 0 10px;
}

#left_res{	background: url(images/left_res.png) no-repeat;
	width: 14px;
	height: 270px;
	float: left;
}

#center_res{
	width: 520px;
	box-sizing:border-box;
	padding:10px;
	margin:0 auto;
	overflow:hidden;
	border:4px solid #ABCF37;
}

#pdf, #pdf2 {
	width:520px;
	margin:0 auto;
	text-align:center;
}

#pdf .btn, #pdf2 .btn {
	display: inline-block;
    padding: 10px 30px;
    width: 145px;
    text-align: left;
    background: #ABCF37;
    cursor: pointer;
    font-size: 16px;
    box-sizing: border-box;
    margin: 5px 0;
    border: none;
    color: #fff;
}

#pdf .btn:hover, #pdf2 .btn:hover {
	color:#fff;
	background:#506D34;
}

#center_res h4 {
	margin-bottom:0;
}
#res_head {
	width: 100%;
}

#res_foot{	padding: 25px 0 0;
	width: 100%;
	float: left;
}

#klk .res_con{
	width: 100%;
	float: left;
    border-bottom: 1px dotted black;
}

#klk .res_con.head {
	border:none;
}

#res_sum {
	color: #006633;
	font-weight:bold;
}

#klk .rc1 {
	float: left;
	max-width:400px;
}

#klk .rc2 {
	float: right;
}

#pr_sv{	float: left;
	padding: 20px 0 0 10px;
}

#klk_print{	border: none;
	background: url(images/print.png) no-repeat;
	width: 195px;
	height: 36px;
	cursor: pointer;
}

#klk_save{	border: none;
	background: url(images/save.png) no-repeat;
	width: 195px;
	height: 36px;
	margin: 10px 0 0;
	cursor: pointer;
}

.clearfix {
	overflow:hidden;
}

.klk_title li { margin:3px 0;}
label.clearfix input { height:24px;border: 1px solid #ABCF37;}
label.clearfix span, label.clearfix input, label.clearfix #lbldost2 { float:left; margin-right:3px; box-sizing:border-box;line-height:22px;}
.post.post_blank input[type=radio], .post.post_blank input[type=checkbox] { width:16px; border:1px solid #ABCF37; height:16px;color:#ABCF37;line-height:16px;}

.post.post_blank p {margin-bottom:5px;}
.post.post_blank strong { color:#006633;}
.calc_block, .calc_block_2, .calc_block_3 {
	box-sizing:border-box;
	float:left;
}
.calc_block { width:100%}
.calc_block_2 { width:50%}
.calc_block_3 { width:33.333333334%; position: relative; text-align: center;}
.calc_block_4 { width:25%;}

.post.post_blank input[type="checkbox"], .post.post_blank input[type="radio"], .post.post_blank .radius input[type="checkbox"], .post.post_blank .radius input[type="radio"] {
    display:none !important;
}
.post.post_blank input[type="checkbox"] + label span, .post.post_blank input[type="radio"] + label span {
    display:inline-block;
    width:24px;
    height:25px;
    margin-right: 4px;
    vertical-align:middle;
    background:url(/calc/images/check_radio_sheet.png) left top no-repeat;
    cursor:pointer;
}
.post.post_blank .radius input[type="checkbox"] + label span, .post.post_blank .radius input[type="radio"] + label span {
	background:url(/calc/images/check_radio_sheet2.png) left top no-repeat;
	width:16px;
	height:16px;
}
.post.post_blank input[type="checkbox"]:checked + label span, .post.post_blank input[type="radio"]:checked + label span {
    background-position: -24px top;
}

.post.post_blank .radius input[type="checkbox"]:checked + label span, .post.post_blank .radius input[type="radio"]:checked + label span {
    background-position: -16px top;
}

.post.post_blank input[type="checkbox"][disabled] + label span, .post.post_blank input[type="radio"][disabled] + label span {
    background-position: -48px top;
	cursor:default;
}

.post.post_blank .radius input[type="checkbox"][disabled] + label span, .post.post_blank .radius input[type="radio"][disabled] + label span {
    background-position: -24px top;
	cursor:default;
}


.post.post_blank input[type="checkbox"][disabled]:checked + label span, .post.post_blank input[type="radio"][disabled] + label span {
    background-position: -72px top;
}

.post.post_blank .radius input[type="checkbox"][disabled]:checked + label span, .post.post_blank .radius input[type="radio"][disabled] + label span {
    background-position: -36px top;
}


.radius { 
	background: rgba(255, 255, 255, 0.9);
	font-size:14px;
	/* box-shadow: #999 0px 0px 5px; */
	padding: 1px;
	padding-right: 5px;
	position: absolute;
	line-height: 22px;
	z-index: 50;
	overflow:hidden;
}

.post.post_blank .radius input[type="checkbox"], .post.post_blank .radius input[type="radio"] {
	display:inherit;
	position:relative;
	float:left;
}

#klk_foot {
	margin-bottom:25px;
}
#bortikHeight {
	display:none;
	padding-top:15px !important;
}
#moiki > div { 
	box-sizing: border-box;
	background:none;
	margin: 7px 7px 7px 0px;
	width: 365px;
	position:relative;
}

.zoom {
	position:absolute !important;
	z-index:1 !important;
	top:5px !important;
	right:5px !important;
	width:24px !important;
	height:24px !important;
	line-height:1 !important;
	vertical-align:middle !important;
	text-align:center !important;
	display:block !important;
	background:#ABCF37 url(/calc/images/zoom.png) !important;
}

.help {
	background:#ABCF37 !important;
	display:inline-block;
	height:24px;
	width:24px;
	color:#fff;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	line-height:22px;
}

#moiki > div > div {
	background:#333;
	width:365px;
	position:relative;
}

#moiki > div.active::after {
	display:none;
}

#moiki > div.active > div::after {
	content:'';
	display:block;
	z-index:1;
	position:absolute;
	top:4px;
	left:4px;
	width:31px;
	height:24px;
	float:none;
	background:url(/calc/images/check.png) no-repeat;
}

#moiki > div > div > .caption {
	background:#fff;
}

#moiki > div > div > img { 
	box-sizing: border-box;
	width: 365px;
}

#moiki > div:nth-child(2n) {
	margin-right:0px;
}
#moiki > div:nth-child(3n), #moiki > div:first-child {
	margin-left:0px;
}

.calcshadow {
	position:fixed;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	display:none;
	z-index:199;
	background:rgba(0,0,0,0.75);
}
.calcpopup {
	position:fixed;
	top:50%;
	display:none;
	z-index:200;
	width:300px;
	left:50%;
	text-align: left;
	background:#fff;
	padding: 15px 35px 35px 35px;
	border: 4px solid #ABCF37;
	transform:translate(-50%,-50%);
}

.calcpopup .content {
	overflow:hidden;
}
.calcpopup .caption { 
	font-size: 25px;
	margin-bottom: 20px;
}

.calcpopup .close {
	position:absolute;
	right:5px;
	display:block;
	width:30px;
	line-height:28px;
	color:#fff;
	background:#006633;
	vertical-align:middle;
	font-size:24px;
	font-weight:bold;
	text-align:center;
	box-sizing:border-box;
	height:30px;
	cursor:pointer;
	top:5px;
	z-index:5;
}

.calcpopup input[type="text"], .calcpopup input[type="email"] {
	width:100%;
	box-sizing:border-box;
	padding:5px;
	border: 1px solid #777;
	margin-bottom:5px;
}

.calcpopup input[type="text"].error, .calcpopup input[type="email"].error {
	border:1px solid #d00;
}

.calcpopup input[type="button"] {
	background: #ABCF37;
	border: medium none currentColor;
	box-sizing: border-box;
	cursor: pointer;
	display: inline-block;
	font-size: 16px;
	padding: 10px 0px;
	text-align: center;
	float:right;
	width:125px;
}

header menu {
	z-index:0;
	position:static;
}

.only_print {
	display:none;
}

#mats { font-weight:bold;}

#calcswitch { overflow:hidden; text-align:center; margin-top:15px;}
#calcswitch a { display:inline-block; padding:8px 0px; width:50%;border:3px solid #ABCF37; color:#ABCF37; text-align:center;float: left;text-decoration:none; font-weight:bold; font-size:17px; box-sizing:border-box; }
#calcswitch a.active {background: #ABCF37;color:#fff; }

.post.post_blank em { font-style:normal;}

.selector > div > a:hover, #moiki > div > div > a:hover, .help:hover {
	background-color: #506D34 !important;
}



.stoldel {
	background:#d00;
	color:#fff;
}
.stoldel:hover {
	background: #c00;
}

.stoladd {
	color:#fff;
	background:#ABCF37;
}

.stoladd:hover {
	background: #506D34;
}