body{background-color: gainsboro}									/* Фон страницы */
p   {color: black; text-align:j ustify; font-family: "Times New Roman"; font-size: 12pt}		/* Основной текст */
.np {color: black; text-align: center; font-weight: bold; font-family:"Times New Roman"; font-size: 16pt}/* Заголовок страницы */
.hd {color: indigo; text-align: center; font-weight: bold; font-family:"Tahoma"; font-size: 14pt}	/* Подзаголовки страницы */
.sb {color: darkred; text-align: left; font-weight: bold; font-family:"Arial"; font-size: 12pt}		/* Подзаголовки-ссылки (на странице достопримечательностей) */
.pic{color:black; text-align:center; font-family:"Arial"; font-size:10pt}				/* Подпись к рисункам */
.fio{color: blue; text-align: left; font-weight: bold; font-family: "Times New Roman"; font-size:18pt} /* ФИО в резюме */
.rf {color: black; text-align: left; font-family: "Arial"; font-size:12pt} /* рядом с ФИО в резюме */
.zr {color: blue; text-align: left; font-weight: bold; font-family: "Arial"; font-size:10pt} /* заголовки резюме */
.tr {color: black; text-align: left; font-family: "Arial"; font-size:10pt} /* текст резюме */
.clear {clear: both;}

/* ------------ Объединение рисунка и подписи к нему ------------ */
figure
 {
    padding: 5px; 		/* Поля вокруг */
    display: block; 		/* Блочный элемент */
    float: left; 		/* Блоки выстраиваются по горизонтали */
    margin: 0 5px 0 5px;	/* Отступы */
    text-align: center; 	/* Выравнивание по центру */
    width: auto;
 }
figcaption
 {
   color: black; 		/* Цвет текста */
   text-align: center; 		/* Выравнивание по центру */
   font-family: "Arial"; 	/* Шрифт */
   font-size: 10pt; 		/* Размер шрифта */
 } /* КОНЕЦ  Объединение рисунка и подписи к нему */

#ft /* ------------ Блоки фотографий отдельной строкой ------------ */
 {
  align: center; 		/* Выравнивание по центру */
  text-align: center;
 } /* КОНЕЦ Блоки фотографий отдельной строкой */

/* ------------ Верхний блок ------------------------ */
#head
 {
   align: center; 		/* Выравнивание по центру */
   text-align: center;		/* Выравнивание текста по центру */
   padding: 0 0 2px 0; 		/* Поля вокруг (верхн, правый, нижний, и левый) */
   min-width: 1280px;		/* Минимальная ширина блока (равная ширине рисунка) */
   width: 100%			/* Ширина блока */
 }

/* ------------ Блок ФИО с фото ------------------------ */
#rezume
 {
   align: left; 		/* Выравнивание по центру */
   text-align: left;		/* Выравнивание текста по центру */
   margin: 1px 0 1px 180px; 	/* Внешкний отступ (верхн, правый, нижний, и левый) */
   /*padding: 0 0 2px 180; 		/* Поля вокруг (верхн, правый, нижний, и левый) */
   padding: 5px; 		/* Поля вокруг текста */
/*   min-width: 820px;		/* Минимальная ширина колонки */
   width: 100%			/* Ширина блока */

   position: absolute;		/* Абсолютное позиционирование */
   overflow: auto;		/* Высота автоматически по максимальному объекту */
   border: 0px solid #333; 	/* Параметры рамки */
 } /* КОНЕЦ Блок ФИО с фото */


/* ------------ Правая колонка - основной контент ------------ */
#content_rezume
 {
   margin: 1px 1px 1px 1px; 	/* Значения отступов */
   padding: 5px; 		/* Поля вокруг текста */
   /* position: absolute;		/* Абсолютное позиционирование */
   float: left; 		/* Обтекание справа */
   overflow: auto;		/* Высота автоматически по максимальному объекту */
/*   min-width: 1200px;		/* Минимальная ширина колонки */
   border: 0px solid #333; 	/* Параметры рамки */
   width: 100%			/* Ширина блока */
 } /* КОНЕЦ Правая колонка - основной контент */


#text_rezume
 {
   align: left; 		/* Выравнивание по центру */
   text-align: left;		/* Выравнивание текста по центру */
   margin: 1px 0 1px 200px; 	/* Внешкний отступ (верхн, правый, нижний, и левый) */
   padding: 5px; 		/* Поля вокруг текста */
   /* position: absolute;		/* Абсолютное позиционирование */
   overflow: auto;		/* Высота автоматически по максимальному объекту */
 } /* КОНЕЦ Блок ФИО с фото */


/* ------------ Левая колонка - МЕНЮ ------------------------ */
#menu
 {
   width: 100%;
   float: left; 		/* Обтекание справа */
   border: 0px solid #333; 	/* Параметры рамки вокруг */
   width: 180px; 		/* Ширина колонки */
   padding: 2px; 		/* Поля вокруг текста */
   margin: 1px 5px 1px 0; 	/* Значения отступов */
   margin-left: -100%;
   /*position: absolute;*/      /* Абсолютное позиционирование */
 } /* КОНЕЦ Левая колонка - МЕНЮ */

/* ------------ Правая колонка - основной контент ------------ */
#container
 {width: 100%;
  float: left; 		/* Обтекание справа */
 }

#content
 {
   margin: 1px 180px 1px 190px; 	/* Значения отступов */
   padding: 5px; 		/* Поля вокруг текста */
   /*position: absolute;*		/* Абсолютное позиционирование */
   float: left; 		/* Обтекание справа */
   overflow: auto;		/* Высота автоматически по максимальному объекту */
   min-width: 1080px;		/* Минимальная ширина колонки */
   border: 1px solid #333; 	/* Параметры рамки */
 } /* КОНЕЦ Правая колонка - основной контент */


.line
 {
    border-bottom: 1px groove #333; /* Линия между ссылками */
 }

/* ------------ Нижний блок ------------------------------------ */
#foot
 {
   align: center; 		/* Выравнивание по центру */
   text-align: center;		/* Выравнивание текста по центру */
   padding: 0; 			/* Поля вокруг текста */
   clear: both; 		/* Отменяем обтекание */
   width: 100%			/* Ширина блока */
   color: white; 		/* Цвет текста */
   /*background: gray; 		/* Цвет фона */
   /*position: absolute;*/
   bottom: 1px;
 } /* КОНЕЦ Нижний блок */