@font-face {font-family: 'proxima_novabold';
    src: url('fonts/proxima_nova_bold-webfont.eot');
    src: url('fonts/proxima_nova_bold-webfont.eot%3F') format('embedded-opentype'),
         url('fonts/proxima_nova_bold-webfont.woff') format('woff'),
         url('fonts/proxima_nova_bold-webfont.ttf') format('truetype'),
         url('fonts/proxima_nova_bold-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;}

@font-face {font-family: 'proxima_novalight';
    src: url('fonts/proxima_nova_light-webfont.eot');
    src: url('fonts/proxima_nova_light-webfont.eot%3F') format('embedded-opentype'),
         url('fonts/proxima_nova_light-webfont.woff') format('woff'),
         url('fonts/proxima_nova_light-webfont.ttf') format('truetype'),
         url('fonts/proxima_nova_light-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;}

@font-face {font-family: 'proxima_novaregular';
    src: url('fonts/proxima_nova_regular-webfont.eot');
    src: url('fonts/proxima_nova_regular-webfont.eot%3F') format('embedded-opentype'),
         url('fonts/proxima_nova_regular-webfont.woff') format('woff'),
         url('fonts/proxima_nova_regular-webfont.ttf') format('truetype'),
         url('fonts/proxima_nova_regular-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;}


html, body {height: 100%; width: 100%; margin: 0px; padding: 0px; font-family: 'proxima_novaregular', tahoma, arial; 
--tab_color1: #005aab; /*#005aab*/ /*#000000*/ /*#ff0000*/
--tab_color2: #003c72; /*#003c72*/ /*#000000*/ /*#cc0000*/
--tab_color3: #006600; 
}
a, div, span, input, select, button, textarea {-moz-box-sizing: border-box; box-sizing: border-box; outline: none;}

#clear {clear: both;}

div.page {min-height: 100%; height: auto !important; height: 100%; padding-bottom: 269px;}

div.header {height: 150px; display: block; background: linear-gradient(180deg, #ffffff 105px, var(--tab_color1) 45px); position: sticky; top: -105px; z-index: 9999;}
div.header1 {height: 150px; width: 1280px; display: block; margin: auto; position: relative; background: linear-gradient(180deg, #ffffff 105px, var(--tab_color1) 45px);}

div.center {min-height: 200px; display: block; background: #ffffff;}
div.center1 {min-height: 200px; width: 1280px; display: block; margin: auto; padding: 0px 0px 0px 0px; background: #ffffff;}
span.page-inf {min-height: 100px; width: 1280px; display: block; padding: 0px 20px 0px 20px; 
font-family: 'proxima_novalight'; font-size: 16px; color: #2d2d2d; line-height: 20px;}

div.footer {height: 270px; display: block; margin-top: -269px; background: var(--tab_color1);}
div.footer1 {height: 270px; width: 1280px; display: block; margin: auto; position: relative; background: var(--tab_color1);}

a {text-decoration: none; color: #000000;}
a:hover {text-decoration: underline;}

#page-zag {display: block; padding: 30px 20px 30px 20px; 
font-family: 'proxima_novabold'; font-size: 34px; color: #2d2d2d; text-align: left;}

#page-zag-dop {display: block; padding: 20px 0px 20px 0px; 
font-family: 'proxima_novabold'; font-size: 24px; color: #2d2d2d; text-align: left;}


/* Versite-Block ------------------------------------------------------------------------------------------------------------- */
div.versite-block {height: 40px; display: block; background: #999999; padding: 8px 0px 0px 0px;} 
a.versite-block {height: 26px; width: 270px; display: block; margin: auto; text-decoration: none;}
a.versite-block:hover {}


/* InfoBlock-Big ------------------------------------------------------------------------------------------------------------- */
div.tab_inf_bl-1b {height: 140px; display: block; background: #b82b31;} 
a.tab_inf_bl-1b {height: 140px; width: 1280px; display: block; margin: auto; text-decoration: none; text-align: center; 
background: url(http://mosdc.ru/pack_pic_all/0-banner-d1b.jpg) center center no-repeat; background-color: #b82b31 ;}
a.tab_inf_bl-1b:hover {}

/* InfoBlock-Small ------------------------------------------------------------------------------------------------------------- */
a.tab_inf_bl-1s {height: 40px; display: block; background: #ad0202; text-align: center; line-height: 40px; text-decoration: none;} 
a.tab_inf_bl-1s:hover {}

/* InfoBlock-Page ------------------------------------------------------------------------------------------------------------- */
img.tab_inf_bl-page {width: 600px; display: block; border: 0px; margin: auto;}



/* Header------------------------------------------------------------------------------------------------------------- */

/*--logo--*/
a.header-logo {width: 300px; height: 75px; display: block; padding: 8px 0px 0px 8px; position: absolute; top: 15px; left: 0px; 
text-align: left; text-decoration: none; background: #ffffff;}
a.header-logo:hover {}
img.header-logo {height: 60px; border: 0px;}

/*--adr-reg-tel-sc--*/
span.header-b2 {height: 40px; display: block; position: absolute; top: 36px; left: 310px; background: #ffffff;}

a.header-tel {height: 40px; display: block; float: right; margin: 0px 13px 0px 5px; 
text-align: right; text-decoration: none; font-family: 'proxima_novaregular'; font-size: 22px; color: #000000; line-height: 44px; background: #ffffff;}
a.header-tel:hover {}

a.header-sc {width: 40px; height: 40px; display: block; float: right; margin: 0px 8px 0px 0px; text-decoration: none; background: #ffffff;}
a.header-sc:hover {}
img.header-sc {height: 40px; border: 0px;}

/*--find--*/
span.header-b3 {width: 550px; height: 75px; display: block; position: absolute; top: 15px; left: 710px; background: #ffffff;}

span.header-find {width: 485px; height: 51px; display: block; float: left; margin: 15px 0px 0px 15px; background: #ededed; border-radius: 3px;}

input.header-find-input {width: 425px; height: 51px; display: block; float: left; border: 0px; padding-left: 19px; background-color: transparent; 
 color: #666666; font-size: 16px; font-family: 'proxima_novaregular';}
 
a.header-find-but {width: 60px; height: 51px; display: block; float: left; text-decoration: none; cursor: pointer;  
background: url(http://mosdc.ru/pack_pic_diz/find-icon.png) center center no-repeat; background-color: transparent;}

/*--korzina--*/
span.header-b4 {width: 60px; height: 75px; display: block; position: absolute; top: 15px; left: 1220px; background: #ffffff;}

a.header-korzina {width: 51px; height: 51px; display: block; float: left; margin: 17px 0px 0px 0px; text-decoration: none; 
background: url(http://mosdc.ru/pack_pic_diz/header-ic-kor.png) center center no-repeat;}

span.header-korzina-act {width: 26px; height: 26px; display: block; padding-top: 3px; background: #000000; border-radius: 17px; margin: -4px 0px 0px 28px;  
font-size: 16px; color: #ffffff; font-family: proxima_novaregular; text-align: center;}

/*--menu-burger--*/
div.header-mn0 {display: block; width: 140px; height: 45px; padding: 0px 15px 0px 0px; cursor: pointer; position: absolute; top: 105px; left: 0px; z-index: 99999; 
text-decoration: none; color: #ffffff; font-size: 15px; font-family: 'proxima_novaregular'; line-height: 45px; text-align: right; border-radius: 6px 6px 0px 0px; 
background: url(http://mosdc.ru/pack_pic_diz/header-ic-burg-w.png) 17px 13px no-repeat;}
div.header-mn0:hover {color: #ffffff; background: var(--tab_color2) url(http://mosdc.ru/pack_pic_diz/header-ic-burg-w.png) 17px 13px no-repeat; transition: 0.2s;}
div.header-mn0:hover span.header-mn0-dop {display: block; transition: 0.9s;}

/*--menu-burger-content--*/
span.header-mn0-dop {display: none; width: 640px; min-height: 100px; position: absolute; top: 45px; left: 0px; background: var(--tab_color2); z-index: 9999; overflow: hidden; transition: 0.2s; text-align: left; padding: 30px 0px 30px 0px;}

span.header-mn0-dop-1 {display: block; width: 240px; float: left; min-height: 100px;}
a.header-mn0-dop-1 {width: 240px; height: 40px; display: block; padding: 0px 0px 0px 20px; margin: 0px 0px 0px 0px; background: var(--tab_color2);
font-size: 16px; color: #ffffff; font-family: proxima_novalight; text-align: left; line-height: 40px; text-decoration: none;}
a.header-mn0-dop-1:hover {background: var(--tab_color1);}

span.header-mn0-dop-2 {display: block; width: 400px; float: left; min-height: 100px;}
a.header-mn0-dop-2 {width: 400px; height: 40px; display: block; padding: 0px 0px 0px 20px; margin: 0px 0px 0px 0px; background: var(--tab_color2); border-left: 1px solid #ffffff; 
font-size: 16px; color: #ffffff; font-family: proxima_novalight; text-align: left; line-height: 40px; text-decoration: none;}
a.header-mn0-dop-2:hover {background: var(--tab_color1);}

span.header-mn0-dop-2-bold {font-family: proxima_novalight;}

/*--menu-cat-dop--*/
span.header-mn-cat {width: 880px; height: 45px; display: block; position: absolute; top: 105px; left: 140px; background: var(--tab_color1);}
span.header-mn-dop {width: 235px; height: 45px; display: block; position: absolute; top: 105px; right: 0px; background: var(--tab_color1);}

a.header-mn {display: block; height: 45px; padding: 0px 17px 0px 17px; float: left; text-decoration: none; 
 color: #ffffff; font-size: 15px; font-family: 'proxima_novaregular'; line-height: 45px;}
a.header-mn:hover {color: #ffffff; background: var(--tab_color2); transition: 0.2s;}


/* Footer ------------------------------------------------------------------------------------------------------------- */

span.footer-b1 {width: 320px; height: 270px; display: block; float: left; padding: 20px 20px 20px 20px;}

span.footer-b2 {width: 320px; height: 270px; display: block; float: left; padding: 60px 20px 20px 20px;}

span.footer-b3 {width: 320px; height: 270px; display: block; float: left; padding: 30px 20px 20px 20px;}

span.footer-b4 {width: 320px; height: 270px; display: block; float: left; padding: 30px 20px 20px 20px;}

img.footer-logo {height: 60px; border: 0px;}

a.footer-adr {text-decoration: none; font-family: 'proxima_novalight'; font-size: 19px; color: #ffffff; line-height: 25px;}
a.footer-adr:hover {}

a.footer-tel {text-decoration: none; font-family: 'proxima_novalight'; font-size: 19px; color: #ffffff; line-height: 25px;}
a.footer-tel:hover {}

a.footer-email {text-decoration: none; font-family: 'proxima_novalight'; font-size: 19px; color: #ffffff; line-height: 25px;}
a.footer-email:hover {}

span.footer-prava {display: block; text-decoration: none; font-family: 'proxima_novalight'; font-size: 15px; color: #dddddd;}

a.footer-juridical {display: block; text-decoration: none; font-family: 'proxima_novalight'; font-size: 15px; color: #dddddd;}
a.footer-juridical:hover {}

a.footer-sc {width: 50px; height: 50px; display: block; float: left; margin: 0px 0px 54px 34px; text-decoration: none;}
a.footer-sc:hover {}
img.footer-sc {height: 50px; border: 0px;}

a.footer-mn1 {display: block; width: 280px; padding: 0px 0px 0px 20px; line-height: 36px; text-decoration: none; transition: 0.0s; border-left: 0px solid #ffffff;
color: #ffffff; font-size: 16px; font-family: 'proxima_novalight'; text-align: left;}
a.footer-mn1:hover {border-left: 0px solid #ffffff;}

a.footer-mn2 {display: block; width: 280px; padding: 0px 0px 0px 0px; line-height: 36px; text-decoration: none; transition: 0.0s; border-left: 0px solid #ffffff;
color: #ffffff; font-size: 16px; font-family: 'proxima_novalight'; text-align: left;}
a.footer-mn2:hover {border-left: 0px solid #ffffff;}




















/* INDEX ------------------------------------------------------------------------------------------------------------- */

/* NEW slider */

div.slider-width-100 {width: 100%; height: 335px; background: linear-gradient(to right, #d6edff 50%, #d6edff 50%); margin-top: 0px; margin: auto;}
div.slider-obol {width: 1200px; height: 335px; display: block; margin: auto;}
img.slider-pic {height: 335px; border: 0px;}
 .slider {z-index: 9; width: 1200px; height: 335px; overflow: hidden; margin: 0 0 7px; position: relative; }
 .slider ul,
 .slider li { padding: 0; margin: 0; list-style-type: none; }
 .slider ul { width: 4800px;  }
 .slider ul li { list-style-type: none; float: left; width: 1200px; height: 335px; }
 .slider .nav {position: absolute; left: 50%; margin-left: -80px; bottom: 15px; overflow: visible;}
 .slider .nav span {width: 34px; height: 22px; border: 3px solid #c2c2c2; border-radius: 12px; background: #ffffff; margin: 0px 4px 0px 0px; cursor: pointer; overflow: visible; 
 display: block; float: left;}
 .slider .nav span.on {background: var(--tab_color1);}
 
 
/* INDEX-PAGE */

div.index-width-full {width: 100%; min-height: 50px; background: linear-gradient(to right, #00ffff 50%, #00ffff 50%); margin-top: 0px; margin: auto;}

div.index-width-part {width: 1280px; min-height: 50px; background: linear-gradient(to right, #ffffff 50%, #ffffff 50%); margin-top: 0px; margin: auto;}

a.index-mn-razd {width: 1280px; min-height: 50px; display: block; background: linear-gradient(to right, #ffffff, #cccccc, #ffffff); margin: 50px 0px 20px 0px; 
padding: 8px 0px 0px 20px; text-align: center; font-family: 'proxima_novabold'; font-size: 30px; color: #2d2d2d; text-decoration: none;}

span.index-block-but-fon {width: 100%; display: block; background: linear-gradient(to right, #ffffff, #cccccc, #ffffff); margin: 50px 0px 20px 0px; padding: 0px 0px 0px 20px;}

a.index-block-but {min-height: 50px; display: block; float: left; margin: 0px 40px 0px 0px; padding: 0px 0px 0px 0px; cursor: pointer; 
text-align: center; font-family: 'proxima_novabold'; font-size: 26px; color: #2d2d2d; line-height: 50px; text-decoration: none;}

a.index-block-but-act {min-height: 50px; display: block; float: left; margin: 0px 40px 0px 0px; padding: 0px 0px 0px 0px; cursor: pointer; 
text-align: center; font-family: 'proxima_novabold'; font-size: 26px; color: #2d2d2d; line-height: 50px; text-decoration: none; border-bottom: 3px solid #2d2d2d;}


div.ind-block-rab {width: 1280px; min-height: 50px; background: #ededed; margin-top: 0px; margin: auto; border-radius: 10px; overflow: hidden;}
img.ind-block-rab {float: left; width: 640px; height: 300px;}
span.ind-block-rab {display: block; width: 640px; height: 300px; float: left; padding: 20px 20px 20px 20px; 
font-family: 'proxima_novaregular'; font-size: 18px; color: #2d2d2d; line-height: 24px;}
span.ind-block-rab-tit {font-family: 'proxima_novabold'; font-size: 26px; color: #2d2d2d; line-height: 32px;}








/* INDEX-PAGE-PLITKA (5 в ряд)------------------------------------------------------------------------------------------------------------- */
a.ind-card-plit {width: 252px; height: 252px; display: block; float: left; margin: 2px 2px 2px 2px; overflow: hidden; text-decoration: none; border-radius: 0px; 
position: relative; transition: 0.4s; text-align: center;}
a.ind-card-plit:hover {}
a.ind-card-plit:hover span.ind-card-plit {opacity: 1;}
a.ind-card-plit:hover img.ind-card-plit {transform: scale(1.05);}

a.ind-card-plit-big {width: 508px; height: 252px; display: block; float: left; margin: 2px 2px 2px 2px; overflow: hidden; text-decoration: none; border-radius: 0px; 
position: relative; transition: 0.4s; text-align: center;}
a.ind-card-plit-big:hover {}
a.ind-card-plit-big:hover span.ind-card-plit {opacity: 1;}
a.ind-card-plit-big:hover img.ind-card-plit {transform: scale(1.05);}

img.ind-card-plit {height: 252px; margin: 0px 0px 0px 0px; transition: 0.4s;}
span.ind-card-plit {width: 100%; height: 70px; display: table; padding: 0px 28px 0px 28px; position: absolute; bottom: 0px; left: 0px; opacity: 0.8; 
color: #ffffff; font-size: 18px; font-family: 'proxima_novabold'; line-height: 24px; text-align: left; transition: 0.4s;}
span.ind-card-plit1 {display: table-cell; vertical-align: middle;}
span.ind-fon-plit {width: 100%; height: 100%; position: absolute; bottom: 0px; left: 0px; opacity: 0.8; background: rgba(153, 153, 153, 0.2);}




/* SERVICE------------------------------------------------------------------------------------------------------------- */

table {border-collapse: collapse; font-size: 18px; text-align: center; vertical-align: middle; margin: auto; width: 95%;}

td.gtit1 {height: 50px; border: 1px solid #ffffff; background: #ededed; padding: 0px 0px 0px 20px; text-align: left; border-radius: 15px 15px 0px 0px; 
font-family: 'proxima_novabold'; font-size: 20px; color: #2d2d2d;}

td.gtit-opis {min-height: 28px; border: 1px solid #ffffff; background: #ededed; padding: 12px 15px 12px 15px; text-align: left; border-radius: 0px 0px 0px 0px; font-size: 18px; color: #2d2d2d; font-family: proxima_novalight;}
img.gtit-pic {height: 160px; float: left; margin: 0px 20px 0px 0px; border-radius: 8px 8px 8px 8px;}

td.gtit_null {height: 60px; border: 1px 0px 1px 0px solid #ffffff;}

td.zap-butcomm {width: 3%; border: 1px solid #ffffff; border-right: 0px solid #ffffff; background: #fffff; padding: 0px 0px 0px 0px; color: #999999; font-size: 18px; cursor: pointer;}
td.zap-name {width: 87%; border: 1px solid #ffffff; border-left: 0px solid #ffffff; background: #ffffff; padding: 3px 8px 3px 0px; text-align: left; cursor: pointer;}

span.zap-name-comm {display: none; color: #777777; font-size: 14px; padding: 0px 0px 0px 0px;}

td.zap-cena {width: 10%; height: 28px; border: 1px solid #ffffff; background: #ffffff; padding: 0px 20px 0px 0px; text-align: right;}
span.zap-cena-ot {font-size: 16px;}
span.zap-cena-rub {font-size: 14px;}

a.serv-but-razdel-act {display: block; height: 50px; float: left; font-family: proxima_novabold; color: #ffffff; font-size: 20px; line-height: 50px; 
text-align: center; text-decoration: none; cursor: pointer; border-radius: 14px 14px 0px 0px; padding: 0px 30px 0px 30px; margin: 0px 0px 0px 34px;
background: #333333;}
a.serv-but-razdel-act:hover {}

a.serv-but-razdel {display: block; height: 50px; float: left; font-family: proxima_novabold; color: #333333; font-size: 20px; line-height: 50px; 
text-align: center; text-decoration: none; cursor: pointer; border-radius: 14px 14px 0px 0px; padding: 0px 30px 0px 30px; margin: 0px 0px 0px 34px;
background: #f7f7f7;}
a.serv-but-razdel:hover {}

span.serv-but-razdel-pod {border-bottom: 2px dashed #333333;}

span.serv-gl-txt {display: block; padding: 0px 20px 0px 20px; font-family: proxima_novalight; color: #2d2d2d; font-size: 18px; line-height: 22px;}


 
 
/* LISTING ------------------------------------------------------------------------------------------------------------- */

/* Блок фильтра ----------- */
div.listing-flt {height: 80px; width: 1240px; display: block; padding: 15px 0px 0px 0px; margin: 0px 0px 30px 20px; background: #ededed; border-radius: 10px;}

span.listing-flt {display: block; float: left; width: 140px; height: 48px; padding: 0px 10px 0px 0px; text-align: right; 
color: #000000; font-size: 17px; line-height: 48px; font-family: 'proxima_novaregular';}

select.listing-flt {display: block; float: left; width: 100px; height: 48px; padding: 0px 0px 0px 10px; background: #ffffff; border: 1px solid #c1c1c1;   
color: #000000; font-size: 16px; font-family: 'proxima_novaregular'; border-radius: 10px; padding-left: 20px;}

.select {position: relative; display: inline-block; float: left;}
.select:after {  content: "▼"; color: #000000; padding: 4px 25px; font-size: 24px; position: absolute; right: 8px; top: 4px; z-index: 1; text-align: center; width: 10%; height: 100%; pointer-events: none; box-sizing: border-box;}
select { padding-right: 25px; -webkit-appearance: none; -moz-appearance: none; appearance: none;}

input.listing-flt {display: block; float: left; width: 105px; height: 48px; padding: 0px 0px 0px 0px; background: #ffffff; border: 1px solid #c1c1c1;  
color: #000000; font-size: 16px; font-family: 'proxima_novaregular'; text-align: center; border-radius: 10px;}

span.listing-flt-razd {display: block; float: left; width: 41px; height: 48px; padding: 0px 0px 0px 0px; text-align: center; 
color: #000000; font-size: 15px; line-height: 48px; font-family: 'proxima_novaregular';}

#listing-flt-but {width: 107px; height: 48px; display: block; float: right; text-align: center; border: 0px; text-decoration: none; margin: 0px 20px 0px 0px; 
font-family: 'proxima_novaregular'; font-size: 16px; color: #ffffff; cursor: pointer; background: #000000; border-radius: 10px;}
#listing-flt-but:hover {}



/* CARD ------------------------------------------------------------------------------------------------------------- */
a.card {width: 232px; height: 350px; display: block; float: left; margin: 0px 0px 25px 20px; overflow: hidden; text-decoration: none; transition: 0.2s; 
border: 2px solid #ededed; border-radius: 10px; position: relative;}
a.card:hover {border: 2px solid var(--tab_color1);}
a.card:hover span.card-but {background-color: var(--tab_color1);}

a.card-0 {width: 232px; height: 350px; display: block; float: left; margin: 0px 0px 25px 20px; overflow: hidden; text-decoration: none; transition: 0.2s; 
border: 0px solid #ededed; border-radius: 10px; position: relative;}
img.card-0 {width: 232px;}

span.card-pic {width: 228px; height: 218px; display: block; border-radius: 7px 7px 0px 0px; overflow: hidden; position: relative;}
img.card-pic {width: 208px; height: 208px; margin: 10px 0px 0px 10px;}

img.card-mark3d {width: 50px; height: 50px; position: absolute; top: 2px; left: 2px; z-index: 1;}

span.card-name {width: 228px; height: 73px; display: table-cell; vertical-align: middle; padding: 0px 10px 0px 10px; vertical-align: middle; 
color: #000000; font-size: 16px; font-family: 'proxima_novaregular'; line-height: 20px; line-height: 16px;}

span.card-cena {width: 165px; height: 45px; display: block; text-align: right; padding: 12px 4px 0px 0px;  position: absolute; bottom: 10px; right: 65px; z-index: 1; 
color: #000000; font-size: 24px; font-family: 'proxima_novabold'; line-height: 24px; background: #ededed;}

span.card-cena-rub {color: #000000; font-size: 16px; font-family: 'proxima_novaregular';}

span.card-but {width: 50px; height: 45px; display: block; border-radius: 8px; transition: 0.3s; position: absolute; bottom: 10px; right: 10px; z-index: 1; 
background: url(http://mosdc.ru/pack_pic_diz/header-ic-kor-w.png) 6px center no-repeat; background-color: #000000;}








/* PAGE ------------------------------------------------------------------------------------------------------------- */

span.page-tov-zag-dop {display: block; text-align: center; font-family: 'proxima_novabold'; font-size: 26px; color: #2d2d2d; line-height: 50px; text-decoration: none; 
margin: 10px 0px 10px 0px;}


/* Блок ЛЕВЫЙ - картинки */
span.page-bl-left {width: 600px; min-height: 600px; display: block; float: left; margin: 0px 20px 20px 20px; padding: 0px 0px 0px 0px; background: #ffffff;}
span.acs-pg-pic {width: 600px; height: 600px; display: block; margin: 0px 0px 0px 0px; position: relative;}
img.acs-pg-pic {width: 600px; height: 600px;}
#acs-pg-doppic {width: 88px; height: 88px; display: block; float: left; text-align: center; cursor: pointer; text-decoration: none; margin: 10px 0px 10px 10px;}
img.acs-pg-doppic {height: 88px;}

/* Блок ПРАВЫЙ */
span.page-bl-right {width: 600px; min-height: 100px; display: block; float: left; margin: 0px 20px 20px 20px; background: #ffffff;}

/* Блок ПРАВЫЙ - заказ */
span.page-bl-right-zakaz {width: 600px; min-height: 100px; display: block; margin: 0px 0px 0px 0px; padding: 20px 0px 0px 0px; background: #ededed; border-radius: 10px;}
span.acs-pg-cena {display: block; width: 280px; height: 60px; float: left; 
font-family: proxima_novabold; color: #212834; font-size: 48px; text-align: right; line-height: 65px;}
span.acs-pg-cena-rub {font-family: proxima_novaregular; color: #212834; font-size: 16px;}
input.acs-pg-but-zakaz {display: block; width: 222px; height: 50px; float: right; font-family: proxima_novalight; color: #ffffff; font-size: 22px;
text-align: left; text-decoration: none; border: 0px solid #ffffff; cursor: pointer; border-radius: 10px; padding-left: 35px; margin: 5px 60px 0px 0px;
background: #000000 url(http://mosdc.ru/pack_pic_diz/header-ic-kor-w.png) 150px 12px no-repeat;}
input.acs-pg-but-zakaz:hover {background: var(--tab_color1) url(http://mosdc.ru/pack_pic_diz/header-ic-kor-w.png) 150px 12px no-repeat;}

/* Блок ПРАВЫЙ - характеристики */
span.page-bl-right-char {width: 600px; min-height: 100px; display: block; margin: 8px 0px 0px 0px; padding: 20px 0px 20px 0px; border-radius: 10px; overflow: hidden;}
span.page-tov-ch-ln {display: block; width: 600px; margin-bottom: 0px;}
span.page-tov-ch-t {display: block; float: left; width: 240px; padding: 4px 0px 4px 20px; text-align: right; color: #2d2d2d; font-size: 15px; font-family: 'proxima_novaregular';}
span.page-tov-ch-z {display: block; float: right; width: 340px; padding: 4px 20px 4px 0px; text-align: left; color: #2d2d2d; font-size: 15px; font-family: 'proxima_novaregular';}

/* Блок ПРАВЫЙ - выбор цилиндра */
span.page-bl-right-vibcil {width: 600px; min-height: 100px; display: block; margin: 28px 0px 0px 0px; padding: 20px 0px 20px 0px; border-radius: 10px; background: #ededed; 
text-align: center;}







/* ВЫБОР ЦИЛИНДРА ------------------------------------------------------------------------------------------------------------- */

span.acs-pg-tab-char {display: block; width: 630px; padding: 0px 0px 0px 0px; position: relative; 
font-family: proxima_novaregular; color: #494949; font-size: 18px; text-align: left; margin-bottom: 16px;}

span.acs-pg-tab-char1 {display: block; text-align: left; line-height: 24px; padding: 0px 0px 0px 25px; 
font-family: proxima_novaregular; color: #666666; font-size: 17px;}
span.acs-pg-tab-char2 {width: 600px; display: block; text-align: left; padding: 0px 0px 0px 20px;}

span.acs-pg-tab-char-doptit {height: 50px; display: block; text-align: left; padding-left: 215px; line-height: 50px; padding-top: 7px; 
font-family: proxima_novaregular; color: #2a6f9f; font-size: 17px; border-top: 0px solid #ffffff;}

input.acs-vib-pole {border: 0px solid #50545b; 
font-family: proxima_novalight; color: #ff0000; font-size: 12px; text-align: left; padding-left: 10px; background-color: transparent;}

span.acs-vib-but {display: block; float: left; cursor: pointer; border-radius: 10px; margin: 5px 5px 5px 5px; 
font-family: proxima_novaregular; color: #333333; font-size: 16px; text-align: left; padding: 8px 12px 8px 12px; 
background-color: #dddddd; border-bottom: 0px dashed #333333;}
span.acs-vib-but:hover {}

span.acs-vib-buta {display: block; float: left; cursor: pointer; border-radius: 10px; margin: 5px 5px 5px 5px; 
font-family: proxima_novaregular; color: #ffffff; font-size: 16px; text-align: left; padding: 8px 12px 8px 12px; 
background-color: #656565; border-bottom: 0px solid #cbcbcb;}
span.acs-vib-buta:hover {}

span.acs-vib-komm {display: none; width: 600px; position: absolute; top: -7px; left: 0px; z-index: 9999; border-radius: 10px; overflow: hidden; 
-webkit-box-shadow: #000000  0px 0px 50px 5px; -moz-box-shadow: #000000  0px 0px 50px 5px; box-shadow: #000000 0px 0px 50px 5px; cursor: pointer;}
img.acs-vib-komm-pic {width: 600px;}







/* KORZINA ------------------------------------------------------------------------------------------------------------- */

span.kor-title-name {display: block; width: 600px; float: left; text-align: center; margin: 0px 20px 20px 20px; border-radius: 6px; 
background: #d5d5d5; font-family: proxima_novaregular; font-size: 16px; color: #2d2d2d; line-height: 30px;}

span.kor-title-cena {display: block; width: 150px; float: left; text-align: center; margin: 0px 0px 20px 20px; border-radius: 6px; 
background: #d5d5d5; font-family: proxima_novaregular; font-size: 16px; color: #2d2d2d; line-height: 30px;}

span.kor-title-kolvo {display: block; width: 150px; float: left; text-align: center; margin: 0px 0px 20px 20px; border-radius: 6px; 
background: #d5d5d5; font-family: proxima_novaregular; font-size: 16px; color: #2d2d2d; line-height: 30px;}

span.kor-title-sum {display: block; width: 150px; float: left; text-align: center; margin: 0px 0px 20px 20px; border-radius: 6px; 
background: #d5d5d5; font-family: proxima_novaregular; font-size: 16px; color: #2d2d2d; line-height: 30px;}

span.kor-title-del {display: block; width: 90px; float: left; text-align: center; margin: 0px 0px 20px 20px; border-radius: 6px; 
background: #d5d5d5; font-family: proxima_novaregular; font-size: 16px; color: #2d2d2d; line-height: 30px;}

span.kor-tov-null {width: 1240px; display: block; margin: 0px 20px 0px 20px; padding: 100px 0px 80px 0px; 
color: #2d2d2d; font-size: 20px; font-family: 'proxima_novaregular'; text-align: center;}

div.kor-position {display: block; width: 1240px; border-bottom: 0px dashed #2d2d2d; padding: 10px; position: relative; margin: 0px 0px 20px 20px; background: #ededed; border-radius: 10px;}

a.kor-img {display: block; float: left; width: 90px; height: 90px; display: block; text-decoration: none; text-align: center; overflow: hidden;}
a.kor-img:hover {}
img.kor-img {height: 90px;}

span.kor-name {display: block; width: 490px; float: left; margin: 0px 20px 0px 10px;
text-align: left; font-family: 'proxima_novaregular'; font-size: 16px; color: #000000;}

span.kor-name-opis {color: #333333; font-size: 12px; font-family: 'proxima_novalight';}
span.kor-name-opis-dop {color: #333333; font-size: 14px; font-family: 'proxima_novaregular';}

span.kor-cena {display: block; width: 150px; float: left; margin: 24px 0px 0px 20px; 
text-align: center; font-family: 'proxima_novaregular'; font-size: 18px; color: #000000; line-height: 40px;}

span.kor-kolvo {display: block; width: 150px; height: 40px; float: left; margin: 24px 0px 0px 20px;}

#kor-pole-kolvo {display: block; width: 70px; height: 40px; float: left; border: 0px; background: #ededed; 
 text-align: center; font-family: 'proxima_novaregular'; font-size: 18px; color: #000000;}

#kor-but-kolvo {display: block; width: 40px; height: 40px; float: left; background: #cccccc; text-align: center; line-height: 40px; border-radius: 6px;
cursor: pointer; text-decoration: none; font-family: 'proxima_novalght'; font-size: 26px; color: #2d2d2d;}
#kor-but-kolvo:hover {}

span.kor-sum {display: block; width: 150px; float: left; margin: 24px 0px 0px 20px; 
text-align: center; font-family: 'proxima_novaregular'; font-size: 18px; color: #000000; line-height: 40px;}

a.kor-del {display: block; width: 80px; height: 40px; float: left; text-align: center; margin: 24px 0px 0px 20px; padding-top: 5px;}
a.kor-del:hover {}
img.kor-del {height: 29px; border: 0px;}

span.kor-sumall {display: block; float: right; height: 40px; display: block; text-align: left; font-family: 'proxima_novaregular'; font-size: 24px; color: #000000; margin-right: 40px;}

span.kor-sumall-txt {display: block; float: right; height: 40px; display: block; text-align: right; font-family: 'proxima_novaregular'; font-size: 18px; color: #000000; margin-left: 20px; padding-right: 10px; padding-top: 4px;}

a.kor-but {display: block; width: 260px; height: 50px; float: right; text-decoration: none;  background: #999999; cursor: pointer; margin: 0px 20px 0px 0px; 
border-radius: 10px; font-family: proxima_novalight; font-size: 18px; color: #ffffff;  text-align: center; line-height: 50px;}
a.kor-but {}

a.kor-but-zak {display: block; width: 260px; height: 50px; float: right; text-decoration: none;  background: var(--tab_color1); cursor: pointer; margin: 0px 20px 0px 0px; 
border-radius: 10px; font-family: proxima_novalight; font-size: 18px; color: #ffffff;  text-align: center; line-height: 50px;}
a.kor-but-zak {}

div.kor-opistxt {display: block; width: 1280px; padding: 20px 20px 20px 20px;}


/* ZAKAZ TOVARA I ZVONKA ------------------------------------------------------------------------------------------------------------- */

div.form {display: block; width: 640px; background: #ededed; padding: 20px 20px 20px 20px; position: relative; margin: auto; 
font-family: proxima_novalight;}

div.form-name {display: block; width: 100%; background: #cccccc; margin-bottom: 0px; padding: 0px 10px 0px 10px; border-radius: 6px 6px 0px 0px;  
text-align: left; font-size: 17px; color: #000000; line-height: 22px;}

select, input.form-pole {display: block; width: 100%; background: #ededed; margin-bottom: 20px; padding: 0px 18px 0px 18px; border: 1px solid #cccccc; 
text-align: left; font-size: 17px; color: #000000; line-height: 40px; border-radius: 0px 0px 6px 6px;}

textarea.form-pole {display: block; width: 100%; height: 100px; background: #ededed; margin-bottom: 20px; padding: 10px 18px 10px 18px; border: 1px solid #cccccc; 
text-align: left; font-size: 17px; color: #000000; line-height: 20px; border-radius: 0px 0px 6px 6px;}

textarea.form-tovar {display: block; width: 100%; height: 100px; background: #ededed; padding: 10px 10px 10px 10px; margin-bottom: 20px; border: 1px solid #cccccc; 
text-align: left; font-size: 8px; color: #000000; line-height: 10px;}

div.form-comm {display: block; width: 100%; font-size: 20px; clear: both; display: block; margin-top: 20px; margin-bottom: 20px;
text-align: center; color: #666666;}

button.form-but {display: block; width: 260px; height: 50px; text-decoration: none;  background: var(--tab_color1); cursor: pointer; margin: auto; 
border-radius: 10px; font-family: proxima_novalight; font-size: 18px; color: #ffffff;  text-align: center; line-height: 50px; border: 0px;}

div.form-rezult {display: block; width: 520px; height: 40px; margin: auto; margin-top: 20px;  
font-size: 20px; color: #016208; font-family: 'proxima_novabold'; text-align: center;}