body {
    font: 10pt Arial, Helvetica, sans-serif; /* Шрифт на веб-странице */
    background: #F1f1f1; /* Цвет фона */
   }
   h3  {
    font-size: 16px; /* Размер шрифта */
    color: #808080;/* Цвет текста */
    text-align: center;
   }
   h3 a
   {
    font-size: 16px; /* Размер шрифта */
    color: #808080;/* Цвет текста */
    text-align: center;
    text-decoration: none; /* Отменяем подчеркивание у ссылки */
   }
   h3 p  {
    font-size: 14px; /* Размер шрифта */
    color: #000;/* Цвет текста */
    text-align: center;
   }
    p a{
    font-size: 14px; /* Размер шрифта */
    color: #000;/* Цвет текста */
    text-align: center;
   }
   h3 a:hover {
     color: #C7D4E1;
   }
   p {
    font-size: 14px; /* Размер шрифта */
    color: #808080;/* Цвет текста */
    padding: 7px; /* Отступы вокруг текста */
    margin: 0 auto;
   }
   h4{
     color: red;
  font-size: 16px;
   padding: 5px; 
    text-align: center;
    margin: 0 auto;
   }
   a {
        text-decoration: none; /* Отменяем подчеркивание у ссылки */
   }
   p a{
       color: #0000FF;
   }
   #container {
    width: 760px; /* Ширина слоя */
    margin: 0 auto; /* Выравнивание по центру */
    background: #FFF; /* Цвет фона левой колонки */

   }
   #cntkts{margin-top: -50px;}
   #logo {
    width: 760px; /* Ширина слоя */
    height:250px;
    margin: 0 auto; /* Выравнивание по центру */
    background:url(/images/Banner1.jpg) no-repeat;
    -moz-background-size: 100%; /* Firefox 3.6+ */
    -webkit-background-size: 100%; /* Safari 3.1+ и Chrome 4.0+ */
    -o-background-size: 100%; /* Opera 9.6+ */
    background-size: 100%; /* Современные браузеры */
   }
   #logo_phone {
	text-decoration:none;
	display:inline-block;
	float:left;
    border-bottom: solid 3px #C7D4E1;
    width: 380px; /* Ширина слоя */
    height:70px;
    margin: 0 auto; /* Выравнивание по центру */
    background:url(/images/logo_phone.jpg) no-repeat;
    -moz-background-size: 100%; /* Firefox 3.6+ */
    -webkit-background-size: 100%; /* Safari 3.1+ и Chrome 4.0+ */
    -o-background-size: 100%; /* Opera 9.6+ */
    background-size: 100%; /* Современные браузеры */
   }
   #logo_mail {
	text-decoration:none;
	display:inline-block;
	float:left;
    border-bottom: solid 3px #C7D4E1;
    width: 380px; /* Ширина слоя */
    height:70px;
    margin: 0 auto; /* Выравнивание по центру */
    background:url(/images/logo_mail.jpg) no-repeat;
    -moz-background-size: 100%; /* Firefox 3.6+ */
    -webkit-background-size: 100%; /* Safari 3.1+ и Chrome 4.0+ */
    -o-background-size: 100%; /* Opera 9.6+ */
    background-size: 100%; /* Современные браузеры */
   }
   #header {
	   margin-top: 70px;
    font-size: 15px; /* Размер текста */
    text-align: center; /* Выравнивание по центру */
    padding: 10px; /* Отступы вокруг текста */
    background: #FFF; /* Цвет фона шапки */
    color: #ffe; /* Цвет текста */
    border-bottom: solid 3px #C7D4E1; /*цвет нижней линии*/
    height:15px;
    line-height:15px;/*Устанавливает интерлиньяж (межстрочный интервал) текста, отсчет ведется от базовой линии шрифта.*/ 
    outline:none;/* Убираем границу вокруг ссылок */ 
   }
  #header a:last-child {
  border-right: none; /*Линия не отображается и значение ее толщины обнуляется*/
}
#header a {
  padding: 9px;
  color: #4F4F4F;
  text-decoration: none; /* Отменяем подчеркивание у ссылки */
}
 #header a:hover{ /*Определяет стиль элемента при наведении на него курсора мыши, 
  но при этом элемент еще не активирован, иными словами кнопка мыши не нажата*/
  background-color: rgba(0,0,0,.09);  /* Цвет фона под ссылкой */ 
  padding: 10px;
}
.wrapper {
  background: #FFF;
}
 #content {
    width: 760px;
    margin: 0 auto;
    background: #FFF;
}
/*Начало карточки  пенкид*/
.content {
    height: 780px;
    height: 100%;
}
.content p{
    color: #000;
     font-size: 17px; /* Размер текста */
     padding-left: 20px;
padding-top: 2px;

}
.content h3{
    color: #0B0B61;
      margin-top: 20px;
      margin-bottom: -10px;
      padding-bottom: 20px;
}
 .rightimg  {
    float: right; /* Выравнивание по правому краю  */ 
    margin: 20px 50px 15px 15px; /* Отступы вокруг картинки */
  width: 180px;
    height: 720px;
   }
   /*Конец карточки  пенкид*/
   /*начало страницы о компании*/
   .okompanii{
     margin-top: 15px;  
   }
   .okompanii p {
    color: #000;
     font-size: 15px; /* Размер текста */
     padding-left: 20px;
     margin:5px;   
   }
     /*Конец страницы о компании*/
       /*начало страницы партнерам*/
       .partneram {
           margin-top: 10px; 
       }
       .partneram p{
           color: #000;
     font-size: 15px; /* Размер текста */
     padding-left: 20px;
  margin-top: -10px; 
       }
         .partneram h3{
             color:#000;
         }
         /*конец страницы о компании*/
/* начало установки*/
.ustanovka p{
    color: #000;
     font-size:15px; /* Размер текста */
     padding-left: 20px;
     margin:5px; 
}
.ustanovka iframe {
   margin-top: 10px; 
       width: 740px;
       height: 450px; 
       margin-bottom: 10px;
}
/* конец установки*/
/* Сертификат*/
#img2 {
    margin-top: 10px; 
}
#img2 img{
     padding: 5px;
}
#img2 iframe {
       margin-top: 7px; 
       width: 740px;
       height: 450px;
       margin-bottom: 10px;
   }
   /* Сертификат*/
   .proizvodstvo {
         padding-top: 20px;
         padding-bottom: 10px;
   }
   .proizvodstvo p{
        color: #000;
     font: 15px sans-serif; /* Размер текста */
     padding-left: 20px;
      margin-top: -10px; /* Отступ сверху */
   }
 /*Замки начало*/  
  .penkid-tovar {
        margin-bottom: 20px;
  }
   .penkid-tovar h2 a{
        font-size: 15px; /* Размер шрифта */
    color: #000;/* Цвет текста */
      padding-left: 20px;
   }
    .penkid-tovar h2 a:hover{
    color: #706E6E;/* Цвет текста */
      
   }
   .penkid-tovar img{
       
         margin: 10px 0px 5px 5px;
          width: 200px;
       height: 200px;
   }
   
    /* замки конец*/  
    
#column-1,
#column-2,
#column-3 {
    float: left;
    /*min-height: 100%;*/
    height: 600px;
}
#column-1 {
    width: 253px;
    background: #FFF;
}
#column-2 {
    width: 253px;
    background: #FFF;
}

#column-3 {
    width: 253px;
    background: #FFF;
}
.fig {
    display: block; /* Блочный элемент (для старых браузеров) */
    text-align: center; /* Выравнивание по центру */
    font-style: italic; /* Курсивное начертание */
    margin-top: 25px; /* Отступ сверху */
    margin-bottom: 10px; /* Отступ снизу */
    color: #666; /* Цвет подрисуночной подписи */
   }
   .buttom {
    width: 760px;
    height: 100%;
    margin: 0 auto;
    
   }
   .buttom a {
    padding: 5px 38px;
    background-color: #4c95b7; 
    font-size: 18px;
    color: #FFF;
    text-decoration: none;
	border-bottom: 3px solid #464e99;
	display: inline-block;
     margin-top: 15px;margin-bottom: -15px;
   }
   .buttom a:hover {
    background-color: #9C9C9C;
   }
   .buttom a:active {
    border: none;
   }
     .clear { 
   	 background: #FFF;
    clear: both; /* Отмена обтекания */ 
    height: 20px;
   }
    #footer { 
    background: #78857c; /* Цвет фона подвала */
    padding: 8px; /* Отступы вокруг текста */
    clear: left; /* Отменяем действие float */
    text-align: center;
   }
   #footer a:last-child {
  border-right: none; /*Линия не отображается и значение ее толщины обнуляется*/
}
#footer a {
  padding: 8px;
  color: #FFF;
  text-decoration: none; /* Отменяем подчеркивание у ссылки */
}
 #footer a:hover{ /*Определяет стиль элемента при наведении на него курсора мыши, 
  но при этом элемент еще не активирован, иными словами кнопка мыши не нажата*/
  background-color: rgba(0,0,0,.09);  /* Цвет фона под ссылкой */ 
  padding: 8px;
}
#footer1 { 
    background: #78857c; /* Цвет фона подвала */
    padding: 15px; /* Отступы вокруг текста */
    clear: left; /* Отменяем действие float */
    text-align: center;
    margin-top: 0px;
   }