/*
Коментарии для кода на CSS
*/
body {
		background-color: #A8CDC1;                /*Цвет фона*/

		margin-left: 1%;                          /*Величина отступа от левого края*/
		margin-right: 1%;                         /*Величина отступа от правого края*/
		padding: 40px 40px 40px 40px;             /*Устанавливает значения полей*/

        font-family: 'Times New Roman', serif;     /*Название шрифтов*/
        font-weight: 600;                          /*Насыщенность шрифта*/
        color: #000000;                            /*Цвет шрифта*/
        font-size: 20px;                           /*Размер шрифта*/
        font-style: italic;                        /*Тип шрифта*/

        }

#header {

            text-align: center;             /*Выравниваем все внутри элемента HEADER по центру*/
            border-color: #37856B;          /*Устанавливает цвет границы элемента*/
            border-bottom-style: ridge;     /*Устанавливает стиль границы внизу элемента*/
            border-bottom-width: 5px;       /*Устанавливает толщину границы внизу элемента*/
}




a.button {
            border-radius: 5px;                            /*Радиус закругления кнопок*/
            border: 2px outset #03260F;                    /*Цвет рамки без наведения на нее мышки*/
            background-color: #489361;                     /*Цвет кнопки без наведения на нее мышки*/
            /*border-bottom: 5px solid #E1B442;*/
            box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3); /*Добавление тени элементу*/
            display: block;             /*Перевод строчного элемента в блочный*/
            height: 25px;
            width: 150px;
            color: red;
            text-align: center;
}

a:hover.button {
            background-color: #77974B;                      /*Цвет кнопки с наведением на нее мышки*/
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
            text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
            border: 2px inset #BD811B
}


/* Панель меню */

      #navbar ul{
        display: none;
        background-color: #f90;
        position: absolute;
        top: 100%;
      }
      #navbar li:hover ul { display: block; }
      #navbar, #navbar ul{
        margin: 0;
        padding: 0;
        list-style-type: none;
      }
      #navbar {
        height: 30px;
        background-color: #666;
        padding-left: 25px;
        min-width: 470px;
      }
      #navbar li {
        float: left;
        position: relative;
        height: 100%;
      }
      #navbar li a {
        display: block;
        padding: 6px;
        width: 100px;
        color: #fff;
        text-decoration: none;
        text-align: center;
      }
      #navbar ul li { float: none; }
      #navbar li:hover { background-color: #f90; }
      #navbar ul li:hover { background-color: #666; }


h1   {
        /*background-color: #FFFDB7;*/

        font-size: 160%;                /*Размер шрифта относительно BODY*/
        font-style: normal;             /*Стиль начертания шрифта*/
        border-bottom-style: ridge;     /*Устанавливает стиль границы внизу элемента*/
        border-bottom-width: 5px;       /*Устанавливает толщину границы внизу элемента*/
        border-color: #987EAB;          /*Устанавливает цвет границы элемента*/


        }

h2   {

        font-size: 120%;                /*Размер шрифта относилтельно BODY*/
        /*font-style: normal;*/
        border-bottom-style: ridge;     /*Стиль границы внизу элемента*/
        border-bottom-width: 5px;       /*Толщина границы внизу элемента*/
        border-color: #987EAB;          /*Цвет границы элемента*/


        }
		
		

.scale {							/* Класс для увеличения фотографий при наведении на них курсора мыши */
    transition: 1s; 			/* Время эффекта */
   }
   .scale:hover {				/* Привязка класса scale к псевдоклассу hover */
    transform: scale(1.1); 		/* Увеличиваем масштаб */
   }
   
/* ID для счетчика посещения страниц */
#counter {
	font-size: 70%;                /*Размер шрифта относилтельно BODY*/
	color: #000000;                            /*Цвет шрифта*/
	
}