body{background: url(/images/headers/fon-body-1.jpg)repeat;}

/*замена фона шапки*/
#header-navbar-myfon{
    background: linear-gradient(#C2A5FF , #FFF);
    /*background: url(/images/headers/navbar-fon.jpg)repeat;*/
}

.site-description-mi{
    color:#CE9AEB;
    font-size:0.4em;
}


.menu-v {
    display:block;
    width: auto;
    height:auto;
    margin:-5px 2px 8px 2px;
        font-size:1.3em;
        font-weight:500;
 /* position:fixed;
  top:0;*/
 overflow-y:hidden;
 /*background: linear-gradient(#fff, #FFF);*/
 /*border-bottom:1px solid #fff;*/
}

.menu-v-k {
    padding:1px 2px 4px 3px;
    margin:0;
     color:#633A04;
    text-decoration: none;
 background:#FFFCCD;
 line-height: 1.8;
 border:1px solid #DA7D02;
 border-radius: 10px;
}

.menu-v-k:hover {
     color:#FFF;
 background:#910041;
 border:1px solid #E9C782;
 border-radius: 10px;
}



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

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

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

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

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

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


/* =======================БЛОК ДЛЯ РАЗДЕЛА ОТКРЫТОК - ОПИСАНИЕ КАТЕГОРИИ================ */
.temy-block{
    width:98%;
    height:auto;
    margin: 0 auto;
    padding: 2px; 
}

 .temy-block-img{
   max-width:412px;
   justify-content: space-between;
   margin: 3px;/*отступы между картинками*/
   padding: 1px 1px 5px 1px; 
   text-align:center;
   border: 3px solid #e0e0e0;
   border-radius: 15px;
   background: #FFF;
   overflow-y:hidden;
    float:left;
}
 .temy-block-img:hover{
   border: 3px solid #CEFFAC;  
   background: #F0EADB;   
}
 .temy-block-img img{
         max-width: 99%; /*фиксируем ширину картинки*/
         margin: 0 auto;/*отступы между картинками*/
       border: 3px solid #e0e0e0;
   border-radius: 15px;
} 

.temy-block-img-a{
    text-decoration: none;
    font-size: 1.6em;
    font-weight: 700; 
}  
   .temy-block-img-a:hover{
    text-decoration: none;
    color: #059670; 
}

@media screen and (max-width: 320px) {
.temy-block-img{
   max-width:300px;
   justify-content: space-between;
   margin: 2px;/*отступы между картинками*/
   padding: 4px; 
   text-decoration: none;
   border: 3px solid #e0e0e0;
   border-radius: 15px;
   background: #FFF;
   height:auto;
   overflow-Y:hidden;
    float:left;
}
}



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

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

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

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


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

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

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

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







/* --------------- ================-  кнопка бирюзовая  ====================----------------- */
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; } /* при нажатии */