body{font-family:Arial}canvas{cursor:default}#schema-outer{margin-top:20px;width:100%}#schema-inner{position:relative;overflow:hidden;width:100%;border-right:1px solid #ccc}#top-schema{width:766px}#top{width:100%}#top-1{height:40px;background-color:#369}#top-1 .icon{height:100px;width:80px;float:left;margin:10px 0 0 10px;border:3px solid #000;background-position:center;background-size:cover;cursor:pointer}#top-2{height:40px;background-color:white}.icon-text{font-size:16px;position:relative;top:30%;margin-left:100px;line-height:16px}#top-2 .icon-text{margin-left:15px;font-weight:bold}#top-3{height:40px;background-color:#369;text-align:right;position:relative}#top .zoom-text{display:inline-block;position:absolute;left:1%;color:white;line-height:40px}#top .zoom-ico{display:inline-block;position:absolute;right:1%}#top-3 .icon-text{margin-right:20px;color:white;cursor:pointer}#top-3 span{font-size:16px;font-weight:bold}#top-3 .zoom-ico,#top-3 .icon-text{display:inline-block;height:100%}#top-3 .ico{display:inline-block;width:32px;height:100%;background-position:center center;background-repeat:no-repeat;cursor:pointer}#top-3 .ico:hover,#top-3 .active{background-color:#58b}#top-3 .z100{background-image:url(../img/zoom_w24.png)}#top-3 .z50{background-image:url(../img/zoom_h24.png)}#top-3 .z25{background-image:url(../img/zoom_out24.png)}#top-3 .z0{background-image:url(../img/close_24.png)}#zoom{background-position:center;background-repeat:no-repeat;position:absolute;top:10px;left:10px;height:23px;width:24px;cursor:pointer}#zoom.in{background-image:url('../img/zoom-in.png')}#zoom.out{background-image:url('../img/zoom-out.png')}#schema-select{display:flex;justify-content:flex-start}#schema-select img{height:80px;width:auto;border:1px solid #369;margin:5px}#schema-select img:hover{border:2px solid #369;margin:4px}#schema-select img.sel{border:2px solid #008000;margin:4px}.heading.heading-middle-border{position:relative}.heading.heading-middle-border::before{border-top:1px solid #dbdbdb;content:"";height:0;left:auto;position:absolute;right:0;top:50%;width:100%}.heading.heading-middle-border h2,.heading.heading-middle-border h3{padding-right:10px}.heading.heading-middle-border h1,.heading.heading-middle-border h2,.heading.heading-middle-border h3,.heading.heading-middle-border h4,.heading.heading-middle-border h5,.heading.heading-middle-border h6{position:relative;background:white;display:inline-block}h3{font-size:24px}h1,h2,h3{letter-spacing:inherit;font-weight:600}#spec-outer table{width:100%}#spec-outer thead{background-color:#369;color:white}#spec-outer th{height:40px;font-size:14px;font-weight:normal}#spec-outer th.img{text-align:center;width:30%}#spec-outer th.descr{width:40%}#spec-outer th.order{text-align:center;width:30%}#spec-outer tr{min-height:80px;font-size:12px}#spec-outer td,.spec-outer th{border-bottom:1px #999 solid;padding:10px;line-height:18px}#spec-outer tr td:last-child{text-align:center}#spec-outer a{color:#369;font-size:14px;text-decoration:underline}#spec-outer b{color:#369;font-size:14px}#spec-outer td{background-repeat:no-repeat;background-position:center center;background-size:100px 100px;min-height:90px}#spec-outer td.img{text-align:center;position:relative;height:60px}#spec-outer td.img img{width:auto;height:100%;max-height:80px}#spec-outer .container{display:inline-block;position:relative;font-size:14px;font-weight:bold}#spec-outer .span{display:inline-block;background:#369;color:#000;text-align:center;border-radius:50%;padding:50% 0;width:100%;position:absolute;transform:translateY(-50%)}#spec-outer .text{color:white;position:relative;top:-.7em;padding:0 .65em}span.numberCircle{font-size:16px;background:#369;border-radius:.8em;-moz-border-radius:.8em;-webkit-border-radius:.8em;color:#fff;display:inline-block;font-weight:bold;line-height:1.6em;margin-right:5px;text-align:center;width:1.6em;position:absolute;left:10%;top:40%}#spec-outer .not-available span.numberCircle{top:30%}.kaina{margin-top:10px;padding:0;text-align:center;font-family:'Open Sans Condensed','Arial',sans-serif;font-size:18px;line-height:1.1;font-weight:bold}.kaina .prefix{margin-bottom:5px;font-size:14px;display:block;color:#555}.kaina .data,.order .data{font-size:11px;padding-left:7px;color:#aaa}.kaina .supvm{font-size:10px;padding-left:5px;font-weight:normal}.kaina .kainabe{font-size:14px;color:gray;padding-left:5px;font-weight:normal}.kaina .button{background:url(../img/plus6.png) no-repeat scroll right -40px;width:85px;height:20px;border:0;cursor:pointer;margin:10px 10px 0 0}.kaina .button:hover{background-position:right 0}.kaina .notes{padding:4px 8px 0;font-size:11px;line-height:13px;text-align:center;color:#aaa}.popup{width:100%;min-height:100%;background-color:rgba(0,0,0,0.5);overflow:hidden;position:fixed;top:0;left:0;z-index:999;display:none}.popup .popup-content{margin:40px auto 0 auto;width:500px;padding:10px;background-color:#c5c5c5;border-radius:5px;box-shadow:0 0 10px #000}#selected table{width:100%;border:1px solid #369;border-collapse:collapse;background-color:white}#selected thead{background-color:#369;color:white;font-size:24px}#selected th{padding:8px;border:0}#selected th.img{height:40px;font-size:24px;text-align:left;font-weight:normal}#selected th.order{text-align:right}#selected th.order a{height:40px;font-size:38px;font-weight:700;text-align:right;line-height:40px;text-shadow:#fff 0 1px 0;opacity:.5;color:white;text-decoration:none}#selected tr{min-height:80px;font-size:12px}#selected td.img{width:24%;position:relative}#selected td.img img{width:100%}#selected td.descr{width:52%}#selected td.order{width:24%}#selected td,.spec-outer th{border-bottom:1px #999 solid;padding:10px;line-height:18px}#selected tr td:last-child{text-align:center}#selected td a{color:#369;font-size:14px;text-decoration:underline}#selected b{color:#369;font-size:14px}#selected td{background-repeat:no-repeat;background-position:center center;background-size:100px 100px}#selected .numberCircle{display:inline-block;position:absolute;top:5px;left:5px}#selected .container{display:inline-block;position:absolute;top:20px;left:5px;font-size:14px;font-weight:bold}#selected .span{display:inline-block;background:#369;color:#000;text-align:center;border-radius:50%;padding:50% 0;width:100%;position:absolute;transform:translateY(-50%)}#selected .text{color:white;position:relative;top:-.7em;padding:0 .65em}.heading{position:relative;margin-top:40px;margin-bottom:20px}.heading::before{border-top:1px solid #dbdbdb;content:"";height:0;left:auto;position:absolute;right:0;top:50%;width:100%}.heading h3{padding-right:10px}.heading h3{position:relative;display:inline-block;font-size:18px;letter-spacing:inherit;font-weight:400;background-color:white}@media(max-width:800px){span.numberCircle{left:5%}}@media(max-width:600px){span.numberCircle{left:.5%;top:10%}.kaina .kainabe{font-size:12px}#spec-outer th.img{width:30%}#spec-outer th.descr{width:35%}#spec-outer th.order{width:35%}#spec-outer td.order{padding:0}#spec-outer td.img img{width:70%}.kaina .notes{display:none}.kaina .data{display:none}.popup .popup-content{width:80%}}@media(max-width:415px){#spec-outer th.img{width:25%}#spec-outer th.order{width:35%}#spec-outer td.img img{width:80%}span.numberCircle{left:.5%;top:5%}#selected th.img{font-size:14px}#selected td.img{width:0;padding:0}#selected .numberCircle{display:none}#selected b{font-size:10px}}