/* фон сайта*/  
/*body{ 
    overflow-wrap: break-word;/*переноса строк и слов, в том случае, если слова заходят за пределы блока*/
   /*word-break: break-word;/*перенес слов на новую строчку - работает*/
  /*background: url(/gallery/Pattern/Material/Kozha/kozha-5-.jpg);
 }*/
body a {color: #0557B5; /* Цвет ссылок */}
  a:hover {color: #137000; /* Цвет при наведении*/}
 /* a:visited { color: #4C8E8A; /* Цвет посещенных ссылок}
 /* a:active {color: gray;}*/
.page-header{
    width:90%;
    /*width:95%;*/
}
@media screen and (max-width: 768px) {
    .page-header{
    width:80%;
}
}

@media screen and (max-width: 320px) {
    .page-header{
    width:300px;
}
}

.navbar-fon {background: url(/images/glavnaja/navbar-fon.jpg)no-repeat;}

/*шрифт в шапке*/

@font-face {
	font-family: 'shrift-4.otf'; 
	src: url(/css/fonts/shrift-4.otf); 
}

.header1 {
    font-family: 'shrift-4.otf'; 
    color:green;
    font-size:1.1em;
    position: relative;
    left: 3px;
    top: -13px;
}

/*===================================== меню верх МОНЮША ВЕРХ ШАПОЧКА===============================*/

.menu-sha {
  display:block;
  text-align: left;
}

.menu-sha-tr {
   margin: 1px;
}

#menu-sha-tr-a img {
    width:35px;
    margin: 0 0 6px 0;
}
#menu-sha-tr-a {
    font-size:20px;
    color: #0066CC;
    font-weight:600;
    padding: 15px 8px;
    text-decoration: none;
    background-color: rgba(78, 195, 48, 0.45);
  /*background-color: #AEF5BC;*/
  border: 1px solid #E2E2E2;
    -webkit-box-shadow: 0px -9px 10px -5px rgba(34, 60, 80, 0.5) inset;
-moz-box-shadow: 0px -9px 10px -5px rgba(34, 60, 80, 0.5) inset;
box-shadow: 0px -9px 10px -5px rgba(34, 60, 80, 0.5) inset;
}

#menu-sha-tr-a:hover {
    color: #FFF;
    text-decoration: none;
    background-color: rgba(18, 145, 68, 0.65);
   /* background-color: #009050;*/
    border-bottom: 3px solid #FF9933;  
}

@media screen and (max-width: 768px) {

#menu-sha-tr-a img {
    width:22px;
    margin: 0 0 4px 0;
}
#menu-sha-tr-a {
    font-size:15px;
    color: #0066CC;
    font-weight:500;
   line-height: 3.1;
   padding: 10px 4px;
    text-decoration: none;
  background-color: #AEF5BC;
  border: 1px solid #E2E2E2;
}

#menu-sha-tr-a:hover {
    color: #FFF;
    text-decoration: none;
    background-color: #009050;
    border-bottom: 2px solid #F7AD00;  
  }
}

/*не показывает на мобилке*/
@media screen and (max-width: 600px) {
  .menu-sha {
    visibility: hidden;
    display: none;
  }
}

/*показывает только на мобилке*/
.menu-sha-mobi { display: none; }
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px){ .menu-sha-mobi { display: inline; }}

.mobi-menu{
    display: block;
    width:35px;
    margin: 4px;
    text-decoration: none;
    list-style-type: none;
    background-color: #AEF5BC;
    border: 2px solid #5F5F5F;
}


/*  --------------------===========БАНЕРОК==============---------------------  */
.baner{
width: 97%;
padding: 2px;
margin: 0 auto;
 overflow: hidden;
 overflow-x: auto;
/* float: left;*/
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #DADADA;
}


.baner-fon{
width: 97%;
padding: 2px;
margin: 0 auto;
 overflow: hidden;
 overflow-x: auto;
/* float: left;*/
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #DADADA;
background: url('/gallery/Pattern/Pejzazhi/Zelenyj-lug/lug-11-0.jpg');
}

/*==========================  ТЕКСТ С ПРАВОГО КРАЯ  ДЛЯ ПРАВОГО МЕНЮ==================================*/
.text-right{
   display: block;
   text-align:right;
 }

/*===========================================  скачать файлы   ======================================*/
.skachat:before {
    background: url('/images/glavnaja/skachat.png') no-repeat;
    content: "";
    float: left;
    height: 35px;
    margin-right: 5px;
    width: 30px;
}

.skachat{
    line-height: 35px; /* Как высота картинки */
}
.font-kacht{
    font-size:24px; text-decoration: none;
}

/*========--------------  сапа  ------------========*/
.sapak{
    width:97%;
    font-size: 16px;
     font-weight:600;
   margin: 0 auto;
    padding: 4px 6px 4px 6px;
    background: #FF8F93;
}
.sapak-0{
   margin: 0 auto;
    padding: 4px 5px 4px 5px;
    background: #BFFFB5;
}

.sapak-bord-1{
    line-height: 1.2;
    border:dotted; background: #FFFFFF; border-color:#C2C2C2; border-width:1px; padding: 2px;
}
    
/*-----  breadcrumbs    -----*/

#showHere-0{
    font-size: 22px;
    font-weight:400;
    padding: 4px 7px 4px 7px;
    border-radius: 4px;
    background: #D6E5DF;
}

#showHere-0 li{
    color: #9FA6A7;
    font-size: 16px;
    font-weight:600;
    padding: 2px 7px 2px 7px;
    border-radius: 2px;
}

#showHere-0 li:hover{
    color: #0053B2;
}
    
#showHere-0 li span{
    /*color:green;*/
    font-size: 20px;
    line-height: 1.6;
    font-weight:600;
    padding: 3px 7px 3px 7px;
    border: 1px solid #6F9700; 
    border-radius: 4px;
    background: #FFF;
}
    

.table_karta-sajta {padding: 10px; margin-right: 3px; font-size:14px; background: #FEFEFE;}

/*--------------------- ТАБЛИЦА С 2 И 3 КОЛОНКАМИ ------------------  */

 .table-blok{
top: 10px;
width: 100%;
align-content: center;
justify-content: space-between;
overflow-y: auto;
}  

.table-blok-td { 
        height: auto; 
        background:#F7F7F7; 
        margin: 2px;
        padding: 3px;
        float:left; 
        }
		
.table-blok-td-2 { 
        width: 49%; 
        height: auto; 
        background:#F7F7F7; 
        margin: 2px;
        padding: 3px;
        float:left; 
        }

.table-blok-td-3 { 
        width: 32%; 
        height: auto; 
        background:#F7F7F7; 
        margin: 2px;
        padding: 3px;
        float:left; 
        }

/* =============== sticky ================== */

/*.sticky {
  display: flex;
  position: fixed;
  position:sticky;top:10px;
/*  top: 100px;  /* если ноль заменить на число (и в скрипте тоже), то блок будет прилипать до того, как верхний край окна браузера дойдёт до верхнего края элемента. Может быть отрицательным числом. Применим, например, при фиксированном сверху меню */
/*  z-index: 101;
}*/

.menu-l{
   display: block;
  /* text-align:right;*/
   line-height: 1.4;
   font-size: 18px;
   text-decoration: none;
   list-style-type: none; /* Убираем маркеры li */
   font-weight: 600;
   border-right: 4px solid #c0c0c0;
   border-bottom: 1px solid #FFF; 
    padding: 3px;
   margin: 5px;
   background: #E5FFF2;
} 

.menu-l:hover{
   border-right: 4px solid green;
   border-bottom: 1px solid #c0c0c0;  
   color: #137000;
   background: #ECFFFF;
}

/*закрывает меню 1 от мобилок*/

/*@media screen and (max-width: 768px) {
.menu-l{
    visibility: hidden;
    display: none;
  }
}
*/

.menu-l-a-block{
   display: block;
   width: 98%;
   padding: 3px;
   margin: 5px 2px;
   background: #DCF8FF;
} 

.menu-l-a{
   display: block;
  /* text-align:right;*/
   line-height: 1.4;
   font-size: 20px;
   text-decoration: none;
   list-style-type: none; /* Убираем маркеры li */
   font-weight: 600;
   border-right: 4px solid #c0c0c0;
   border-bottom: 2px solid #c0c0c0; 
   padding: 6px;
      margin: 10px 2px;
   background: #DCF8FF;
   
    /*-webkit-box-shadow: 0px -14px 16px -5px rgba(28, 48, 63, 0.6) inset;*/
/*-moz-box-shadow: 0px -14px 16px -5px rgba(28, 48, 63, 0.6) inset;*/
box-shadow: 0px -10px 10px -5px rgba(28, 48, 63, 0.6) inset;

   /*-webkit-box-shadow: 0px -14px 16px -5px rgba(28, 48, 63, 0.6) inset;*/
/*-moz-box-shadow: 0px -14px 16px -5px rgba(28, 48, 63, 0.6) inset;*/
/*box-shadow: 0px -14px 16px -5px rgba(28, 48, 63, 0.6) inset;*/
} 

#menu-l-a{
 text-decoration: none;
   list-style-type: none; /* Убираем маркеры li */
} 

.menu-l-a:hover{
   border-right: 4px solid green;
   border-bottom: 2px solid #5CAF70;  
   color: #137000;
   background: #FFF;
}


/*----------------------- МЕНЮ КОНТЕНТ таблица--------------- */

 .kategory-menu-2-0{
display: block;
top: 10px;
width: 100%;
height: auto;
align-content: center;
justify-content: space-between;
overflow-y: auto;
border-bottom:1px solid #DEE0EB;
}     
		
        
/*----------------------- МЕНЮ- 2 ВЕРХ КОНТЕНТ таблица и ссылки--------------- */

 .kategory-menu-2{
display: block;
top: 10px;
width: 100%;
height: 300px;
/*align-content: center;*/
justify-content: space-between;
overflow-y: auto;
border-bottom:1px solid #DEE0EB;
}     
		
.kategory-menu-td-2{ 
        width: 48%; 
        height: auto;
        margin: 1px;
        float:left; 
        }
  
.kategory-menu-td-3{ 
        width: 32%; 
        height: auto; 
        margin: 1px;
        float:left; 
        }
        
        
/*------ МЕНЮ- 2 ВЕРХ ссылки------- */

.menu-2{
   padding: 3px 2px 3px 5px;
   font-size: 20px;
   text-decoration: none;
   list-style-type: none; /* Убираем маркеры li */
    line-height: 1.8;
    font-weight: 600;
    background:#F7F7F7;
    margin: 3px 1px 5px 1px;
	border-left: 5px solid #0066CC;
    border-bottom: 2px solid #DEE0EB;
}

.menu-2:hover{
    padding: 3px 2px 3px 8px;
    border-left: 5px solid #009900;
	border-bottom: 2px solid #C6C6C6;
	color: #137000;
	background:#FFF; 
}

@media screen and (max-width: 768px) {
.menu-2{
   padding: 2px;
   font-size: 18px;
   text-decoration: none;
   list-style-type: none;
    line-height: 1.6;
    font-weight: 500;
    margin: 3px 1px 5px 1px;
	border-left: 3px solid #0066CC;
    border-bottom: 2px solid #FFF;
}

.menu-2:hover{
    padding: 2px 2px 2px 3px;
    font-size: 18px;
    line-height: 1.5;
    color: #137000;
    border-left: 3px solid #009900;
	border-bottom: 1px solid #C6C6C6;
	background:#FFF;
  }
}

@media screen and (max-width: 320px) {
.menu-2{
   padding: 2px;
   font-size: 16px;
   text-decoration: none;
   list-style-type: none; 
    font-weight: 400;
    margin: 7px 1px 5px 1px;
	border-left: 3px solid #0066CC;
    border-bottom: 2px solid #FFF;
}

.menu-2:hover{
    padding: 2px 2px 2px 3px;
    font-size: 15px;
    line-height: 1.6;
    color: #137000;
    border-left: 3px solid #009900;
	border-bottom: 1px solid #C6C6C6;
	background:#FFF;
  }
}


/* ============================ ФОНЫ КЛАСС ============================== */
.fon-0{
   display:block;
   margin: 5px;/*отступы между картинками*/
   padding: 6px; 
   border: 1px solid #DADADA;
   border-radius: 4px;
}

.fon-1{
   display:block;
   margin: 5px;/*отступы между картинками*/
   padding: 6px; 
   border: 1px solid #DADADA;
   border-radius: 4px;
   background: #F0FFF8;
}
.fon-2{
   display:block;
   margin: 5px;/*отступы между картинками*/
   padding: 6px; 
   border: 1px solid #DADADA;
   border-radius: 4px;
   background: #FFF0F9;
}
.fon-3{
   display:block;
   margin: 5px;/*отступы между картинками*/
   padding: 6px; 
   border: 1px solid #DADADA;
   border-radius: 4px;
   background: #FFFBF0;
}

.fon-4{
   display:block;
   margin: 5px;/*отступы между картинками*/
   padding: 6px; 
   border: 1px solid #DADADA;
   border-radius: 4px;
   background: #E4F4DC;
}


/* =========================== ФОНЫ  id  ============================= */
#fon-1{
   display:block;
   margin: 5px;/*отступы между картинками*/
   padding: 6px; 
   border: 1px solid #DADADA;
   border-radius: 4px;
   background: #F0FFF8;
}
#fon-2{
   display:block;
   margin: 5px;/*отступы между картинками*/
   padding: 6px; 
   border: 1px solid #DADADA;
   border-radius: 4px;
   background: #FFF0F9;
}
#fon-3{
   display:block;
   margin: 5px;/*отступы между картинками*/
   padding: 6px; 
   border: 1px solid #DADADA;
   border-radius: 4px;
   background: #FFFBF0;
}

#fon-4{
   display:block;
   margin: 5px;/*отступы между картинками*/
   padding: 6px; 
   border: 1px solid #DADADA;
   border-radius: 4px;
   background: #E4F4DC;
}

.fonstr{
    width: 100%;
    border: 1px solid #C6C6C6;
    padding: 15px;
    margin-bottom: 3px;
    margin-top: 3px;
/* скругление углов */
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    background: #fefefe;
}
.fonstr img{
    margin: 5px;
    text-align: center;
}
    
    
  /* ==============  раздел клипарт >маленьких гифок >смайликов категории ================  */
  
 .img-kategori{
  margin: 2px;
  padding: 3px;
}

.img-kategori-border{
     width: 110px;
     height: 130px;
border: 1px solid #0d98ba;
padding: 50px 3px 3px 3px;
margin: 6px 3px;
background: #FFF;
 background: url(/images/glavnaja/fon_photo_block.jpg) ;
}
.img-kategori-border img{
     width: 80px;
     height: 70px;
     /*padding: 3px;*/
}
.img-kategori-border:hover{
border: 1px solid #009900;
background: rgba(0,120,201,0.1);/*полупрозрачность*/
}

.img-kategori-title{ 
         display:inline-block;
         position:relative;	
}

.img-kategori-title span{ 
    color: #124FB2;
   position: absolute;
    top: 5px;
	left: 6px;
	padding: 2px;
   text-decoration: none;
    line-height: 1.4;
    font-size: 18px;
    font-weight:500;
}
.img-kategori-title span:hover{
color: #395777; 
width: 88%;
background: rgba(191, 221, 229, 0.9);
} 
  
    
/* ==============  photo ================  */    
 .photo-mini{
     display:block;
     width: 110px;
     height: 80px;
     margin: 2px; /* Отступ справа */
     text-decoration: none;
 }   

/* =======================БЛОК ДЛЯ РАЗДЕЛА ОТКРЫТОК - ОПИСАНИЕ КАТЕГОРИИ================ */

 .blockimg-min {
   display:block;
   margin: 5px;/*отступы между картинками*/
   padding: 5px; 
   border: 1px solid #C0C0C0;
   border-radius: 4px;
   background: #EFEFEF;
   height:auto;
   overflow-x:hidden;
}
 .blockimg-min:hover{
   border: 1px solid #C0C0C0;  
   background: #EBE6E6;   
}
 .blockimg-min img{
         max-width: 100px; /*фиксируем ширину картинки*/
         max-height: 90px;
         margin: 3px;/*отступы между картинками*/
         margin-right: 15px;
        padding: 0; 
        float:left;
} 

.blockimg-min a{ 
     margin: 5px;/*отступы между картинками*/
     padding: 2px; 
    font-size: 18px;
    text-decoration: none;
    font-weight: 600; 
}  
   .blockimg-min a:hover{ 
    color: #059670; 
}
.blockimg-min span{ 
     margin: 5px;/*отступы между картинками*/
     padding: 2px; 
    font-size: 16px;
    text-decoration: none;
    font-weight: 400;   
}


  /*  =========================БЛОК ДЛЯ фото в категории=========================== */

 .blockphoto {
   display:block;
  /* width: 95%;*/
   margin: 0 5px 5px 0;
   padding: 6px 3px 6px 5px; 
   border: 1px solid #C0C0C0;
   border-radius: 2px;
   background: #FEFEFE;
   height:auto;
  overflow-x:hidden;
}
 .blockphoto:hover{
   border: 1px solid #C0C0C0;
   border-radius: 4px;
   background: #EBE6E6;   
}

.blockphoto-left{  
  display:block;
  width: 220px;
  max-width: 230px;
  height: 230px;
  margin: 3px;
  margin-right: 15px;
  background: url(/images/glavnaja/fon_photo_block.jpg) ;
   float: left;
   border: 1px solid #C0C0C0;
   border-radius: 2px;
   text-align: center;
}

.blockphoto-left img{  
   max-width: 90%;
   max-height: 90%;
   margin: 0 auto;
   padding: 8px; 
}

.blockphoto-left-origin{  
 display:block;
  width: 100%;
  height: auto;
  margin: 7px 0 5px 0;

  padding: 8px; 
  background: url(../images/glavnaja/fon_photo_block.jpg);
  border: 1px solid #C0C0C0;
  border-radius: 2px;
  text-align: center;
  overflow:hidden;
}

.blockphoto-left-origin img{  
  max-width: 90%;
}

.blockphoto-right{    
   display:block;
    width: 80%;
    margin: 5px;
    padding: 5px;    
    margin-left: 250px;
   /*border: 0px solid #C0C0C0;*/

}

.blockphoto span{
     padding: 2px; 
    font-size: 14px;
}

/*===============================раздел НАБОРЫ распакованные============================ */

.nabory-blok{
display:block;
 width: 95%;
 height: auto;
    margin: auto;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: url(../images/glavnaja/fon_photo_block.jpg) ;
    border: 1px solid #C0C0C0;
    border-radius: 2px;
}

.nabory-blok-img{
 text-align: center;
  margin: 10px;
  padding: 15px; 
  overflow-x:hidden;
text-align-last: justify;  /* вся длина*/ 
}

.nabory-blok-img img{
 max-width: 150px;
 margin: 10px; 
 padding: 5px; 
}

/*-----наборы блок смаил фото левый-----*/
.blockphoto-left-nabor-smail{  
  display:block;
  width: 220px;
  max-width: 230px;
  height: 170px;
  margin: 3px;
  margin-right: 15px;
  background: url(/images/glavnaja/fon_photo_block.jpg);
  border: 1px solid #C0C0C0;
  border-radius: 2px;
  text-align: center;
}

.blockphoto-left-nabor-smail img{  
   max-width: 90%;
   max-height: 90%;
   margin: 0 auto;
   padding: 8px; 
}

.blockphoto-left-nabor-a{
position:relative;
top:0px;
left:10px;
font-weight:bold;
}

 .table-blok-td-img-nabor{
 width:240px;
 height:auto;
  overflow:hidden;
 }
 
.white-space-title-img-nabor{
white-space:pre-line;
 font-size:18px;
 font-weight:bold;
 overflow-x:hidden;
 }

/* ========================== text ====================== */

.title-big{color:#c40404;font-size:26px;font-weight:600;text-decoration:none;}


.font-11{font-size:11px;text-decoration: none;}
.font-12{font-size:12px;text-decoration: none;}
.font-14{font-size:14px;text-decoration: none;}
.font-16{font-size: 1.3em;text-decoration:none;}
#font-16{font-size:16px; text-decoration: none;}
.font-18{font-size:18px;text-decoration: none;}
#font-18{font-size:18px;text-decoration: none;}
.font-20{font-size:20px;text-decoration: none;}
#font-20{font-size:20px;text-decoration: none;}
.font-22{font-size:22px;text-decoration: none;}
#font-22{font-size:22px;text-decoration: none;}
.font-24{font-size:24px;line-height: 1.4;text-decoration: none;}
.font-26{font-size:26px;text-decoration: none;}
#font-26{font-size:26px;text-decoration: none;}
.font-28{font-size:28px;text-decoration: none;}
#font-28{font-size:28px;text-decoration: none;}
.font-30{font-size:30px;text-decoration: none;}
#font-30{font-size:30px;text-decoration: none;}
.font-34{font-size:34px;text-decoration: none;}
.font-36{font-size:36px;text-decoration: none;}
.font-40{font-size:40px;text-decoration: none;}
.font-44{font-size:44px;text-decoration: none;}
.font-50{font-size:50px;text-decoration: none;}

#center{text-align: center;text-decoration: none;}
.center{text-align: center;text-decoration: none;}
#b{font-weight:bold;}
.b{font-weight:bold;}
#b-300{font-weight:300;}
#b-400{font-weight:400;}
#b-500{font-weight:500;}
#b-700{font-weight:700;}

#color-red{color:red;}
#color-blue{color:royalblue;}
#color-green{color:green;}
#color-grey{color:grey;}

.color-red-green{color:red;}
.color-red-green:hover{color:green;}
#color-red-green{color:red;}
#color-red-green:hover{color:green;}

#vsya-dlina{
          /*text-align: justify;*/			 
	    text-align-last: justify;
        padding:10px 25px;
}


.bord-1{
border:dotted; background: #FFFFFF; border-color:#C2C2C2; border-width:1px; padding: 3px;
}
#bord-1{
border:dotted; background: #FFFFFF; border-color:#C2C2C2; border-width:1px; padding: 3px;
}

.border-krug-green-img {
width:185px; 
height:185px;
 border: 2px solid green;
 border-radius:50%;
}
.border-krug-green-img:hover {
 border: 2px solid white;
}

.border-krug-green-smail {
width:90px; 
height:90px;
 border: 2px solid green;
 border-radius:50%;
}
.border-krug-green-smail:hover {
 border: 2px solid white;
}

.img-height-100{height: 100px;}
.img-height-100-border{height: 100px; border: 1px solid green;}
.img-height-90{height: 90px;}
.img-height-90-border{height: 90px; border: 1px solid green;}
.img-height-75{height: 75px;}
.img-height-75-border{height: 75px; border: 1px solid green;}
.img-height-60{height: 60px;}
.img-height-60-border{height: 60px; border: 1px solid green;}
.img-height-50{height: 50px;}
.img-height-50-border{height: 50px; border: 1px solid green;}
.img-height-40{height: 40px;}

.simvoly{
display: flex;
position:relative;
margin:5px 10px;
}
.simvoly img{
width:6%;
height: 75px;
}

#simvol-niz-znak-sh{
height: 90px;
margin-top: 2px;
}
#simvol-verh-znak-i{
height: 95px;
margin-top:-18px;
}

/* --------------- ================-  кнопка белая  ====================----------------- */


#knopka-white{ 
    background:#F6F6F6; 
    color: #044292;
    font-weight:500;
    padding: 4px 6px;
    margin: 5px;
    text-decoration: none;
    border: 1px solid #B5B5B5;
    border-radius: 3px;
  -webkit-box-shadow: 0px -5px 12px 2px rgba(34, 60, 80, 0.16) inset;
-moz-box-shadow: 0px -5px 12px 2px rgba(34, 60, 80, 0.16) inset;
box-shadow: 0px -5px 12px 2px rgba(34, 60, 80, 0.16) inset;
}

#knopka-white:hover{ 
    color: #FFF;
    background: #3571BF;
    border: 1px solid #063D84;
    border-radius: 3px;
 -webkit-box-shadow: 0px -14px 16px -5px rgba(28, 48, 63, 0.6) inset;
-moz-box-shadow: 0px -14px 16px -5px rgba(28, 48, 63, 0.6) inset;
box-shadow: 0px -14px 16px -5px rgba(28, 48, 63, 0.6) inset;
}

/* --------------- ================-  кнопка бирюзовая  ====================----------------- */
a.knopka {
 color: #006E8A; /* цвет текста */
 font-size: 16px;
 font-weight: bold;
 text-decoration: none; /* убирать подчёркивание у ссылок */
 margin:0;
 line-height: 2.5;
 background:  #FFF; /* фон кнопки */ 
 padding: 6px 10px 6px 10px; /* отступ от текста */
 outline: none; /* убирать контур в Mozilla */
border: 1px solid #006E8A;
border-radius: 1px;
} 
a.knopka:hover {color: #003C77; background: #D4F9EE;} /* при наведении курсора мышки */
a.knopka:active { background: #e0ffff; } /* при нажатии */



/* ======== кнопка красная ========== */

a.knopka-red {
 color: #fff; /* цвет текста */
 font-size:16px;
 text-decoration: none; /* убирать подчёркивание у ссылок */
 margin:0;
 line-height: 2.1;
 background:  #b82323; /* фон кнопки */
 padding: 10px 5px 10px 5px;
 outline: none; /* убирать контур в Mozilla */
 border: 1px solid #FFF;
 border-radius: 1px;
} 
a.knopka-red:hover {color: #b82323; background: #FFCDCD;} /* при наведении курсора мышки */
a.knopka-red:active { background: #e0ffff; } /* при нажатии */


/*------------------+++++++ нижний блок ++++++++-------------------------------*/

.footer-block-fon{
   display:block;
   margin: 5px 0;
   padding: 10px;  
   border-top: 1px solid #DADADA;
   background: #DEDEDE;
}

 .table-blok-footer{
top: 10px;
width: 98%;
justify-content: space-between;
overflow-y: auto;
}  

.table-blok-footer-td-left { 
        width: 27%;
        padding: 3px;
        float:left; 
        }

.table-blok-footer-td-right {
        display:block;
        text-align: right;
        font-size: 14px;
        color: #A6A6A6;
        width: 70%;
        padding: 3px;
         margin-right:2px;
        float:left; 
        }

/* ===================== ФОРМА ВСТАВКИ КОДА МОДАЛЬНОЕ окно КОД IMGL==============================  */

.overlay {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    display: none;
    background-color: rgba(0, 0, 0, 0.65);/* фон затемнения */
    position: fixed; /* фиксированное поцизионирование */
    cursor: default; /* тип курсора */
}
/* активируем слой затемнения */
.overlay:target {
    display: block;
}
/* стили модального окна */
.popup {
    top: -10px;
    right: 0;
    left: 50%;
    z-index: 20;
    margin: 0;
    width: 80%;
    height: 80%;
    position: fixed;/* фиксированное позиционирование, окно стабильно при прокрутке */
    padding: 5px;
    border: 1px solid #383838;
    background: #fefefe;
    overflow: auto;
/* скругление углов */
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    font: 14px/18px 'Tahoma', Arial, sans-serif;
/* внешняя тень */
    -webkit-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
    -moz-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
    -ms-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
    box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
    -webkit-transform: translate(-50%, -500%);
    -ms-transform: translate(-50%, -500%);
    -o-transform: translate(-50%, -500%);
    transform: translate(-50%, -500%);
    -webkit-transition: -webkit-transform 0.6s ease-out;
    -moz-transition: -moz-transform 0.6s ease-out;
    -o-transition: -o-transform 0.6s ease-out;
    transition: transform 0.6s ease-out;
}
/* активируем модальный блок */
.overlay:target+.popup {
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    top: 5%;
}
 /* свойства для кнопки "Закрыть" */
        .close {
		position: absolute;
		 top: 6px;
        right: 6px;
       z-index: 20;
           width: 25px;
		   height: 25px;
            float: right;
          opacity: 0.5;    
		 margin: 3px;
		 background: url(/images/glavnaja/js/img_2-50.png) center ;
		 background-size: 100%;
         /*background-color: rgba(0, 0, 0, 0.2); */ /* фон затемнения */
}

        /* свойства для кнопки "Закрыть" при нахождении её в фокусе или наведении */
        .close:hover {
		width: 30px;
		   height: 30px;
		background: url(/images/glavnaja/js/img_2k-50.png) center ; 
         opacity: 1; 		
        }

/* ===============FORM BLOCK================== */

.tabform{
position: relative;
top:5px;
left: 11%;
background: #FFF;
width:75%;
border: 1px solid #999;
font-size: 14px;
padding: 3px;
overflow: auto;
}
.tabform-opis{
width: 95%;
height: auto;
line-height: 1.4;
text-align: left;
color: #2040c0;
padding: 8px 0 0 20px;
font-size: 16px;
/*overflow: auto;*/
}

@media screen and (max-width:600px) {
.tabform{
position: relative;
top:5px;
left: 10%;
background: #FFF;
width:75%;
height: 70%;
border: 1px solid #999;
font-size: 14px;
padding: 3px;
}
}

/* копируем вбуфер */
 .copy{
 margin: 0 auto;
 padding: 8px 12px;
 background: #E8F7DF;
 font-weight:600;
 color:#346998;
 overflow-x:auto;
		}
.copy:hover{
 background: #BBDC99;
 color:#480090;
}	
/*----- открыть  далее плюс ---*/
#plyus{
display:block;
  width: auto;
  height: 30px;
  padding-left:35px;
  margin: 25px 10px;
  font-size: 18px;
  text-decoration: none;
  background: url(/images/glavnaja/+.png) no-repeat left/30px;
  border:1px solid #03A262;
  border-radius:5px;
  }
  
  #plyus:hover{
  background: url(/images/glavnaja/+.png) no-repeat left/35px;
  border:1px solid #c0c0c0;
  border-radius:5px;
  }