/*body{background: url(/images/headers/fon-body-levo-v.gif)no-repeat left bottom/95%;}*/

/*-------Размер заголовка материала-----------*/
.page-header h2{
    font-size:1rem;
}
.page-header a{
    text-decoration: none;
    /*font-size:1rem;*/
    color:#b0b0b0;
}

.page-header h1{
    font-size:1.1rem;
}


/* --------- ФОН ЦВЕТ ШАПКИ ------- */

#header-navbar-myfon{
    background: linear-gradient(#C2A5FF , #FFF);
    /*background: url(/images/headers/fon-body-levo-v.gif)no-repeat left top/95%;*/
    /*background: url(/images/headers/navbar-fon.png)repeat-x 20%;*/
}

.site-description-mi{
    color:#FFF;
    font-size:1.4rem;
    font-family: "Brush Script MT", cursive, fantasy;
}


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

 .table-blok{
 display:block;
 width: 98%;
 margin: 0 auto;
 /*align-content: center;
 /*justify-content: space-between;*/
 overflow-y: auto;
}  

.table-blok-td-1 {
        width: 99%;
        height: auto;
        margin: 2px;
        padding: 2px;
        /*float:left; */
        }

.table-blok-td-2 { 
        width: 48%; 
        height: auto; 
        margin: 1px;
        padding: 1px;
        float:left; 
        }        

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

.table-blok-td-4 { 
        width: 24%; 
        height: auto; 
        margin: 1px;
        padding: 1px;
        float:left; 
        }
        
.table-blok-td-30 { 
        width: 28%; 
        height: auto; 
        margin: 1px;
        padding: 2px;
        float:left; 
        }        
        
.table-blok-td-70 { 
        width: 68%; 
        height: auto; 
        margin: 1px;
        padding: 2px;
        float:left; 
        }

/*-------БЛОК С картинками для разделов в таблице три столба----------*/

.img-razdel-table{
position:relative;
width: 99%;
margin: 0 auto;
margin-left: 10px;
justify-content: space-between;
overflow-y: auto;
} 

.img-razdel-table-td-2 { 
       width: 48%; 
       height: auto;
       text-align:center;
       margin: 1px;
       background:#FFF; 
       margin: 1px;
       padding: 1px;
       float:left;
        }

.img-razdel-table-td-3 { 
       width: 32%; 
       height: auto;
       text-align:center;
       margin: 1px;
       background:#FFF; 
       margin: 1px;
       padding: 1px;
       float:left;
        }

.img-razdel-img{
   max-width: 99%; /*фиксируем ширину блока картинки*/
   padding: 0 0 4px 0;
   margin: 3px 0 5px 3px;
   text-align:center;
   border: 2px solid #FFB3B3;
   border-radius: 15px;
   overflow-y:hidden;
}
 .img-razdel-img:hover{
   border: 2px solid #C1E392;  
   background: linear-gradient(#FFF, #F1FAD2);  
}
 .img-razdel-img img{
    max-width: 98%;
    margin: 0 auto;/*отступы между картинками*/
    border: 2px solid #FFF;
    border-radius: 15px;
} 

.img-razdel-a-title {
    padding: 2px 3px;
    line-height: 0.9;
    word-break: break-all;
}  

.img-razdel-a{
    text-decoration: none;
    /*font-family: "Roboto", sans-serif;*/
    font-size: 1.6rem;
    font-weight: 700;
    
}  
   .img-razdel-a:hover{
    color: #008B8B; 
} 


@media screen and (max-width: 480px) {
 .img-razdel-a-title {
    padding: 2px 3px;
    line-height: 0.8;
    word-break: break-all;
}  

.img-razdel-a{
    text-decoration: none;
    font-size: 1rem;
    font-weight: 500;
    
}  
}


/* ===========БЛОК ДЛЯ РАЗДЕЛА ОТКРЫТОК БОЛЬШОЙ- ОПИСАНИЕ КАТЕГОРИИ============ */
.blockimg-big-left {
   display:block;
   width: 98%;
   margin: 0 auto;
   margin: 10px 2px 5px 2px;
   padding: 8px 5px; 
   border: 2px solid #FFE5CE;
   border-bottom: 7px solid #E5A75F;
   border-radius: 8px;
   background-image: linear-gradient(#FFF, #FFF3E4, #FFE7CB);
   height:auto;
   overflow-x:hidden;
}
 .blockimg-big-left:hover{
   border: 2px solid #FFDCBD ;
   border-bottom: 7px solid #E5A75F;
   background-image: linear-gradient(#FFEFDC, #FFE9D0, #FFCEA9);
}
 .blockimg-big-left img{
         max-width: 250px; /*фиксируем ширину картинки*/
         max-height: 200px;
         margin: 5px;/*отступы между картинками*/
         border: 2px solid #D7EBBD;
         border-radius: 15px;
         padding: 0; 
         float:left;
} 

.blockimg-big-left img:hover{
         border: 2px solid #B3E37C;
         border-radius: 15px;
} 

.blockimg-big-left-a{ 
    /*margin: 5px;/*отступы между картинками*/
    /*padding: 4px;*/ 
    font-size: 1.6rem;
    text-decoration: none;
    font-weight: 700;
    /*line-height: 1;*/
}  
   .blockimg-big-left-a:hover{ 
    color: #008B8B; 
}
.blockimg-big-left span{
     position:relative;
     margin: 10px;/*отступы между картинками*/
     padding: 3px; 
    font-size: 1.5rem;
    font-weight: 700;
    /*line-height: 1;*/
    /*word-break: break-all;*/
}

/*  ------------блокБОЛЬШОЙ ПРАВАЯ КАРТИНКА---------------*/

.blockimg-big-right {
   display:block;
   width: 98%;
   margin: 0 auto;
   margin: 10px 2px 5px 2px;
   padding: 8px 5px; 
   border: 2px solid #DAFCB4;
   border-bottom: 7px solid #A2CE70;
   border-radius: 10px;
   background-image: linear-gradient(#FFF, #F5FFEC, #D6E7C1);
   height:auto;
   overflow-x:hidden;
}
 
 .blockimg-big-right:hover{
   border: 2px solid #C4EB97;
   border-bottom: 7px solid #A2CE70;
   background-image: linear-gradient(#FFF, #E4FFCE, #CFF8A0);   
}
 
 .blockimg-big-right img{
         max-width: 250px; /*фиксируем ширину картинки*/
         max-height: 200px;
         margin-right: 10px;/*отступы между картинками*/
         border: 2px solid #E7FACE;
         border-radius: 15px;
         padding: 0; 
         float:right;
} 

.blockimg-big-right img:hover{
         border: 2px solid #B3E37C;
         border-radius: 15px;
} 

.blockimg-big-right-a{ 
    /* margin: 6px 4px 4px 4px;/*отступы между картинками*/
    /* padding: 2px; */
    font-size: 1.6rem;
    text-decoration: none;
    font-weight: 700;
}  
   .blockimg-big-right-a:hover{ 
    color: #008B8B; 
}

.blockimg-big-right span{
    position:relative;
    /*top:15px;*/
    margin: 10px;/*отступы между картинками*/
    padding: 3px;
    font-size: 1.5rem;
    font-weight: 700;
    /*word-break: break-all;*/
    /*line-height: 1;*/
    /*text-align: justify;*/
}


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

 .blockimg-min-left {
   display:block;
   width: 97%;
   margin: 0 auto;
   margin: 15px 3px 5px 3px;
   padding: 6px; 
   /*text-align: justify;*/
   border: 2px solid #DDAAF6 /*EBFFB5*/;
   border-bottom: 6px solid #D69CF3;
   border-radius: 10px;
   /*background: #EFEFEF;*/
   height:auto;
   overflow-x:hidden;
}
 .blockimg-min-left:hover{
   border: 2px solid #DDAAF6 /*EBFFB5*/;
   border-bottom: 6px solid #D69CF3 ;
   background-image: linear-gradient(#FFF, #F6E2FF, #F0D5FF);  
}
 .blockimg-min-left img{
         max-width: 110px; /*фиксируем ширину картинки*/
         max-height: 100px;
         margin: 2px 8px 2px 2px;/*отступы между картинками*/
         border: 2px solid #D7EBBD;
         border-radius: 12px;
         float:left;
} 

.blockimg-min-left img:hover{
         border: 2px solid #B3E37C;
         border-radius: 12px;
} 

.blockimg-min-left a{
    font-size: 1.4rem;
    text-decoration: none;
    font-weight: 700; 
}  

.blockimg-min-left a:hover{ 
    color: #008B8B; 
}

.blockimg-min-left span{
     position:relative;
     padding: 5px 10px 5px 10px;
     margin: 8px;/*отступы между картинками*/
    font-size: 1.15rem;
    font-weight: 400; 
}



/*БЛОК МИНИ ДЛЯ СТРАНИУЦ РАЗДЕЛОВ */


.blockimg-min-str {
   display:block;
   width: 97%;
   margin: 0 auto;
   margin: 8px 3px 5px 3px;
   padding: 5px;
   font-size: 1.15rem;
   line-height: 1.1;
   border: 2px solid #DDAAF6 /*EBFFB5*/;
   border-bottom: 6px solid #D69CF3;
   border-radius: 10px;
   /*background: #EFEFEF;*/
   height:auto;
   overflow-x:hidden;
}
 .blockimg-min-str:hover{
   border: 2px solid #DDAAF6 /*EBFFB5*/;
   border-bottom: 6px solid #D69CF3 ;
   background-image: linear-gradient(#FFF, #F6E2FF, #F0D5FF);  
}
 .blockimg-min-str img{
         max-width: 90px; /*фиксируем ширину картинки*/
         max-height: 80px;
         margin: 0 2px;/*отступы между картинками*/
         border: 2px solid #D7EBBD;
         border-radius: 12px;
         float:left;
         top:3px;
} 

.blockimg-min-str a{
    font-size: 1.3rem;
    text-decoration: none;
    font-weight: 600; 
}  

.blockimg-min-str a:hover{ 
    color: #008B8B; 
}


  /*  =========================БЛОК ДЛЯ фото в МАТЕРИАЛАХ=========================== */
  
.table-img-otk{
  display:block;  
  position:relative;
  max-width: 310px;
  margin: 0 auto;
  overflow-y: auto;
}  

.table-img-otk-0{
  display:block;  
  position:relative;
  width: 98%;
  margin: 0 auto;
  margin: 5px 3px;
  overflow-y: auto;
}  

.table-img-otk-td{
    display:block;
  max-width: 300px; /*фиксируем ширину картинки*/
  padding: 2px;
  margin: 0 auto;
  margin-bottom:10px;
  text-align:center;
  border: 2px solid #E3E4E0;
  border-radius: 12px;
  background: url(/images/glavnaja/fon_photo_block.jpg) ;
}

.table-img-otk-td:hover{
  border: 2px solid #D1F2A3;  
  background: #F6FDDE;   
}

.table-img-otk-td-0{
  display:block;
  max-width: 98%; /*фиксируем ширину картинки*/
  height: 98%;
  padding: 2px;
  margin: 6px 1px 6px 1px;
  text-align:center;
  border: 2px solid #E3E4E0;
  border-radius: 12px;
  background: url(/images/glavnaja/fon_photo_block.jpg);
}

.table-img-otk-td-0:hover{
  border: 2px solid #D1F2A3;  
}

.table-img-otk-td img{
  max-width: 99%;
  margin: 0 auto;/*отступы между картинками*/
  border: 3px solid #FFF;
  border-radius: 12px;
} 

.table-img-otk-td-0 img{
  max-width: 100%;
  margin: 0 auto;/*отступы между картинками*/
  border: 3px solid #FFF;
  border-radius: 15px;
} 

.table-img-otk-td-detali {
  font-size: 1.4rem;
  /*font-family: "Brush Script MT", cursive, fantasy;*/
  padding: 3px;
  font-weight: 400; 
}  

.table-img-otk-td-detali-0 {
  font-size: 1.4rem;
  /*font-family: "Brush Script MT", cursive, fantasy;*/
  padding: 3px;
  font-weight: 400; 
}  

@media screen and (max-width: 480px) {
.table-img-otk-td-detali {
  font-size: 1.1rem;
  line-height: 1.2;
  padding: 3px;
  font-weight: 400;
}  

.table-img-otk-td-detali-0 {
  font-size: 1.1rem;
  line-height: 1.2;
  padding: 3px;
  font-weight: 400;
}  
}



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

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

.fon-2{
   display:block;
   margin: 5px;/*отступы между картинками*/
   padding: 5px; 
   border: 1px solid #DADADA;
   border-radius: 4px;
   background: #DBFFF6;/*берюза*/
}
.fon-3{
   display:block;
   margin: 5px;/*отступы между картинками*/
   padding: 5px; 
   border: 1px solid #DADADA;
   border-radius: 4px;
   background: #FFE5F5;/*розовый*/
}
.fon-4{
   display:block;
   margin: 5px;/*отступы между картинками*/
   padding: 5px; 
   border: 1px solid #DADADA;
   border-radius: 4px;
   background: #FFF2DA;/*оранжевый*/
}

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

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


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

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

#fon-2{
   display:block;
   margin: 5px;/*отступы между картинками*/
   padding: 5px; 
   border: 1px solid #DADADA;
   border-radius: 4px;
   background: #DBFFF6;/*берюза*/
}
#fon-3{
   display:block;
   margin: 5px;/*отступы между картинками*/
   padding: 5px; 
   border: 1px solid #DADADA;
   border-radius: 4px;
   background: #FFE5F5;/*розовый*/
}
#fon-4{
   display:block;
   margin: 5px;/*отступы между картинками*/
   padding: 5px; 
   border: 1px solid #DADADA;
   border-radius: 4px;
   background: #FFF2DA;/*оранжевый*/
}

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

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


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


#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: 10px;
} 
a.knopka:hover {color: #003C77; background: #D4F9EE;} /* при наведении курсора мышки */
a.knopka:active { background: #e0ffff; } /* при нажатии */