/*  Стиль шрифта и тела несложный*/
/* ##########################  /* шрифт берем с гугле   ########################### */
@import url('https://fonts.googleapis.com/css?family=Merriweather:400,700,700i&subset=cyrillic,cyrillic-ext');
  /* ##########################  /* body ########################### */
body{
    margin-top:50px;    
    padding-top:25px;
    font-size: 14px;/* рамер шрифта 14 пикселей */
    font-family: 'Merriweather', serif;
    line-height: normal;
    margin:0 auto;
    padding:0;
    min-width: 320px; /* минимальная ширина 320 пикселей */
    height: auto; /* высота автоматическая */
    color:#800000;        
    }
        /* Размер шрифта  стандартных тегов  и выравнивание по центру*/   
        h1{
            font-size: 1.6rem;/* рамер шрифта 26 пикселей */
            text-align: center
            }  
        h2{
            font-size: 1.5rem;/* рамер шрифта 24 пикселей */
            text-align: center
            } 
        h3{
            font-size: 1.4rem;/* рамер шрифта 22 пикселей */
            text-align: center
            }  
        h4{
            font-size: 1.25rem;/* рамер шрифта 20 пикселей */
            text-align: center
            }     
        h5{
            font-size: 1.0rem;/* рамер шрифта 16 пикселей */
            text-align: center
            }  
        h6{
            font-size: 0.8rem;/* рамер шрифта 13 пикселей */
            text-align: center
            }        
        
        
        
        .opisanie12 {
                font-size: 12px;/* рамер шрифта 12 пикселей */
                font-family: 'Merriweather', serif; 
         }  
        .opisanie16 {
                font-size: 16px;/* рамер шрифта 16 пикселей */
                font-family: 'Merriweather', serif; 
         }      
        .opisanie20 {
                font-size: 20px;/* рамер шрифта 20 пикселей */
                font-family: 'Merriweather', serif; 
         }
        .opisanie24 {
                font-size: 24px;/* рамер шрифта 24 пикселей */
                font-family: 'Merriweather', serif; 
         }
      
        .navbar {
            margin: 10px 0px 10px 0px;
            box-shadow: 0 3px 6px #563d7c;
            border-radius: 4px;    
            
         } 
        .navbar a {
            color: #fff;
            
         }          
        /*  выделение навбара   */
        .navbar a:hover{
            background-color:#b35900; 
            border-radius: 4px;  
            color: #fff;
            }         
        .page-header {
            color:#800000;
         }       
         .panel-primary{
            background: #d3d3d3;
            padding: 15px;
            border-radius: 5px;
         }
        .vijet {
        background: #fff;
        box-shadow: 0 5px 15px #800000;
        border-radius: 4px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        margin: 20px 20px 20px 20px;
        height: auto;
        padding: 20px;
        }
        /* кнопка моя обычная */
        .btn-my { 
        background-color:#800000; /* фон белый */
        color:#FFFFFF;            /* текст мой */
        border-color:#800000;    /* граница моя */
        } 
        .btn-my:hover, .btn-vltn:focus {
        background-color:#FFFFFF;   /* текст мой */
        color:#800000;     /* текст мой */   
        } 
        /* кнопка моя инвертная */
        .btn-my-in { 
        background-color:#FFFFFF; /* фон белый */
        color:#800000;            /* текст мой */
        border-color:#800000;    /* граница моя */
        } 
        .btn-my-in:hover, .btn-vltn:focus {
        background-color:#800000;   /* текст мой */
        color: #FFFFFF;             /* текст белый */
        } 
         .footer{
            background-color:#800000;
            color: #fff;
            padding: 15px;
            border-radius: 5px;
         }
         .footer a{
            background-color:#800000;
            color: #fff;

         }
         /* для галереи */ 
        .thumb img { 
          filter: none; /* IE6-9 */ 
          -webkit-filter: grayscale(0); 
          border-radius:5px; 
          background-color: #fff; 
          border: 1px solid #ddd; 
          padding:5px; 
        } 
        .thumb img:hover { 
          filter: gray; /* IE6-9 */ 
          -webkit-filter: grayscale(1); 
        } 
        .thumb { 
          padding:5px; 
        }