/* Зірочка общий зброс і поля рамки обнулення*/
* {
      margin: 0;
      padding: 0;
      border: 0;
   }

 /*Обов'язкова вставка щоб фаерфокс не відмічав крапочками ссилки*/  
a, a:active {
      outline: none;
         }   
        
 /*Правила для тіла*/ 
body { 
       background-color: #E7D997; /* #A49345; /*Колір фону якщо не загрузився малюнок */
	  /*   background-image: url(images/fon_1.jpg); /*Фоновий малюнок були дошки, потім екоізол*/
	  /*   background-repeat: repeat; /*Повторення фонового малюнку*/  
	     background-attachment: fixed; /*Робить фон нерухомим а сайт рухається*/
	     background-position: top left; /*початок малюнку зверху зліва*/   
	     font-family: Tahoma, Arial, sans-serif;
	     color: #2a2200; /*Колір тексту сайту*/
          }
 
#content { 
	      margin: auto; /*Вирівнювання Блоку по центру*/
        margin-top: 5px; /*Відступ поле зверху було 20px*/
        margin-bottom: 5px; /*Відступ поле знизу було 20px*/
	      width: 1000px;   /*Розміри нашого сайта*/
        background-color: #ffffff; /*Колір фону Виликого блоку білий, transparent;-фон прозорий*/
        border-radius: 10px; /*Заокруглення країв*/
        position: relative;
 	        }

 /*Шапка сайту*/
#header {
       height: 247px; /*267*/  /*Висота блоку ШАПКА*/
       width: 1001px;  /*994*/  /*Ширина блоку ШАПКА*/
       margin: auto;  /*Вирівнювання по центру блоку*/
       position: absolute; /*Позиціонування*/
       background: url(images/logo_2ua.png) top no-repeat; /* Картинка в шапці*/
       color: #ade837; /*Колір тексту в шапці*/
        }
      
#header-ru {
       height: 247px; /*267*/  /*Висота блоку ШАПКА*/
       width: 1001px;  /*994*/  /*Ширина блоку ШАПКА*/
       margin: auto;  /*Вирівнювання по центру блоку*/
       position: absolute; /*Позиціонування*/
       background: url(images/logo_2ru.png) top no-repeat; /* Картинка в шапці*/
       color: #ade837; /*Колір тексту в шапці*/
        }
      
      
#logo2 {
      position: absolute; /*Позиціонування*/ 
      padding: 5px 0px 0px 5px;  /*Поля напису були 35,0,0,7*/
       }      
    
/*------------  ОПИС КНОПКИ перемикання мови --------------- */
.knop_lang a {
        width: 52px; /*Ширина Кнопки*/
        height: 22px; /*Висота Кнопки*/
        color: #ff6600; /*Колір тексту в стані спокою.*/
        text-decoration: none; /*Без підкреслення ссилки*/
        position: absolute; /*Позиціонування координати відраховуються від блоку лефт*/
        text-align: center; /*Вирівнювання напису кнопки по середині*/
        font-weight: bold; /*Шрифт напівжирний*/
        font-size: 70%; /*розмір шрифта в блоці*/
        padding: 6px 0px 0px 0px;   /*Поля тексту всередині блока*/
        background: url(images/knop-lang-1.png) center no-repeat; /*Малюнок фону кнопки*/
       /* z-index: 1; /*Позиціонування слоїв меню на перший план*/
            }
            
.knop_lang a:hover {
        background: url(images/knop-lang-2.png) center no-repeat; /*Малюнок фону кнопки*/
        color: #ff0000; /*Колір тексту коли наведена мишка.*/
        text-decoration: none;  /*Без підкреслення*/
            }  
            
.ua a {
        top: 155px; /*Відстань від верху шапки*/
        left: 29px; /*Відстань від ліва шапки*/
       }            

.rus a {
        top: 155px; 
        left: 85px; 
       }            
                                           
/*------------  Кінець КНОПКИ перемикання мови --------------- */     
        
/*------------ Початок ОПИСУ КНОПОК МЕНЮ (Випадаюче меню) --------------- */
#menu {
      clear: both;  /*Отменяет обтекание элемента одновременно с правого и левого края.*/
      width: 994px;  /*Ширина меню кнопок */
      height: 37px;   /*Висота меню кнопок */
      margin: 205px 0px 0px 3px;  /*Поля меню кнопок зовнішні відносно блоку #content Відцентровка посередині */
      position: absolute; /*Позиціонування*/
      background: url(images/fon-m.gif) no-repeat; /*Фон меню кнопок */
      z-index: 2; /*Позиціонування слоїв: меню на перший план, відео на другий*/
      position: absolute; /*Позиціонування*/
        }
 
#menu > ul > li,
#menu > ul > li > a{
       display: inline;  /* Список в ряд*/
	     float: left;     /* Обтікання тексту*/
       padding: 5px 0px 0px 0px; /*Поля розміщення Основних написів, відцентровка по середині*/
       }

#menu > ul > li > a{
       width: 155px; /*Ширина блоку, Рамка навколо основного напису*/
	     height: 27px; /*Висота блоку*/
       font-family: Tahoma, Arial, sans-serif; /*Розмір шрифта типи шрифтів*/
	     text-align: center; /*Вирівнювання тексту в блоці основного напису*/
	     color: #946924; /*Колір тексту кнопки меню основного напису*/
	     font-weight: bold; /*Шрифт напівжирний основного напису*/
       font-size: 20px; /*розмір шрифта основного напису*/
       border-radius: 8px 8px 8px 8px; /*Заокруглення країв основного напису*/
       margin: 0px 0px 0px 5px;  /*Зовнішні поля, Відстань між кнопками основного напису*/
       padding: 0px 0px 0px 0px; /*Відступ шрифта в блоці*/
       text-decoration: none; /*Без підкреслення*/
      }
#menu > ul > li > a:hover{ /*Основний напис меню*/
       box-shadow: inset 0 0 3px #ff6600, 0 0 20px #e4b76f; /*Добавляє тінь спочатку внутрішню, а потім зовнішню*/
       background-color: #ffe6bf; /*Коліо фону випадаючого меню*/
        }                       
	  
     /*Випадаюче меню*/    
.s_sub {               
       width: 235px; /*Ширина блоку випадаючого меню*/
	     margin: 0px 0px 0px 5px; /*Поля випадаючого меню зовнішні, вирівнювання рамок основного і випадаючого меню*/
       padding: 5px 0px 7px 5px; /*Поля в середині випадаючого меню, відцентровка тексту*/
       box-shadow: inset 0 0 2px #ff6600, 0 0 8px #e4b76f; /*Добавляє тінь спочатку внутрішню, а потім зовнішню*/
       border-radius: 8px 8px 8px 8px; /*Заокруглення країв випадаючого меню*/
       background: #eed2a5; /*Колір фону випадаючогои меню*/
       font-size: 15px;  /*Розмір шрифта випадаючого меню*/
       font-weight: bold; /*Шрифт напівжирний*/
       position: absolute;   
       display: none;  /*Забирає з екрана випадаюче меню*/
       top: 100%; /*Відступ зверху*/
       }
       
#menu li:hover .s_sub {
	     display: block;/* Випадаюче меню у вигляді блоку*/
	      }

#menu li:hover,   
#menu li:hover > a{
       position: relative;   /*Виставляє позицію випадаючого меню, завдяки чому випадаюче не щезає під мишкою*/
          }
#menu li {    
       list-style-type: none; /*Забирає маркери в списку*/
         }          
.s_sub > ul > li > a {
       line-height: 27px; /*Висота строки випадаючого меню*/
       padding: 5px 5px 6px 10px; /*Поля в середині випадаючого меню, тут виставляємо рамку довкола напису коли наведена мишка*/
       color: #946924; /*Колір тексту випадаючого меню*/
       text-decoration: none; /*Без підкреслення*/
       }

.s_sub > ul > li > a:hover {
       padding: 5px 5px 6px 10px; /*Поля в середині випадаючого меню, тут виставляємо рамку довкола напису коли наведена мишка*/
       border-radius: 8px 8px 8px 8px; /*Заокруглення країв*/
       box-shadow: inset 0 0 3px #ff6600, 0 0 20px #e4b76f; /*Добавляє тінь спочатку внутрішню, а потім зовнішню*/
       color: #ff6600; /*Оранжевий колір тексту ссилки при наведенні мишки*/
       background-color: #eed2a5; /*Коліо фону випадаючого меню*/
         } 

a.act {
        box-shadow: inset 0 0 3px #ff6600, 0 0 20px #e4b76f; /*Добавляє тінь спочатку внутрішню, а потім зовнішню*/ 
        background: #ffe6bf; /*Колір фону кнопки меню Активна вкладка*/ 
            }
/*------------ Кінець ОПИСУ КНОПОК МЕНЮ (Випадаюче меню) --------------- */        
	   
	  /*Опис Блоку лівий*/
#left  {
	    width: 755px; /*Ширина блоку з ліва 705*/
	    margin: 247px 0 4px 4px;  /*Відступ блоку зверху, знизу, справа*/
      float:left;  /*Обтікання зліва*/
      background: #fcf5d4; /*Колір фону*/
      border-radius: 10px; /*Заокруглення країв*/
      border: 1.5px solid; /*Рамка довкола блоку ширина, тип*/
      border-color: #e4b76f; /*Колір рамки*/
      }
      
/*------------  ОПИС КНОПКИ Стрілка вверх --------------- */
.knopkatop_st a {
        width: 40px; /*Ширина Кнопки*/
        height: 50px; /*Висота Кнопки*/
        border:4px double #c58e36;  /*Рамка навколо кнопки ширина, тип, колір*/
        border-radius: 6px;  /*Радіус заокруглення*/
        background-color: transparent; /*Фон прозорий*/
        position:  fixed; /*Позиціонування координати відраховуються від блоку лефт*/
        bottom: 60px; /*Відстань від низу екрана*/
        right: 83px; /*Відстань від права екрана*/
        background: url(images/knopka_top_1.png) center no-repeat; /*Малюнок фону Стрілка*/
        z-index: 1; /*Позиціонування слоїв меню на перший план*/
            }
            
.knopkatop_st a:hover {
        border:4px double #ff6600; /*Рамка навколо кнопки ширина, тип, колір*/
        border-radius: 6px;  /*Радіус заокруглення*/
        background: url(images/knopka_top_2.png) center no-repeat; /*Малюнок фону Стрілка*/
        background-color: #fcf5d4;  /*Колір фону */
            }                          
/*------------  Кінець КНОПКИ Стрілка вверх --------------- */      

	  /*Опис Блоку лівий для головної сторінки*/
#left_index  {
	    width: 990px; /*Ширина блоку з ліва 755*/
	    margin: 567px 0 4px 4px;  /* 664 Відступ блоку зверху, знизу, справа*/
      float:left;  /*Обтікання зліва*/
      background: #fcf5d4; /*Колір фону*/
      border-radius: 10px; /*Заокруглення країв*/
      border: 1.5px solid; /*Рамка довкола блоку ширина, тип*/
      border-color: #e4b76f; /*Колір рамки*/
      }
      
#left_insul  {
	    width: 755px; /*Ширина блоку з ліва 755*/
	    margin: 508px 0 4px 4px;  /* 664 Відступ блоку зверху, знизу, справа*/
      float:left;  /*Обтікання зліва*/
      background: #fcf5d4; /*Колір фону*/
      border-radius: 10px; /*Заокруглення країв*/
      border: 1.5px solid; /*Рамка довкола блоку ширина, тип*/
      border-color: #e4b76f; /*Колір рамки*/
      }      
      
	  /*Опис Блоку лівий для ВІДЕО*/
#left_video  {
	    width: 755px; /*Ширина блоку з ліва 705*/
      height: 850px; /*Висота блоку лівий-ВІДЕО*/
	    margin: 247px 0 4px 4px;  /*Відступ блоку зверху, знизу, справа*/
      float:left;  /*Обтікання зліва*/
      background: #fcf5d4; /*Колір фону*/
      border-radius: 10px; /*Заокруглення країв*/
      border: 1.5px solid; /*Рамка довкола блоку ширина, тип*/
      border-color: #e4b76f; /*Колір рамки*/
      }      

/*Початок блоку слайдів для index та isulation */      
/*----------------------------------------------*/
#slayd {
	   width: 990px; /*Розмір нашого блоку ШИРИНА */
     height:308px;   /*Висота Блоку Слайдів*/
	   margin: auto; /*Вирівнювання по центру*/
     margin-top: 249px;  /*Поля зверху*/
     margin-left: 4px;  /*Поля зліва*/
     position: absolute; /*Позиціонування*/
     background-color: #fddb9e; /*Колір фону наших слайдів*/
     border-radius: 10px; /*Заокруглення країв*/
     border: 1.5px solid; /*Рамка довкола блоку*/
     border-color: #e4b76f; /*Колір рамки*/
 	   }
     
#slayd-insul {
     width: 755px; /*Розмір нашого блоку ШИРИНА */
     height:253px;   /*Висота Блоку Слайдів*/
	   margin: auto; /*Вирівнювання по центру*/
     margin-top: 247px;  /*Поля зверху*/
     margin-left: 4px;  /*Поля зліва*/
     position: absolute; /*Позиціонування*/
     background-color: #fddb9e; /*Колір фону наших слайдів*/
     border-radius: 10px; /*Заокруглення країв*/
     border: 1.5px solid; /*Рамка довкола блоку*/
     border-color: #e4b76f; /*Колір рамки*/ 
      }     

.text_index {
	   text-align: center;  /*вирівнювання по центру фотографій*/
	   }


.text_index h1 {
	   color: #ff6600;  /*#C58E36; /*Колір загаловку в слайдах*/
     text-align: center;  /*вирівнювання по центру загаловку*/
	   font-size:110%;     /*Розмір шрифта заголовка*/
     font-weight: bold;  /*Шрифт жирний*/
     font-style: normal; /*Шрифт звичайний, italic;- курсив*/ 
 	   padding: 8px 0px 8px 0px;  /*Поля напису в слайді*/                       
	   }
     
.text_insul {
	   text-align: center;  /*вирівнювання по центру фотографій*/
	   }     
     
.text_insul h1 {
     text-align: center;  /*Вирівнювання по центру тексту*/
     padding: 10px 0px 10px 0px;  /*Поля напису в слайді*/
	   }

.text_insul a {
     color: #946924; /* #C58E36; /*Колір загаловку в слайдах*/
     text-align: center;  /*вирівнювання по центру загаловку*/
	   font-size: 18px;     /*Розмір шрифта заголовка*/
     font-weight: bold;  /*Шрифт жирний*/
     font-style: normal; /*Шрифт звичайний, italic;- курсив*/
     text-decoration: none;    
     }          

.text_insul a:hover {
     color: #ff6600; /* #C58E36; /*Колір загаловку в слайдах*/
     }          

   
.img_r {  /*На сторінці ТЕПЛОНОМ*/
     margin: 0px 22px 0px 22px; /*Поля навколо фотографії ВІДЦЕНТРОВКА*/
     border: 4px solid #ffffff; /*Рамка навколо фотографії + колір рамки*/
     border-radius: 8px; /*Заокруглення країв*/		
	  }
    
/*.img_r-in*/ 
.text_insul > a img {  /*На сторінці Утеплення*/
     margin: 0px 11px 0px 11px; /*Поля навколо фотографії ВІДЦЕНТРОВКА*/
     border: 2px solid #ffffff; /*Рамка навколо фотографії + колір рамки*/
     border-radius: 6px; /*Заокруглення країв*/		
	  }
    
.text_insul > a:hover img {
     border: 2px solid #c58e36; /*Рамка навколо фотографії + колір рамки*/
     border-radius: 6px; /*Заокруглення країв*/		
     }        

.coda-slider-wrapper.arrows .coda-slider,        /*Ширина слайдів для блоку Теплоном*/ 
.coda-slider-wrapper.arrows .coda-slider .panel { 
       width: 950px; /*Ширина слайду загальна - стрілки 990-20-20=950*/ 
       }
       
#slayd-insul > .coda-slider-wrapper.arrows .coda-slider,            /*Ширина слайдів для блоку утеплення*/
#slayd-insul > .coda-slider-wrapper.arrows .coda-slider .panel {        
       width: 715px; /*Ширина слайду загальна - стрілки 755-20-20=715*/
       } 
/*Стрілка по бокам вправо вліво*/
.coda-nav-left a {  /*Опис стрілок на стор index*/
      background: url(images/top_left.png) 0px no-repeat;  /*Введення зображення стрілки*/
      background-color: #e4b76f; /*Колір фону стрілки */ 
      border-radius: 8px 0px 0px 8px; /*Заокруглення країв з лівої сторони*/
      width: 20px; /*Розмір стрілки ШИРИНА*/
      height:308px; /* 308px; /*Розмір стрілки ВИСОТА*/
     /* overflow: hidden; /* visible; /* avto;*/ 
      text-indent: -9000em;  /*Викидання тексту за межі екрану*/
         }
         
.coda-nav-left a:hover {  /*Опис стрілок на стор index*/
      background: url(images/top_left_1.png) 0px no-repeat;  /*Введення зображення стрілки коли наведена миша*/
      background-color: #e4b76f; /*Колір фону стрілки */ 
      border-radius: 8px 0px 0px 8px; /*Заокруглення країв*/
      width: 20px; /*Розмір стрілки ШИРИНА*/
      height: 308px; /*Розмір стрілки ВИСОТА*/
      text-indent: -9000em;  /*Викидання тексту за межі екрану*/
         }
.coda-nav-right a {  /*Опис стрілок на стор index*/ 
      background: url(images/top_right.png) 0px no-repeat; /**/
      background-color: #e4b76f; /**/
      border-radius: 0px 8px 8px 0px; /**/
      width: 20px;  /**/
      height: 308px; /**/
      text-indent: -9000em; 
      }
      
.coda-nav-right a:hover {  /*Опис стрілок на стор index*/ 
      background: url(images/top_right_1.png) 0px no-repeat; /**/
      background-color: #e4b76f; /* #e4b76f; /**/
      border-radius: 0px 8px 8px 0px; /**/
      width: 20px; 
      height: 308px; 
      text-indent: -9000em; 
      }  
/*----------------------------------------------------------------------------------------*/
.coda-nav-left1 a {  /*Опис стрілок на стор insulation*/
      background: url(images/top_left.png) 0px no-repeat;  /*Введення зображення стрілки*/
      background-color: #e4b76f; /*Колір фону стрілки */ 
      border-radius: 8px 0px 0px 8px; /*Заокруглення країв з лівої сторони*/
      width: 20px; /*Розмір стрілки ШИРИНА*/
      height:253px; /* 308px; /*Розмір стрілки ВИСОТА*/
     /* overflow: hidden; /* visible; /* avto;*/ 
      text-indent: -9000em;  /*Викидання тексту за межі екрану*/
         }
         
.coda-nav-left1 a:hover {  /*Опис стрілок на стор insulation*/
      background: url(images/top_left_1.png) 0px no-repeat;  /*Введення зображення стрілки коли наведена миша*/
      background-color: #e4b76f; /*Колір фону стрілки */ 
      border-radius: 8px 0px 0px 8px; /*Заокруглення країв*/
      width: 20px; /*Розмір стрілки ШИРИНА*/
      height: 253px; /*Розмір стрілки ВИСОТА*/
      text-indent: -9000em;  /*Викидання тексту за межі екрану*/
         }
.coda-nav-right1 a {  /*Опис стрілок на стор insulation*/ 
      background: url(images/top_right.png) 0px no-repeat; /**/
      background-color: #e4b76f; /**/
      border-radius: 0px 8px 8px 0px; /**/
      width: 20px;  /**/
      height: 253px; /**/
      text-indent: -9000em; 
      }
      
.coda-nav-right1 a:hover {  /*Опис стрілок на стор insulation*/ 
      background: url(images/top_right_1.png) 0px no-repeat; /**/
      background-color: #e4b76f; /* #e4b76f; /**/
      border-radius: 0px 8px 8px 0px; /**/
      width: 20px; 
      height: 253px; 
      text-indent: -9000em; 
      }  
    
/*--Кінець опису стрілок---------------------------------------*/
 
.coda-nav ul li { display: none }  
.coda-slider-wrapper { clear: both; overflow: hidden }
.coda-slider { float: left; overflow: hidden; position: relative }
.coda-slider .panel { display: block; float: left }
.coda-slider .panel-container { position: relative }
.coda-nav-left, .coda-nav-right, .coda-nav-left1, .coda-nav-right1 { float: left }
.coda-nav-left a, .coda-nav-right a, .coda-nav-left1 a, .coda-nav-right1 a { display: block; text-align: center; text-decoration: none }
/*Кінець блоку слайдів*/
/*----------------------------------------------*/

     /*Опис сторінки ТЕПЛОНОМ форматування тексту*/ 
.index {
      padding: 10px 15px 0px 15px; /*Поля Тексту*/
      font-size: 110%;
      text-align: justify; /*Вирівнювання тексту*/
      text-indent: 1.4em;  /* Розмір параграфа Красная срока*/
      line-height: 1.9;    /*Міжстрочний Інтервал*/
       }
       
.index a {
	     color: #c58e36; /*#947f25; */
	     text-decoration: none;
        }

.index a:hover {
	    color: #2a2200; /*#2A2200; */
	    text-decoration: underline; /*none;*/
        }       

    /*Опис абзаца для регулювання відстані між абзацами*/    
.index p {
     /* margin-top: 0.5em; /* Відступ зверху */
        margin-bottom: 1.1em; /* Відступ знизу */
        }
        
   /*Опис зображення Теплоном 1*/      
.img_index1 {
       margin: 10px 10px 10px 0px; /* Поля навколо неї*/
       float: left; /* Обтікання текстом Картинка зліва*/
       }    
       
   /*Опис зображення Теплоном 2*/
.img_index2 {
       margin: 10px 0px 10px 10px; /*Поля*/
       float: right;   /*Обтікання*/
       }       
       
      /*Опис сторінки Утеплення*/
/*=====================================================================*/
.insulation {
      padding: 10px 15px 0px 15px; /*Поля Тексту*/
      font-size: 110%;
      text-align: justify; /*Вирівнювання тексту*/
      text-indent: 2em;  /* Розмір параграфа Красная срока*/
      line-height: 1.9;    /*Міжстрочний Інтервал*/
       }
       
.insulation a {
	     color: #2A2200;
	     text-decoration: none;
        }

.insulation a:hover {
	    color: #2A2200;
	    text-decoration: none;
        }        
       
    /*Опис абзаца для регулювання відстані між абзацами*/    
.insulation p {
     /* margin-top: 0.5em; /* Відступ зверху */
        margin-bottom: 1.1em; /* Відступ знизу */
        }
        
.insulation h1 {
        border-top: none; /*Без рамки зверху*/
        font-size: 170%;  /*Розмір шрифта*/
        text-align: center; /*Вирівнювання по центру*/
        font-weight: bold;  /*Шрифт жирний*/
        color: #ff6600; /*Колір Шрифта*/
        }
        
.insulation .ssl  a {
	     color: #ff6600;
	     text-decoration: none;
        }

.insulation .ssl a:hover {
	    color: #c58e36;
	    text-decoration: underline;
        }        
     
     /*Опис зображення Права сторона */   
.img_insulation_R {
       float: right;   /*Обтікання*/
       margin: 10px 0px 10px 10px; /*Поля*/
       padding: 5px; /* Поля всередині блоку */
       border: 1px solid  #2a2200; /*#e4b76f;*/
       } 
       
     /*Опис зображення Ліва сторона */   
.img_insulation_L {
       float: left; /* Обтікання текстом Картинка зліва*/
       margin: 10px 10px 10px 0px; /* Поля навколо неї*/
       padding: 2px; /* Поля всередині блоку */
       border: 1px solid  #2a2200; /*#e4b76f;*/ 
       }
       
      /*Кінець опису сторінки Утеплення*/
/*=====================================================================*/        
       
     /*Опис сторінки ФОТО форматування тексту*/
.foto {
      padding: 6px 10px 0px 0px; /*Поля сторінки для вирівнювання фотографій*/
       }
       
        /*Опис абзаца для форматування тексту*/    
.foto p {
       padding: 5px 10px 0px 15px; /*Поля Тексту 10 15 0 15*/
     /* margin-top: 0.5em; /* Відступ зверху */
     /*  margin-bottom: 1.1em; /* Відступ знизу */
       font-size: 90%;
       text-align: justify; /*Вирівнювання тексту*/
       text-indent: 1em;  /* Розмір параграфа Красная срока*/
       line-height: 1.5;    /*Міжстрочний Інтервал*/
       } 

.foto img  {
       float: left; /* Вирівнювання ФОТОГРАФІЙ */
       padding: 0px; /* Поля всередині блоку */
       margin: 0px 3px 10px 14px; /* Поля навколо фотографії */
      /* border: 1px solid #2a2200; /* Рамка навколо фотографії */
        }
       
      /*Опис заголовка h1 в ФОТО*/
.foto h1 {
	     font-size: 180%; /*Розмір шрифта*/
       text-align: center; /*Вирівнювання по центру*/
       font-weight: bold;  /*Шрифт жирний*/
       margin: 5px 0px 0px 0px;
	     color:#ff6600;  /*C58E36 Коричневий Колір тексту*/
       }
       
      /*Опис заголовка h2 в ФОТО*/
.foto h2 {
	     font-size: 140%; /*Розмір шрифта*/
       text-align: left; /*center Вирівнювання по центру*/
       font-weight: bold;  /*Шрифт жирний*/
       margin: 30px 0px 15px 20px;
	     color:#c58e36;  /*ff6600 Колір тексту*/
       }
       
.foto .ssf  a {
	     color: #c58e36;
	     text-decoration: none;
        }

.foto .ssf a:hover {
	    color: #ff6600;
	    text-decoration: underline;
        }                      
        
.foto a {
       text-decoration: none;
       color:#ff6600;  /*Коричневий Колір тексту*/
         }
         
.foto a:hover{
       text-decoration: underline; /*none;*/
       color:#C58E36;  /*Коричневий Колір тексту коли наведена мишка*/  
         }                                      

     /* Кінець опису сторінки ФОТО форматування тексту*/        
/*-------------------------------------------------*/
/*Вставка ВІДЕО НА САЙТ*/
        
/*.video {
      padding: 0px 0px 0px 0px; /*Поля внутрішні*/
      /*   }*/   
      
.flowplayer {
       background-image: url(video/foto_titul.jpg); /*Заставка на відео малюнок*/
       width: 640px !important; /*Розмір Блоку Відео ШИРИНА Задаються пропорції 16:9*/
       height: 360px !important; /*Розмір Блоку Відео ВИСОТА*/ 
       margin: 0px auto !important; /*Поля зовнішні верх низ відцентровка*/
       display: block !important;
       z-index: 1; /*Позиціонування слоїв: меню на перший план, відео на другий*/
          }
         
.fp-playlist {
       position: absolute; /*relative; /*absolute;*/
       top: 360px;  /*Відступ з верху*/
       text-align: center; /*Вирівнювання блоків по центру*/
       width: 100%  /*Ширина*/
       }
          
.fp-playlist a {
       background-color: #ffe6bf; /*Фон якщо не загрузився малюно*/
       border: 4px solid #e4b76f; /*black*/
       border-radius: 5px;
       text-align: center;  /*вирівнювання по центру загаловку*/
	     font-size:100%;   /*Розмір шрифта заголовка*/
       font-weight: bold;  /*Шрифт жирний*/
       font-style: normal; /*Шрифт звичайний, italic;- курсив*/ 
       display: inline-block;
       width: 300px; /*200 Ширина*/
       height:200px; /*200 Висота*/
       margin: 30px 2px 0px 0px;
           } 

.fp-playlist a:hover {
       border: 4px solid #ff6600 !important;
          } 

.is-active {
       background-image:none;
       background-color: #ffe6bf !important;
       border:4px solid #ff6600 !important; 
        }
        
.fp-brand {
       text-indent: -99999px; /*Забирає логотип ФЛОВ плеєра з ссилкою на їхній сайт*/
       }
       
.fp-controls {
        opacity: 0.8; /*Прозорість меню*/
        }               
        
.video h1 {
	     /*font-size: 200%; /*Розмір шрифта*/
       text-align: center; /*Вирівнювання по центру*/
       font-weight: bold;  /*Шрифт жирний*/
       margin: 15px 0px 15px 0px;
	     color:#C58E36;  /*Коричневий Колір тексту*/
       text-decoration: none;
       }
         
.video a {
       text-decoration: none;
       color:#C58E36;  /*Коричневий Колір тексту*/
         }
         
.video a:hover{
       text-decoration: underline; /*none;*/
       color:#ff6600;  /*Коричневий Колір тексту коли наведена мишка*/  
         }                                                          
        
     /*Кінець Вставка ВІДЕО НА САЙТ*/ 
     /*Опис сторінки Контакт форматування тексту*/
.contact {
      padding: 40px 15px 0px 15px; /*Поля Тексту*/
      font-size: 180%;
      text-indent: 0em;  /* Розмір параграфа Красная срока*/
      line-height: 2;    /*Міжстрочний Інтервал*/
      text-align: left;
         }
.contact a {
	     color: #4DA0C6;
	     text-decoration: none;
        }

.contact a:hover {
	    color: #4DA0C6;
	    text-decoration: underline;
        }
         
         
    /*Опис списку в блоці контакт*/
.spis {
      margin: 40px 0px 150px 200px; /*Поля*/
       }
               
      /*Опис заголовка h1 в Контакт*/
.contact h1 {
	     font-size: 120%; /*Розмір шрифта*/
       text-align: center; /*Вирівнювання по центру*/
       font-weight: bold;  /*Шрифт жирний*/
	     color: #C58E36;  /*Оранжевий Колір тексту*/
       }         
 
 /*Блок Фотографій з рамками і підписом НЕ ВИКОРИСТОВУЄТЬ ШАБЛОН*/      
.img-ramka  {
       float: left; /* Вирівнювання ФОТОГРАФІЙ */
       text-align: center; /*Вирівнювання підписів фотографій*/
       color: #ff0;     /*Колір тексту фотографій*/
       border: 1px solid #0f0; /* Рамка навколо фотографії */
       padding: 2px 2px 2px 2px; /* Поля всередині блоку */
       margin: 1px; /* Поля навколо фотографії */
       background: #ff0000; /* Колір фону рамки фотографї */ 
        }  
/*-------Сертифікат-----------*/
.sertifikat {
      padding: 10px 10px 0px 10px; /*Поля Тексту*/
      font-size: 110%;
      text-align: justify; /*Вирівнювання тексту*/
      text-indent: 1.4em;  /* Розмір параграфа Красная срока*/
      line-height: 1.9;    /*Міжстрочний Інтервал*/
         }
       
.sertifikat a {
	     color: #2A2200;
	     text-decoration: none;
        }

.sertifikat a:hover {
	    color: #2A2200;
	    text-decoration: none;
        }       

    /*Опис абзаца для регулювання відстані між абзацами*/    
.sertifikat p {
     /* margin-top: 0.5em; /* Відступ зверху */
        padding: 10px 30px 0px 30px; /*Поля Тексту*/
        margin-bottom: 1.1em; /* Відступ знизу */
        }
        
.sertifikat h1 {
	     font-size: 200%; /*Розмір шрифта*/
       text-align: center; /*Вирівнювання по центру*/
       font-weight: bold;  /*Шрифт жирний*/
       margin: 5px 0px 15px 0px;
	     color:#C58E36;  /*Коричневий Колір тексту*/
       }
       
.sertifikat img  {
       float: left; /* Вирівнювання ФОТОГРАФІЙ */
       padding: 0px; /* Поля всередині блоку */
       margin: 0px 3px 10px 8px; /* Поля навколо фотографії */
      /* border: 1px solid #2a2200; /* Рамка навколо фотографії */
        }          
     
   /*-----Кінець Сертифікат-----*/
           
  /*Опис сторінки ЕКОІЗОЛ форматування тексту*/
.ekoizol {
      padding: 15px 15px 0px 15px; /*Поля Тексту*/
      font-size: 110%;
      text-align: justify; /*Вирівнювання тексту*/
       }

.ekoizol a {
	     color: #ff6600; /*#947f25; */
	     text-decoration: none;
        }

.ekoizol a:hover {
	    color: #2A2200;
	    text-decoration: underline; 
        }       
        
     /*Опис параграфа в ЕКОІЗОЛ*/  
.ekoizol p {
      text-indent: 2.2em;  /* Розмір параграфа Красная срока*/
      line-height: 1.9;    /*Міжстрочний Інтервал*/
    /* margin-top: 0.5em; /* Відступ зверху */
      margin-bottom: 1.1em; /* Відступ знизу */
       }                              
      
      /*Опис заголовка h1 в ЕКОІЗОЛ*/
.ekoizol h1 {
       border-top: none; /*Без рамки зверху*/
       font-size: 170%;  /*Розмір шрифта*/
       text-align: center; /*Вирівнювання по центру*/
       font-weight: bold;  /*Шрифт жирний*/
       color: #ff6600; /*Колір Шрифта*/
        }
       
     /*Опис Заголовку h2 в ЕКОІЗОЛ*/
.ekoizol h2 {
        font-size: 125%; /*Розмір шрифта*/
        text-align: center; /*Вирівнювання по центру*/
        font-weight: normal; /*Шрифт нормальний*/
        text-decoration: none; /*Без ефектів*/
        color: #c58e36;  /*Коричневий Колір тексту*/
        } 
        
     /*Опис Заголовку h3 вЕКОІЗОЛ*/
.ekoizol h3 {
      /*  border-bottom: 1px dashed #ff6600; /*Рамка заголовка в даному випадку знику пунктир*/
        border-top: none; /*Без рамки зверху*/
        font-size: 135%;  /*Розмір шрифта*/
        text-align: center; /*Вирівнювання по центру*/
        font-weight: bold;  /*Шрифт жирний*/
        color: #ff6600; /* #c58e36 f60 Колір Шрифта*/
        } 
        
   /*Опис Зображення в екоізол 1*/      
.img_ekoizol {
       margin: 10px 10px 10px 0px; /* Поля навколо неї*/
       float: left; /* Обтікання текстом Картинка зліва*/
       } 
   
   /*Опис Зображення в екоізол 2*/    
.img_ekoizol1  {
       float: right; /* Вирівнювання ФОТОГРАФІЙ */
       padding: 0px; /* Поля всередині блоку */
       margin: 10px 0px 15px 10px; /* Поля навколо фотографії */
       border: 1px solid #2a2200; /* Рамка навколо фотографії */
        }                    

    /*Опис Списку 1*/
.sp1 {
        margin: 10px 0px 10px 210px; /*Поля списку*/
        list-style-image: url(images/st-2.png);
        line-height: 1.9;    /*Міжстрочний Інтервал*/
        text-indent: 0em;  /* Розмір параграфа Красная срока*/
        list-style-position: outside; /* outside */
        }
        
    /*Опис Списку2 використовується в прайсі*/
.sp2 {
        margin: 10px 30px 10px 40px; /*Поля списку*/
        list-style-image: url(images/st-3.png);
        line-height: 1.9;    /*Міжстрочний Інтервал*/
        text-indent: 0em;  /* Розмір параграфа Красная срока*/
        list-style-position: outside; /* outside */
       } 
       
.sp3 {
        margin: 0px 85px 0px 85px; /*Поля списку*/
        list-style-image: url(images/disk.png);
        line-height: 1.9;    /*Міжстрочний Інтервал*/
        text-indent: 0em;  /* Розмір параграфа Красная срока*/
        list-style-position: outside; /* outside */
        } 
         
    /*Опис списку в прайсі*/     
.sp7 {
        margin: 0px 0px 0px 240px; /*Поля списку*/
        list-style-image: url(images/disk.png);
        line-height: 1.9;    /*Міжстрочний Інтервал*/
        text-indent: 0em;  /* Розмір параграфа Красная срока*/
        list-style-position: outside; /* outside */
        }
        
/*==========-- Початок опису сторінки прайс --=======================================*/        
      
.price {
      padding: 46px 15px 50px 15px; /*Поля Тексту*/
      font-size: 110%;
      text-align: justify; /*Вирівнювання тексту*/
       }
     
     /*Опис Заголовку h1 Прайс*/
.price h1 {
        font-size: 140%;  /*Розмір шрифта*/
        text-align: center; /*Вирівнювання по центру*/
        font-weight: bold;  /*Шрифт жирний*/
        color: #ff6600; /* #c58e36 f60 Колір Шрифта*/
        }  
        
.price a {
	     color: #c58e36; /*#ff6600; Колір ссилки в тексті ПРАЙС*/
	     text-decoration: none;
        }

.price a:hover {
	    color: #ff6600; /* #2a2200;  Колір ссилки при наведенні мишки в тексті ПРАЙС*/
	    text-decoration: underline; 
        }                      

/*==========-- Кінець опису сторінки прайс --=======================================*/ 
       
/*----- Початок опису сторінки Uteplenny-mansardi ----------------------------------*/

.uteplenny {
      padding: 15px 15px 0px 15px; /*Поля Тексту*/
      font-size: 110%; /* Розмір щрифта вблоці*/
      text-align: justify; /*Вирівнювання тексту*/
       }

.uteplenny a {
	     color: #c58e36; /* #ff6600; Колір ссилки в тексті*/
	     text-decoration: none;
        }

.uteplenny a:hover {
	    color: #2A2200;
	    text-decoration: underline;  /* #2a2200; Колір ссилки в тексті коли наведена мишка*/ 
        }       
        
     /*Опис параграфа в Uteplenny*/  
.uteplenny p {
      text-indent: 2.2em;  /* Розмір параграфа Відступ абзацу*/
      line-height: 1.7;    /*Міжстрочний Інтервал*/
      margin-top: 0.3em; /* Відступ абзацу зверху */
       }                              
      
     /*Опис Заголовку h2 в Uteplenny*/
.uteplenny h2 {
        font-size: 100%; /*Розмір шрифта*/
        text-align: center; /*Вирівнювання по центру*/
        font-weight: bold; /*Шрифт жирний*/
        text-decoration: none; /*Без ефектів*/
        color: #ff6600;  /*Колір тексту*/
        } 
        
     /*Опис зображень */   
.img_mans_L {
       float: left;   /*Обтікання з ліва*/
       margin: 10px 15px 0px 0px; /*Поля*/
         } 
        
.img_mans_R {
       float: right;   /*Обтікання з права*/
       margin: 10px 0px 0px 15px; /*Поля*/
         }        
      
      /*Опис зображення схеми*/   
.img_mans_L1 {
       float: left;   /*Обтікання */
       margin: 10px 15px 0px 0px; /*Поля*/
       border: 1px solid #2a2200; /* Параметры рамки */
       border-radius: 6px; /*Заокруглення країв*/
         }
         
         /*Рамка навколо зображення для першої схеми*/
.uteplenny .ram a:hover img {
	     border: 1px solid #ff6600; /* Параметры рамки */
       border-radius: 6px; /*Заокруглення країв*/ 
        }               
         
.opis-foto-L {
      border: 1px solid #2a2200; /* Параметры рамки */
      border-radius: 6px; /*Заокруглення країв*/
      display: block; /* Блочный элемент */
      width: 282px; /* Ширина */
      text-align: center; /* Выравнивание по центру */ 
      font-size: 80%; /*Розмір шрифта*/
      padding: 0px 0px 5px 0px;
      margin: 10px 15px 10px 0px; /*Поля*/
      float: left; /* Блоки выстраиваются по горизонтали */
      }

.opis-foto-R {
      border: 1px solid #2a2200; /* Параметры рамки */
      border-radius: 6px; /*Заокруглення країв*/
      display: block; /* Блочный элемент */
      width: 282px; /* Ширина */
      text-align: center; /* Выравнивание по центру */ 
      font-size: 80%; /*Розмір шрифта*/
      padding: 0px 0px 5px 0px;
      margin: 10px 0px 10px 15px; /*Поля*/
      float: right; /* Блоки выстраиваются по горизонтали */
      }   
  
    /*Опис підписів під фотографіями це текст ссилок*/
.uteplenny .opis-foto-L a,
.uteplenny .opis-foto-R a {
      color: #2a2200; /* Колір */
      font-weight: bold; /*Шрифт жирний*/
       }
    
.uteplenny .opis-foto-L a:hover,
.uteplenny .opis-foto-R a:hover {
      color: #ff6600; /* Колір */
       } 
      
      /*Рамка навколо зображень з написами*/ 
.img_mans {
       border: 1px solid #fcf5d4; /* Параметры рамки */
       border-radius: 6px; /*Заокруглення країв*/
       margin: 0px 0px 5px 0px; /*Відступ тексту в середині рамки*/ 
          }
 
/*----- Кінець опису сторінки Uteplenny-mansardi ---------------------------------------------------------------*/
                  
        
     /*Опис блоку з права*/
#right {
       width: 236px; /*Висота блоку*/
       margin: 247px 0 0 0; /*Поля зверху,*/
       float: right; /*Обтікання текстом зліва*/
       }

#right a {
       color: #4DA0C6; /*Синій Колір ссилки*/
       text-decoration: none; /*Без піджкреслення*/
       }

#right a:hover {
       color: #ff6600; /*Оранжевий колір ссилки при наведенні мишки*/
       text-decoration: none; /*underline; Без підкреслення*/
         }

   /*опис заголовка болоку з права*/
.titl_right {
      height: 25px;  /*Висота блоку*/
      padding-top: 10px;  /*Поля всередині блоку*/
      font-size: 14px;    /*Розмір шрифта*/
      font-weight: bold;  /*Шрифт напівжирний*/
      text-align: center; /*Вирівнювання тексту по центру*/
      text-transform: uppercase; /*Всі букви тексту ВЕЛИКІ, верхній регістр*/
      color: #ffffff; /*Білий Колір тксту*/
      background: url(images/fon-m-p.gif) center no-repeat; /*Малюнок фону Синя рамка*/
      margin: 0px 0px 0px 0px; /*Поля*/
        }
        
    /*Всавляється малюнок напів заокруглена рамка*/
.ug {
	    background: url(images/fon-m-p1.jpg) 0px 0px  no-repeat;
      margin-left: 2px;
	    padding: 20px 10px 20px 15px;
     }            
        
    /*Використовується для списку ссилок СТАТТІ Знак стрілочка*/
.sp4 {
        margin: 0px 10px 0px 10px; /*Поля списку*/
        list-style-image: url(images/st-s.gif);
        }
        
   /*Використовується для опису списку контактів*/
.sp5 {
        margin: 0px 0px 0px 0px; /*Поля списку*/
        list-style: none;  /*Без значка*/
        font-size: 75%;  /*Ромір шрифта*/
        font-weight: bold; /*Шрифт напівжирний*/
        line-height: 1.8;    /*Міжстрочний Інтервал*/
        text-decoration: none; /*Без ефектів*/
        color: #000000; /*Чорний Колір тексту*/
        }                

      /*Використовується для опису Властивості ЕКОІЗОЛУ*/        
.sp6 {
        margin: 0px 0px 0px 5px; /*Поля списку*/
        list-style-image: url(images/disk-s.png); /*Знак Синій диск*/
        font-size: 80%;  /*Ромір шрифта*/
        line-height: 1.8;    /*Міжстрочний Інтервал*/
        text-decoration: none; /*Текст без ефектів*/
        color: #000000; /*Чорний Колір тексту*/
        }                

   /*Опис Нижнього Блоку навігації*/
#footer {
       background: #B99760; /*Фон блоку*/
       color: #ffffff;   /* Колір тесту*/
       padding:5px;    /*Поля*/
       border-radius: 0 0 10px 10px; /*Заокруглення країв*/
         }   

#footer p {
	      margin: 0;
	      font-size: 12px;
	      text-align: center;
	      color: #000000;
        }

.size {
      font-size: 10px;
      text-align: center;
	    color: #000000;
      }
  
#footer a {
        color: #ffffff; /*Колір ссилки коли не активна*/
        }
        
#footer a:hover{
         color: #199eff; /*Колір ссилки принаведенні мишки*/
         }     
        
#footer a.act1 {
         color: #199eff; /*Колір ссилки принаведенні мишки*/
         }