/*
Коментарии для кода на CSS
*/
body {
	background-color: #AF9D83;                /*Цвет фона*/
	margin-left: 1%;                          /*Величина отступа от левого края*/
	margin-right: 1%;                         /*Величина отступа от правого края*/
	/*padding: 40px 40px 40px 40px;             /*Устанавливает значения полей*/

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

        }

#header {
    text-align: center;             /*Выравниваем все внутри элемента HEADER по центру*/
	margin: 0px 5px 0px 5px;		/*Задаем поля вокруг DIV*/
	background-color: #E9CA9C;
    border-color: #BD811B;          /*Устанавливает цвет границы элемента*/
    border-bottom-style: ridge;     /*Устанавливает стиль границы внизу элемента*/
    border-bottom-width: 5px;       /*Устанавливает толщину границы внизу элемента*/
}

#footer {
	text-align: center;             /*Выравниваем все внутри элемента HEADER по центру*/
	background-color: #E9CA9C;
	margin: 0px 5px 5px 5px;		/* Задаем поля вокруг DIV */
    border-color: #BD811B;          /*Устанавливает цвет границы элемента*/
    border-top-style: ridge;     	/*Устанавливает стиль границы вверху элемента*/
    border-top-width: 5px;       	/*Устанавливает толщину границы вверху элемента*/
	height: 70px;					/*Фиксированная высота нижнего колонтитула позволяет избавится от "дырки", просвечивающей нижним фоном BODY*/
	font-size: 70%;                 /*Размер шрифта*/
	padding-top: 10px;				/* Отступ текста от верхнего края */
	font-style: normal;				/* Тип начертания шрифта */
}



/* Правило для табличного представления на странице */
#tableContiner {
	display: table;
	border-spacing: 5px;			/* Волшебное свойство, задающее "щели" между объектами таблицы |то же самое, что и MARGIN для блочных элементов| */
	width: 100%;					/* Волшебное свойство, растягивающее таблицу на всю ширину экрана */
}

/* Правило для строки */
#tableRow {
	display: table-row;
	
}



/* Правила для колонки с Меню */
#sidebar {
	display: table-cell;
	background-color: #E9CA9C;
	vertical-align: top;		/* устанавливает вертикальное позиционирование строчных (inline), строчно-блочных (inline-block) элементов или ячеек таблицы (table-cell) */
	width: 140px;				/* Устанавливает фиксированную ширину ячейки */
	padding-left: 8px;			/* Устанавливает левое поле */
	padding-right: 8px;			/* Устанавливает правое поле */
}

/* Правила для колонки с основным текстом */
#main {
	display: table-cell;
	background-color: #E9CA9C;
	box-sizing: border-box;				/* 2 правила на отступ текста от края объекта */
    padding: 0px 0px 0px 20px;
	
	
	
}

/* Кнопка в свободном состоянии */
a.button {
            border-radius: 15px;						/* Радиус закругления кнопок */
            border: 2px outset #BD811B;					/* Толщина, тип и цвет линии оконтовки кнопки */
            background-color: #D9AC71;					/* Цвет кнопки */
            /*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: #D9AC71;
            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
}





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;          /*Цвет границы элемента*/


        }
		
p.data	{							/* Класс для даты рождения */
	font-size: 120%;					/* Размер шрифта в процентах от BODY */
	font-style: normal;					/* Стиль начертания шрифта */
	text-decoration-line: underline;	/* Расположение линии подчеркивания текста */
	text-decoration-thickness: 2px;		/* Толщина линии подчеркивания текста */
	text-decoration-style: double;		/* Тип линии подчеркивания текста */
	text-decoration-color: #987EAB;		/* Цвет линии подчеркивания текста */
	
}


.leftfoto {							/* Класс для положения фотографии на титульной странице с биографией */
	float: left;					/* Позиционирование картинки по левому краю и обтекание текста вокруг картинки справа */
	margin: 4px 15px 2px 0px;	/* Задание внешних отступов, 4px - от верха, 15px - справа, 2px снизу и 0px слева от изображения */
}


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





/* Класс для значка-ссылки Москвич */


a.rollover {
    background: url(img/links/AZLK_1.png); /* Путь к файлу с исходным рисунком  */
    display: block; /*  Рисунок как блочный элемент */
    width: 50px; /* Ширина рисунка */
    height: 96px; /*  Высота рисунка */
    
   }
   a.rollover:hover {
    background: url(img/links/AZLK_2.png); /* Путь к файлу с заменяемым рисунком  */
   }