 p, li, td  { font-family:tahoma; font-size:9pt } H1                     {                          margin:0;                         color:#336699;                          text-align: center;                          font-family: verdana; font-size: 13pt;                          padding: 0px 10px 0px 10px;                          line-spacing:0;                        }H2                     {  	 	                      margin:0;                         padding: 0px 10px 0px 10px; 	                         font-family: verdana; font-size: 13pt; 	                         color:#336699;                        }                       .zaglavie              {  	 	                      margin:0;                         padding: 0px 10px 0px 10px; 	                         font-family: verdana; font-size: 13pt; 	                         color:#336699;                        }H3                     {  	                         margin:0; 	                         padding: 0px 10px 0px 10px; 	                         font-family: verdana; font-size: 12pt;                          color:#336699;                        }                       body {                        background-image: url(reimages/fon.png);                         background-repeat: no-repeat;                         background-position: top;                        background-size: 100% auto;                        align: center;                        background-origin: border-box;                        }												@media only screen and (min-width: 100px) and (max-width: 959px) {    .main_menu_visible    { display: none;       }                    /* Скрывает блоки на сайте для мобильных устройств */	.main_menu    { width: 1%;           }	.main_model	{ width: 99%;          }	.model_photo_opisanie    { display: none;       }	.model_chena_opisanie	{ width: 100%;         }    .model_chena_podbor    { display: none;       }    .block_visible    { display: none;       }                    /* Скрывает блоки на сайте для мобильных устройств */		.tab_tr_coast    {          border-spacing: 5px 0px;    }		/* НАЧАЛО: Оформление подразделов в зависимости от экрана устройства */    .img_size_opis    { 	    width: 85vw;         /* Размер по отношению к экрану */	}    .zoom_height	{ 	    width: 100%;         /* Размер картинки в мобильной версии по отношению к ячейке */	}	/* КОНЕЦ: Оформление подразделов в зависимости от экрана устройства */		/* НАЧАЛО: Оформление главной страницы в зависимости от экрана устройства */    .menu_img_mobile	{ 	    padding: 5px;        /* Отступ по краям от картинки */	}    .tab_tdup_coast    { 	    padding: 0px;        /* Убрать отступы в ячейке, картинка прилегает вплотную к стенкам */	}    .zoom_material	{         width: 100%;         /* Размер картинки по отношению к ячейке в мобильной версии */        min-width: 10px;     /* Минимальный размер картинки */    }	.menu_text_mobile	{         font-family: Verdana, Arial, Helvetica, sans-serif;         font-size: 8px; /* Размер шрифта в пунктах */    }	/* КОНЕЦ: Оформление главной страницы в зависимости от экрана устройства */	}						@media only screen and (min-width: 960px)  {    .main_menu_visible 	{ visibility: visible; }	.main_menu	{ width: 15%; 	  vertical-align: top; }	.main_model	{ width: 85%;          }	.model_photo_opisanie    { width: 30%;          }	.model_chena_opisanie	{ width: 70%;          }    .model_chena_podbor    { visibility: visible; }    .block_visible                        /* Отображает блоки на сайте и нормальном разрешении для ПК */    { visibility: visible; }		/* НАЧАЛО: Оформление подразделов в зависимости от экрана устройства */    .img_size_opis    { 	    width: 50vw;	}    .zoom_height	{ 	    width: 85%;          /* Размер картинки в мобильной версии по отношению к ячейке */	}	.tab_tr_coast    {          border-spacing: 15px 0px;    }	/* КОНЕЦ: Оформление подразделов в зависимости от экрана устройства */		/* НАЧАЛО: Оформление главной страницы в зависимости от экрана устройства */    .menu_img_mobile	{ 	    padding: 15px;       /* Отступ по краям от картинки */	}    .tab_tdup_coast    { 	    padding: 10px 10px 10px 10px;		                     /* Jтступы в ячейке, картинка прилегает вплотную к стенкам */	}    .zoom_material	{         width: 95%;          /* Размер картинки по отношению к ячейке в полноформатной версии версии */        min-width: 100px;    /* Минимальный размер картинки */    }	.menu_text_mobile	{         font-family: Verdana, Arial, Helvetica, sans-serif;     }	/* КОНЕЦ: Оформление главной страницы в зависимости от экрана устройства */}																									/* НАЧАЛО: БЛОЧНЫЙ ВЫВОД ТАБЛИЦ (см. пункты меню на главной и блоки с моделями) */.block_contain{     float: left; /*Задаем обтекание*/	 position: relative;	 margin: 0px;	 padding: 0px;}@media only screen and (min-width: 100px) and (max-width: 959px) {	 .block_contain      {  width: 100%; /*Фиксируем ширину блока*/ } }	@media only screen and (min-width: 960px)  {	 .block_contain      {  width: 25%; /*Фиксируем ширину блока*/  } }/* КОНЕЦ: БЛОЧНЫЙ ВЫВОД ТАБЛИЦ (см. пункты меню на главной и блоки с моделями) */						#stiklogo {         position: relative;         display: block;                 /* Создается блок */       }#stiklogo:hover:after      {         content: attr(data-name);                position: absolute;             /* Элемент не влияет на страницу, создается какбы поверх всего текста */                left: 0px;         top: -50px;         background: rgba(255,96,0,.9);         color: #fff;         text-align: center;         font-size: 16px;         padding: 3px 0;         width: 300%;                    /* Ширина блока относительно родительского элемента, к которому блок привязан */                         }H1[title] {  	margin:0; 	padding:0; 	font-family:arial, courier new, tahoma; 	color:#000; 	line-spacing:0; 	width:100%; }   h1.h1 {font-size: 12px;	font-width:normal; font-family: arial; text-shadow:none; }     #stik {         position: relative;         display: block;                 /* Создается блок */       }#stik:hover:after      {         content: attr(data-name);                position: absolute;             /* Элемент не влияет на страницу, создается какбы поверх всего текста */                left: -120px;         bottom: 40px;         background: rgba(255,96,0,.55);         color: #fff;         text-align: center;         font-size: 14px;         padding: 3px 0;         width: 800%;                    /* Ширина блока относительно родительского элемента, к которому блок привязан */                         }              #zakaz {         position: relative;         display: block;                 /* Создается блок */       }#zakaz:hover:after      {         content: attr(data-name);                position: absolute;             /* Элемент не влияет на страницу, создается какбы поверх всего текста */                left: 0px;         bottom: 50px;         background: rgba(255,96,0,.55);         color: #fff;         text-align: center;         font-size: 14px;         padding: 3px 0;         width: 200px;                    /* Ширина блока относительно родительского элемента, к которому блок привязан */                         }                     /* ИНТЕРНЕТ ЗАКАЗ НА САЙТЕ: */      /* ОФОРМЛЕНИЕ ЗАКАЗА: Поле количество с кнопками + и - */.minus {    cursor: pointer;    width:15px;    float:left;    text-align:center;     }.plus {    cursor: pointer;    width:15px;    float:right;    text-align:center;} .inp_price {    width:170px;    text-align:center;    border:none;    border-left:1px solid gray;    border-right:1px solid gray;} .count_box {    width:200px;    border:1px solid gray;  }/* END ОФОРМЛЕНИЕ ЗАКАЗА: Скрытие/Показ фотографий материалов обивки, столешниц и пр. */.quantity_inner * {    box-sizing: border-box;    }    .quantity_inner {    display: inline-flex;    border-radius: 26px;    border: 4px solid #337AB7;}        .quantity_inner .bt_minus,.quantity_inner .bt_plus,.quantity_inner .quantity {    height: 40px;    width: 40px;    padding: 0;    border: 0;    margin: 0;    background: transparent;    cursor: pointer;    outline: 0;}.quantity_inner .quantity {    width: 50px;    text-align: center;    font-size: 30px;    font-weight: bold;    color: #000;    font-family: Menlo,Monaco,Consolas,"Courier New",monospace;}.quantity_inner .bt_minus svg,.quantity_inner .bt_plus svg {    stroke: #337AB7;    stroke-width: 4;    transition: 0.5s;    margin: 10px;}    .quantity_inner .bt_minus:hover svg,.quantity_inner .bt_plus:hover svg {    stroke: #000;}.quantity_vinner{  width: 80%;  font-size: 15px;  padding: 6px 0 4px 10px;  border: 2px solid #337AB7;  background: #F6F6f6;  border-radius: 8px;}.coast_box {    width:250px;    outline: 0;    outline-offset: 0;    border:none;    text-align:center;    color: darkgray;    color: #7b7b7b;     font-size: 20pt; }/* ОФОРМЛЕНИЕ ЗАКАЗА: Скрытие/Показ фотографий материалов обивки, столешниц и пр. */     label > input       {          visibility: hidden;         position: absolute;            /* Кнопка input позиционирует свои свойства на объект. Если у родителя значение position задано как absolute, то отсчет координат ведется от края родительского элемента. */         /* Картинка слева от input получает его свойства */       }/* Обозначение контейнера "label >": cвязка скрытой кнопки input и изображения img. Функции кнопки передаются на изображение! */         /* При наведении мыши на контейнер курсор меняется со стрекли на указатель! */label > input + img       {          cursor:pointer;         border:2px solid transparent;       }/* ---------------- */label > input + label + img       {          cursor:pointer;         border:2px solid transparent;       }       /* Если выбран контейнер label с радиокнопкой, то нарисовать рамку вокруг изображения с толщиной 4 пикселя.   */label > input:checked + img       {          border:2px dashed Chocolate;       }  /* ---------------- */label > input:checked + label + img       {          border:2px dashed Chocolate;       }       /* Скрываем чекбоксы и блоки div с содержанием под указателем label */.hide + label ~ div  {    display: none;  }/* ---------------- */.hide + label + img ~ div  {    display: none;  }/* Вид текста label */.hide + label  {    margin: 0;    padding: 0;    cursor: pointer;         /* Курсор при наведении становится указателем */    display: inline-block;   /* Элементы на страанице выстраиваются последовательно и горизонтаально относительно друг друга */  }/* Вид текста label при активном переключателе */.hide:checked + label  {    color: red;    border-bottom: 0;  }/* Когда чекбокс активен показываем блоки с содержанием  */.hide:checked + label + div  {    display: block;     /* Чуточку анимации при появлении */     -webkit-animation:fade ease-in 0.5s;      -moz-animation:fade ease-in 0.5s;     animation:fade ease-in 0.5s;   }/* анимация при появлении скрытых блоков */@-moz-keyframes fade {    from { opacity: 0; }to { opacity: 1 }}@-webkit-keyframes fade {    from { opacity: 0; }to { opacity: 1 }}@keyframes fade {    from { opacity: 0; }to { opacity: 1 }   }/* анимация при появлении скрытых блоков */.imgvibor{  width: 170px;  padding: 10px 10px 10px 10px;  }/* END: ИНТЕРНЕТ ЗАКАЗ НА САЙТЕ: */  /* ОБЩЕЕ ОФОРМЛЕНИЕ: Шапка сайта *//* Прозрачность для шапки, чтобы был виден фон */.prozrachnost{	background: white;	opacity: 0.7;}/* ОБЩЕЕ ОФОРМЛЕНИЕ: Тень от блоков */.box_shadow_top        { box-shadow: 0px -5px 5px 3px rgba(0, 0, 0, .2); }.box_shadow_bottom     { box-shadow: 0px 5px 5px 3px rgba(0, 0, 0, .2); }/* Надпись в шапке сайта, фон и пр. */.shapka_fon_tab        {                          background-color: #336699;   /* Фон */                       } .shapka_logo           {                          width: 14vw;                         min-width: 200px;                         height: auto;                       }                                              /* ВЕРХНЕЕ И НИЖНЕЕ МЕНЮ */    /* Безтабличный вывод верхнего меню на экран  */.menu_block_gorizontal {                         list-style: none;            /* Не выводить маркер списка */                         margin: 0;                       }.menu_block_gorizontal li                       {						 list-style: none;						 display: inline;             /* Отображать как строчный элемент */                         float: right;						 padding: 2px 15px 2px 15px;                         position: relative;						 text-align: center; 						 vertical-align: middle;                          white-space: nowrap;         /* При изменении размера ячейки не переносить слова на другую строчку */                         color: darkgray;						 border-right: LightGray 1px solid;                       }               /* Граница справа в верхнем/нижнем меню */.tab_border_right      { border-right: LightGray 1px solid;                          padding: 2px 15px 2px 15px;                          text-align: center;                          white-space: nowrap;         /* При изменении размера ячейки не переносить слова на другую строчку */                         color: darkgray;  }                         .prog_border_bottom    { border-bottom: LightGray 1px solid; }                                                  /* Без границы справа в верхнем/нижнем меню */.tab_noborder_right    { padding: 2px 15px 2px 15px;                          text-align: center;                          white-space: nowrap;         /* При изменении размера ячейки не переносить слова на другую строчку */                          color: darkgray;  }/* ОБЩЕЕ ОФОРМЛЕНИЕ: ссылки в меню */.tab_a_decoration, .tab_a_decoration:visited                        { color: #7b7b7b;                          font-size: 10pt;                          font-family: tahoma, arial;                          text-decoration: none;  }.tab_a_decoration:hover{ color: #7b7b7b;                          font-size: 10pt;                          font-family: tahoma, arial;                          text-decoration: none;}                         .tab_a_decorcont, .tab_a_decorcont:visited                        { color: #FF0000;                          font-size: 10pt;                          font-family: tahoma, arial;                          text-decoration: none;  }.tab_a_decorcont:hover{ color: #FF0000;                          font-size: 10pt;                          font-family: tahoma, arial;                          text-decoration: none;}                      /* ОБЩЕЕ ОФОРМЛЕНИЕ: ссылка "Главная" в верхнем и нижнем меню */.tab_a_decoration_main, .tab_a_decoration_main:visited                        { color: CornflowerBlue;                          font-size: 10pt;                          font-family: tahoma, arial;                          text-decoration: none;}.tab_a_decoration_main:hover                       { color: CornflowerBlue;                          font-size: 10pt;                          font-family: tahoma, arial;                          text-decoration: none;}                         /* ПОЛОСА С ПОИСКОМ И ПРАЙС-ЛИСТОМ */   /* Оформление полосы с поиском от Яндекса  */.tab_poisk_yandex      { background-color: #336699;                          border-bottom:0;                          padding: 5px 0px 5px 0px;                          margin-left:0;}/* Оформление ссылки ПРАЙС-ЛИСТ в верхнем меню  */.tab_a_decoration_price, .tab_a_decoration_price:visited                       { color: white;                          font-size: 10pt;                          font-family: tahoma, arial;                          text-decoration: none; }.tab_a_decoration_price:hover                       { color: white;                          font-size: 10pt;                          font-family: tahoma, arial;                          text-decoration: none;}/* ОБЩЕЕ ОФОРМЛЕНИЕ: Тень от блоков *//* ОБЩЕЕ ОФОРМЛЕНИЕ: Отступ от блоков */.border_otstup_middle  { padding: 15px 0px 15px 0px; }  /* Отступ 15 пикселей ВЕРХ,НИЗ */.border_otstup_top     { vertical-align: top;                          padding: 15px 0px 0px 0px;  }  /* Отступ 15 пикселей ВЕРХ */.border_otstup_bottom  { padding: 0px 0px 15px 0px;  }  /* Отступ 15 пикселей НИЗ  */.border_otstup_media   { padding: 5px 3px 5px 3px;   }  /* Отступ */.border_otstup_bock    { padding: 0px 15px 0px 15px; }  /* Отступ СЛЕВА,СПРАВА */   .border_otstup_logo    { padding: 10px 10px 10px 10px;} /* Отступ для ЛОГОТИПА */ .christmas                        {                         background-image: url(reimages/christmas.jpg);                         background-repeat: repeat-x;                         background-size: auto 150px;                        background-origin: border-box;												-moz-text-shadow: 3px 0 3px #fff,                                           0 3px 3px #fff,                                           -3px 0 3px #fff,                                           0 -3px 3px #fff;						-webkit-text-shadow:						                  3px 0 3px #fff,                                           0 3px 3px #fff,                                           -3px 0 3px #fff,                                           0 -3px 3px #fff; 										  						text-shadow:      3px 0 3px #fff,                                           0 3px 3px #fff,                                           -3px 0 3px #fff,                                           0 -3px 3px #fff;						                      } .border_otstup_fon                        {                         background-image: url(reimages/shapka_fon.png);                         background-repeat: no-repeat;                         background-position: right;                        background-size: auto 100%;                        align: left;                        background-origin: border-box;                      }                                              /* Внешний вид кнопки "ИНТЕРНЕТ-МАГАЗИН" *//* Размер надписи "ОФОРМИТЬ ЗАКАЗ" увеличен до 115% + отступ */.button_zakaz_im              { position: relative;  z-index: 1;  color: white;  font-size: 115%; font-weight: 400;  text-decoration: none;  padding: .25em .5em; }.button_zakaz_im:after        {  content: "СКЛАД";                                                  /* здесь 6 букв */  position: absolute; z-index: -1; top: -2px; bottom: -2px; left: -2px;  width: calc(100% + 6*(1em*90/135) - 2px*2*2);                      /* где 6*(1em*90/135), где 6 - это 6 букв, 90 - это font-size after, а 135 - это font-size родителя */  text-align: right; color: white;                                   /* Кпопка Online справа и белого цвета */  font-size: 90%;                                                    /* Размер кнопки Online от высоты */  padding: .25em .5em;                                               /* отступы для текста в кнопке (из-за скоса) */  font-weight: 700;  border-radius: 5px;                                                /* скругление рамки */  border: 2px solid #ffffff;                                         /* рамка вокруг кнопки */  -webkit-transform: skewX(-10deg);                                  /* скос/наклон рамки на 10 градусов */  transform: skewX(-10deg);  background: linear-gradient(#ff6000, #6271ba) no-repeat 100% 0;    /* цвет кнопки Online с градиентом */  background-size: calc(6*(1em*90/135) + .5em) 100%;  box-shadow: inset calc(-6*(1em*90/135) - .5em) 0 rgba(255,255,255,0);  transition: .3s;}.button_zakaz_im:hover:after   {    color: white;   box-shadow: inset calc(-6*(1em*90/135) - .5em) 0 rgba(255,255,255,.2); }  /* цвет кнопки Online после наведения мышкой */.button_zakaz_im:active:after  {    color: white;   background-image: linear-gradient(#ff9555, #3c4ea9); } .button_zakaz_im, .button_zakaz_im:visited                               { color: white; }.button_zakaz_im:hover         { color: white; }/* Размер надписи "ОФОРМИТЬ ЗАКАЗ" увеличен до 115% + отступ */.button_zakaz            { position: relative;  z-index: 1;  color: white;  font-size: 115%; font-weight: 400;  text-decoration: none;  padding: .25em .5em;    }.button_zakaz:after {  content: "Online";                                                 /* здесь 6 букв */  position: absolute; z-index: -1; top: -2px; bottom: -2px; left: -2px;  width: calc(100% + 6*(1em*90/135) - 2px*2*2);                      /* где 6*(1em*90/135), где 6 - это 6 букв, 90 - это font-size after, а 135 - это font-size родителя */  text-align: right; color: white;                                   /* Кпопка Online справа и белого цвета */  font-size: 90%;                                                    /* Размер кнопки Online от высоты */  padding: .25em .5em;                                               /* отступы для текста в кнопке (из-за скоса) */  font-weight: 700;  border-radius: 5px;                                                /* скругление рамки */  border: 2px solid #000000;                                         /* рамка вокруг кнопки */  -webkit-transform: skewX(-10deg);                                  /* скос/наклон рамки на 10 градусов */  transform: skewX(-10deg);  background: linear-gradient(#3c4ea9, #6271ba) no-repeat 100% 0;    /* цвет кнопки Online с градиентом */  background-size: calc(6*(1em*90/135) + .5em) 100%;  box-shadow: inset calc(-6*(1em*90/135) - .5em) 0 rgba(255,255,255,0);  transition: .3s;}.button_zakaz:hover:after   {    color: white;   box-shadow: inset calc(-6*(1em*90/135) - .5em) 0 rgba(255,255,255,.2); }  /* цвет кнопки Online после наведения мышкой */.button_zakaz:active:after  {    color: #d4d4d4;   background-image: linear-gradient(#007096, #3c4ea9); } .button_zakaz, .button_zakaz:visited                            { color: black; }.button_zakaz:hover         { color: #d4d4d4; }/* ОСНОВНОЕ МЕНЮ САЙТА (список с визуальными элементами) *//* Надпись Горячая линия */.contact_font          { font-size: 13px;                          color: #336699;                         font-family: tahoma, arial; }/* Телефон */.contact_font_telefon  { font-size: 13px;                          font-weight: bold;                         font-family: tahoma, arial;                         white-space: nowrap;        }                         .contact_td_uved       { padding: 3px 0px 3px 0px;                         border-radius: 3px 3px 3px 3px;                                                     border: 1px solid #ff7f50;                         background: #ffffe0;                         margin: 0px 0px 10px 0px;    }                         .metal_td_uved         { padding: 14px 10px 14px 10px;                         border-radius: 3px 3px 3px 3px;                                                     border: 1px solid #ff7f50;                         margin: 0px 0px 10px 0px;    }                         .contact_td_padn       { padding: 0px 0px 5px 12px; }	/* Оформление меню */.category-wrap {          padding: 15px;              /* Отступ со всех сторон 15 пикселей */                          background: #ffffff;                          width: 90%;                          box-shadow: 5px 5px 8px rgba(0,0,0,.1);                          font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;    }                          /* Вывод заголовков в боковом меню сайта */.category-wrap h3 {       font-size: 10pt;                           color: rgba(0,0,0,.6);                          background: #acc5dd;                          margin: 0 0 10px;                          padding: 2px 5px;                          position: relative;  }                          /* 4х кубиковая картинка после Заголовка */   .category-wrap h3:after { content: "";                          width: 6px; height: 6px;                          background: #943800;                          position: absolute;                          right: 5px;                          bottom: 4px;                          box-shadow: -8px -8px #ff6000, 0 -8px #ff6000, -8px 0 #ff6000;   }/* Граница списка сверху (рамка 1 пиксель) + отступы */.category-wrap ul      {  list-style: circle;          /* Маркер списка: кружок пустой */                          margin: 3;                   /* Отступ со всех сторон в пикселях */                          padding: 0;                           border-top: 1px solid rgba(0,0,0,.3);  }                          /* Отступ между пунктами меню. В моем случае все по нулям */.category-wrap li      {  margin: 0px 0 0 0px;  }/* Внешний вид пункта меню  */.category-wrap a, .category-wrap a:visited                       {  text-decoration: none;       /* Без подчеркивания  */                          display: block;              /* Блокирует размер раздела меню  */                          font-size: 13px;             /* Размер текста  */                           color: black;                                          padding: 2px;                /* Отступ сверху от границ текста выделенной области меню  */                                position: relative;                          transition: .3s linear;  }   /* Медленное проявление пункта выделенного меню  */.category-wrap a:after {  position: absolute;                          transition: .2s linear;  }/* Изменение цвета раздела меню при наведении курсора + текст белый  */.category-wrap a:hover {  background: #336699;                            color: white; }                     /* ОФОРМЛЕНИЕ ПОЛНОГО ОПИСАНИЯ МОДЕЛИ НА СТРАНИЕ */.img_size_opis         {                          min-width: 200px;                          max-width: 1000px;                          height: auto;                       }.img_size_popup        {                          height:25vh;                          max-height: 220px;                       }/* Цвет светло-синий для оформления заголовков в описательной части страницы*/.content_top           {  color: #ffffff;  }  /* Отступ от границы слева на 20 пикселей. Шрифт текста в отступе свой */.content_marginleft    {  padding: 0px 0px 0px 20px;                          font-align: left;                          font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }                           /* Отступ от границы слева на 20 пикселей. Шрифт текста серый, размер свой строгий. Касается всего текста в данной области */.content_bottom_vtext  {  color: #8D8D8D;                           font-size: 10pt; font-family: tahoma, arial; }/* Граница ячейки снизу серого цвета размером 1 пиксель */.content_border_bottom {  border-bottom: #acacac 1px solid; }.content_fon_tab       {  background-color: #acc5dd;   /* Фон синего цвета */                          padding: 5px 0px 5px 0px;                        } /*Оформление ссылок  (загрузка документов). В обычном виде серого цвета, при наведении светлее. Без подчеркивания */.content_a_decoration, .content_a_decoration:visited                       {  color: #8D8D8D;                           font-size: 10pt; font-family: tahoma, arial;                           text-decoration: none;}                          /* Требуется для правильного отображения в Хроме */.content_a_decoration:after                       {  position: absolute;                          color: #d4d4d4;                           font-size: 10pt; font-family: tahoma, arial;                           text-decoration: none;}.content_a_decoration:hover                       {  color: #d4d4d4;                           font-size: 10pt; font-family: tahoma, arial;                           text-decoration: none;}                                                    /* КОММЕРЧЕСКОЕ ПРЕДЛОЖЕНИЕ И РАСЧЕТ */.input_cp_del          {  width: 370px;                          -moz-border-radius:  5px;                           -webkit-border-radius:  5px;                          border-radius:  5px;                           color: #000000;                           font-size: 10pt; font-family: tahoma, arial;                       }.input_cp_bar          {  width: 150px;                          -moz-border-radius:  5px;                           -webkit-border-radius:  5px;                          border-radius:  5px;                           color: #000000;                           font-size: 10pt; font-family: tahoma, arial;                       }.input_cp_dob          {  width: 30px;                          -moz-border-radius:  5px;                           -webkit-border-radius:  5px;                          border-radius:  5px;                           color: #000000;                           font-size: 10pt; font-family: tahoma, arial;                       }.input_cp_skd          {  width: 180px;                          -moz-border-radius:  5px;                           -webkit-border-radius:  5px;                          border-radius:  5px;                           background: LightSalmon;                       }.input_cp_kol          {  width: 50px;                          -moz-border-radius:  5px;                           -webkit-border-radius:  5px;                          border-radius:  5px;                           background: LightSalmon;                       }.input_cp_skp          {  width: 180px;                          -moz-border-radius:  5px;                           -webkit-border-radius:  5px;                          border-radius:  5px;                        }.input_cp_text         {                            font-size: 11px; font-family: tahoma, arial;                       }/* Оформление логотипа в шапке КП */                       .input_cp_img          {  width: 30vw;                          height: auto;                       }/* Оформление таблицы КП с закругленными углами и цветом границы */  .input_cp_table        {  width: 95%;                          padding: 5px 5px 5px 5px;                          border-radius: 3px 3px 3px 3px;                                                      border: 1px solid #ff7f50;	                    }/* Ячейки в таблице КП с закруглением */.input_cp_td           {  border:  1px solid #ff7f50;                          padding: 5px 5px 5px 5px;          	             }/* Оформление цен в КП */.input_cp_coast        {                                                    font-size: 20px;                          color: #800000;          	             }.input_iof_pod         {  width: 180px;                          -moz-border-radius:  5px;                           -webkit-border-radius:  5px;                          border-radius:  5px;                           color: #000000;                           font-size: 10pt; font-family: tahoma, arial;                        }   /* СКРЫТЬ УЧАСТОК ПРИ ПЕЧАТИ */ @media print { .print_hide     {  display:none; }     }             } /* НИЖНИЙ ОТДЕЛ САЙТА */                   /* Фон нижнего раздела сайта */.tab_bottom_bar        {  background-color: #343434;  }.tab_bottom_over       {  background-color: #2a2a2a;  }/* Цвет и оформление текста (серый оттенок, без переноса при сжимании) */.tab_bottom_vtext      {  color: #8D8D8D;                           font-size: 16px; font-family: tahoma, arial;                           white-space: nowrap;  }                         .tab_border_bottom     {  border-bottom: LightGray 1px solid;                           background-color: #343434;                          text-align: center;                           white-space: nowrap;  }/* ЦЕНТРАЛЬНАЯ ЗОНА ОБЩИХ СТРАНИЦ */.index_border_otstup        { padding: 10px 10px 10px 10px; }  /* Увеличение картинок при наведении мышкой */.zoom   {           width: 65%;          min-width: 100px;          height: auto;          padding: 0px 0px 10px 0px;          -webkit-transition:all 01s linear 0s;          -moz-transition:all 1s linear 0s;          -o-transition:all 01s linear 0s;          transition:all 1s linear 0s;          -webkit-transform-origin:center !important;          -moz-transform-origin:center !important;          -ms-transform-origin:center !important;          -o-transform-origin:center !important;          transform-origin:center !important;        }.zoom:hover        {          -webkit-transform:scale(1.15);                      /* Трансформация элемента: процент увеличения (15%) */          -moz-transform:scale(1.15);          -ms-transform:scale(1.15);          -o-transform:scale(1.15);          transform:scale(1.15);        }                /* Увеличение картинок при наведении мышкой */.zoom_height   {           min-width: 10px;          height: auto;          padding: 0px 0px 10px 0px;          -webkit-transition:all 01s linear 0s;          -moz-transition:all 1s linear 0s;          -o-transition:all 01s linear 0s;          transition:all 1s linear 0s;          -webkit-transform-origin:center !important;          -moz-transform-origin:center !important;          -ms-transform-origin:center !important;          -o-transform-origin:center !important;          transform-origin:center !important;               }                            .zoom_height:hover               {          -webkit-transform:scale(1.15);                      /* Трансформация элемента: процент увеличения (15%) */          -moz-transform:scale(1.15);          -ms-transform:scale(1.15);          -o-transform:scale(1.15);          transform:scale(1.15);               }               .zoom_material {           height: auto;          padding: 0px 0px 10px 0px;          -webkit-transition:all 01s linear 0s;          -moz-transition:all 1s linear 0s;          -o-transition:all 01s linear 0s;          transition:all 1s linear 0s;          -webkit-transform-origin:center !important;          -moz-transform-origin:center !important;          -ms-transform-origin:center !important;          -o-transform-origin:center !important;          transform-origin:center !important;               }.zoom_material:hover               {          -webkit-transform:scale(1.15);                      /* Трансформация элемента: процент увеличения (15%) */          -moz-transform:scale(1.15);          -ms-transform:scale(1.15);          -o-transform:scale(1.15);          transform:scale(1.15);               }          .zoom_rec   {           width: 75%;          min-width: 100px;          height: auto;          padding: 0px 0px 10px 0px;          -webkit-transition:all 01s linear 0s;          -moz-transition:all 1s linear 0s;          -o-transition:all 01s linear 0s;          transition:all 1s linear 0s;          -webkit-transform-origin:center !important;          -moz-transform-origin:center !important;          -ms-transform-origin:center !important;          -o-transform-origin:center !important;          transform-origin:center !important;        }.zoom_rec:hover        {          -webkit-transform:scale(1.08);                      /* Трансформация элемента: процент увеличения (8%) */          -moz-transform:scale(1.08);          -ms-transform:scale(1.08);          -o-transform:scale(1.08);          transform:scale(1.08);        }	   /* Оформление цен на страницах (цвет красно-коричневый) */.coast      {          color: #800000;      } .coast_big      {         color: #800000;		  font-size: 18px; font-family: tahoma, arial;      } .coast_print      {         font-size: 10px; font-family: tahoma, arial;      } .coast_sml      {		  font-size: 13px; font-family: tahoma, arial;      } /* ТАБЛИЦА С ПЕРЕЧНЕМ МОДЕЛЕЙ *//* Отступ между столбцами таблицы */.tab_td_coast       {          border-spacing: 0px 15px;       }       /* Тень для верхней части ячейки с фотоматериалами */.tab_tdup_coast       {          box-shadow: 3px 0px 5px rgba(0,0,0,0.3);          /* inset тень внутри ячейки, 0 и 0 смещение тени относительно рамки и 4px это радиус тени  */          border-radius: 5px 5px 0px 0px;                              /* Радиус закругления углов области приподнятия */          border-left: 1px solid #a9a9a9;          border-right: 1px solid #a9a9a9;          border-top: 1px solid #a9a9a9;	   }.tab_tdup_coast:hover       {          padding: 10px 10px 10px 10px;          box-shadow: 3px 0px 5px rgba(0,0,0,0.5);          /* inset тень внутри ячейки, 0 и 0 смещение тени относительно рамки и 4px это радиус тени  */          border-radius: 5px 5px 0px 0px;                              /* Радиус закругления углов области приподнятия */          border-left: 1px solid #000000;          border-right: 1px solid #000000;          border-top: 1px solid #000000;	   }	   /* Тень для нижней части ячейки с описанием и ценами */.tab_tddw_coast       {          padding: 10px 10px 10px 10px;          box-shadow:  3px 4px 5px rgba(0,0,0,0.3);          /* inset тень внутри ячейки, 0 и 0 смещение тени относительно рамки и 4px это радиус тени  */          border-radius: 0px 0px 5px 5px;                              /* Радиус закругления углов области приподнятия */          border-left: 1px solid #a9a9a9;          border-right: 1px solid #a9a9a9;          border-bottom: 1px solid #a9a9a9;	   }/* Вставка маркера "Новинка и т.д." (ячейка с закруглением и желтым фоном) */.tab_td_uved       {          padding: 5px 5px 5px 5px;          border-radius: 3px 3px 3px 3px;                                      border: 1px solid #ff7f50;          background: #ffffe0;	   }/* Вставка блока с распродажей на сером фоне с закруглением */	   .tab_tdrs_uved       {		   margin-top: 3px;          padding: 2px 2px 2px 2px;          border-radius: 3px 3px 3px 3px;                                      border: 1px solid #a9a9a9;          background: #ffffe0;	   }.custom-pager{/*стиль блока навигации*/     background-position:center;     margin-top:2px;     overflow:hidden;    }.image-custom-block      {          max-width:100%;      }a.custom-pager-button{    /*стили неактивной кнопки навигации*/         background-position:center;    display:table-cell;    margin-right:5px;    width:50px;    height:13px;    overflow:hidden;    background-image:url(/reimages/ob.png);    background-position:center top;    background-repeat:no-repeat;    cursor: pointer;}.custom-pager a.cycle-pager-active{      /*стили для активной кнопки навигации*/     background-image:url(/reimages/in.png) !important;     cursor: pointer;}.custom-pager > * { cursor: pointer;} /*курсор при наведении на кнопки навигации - как у ссылки*/.tab_tdrs_opted       {		  margin-top: 3px;          padding: 2px 2px 2px 2px;          border-radius: 3px 3px 3px 3px;		  border: 1px solid #a9a9a9;	   }.tab_tdvs_opted       {		  margin-top: 3px;          padding: 2px 2px 2px 2px;          border-radius: 3px 3px 3px 3px;		  border: 1px solid #a9a9a9;		  background-color: #336699;	   }/* НАЧАЛО: ПОЛОСА НИЖНЕГО ГОРИЗОНТАЛЬНОГО МЕНЮ  *//* Отчистка страницы от плавающих контейнеров */.clearfix:before,.clearfix:after {    content: " ";    display: table;}.clearfix:after {    clear: both;}.clearfix {    *zoom: 1;}/* Отчистка страницы от плавающих контейнеров *//* КОНТЕЙНЕР для вывода меню на странице сайта */.container{    width: 100%;                      /* Меню на всю ширину страницы */    position: fixed;                  /* Положение контейнера фиксированно и привязывается к границе экрана */    bottom: 0px;                      /* Меню привязано к нижней границе экрана, без отступа */    margin: 0px auto;    padding: 0px 0;    clear: both;}/* НАЧАЛО: ВЫВОД МЕНЮ ПРИ РАЗНОМ РАЗРЕШЕНИИ ЭКРАНА */@media only screen and (min-width: 300px) and (max-width: 959px) {    .mcd-menu li a       {  font-size: 9px;     }    .mcd-menu li a small {  font-size: 9px;     }	.mcd-otstup          {  height: 150px;  }	.mcd-menu            {  background: #acc5dd;              /* Цвет фона ПУНКТА меню: СВЕТЛО-ГОЛУБОЙ */                            height: 150px;  }    .mcd-menu li         {  width: 25%;     }	.mcd-menu li ul li   {  width: 250px;     }}@media only screen and (min-width: 960px) and (max-width: 1279px){    .mcd-menu li a       {  border-right: 1px solid #E7E7E7;   }	.mcd-otstup          {  height: 100px; }    /* При большом разрешении экрана выводятся границы блоков меню и пиктограммы */}@media only screen and (min-width: 1280px) and (max-width: 1599px){    .mcd-menu li a       {  border-right: 1px solid #E7E7E7;   }	.mcd-otstup          {  height: 100px; }    /* При большом разрешении экрана выводятся границы блоков меню и пиктограммы */}@media only screen and (min-width: 1600px){    .mcd-menu li a       {  border-right: 1px solid #E7E7E7;   }	.mcd-otstup          {  height: 100px; }	    /* При большом разрешении экрана выводятся границы блоков меню и пиктограммы */}/* КОНЕЦ: ВЫВОД МЕНЮ ПРИ РАЗНОМ РАЗРЕШЕНИИ ЭКРАНА *//* Оформление ПОЛОСЫ МЕНЮ для вывода на экран */.mcd-menu{    list-style: none;                 /* Список без маркера */    padding: 0;                       /* Без отступов */    margin: 0;           }/* Оформление ПУНКТОВ меню для вывода на экран */.mcd-menu li{    background: #acc5dd;              /* Цвет фона ПУНКТА меню: СВЕТЛО-ГОЛУБОЙ */    float: left;                      /* Вывод списка меню СЛЕВА НА ПРАВО */    position: relative;               /* Положение блока не привязано к конкретному месту страницы и устанавливается относительно его исходного места */	height: auto;                     /* Высота строки меню 50 пикселей */}/* Оформление ТЕКСТА ПУНКТОВ меню */.mcd-menu li a {    display: block;                     /* Текст жестко привязан к своему блоку меню */    text-decoration: none;              /* Текст без оформления и стилей */    padding: 8px 15px;                  /* Отступы вокруг текста 5 пк сверху и снизу и 15 по бокам */    text-align: center;                 /* Выравнивание текста по центру блока меню */    color: #000000;                     /* Цвет текста черный */}/* Оформление ПИКТОГРАММ ПУНКТОВ меню */.mcd-menu li a i{    display: block;    margin-bottom: 5px;                 /* Отступ пиктограммы от текста */}/* Название ПУНКТА меню */.mcd-menu li a strong{    display: block;    text-transform: uppercase;          /* Все символы текста ЗАГЛАВНЫЕ */}/* Пояснение к ПУНКТУ меню */.mcd-menu li a small{  display: block;}/* НАЧАЛО: ИМИТАЦИЯ ДВИЖЕНИЯ ТЕКСТА/КАРТИНКИ ПРИ НАВЕДЕНИИ КУРСОРОМ МЫШКИ  */.mcd-menu li a i, .mcd-menu li a strong, .mcd-menu li a small {  position: relative;    transition: all 300ms linear;  -o-transition: all 300ms linear;  -ms-transition: all 300ms linear;  -moz-transition: all 300ms linear;  -webkit-transition: all 300ms linear;}.mcd-menu li:hover > a i {    opacity: 1;    -webkit-animation: moveFromTop 300ms ease-in-out;    -moz-animation: moveFromTop 300ms ease-in-out;    -ms-animation: moveFromTop 300ms ease-in-out;    -o-animation: moveFromTop 300ms ease-in-out;    animation: moveFromTop 300ms ease-in-out;}.mcd-menu li:hover a strong {    opacity: 1;    -webkit-animation: moveFromLeft 300ms ease-in-out;    -moz-animation: moveFromLeft 300ms ease-in-out;    -ms-animation: moveFromLeft 300ms ease-in-out;    -o-animation: moveFromLeft 300ms ease-in-out;    animation: moveFromLeft 300ms ease-in-out;}.mcd-menu li:hover a small {    opacity: 1;    -webkit-animation: moveFromRight 300ms ease-in-out;    -moz-animation: moveFromRight 300ms ease-in-out;    -ms-animation: moveFromRight 300ms ease-in-out;    -o-animation: moveFromRight 300ms ease-in-out;    animation: moveFromRight 300ms ease-in-out;}/* КОНЕЦ: ИМИТАЦИЯ ДВИЖЕНИЯ ТЕКСТА/КАРТИНКИ ПРИ НАВЕДЕНИИ КУРСОРОМ МЫШКИ  *//* При наведении курсора мыши текст в меню (с привязкой к тегу а) становится оранжевым! */.mcd-menu li:hover > a {  color: #e67e22;                       /* ОРАНЖЕВЫЙ */              }/* НАЧАЛО: ИМИТАЦИЯ ДВИЖЕНИЯ ТЕКСТА ПРИ НАВЕДЕНИИ КУРСОРОМ МЫШКИ  */@-webkit-keyframes moveFromTop {    from {        opacity: 0;        -webkit-transform: translateY(200%);        -moz-transform: translateY(200%);        -ms-transform: translateY(200%);        -o-transform: translateY(200%);        transform: translateY(200%);    }    to {        opacity: 1;        -webkit-transform: translateY(0%);        -moz-transform: translateY(0%);        -ms-transform: translateY(0%);        -o-transform: translateY(0%);        transform: translateY(0%);    }}@-webkit-keyframes moveFromLeft {    from {        opacity: 0;        -webkit-transform: translateX(200%);        -moz-transform: translateX(200%);        -ms-transform: translateX(200%);        -o-transform: translateX(200%);        transform: translateX(200%);    }    to {        opacity: 1;        -webkit-transform: translateX(0%);        -moz-transform: translateX(0%);        -ms-transform: translateX(0%);        -o-transform: translateX(0%);        transform: translateX(0%);    }}@-webkit-keyframes moveFromRight {    from {        opacity: 0;        -webkit-transform: translateX(-200%);        -moz-transform: translateX(-200%);        -ms-transform: translateX(-200%);        -o-transform: translateX(-200%);        transform: translateX(-200%);    }    to {        opacity: 1;        -webkit-transform: translateX(0%);        -moz-transform: translateX(0%);        -ms-transform: translateX(0%);        -o-transform: translateX(0%);        transform: translateX(0%);    }}/* КОНЕЦ: ИМИТАЦИЯ ДВИЖЕНИЯ ТЕКСТА ПРИ НАВЕДЕНИИ КУРСОРОМ МЫШКИ  *//* НАЧАЛО: ПОДМЕНЮ  *//* Всплывающее подменю к основному меню сайта  */.mcd-menu li ul {  position: absolute;                   /* Положение подменю на странице привязано к родительскому элементу, т.е. к пункту меню */  height: auto;                           min-width: 250px;                     /* Минимальная ширина подпункта меню */  bottom: 65px;   padding: 0;  margin: 0;  background: #ffc5a2;                  /* Цвет фона подменю СВЕТЛО-ОРАНЖЕВЫЙ */  border-top: 4px solid #e67e22;        /* Рамка сверху над списком подменю ОРАНЖЕВАЯ толстая  */  opacity: 0;                           /* Прозрачность полная  */  visibility: hidden;                   /* В обычном состоянии подменю скрыто!  */  transition: all 300ms linear;         /* Эффект всплытия  */  -o-transition: all 300ms linear;  -ms-transition: all 300ms linear;  -moz-transition: all 300ms linear;  -webkit-transition: all 300ms linear;  z-index: 1000;                        /* Подменю расположено поверх всем элеменнтов даннного контейнера  */        }.mcd-menu li ul:before {  content: "";  position: absolute;  top: -8px;  left: 23%;  border-bottom: 5px solid #e67e22;     /* Небольшая оранжевая стрелочка сверху над списком подменю, примыкает к границу  */  border-left: 5px solid transparent;  border-right: 5px solid transparent;}/* При наведении мышкой на пункт основного меню становиться видимым подменю  */.mcd-menu li:hover > ul {  display: block;  opacity: 1;                           /* Элементы не прозрачные  */  visibility: visible;                  /* Подменю полностью видимо  */  bottom: 65px;                         /* Отступ от текста пункта основного меню  */}/* Обычная очередность списка подменю  */.mcd-menu li ul li {  background: #ffc5a2;                  /* Цвет фона подменю СВЕТЛО-ОРАНЖЕВЫЙ */  float: none;}/* Оформление текста пунктов подменю  */.mcd-menu li ul li a {  padding: 10px;                         /* Отступы текста от границ подменю  */  text-align: left;                      /* Выравнивание по левому краю  */  border: 0;  border-bottom: 1px solid #EEE;         /* Снизу рисуется граница белого цвета   */}.mcd-menu li.float {  float: right;}/* КОНЕЦ: ПОДМЕНЮ  *//* КОНЕЦ: ПОЛОСА НИЖНЕГО ГОРИЗОНТАЛЬНОГО МЕНЮ  */.materialblock{    position:relative;}.materialphoto{    display:none;    margin-left:-50%;    padding:10px;    margin-top:17px;    background:#f3f3f3;    -moz-box-shadow:0 5px 5px rgba(0,0,0,0.3);    -webkit-box-shadow:0 5px 5px rgba(0,0,0,0.3);    box-shadow:0 5px 5px rgba(0,0,0,0.3);}.materialblock:hover .materialphoto{    display:block;    position:absolute;    top:0px;    z-index:9999;}  .a_menu, .a_menu:visited, .td_menu  { color: white; text-decoration:none } .a_menu:hover      { color: #FFCCCC; text-decoration:underline } #td_h { color:black; font-weight:bold }  #razdel { color: white }  a:visited	{ color: blue } a:hover, #razdel:hover { color: #AA0000 }  .light, .light:visited { color: black } .light:hover { color: #AA0000 }  .hotlnk, .hotlnk:visited { color: red } .hotlnk:hover { color: #0000FF }  #pad_top { padding-top: 7 }  HR { COLOR: #003399; HEIGHT: 1px }  #content { font-size:12px; 			  text-align:justify;}  #content h1 { font-size:14px; 			  text-align:center; 			  font-family:"Times New Roman", Times, serif; 			  letter-spacing:normal; 	          line-spacing:0; 			  color:#000; 			  font-width:normal; 	          text-shadow:none;   }