body {
	/*background-color: #000;*/
	background-image: url("bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	color: #fff;
	font-family: monospace;
	margin-bottom: 0;
}

body.overflow_off {

	overflow-y: hidden;
}

a {
	/*text-decoration: none;*/
	color: #fff;
}

.nadpis:hover {
	color: lime;
}

.table_menu {
	width: 76%;
}

.table_menu a {
	text-decoration: none;
}

.table_cell {
	background-color: dimgrey;
	padding-top: 10px;
	padding-bottom: 10px;
	width:20%;
	text-align: center;
}

.table_cell:hover {
	background-color: grey;
	color: lime;
}

.table_cell:hover a {
	color: lime;
}

.table_cell_1 {
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

.table_cell_2 {
	position: relative;
}

.table_cell_2:hover .planet_menu {
	display: block;
}

.table_cell_4 {
	position: relative;
}

.table_cell_4:hover .menu_nt {
	display: block;
}

.table_cell_5 {
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

.planet_menu {
	position: absolute;
	top: 38px;
	left: 0px;
	display: none;
	width: 100%;
	color: #fff;
}



/* "Двойная ячейка" - "Земля --> Луна" */

#earth_moon_block_2cells {

/*	border: 1px solid red;*/
	display: flex;
	width: 200%

}

#earth_menu_cell {

	display: inline;
	width: 50%
}

#moon_menu_cell {

	display: none;
	width: 100%;

	background-color: dimgrey;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	width: 99%;
	padding-top:10px;
	padding-bottom: 10px;

	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

#moon_menu_cell:hover {
	background-color: grey;
	color: lime;
}

#earth_moon_block_2cells:hover > #earth_menu_cell {

	width: 100%;
}

#earth_moon_block_2cells:hover > #moon_menu_cell {

	display: inline;
}


/* ---------------------------------- */



.planet_menu_cell {
	background-color: dimgrey;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	width: 100%;
	padding-top:10px;
	padding-bottom: 10px;
}

.planet_menu_cell:hover {
	background-color: grey;
	color: lime;
}

.planet_menu_cell_1 {
	border-top: 1px solid #fff;
}

.planet_menu_cell_8neptun {
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.menu_nt {
	position: absolute;
	width: 100%;
	top: 38px;
	left: 0px;
	display: none;
	color: #fff;
}

.menu_nt_cell {
	background-color: dimgrey;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}

.menu_nt_cell:hover {
	background-color: grey;
	color: lime;
}

.menu_nt_cell_1 {
	border-top: 1px solid #fff;
}

.menu_nt_cell_2 {
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.table_2_stati {
	width: 76%;
}

.bok_menu {
	background-color: dimgrey;
	width: 20%;
	height: 1000px;
	vertical-align: top;
	text-align: center;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	padding-left: 20px;
	padding-right: 20px;
	
}

.katalog_spisok {
	text-align: left;
}

.ssylka:hover {
	color: lime;
}


.block_stati {
	background-color: dimgrey;
	width: 80%;
	height: 1000px;
	vertical-align: top;
	text-align: center;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;

	padding-left: 30px;
	padding-right: 30px;
}

.zagolovok {
	text-align: center;
}

.stati {
	text-align: justify;
}

.center {
	text-align: center;
}

/*Статья Солнечная система, звезда по имени солнце, типо пасхалка*/
#star_name_sun {
	text-decoration: none;
}

.footer_dno {
	width: 76%;
	margin: auto;
	/*border: 1px solid red;*/
}


.data {
	/*width: 20%;*/
	text-align: center;
	/*color: #000;*/
	/*border: 1px solid green;*/
}









/* Небольшой блок статьи про Землю */

#block_earth { 

	border: 1px solid white;
	border-radius: 10px;

	width: 100%;

	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
}


#block_earth.vybran {

	border: 1px solid lime;
}

#block_earth_tdzagolovok {

/*	border: 1px solid orange;*/
}

#block_earth_tdphoto { 

/*	border: 1px solid red;*/

	width: 200px;

	padding-right: 10px;
}

#block_earth_tdtext { 

/*	border: 1px solid blue;*/

	vertical-align: top;
}

#block_earth_data {

/*	border: 1px solid violet;*/
	text-align: center;
}

/* --------------------------------------- */










/* Небольшой блок статьи про Венеру */

#block_venus { 

	border: 1px solid white;
	border-radius: 10px;

	width: 100%;

	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
}


#block_venus.vybran {

	border: 1px solid lime;
}

#block_venus_tdzagolovok {

/*	border: 1px solid orange;*/
}

#block_venus_tdphoto { 

/*	border: 1px solid red;*/

	width: 200px;

	padding-right: 10px;
}

#block_venus_tdtext { 

/*	border: 1px solid blue;*/

	vertical-align: top;
}

#block_venus_data {

/*	border: 1px solid violet;*/
	text-align: center;
}

/* --------------------------------------- */










/* Небольшой блок статьи про Меркурий */

#block_mercury { 

	border: 1px solid white;
	border-radius: 10px;

	width: 100%;

	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
}


#block_mercury.vybran {

	border: 1px solid lime;
}

#block_mercury_tdzagolovok {

/*	border: 1px solid orange;*/
}

#block_mercury_tdphoto { 

/*	border: 1px solid red;*/

	width: 200px;

	padding-right: 10px;
}

#block_mercury_tdtext { 

/*	border: 1px solid blue;*/

	vertical-align: top;
}

#block_mercury_data {

/*	border: 1px solid violet;*/
	text-align: center;
}

/* --------------------------------------- */



.cursor_pointer {

	cursor: pointer;
}































					/* МОДАЛЬНЫЕ ОКНА ФОТО */






/* ----- МОДАЛЬНОЕ ОКНО - Название ----- */


/* Серая область ---------------------------------------------------------------- */
#Luna_png_modal {
	
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);

	align-items: center;
	justify-content: center;
	
	display: none; /*Новый метод скрытия модального окна*/
	
	overflow-y: auto; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#Luna_png_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#Luna_png_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#Luna_png_modal_block {

/*	border: 1px solid lime;*/

	position: relative;
	padding: 14px;
	background-color: rgba(0, 0, 0, 0);
	margin: 20px;
	text-align: center;
	color: white;
	font-size: 1.1rem;

	display: flex;
	flex-wrap: wrap; /*Разрешение переноса строки внутри flex контейнера*/

	width: 991px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#Luna_png_krestik {
	
	position: absolute;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: black;
	color: white;
	border: 2px solid white;
	border-radius: 0px; /*Квадрат*/
	/*border-radius: 5px;*/ /*Скругленный квадрат*/
	/*border-radius: 20px;*/ /*Круг*/
	top: 0;
	right: 45px;
	cursor: pointer;
	transition: transform 0.2s;
	
}

#Luna_png_krestik:hover {

	color: #F22318;
	border: 2px solid #F22318;
	transform: scale(1.1);
	transition: transform 0.2s;
	transition: color 0.8s;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 8px;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#Luna_png_levo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#Luna_png_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#Luna_png_polotno {

	width: 900px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#Luna_png_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#Luna_png_nadpis {

/*	border: 1px solid orange;*/

	width: 905px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#Luna_png_pravo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#Luna_png_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Вращение Луны.png - p2 ----- */


/* Серая область ---------------------------------------------------------------- */
#p2_modal {
	
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);

	align-items: center;
	justify-content: center;
	
	display: none; /*Новый метод скрытия модального окна*/
	
	overflow-y: auto; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#p2_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#p2_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#p2_modal_block {

/*	border: 1px solid lime;*/

	position: relative;
	padding: 14px;
	background-color: rgba(0, 0, 0, 0);
	margin: 20px;
	text-align: center;
	color: white;
	font-size: 1.1rem;

	display: flex;
	flex-wrap: wrap; /*Разрешение переноса строки внутри flex контейнера*/

	width: 991px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#p2_krestik {
	
	position: absolute;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: black;
	color: white;
	border: 2px solid white;
	border-radius: 0px; /*Квадрат*/
	/*border-radius: 5px;*/ /*Скругленный квадрат*/
	/*border-radius: 20px;*/ /*Круг*/
	top: 0;
	right: 45px;
	cursor: pointer;
	transition: transform 0.2s;
	
}

#p2_krestik:hover {

	color: #F22318;
	border: 2px solid #F22318;
	transform: scale(1.1);
	transition: transform 0.2s;
	transition: color 0.8s;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 8px;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#p2_levo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p2_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#p2_polotno {

	width: 900px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#p2_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#p2_nadpis {

/*	border: 1px solid orange;*/

	width: 905px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#p2_pravo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p2_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Фазы Луны.png - p3 ----- */


/* Серая область ---------------------------------------------------------------- */
#p3_modal {
	
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);

	align-items: center;
	justify-content: center;
	
	display: none; /*Новый метод скрытия модального окна*/
	
	overflow-y: auto; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#p3_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#p3_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#p3_modal_block {

/*	border: 1px solid lime;*/

	position: relative;
	padding: 14px;
	background-color: rgba(0, 0, 0, 0);
	margin: 20px;
	text-align: center;
	color: white;
	font-size: 1.1rem;

	display: flex;
	flex-wrap: wrap; /*Разрешение переноса строки внутри flex контейнера*/

	width: 991px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#p3_krestik {
	
	position: absolute;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: black;
	color: white;
	border: 2px solid white;
	border-radius: 0px; /*Квадрат*/
	/*border-radius: 5px;*/ /*Скругленный квадрат*/
	/*border-radius: 20px;*/ /*Круг*/
	top: 0;
	right: 45px;
	cursor: pointer;
	transition: transform 0.2s;
	
}

#p3_krestik:hover {

	color: #F22318;
	border: 2px solid #F22318;
	transform: scale(1.1);
	transition: transform 0.2s;
	transition: color 0.8s;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 8px;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#p3_levo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p3_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#p3_polotno {

	width: 900px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#p3_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#p3_nadpis {

/*	border: 1px solid orange;*/

	width: 905px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#p3_pravo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p3_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Внутреннее строение Луны.png - p4 ----- */


/* Серая область ---------------------------------------------------------------- */
#p4_modal {
	
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);

	align-items: center;
	justify-content: center;
	
	display: none; /*Новый метод скрытия модального окна*/
	
	overflow-y: auto; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#p4_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#p4_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#p4_modal_block {

/*	border: 1px solid lime;*/

	position: relative;
	padding: 14px;
	background-color: rgba(0, 0, 0, 0);
	margin: 20px;
	text-align: center;
	color: white;
	font-size: 1.1rem;

	display: flex;
	flex-wrap: wrap; /*Разрешение переноса строки внутри flex контейнера*/

	width: 991px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#p4_krestik {
	
	position: absolute;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: black;
	color: white;
	border: 2px solid white;
	border-radius: 0px; /*Квадрат*/
	/*border-radius: 5px;*/ /*Скругленный квадрат*/
	/*border-radius: 20px;*/ /*Круг*/
	top: 0;
	right: 45px;
	cursor: pointer;
	transition: transform 0.2s;
	
}

#p4_krestik:hover {

	color: #F22318;
	border: 2px solid #F22318;
	transform: scale(1.1);
	transition: transform 0.2s;
	transition: color 0.8s;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 8px;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#p4_levo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p4_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#p4_polotno {

	width: 900px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#p4_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#p4_nadpis {

/*	border: 1px solid orange;*/

	width: 905px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#p4_pravo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p4_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Видимая сторона Луны.jpg - p5 ----- */


/* Серая область ---------------------------------------------------------------- */
#p5_modal {
	
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);

	align-items: center;
	justify-content: center;
	
	display: none; /*Новый метод скрытия модального окна*/
	
	overflow-y: auto; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#p5_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#p5_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#p5_modal_block {

/*	border: 1px solid lime;*/

	position: relative;
	padding: 14px;
	background-color: rgba(0, 0, 0, 0);
	margin: 20px;
	text-align: center;
	color: white;
	font-size: 1.1rem;

	display: flex;
	flex-wrap: wrap; /*Разрешение переноса строки внутри flex контейнера*/

	width: 991px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#p5_krestik {
	
	position: absolute;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: black;
	color: white;
	border: 2px solid white;
	border-radius: 0px; /*Квадрат*/
	/*border-radius: 5px;*/ /*Скругленный квадрат*/
	/*border-radius: 20px;*/ /*Круг*/
	top: 0;
	right: 45px;
	cursor: pointer;
	transition: transform 0.2s;
	
}

#p5_krestik:hover {

	color: #F22318;
	border: 2px solid #F22318;
	transform: scale(1.1);
	transition: transform 0.2s;
	transition: color 0.8s;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 8px;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#p5_levo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p5_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#p5_polotno {

	width: 900px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#p5_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#p5_nadpis {

/*	border: 1px solid orange;*/

	width: 905px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#p5_pravo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p5_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Обратная сторона Луны.jpg - p6 ----- */


/* Серая область ---------------------------------------------------------------- */
#p6_modal {
	
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);

	align-items: center;
	justify-content: center;
	
	display: none; /*Новый метод скрытия модального окна*/
	
	overflow-y: auto; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#p6_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#p6_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#p6_modal_block {

/*	border: 1px solid lime;*/

	position: relative;
	padding: 14px;
	background-color: rgba(0, 0, 0, 0);
	margin: 20px;
	text-align: center;
	color: white;
	font-size: 1.1rem;

	display: flex;
	flex-wrap: wrap; /*Разрешение переноса строки внутри flex контейнера*/

	width: 991px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#p6_krestik {
	
	position: absolute;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: black;
	color: white;
	border: 2px solid white;
	border-radius: 0px; /*Квадрат*/
	/*border-radius: 5px;*/ /*Скругленный квадрат*/
	/*border-radius: 20px;*/ /*Круг*/
	top: 0;
	right: 45px;
	cursor: pointer;
	transition: transform 0.2s;
	
}

#p6_krestik:hover {

	color: #F22318;
	border: 2px solid #F22318;
	transform: scale(1.1);
	transition: transform 0.2s;
	transition: color 0.8s;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 8px;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#p6_levo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p6_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#p6_polotno {

	width: 900px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#p6_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#p6_nadpis {

/*	border: 1px solid orange;*/

	width: 905px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#p6_pravo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p6_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Обратная сторона Луны 2.jpg - p7 ----- */


/* Серая область ---------------------------------------------------------------- */
#p7_modal {
	
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);

	align-items: center;
	justify-content: center;
	
	display: none; /*Новый метод скрытия модального окна*/
	
	overflow-y: auto; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#p7_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#p7_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#p7_modal_block {

/*	border: 1px solid lime;*/

	position: relative;
	padding: 14px;
	background-color: rgba(0, 0, 0, 0);
	margin: 20px;
	text-align: center;
	color: white;
	font-size: 1.1rem;

	display: flex;
	flex-wrap: wrap; /*Разрешение переноса строки внутри flex контейнера*/

	width: 991px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#p7_krestik {
	
	position: absolute;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: black;
	color: white;
	border: 2px solid white;
	border-radius: 0px; /*Квадрат*/
	/*border-radius: 5px;*/ /*Скругленный квадрат*/
	/*border-radius: 20px;*/ /*Круг*/
	top: 0;
	right: 45px;
	cursor: pointer;
	transition: transform 0.2s;
	
}

#p7_krestik:hover {

	color: #F22318;
	border: 2px solid #F22318;
	transform: scale(1.1);
	transition: transform 0.2s;
	transition: color 0.8s;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 8px;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#p7_levo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p7_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#p7_polotno {

	width: 900px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#p7_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#p7_nadpis {

/*	border: 1px solid orange;*/

	width: 905px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#p7_pravo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p7_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Луна-3 - Первое изображение обратной стороны Луны.jpg - p8 ----- */


/* Серая область ---------------------------------------------------------------- */
#p8_modal {
	
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);

	align-items: center;
	justify-content: center;
	
	display: none; /*Новый метод скрытия модального окна*/
	
	overflow-y: auto; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#p8_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#p8_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#p8_modal_block {

/*	border: 1px solid lime;*/

	position: relative;
	padding: 14px;
	background-color: rgba(0, 0, 0, 0);
	margin: 20px;
	text-align: center;
	color: white;
	font-size: 1.1rem;

	display: flex;
	flex-wrap: wrap; /*Разрешение переноса строки внутри flex контейнера*/

	width: 991px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#p8_krestik {
	
	position: absolute;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: black;
	color: white;
	border: 2px solid white;
	border-radius: 0px; /*Квадрат*/
	/*border-radius: 5px;*/ /*Скругленный квадрат*/
	/*border-radius: 20px;*/ /*Круг*/
	top: 0;
	right: 45px;
	cursor: pointer;
	transition: transform 0.2s;
	
}

#p8_krestik:hover {

	color: #F22318;
	border: 2px solid #F22318;
	transform: scale(1.1);
	transition: transform 0.2s;
	transition: color 0.8s;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 8px;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#p8_levo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p8_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#p8_polotno {

	width: 900px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#p8_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#p8_nadpis {

/*	border: 1px solid orange;*/

	width: 905px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#p8_pravo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p8_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Луна-3 - фото обратной стороны Луны 2.jpg - p9 ----- */


/* Серая область ---------------------------------------------------------------- */
#p9_modal {
	
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);

	align-items: center;
	justify-content: center;
	
	display: none; /*Новый метод скрытия модального окна*/
	
	overflow-y: auto; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#p9_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#p9_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#p9_modal_block {

/*	border: 1px solid lime;*/

	position: relative;
	padding: 14px;
	background-color: rgba(0, 0, 0, 0);
	margin: 20px;
	text-align: center;
	color: white;
	font-size: 1.1rem;

	display: flex;
	flex-wrap: wrap; /*Разрешение переноса строки внутри flex контейнера*/

	width: 991px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#p9_krestik {
	
	position: absolute;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: black;
	color: white;
	border: 2px solid white;
	border-radius: 0px; /*Квадрат*/
	/*border-radius: 5px;*/ /*Скругленный квадрат*/
	/*border-radius: 20px;*/ /*Круг*/
	top: 0;
	right: 45px;
	cursor: pointer;
	transition: transform 0.2s;
	
}

#p9_krestik:hover {

	color: #F22318;
	border: 2px solid #F22318;
	transform: scale(1.1);
	transition: transform 0.2s;
	transition: color 0.8s;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 8px;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#p9_levo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p9_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#p9_polotno {

	width: 900px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#p9_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#p9_nadpis {

/*	border: 1px solid orange;*/

	width: 905px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#p9_pravo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p9_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Луна-9.jpg - p10 ----- */


/* Серая область ---------------------------------------------------------------- */
#p10_modal {
	
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);

	align-items: center;
	justify-content: center;
	
	display: none; /*Новый метод скрытия модального окна*/
	
	overflow-y: auto; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#p10_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#p10_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#p10_modal_block {

/*	border: 1px solid lime;*/

	position: relative;
	padding: 14px;
	background-color: rgba(0, 0, 0, 0);
	margin: 20px;
	text-align: center;
	color: white;
	font-size: 1.1rem;

	display: flex;
	flex-wrap: wrap; /*Разрешение переноса строки внутри flex контейнера*/

	width: 991px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#p10_krestik {
	
	position: absolute;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: black;
	color: white;
	border: 2px solid white;
	border-radius: 0px; /*Квадрат*/
	/*border-radius: 5px;*/ /*Скругленный квадрат*/
	/*border-radius: 20px;*/ /*Круг*/
	top: 0;
	right: 45px;
	cursor: pointer;
	transition: transform 0.2s;
	
}

#p10_krestik:hover {

	color: #F22318;
	border: 2px solid #F22318;
	transform: scale(1.1);
	transition: transform 0.2s;
	transition: color 0.8s;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 8px;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#p10_levo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p10_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#p10_polotno {

	width: 900px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#p10_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#p10_nadpis {

/*	border: 1px solid orange;*/

	width: 905px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#p10_pravo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p10_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Исследование Луны/Советские АМС/Луна-9/Луна-9 - автоматическая лунная станция.jpg - p11 ----- */


/* Серая область ---------------------------------------------------------------- */
#p11_modal {
	
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);

	align-items: center;
	justify-content: center;
	
	display: none; /*Новый метод скрытия модального окна*/
	
	overflow-y: auto; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#p11_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#p11_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#p11_modal_block {

/*	border: 1px solid lime;*/

	position: relative;
	padding: 14px;
	background-color: rgba(0, 0, 0, 0);
	margin: 20px;
	text-align: center;
	color: white;
	font-size: 1.1rem;

	display: flex;
	flex-wrap: wrap; /*Разрешение переноса строки внутри flex контейнера*/

	width: 991px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#p11_krestik {
	
	position: absolute;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: black;
	color: white;
	border: 2px solid white;
	border-radius: 0px; /*Квадрат*/
	/*border-radius: 5px;*/ /*Скругленный квадрат*/
	/*border-radius: 20px;*/ /*Круг*/
	top: 0;
	right: 45px;
	cursor: pointer;
	transition: transform 0.2s;
	
}

#p11_krestik:hover {

	color: #F22318;
	border: 2px solid #F22318;
	transform: scale(1.1);
	transition: transform 0.2s;
	transition: color 0.8s;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 8px;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#p11_levo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p11_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#p11_polotno {

	width: 900px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#p11_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#p11_nadpis {

/*	border: 1px solid orange;*/

	width: 905px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#p11_pravo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p11_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Исследование Луны/Советские АМС/Луна-9/Луна-9 - фото поверхности Луны.jpg - p12 ----- */


/* Серая область ---------------------------------------------------------------- */
#p12_modal {
	
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);

	align-items: center;
	justify-content: center;
	
	display: none; /*Новый метод скрытия модального окна*/
	
	overflow-y: auto; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#p12_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#p12_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#p12_modal_block {

/*	border: 1px solid lime;*/

	position: relative;
	padding: 14px;
	background-color: rgba(0, 0, 0, 0);
	margin: 20px;
	text-align: center;
	color: white;
	font-size: 1.1rem;

	display: flex;
	flex-wrap: wrap; /*Разрешение переноса строки внутри flex контейнера*/

	width: 991px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#p12_krestik {
	
	position: absolute;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: black;
	color: white;
	border: 2px solid white;
	border-radius: 0px; /*Квадрат*/
	/*border-radius: 5px;*/ /*Скругленный квадрат*/
	/*border-radius: 20px;*/ /*Круг*/
	top: 0;
	right: 45px;
	cursor: pointer;
	transition: transform 0.2s;
	
}

#p12_krestik:hover {

	color: #F22318;
	border: 2px solid #F22318;
	transform: scale(1.1);
	transition: transform 0.2s;
	transition: color 0.8s;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 8px;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#p12_levo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p12_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#p12_polotno {

	width: 900px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#p12_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#p12_nadpis {

/*	border: 1px solid orange;*/

	width: 905px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#p12_pravo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p12_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Исследование Луны/Советские АМС/Луна-9/Луна-9 - панорама.jpg - p13 ----- */


/* Серая область ---------------------------------------------------------------- */
#p13_modal {
	
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);

	align-items: center;
	justify-content: center;
	
	/*visibility: hidden;*/ /*Устаревший метод скрытия модального блока*/
	/*opacity: 0;*/			/*Устаревший метод скрытия модального блока*/
	
	display: none; /*Новый метод скрытия модального окна*/
	
	overflow-y: auto; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#p13_modal.open {
	/*visibility: visible;*/ /*Устаревший метод открытия модального блока*/
	/*opacity: 1;*/ 		 /*Устаревший метод открытия модального блока*/
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#p13_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#p13_modal_block {

/*	border: 1px solid lime;*/

	position: relative;
	padding: 14px;
	background-color: rgba(0, 0, 0, 0);
	margin: 20px;
	text-align: center;
	color: white;
	font-size: 1.1rem;

	display: flex;
	flex-wrap: wrap; /*Разрешение переноса строки внтури flex контейнера*/

	width: 991px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#p13_krestik {
	
	position: absolute;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: black;
	color: white;
	border: 2px solid white;
	border-radius: 0px; /*Квадрат*/
	/*border-radius: 5px;*/ /*Скругленный квадрат*/
	/*border-radius: 20px;*/ /*Круг*/
	top: 0;
	right: 45px;
	cursor: pointer;
	transition: transform 0.2s;
	
}

#p13_krestik:hover {

	color: #F22318;
	border: 2px solid #F22318;
	transform: scale(1.1);
	transition: transform 0.2s;
	transition: color 0.8s;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 8px;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#p13_levo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p13_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#p13_polotno {

	width: 900px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
	
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

/* ------------------------------------------------------- */


/* Блок верхнего пространства ---------------------------- */

#p13_verhnee_prostranstvo {

/*	border: 1px solid red;*/

	width: 900px;
	height: 198px; /*Расчетная высота блока*/
}

/* -------------------------------------------------------- */


/* Само увеличенное фото ---------------------------------------------------------------*/
#p13_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Блок нижнего пространства ---------------------------- */

#p13_nizhnee_prostranstvo {

/*	border: 1px solid red;*/

	width: 900px;
	height: 198px; /*Расчетная высота блока*/
}

/* -------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#p13_nadpis {

/*	border: 1px solid orange;*/

	width: 905px;
	
	/*padding-left: 40px;*/ /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	/*padding-right: 40px;*/
	
	position: relative;
	bottom: -5px;
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#p13_pravo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p13_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Исследование Луны/Советские АМС/Луна-12/Луна-12.jpg - p14 ----- */


/* Серая область ---------------------------------------------------------------- */
#p14_modal {
	
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);

	align-items: center;
	justify-content: center;
	
	display: none; /*Новый метод скрытия модального окна*/
	
	overflow-y: auto; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#p14_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#p14_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#p14_modal_block {

/*	border: 1px solid lime;*/

	position: relative;
	padding: 14px;
	background-color: rgba(0, 0, 0, 0);
	margin: 20px;
	text-align: center;
	color: white;
	font-size: 1.1rem;

	display: flex;
	flex-wrap: wrap; /*Разрешение переноса строки внутри flex контейнера*/

	width: 991px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#p14_krestik {
	
	position: absolute;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: black;
	color: white;
	border: 2px solid white;
	border-radius: 0px; /*Квадрат*/
	/*border-radius: 5px;*/ /*Скругленный квадрат*/
	/*border-radius: 20px;*/ /*Круг*/
	top: 0;
	right: 45px;
	cursor: pointer;
	transition: transform 0.2s;
	
}

#p14_krestik:hover {

	color: #F22318;
	border: 2px solid #F22318;
	transform: scale(1.1);
	transition: transform 0.2s;
	transition: color 0.8s;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 8px;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#p14_levo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p14_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#p14_polotno {

	width: 900px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#p14_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#p14_nadpis {

/*	border: 1px solid orange;*/

	width: 905px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#p14_pravo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p14_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Исследование Луны/Советские АМС/Луна-12/Луна-12 - фото лунной поверхности.jpg - p15 ----- */


/* Серая область ---------------------------------------------------------------- */
#p15_modal {
	
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);

	align-items: center;
	justify-content: center;
	
	display: none; /*Новый метод скрытия модального окна*/
	
	overflow-y: auto; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#p15_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#p15_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#p15_modal_block {

/*	border: 1px solid lime;*/

	position: relative;
	padding: 14px;
	background-color: rgba(0, 0, 0, 0);
	margin: 20px;
	text-align: center;
	color: white;
	font-size: 1.1rem;

	display: flex;
	flex-wrap: wrap; /*Разрешение переноса строки внутри flex контейнера*/

	width: 991px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#p15_krestik {
	
	position: absolute;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: black;
	color: white;
	border: 2px solid white;
	border-radius: 0px; /*Квадрат*/
	/*border-radius: 5px;*/ /*Скругленный квадрат*/
	/*border-radius: 20px;*/ /*Круг*/
	top: 0;
	right: 45px;
	cursor: pointer;
	transition: transform 0.2s;
	
}

#p15_krestik:hover {

	color: #F22318;
	border: 2px solid #F22318;
	transform: scale(1.1);
	transition: transform 0.2s;
	transition: color 0.8s;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 8px;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#p15_levo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p15_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#p15_polotno {

	width: 900px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#p15_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#p15_nadpis {

/*	border: 1px solid orange;*/

	width: 905px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#p15_pravo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p15_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Исследование Луны/Советские АМС/Луна-13/Луна-13.jpg - p16 ----- */


/* Серая область ---------------------------------------------------------------- */
#p16_modal {
	
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);

	align-items: center;
	justify-content: center;
	
	display: none; /*Новый метод скрытия модального окна*/
	
	overflow-y: auto; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#p16_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#p16_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#p16_modal_block {

/*	border: 1px solid lime;*/

	position: relative;
	padding: 14px;
	background-color: rgba(0, 0, 0, 0);
	margin: 20px;
	text-align: center;
	color: white;
	font-size: 1.1rem;

	display: flex;
	flex-wrap: wrap; /*Разрешение переноса строки внутри flex контейнера*/

	width: 991px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#p16_krestik {
	
	position: absolute;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: black;
	color: white;
	border: 2px solid white;
	border-radius: 0px; /*Квадрат*/
	/*border-radius: 5px;*/ /*Скругленный квадрат*/
	/*border-radius: 20px;*/ /*Круг*/
	top: 0;
	right: 45px;
	cursor: pointer;
	transition: transform 0.2s;
	
}

#p16_krestik:hover {

	color: #F22318;
	border: 2px solid #F22318;
	transform: scale(1.1);
	transition: transform 0.2s;
	transition: color 0.8s;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 8px;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#p16_levo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p16_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#p16_polotno {

	width: 900px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#p16_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#p16_nadpis {

/*	border: 1px solid orange;*/

	width: 905px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#p16_pravo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p16_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Исследование Луны/Советские АМС/Луна-13/Луна-13 - фото поверхности Луны 1.jpg - p17 ----- */


/* Серая область ---------------------------------------------------------------- */
#p17_modal {
	
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);

	align-items: center;
	justify-content: center;
	
	display: none; /*Новый метод скрытия модального окна*/
	
	overflow-y: auto; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#p17_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#p17_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#p17_modal_block {

/*	border: 1px solid lime;*/

	position: relative;
	padding: 14px;
	background-color: rgba(0, 0, 0, 0);
	margin: 20px;
	text-align: center;
	color: white;
	font-size: 1.1rem;

	display: flex;
	flex-wrap: wrap; /*Разрешение переноса строки внутри flex контейнера*/

	width: 991px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#p17_krestik {
	
	position: absolute;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: black;
	color: white;
	border: 2px solid white;
	border-radius: 0px; /*Квадрат*/
	/*border-radius: 5px;*/ /*Скругленный квадрат*/
	/*border-radius: 20px;*/ /*Круг*/
	top: 0;
	right: 45px;
	cursor: pointer;
	transition: transform 0.2s;
	
}

#p17_krestik:hover {

	color: #F22318;
	border: 2px solid #F22318;
	transform: scale(1.1);
	transition: transform 0.2s;
	transition: color 0.8s;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 8px;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#p17_levo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p17_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#p17_polotno {

	width: 900px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#p17_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#p17_nadpis {

/*	border: 1px solid orange;*/

	width: 905px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#p17_pravo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p17_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Исследование Луны/Советские АМС/Луна-13/Луна-13 - панорамные изображения.jpg - p18 ----- */


/* Серая область ---------------------------------------------------------------- */
#p18_modal {
	
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);

	align-items: center;
	justify-content: center;
	
	/*visibility: hidden;*/ /*Устаревший метод скрытия модального блока*/
	/*opacity: 0;*/			/*Устаревший метод скрытия модального блока*/
	
	display: none; /*Новый метод скрытия модального окна*/
	
	overflow-y: auto; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#p18_modal.open {
	/*visibility: visible;*/ /*Устаревший метод открытия модального блока*/
	/*opacity: 1;*/ 		 /*Устаревший метод открытия модального блока*/
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#p18_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#p18_modal_block {

/*	border: 1px solid lime;*/

	position: relative;
	padding: 14px;
	background-color: rgba(0, 0, 0, 0);
	margin: 20px;
	text-align: center;
	color: white;
	font-size: 1.1rem;

	display: flex;
	flex-wrap: wrap; /*Разрешение переноса строки внтури flex контейнера*/

	width: 991px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#p18_krestik {
	
	position: absolute;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: black;
	color: white;
	border: 2px solid white;
	border-radius: 0px; /*Квадрат*/
	/*border-radius: 5px;*/ /*Скругленный квадрат*/
	/*border-radius: 20px;*/ /*Круг*/
	top: 0;
	right: 45px;
	cursor: pointer;
	transition: transform 0.2s;
	
}

#p18_krestik:hover {

	color: #F22318;
	border: 2px solid #F22318;
	transform: scale(1.1);
	transition: transform 0.2s;
	transition: color 0.8s;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 8px;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#p18_levo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p18_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#p18_polotno {

	width: 900px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
	
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

/* ------------------------------------------------------- */


/* Блок верхнего пространства ---------------------------- */

#p18_verhnee_prostranstvo {

/*	border: 1px solid red;*/

	width: 900px;
	height: 110px; /*Расчетная высота блока*/
}

/* -------------------------------------------------------- */


/* Само увеличенное фото ---------------------------------------------------------------*/
#p18_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Блок нижнего пространства ---------------------------- */

#p18_nizhnee_prostranstvo {

/*	border: 1px solid red;*/

	width: 900px;
	height: 110px; /*Расчетная высота блока*/
}

/* -------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#p18_nadpis {

/*	border: 1px solid orange;*/

	width: 905px;
	
	/*padding-left: 40px;*/ /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	/*padding-right: 40px;*/
	
	position: relative;
	bottom: -5px;
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#p18_pravo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p18_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */











/* ----- МОДАЛЬНОЕ ОКНО - Исследование Луны/Советские АМС/Луна-16, -20, -24/Луна-16.jpg - p19 ----- */


/* Серая область ---------------------------------------------------------------- */
#p19_modal {
	
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);

	align-items: center;
	justify-content: center;
	
	display: none; /*Новый метод скрытия модального окна*/
	
	overflow-y: auto; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#p19_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#p19_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#p19_modal_block {

/*	border: 1px solid lime;*/

	position: relative;
	padding: 14px;
	background-color: rgba(0, 0, 0, 0);
	margin: 20px;
	text-align: center;
	color: white;
	font-size: 1.1rem;

	display: flex;
	flex-wrap: wrap; /*Разрешение переноса строки внутри flex контейнера*/

	width: 991px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#p19_krestik {
	
	position: absolute;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: black;
	color: white;
	border: 2px solid white;
	border-radius: 0px; /*Квадрат*/
	/*border-radius: 5px;*/ /*Скругленный квадрат*/
	/*border-radius: 20px;*/ /*Круг*/
	top: 0;
	right: 45px;
	cursor: pointer;
	transition: transform 0.2s;
	
}

#p19_krestik:hover {

	color: #F22318;
	border: 2px solid #F22318;
	transform: scale(1.1);
	transition: transform 0.2s;
	transition: color 0.8s;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 8px;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#p19_levo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p19_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#p19_polotno {

	width: 900px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#p19_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#p19_nadpis {

/*	border: 1px solid orange;*/

	width: 905px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#p19_pravo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p19_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */









/* ----- МОДАЛЬНОЕ ОКНО - Исследование Луны/Советские АМС/Луна-16, -20, -24/Луна-16 - СА.jpg - p20 ----- */


/* Серая область ---------------------------------------------------------------- */
#p20_modal {
	
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);

	align-items: center;
	justify-content: center;
	
	display: none; /*Новый метод скрытия модального окна*/
	
	overflow-y: auto; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#p20_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#p20_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#p20_modal_block {

/*	border: 1px solid lime;*/

	position: relative;
	padding: 14px;
	background-color: rgba(0, 0, 0, 0);
	margin: 20px;
	text-align: center;
	color: white;
	font-size: 1.1rem;

	display: flex;
	flex-wrap: wrap; /*Разрешение переноса строки внутри flex контейнера*/

	width: 991px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#p20_krestik {
	
	position: absolute;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: black;
	color: white;
	border: 2px solid white;
	border-radius: 0px; /*Квадрат*/
	/*border-radius: 5px;*/ /*Скругленный квадрат*/
	/*border-radius: 20px;*/ /*Круг*/
	top: 0;
	right: 45px;
	cursor: pointer;
	transition: transform 0.2s;
	
}

#p20_krestik:hover {

	color: #F22318;
	border: 2px solid #F22318;
	transform: scale(1.1);
	transition: transform 0.2s;
	transition: color 0.8s;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 8px;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#p20_levo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p20_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#p20_polotno {

	width: 900px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#p20_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#p20_nadpis {

/*	border: 1px solid orange;*/

	width: 905px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#p20_pravo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p20_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Исследование Луны/Советские АМС/Луна-17/Луна-17.jpg - p21 ----- */


/* Серая область ---------------------------------------------------------------- */
#p21_modal {
	
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);

	align-items: center;
	justify-content: center;
	
	display: none; /*Новый метод скрытия модального окна*/
	
	overflow-y: auto; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#p21_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#p21_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#p21_modal_block {

/*	border: 1px solid lime;*/

	position: relative;
	padding: 14px;
	background-color: rgba(0, 0, 0, 0);
	margin: 20px;
	text-align: center;
	color: white;
	font-size: 1.1rem;

	display: flex;
	flex-wrap: wrap; /*Разрешение переноса строки внутри flex контейнера*/

	width: 991px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#p21_krestik {
	
	position: absolute;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: black;
	color: white;
	border: 2px solid white;
	border-radius: 0px; /*Квадрат*/
	/*border-radius: 5px;*/ /*Скругленный квадрат*/
	/*border-radius: 20px;*/ /*Круг*/
	top: 0;
	right: 45px;
	cursor: pointer;
	transition: transform 0.2s;
	
}

#p21_krestik:hover {

	color: #F22318;
	border: 2px solid #F22318;
	transform: scale(1.1);
	transition: transform 0.2s;
	transition: color 0.8s;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 8px;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#p21_levo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p21_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#p21_polotno {

	width: 900px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#p21_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#p21_nadpis {

/*	border: 1px solid orange;*/

	width: 905px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#p21_pravo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p21_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Исследование Луны/Советские АМС/Луна-17/Луна-17 - Луноход-1.jpg - p22 ----- */


/* Серая область ---------------------------------------------------------------- */
#p22_modal {
	
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);

	align-items: center;
	justify-content: center;
	
	display: none; /*Новый метод скрытия модального окна*/
	
	overflow-y: auto; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#p22_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#p22_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#p22_modal_block {

/*	border: 1px solid lime;*/

	position: relative;
	padding: 14px;
	background-color: rgba(0, 0, 0, 0);
	margin: 20px;
	text-align: center;
	color: white;
	font-size: 1.1rem;

	display: flex;
	flex-wrap: wrap; /*Разрешение переноса строки внутри flex контейнера*/

	width: 991px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#p22_krestik {
	
	position: absolute;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: black;
	color: white;
	border: 2px solid white;
	border-radius: 0px; /*Квадрат*/
	/*border-radius: 5px;*/ /*Скругленный квадрат*/
	/*border-radius: 20px;*/ /*Круг*/
	top: 0;
	right: 45px;
	cursor: pointer;
	transition: transform 0.2s;
	
}

#p22_krestik:hover {

	color: #F22318;
	border: 2px solid #F22318;
	transform: scale(1.1);
	transition: transform 0.2s;
	transition: color 0.8s;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 8px;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#p22_levo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p22_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#p22_polotno {

	width: 900px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#p22_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#p22_nadpis {

/*	border: 1px solid orange;*/

	width: 905px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#p22_pravo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p22_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Исследование Луны/Советские АМС/Луна-17/Луна-17 - Луноход-1 - фото Луны 1.jpg - p23 ----- */


/* Серая область ---------------------------------------------------------------- */
#p23_modal {
	
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);

	align-items: center;
	justify-content: center;
	
	display: none; /*Новый метод скрытия модального окна*/
	
	overflow-y: auto; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#p23_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#p23_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#p23_modal_block {

/*	border: 1px solid lime;*/

	position: relative;
	padding: 14px;
	background-color: rgba(0, 0, 0, 0);
	margin: 20px;
	text-align: center;
	color: white;
	font-size: 1.1rem;

	display: flex;
	flex-wrap: wrap; /*Разрешение переноса строки внутри flex контейнера*/

	width: 991px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#p23_krestik {
	
	position: absolute;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: black;
	color: white;
	border: 2px solid white;
	border-radius: 0px; /*Квадрат*/
	/*border-radius: 5px;*/ /*Скругленный квадрат*/
	/*border-radius: 20px;*/ /*Круг*/
	top: 0;
	right: 45px;
	cursor: pointer;
	transition: transform 0.2s;
	
}

#p23_krestik:hover {

	color: #F22318;
	border: 2px solid #F22318;
	transform: scale(1.1);
	transition: transform 0.2s;
	transition: color 0.8s;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 8px;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#p23_levo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p23_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#p23_polotno {

	width: 900px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#p23_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#p23_nadpis {

/*	border: 1px solid orange;*/

	width: 905px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#p23_pravo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p23_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Исследование Луны/Советские АМС/Луна-17/Луна-17 - Луноход-1 - фото Луны 2.jpg - p24 ----- */


/* Серая область ---------------------------------------------------------------- */
#p24_modal {
	
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);

	align-items: center;
	justify-content: center;
	
	display: none; /*Новый метод скрытия модального окна*/
	
	overflow-y: auto; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#p24_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#p24_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#p24_modal_block {

/*	border: 1px solid lime;*/

	position: relative;
	padding: 14px;
	background-color: rgba(0, 0, 0, 0);
	margin: 20px;
	text-align: center;
	color: white;
	font-size: 1.1rem;

	display: flex;
	flex-wrap: wrap; /*Разрешение переноса строки внутри flex контейнера*/

	width: 991px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#p24_krestik {
	
	position: absolute;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: black;
	color: white;
	border: 2px solid white;
	border-radius: 0px; /*Квадрат*/
	/*border-radius: 5px;*/ /*Скругленный квадрат*/
	/*border-radius: 20px;*/ /*Круг*/
	top: 0;
	right: 45px;
	cursor: pointer;
	transition: transform 0.2s;
	
}

#p24_krestik:hover {

	color: #F22318;
	border: 2px solid #F22318;
	transform: scale(1.1);
	transition: transform 0.2s;
	transition: color 0.8s;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 8px;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#p24_levo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p24_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#p24_polotno {

	width: 900px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#p24_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#p24_nadpis {

/*	border: 1px solid orange;*/

	width: 905px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#p24_pravo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p24_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Исследование Луны/Советские АМС/Луна-17/Луна-17 - Луноход-1 - фото Луны 3.jpg - p25 ----- */


/* Серая область ---------------------------------------------------------------- */
#p25_modal {
	
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);

	align-items: center;
	justify-content: center;
	
	display: none; /*Новый метод скрытия модального окна*/
	
	overflow-y: auto; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#p25_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#p25_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#p25_modal_block {

/*	border: 1px solid lime;*/

	position: relative;
	padding: 14px;
	background-color: rgba(0, 0, 0, 0);
	margin: 20px;
	text-align: center;
	color: white;
	font-size: 1.1rem;

	display: flex;
	flex-wrap: wrap; /*Разрешение переноса строки внутри flex контейнера*/

	width: 991px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#p25_krestik {
	
	position: absolute;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: black;
	color: white;
	border: 2px solid white;
	border-radius: 0px; /*Квадрат*/
	/*border-radius: 5px;*/ /*Скругленный квадрат*/
	/*border-radius: 20px;*/ /*Круг*/
	top: 0;
	right: 45px;
	cursor: pointer;
	transition: transform 0.2s;
	
}

#p25_krestik:hover {

	color: #F22318;
	border: 2px solid #F22318;
	transform: scale(1.1);
	transition: transform 0.2s;
	transition: color 0.8s;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 8px;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#p25_levo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p25_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#p25_polotno {

	width: 900px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#p25_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#p25_nadpis {

/*	border: 1px solid orange;*/

	width: 905px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#p25_pravo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p25_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Исследование Луны/Советские АМС/Луна-16, -20, -24/Луна-20.jpg - p26 ----- */


/* Серая область ---------------------------------------------------------------- */
#p26_modal {
	
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);

	align-items: center;
	justify-content: center;
	
	display: none; /*Новый метод скрытия модального окна*/
	
	overflow-y: auto; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#p26_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#p26_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#p26_modal_block {

/*	border: 1px solid lime;*/

	position: relative;
	padding: 14px;
	background-color: rgba(0, 0, 0, 0);
	margin: 20px;
	text-align: center;
	color: white;
	font-size: 1.1rem;

	display: flex;
	flex-wrap: wrap; /*Разрешение переноса строки внутри flex контейнера*/

	width: 991px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#p26_krestik {
	
	position: absolute;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: black;
	color: white;
	border: 2px solid white;
	border-radius: 0px; /*Квадрат*/
	/*border-radius: 5px;*/ /*Скругленный квадрат*/
	/*border-radius: 20px;*/ /*Круг*/
	top: 0;
	right: 45px;
	cursor: pointer;
	transition: transform 0.2s;
	
}

#p26_krestik:hover {

	color: #F22318;
	border: 2px solid #F22318;
	transform: scale(1.1);
	transition: transform 0.2s;
	transition: color 0.8s;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 8px;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#p26_levo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p26_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#p26_polotno {

	width: 900px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#p26_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#p26_nadpis {

/*	border: 1px solid orange;*/

	width: 905px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#p26_pravo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p26_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Исследование Луны/Советские АМС/Луна-16, -20, -24/Луна-20 - СА.jpg - p27 ----- */


/* Серая область ---------------------------------------------------------------- */
#p27_modal {
	
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);

	align-items: center;
	justify-content: center;
	
	display: none; /*Новый метод скрытия модального окна*/
	
	overflow-y: auto; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#p27_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#p27_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#p27_modal_block {

/*	border: 1px solid lime;*/

	position: relative;
	padding: 14px;
	background-color: rgba(0, 0, 0, 0);
	margin: 20px;
	text-align: center;
	color: white;
	font-size: 1.1rem;

	display: flex;
	flex-wrap: wrap; /*Разрешение переноса строки внутри flex контейнера*/

	width: 991px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#p27_krestik {
	
	position: absolute;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: black;
	color: white;
	border: 2px solid white;
	border-radius: 0px; /*Квадрат*/
	/*border-radius: 5px;*/ /*Скругленный квадрат*/
	/*border-radius: 20px;*/ /*Круг*/
	top: 0;
	right: 45px;
	cursor: pointer;
	transition: transform 0.2s;
	
}

#p27_krestik:hover {

	color: #F22318;
	border: 2px solid #F22318;
	transform: scale(1.1);
	transition: transform 0.2s;
	transition: color 0.8s;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 8px;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#p27_levo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p27_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#p27_polotno {

	width: 900px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#p27_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#p27_nadpis {

/*	border: 1px solid orange;*/

	width: 905px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#p27_pravo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p27_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Исследование Луны/Советские АМС/Луна-21/Луна-21.jpg - p28 ----- */


/* Серая область ---------------------------------------------------------------- */
#p28_modal {
	
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);

	align-items: center;
	justify-content: center;
	
	display: none; /*Новый метод скрытия модального окна*/
	
	overflow-y: auto; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#p28_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#p28_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#p28_modal_block {

/*	border: 1px solid lime;*/

	position: relative;
	padding: 14px;
	background-color: rgba(0, 0, 0, 0);
	margin: 20px;
	text-align: center;
	color: white;
	font-size: 1.1rem;

	display: flex;
	flex-wrap: wrap; /*Разрешение переноса строки внутри flex контейнера*/

	width: 991px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#p28_krestik {
	
	position: absolute;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: black;
	color: white;
	border: 2px solid white;
	border-radius: 0px; /*Квадрат*/
	/*border-radius: 5px;*/ /*Скругленный квадрат*/
	/*border-radius: 20px;*/ /*Круг*/
	top: 0;
	right: 45px;
	cursor: pointer;
	transition: transform 0.2s;
	
}

#p28_krestik:hover {

	color: #F22318;
	border: 2px solid #F22318;
	transform: scale(1.1);
	transition: transform 0.2s;
	transition: color 0.8s;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 8px;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#p28_levo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p28_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#p28_polotno {

	width: 900px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#p28_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#p28_nadpis {

/*	border: 1px solid orange;*/

	width: 905px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#p28_pravo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p28_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Исследование Луны/Советские АМС/Луна-21/Луноход-2.jpg - p29 ----- */


/* Серая область ---------------------------------------------------------------- */
#p29_modal {
	
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);

	align-items: center;
	justify-content: center;
	
	display: none; /*Новый метод скрытия модального окна*/
	
	overflow-y: auto; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#p29_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#p29_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#p29_modal_block {

/*	border: 1px solid lime;*/

	position: relative;
	padding: 14px;
	background-color: rgba(0, 0, 0, 0);
	margin: 20px;
	text-align: center;
	color: white;
	font-size: 1.1rem;

	display: flex;
	flex-wrap: wrap; /*Разрешение переноса строки внутри flex контейнера*/

	width: 991px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#p29_krestik {
	
	position: absolute;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: black;
	color: white;
	border: 2px solid white;
	border-radius: 0px; /*Квадрат*/
	/*border-radius: 5px;*/ /*Скругленный квадрат*/
	/*border-radius: 20px;*/ /*Круг*/
	top: 0;
	right: 45px;
	cursor: pointer;
	transition: transform 0.2s;
	
}

#p29_krestik:hover {

	color: #F22318;
	border: 2px solid #F22318;
	transform: scale(1.1);
	transition: transform 0.2s;
	transition: color 0.8s;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 8px;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#p29_levo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p29_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#p29_polotno {

	width: 900px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#p29_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#p29_nadpis {

/*	border: 1px solid orange;*/

	width: 905px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#p29_pravo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p29_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Исследование Луны/Советские АМС/Луна-21/Луна-21 - Луноход-2 - снимок Луны.jpg - p30 ----- */


/* Серая область ---------------------------------------------------------------- */
#p30_modal {
	
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);

	align-items: center;
	justify-content: center;
	
	/*visibility: hidden;*/ /*Устаревший метод скрытия модального блока*/
	/*opacity: 0;*/			/*Устаревший метод скрытия модального блока*/
	
	display: none; /*Новый метод скрытия модального окна*/
	
	overflow-y: auto; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#p30_modal.open {
	/*visibility: visible;*/ /*Устаревший метод открытия модального блока*/
	/*opacity: 1;*/ 		 /*Устаревший метод открытия модального блока*/
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#p30_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#p30_modal_block {

/*	border: 1px solid lime;*/

	position: relative;
	padding: 14px;
	background-color: rgba(0, 0, 0, 0);
	margin: 20px;
	text-align: center;
	color: white;
	font-size: 1.1rem;

	display: flex;
	flex-wrap: wrap; /*Разрешение переноса строки внтури flex контейнера*/

	width: 991px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#p30_krestik {
	
	position: absolute;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: black;
	color: white;
	border: 2px solid white;
	border-radius: 0px; /*Квадрат*/
	/*border-radius: 5px;*/ /*Скругленный квадрат*/
	/*border-radius: 20px;*/ /*Круг*/
	top: 0;
	right: 45px;
	cursor: pointer;
	transition: transform 0.2s;
	
}

#p30_krestik:hover {

	color: #F22318;
	border: 2px solid #F22318;
	transform: scale(1.1);
	transition: transform 0.2s;
	transition: color 0.8s;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 8px;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#p30_levo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p30_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#p30_polotno {

	width: 900px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
	
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

/* ------------------------------------------------------- */


/* Блок верхнего пространства ---------------------------- */

#p30_verhnee_prostranstvo {

/*	border: 1px solid red;*/

	width: 900px;
	height: 135px; /*Расчетная высота блока*/
}

/* -------------------------------------------------------- */


/* Само увеличенное фото ---------------------------------------------------------------*/
#p30_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Блок нижнего пространства ---------------------------- */

#p30_nizhnee_prostranstvo {

/*	border: 1px solid red;*/

	width: 900px;
	height: 135px; /*Расчетная высота блока*/
}

/* -------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#p30_nadpis {

/*	border: 1px solid orange;*/

	width: 905px;
	
	/*padding-left: 40px;*/ /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	/*padding-right: 40px;*/
	
	position: relative;
	bottom: -5px;
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#p30_pravo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p30_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Исследование Луны/Советские АМС/Луна-22/Луна-22.jpg - p31 ----- */


/* Серая область ---------------------------------------------------------------- */
#p31_modal {
	
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);

	align-items: center;
	justify-content: center;
	
	display: none; /*Новый метод скрытия модального окна*/
	
	overflow-y: auto; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#p31_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#p31_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#p31_modal_block {

/*	border: 1px solid lime;*/

	position: relative;
	padding: 14px;
	background-color: rgba(0, 0, 0, 0);
	margin: 20px;
	text-align: center;
	color: white;
	font-size: 1.1rem;

	display: flex;
	flex-wrap: wrap; /*Разрешение переноса строки внутри flex контейнера*/

	width: 991px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#p31_krestik {
	
	position: absolute;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: black;
	color: white;
	border: 2px solid white;
	border-radius: 0px; /*Квадрат*/
	/*border-radius: 5px;*/ /*Скругленный квадрат*/
	/*border-radius: 20px;*/ /*Круг*/
	top: 0;
	right: 45px;
	cursor: pointer;
	transition: transform 0.2s;
	
}

#p31_krestik:hover {

	color: #F22318;
	border: 2px solid #F22318;
	transform: scale(1.1);
	transition: transform 0.2s;
	transition: color 0.8s;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 8px;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#p31_levo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p31_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#p31_polotno {

	width: 900px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#p31_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#p31_nadpis {

/*	border: 1px solid orange;*/

	width: 905px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#p31_pravo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p31_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */









/* ----- МОДАЛЬНОЕ ОКНО - Исследование Луны/Советские АМС/Луна-22/Луна-22 - фото лунной поверхности 1.jpg - p32 ----- */


/* Серая область ---------------------------------------------------------------- */
#p32_modal {
	
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);

	align-items: center;
	justify-content: center;
	
	/*visibility: hidden;*/ /*Устаревший метод скрытия модального блока*/
	/*opacity: 0;*/			/*Устаревший метод скрытия модального блока*/
	
	display: none; /*Новый метод скрытия модального окна*/
	
	overflow-y: auto; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#p32_modal.open {
	/*visibility: visible;*/ /*Устаревший метод открытия модального блока*/
	/*opacity: 1;*/ 		 /*Устаревший метод открытия модального блока*/
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#p32_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#p32_modal_block {

/*	border: 1px solid lime;*/

	position: relative;
	padding: 14px;
	background-color: rgba(0, 0, 0, 0);
	margin: 20px;
	text-align: center;
	color: white;
	font-size: 1.1rem;

	display: flex;
	flex-wrap: wrap; /*Разрешение переноса строки внтури flex контейнера*/

	width: 991px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#p32_krestik {
	
	position: absolute;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: black;
	color: white;
	border: 2px solid white;
	border-radius: 0px; /*Квадрат*/
	/*border-radius: 5px;*/ /*Скругленный квадрат*/
	/*border-radius: 20px;*/ /*Круг*/
	top: 0;
	right: 45px;
	cursor: pointer;
	transition: transform 0.2s;
	
}

#p32_krestik:hover {

	color: #F22318;
	border: 2px solid #F22318;
	transform: scale(1.1);
	transition: transform 0.2s;
	transition: color 0.8s;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 8px;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#p32_levo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p32_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#p32_polotno {

	width: 900px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
	
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

/* ------------------------------------------------------- */


/* Блок верхнего пространства ---------------------------- */

#p32_verhnee_prostranstvo {

/*	border: 1px solid red;*/

	width: 900px;
	height: 61px; /*Расчетная высота блока*/
}

/* -------------------------------------------------------- */


/* Само увеличенное фото ---------------------------------------------------------------*/
#p32_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Блок нижнего пространства ---------------------------- */

#p32_nizhnee_prostranstvo {

/*	border: 1px solid red;*/

	width: 900px;
	height: 61px; /*Расчетная высота блока*/
}

/* -------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#p32_nadpis {

/*	border: 1px solid orange;*/

	width: 905px;
	
	/*padding-left: 40px;*/ /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	/*padding-right: 40px;*/
	
	position: relative;
	bottom: -5px;
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#p32_pravo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p32_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */









/* ----- МОДАЛЬНОЕ ОКНО - Исследование Луны/Советские АМС/Луна-22/Луна-22 - фото лунной поверхности 2.jpg - p33 ----- */


/* Серая область ---------------------------------------------------------------- */
#p33_modal {
	
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);

	align-items: center;
	justify-content: center;
	
	/*visibility: hidden;*/ /*Устаревший метод скрытия модального блока*/
	/*opacity: 0;*/			/*Устаревший метод скрытия модального блока*/
	
	display: none; /*Новый метод скрытия модального окна*/
	
	overflow-y: auto; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#p33_modal.open {
	/*visibility: visible;*/ /*Устаревший метод открытия модального блока*/
	/*opacity: 1;*/ 		 /*Устаревший метод открытия модального блока*/
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#p33_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#p33_modal_block {

/*	border: 1px solid lime;*/

	position: relative;
	padding: 14px;
	background-color: rgba(0, 0, 0, 0);
	margin: 20px;
	text-align: center;
	color: white;
	font-size: 1.1rem;

	display: flex;
	flex-wrap: wrap; /*Разрешение переноса строки внтури flex контейнера*/

	width: 991px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#p33_krestik {
	
	position: absolute;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: black;
	color: white;
	border: 2px solid white;
	border-radius: 0px; /*Квадрат*/
	/*border-radius: 5px;*/ /*Скругленный квадрат*/
	/*border-radius: 20px;*/ /*Круг*/
	top: 0;
	right: 45px;
	cursor: pointer;
	transition: transform 0.2s;
	
}

#p33_krestik:hover {

	color: #F22318;
	border: 2px solid #F22318;
	transform: scale(1.1);
	transition: transform 0.2s;
	transition: color 0.8s;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 8px;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#p33_levo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p33_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#p33_polotno {

	width: 900px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
	
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

/* ------------------------------------------------------- */


/* Блок верхнего пространства ---------------------------- */

#p33_verhnee_prostranstvo {

/*	border: 1px solid red;*/

	width: 900px;
	height: 157px; /*Расчетная высота блока*/
}

/* -------------------------------------------------------- */


/* Само увеличенное фото ---------------------------------------------------------------*/
#p33_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Блок нижнего пространства ---------------------------- */

#p33_nizhnee_prostranstvo {

/*	border: 1px solid red;*/

	width: 900px;
	height: 157px; /*Расчетная высота блока*/
}

/* -------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#p33_nadpis {

/*	border: 1px solid orange;*/

	width: 905px;
	
	/*padding-left: 40px;*/ /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	/*padding-right: 40px;*/
	
	position: relative;
	bottom: -5px;
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#p33_pravo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p33_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Исследование Луны/Советские АМС/Луна-16, -20, -24/Луна-24.jpg - p34 ----- */


/* Серая область ---------------------------------------------------------------- */
#p34_modal {
	
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);

	align-items: center;
	justify-content: center;
	
	display: none; /*Новый метод скрытия модального окна*/
	
	overflow-y: auto; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#p34_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#p34_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#p34_modal_block {

/*	border: 1px solid lime;*/

	position: relative;
	padding: 14px;
	background-color: rgba(0, 0, 0, 0);
	margin: 20px;
	text-align: center;
	color: white;
	font-size: 1.1rem;

	display: flex;
	flex-wrap: wrap; /*Разрешение переноса строки внутри flex контейнера*/

	width: 991px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#p34_krestik {
	
	position: absolute;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: black;
	color: white;
	border: 2px solid white;
	border-radius: 0px; /*Квадрат*/
	/*border-radius: 5px;*/ /*Скругленный квадрат*/
	/*border-radius: 20px;*/ /*Круг*/
	top: 0;
	right: 45px;
	cursor: pointer;
	transition: transform 0.2s;
	
}

#p34_krestik:hover {

	color: #F22318;
	border: 2px solid #F22318;
	transform: scale(1.1);
	transition: transform 0.2s;
	transition: color 0.8s;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 8px;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#p34_levo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p34_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#p34_polotno {

	width: 900px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#p34_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#p34_nadpis {

/*	border: 1px solid orange;*/

	width: 905px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#p34_pravo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p34_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Исследование Луны/Советские АМС/Луна-16, -20, -24/Луна-24 - СА.jpg - p35 ----- */


/* Серая область ---------------------------------------------------------------- */
#p35_modal {
	
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);

	align-items: center;
	justify-content: center;
	
	display: none; /*Новый метод скрытия модального окна*/
	
	overflow-y: auto; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#p35_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#p35_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#p35_modal_block {

/*	border: 1px solid lime;*/

	position: relative;
	padding: 14px;
	background-color: rgba(0, 0, 0, 0);
	margin: 20px;
	text-align: center;
	color: white;
	font-size: 1.1rem;

	display: flex;
	flex-wrap: wrap; /*Разрешение переноса строки внутри flex контейнера*/

	width: 991px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#p35_krestik {
	
	position: absolute;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: black;
	color: white;
	border: 2px solid white;
	border-radius: 0px; /*Квадрат*/
	/*border-radius: 5px;*/ /*Скругленный квадрат*/
	/*border-radius: 20px;*/ /*Круг*/
	top: 0;
	right: 45px;
	cursor: pointer;
	transition: transform 0.2s;
	
}

#p35_krestik:hover {

	color: #F22318;
	border: 2px solid #F22318;
	transform: scale(1.1);
	transition: transform 0.2s;
	transition: color 0.8s;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 8px;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#p35_levo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p35_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#p35_polotno {

	width: 900px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#p35_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#p35_nadpis {

/*	border: 1px solid orange;*/

	width: 905px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#p35_pravo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p35_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Исследование Луны/Советские АМС/Луна-16, -20, -24/Лунный грунт.jpg - p36 ----- */


/* Серая область ---------------------------------------------------------------- */
#p36_modal {
	
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);

	align-items: center;
	justify-content: center;
	
	display: none; /*Новый метод скрытия модального окна*/
	
	overflow-y: auto; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#p36_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#p36_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#p36_modal_block {

/*	border: 1px solid lime;*/

	position: relative;
	padding: 14px;
	background-color: rgba(0, 0, 0, 0);
	margin: 20px;
	text-align: center;
	color: white;
	font-size: 1.1rem;

	display: flex;
	flex-wrap: wrap; /*Разрешение переноса строки внутри flex контейнера*/

	width: 991px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#p36_krestik {
	
	position: absolute;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: black;
	color: white;
	border: 2px solid white;
	border-radius: 0px; /*Квадрат*/
	/*border-radius: 5px;*/ /*Скругленный квадрат*/
	/*border-radius: 20px;*/ /*Круг*/
	top: 0;
	right: 45px;
	cursor: pointer;
	transition: transform 0.2s;
	
}

#p36_krestik:hover {

	color: #F22318;
	border: 2px solid #F22318;
	transform: scale(1.1);
	transition: transform 0.2s;
	transition: color 0.8s;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 8px;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#p36_levo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p36_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#p36_polotno {

	width: 900px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#p36_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#p36_nadpis {

/*	border: 1px solid orange;*/

	width: 905px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#p36_pravo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p36_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Исследование Луны/Советские АМС/Луна-16, -20, -24/Лунный грунт 2.jpg - p37 ----- */


/* Серая область ---------------------------------------------------------------- */
#p37_modal {
	
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);

	align-items: center;
	justify-content: center;
	
	display: none; /*Новый метод скрытия модального окна*/
	
	overflow-y: auto; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#p37_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#p37_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#p37_modal_block {

/*	border: 1px solid lime;*/

	position: relative;
	padding: 14px;
	background-color: rgba(0, 0, 0, 0);
	margin: 20px;
	text-align: center;
	color: white;
	font-size: 1.1rem;

	display: flex;
	flex-wrap: wrap; /*Разрешение переноса строки внутри flex контейнера*/

	width: 991px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#p37_krestik {
	
	position: absolute;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: black;
	color: white;
	border: 2px solid white;
	border-radius: 0px; /*Квадрат*/
	/*border-radius: 5px;*/ /*Скругленный квадрат*/
	/*border-radius: 20px;*/ /*Круг*/
	top: 0;
	right: 45px;
	cursor: pointer;
	transition: transform 0.2s;
	
}

#p37_krestik:hover {

	color: #F22318;
	border: 2px solid #F22318;
	transform: scale(1.1);
	transition: transform 0.2s;
	transition: color 0.8s;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 8px;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#p37_levo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p37_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#p37_polotno {

	width: 900px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#p37_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#p37_nadpis {

/*	border: 1px solid orange;*/

	width: 905px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#p37_pravo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p37_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Исследование Луны/Аполлоны/Аполлон-11/1. Apollo 11 - Neil Armstrong.jpg - p38 ----- */


/* Серая область ---------------------------------------------------------------- */
#p38_modal {
	
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);

	align-items: center;
	justify-content: center;
	
	display: none; /*Новый метод скрытия модального окна*/
	
	overflow-y: auto; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#p38_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#p38_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#p38_modal_block {

/*	border: 1px solid lime;*/

	position: relative;
	padding: 14px;
	background-color: rgba(0, 0, 0, 0);
	margin: 20px;
	text-align: center;
	color: white;
	font-size: 1.1rem;

	display: flex;
	flex-wrap: wrap; /*Разрешение переноса строки внутри flex контейнера*/

	width: 991px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#p38_krestik {
	
	position: absolute;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: black;
	color: white;
	border: 2px solid white;
	border-radius: 0px; /*Квадрат*/
	/*border-radius: 5px;*/ /*Скругленный квадрат*/
	/*border-radius: 20px;*/ /*Круг*/
	top: 0;
	right: 45px;
	cursor: pointer;
	transition: transform 0.2s;
	
}

#p38_krestik:hover {

	color: #F22318;
	border: 2px solid #F22318;
	transform: scale(1.1);
	transition: transform 0.2s;
	transition: color 0.8s;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 8px;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#p38_levo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p38_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#p38_polotno {

	width: 900px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#p38_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#p38_nadpis {

/*	border: 1px solid orange;*/

	width: 905px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#p38_pravo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p38_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Исследование Луны/Аполлоны/Аполлон-11/2. Apollo 11. Astronaut on the Moon.jpg - p39 ----- */


/* Серая область ---------------------------------------------------------------- */
#p39_modal {
	
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);

	align-items: center;
	justify-content: center;
	
	display: none; /*Новый метод скрытия модального окна*/
	
	overflow-y: auto; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#p39_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#p39_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#p39_modal_block {

/*	border: 1px solid lime;*/

	position: relative;
	padding: 14px;
	background-color: rgba(0, 0, 0, 0);
	margin: 20px;
	text-align: center;
	color: white;
	font-size: 1.1rem;

	display: flex;
	flex-wrap: wrap; /*Разрешение переноса строки внутри flex контейнера*/

	width: 991px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#p39_krestik {
	
	position: absolute;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: black;
	color: white;
	border: 2px solid white;
	border-radius: 0px; /*Квадрат*/
	/*border-radius: 5px;*/ /*Скругленный квадрат*/
	/*border-radius: 20px;*/ /*Круг*/
	top: 0;
	right: 45px;
	cursor: pointer;
	transition: transform 0.2s;
	
}

#p39_krestik:hover {

	color: #F22318;
	border: 2px solid #F22318;
	transform: scale(1.1);
	transition: transform 0.2s;
	transition: color 0.8s;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 8px;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#p39_levo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p39_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#p39_polotno {

	width: 900px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#p39_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#p39_nadpis {

/*	border: 1px solid orange;*/

	width: 905px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#p39_pravo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p39_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Исследование Луны/Аполлоны/Аполлон-11/3. Apollo 11 - Edwin Aldrin.jpg - p40 ----- */


/* Серая область ---------------------------------------------------------------- */
#p40_modal {
	
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);

	align-items: center;
	justify-content: center;
	
	display: none; /*Новый метод скрытия модального окна*/
	
	overflow-y: auto; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#p40_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#p40_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#p40_modal_block {

/*	border: 1px solid lime;*/

	position: relative;
	padding: 14px;
	background-color: rgba(0, 0, 0, 0);
	margin: 20px;
	text-align: center;
	color: white;
	font-size: 1.1rem;

	display: flex;
	flex-wrap: wrap; /*Разрешение переноса строки внутри flex контейнера*/

	width: 991px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#p40_krestik {
	
	position: absolute;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: black;
	color: white;
	border: 2px solid white;
	border-radius: 0px; /*Квадрат*/
	/*border-radius: 5px;*/ /*Скругленный квадрат*/
	/*border-radius: 20px;*/ /*Круг*/
	top: 0;
	right: 45px;
	cursor: pointer;
	transition: transform 0.2s;
	
}

#p40_krestik:hover {

	color: #F22318;
	border: 2px solid #F22318;
	transform: scale(1.1);
	transition: transform 0.2s;
	transition: color 0.8s;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 8px;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#p40_levo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p40_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#p40_polotno {

	width: 900px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#p40_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#p40_nadpis {

/*	border: 1px solid orange;*/

	width: 905px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#p40_pravo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p40_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Исследование Луны/Аполлоны/Аполлон-11/4. Image of astronaut planting a footprint on the Moon.jpg - p41 ----- */


/* Серая область ---------------------------------------------------------------- */
#p41_modal {
	
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);

	align-items: center;
	justify-content: center;
	
	display: none; /*Новый метод скрытия модального окна*/
	
	overflow-y: auto; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#p41_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#p41_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#p41_modal_block {

/*	border: 1px solid lime;*/

	position: relative;
	padding: 14px;
	background-color: rgba(0, 0, 0, 0);
	margin: 20px;
	text-align: center;
	color: white;
	font-size: 1.1rem;

	display: flex;
	flex-wrap: wrap; /*Разрешение переноса строки внутри flex контейнера*/

	width: 991px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#p41_krestik {
	
	position: absolute;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: black;
	color: white;
	border: 2px solid white;
	border-radius: 0px; /*Квадрат*/
	/*border-radius: 5px;*/ /*Скругленный квадрат*/
	/*border-radius: 20px;*/ /*Круг*/
	top: 0;
	right: 45px;
	cursor: pointer;
	transition: transform 0.2s;
	
}

#p41_krestik:hover {

	color: #F22318;
	border: 2px solid #F22318;
	transform: scale(1.1);
	transition: transform 0.2s;
	transition: color 0.8s;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 8px;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#p41_levo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p41_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#p41_polotno {

	width: 900px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#p41_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#p41_nadpis {

/*	border: 1px solid orange;*/

	width: 905px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#p41_pravo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p41_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Исследование Луны/Аполлоны/Аполлон-11/5. Image of astronaut footprint on the Moon.jpg - p42 ----- */


/* Серая область ---------------------------------------------------------------- */
#p42_modal {
	
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);

	align-items: center;
	justify-content: center;
	
	display: none; /*Новый метод скрытия модального окна*/
	
	overflow-y: auto; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#p42_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#p42_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#p42_modal_block {

/*	border: 1px solid lime;*/

	position: relative;
	padding: 14px;
	background-color: rgba(0, 0, 0, 0);
	margin: 20px;
	text-align: center;
	color: white;
	font-size: 1.1rem;

	display: flex;
	flex-wrap: wrap; /*Разрешение переноса строки внутри flex контейнера*/

	width: 991px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#p42_krestik {
	
	position: absolute;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: black;
	color: white;
	border: 2px solid white;
	border-radius: 0px; /*Квадрат*/
	/*border-radius: 5px;*/ /*Скругленный квадрат*/
	/*border-radius: 20px;*/ /*Круг*/
	top: 0;
	right: 45px;
	cursor: pointer;
	transition: transform 0.2s;
	
}

#p42_krestik:hover {

	color: #F22318;
	border: 2px solid #F22318;
	transform: scale(1.1);
	transition: transform 0.2s;
	transition: color 0.8s;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 8px;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#p42_levo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p42_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#p42_polotno {

	width: 900px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#p42_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#p42_nadpis {

/*	border: 1px solid orange;*/

	width: 905px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#p42_pravo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p42_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Исследование Луны/Аполлоны/Аполлон-11/6. East Crater at the Apollo 11 landing site on the Moon.jpg - p43 ----- */


/* Серая область ---------------------------------------------------------------- */
#p43_modal {
	
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);

	align-items: center;
	justify-content: center;
	
	display: none; /*Новый метод скрытия модального окна*/
	
	overflow-y: auto; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#p43_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#p43_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#p43_modal_block {

/*	border: 1px solid lime;*/

	position: relative;
	padding: 14px;
	background-color: rgba(0, 0, 0, 0);
	margin: 20px;
	text-align: center;
	color: white;
	font-size: 1.1rem;

	display: flex;
	flex-wrap: wrap; /*Разрешение переноса строки внутри flex контейнера*/

	width: 991px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#p43_krestik {
	
	position: absolute;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: black;
	color: white;
	border: 2px solid white;
	border-radius: 0px; /*Квадрат*/
	/*border-radius: 5px;*/ /*Скругленный квадрат*/
	/*border-radius: 20px;*/ /*Круг*/
	top: 0;
	right: 45px;
	cursor: pointer;
	transition: transform 0.2s;
	
}

#p43_krestik:hover {

	color: #F22318;
	border: 2px solid #F22318;
	transform: scale(1.1);
	transition: transform 0.2s;
	transition: color 0.8s;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 8px;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#p43_levo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p43_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#p43_polotno {

	width: 900px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#p43_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#p43_nadpis {

/*	border: 1px solid orange;*/

	width: 905px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#p43_pravo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p43_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Исследование Луны/Аполлоны/Аполлон-11/7. Full Moon as seen from Apollo 11.jpg - p44 ----- */


/* Серая область ---------------------------------------------------------------- */
#p44_modal {
	
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);

	align-items: center;
	justify-content: center;
	
	display: none; /*Новый метод скрытия модального окна*/
	
	overflow-y: auto; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#p44_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#p44_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#p44_modal_block {

/*	border: 1px solid lime;*/

	position: relative;
	padding: 14px;
	background-color: rgba(0, 0, 0, 0);
	margin: 20px;
	text-align: center;
	color: white;
	font-size: 1.1rem;

	display: flex;
	flex-wrap: wrap; /*Разрешение переноса строки внутри flex контейнера*/

	width: 991px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#p44_krestik {
	
	position: absolute;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: black;
	color: white;
	border: 2px solid white;
	border-radius: 0px; /*Квадрат*/
	/*border-radius: 5px;*/ /*Скругленный квадрат*/
	/*border-radius: 20px;*/ /*Круг*/
	top: 0;
	right: 45px;
	cursor: pointer;
	transition: transform 0.2s;
	
}

#p44_krestik:hover {

	color: #F22318;
	border: 2px solid #F22318;
	transform: scale(1.1);
	transition: transform 0.2s;
	transition: color 0.8s;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 8px;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#p44_levo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p44_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#p44_polotno {

	width: 900px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#p44_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#p44_nadpis {

/*	border: 1px solid orange;*/

	width: 905px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#p44_pravo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p44_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Исследование Луны/Аполлоны/Аполлон-11/8. Southwestern Mare Tranquilitatis on the Moon.jpg - p45 ----- */


/* Серая область ---------------------------------------------------------------- */
#p45_modal {
	
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);

	align-items: center;
	justify-content: center;
	
	display: none; /*Новый метод скрытия модального окна*/
	
	overflow-y: auto; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#p45_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#p45_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#p45_modal_block {

/*	border: 1px solid lime;*/

	position: relative;
	padding: 14px;
	background-color: rgba(0, 0, 0, 0);
	margin: 20px;
	text-align: center;
	color: white;
	font-size: 1.1rem;

	display: flex;
	flex-wrap: wrap; /*Разрешение переноса строки внутри flex контейнера*/

	width: 991px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#p45_krestik {
	
	position: absolute;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: black;
	color: white;
	border: 2px solid white;
	border-radius: 0px; /*Квадрат*/
	/*border-radius: 5px;*/ /*Скругленный квадрат*/
	/*border-radius: 20px;*/ /*Круг*/
	top: 0;
	right: 45px;
	cursor: pointer;
	transition: transform 0.2s;
	
}

#p45_krestik:hover {

	color: #F22318;
	border: 2px solid #F22318;
	transform: scale(1.1);
	transition: transform 0.2s;
	transition: color 0.8s;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 8px;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#p45_levo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p45_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#p45_polotno {

	width: 900px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#p45_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#p45_nadpis {

/*	border: 1px solid orange;*/

	width: 905px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#p45_pravo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p45_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Исследование Луны/Аполлоны/Аполлон-11/9. Apollo 11 Command Module over the Moon after separation.jpg - p46 ----- */


/* Серая область ---------------------------------------------------------------- */
#p46_modal {
	
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);

	align-items: center;
	justify-content: center;
	
	display: none; /*Новый метод скрытия модального окна*/
	
	overflow-y: auto; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#p46_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#p46_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#p46_modal_block {

/*	border: 1px solid lime;*/

	position: relative;
	padding: 14px;
	background-color: rgba(0, 0, 0, 0);
	margin: 20px;
	text-align: center;
	color: white;
	font-size: 1.1rem;

	display: flex;
	flex-wrap: wrap; /*Разрешение переноса строки внутри flex контейнера*/

	width: 991px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#p46_krestik {
	
	position: absolute;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: black;
	color: white;
	border: 2px solid white;
	border-radius: 0px; /*Квадрат*/
	/*border-radius: 5px;*/ /*Скругленный квадрат*/
	/*border-radius: 20px;*/ /*Круг*/
	top: 0;
	right: 45px;
	cursor: pointer;
	transition: transform 0.2s;
	
}

#p46_krestik:hover {

	color: #F22318;
	border: 2px solid #F22318;
	transform: scale(1.1);
	transition: transform 0.2s;
	transition: color 0.8s;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 8px;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#p46_levo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p46_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#p46_polotno {

	width: 900px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#p46_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#p46_nadpis {

/*	border: 1px solid orange;*/

	width: 905px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#p46_pravo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p46_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Исследование Луны/Аполлоны/Аполлон-11/10. Sea of Tranquility on the Moon.jpg - p47 ----- */


/* Серая область ---------------------------------------------------------------- */
#p47_modal {
	
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);

	align-items: center;
	justify-content: center;
	
	display: none; /*Новый метод скрытия модального окна*/
	
	overflow-y: auto; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#p47_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#p47_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#p47_modal_block {

/*	border: 1px solid lime;*/

	position: relative;
	padding: 14px;
	background-color: rgba(0, 0, 0, 0);
	margin: 20px;
	text-align: center;
	color: white;
	font-size: 1.1rem;

	display: flex;
	flex-wrap: wrap; /*Разрешение переноса строки внутри flex контейнера*/

	width: 991px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#p47_krestik {
	
	position: absolute;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: black;
	color: white;
	border: 2px solid white;
	border-radius: 0px; /*Квадрат*/
	/*border-radius: 5px;*/ /*Скругленный квадрат*/
	/*border-radius: 20px;*/ /*Круг*/
	top: 0;
	right: 45px;
	cursor: pointer;
	transition: transform 0.2s;
	
}

#p47_krestik:hover {

	color: #F22318;
	border: 2px solid #F22318;
	transform: scale(1.1);
	transition: transform 0.2s;
	transition: color 0.8s;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 8px;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#p47_levo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p47_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#p47_polotno {

	width: 900px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#p47_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#p47_nadpis {

/*	border: 1px solid orange;*/

	width: 905px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#p47_pravo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p47_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Исследование Луны/Аполлоны/Аполлон-15/1. Surface picture of astronaut, rover and rim of Hadley Rille on the Moon.jpg - p48 ----- */


/* Серая область ---------------------------------------------------------------- */
#p48_modal {
	
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);

	align-items: center;
	justify-content: center;
	
	display: none; /*Новый метод скрытия модального окна*/
	
	overflow-y: auto; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#p48_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#p48_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#p48_modal_block {

/*	border: 1px solid lime;*/

	position: relative;
	padding: 14px;
	background-color: rgba(0, 0, 0, 0);
	margin: 20px;
	text-align: center;
	color: white;
	font-size: 1.1rem;

	display: flex;
	flex-wrap: wrap; /*Разрешение переноса строки внутри flex контейнера*/

	width: 991px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#p48_krestik {
	
	position: absolute;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: black;
	color: white;
	border: 2px solid white;
	border-radius: 0px; /*Квадрат*/
	/*border-radius: 5px;*/ /*Скругленный квадрат*/
	/*border-radius: 20px;*/ /*Круг*/
	top: 0;
	right: 45px;
	cursor: pointer;
	transition: transform 0.2s;
	
}

#p48_krestik:hover {

	color: #F22318;
	border: 2px solid #F22318;
	transform: scale(1.1);
	transition: transform 0.2s;
	transition: color 0.8s;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 8px;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#p48_levo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p48_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#p48_polotno {

	width: 900px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#p48_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#p48_nadpis {

/*	border: 1px solid orange;*/

	width: 905px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#p48_pravo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p48_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Исследование Луны/Аполлоны/Аполлон-15/2. Southeastern Mare Imbrium on the Moon.jpg - p49 ----- */


/* Серая область ---------------------------------------------------------------- */
#p49_modal {
	
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);

	align-items: center;
	justify-content: center;
	
	display: none; /*Новый метод скрытия модального окна*/
	
	overflow-y: auto; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#p49_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#p49_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#p49_modal_block {

/*	border: 1px solid lime;*/

	position: relative;
	padding: 14px;
	background-color: rgba(0, 0, 0, 0);
	margin: 20px;
	text-align: center;
	color: white;
	font-size: 1.1rem;

	display: flex;
	flex-wrap: wrap; /*Разрешение переноса строки внутри flex контейнера*/

	width: 991px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#p49_krestik {
	
	position: absolute;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: black;
	color: white;
	border: 2px solid white;
	border-radius: 0px; /*Квадрат*/
	/*border-radius: 5px;*/ /*Скругленный квадрат*/
	/*border-radius: 20px;*/ /*Круг*/
	top: 0;
	right: 45px;
	cursor: pointer;
	transition: transform 0.2s;
	
}

#p49_krestik:hover {

	color: #F22318;
	border: 2px solid #F22318;
	transform: scale(1.1);
	transition: transform 0.2s;
	transition: color 0.8s;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 8px;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#p49_levo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p49_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#p49_polotno {

	width: 900px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#p49_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#p49_nadpis {

/*	border: 1px solid orange;*/

	width: 905px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#p49_pravo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p49_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Исследование Луны/Аполлоны/Аполлон-15/3. Oblique view of Tsiolkovsky crater on the Moon.jpg - p50 ----- */


/* Серая область ---------------------------------------------------------------- */
#p50_modal {
	
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);

	align-items: center;
	justify-content: center;
	
	display: none; /*Новый метод скрытия модального окна*/
	
	overflow-y: auto; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#p50_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#p50_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#p50_modal_block {

/*	border: 1px solid lime;*/

	position: relative;
	padding: 14px;
	background-color: rgba(0, 0, 0, 0);
	margin: 20px;
	text-align: center;
	color: white;
	font-size: 1.1rem;

	display: flex;
	flex-wrap: wrap; /*Разрешение переноса строки внутри flex контейнера*/

	width: 991px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#p50_krestik {
	
	position: absolute;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: black;
	color: white;
	border: 2px solid white;
	border-radius: 0px; /*Квадрат*/
	/*border-radius: 5px;*/ /*Скругленный квадрат*/
	/*border-radius: 20px;*/ /*Круг*/
	top: 0;
	right: 45px;
	cursor: pointer;
	transition: transform 0.2s;
	
}

#p50_krestik:hover {

	color: #F22318;
	border: 2px solid #F22318;
	transform: scale(1.1);
	transition: transform 0.2s;
	transition: color 0.8s;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 8px;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#p50_levo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p50_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#p50_polotno {

	width: 900px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#p50_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#p50_nadpis {

/*	border: 1px solid orange;*/

	width: 905px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#p50_pravo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p50_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Исследование Луны/Аполлоны/Аполлон-15/4. Oblique view of Archimedes crater on the Moon.jpg - p51 ----- */


/* Серая область ---------------------------------------------------------------- */
#p51_modal {
	
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);

	align-items: center;
	justify-content: center;
	
	display: none; /*Новый метод скрытия модального окна*/
	
	overflow-y: auto; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#p51_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#p51_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#p51_modal_block {

/*	border: 1px solid lime;*/

	position: relative;
	padding: 14px;
	background-color: rgba(0, 0, 0, 0);
	margin: 20px;
	text-align: center;
	color: white;
	font-size: 1.1rem;

	display: flex;
	flex-wrap: wrap; /*Разрешение переноса строки внутри flex контейнера*/

	width: 991px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#p51_krestik {
	
	position: absolute;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: black;
	color: white;
	border: 2px solid white;
	border-radius: 0px; /*Квадрат*/
	/*border-radius: 5px;*/ /*Скругленный квадрат*/
	/*border-radius: 20px;*/ /*Круг*/
	top: 0;
	right: 45px;
	cursor: pointer;
	transition: transform 0.2s;
	
}

#p51_krestik:hover {

	color: #F22318;
	border: 2px solid #F22318;
	transform: scale(1.1);
	transition: transform 0.2s;
	transition: color 0.8s;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 8px;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#p51_levo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p51_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#p51_polotno {

	width: 900px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#p51_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#p51_nadpis {

/*	border: 1px solid orange;*/

	width: 905px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#p51_pravo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p51_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Исследование Луны/Аполлоны/Аполлон-15/5. Sinuous rilles east of the Aristarchus plateau on the Moon.jpg - p52 ----- */


/* Серая область ---------------------------------------------------------------- */
#p52_modal {
	
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);

	align-items: center;
	justify-content: center;
	
	display: none; /*Новый метод скрытия модального окна*/
	
	overflow-y: auto; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#p52_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#p52_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#p52_modal_block {

/*	border: 1px solid lime;*/

	position: relative;
	padding: 14px;
	background-color: rgba(0, 0, 0, 0);
	margin: 20px;
	text-align: center;
	color: white;
	font-size: 1.1rem;

	display: flex;
	flex-wrap: wrap; /*Разрешение переноса строки внутри flex контейнера*/

	width: 991px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#p52_krestik {
	
	position: absolute;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: black;
	color: white;
	border: 2px solid white;
	border-radius: 0px; /*Квадрат*/
	/*border-radius: 5px;*/ /*Скругленный квадрат*/
	/*border-radius: 20px;*/ /*Круг*/
	top: 0;
	right: 45px;
	cursor: pointer;
	transition: transform 0.2s;
	
}

#p52_krestik:hover {

	color: #F22318;
	border: 2px solid #F22318;
	transform: scale(1.1);
	transition: transform 0.2s;
	transition: color 0.8s;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 8px;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#p52_levo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p52_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#p52_polotno {

	width: 900px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#p52_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#p52_nadpis {

/*	border: 1px solid orange;*/

	width: 905px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#p52_pravo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p52_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Исследование Луны/Аполлоны/Аполлон-17/1. Astronaut, Lunar Rover and large boulder on the Moon.jpg - p53 ----- */


/* Серая область ---------------------------------------------------------------- */
#p53_modal {
	
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);

	align-items: center;
	justify-content: center;
	
	display: none; /*Новый метод скрытия модального окна*/
	
	overflow-y: auto; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#p53_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#p53_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#p53_modal_block {

/*	border: 1px solid lime;*/

	position: relative;
	padding: 14px;
	background-color: rgba(0, 0, 0, 0);
	margin: 20px;
	text-align: center;
	color: white;
	font-size: 1.1rem;

	display: flex;
	flex-wrap: wrap; /*Разрешение переноса строки внутри flex контейнера*/

	width: 991px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#p53_krestik {
	
	position: absolute;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: black;
	color: white;
	border: 2px solid white;
	border-radius: 0px; /*Квадрат*/
	/*border-radius: 5px;*/ /*Скругленный квадрат*/
	/*border-radius: 20px;*/ /*Круг*/
	top: 0;
	right: 45px;
	cursor: pointer;
	transition: transform 0.2s;
	
}

#p53_krestik:hover {

	color: #F22318;
	border: 2px solid #F22318;
	transform: scale(1.1);
	transition: transform 0.2s;
	transition: color 0.8s;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 8px;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#p53_levo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p53_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#p53_polotno {

	width: 900px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#p53_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#p53_nadpis {

/*	border: 1px solid orange;*/

	width: 905px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#p53_pravo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p53_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Исследование Луны/Аполлоны/Аполлон-17/2. Close-up color image of the orange soil at Shorty Crater on the Moon.jpg - p54 ----- */


/* Серая область ---------------------------------------------------------------- */
#p54_modal {
	
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);

	align-items: center;
	justify-content: center;
	
	display: none; /*Новый метод скрытия модального окна*/
	
	overflow-y: auto; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#p54_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#p54_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#p54_modal_block {

/*	border: 1px solid lime;*/

	position: relative;
	padding: 14px;
	background-color: rgba(0, 0, 0, 0);
	margin: 20px;
	text-align: center;
	color: white;
	font-size: 1.1rem;

	display: flex;
	flex-wrap: wrap; /*Разрешение переноса строки внутри flex контейнера*/

	width: 991px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#p54_krestik {
	
	position: absolute;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: black;
	color: white;
	border: 2px solid white;
	border-radius: 0px; /*Квадрат*/
	/*border-radius: 5px;*/ /*Скругленный квадрат*/
	/*border-radius: 20px;*/ /*Круг*/
	top: 0;
	right: 45px;
	cursor: pointer;
	transition: transform 0.2s;
	
}

#p54_krestik:hover {

	color: #F22318;
	border: 2px solid #F22318;
	transform: scale(1.1);
	transition: transform 0.2s;
	transition: color 0.8s;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 8px;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#p54_levo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p54_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#p54_polotno {

	width: 900px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#p54_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#p54_nadpis {

/*	border: 1px solid orange;*/

	width: 905px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
	text-align: justify;
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#p54_pravo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p54_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Исследование Луны/Аполлоны/Аполлон-17/3. Euler crater and Copernicus secondary crater chains on the Moon.jpg - p55 ----- */


/* Серая область ---------------------------------------------------------------- */
#p55_modal {
	
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);

	align-items: center;
	justify-content: center;
	
	display: none; /*Новый метод скрытия модального окна*/
	
	overflow-y: auto; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#p55_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#p55_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#p55_modal_block {

/*	border: 1px solid lime;*/

	position: relative;
	padding: 14px;
	background-color: rgba(0, 0, 0, 0);
	margin: 20px;
	text-align: center;
	color: white;
	font-size: 1.1rem;

	display: flex;
	flex-wrap: wrap; /*Разрешение переноса строки внутри flex контейнера*/

	width: 991px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#p55_krestik {
	
	position: absolute;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: black;
	color: white;
	border: 2px solid white;
	border-radius: 0px; /*Квадрат*/
	/*border-radius: 5px;*/ /*Скругленный квадрат*/
	/*border-radius: 20px;*/ /*Круг*/
	top: 0;
	right: 45px;
	cursor: pointer;
	transition: transform 0.2s;
	
}

#p55_krestik:hover {

	color: #F22318;
	border: 2px solid #F22318;
	transform: scale(1.1);
	transition: transform 0.2s;
	transition: color 0.8s;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 8px;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#p55_levo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p55_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#p55_polotno {

	width: 900px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#p55_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#p55_nadpis {

/*	border: 1px solid orange;*/

	width: 905px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#p55_pravo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p55_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Исследование Луны/Аполлоны/Аполлон-17/4. Oblique view across Mare Imbrium of Copernicus crater on the Moon.jpg - p56 ----- */


/* Серая область ---------------------------------------------------------------- */
#p56_modal {
	
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);

	align-items: center;
	justify-content: center;
	
	display: none; /*Новый метод скрытия модального окна*/
	
	overflow-y: auto; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#p56_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#p56_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#p56_modal_block {

/*	border: 1px solid lime;*/

	position: relative;
	padding: 14px;
	background-color: rgba(0, 0, 0, 0);
	margin: 20px;
	text-align: center;
	color: white;
	font-size: 1.1rem;

	display: flex;
	flex-wrap: wrap; /*Разрешение переноса строки внутри flex контейнера*/

	width: 991px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#p56_krestik {
	
	position: absolute;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: black;
	color: white;
	border: 2px solid white;
	border-radius: 0px; /*Квадрат*/
	/*border-radius: 5px;*/ /*Скругленный квадрат*/
	/*border-radius: 20px;*/ /*Круг*/
	top: 0;
	right: 45px;
	cursor: pointer;
	transition: transform 0.2s;
	
}

#p56_krestik:hover {

	color: #F22318;
	border: 2px solid #F22318;
	transform: scale(1.1);
	transition: transform 0.2s;
	transition: color 0.8s;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 8px;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#p56_levo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p56_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#p56_polotno {

	width: 900px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#p56_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#p56_nadpis {

/*	border: 1px solid orange;*/

	width: 905px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
	text-align: justify;

}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#p56_pravo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p56_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Горизонт.jpg - p57 ----- */


/* Серая область ---------------------------------------------------------------- */
#p57_modal {
	
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);

	align-items: center;
	justify-content: center;
	
	display: none; /*Новый метод скрытия модального окна*/
	
	overflow-y: auto; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#p57_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#p57_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#p57_modal_block {

/*	border: 1px solid lime;*/

	position: relative;
	padding: 14px;
	background-color: rgba(0, 0, 0, 0);
	margin: 20px;
	text-align: center;
	color: white;
	font-size: 1.1rem;

	display: flex;
	flex-wrap: wrap; /*Разрешение переноса строки внутри flex контейнера*/

	width: 991px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#p57_krestik {
	
	position: absolute;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: black;
	color: white;
	border: 2px solid white;
	border-radius: 0px; /*Квадрат*/
	/*border-radius: 5px;*/ /*Скругленный квадрат*/
	/*border-radius: 20px;*/ /*Круг*/
	top: 0;
	right: 45px;
	cursor: pointer;
	transition: transform 0.2s;
	
}

#p57_krestik:hover {

	color: #F22318;
	border: 2px solid #F22318;
	transform: scale(1.1);
	transition: transform 0.2s;
	transition: color 0.8s;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 8px;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#p57_levo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p57_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#p57_polotno {

	width: 900px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#p57_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#p57_nadpis {

/*	border: 1px solid orange;*/

	width: 905px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#p57_pravo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p57_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */




















/* ----- МОДАЛЬНОЕ ОКНО - Галерея/Луна - 10 апр 2024 - копия.jpg - ap1 ----- */


/* Серая область ---------------------------------------------------------------- */
#ap1_modal {
	
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);

	align-items: center;
	justify-content: center;
	
	display: none; /*Новый метод скрытия модального окна*/
	
	overflow-y: auto; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#ap1_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#ap1_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#ap1_modal_block {

/*	border: 1px solid lime;*/

	position: relative;
	padding: 14px;
	background-color: rgba(0, 0, 0, 0);
	margin: 20px;
	text-align: center;
	color: white;
	font-size: 1.1rem;

	display: flex;
	flex-wrap: wrap; /*Разрешение переноса строки внутри flex контейнера*/

	width: 991px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#ap1_krestik {
	
	position: absolute;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: black;
	color: white;
	border: 2px solid white;
	border-radius: 0px; /*Квадрат*/
	/*border-radius: 5px;*/ /*Скругленный квадрат*/
	/*border-radius: 20px;*/ /*Круг*/
	top: 0;
	right: 45px;
	cursor: pointer;
	transition: transform 0.2s;
	
}

#ap1_krestik:hover {

	color: #F22318;
	border: 2px solid #F22318;
	transform: scale(1.1);
	transition: transform 0.2s;
	transition: color 0.8s;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 8px;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#ap1_levo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#ap1_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#ap1_polotno {

	width: 900px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#ap1_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#ap1_nadpis {

/*	border: 1px solid orange;*/

	width: 905px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#ap1_pravo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#ap1_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Галерея/1. Луна 2 июля 2024.jpg - p58 ----- */


/* Серая область ---------------------------------------------------------------- */
#p58_modal {
	
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);

	align-items: center;
	justify-content: center;
	
	display: none; /*Новый метод скрытия модального окна*/
	
	overflow-y: auto; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#p58_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#p58_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#p58_modal_block {

/*	border: 1px solid lime;*/

	position: relative;
	padding: 14px;
	background-color: rgba(0, 0, 0, 0);
	margin: 20px;
	text-align: center;
	color: white;
	font-size: 1.1rem;

	display: flex;
	flex-wrap: wrap; /*Разрешение переноса строки внутри flex контейнера*/

	width: 991px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#p58_krestik {
	
	position: absolute;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: black;
	color: white;
	border: 2px solid white;
	border-radius: 0px; /*Квадрат*/
	/*border-radius: 5px;*/ /*Скругленный квадрат*/
	/*border-radius: 20px;*/ /*Круг*/
	top: 0;
	right: 45px;
	cursor: pointer;
	transition: transform 0.2s;
	
}

#p58_krestik:hover {

	color: #F22318;
	border: 2px solid #F22318;
	transform: scale(1.1);
	transition: transform 0.2s;
	transition: color 0.8s;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 8px;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#p58_levo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p58_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#p58_polotno {

	width: 900px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#p58_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#p58_nadpis {

/*	border: 1px solid orange;*/

	width: 905px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#p58_pravo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p58_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Галерея/2. Луна (14 июня 2024).png - p59 ----- */


/* Серая область ---------------------------------------------------------------- */
#p59_modal {
	
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);

	align-items: center;
	justify-content: center;
	
	display: none; /*Новый метод скрытия модального окна*/
	
	overflow-y: auto; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#p59_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#p59_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#p59_modal_block {

/*	border: 1px solid lime;*/

	position: relative;
	padding: 14px;
	background-color: rgba(0, 0, 0, 0);
	margin: 20px;
	text-align: center;
	color: white;
	font-size: 1.1rem;

	display: flex;
	flex-wrap: wrap; /*Разрешение переноса строки внутри flex контейнера*/

	width: 991px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#p59_krestik {
	
	position: absolute;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: black;
	color: white;
	border: 2px solid white;
	border-radius: 0px; /*Квадрат*/
	/*border-radius: 5px;*/ /*Скругленный квадрат*/
	/*border-radius: 20px;*/ /*Круг*/
	top: 0;
	right: 45px;
	cursor: pointer;
	transition: transform 0.2s;
	
}

#p59_krestik:hover {

	color: #F22318;
	border: 2px solid #F22318;
	transform: scale(1.1);
	transition: transform 0.2s;
	transition: color 0.8s;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 8px;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#p59_levo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p59_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#p59_polotno {

	width: 900px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#p59_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#p59_nadpis {

/*	border: 1px solid orange;*/

	width: 905px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#p59_pravo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p59_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Галерея/3. Луна 10.06.2024.jpg - p60 ----- */


/* Серая область ---------------------------------------------------------------- */
#p60_modal {
	
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);

	align-items: center;
	justify-content: center;
	
	display: none; /*Новый метод скрытия модального окна*/
	
	overflow-y: auto; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#p60_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#p60_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#p60_modal_block {

/*	border: 1px solid lime;*/

	position: relative;
	padding: 14px;
	background-color: rgba(0, 0, 0, 0);
	margin: 20px;
	text-align: center;
	color: white;
	font-size: 1.1rem;

	display: flex;
	flex-wrap: wrap; /*Разрешение переноса строки внутри flex контейнера*/

	width: 991px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#p60_krestik {
	
	position: absolute;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: black;
	color: white;
	border: 2px solid white;
	border-radius: 0px; /*Квадрат*/
	/*border-radius: 5px;*/ /*Скругленный квадрат*/
	/*border-radius: 20px;*/ /*Круг*/
	top: 0;
	right: 45px;
	cursor: pointer;
	transition: transform 0.2s;
	
}

#p60_krestik:hover {

	color: #F22318;
	border: 2px solid #F22318;
	transform: scale(1.1);
	transition: transform 0.2s;
	transition: color 0.8s;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 8px;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#p60_levo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p60_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#p60_polotno {

	width: 900px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#p60_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#p60_nadpis {

/*	border: 1px solid orange;*/

	width: 905px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#p60_pravo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p60_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Галерея/4. Луна 13.05.2024.jpg - p61 ----- */


/* Серая область ---------------------------------------------------------------- */
#p61_modal {
	
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);

	align-items: center;
	justify-content: center;
	
	display: none; /*Новый метод скрытия модального окна*/
	
	overflow-y: auto; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#p61_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#p61_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#p61_modal_block {

/*	border: 1px solid lime;*/

	position: relative;
	padding: 14px;
	background-color: rgba(0, 0, 0, 0);
	margin: 20px;
	text-align: center;
	color: white;
	font-size: 1.1rem;

	display: flex;
	flex-wrap: wrap; /*Разрешение переноса строки внутри flex контейнера*/

	width: 991px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#p61_krestik {
	
	position: absolute;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: black;
	color: white;
	border: 2px solid white;
	border-radius: 0px; /*Квадрат*/
	/*border-radius: 5px;*/ /*Скругленный квадрат*/
	/*border-radius: 20px;*/ /*Круг*/
	top: 0;
	right: 45px;
	cursor: pointer;
	transition: transform 0.2s;
	
}

#p61_krestik:hover {

	color: #F22318;
	border: 2px solid #F22318;
	transform: scale(1.1);
	transition: transform 0.2s;
	transition: color 0.8s;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 8px;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#p61_levo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p61_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#p61_polotno {

	width: 900px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#p61_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#p61_nadpis {

/*	border: 1px solid orange;*/

	width: 905px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#p61_pravo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p61_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Галерея/5. Район кратера Вильгельм.png - p62 ----- */


/* Серая область ---------------------------------------------------------------- */
#p62_modal {
	
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);

	align-items: center;
	justify-content: center;
	
	display: none; /*Новый метод скрытия модального окна*/
	
	overflow-y: auto; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#p62_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#p62_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#p62_modal_block {

/*	border: 1px solid lime;*/

	position: relative;
	padding: 14px;
	background-color: rgba(0, 0, 0, 0);
	margin: 20px;
	text-align: center;
	color: white;
	font-size: 1.1rem;

	display: flex;
	flex-wrap: wrap; /*Разрешение переноса строки внутри flex контейнера*/

	width: 991px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#p62_krestik {
	
	position: absolute;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: black;
	color: white;
	border: 2px solid white;
	border-radius: 0px; /*Квадрат*/
	/*border-radius: 5px;*/ /*Скругленный квадрат*/
	/*border-radius: 20px;*/ /*Круг*/
	top: 0;
	right: 45px;
	cursor: pointer;
	transition: transform 0.2s;
	
}

#p62_krestik:hover {

	color: #F22318;
	border: 2px solid #F22318;
	transform: scale(1.1);
	transition: transform 0.2s;
	transition: color 0.8s;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 8px;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#p62_levo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p62_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#p62_polotno {

	width: 900px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#p62_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#p62_nadpis {

/*	border: 1px solid orange;*/

	width: 905px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#p62_pravo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p62_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Галерея/6. Луна, Залив Радуги.jpg - p63 ----- */


/* Серая область ---------------------------------------------------------------- */
#p63_modal {
	
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);

	align-items: center;
	justify-content: center;
	
	display: none; /*Новый метод скрытия модального окна*/
	
	overflow-y: auto; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#p63_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#p63_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#p63_modal_block {

/*	border: 1px solid lime;*/

	position: relative;
	padding: 14px;
	background-color: rgba(0, 0, 0, 0);
	margin: 20px;
	text-align: center;
	color: white;
	font-size: 1.1rem;

	display: flex;
	flex-wrap: wrap; /*Разрешение переноса строки внутри flex контейнера*/

	width: 991px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#p63_krestik {
	
	position: absolute;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: black;
	color: white;
	border: 2px solid white;
	border-radius: 0px; /*Квадрат*/
	/*border-radius: 5px;*/ /*Скругленный квадрат*/
	/*border-radius: 20px;*/ /*Круг*/
	top: 0;
	right: 45px;
	cursor: pointer;
	transition: transform 0.2s;
	
}

#p63_krestik:hover {

	color: #F22318;
	border: 2px solid #F22318;
	transform: scale(1.1);
	transition: transform 0.2s;
	transition: color 0.8s;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 8px;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#p63_levo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p63_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#p63_polotno {

	width: 900px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#p63_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#p63_nadpis {

/*	border: 1px solid orange;*/

	width: 905px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#p63_pravo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p63_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Галерея/7. Луна, южный полюс.jpg - p64 ----- */


/* Серая область ---------------------------------------------------------------- */
#p64_modal {
	
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);

	align-items: center;
	justify-content: center;
	
	display: none; /*Новый метод скрытия модального окна*/
	
	overflow-y: auto; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#p64_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#p64_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#p64_modal_block {

/*	border: 1px solid lime;*/

	position: relative;
	padding: 14px;
	background-color: rgba(0, 0, 0, 0);
	margin: 20px;
	text-align: center;
	color: white;
	font-size: 1.1rem;

	display: flex;
	flex-wrap: wrap; /*Разрешение переноса строки внутри flex контейнера*/

	width: 991px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#p64_krestik {
	
	position: absolute;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: black;
	color: white;
	border: 2px solid white;
	border-radius: 0px; /*Квадрат*/
	/*border-radius: 5px;*/ /*Скругленный квадрат*/
	/*border-radius: 20px;*/ /*Круг*/
	top: 0;
	right: 45px;
	cursor: pointer;
	transition: transform 0.2s;
	
}

#p64_krestik:hover {

	color: #F22318;
	border: 2px solid #F22318;
	transform: scale(1.1);
	transition: transform 0.2s;
	transition: color 0.8s;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 8px;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#p64_levo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p64_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#p64_polotno {

	width: 900px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#p64_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#p64_nadpis {

/*	border: 1px solid orange;*/

	width: 905px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#p64_pravo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p64_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Галерея/8. Кратеры Теофил и Кирилл на Луне.png - p65 ----- */


/* Серая область ---------------------------------------------------------------- */
#p65_modal {
	
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);

	align-items: center;
	justify-content: center;
	
	display: none; /*Новый метод скрытия модального окна*/
	
	overflow-y: auto; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#p65_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#p65_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#p65_modal_block {

/*	border: 1px solid lime;*/

	position: relative;
	padding: 14px;
	background-color: rgba(0, 0, 0, 0);
	margin: 20px;
	text-align: center;
	color: white;
	font-size: 1.1rem;

	display: flex;
	flex-wrap: wrap; /*Разрешение переноса строки внутри flex контейнера*/

	width: 991px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#p65_krestik {
	
	position: absolute;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: black;
	color: white;
	border: 2px solid white;
	border-radius: 0px; /*Квадрат*/
	/*border-radius: 5px;*/ /*Скругленный квадрат*/
	/*border-radius: 20px;*/ /*Круг*/
	top: 0;
	right: 45px;
	cursor: pointer;
	transition: transform 0.2s;
	
}

#p65_krestik:hover {

	color: #F22318;
	border: 2px solid #F22318;
	transform: scale(1.1);
	transition: transform 0.2s;
	transition: color 0.8s;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 8px;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#p65_levo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p65_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#p65_polotno {

	width: 900px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#p65_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#p65_nadpis {

/*	border: 1px solid orange;*/

	width: 905px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#p65_pravo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p65_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Галерея/9. Кратер Коперник на Луне.jpg - p66 ----- */


/* Серая область ---------------------------------------------------------------- */
#p66_modal {
	
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);

	align-items: center;
	justify-content: center;
	
	display: none; /*Новый метод скрытия модального окна*/
	
	overflow-y: auto; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#p66_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#p66_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#p66_modal_block {

/*	border: 1px solid lime;*/

	position: relative;
	padding: 14px;
	background-color: rgba(0, 0, 0, 0);
	margin: 20px;
	text-align: center;
	color: white;
	font-size: 1.1rem;

	display: flex;
	flex-wrap: wrap; /*Разрешение переноса строки внутри flex контейнера*/

	width: 991px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#p66_krestik {
	
	position: absolute;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: black;
	color: white;
	border: 2px solid white;
	border-radius: 0px; /*Квадрат*/
	/*border-radius: 5px;*/ /*Скругленный квадрат*/
	/*border-radius: 20px;*/ /*Круг*/
	top: 0;
	right: 45px;
	cursor: pointer;
	transition: transform 0.2s;
	
}

#p66_krestik:hover {

	color: #F22318;
	border: 2px solid #F22318;
	transform: scale(1.1);
	transition: transform 0.2s;
	transition: color 0.8s;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 8px;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#p66_levo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p66_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#p66_polotno {

	width: 900px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#p66_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#p66_nadpis {

/*	border: 1px solid orange;*/

	width: 905px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#p66_pravo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p66_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Галерея/10. Луна (фото сделано в октябре 2021).jpg - p67 ----- */


/* Серая область ---------------------------------------------------------------- */
#p67_modal {
	
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);

	align-items: center;
	justify-content: center;
	
	display: none; /*Новый метод скрытия модального окна*/
	
	overflow-y: auto; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#p67_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#p67_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#p67_modal_block {

/*	border: 1px solid lime;*/

	position: relative;
	padding: 14px;
	background-color: rgba(0, 0, 0, 0);
	margin: 20px;
	text-align: center;
	color: white;
	font-size: 1.1rem;

	display: flex;
	flex-wrap: wrap; /*Разрешение переноса строки внутри flex контейнера*/

	width: 991px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#p67_krestik {
	
	position: absolute;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: black;
	color: white;
	border: 2px solid white;
	border-radius: 0px; /*Квадрат*/
	/*border-radius: 5px;*/ /*Скругленный квадрат*/
	/*border-radius: 20px;*/ /*Круг*/
	top: 0;
	right: 45px;
	cursor: pointer;
	transition: transform 0.2s;
	
}

#p67_krestik:hover {

	color: #F22318;
	border: 2px solid #F22318;
	transform: scale(1.1);
	transition: transform 0.2s;
	transition: color 0.8s;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 8px;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#p67_levo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p67_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#p67_polotno {

	width: 900px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#p67_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#p67_nadpis {

/*	border: 1px solid orange;*/

	width: 905px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#p67_pravo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p67_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Галерея/11. Hubble - crater Tycho.jpg - p68 ----- */


/* Серая область ---------------------------------------------------------------- */
#p68_modal {
	
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);

	align-items: center;
	justify-content: center;
	
	display: none; /*Новый метод скрытия модального окна*/
	
	overflow-y: auto; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#p68_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#p68_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#p68_modal_block {

/*	border: 1px solid lime;*/

	position: relative;
	padding: 14px;
	background-color: rgba(0, 0, 0, 0);
	margin: 20px;
	text-align: center;
	color: white;
	font-size: 1.1rem;

	display: flex;
	flex-wrap: wrap; /*Разрешение переноса строки внутри flex контейнера*/

	width: 991px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#p68_krestik {
	
	position: absolute;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: black;
	color: white;
	border: 2px solid white;
	border-radius: 0px; /*Квадрат*/
	/*border-radius: 5px;*/ /*Скругленный квадрат*/
	/*border-radius: 20px;*/ /*Круг*/
	top: 0;
	right: 45px;
	cursor: pointer;
	transition: transform 0.2s;
	
}

#p68_krestik:hover {

	color: #F22318;
	border: 2px solid #F22318;
	transform: scale(1.1);
	transition: transform 0.2s;
	transition: color 0.8s;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 8px;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#p68_levo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p68_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#p68_polotno {

	width: 900px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#p68_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#p68_nadpis {

/*	border: 1px solid orange;*/

	width: 905px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#p68_pravo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p68_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Галерея/12. Orientale Basin and the western hemisphere of the Moon.jpg - p69 ----- */


/* Серая область ---------------------------------------------------------------- */
#p69_modal {
	
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);

	align-items: center;
	justify-content: center;
	
	display: none; /*Новый метод скрытия модального окна*/
	
	overflow-y: auto; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#p69_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#p69_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#p69_modal_block {

/*	border: 1px solid lime;*/

	position: relative;
	padding: 14px;
	background-color: rgba(0, 0, 0, 0);
	margin: 20px;
	text-align: center;
	color: white;
	font-size: 1.1rem;

	display: flex;
	flex-wrap: wrap; /*Разрешение переноса строки внутри flex контейнера*/

	width: 991px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#p69_krestik {
	
	position: absolute;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: black;
	color: white;
	border: 2px solid white;
	border-radius: 0px; /*Квадрат*/
	/*border-radius: 5px;*/ /*Скругленный квадрат*/
	/*border-radius: 20px;*/ /*Круг*/
	top: 0;
	right: 45px;
	cursor: pointer;
	transition: transform 0.2s;
	
}

#p69_krestik:hover {

	color: #F22318;
	border: 2px solid #F22318;
	transform: scale(1.1);
	transition: transform 0.2s;
	transition: color 0.8s;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 8px;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#p69_levo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p69_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#p69_polotno {

	width: 900px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#p69_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#p69_nadpis {

/*	border: 1px solid orange;*/

	width: 905px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;

	text-align: justify;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#p69_pravo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p69_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Галерея/13. Color composite of the Moon from 560 000 km.jpg - p70 ----- */


/* Серая область ---------------------------------------------------------------- */
#p70_modal {
	
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);

	align-items: center;
	justify-content: center;
	
	display: none; /*Новый метод скрытия модального окна*/
	
	overflow-y: auto; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#p70_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#p70_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#p70_modal_block {

/*	border: 1px solid lime;*/

	position: relative;
	padding: 14px;
	background-color: rgba(0, 0, 0, 0);
	margin: 20px;
	text-align: center;
	color: white;
	font-size: 1.1rem;

	display: flex;
	flex-wrap: wrap; /*Разрешение переноса строки внутри flex контейнера*/

	width: 991px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#p70_krestik {
	
	position: absolute;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: black;
	color: white;
	border: 2px solid white;
	border-radius: 0px; /*Квадрат*/
	/*border-radius: 5px;*/ /*Скругленный квадрат*/
	/*border-radius: 20px;*/ /*Круг*/
	top: 0;
	right: 45px;
	cursor: pointer;
	transition: transform 0.2s;
	
}

#p70_krestik:hover {

	color: #F22318;
	border: 2px solid #F22318;
	transform: scale(1.1);
	transition: transform 0.2s;
	transition: color 0.8s;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 8px;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#p70_levo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p70_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#p70_polotno {

	width: 900px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#p70_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#p70_nadpis {

/*	border: 1px solid orange;*/

	width: 905px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#p70_pravo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p70_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Галерея/14. North polar region of the Moon from 121 000 km.jpg - p71 ----- */


/* Серая область ---------------------------------------------------------------- */
#p71_modal {
	
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);

	align-items: center;
	justify-content: center;
	
	display: none; /*Новый метод скрытия модального окна*/
	
	overflow-y: auto; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#p71_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#p71_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#p71_modal_block {

/*	border: 1px solid lime;*/

	position: relative;
	padding: 14px;
	background-color: rgba(0, 0, 0, 0);
	margin: 20px;
	text-align: center;
	color: white;
	font-size: 1.1rem;

	display: flex;
	flex-wrap: wrap; /*Разрешение переноса строки внутри flex контейнера*/

	width: 991px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#p71_krestik {
	
	position: absolute;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: black;
	color: white;
	border: 2px solid white;
	border-radius: 0px; /*Квадрат*/
	/*border-radius: 5px;*/ /*Скругленный квадрат*/
	/*border-radius: 20px;*/ /*Круг*/
	top: 0;
	right: 45px;
	cursor: pointer;
	transition: transform 0.2s;
	
}

#p71_krestik:hover {

	color: #F22318;
	border: 2px solid #F22318;
	transform: scale(1.1);
	transition: transform 0.2s;
	transition: color 0.8s;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 8px;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#p71_levo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p71_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#p71_polotno {

	width: 900px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#p71_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#p71_nadpis {

/*	border: 1px solid orange;*/

	width: 905px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;

	text-align: justify;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#p71_pravo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p71_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Галерея/Chang'e/Chang'e-6/1. Far_side_of_the_Moon_from_Chang_e-6_pillars.jpg - p72 ----- */


/* Серая область ---------------------------------------------------------------- */
#p72_modal {
	
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);

	align-items: center;
	justify-content: center;
	
	display: none; /*Новый метод скрытия модального окна*/
	
	overflow-y: auto; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#p72_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#p72_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#p72_modal_block {

/*	border: 1px solid lime;*/

	position: relative;
	padding: 14px;
	background-color: rgba(0, 0, 0, 0);
	margin: 20px;
	text-align: center;
	color: white;
	font-size: 1.1rem;

	display: flex;
	flex-wrap: wrap; /*Разрешение переноса строки внутри flex контейнера*/

	width: 991px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#p72_krestik {
	
	position: absolute;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: black;
	color: white;
	border: 2px solid white;
	border-radius: 0px; /*Квадрат*/
	/*border-radius: 5px;*/ /*Скругленный квадрат*/
	/*border-radius: 20px;*/ /*Круг*/
	top: 0;
	right: 45px;
	cursor: pointer;
	transition: transform 0.2s;
	
}

#p72_krestik:hover {

	color: #F22318;
	border: 2px solid #F22318;
	transform: scale(1.1);
	transition: transform 0.2s;
	transition: color 0.8s;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 8px;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#p72_levo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p72_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#p72_polotno {

	width: 900px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#p72_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#p72_nadpis {

/*	border: 1px solid orange;*/

	width: 905px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#p72_pravo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p72_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Галерея/Chang'e/Chang'e-6/2. Chang_e-6_landing_site_on_the_far_side_of_the_Moon_pillars.jpg - p73 ----- */


/* Серая область ---------------------------------------------------------------- */
#p73_modal {
	
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);

	align-items: center;
	justify-content: center;
	
	display: none; /*Новый метод скрытия модального окна*/
	
	overflow-y: auto; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#p73_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#p73_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#p73_modal_block {

/*	border: 1px solid lime;*/

	position: relative;
	padding: 14px;
	background-color: rgba(0, 0, 0, 0);
	margin: 20px;
	text-align: center;
	color: white;
	font-size: 1.1rem;

	display: flex;
	flex-wrap: wrap; /*Разрешение переноса строки внутри flex контейнера*/

	width: 991px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#p73_krestik {
	
	position: absolute;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: black;
	color: white;
	border: 2px solid white;
	border-radius: 0px; /*Квадрат*/
	/*border-radius: 5px;*/ /*Скругленный квадрат*/
	/*border-radius: 20px;*/ /*Круг*/
	top: 0;
	right: 45px;
	cursor: pointer;
	transition: transform 0.2s;
	
}

#p73_krestik:hover {

	color: #F22318;
	border: 2px solid #F22318;
	transform: scale(1.1);
	transition: transform 0.2s;
	transition: color 0.8s;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 8px;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#p73_levo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p73_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#p73_polotno {

	width: 900px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#p73_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#p73_nadpis {

/*	border: 1px solid orange;*/

	width: 905px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#p73_pravo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p73_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Галерея/Chang'e/Chang'e-6/3. Chang'e-6 lander.jpg - p74 ----- */


/* Серая область ---------------------------------------------------------------- */
#p74_modal {
	
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);

	align-items: center;
	justify-content: center;
	
	display: none; /*Новый метод скрытия модального окна*/
	
	overflow-y: auto; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#p74_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#p74_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#p74_modal_block {

/*	border: 1px solid lime;*/

	position: relative;
	padding: 14px;
	background-color: rgba(0, 0, 0, 0);
	margin: 20px;
	text-align: center;
	color: white;
	font-size: 1.1rem;

	display: flex;
	flex-wrap: wrap; /*Разрешение переноса строки внутри flex контейнера*/

	width: 991px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#p74_krestik {
	
	position: absolute;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: black;
	color: white;
	border: 2px solid white;
	border-radius: 0px; /*Квадрат*/
	/*border-radius: 5px;*/ /*Скругленный квадрат*/
	/*border-radius: 20px;*/ /*Круг*/
	top: 0;
	right: 45px;
	cursor: pointer;
	transition: transform 0.2s;
	
}

#p74_krestik:hover {

	color: #F22318;
	border: 2px solid #F22318;
	transform: scale(1.1);
	transition: transform 0.2s;
	transition: color 0.8s;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 8px;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#p74_levo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p74_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#p74_polotno {

	width: 900px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#p74_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#p74_nadpis {

/*	border: 1px solid orange;*/

	width: 905px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#p74_pravo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p74_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Галерея/Chang'e/Chang'e-4/1. Chang'e-4, Yutu-2.jpg - p75 ----- */


/* Серая область ---------------------------------------------------------------- */
#p75_modal {
	
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);

	align-items: center;
	justify-content: center;
	
	/*visibility: hidden;*/ /*Устаревший метод скрытия модального блока*/
	/*opacity: 0;*/			/*Устаревший метод скрытия модального блока*/
	
	display: none; /*Новый метод скрытия модального окна*/
	
	overflow-y: auto; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#p75_modal.open {
	/*visibility: visible;*/ /*Устаревший метод открытия модального блока*/
	/*opacity: 1;*/ 		 /*Устаревший метод открытия модального блока*/
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#p75_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#p75_modal_block {

/*	border: 1px solid lime;*/

	position: relative;
	padding: 14px;
	background-color: rgba(0, 0, 0, 0);
	margin: 20px;
	text-align: center;
	color: white;
	font-size: 1.1rem;

	display: flex;
	flex-wrap: wrap; /*Разрешение переноса строки внтури flex контейнера*/

	width: 991px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#p75_krestik {
	
	position: absolute;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: black;
	color: white;
	border: 2px solid white;
	border-radius: 0px; /*Квадрат*/
	/*border-radius: 5px;*/ /*Скругленный квадрат*/
	/*border-radius: 20px;*/ /*Круг*/
	top: 0;
	right: 45px;
	cursor: pointer;
	transition: transform 0.2s;
	
}

#p75_krestik:hover {

	color: #F22318;
	border: 2px solid #F22318;
	transform: scale(1.1);
	transition: transform 0.2s;
	transition: color 0.8s;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 8px;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#p75_levo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p75_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#p75_polotno {

	width: 900px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
	
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

/* ------------------------------------------------------- */


/* Блок верхнего пространства ---------------------------- */

#p75_verhnee_prostranstvo {

/*	border: 1px solid red;*/

	width: 900px;
	height: 54px; /*Расчетная высота блока*/
}

/* -------------------------------------------------------- */


/* Само увеличенное фото ---------------------------------------------------------------*/
#p75_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Блок нижнего пространства ---------------------------- */

#p75_nizhnee_prostranstvo {

/*	border: 1px solid red;*/

	width: 900px;
	height: 54px; /*Расчетная высота блока*/
}

/* -------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#p75_nadpis {

/*	border: 1px solid orange;*/

	width: 905px;
	
	/*padding-left: 40px;*/ /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	/*padding-right: 40px;*/
	
	position: relative;
	bottom: -5px;

	text-align: justify;
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#p75_pravo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p75_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Галерея/Chang'e/Chang'e-4/2.Chang'e-4, Yutu-2.jpg - p76 ----- */


/* Серая область ---------------------------------------------------------------- */
#p76_modal {
	
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);

	align-items: center;
	justify-content: center;
	
	display: none; /*Новый метод скрытия модального окна*/
	
	overflow-y: auto; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#p76_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#p76_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#p76_modal_block {

/*	border: 1px solid lime;*/

	position: relative;
	padding: 14px;
	background-color: rgba(0, 0, 0, 0);
	margin: 20px;
	text-align: center;
	color: white;
	font-size: 1.1rem;

	display: flex;
	flex-wrap: wrap; /*Разрешение переноса строки внутри flex контейнера*/

	width: 991px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#p76_krestik {
	
	position: absolute;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: black;
	color: white;
	border: 2px solid white;
	border-radius: 0px; /*Квадрат*/
	/*border-radius: 5px;*/ /*Скругленный квадрат*/
	/*border-radius: 20px;*/ /*Круг*/
	top: 0;
	right: 45px;
	cursor: pointer;
	transition: transform 0.2s;
	
}

#p76_krestik:hover {

	color: #F22318;
	border: 2px solid #F22318;
	transform: scale(1.1);
	transition: transform 0.2s;
	transition: color 0.8s;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 8px;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#p76_levo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p76_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#p76_polotno {

	width: 900px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#p76_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#p76_nadpis {

/*	border: 1px solid orange;*/

	width: 905px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#p76_pravo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p76_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Галерея/Chang'e/Chang'e-4/3. Chang'e-4, Yutu-2.jpg - p77 ----- */


/* Серая область ---------------------------------------------------------------- */
#p77_modal {
	
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);

	align-items: center;
	justify-content: center;
	
	/*visibility: hidden;*/ /*Устаревший метод скрытия модального блока*/
	/*opacity: 0;*/			/*Устаревший метод скрытия модального блока*/
	
	display: none; /*Новый метод скрытия модального окна*/
	
	overflow-y: auto; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#p77_modal.open {
	/*visibility: visible;*/ /*Устаревший метод открытия модального блока*/
	/*opacity: 1;*/ 		 /*Устаревший метод открытия модального блока*/
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#p77_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#p77_modal_block {

/*	border: 1px solid lime;*/

	position: relative;
	padding: 14px;
	background-color: rgba(0, 0, 0, 0);
	margin: 20px;
	text-align: center;
	color: white;
	font-size: 1.1rem;

	display: flex;
	flex-wrap: wrap; /*Разрешение переноса строки внтури flex контейнера*/

	width: 991px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#p77_krestik {
	
	position: absolute;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: black;
	color: white;
	border: 2px solid white;
	border-radius: 0px; /*Квадрат*/
	/*border-radius: 5px;*/ /*Скругленный квадрат*/
	/*border-radius: 20px;*/ /*Круг*/
	top: 0;
	right: 45px;
	cursor: pointer;
	transition: transform 0.2s;
	
}

#p77_krestik:hover {

	color: #F22318;
	border: 2px solid #F22318;
	transform: scale(1.1);
	transition: transform 0.2s;
	transition: color 0.8s;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 8px;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#p77_levo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p77_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#p77_polotno {

	width: 900px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
	
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

/* ------------------------------------------------------- */


/* Блок верхнего пространства ---------------------------- */

#p77_verhnee_prostranstvo {

/*	border: 1px solid red;*/

	width: 900px;
	height: 108px; /*Расчетная высота блока*/
}

/* -------------------------------------------------------- */


/* Само увеличенное фото ---------------------------------------------------------------*/
#p77_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Блок нижнего пространства ---------------------------- */

#p77_nizhnee_prostranstvo {

/*	border: 1px solid red;*/

	width: 900px;
	height: 108px; /*Расчетная высота блока*/
}

/* -------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#p77_nadpis {

/*	border: 1px solid orange;*/

	width: 905px;
	
	/*padding-left: 40px;*/ /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	/*padding-right: 40px;*/
	
	position: relative;
	bottom: -5px;
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#p77_pravo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p77_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Галерея/Chang'e/Chang'e-4/4. Chang'e-4, Yutu-2.jpg - p78 ----- */


/* Серая область ---------------------------------------------------------------- */
#p78_modal {
	
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);

	align-items: center;
	justify-content: center;
	
	display: none; /*Новый метод скрытия модального окна*/
	
	overflow-y: auto; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#p78_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#p78_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#p78_modal_block {

/*	border: 1px solid lime;*/

	position: relative;
	padding: 14px;
	background-color: rgba(0, 0, 0, 0);
	margin: 20px;
	text-align: center;
	color: white;
	font-size: 1.1rem;

	display: flex;
	flex-wrap: wrap; /*Разрешение переноса строки внутри flex контейнера*/

	width: 991px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#p78_krestik {
	
	position: absolute;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: black;
	color: white;
	border: 2px solid white;
	border-radius: 0px; /*Квадрат*/
	/*border-radius: 5px;*/ /*Скругленный квадрат*/
	/*border-radius: 20px;*/ /*Круг*/
	top: 0;
	right: 45px;
	cursor: pointer;
	transition: transform 0.2s;
	
}

#p78_krestik:hover {

	color: #F22318;
	border: 2px solid #F22318;
	transform: scale(1.1);
	transition: transform 0.2s;
	transition: color 0.8s;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 8px;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#p78_levo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p78_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#p78_polotno {

	width: 900px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#p78_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#p78_nadpis {

/*	border: 1px solid orange;*/

	width: 905px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#p78_pravo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p78_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Галерея/Chang'e/Chang'e-4/5. Chang'e-4, Yutu-2.jpg - p79 ----- */


/* Серая область ---------------------------------------------------------------- */
#p79_modal {
	
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);

	align-items: center;
	justify-content: center;
	
	/*visibility: hidden;*/ /*Устаревший метод скрытия модального блока*/
	/*opacity: 0;*/			/*Устаревший метод скрытия модального блока*/
	
	display: none; /*Новый метод скрытия модального окна*/
	
	overflow-y: auto; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#p79_modal.open {
	/*visibility: visible;*/ /*Устаревший метод открытия модального блока*/
	/*opacity: 1;*/ 		 /*Устаревший метод открытия модального блока*/
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#p79_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#p79_modal_block {

/*	border: 1px solid lime;*/

	position: relative;
	padding: 14px;
	background-color: rgba(0, 0, 0, 0);
	margin: 20px;
	text-align: center;
	color: white;
	font-size: 1.1rem;

	display: flex;
	flex-wrap: wrap; /*Разрешение переноса строки внтури flex контейнера*/

	width: 991px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#p79_krestik {
	
	position: absolute;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: black;
	color: white;
	border: 2px solid white;
	border-radius: 0px; /*Квадрат*/
	/*border-radius: 5px;*/ /*Скругленный квадрат*/
	/*border-radius: 20px;*/ /*Круг*/
	top: 0;
	right: 45px;
	cursor: pointer;
	transition: transform 0.2s;
	
}

#p79_krestik:hover {

	color: #F22318;
	border: 2px solid #F22318;
	transform: scale(1.1);
	transition: transform 0.2s;
	transition: color 0.8s;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 8px;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#p79_levo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p79_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#p79_polotno {

	width: 900px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
	
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

/* ------------------------------------------------------- */


/* Блок верхнего пространства ---------------------------- */

#p79_verhnee_prostranstvo {

/*	border: 1px solid red;*/

	width: 900px;
	height: 101px; /*Расчетная высота блока*/
}

/* -------------------------------------------------------- */


/* Само увеличенное фото ---------------------------------------------------------------*/
#p79_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Блок нижнего пространства ---------------------------- */

#p79_nizhnee_prostranstvo {

/*	border: 1px solid red;*/

	width: 900px;
	height: 101px; /*Расчетная высота блока*/
}

/* -------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#p79_nadpis {

/*	border: 1px solid orange;*/

	width: 905px;
	
	/*padding-left: 40px;*/ /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	/*padding-right: 40px;*/
	
	position: relative;
	bottom: -5px;
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#p79_pravo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p79_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Галерея/Chang'e/Chang'e-4/6. Chang'e-4, Yutu-2.jpg - p80 ----- */


/* Серая область ---------------------------------------------------------------- */
#p80_modal {
	
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);

	align-items: center;
	justify-content: center;
	
	display: none; /*Новый метод скрытия модального окна*/
	
	overflow-y: auto; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#p80_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#p80_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#p80_modal_block {

/*	border: 1px solid lime;*/

	position: relative;
	padding: 14px;
	background-color: rgba(0, 0, 0, 0);
	margin: 20px;
	text-align: center;
	color: white;
	font-size: 1.1rem;

	display: flex;
	flex-wrap: wrap; /*Разрешение переноса строки внутри flex контейнера*/

	width: 991px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#p80_krestik {
	
	position: absolute;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: black;
	color: white;
	border: 2px solid white;
	border-radius: 0px; /*Квадрат*/
	/*border-radius: 5px;*/ /*Скругленный квадрат*/
	/*border-radius: 20px;*/ /*Круг*/
	top: 0;
	right: 45px;
	cursor: pointer;
	transition: transform 0.2s;
	
}

#p80_krestik:hover {

	color: #F22318;
	border: 2px solid #F22318;
	transform: scale(1.1);
	transition: transform 0.2s;
	transition: color 0.8s;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 8px;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#p80_levo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p80_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#p80_polotno {

	width: 900px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#p80_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#p80_nadpis {

/*	border: 1px solid orange;*/

	width: 905px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#p80_pravo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p80_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Галерея/Chang'e/Chang'e-3/1. Chang'e-3, Yutu.jpg - p81 ----- */


/* Серая область ---------------------------------------------------------------- */
#p81_modal {
	
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);

	align-items: center;
	justify-content: center;
	
	/*visibility: hidden;*/ /*Устаревший метод скрытия модального блока*/
	/*opacity: 0;*/			/*Устаревший метод скрытия модального блока*/
	
	display: none; /*Новый метод скрытия модального окна*/
	
	overflow-y: auto; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#p81_modal.open {
	/*visibility: visible;*/ /*Устаревший метод открытия модального блока*/
	/*opacity: 1;*/ 		 /*Устаревший метод открытия модального блока*/
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#p81_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#p81_modal_block {

/*	border: 1px solid lime;*/

	position: relative;
	padding: 14px;
	background-color: rgba(0, 0, 0, 0);
	margin: 20px;
	text-align: center;
	color: white;
	font-size: 1.1rem;

	display: flex;
	flex-wrap: wrap; /*Разрешение переноса строки внтури flex контейнера*/

	width: 991px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#p81_krestik {
	
	position: absolute;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: black;
	color: white;
	border: 2px solid white;
	border-radius: 0px; /*Квадрат*/
	/*border-radius: 5px;*/ /*Скругленный квадрат*/
	/*border-radius: 20px;*/ /*Круг*/
	top: 0;
	right: 45px;
	cursor: pointer;
	transition: transform 0.2s;
	
}

#p81_krestik:hover {

	color: #F22318;
	border: 2px solid #F22318;
	transform: scale(1.1);
	transition: transform 0.2s;
	transition: color 0.8s;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 8px;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#p81_levo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p81_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#p81_polotno {

	width: 900px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
	
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

/* ------------------------------------------------------- */


/* Блок верхнего пространства ---------------------------- */

#p81_verhnee_prostranstvo {

/*	border: 1px solid red;*/

	width: 900px;
	height: 49px; /*Расчетная высота блока*/
}

/* -------------------------------------------------------- */


/* Само увеличенное фото ---------------------------------------------------------------*/
#p81_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Блок нижнего пространства ---------------------------- */

#p81_nizhnee_prostranstvo {

/*	border: 1px solid red;*/

	width: 900px;
	height: 49px; /*Расчетная высота блока*/
}

/* -------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#p81_nadpis {

/*	border: 1px solid orange;*/

	width: 905px;
	
	/*padding-left: 40px;*/ /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	/*padding-right: 40px;*/
	
	position: relative;
	bottom: -5px;
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#p81_pravo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p81_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Галерея/Chang'e/Chang'e-3/2. Chang'e-3, Yutu.jpg - p82 ----- */


/* Серая область ---------------------------------------------------------------- */
#p82_modal {
	
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);

	align-items: center;
	justify-content: center;
	
	display: none; /*Новый метод скрытия модального окна*/
	
	overflow-y: auto; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#p82_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#p82_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#p82_modal_block {

/*	border: 1px solid lime;*/

	position: relative;
	padding: 14px;
	background-color: rgba(0, 0, 0, 0);
	margin: 20px;
	text-align: center;
	color: white;
	font-size: 1.1rem;

	display: flex;
	flex-wrap: wrap; /*Разрешение переноса строки внутри flex контейнера*/

	width: 991px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#p82_krestik {
	
	position: absolute;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: black;
	color: white;
	border: 2px solid white;
	border-radius: 0px; /*Квадрат*/
	/*border-radius: 5px;*/ /*Скругленный квадрат*/
	/*border-radius: 20px;*/ /*Круг*/
	top: 0;
	right: 45px;
	cursor: pointer;
	transition: transform 0.2s;
	
}

#p82_krestik:hover {

	color: #F22318;
	border: 2px solid #F22318;
	transform: scale(1.1);
	transition: transform 0.2s;
	transition: color 0.8s;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 8px;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#p82_levo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p82_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#p82_polotno {

	width: 900px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#p82_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#p82_nadpis {

/*	border: 1px solid orange;*/

	width: 905px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#p82_pravo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p82_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Галерея/Chang'e/Chang'e-3/3. Chang'e-3, Yutu.jpg - p83 ----- */


/* Серая область ---------------------------------------------------------------- */
#p83_modal {
	
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);

	align-items: center;
	justify-content: center;
	
	display: none; /*Новый метод скрытия модального окна*/
	
	overflow-y: auto; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#p83_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#p83_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#p83_modal_block {

/*	border: 1px solid lime;*/

	position: relative;
	padding: 14px;
	background-color: rgba(0, 0, 0, 0);
	margin: 20px;
	text-align: center;
	color: white;
	font-size: 1.1rem;

	display: flex;
	flex-wrap: wrap; /*Разрешение переноса строки внутри flex контейнера*/

	width: 991px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#p83_krestik {
	
	position: absolute;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: black;
	color: white;
	border: 2px solid white;
	border-radius: 0px; /*Квадрат*/
	/*border-radius: 5px;*/ /*Скругленный квадрат*/
	/*border-radius: 20px;*/ /*Круг*/
	top: 0;
	right: 45px;
	cursor: pointer;
	transition: transform 0.2s;
	
}

#p83_krestik:hover {

	color: #F22318;
	border: 2px solid #F22318;
	transform: scale(1.1);
	transition: transform 0.2s;
	transition: color 0.8s;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 8px;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#p83_levo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p83_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#p83_polotno {

	width: 900px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#p83_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#p83_nadpis {

/*	border: 1px solid orange;*/

	width: 905px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#p83_pravo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p83_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Галерея/SLIM/1. SLIM. cam5.gif - p84 ----- */


/* Серая область ---------------------------------------------------------------- */
#p84_modal {
	
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);

	align-items: center;
	justify-content: center;
	
	display: none; /*Новый метод скрытия модального окна*/
	
	overflow-y: auto; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#p84_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#p84_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#p84_modal_block {

/*	border: 1px solid lime;*/

	position: relative;
	padding: 14px;
	background-color: rgba(0, 0, 0, 0);
	margin: 20px;
	text-align: center;
	color: white;
	font-size: 1.1rem;

	display: flex;
	flex-wrap: wrap; /*Разрешение переноса строки внутри flex контейнера*/

	width: 991px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#p84_krestik {
	
	position: absolute;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: black;
	color: white;
	border: 2px solid white;
	border-radius: 0px; /*Квадрат*/
	/*border-radius: 5px;*/ /*Скругленный квадрат*/
	/*border-radius: 20px;*/ /*Круг*/
	top: 0;
	right: 45px;
	cursor: pointer;
	transition: transform 0.2s;
	
}

#p84_krestik:hover {

	color: #F22318;
	border: 2px solid #F22318;
	transform: scale(1.1);
	transition: transform 0.2s;
	transition: color 0.8s;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 8px;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#p84_levo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p84_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#p84_polotno {

	width: 900px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#p84_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#p84_nadpis {

/*	border: 1px solid orange;*/

	width: 905px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#p84_pravo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p84_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Галерея/SLIM/2. lev2.jpg - p85 ----- */


/* Серая область ---------------------------------------------------------------- */
#p85_modal {
	
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);

	align-items: center;
	justify-content: center;
	
	display: none; /*Новый метод скрытия модального окна*/
	
	overflow-y: auto; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#p85_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#p85_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#p85_modal_block {

/*	border: 1px solid lime;*/

	position: relative;
	padding: 14px;
	background-color: rgba(0, 0, 0, 0);
	margin: 20px;
	text-align: center;
	color: white;
	font-size: 1.1rem;

	display: flex;
	flex-wrap: wrap; /*Разрешение переноса строки внутри flex контейнера*/

	width: 991px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#p85_krestik {
	
	position: absolute;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: black;
	color: white;
	border: 2px solid white;
	border-radius: 0px; /*Квадрат*/
	/*border-radius: 5px;*/ /*Скругленный квадрат*/
	/*border-radius: 20px;*/ /*Круг*/
	top: 0;
	right: 45px;
	cursor: pointer;
	transition: transform 0.2s;
	
}

#p85_krestik:hover {

	color: #F22318;
	border: 2px solid #F22318;
	transform: scale(1.1);
	transition: transform 0.2s;
	transition: color 0.8s;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 8px;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#p85_levo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p85_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#p85_polotno {

	width: 900px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#p85_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#p85_nadpis {

/*	border: 1px solid orange;*/

	width: 905px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#p85_pravo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p85_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */




















/* ----- МОДАЛЬНОЕ ОКНО - Галерея/Чандраян-3/1. Lunar far side area as imaged from LHDAC (19 august 2023).png - p86 ----- */


/* Серая область ---------------------------------------------------------------- */
#p86_modal {
	
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);

	align-items: center;
	justify-content: center;
	
	display: none; /*Новый метод скрытия модального окна*/
	
	overflow-y: auto; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#p86_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#p86_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#p86_modal_block {

/*	border: 1px solid lime;*/

	position: relative;
	padding: 14px;
	background-color: rgba(0, 0, 0, 0);
	margin: 20px;
	text-align: center;
	color: white;
	font-size: 1.1rem;

	display: flex;
	flex-wrap: wrap; /*Разрешение переноса строки внутри flex контейнера*/

	width: 991px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#p86_krestik {
	
	position: absolute;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: black;
	color: white;
	border: 2px solid white;
	border-radius: 0px; /*Квадрат*/
	/*border-radius: 5px;*/ /*Скругленный квадрат*/
	/*border-radius: 20px;*/ /*Круг*/
	top: 0;
	right: 45px;
	cursor: pointer;
	transition: transform 0.2s;
	
}

#p86_krestik:hover {

	color: #F22318;
	border: 2px solid #F22318;
	transform: scale(1.1);
	transition: transform 0.2s;
	transition: color 0.8s;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 8px;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#p86_levo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p86_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#p86_polotno {

	width: 900px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#p86_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#p86_nadpis {

/*	border: 1px solid orange;*/

	width: 905px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#p86_pravo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p86_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Галерея/Чандраян-3/2. Lunar far side area, Belʹkovich crater, LHDAC (19 august 2023).png - p87 ----- */


/* Серая область ---------------------------------------------------------------- */
#p87_modal {
	
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);

	align-items: center;
	justify-content: center;
	
	display: none; /*Новый метод скрытия модального окна*/
	
	overflow-y: auto; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#p87_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#p87_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#p87_modal_block {

/*	border: 1px solid lime;*/

	position: relative;
	padding: 14px;
	background-color: rgba(0, 0, 0, 0);
	margin: 20px;
	text-align: center;
	color: white;
	font-size: 1.1rem;

	display: flex;
	flex-wrap: wrap; /*Разрешение переноса строки внутри flex контейнера*/

	width: 991px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#p87_krestik {
	
	position: absolute;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: black;
	color: white;
	border: 2px solid white;
	border-radius: 0px; /*Квадрат*/
	/*border-radius: 5px;*/ /*Скругленный квадрат*/
	/*border-radius: 20px;*/ /*Круг*/
	top: 0;
	right: 45px;
	cursor: pointer;
	transition: transform 0.2s;
	
}

#p87_krestik:hover {

	color: #F22318;
	border: 2px solid #F22318;
	transform: scale(1.1);
	transition: transform 0.2s;
	transition: color 0.8s;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 8px;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#p87_levo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p87_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#p87_polotno {

	width: 900px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#p87_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#p87_nadpis {

/*	border: 1px solid orange;*/

	width: 905px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#p87_pravo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p87_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Галерея/Чандраян-3/3. Lunar far side area, Mare Humboldtianum. Chandrayaan-3 (19 aug 2023).png - p88 ----- */


/* Серая область ---------------------------------------------------------------- */
#p88_modal {
	
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);

	align-items: center;
	justify-content: center;
	
	display: none; /*Новый метод скрытия модального окна*/
	
	overflow-y: auto; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#p88_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#p88_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#p88_modal_block {

/*	border: 1px solid lime;*/

	position: relative;
	padding: 14px;
	background-color: rgba(0, 0, 0, 0);
	margin: 20px;
	text-align: center;
	color: white;
	font-size: 1.1rem;

	display: flex;
	flex-wrap: wrap; /*Разрешение переноса строки внутри flex контейнера*/

	width: 991px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#p88_krestik {
	
	position: absolute;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: black;
	color: white;
	border: 2px solid white;
	border-radius: 0px; /*Квадрат*/
	/*border-radius: 5px;*/ /*Скругленный квадрат*/
	/*border-radius: 20px;*/ /*Круг*/
	top: 0;
	right: 45px;
	cursor: pointer;
	transition: transform 0.2s;
	
}

#p88_krestik:hover {

	color: #F22318;
	border: 2px solid #F22318;
	transform: scale(1.1);
	transition: transform 0.2s;
	transition: color 0.8s;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 8px;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#p88_levo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p88_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#p88_polotno {

	width: 900px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#p88_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#p88_nadpis {

/*	border: 1px solid orange;*/

	width: 905px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#p88_pravo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p88_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Галерея/Чандраян-3/4. Lunar far side area, crater Boss, Chandrayaan-3 (19 aug 2023).png - p89 ----- */


/* Серая область ---------------------------------------------------------------- */
#p89_modal {
	
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);

	align-items: center;
	justify-content: center;
	
	display: none; /*Новый метод скрытия модального окна*/
	
	overflow-y: auto; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#p89_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#p89_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#p89_modal_block {

/*	border: 1px solid lime;*/

	position: relative;
	padding: 14px;
	background-color: rgba(0, 0, 0, 0);
	margin: 20px;
	text-align: center;
	color: white;
	font-size: 1.1rem;

	display: flex;
	flex-wrap: wrap; /*Разрешение переноса строки внутри flex контейнера*/

	width: 991px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#p89_krestik {
	
	position: absolute;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: black;
	color: white;
	border: 2px solid white;
	border-radius: 0px; /*Квадрат*/
	/*border-radius: 5px;*/ /*Скругленный квадрат*/
	/*border-radius: 20px;*/ /*Круг*/
	top: 0;
	right: 45px;
	cursor: pointer;
	transition: transform 0.2s;
	
}

#p89_krestik:hover {

	color: #F22318;
	border: 2px solid #F22318;
	transform: scale(1.1);
	transition: transform 0.2s;
	transition: color 0.8s;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 8px;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#p89_levo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p89_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#p89_polotno {

	width: 900px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#p89_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#p89_nadpis {

/*	border: 1px solid orange;*/

	width: 905px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#p89_pravo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p89_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Галерея/Чандраян-3/5. Chandrayaan-3.png" width="" height="234px" class="cursor_pointer - p90 ----- */


/* Серая область ---------------------------------------------------------------- */
#p90_modal {
	
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);

	align-items: center;
	justify-content: center;
	
	display: none; /*Новый метод скрытия модального окна*/
	
	overflow-y: auto; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#p90_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#p90_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#p90_modal_block {

/*	border: 1px solid lime;*/

	position: relative;
	padding: 14px;
	background-color: rgba(0, 0, 0, 0);
	margin: 20px;
	text-align: center;
	color: white;
	font-size: 1.1rem;

	display: flex;
	flex-wrap: wrap; /*Разрешение переноса строки внутри flex контейнера*/

	width: 991px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#p90_krestik {
	
	position: absolute;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: black;
	color: white;
	border: 2px solid white;
	border-radius: 0px; /*Квадрат*/
	/*border-radius: 5px;*/ /*Скругленный квадрат*/
	/*border-radius: 20px;*/ /*Круг*/
	top: 0;
	right: 45px;
	cursor: pointer;
	transition: transform 0.2s;
	
}

#p90_krestik:hover {

	color: #F22318;
	border: 2px solid #F22318;
	transform: scale(1.1);
	transition: transform 0.2s;
	transition: color 0.8s;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 8px;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#p90_levo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p90_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#p90_polotno {

	width: 900px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#p90_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#p90_nadpis {

/*	border: 1px solid orange;*/

	width: 905px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#p90_pravo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p90_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Галерея/Чандраян-3/6. Chandrayaan-3 Rover.png - p91 ----- */


/* Серая область ---------------------------------------------------------------- */
#p91_modal {
	
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);

	align-items: center;
	justify-content: center;
	
	display: none; /*Новый метод скрытия модального окна*/
	
	overflow-y: auto; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#p91_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#p91_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#p91_modal_block {

/*	border: 1px solid lime;*/

	position: relative;
	padding: 14px;
	background-color: rgba(0, 0, 0, 0);
	margin: 20px;
	text-align: center;
	color: white;
	font-size: 1.1rem;

	display: flex;
	flex-wrap: wrap; /*Разрешение переноса строки внутри flex контейнера*/

	width: 991px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#p91_krestik {
	
	position: absolute;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: black;
	color: white;
	border: 2px solid white;
	border-radius: 0px; /*Квадрат*/
	/*border-radius: 5px;*/ /*Скругленный квадрат*/
	/*border-radius: 20px;*/ /*Круг*/
	top: 0;
	right: 45px;
	cursor: pointer;
	transition: transform 0.2s;
	
}

#p91_krestik:hover {

	color: #F22318;
	border: 2px solid #F22318;
	transform: scale(1.1);
	transition: transform 0.2s;
	transition: color 0.8s;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 8px;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#p91_levo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p91_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#p91_polotno {

	width: 900px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#p91_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#p91_nadpis {

/*	border: 1px solid orange;*/

	width: 905px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#p91_pravo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p91_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Галерея/Чандраян-3/7. Chandrayaan-3 Rover departure.png - p92 ----- */


/* Серая область ---------------------------------------------------------------- */
#p92_modal {
	
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);

	align-items: center;
	justify-content: center;
	
	display: none; /*Новый метод скрытия модального окна*/
	
	overflow-y: auto; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#p92_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#p92_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#p92_modal_block {

/*	border: 1px solid lime;*/

	position: relative;
	padding: 14px;
	background-color: rgba(0, 0, 0, 0);
	margin: 20px;
	text-align: center;
	color: white;
	font-size: 1.1rem;

	display: flex;
	flex-wrap: wrap; /*Разрешение переноса строки внутри flex контейнера*/

	width: 991px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#p92_krestik {
	
	position: absolute;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: black;
	color: white;
	border: 2px solid white;
	border-radius: 0px; /*Квадрат*/
	/*border-radius: 5px;*/ /*Скругленный квадрат*/
	/*border-radius: 20px;*/ /*Круг*/
	top: 0;
	right: 45px;
	cursor: pointer;
	transition: transform 0.2s;
	
}

#p92_krestik:hover {

	color: #F22318;
	border: 2px solid #F22318;
	transform: scale(1.1);
	transition: transform 0.2s;
	transition: color 0.8s;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 8px;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#p92_levo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p92_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#p92_polotno {

	width: 900px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#p92_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#p92_nadpis {

/*	border: 1px solid orange;*/

	width: 905px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#p92_pravo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p92_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Галерея/Чандраян-3/8. The path retraced by the Chandrayaan-3 Rover (27 august 2023).png - p93 ----- */


/* Серая область ---------------------------------------------------------------- */
#p93_modal {
	
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);

	align-items: center;
	justify-content: center;
	
	display: none; /*Новый метод скрытия модального окна*/
	
	overflow-y: auto; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#p93_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#p93_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#p93_modal_block {

/*	border: 1px solid lime;*/

	position: relative;
	padding: 14px;
	background-color: rgba(0, 0, 0, 0);
	margin: 20px;
	text-align: center;
	color: white;
	font-size: 1.1rem;

	display: flex;
	flex-wrap: wrap; /*Разрешение переноса строки внутри flex контейнера*/

	width: 991px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#p93_krestik {
	
	position: absolute;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: black;
	color: white;
	border: 2px solid white;
	border-radius: 0px; /*Квадрат*/
	/*border-radius: 5px;*/ /*Скругленный квадрат*/
	/*border-radius: 20px;*/ /*Круг*/
	top: 0;
	right: 45px;
	cursor: pointer;
	transition: transform 0.2s;
	
}

#p93_krestik:hover {

	color: #F22318;
	border: 2px solid #F22318;
	transform: scale(1.1);
	transition: transform 0.2s;
	transition: color 0.8s;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 8px;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#p93_levo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p93_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#p93_polotno {

	width: 900px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#p93_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#p93_nadpis {

/*	border: 1px solid orange;*/

	width: 905px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#p93_pravo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p93_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Галерея/Чандраян-3/9. Chandrayaan-3 (27 august 2023).png - p94 ----- */


/* Серая область ---------------------------------------------------------------- */
#p94_modal {
	
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);

	align-items: center;
	justify-content: center;
	
	display: none; /*Новый метод скрытия модального окна*/
	
	overflow-y: auto; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#p94_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#p94_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#p94_modal_block {

/*	border: 1px solid lime;*/

	position: relative;
	padding: 14px;
	background-color: rgba(0, 0, 0, 0);
	margin: 20px;
	text-align: center;
	color: white;
	font-size: 1.1rem;

	display: flex;
	flex-wrap: wrap; /*Разрешение переноса строки внутри flex контейнера*/

	width: 991px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#p94_krestik {
	
	position: absolute;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: black;
	color: white;
	border: 2px solid white;
	border-radius: 0px; /*Квадрат*/
	/*border-radius: 5px;*/ /*Скругленный квадрат*/
	/*border-radius: 20px;*/ /*Круг*/
	top: 0;
	right: 45px;
	cursor: pointer;
	transition: transform 0.2s;
	
}

#p94_krestik:hover {

	color: #F22318;
	border: 2px solid #F22318;
	transform: scale(1.1);
	transition: transform 0.2s;
	transition: color 0.8s;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 8px;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#p94_levo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p94_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#p94_polotno {

	width: 900px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#p94_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#p94_nadpis {

/*	border: 1px solid orange;*/

	width: 905px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#p94_pravo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p94_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Галерея/LRO/Gruithuisen K, Collapsed Lava Tube.png - p95 ----- */


/* Серая область ---------------------------------------------------------------- */
#p95_modal {
	
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);

	align-items: center;
	justify-content: center;
	
	display: none; /*Новый метод скрытия модального окна*/
	
	overflow-y: auto; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#p95_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#p95_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#p95_modal_block {

/*	border: 1px solid lime;*/

	position: relative;
	padding: 14px;
	background-color: rgba(0, 0, 0, 0);
	margin: 20px;
	text-align: center;
	color: white;
	font-size: 1.1rem;

	display: flex;
	flex-wrap: wrap; /*Разрешение переноса строки внутри flex контейнера*/

	width: 991px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#p95_krestik {
	
	position: absolute;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: black;
	color: white;
	border: 2px solid white;
	border-radius: 0px; /*Квадрат*/
	/*border-radius: 5px;*/ /*Скругленный квадрат*/
	/*border-radius: 20px;*/ /*Круг*/
	top: 0;
	right: 45px;
	cursor: pointer;
	transition: transform 0.2s;
	
}

#p95_krestik:hover {

	color: #F22318;
	border: 2px solid #F22318;
	transform: scale(1.1);
	transition: transform 0.2s;
	transition: color 0.8s;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 8px;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#p95_levo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p95_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#p95_polotno {

	width: 900px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#p95_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#p95_nadpis {

/*	border: 1px solid orange;*/

	width: 905px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
	text-align: justify;
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#p95_pravo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p95_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Галерея/Danuri/1.Danuri - Reiner Gamma.png - p96 ----- */


/* Серая область ---------------------------------------------------------------- */
#p96_modal {
	
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);

	align-items: center;
	justify-content: center;
	
	display: none; /*Новый метод скрытия модального окна*/
	
	overflow-y: auto; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#p96_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#p96_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#p96_modal_block {

/*	border: 1px solid lime;*/

	position: relative;
	padding: 14px;
	background-color: rgba(0, 0, 0, 0);
	margin: 20px;
	text-align: center;
	color: white;
	font-size: 1.1rem;

	display: flex;
	flex-wrap: wrap; /*Разрешение переноса строки внутри flex контейнера*/

	width: 991px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#p96_krestik {
	
	position: absolute;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: black;
	color: white;
	border: 2px solid white;
	border-radius: 0px; /*Квадрат*/
	/*border-radius: 5px;*/ /*Скругленный квадрат*/
	/*border-radius: 20px;*/ /*Круг*/
	top: 0;
	right: 45px;
	cursor: pointer;
	transition: transform 0.2s;
	
}

#p96_krestik:hover {

	color: #F22318;
	border: 2px solid #F22318;
	transform: scale(1.1);
	transition: transform 0.2s;
	transition: color 0.8s;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 8px;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#p96_levo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p96_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#p96_polotno {

	width: 900px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#p96_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#p96_nadpis {

/*	border: 1px solid orange;*/

	width: 905px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#p96_pravo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p96_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Галерея/Danuri/2. Danuri - Zoomed-in view of the Oceanus Procellarum region.png - p97 ----- */


/* Серая область ---------------------------------------------------------------- */
#p97_modal {
	
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);

	align-items: center;
	justify-content: center;
	
	/*visibility: hidden;*/ /*Устаревший метод скрытия модального блока*/
	/*opacity: 0;*/			/*Устаревший метод скрытия модального блока*/
	
	display: none; /*Новый метод скрытия модального окна*/
	
	overflow-y: auto; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#p97_modal.open {
	/*visibility: visible;*/ /*Устаревший метод открытия модального блока*/
	/*opacity: 1;*/ 		 /*Устаревший метод открытия модального блока*/
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#p97_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#p97_modal_block {

/*	border: 1px solid lime;*/

	position: relative;
	padding: 14px;
	background-color: rgba(0, 0, 0, 0);
	margin: 20px;
	text-align: center;
	color: white;
	font-size: 1.1rem;

	display: flex;
	flex-wrap: wrap; /*Разрешение переноса строки внтури flex контейнера*/

	width: 991px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#p97_krestik {
	
	position: absolute;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: black;
	color: white;
	border: 2px solid white;
	border-radius: 0px; /*Квадрат*/
	/*border-radius: 5px;*/ /*Скругленный квадрат*/
	/*border-radius: 20px;*/ /*Круг*/
	top: 0;
	right: 45px;
	cursor: pointer;
	transition: transform 0.2s;
	
}

#p97_krestik:hover {

	color: #F22318;
	border: 2px solid #F22318;
	transform: scale(1.1);
	transition: transform 0.2s;
	transition: color 0.8s;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 8px;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#p97_levo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p97_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#p97_polotno {

	width: 900px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
	
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

/* ------------------------------------------------------- */


/* Блок верхнего пространства ---------------------------- */

#p97_verhnee_prostranstvo {

/*	border: 1px solid red;*/

	width: 900px;
	height: 26px; /*Расчетная высота блока*/
}

/* -------------------------------------------------------- */


/* Само увеличенное фото ---------------------------------------------------------------*/
#p97_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Блок нижнего пространства ---------------------------- */

#p97_nizhnee_prostranstvo {

/*	border: 1px solid red;*/

	width: 900px;
	height: 26px; /*Расчетная высота блока*/
}

/* -------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#p97_nadpis {

/*	border: 1px solid orange;*/

	width: 905px;
	
	/*padding-left: 40px;*/ /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	/*padding-right: 40px;*/
	
	position: relative;
	bottom: -5px;
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#p97_pravo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p97_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Галерея/Smart-1/1. Hadley_Rille_on_the_Moon_seen_by_SMART-1_pillars.jpg - p98 ----- */


/* Серая область ---------------------------------------------------------------- */
#p98_modal {
	
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);

	align-items: center;
	justify-content: center;
	
	display: none; /*Новый метод скрытия модального окна*/
	
	overflow-y: auto; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#p98_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#p98_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#p98_modal_block {

/*	border: 1px solid lime;*/

	position: relative;
	padding: 14px;
	background-color: rgba(0, 0, 0, 0);
	margin: 20px;
	text-align: center;
	color: white;
	font-size: 1.1rem;

	display: flex;
	flex-wrap: wrap; /*Разрешение переноса строки внутри flex контейнера*/

	width: 991px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#p98_krestik {
	
	position: absolute;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: black;
	color: white;
	border: 2px solid white;
	border-radius: 0px; /*Квадрат*/
	/*border-radius: 5px;*/ /*Скругленный квадрат*/
	/*border-radius: 20px;*/ /*Круг*/
	top: 0;
	right: 45px;
	cursor: pointer;
	transition: transform 0.2s;
	
}

#p98_krestik:hover {

	color: #F22318;
	border: 2px solid #F22318;
	transform: scale(1.1);
	transition: transform 0.2s;
	transition: color 0.8s;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 8px;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#p98_levo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p98_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#p98_polotno {

	width: 900px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#p98_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#p98_nadpis {

/*	border: 1px solid orange;*/

	width: 905px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#p98_pravo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p98_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Галерея/Smart-1/2. SMART-1_views_a_cluster_of_the_Moon_s_craters_pillars.jpg - p99 ----- */


/* Серая область ---------------------------------------------------------------- */
#p99_modal {
	
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);

	align-items: center;
	justify-content: center;
	
	display: none; /*Новый метод скрытия модального окна*/
	
	overflow-y: auto; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#p99_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#p99_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#p99_modal_block {

/*	border: 1px solid lime;*/

	position: relative;
	padding: 14px;
	background-color: rgba(0, 0, 0, 0);
	margin: 20px;
	text-align: center;
	color: white;
	font-size: 1.1rem;

	display: flex;
	flex-wrap: wrap; /*Разрешение переноса строки внутри flex контейнера*/

	width: 991px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#p99_krestik {
	
	position: absolute;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: black;
	color: white;
	border: 2px solid white;
	border-radius: 0px; /*Квадрат*/
	/*border-radius: 5px;*/ /*Скругленный квадрат*/
	/*border-radius: 20px;*/ /*Круг*/
	top: 0;
	right: 45px;
	cursor: pointer;
	transition: transform 0.2s;
	
}

#p99_krestik:hover {

	color: #F22318;
	border: 2px solid #F22318;
	transform: scale(1.1);
	transition: transform 0.2s;
	transition: color 0.8s;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 8px;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#p99_levo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p99_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#p99_polotno {

	width: 900px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#p99_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#p99_nadpis {

/*	border: 1px solid orange;*/

	width: 905px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
	text-align: justify;
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#p99_pravo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p99_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Галерея/Smart-1/3. SMART-1_view_of_Shackleton_crater_at_lunar_South_Pole_pillars.jpg - p100 ----- */


/* Серая область ---------------------------------------------------------------- */
#p100_modal {
	
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);

	align-items: center;
	justify-content: center;
	
	display: none; /*Новый метод скрытия модального окна*/
	
	overflow-y: auto; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#p100_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#p100_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#p100_modal_block {

/*	border: 1px solid lime;*/

	position: relative;
	padding: 14px;
	background-color: rgba(0, 0, 0, 0);
	margin: 20px;
	text-align: center;
	color: white;
	font-size: 1.1rem;

	display: flex;
	flex-wrap: wrap; /*Разрешение переноса строки внутри flex контейнера*/

	width: 991px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#p100_krestik {
	
	position: absolute;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: black;
	color: white;
	border: 2px solid white;
	border-radius: 0px; /*Квадрат*/
	/*border-radius: 5px;*/ /*Скругленный квадрат*/
	/*border-radius: 20px;*/ /*Круг*/
	top: 0;
	right: 45px;
	cursor: pointer;
	transition: transform 0.2s;
	
}

#p100_krestik:hover {

	color: #F22318;
	border: 2px solid #F22318;
	transform: scale(1.1);
	transition: transform 0.2s;
	transition: color 0.8s;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 8px;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#p100_levo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p100_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#p100_polotno {

	width: 900px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#p100_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#p100_nadpis {

/*	border: 1px solid orange;*/

	width: 905px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#p100_pravo {
	
/*	border: 1px solid blue;*/

	width: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: rgba(255, 255, 255, 0.5);
	background-color: rgba(169, 169, 169, 0.1);

	cursor: pointer;
	
	user-select: none; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#p100_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */





























/* БОКОВАЯ ПАНЕЛЬ и все что сней связано */

	/* Пробел (перенос строки) -------------- */
.break {

/*	border: 1px solid green;*/

	width: 15vw;
	height: 20px;
}


	/* Сама боковая панель ***************************** */
#bokovaya_panel {

	/*border: 1px solid red;*/

	border-left: 2px solid white;

	width: 15vw;	
	height: 100vh;

	position: fixed;
	right: 0;
	top: 0;

	display: none;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;

	z-index: 2;

	overflow-y: scroll;

	background-color: rgba(0, 0, 0, 0.8);

	text-align: center;
}

#bokovaya_panel.open {

	display: flex;
}

	/* **************************** */
	

















	/* _ид_bokovoe_photo - поставь полное ид бокового фото */
	/* Боковые фото - прозрачные бордеры и белая рамка ------------------------- */
	
/* №1 */
#Luna_png_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#Luna_png_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №2 */
#p2_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#p2_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №3 */
#p3_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#p3_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №4 */
#p4_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#p4_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №5 */
#p5_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#p5_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №6 */
#p6_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#p6_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №7 */
#p7_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#p7_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №8 */
#p8_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#p8_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №9 */
#p9_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#p9_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №10 */
#p10_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#p10_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}





/* №11 */
#p11_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#p11_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №12 */
#p12_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#p12_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №13 */
#p13_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#p13_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №14 */
#p14_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#p14_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №15 */
#p15_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#p15_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №16 */
#p16_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#p16_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №17 */
#p17_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#p17_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №18 */
#p18_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#p18_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №19 */
#p19_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#p19_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №20 */
#p20_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#p20_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}





/* №21 */
#p21_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#p21_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №22 */
#p22_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#p22_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №23 */
#p23_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#p23_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №24 */
#p24_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#p24_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №25 */
#p25_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#p25_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №26 */
#p26_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#p26_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №27 */
#p27_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#p27_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №28 */
#p28_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#p28_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №29 */
#p29_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#p29_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}





/* №30 */
#p30_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#p30_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №31 */
#p31_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#p31_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №32 */
#p32_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#p32_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №33 */
#p33_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#p33_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №34 */
#p34_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#p34_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №35 */
#p35_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#p35_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №36 */
#p36_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#p36_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №37 */
#p37_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#p37_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №38 */
#p38_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#p38_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №39 */
#p39_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#p39_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №40 */
#p40_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#p40_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}





/* №41 */
#p41_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#p41_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №42 */
#p42_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#p42_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №43 */
#p43_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#p43_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №44 */
#p44_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#p44_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №45 */
#p45_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#p45_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №46 */
#p46_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#p46_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №47 */
#p47_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#p47_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №48 */
#p48_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#p48_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №49 */
#p49_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#p49_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №50 */
#p50_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#p50_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}





/* №51 */
#p51_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#p51_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №52 */
#p52_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#p52_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №53 */
#p53_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#p53_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №54 */
#p54_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#p54_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №55 */
#p55_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#p55_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №56 */
#p56_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#p56_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №57 */
#p57_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#p57_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №ap1 - добавлено было позже, когда были сделаны 100 фото */
#ap1_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#ap1_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №58 */
#p58_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#p58_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №59 */
#p59_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#p59_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №60 */
#p60_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#p60_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}





/* №61 */
#p61_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#p61_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №62 */
#p62_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#p62_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №63 */
#p63_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#p63_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №64 */
#p64_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#p64_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №65 */
#p65_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#p65_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №66 */
#p66_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#p66_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №67 */
#p67_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#p67_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №68 */
#p68_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#p68_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №69 */
#p69_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#p69_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №70 */
#p70_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#p70_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}





/* №71 */
#p71_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#p71_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №72 */
#p72_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#p72_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №73 */
#p73_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#p73_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №74 */
#p74_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#p74_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №75 */
#p75_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#p75_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №76 */
#p76_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#p76_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №77 */
#p77_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#p77_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №78 */
#p78_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#p78_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №79 */
#p79_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#p79_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}





/* №80 */
#p80_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#p80_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №81 */
#p81_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#p81_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №82 */
#p82_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#p82_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №83 */
#p83_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#p83_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №84 */
#p84_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#p84_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №85 */
#p85_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#p85_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №86 */
#p86_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#p86_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №87 */
#p87_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#p87_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №88 */
#p88_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#p88_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №89 */
#p89_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#p89_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №90 */
#p90_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#p90_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}





/* №91 */
#p91_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#p91_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №92 */
#p92_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#p92_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №93 */
#p93_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#p93_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №94 */
#p94_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#p94_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №95 */
#p95_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#p95_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №96 */
#p96_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#p96_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №97 */
#p97_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#p97_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №98 */
#p98_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#p98_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №99 */
#p99_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#p99_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №100 */
#p100_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#p100_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


	/* ---------------------------------------- */

















	/* Боковые фото - наводка */

/* №1 */
#Luna_png_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №2 */
#p2_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №3 */
#p3_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №4 */
#p4_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №5 */
#p5_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №6 */
#p6_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №7 */
#p7_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №8 */
#p8_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №9 */
#p9_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №10 */
#p10_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}





/* №11 */
#p11_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №12 */
#p12_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №13 */
#p13_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №14 */
#p14_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №15 */
#p15_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №16 */
#p16_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №17 */
#p17_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №18 */
#p18_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №19 */
#p19_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №20 */
#p20_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}





/* Боковые фото - наводка */
/* №21 */
#p21_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №22 */
#p22_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №23 */
#p23_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №24 */
#p24_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №25 */
#p25_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №26 */
#p26_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №27 */
#p27_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №28 */
#p28_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №29 */
#p29_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}





/* №30 */
#p30_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №31 */
#p31_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №32 */
#p32_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №33 */
#p33_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №34 */
#p34_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №35 */
#p35_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №36 */
#p36_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №37 */
#p37_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №38 */
#p38_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №39 */
#p39_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №40 */
#p40_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}





/* №41 */
#p41_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №42 */
#p42_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №43 */
#p43_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №44 */
#p44_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №45 */
#p45_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №46 */
#p46_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №47 */
#p47_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №48 */
#p48_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №49 */
#p49_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №50 */
#p50_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}
	




/* №51 */
#p51_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №52 */
#p52_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №53 */
#p53_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №54 */
#p54_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №55 */
#p55_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №56 */
#p56_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №57 */
#p57_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №ap1 - добавлено было позже, когда были сделаны 100 фото */
#ap1_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №58 */
#p58_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №59 */
#p59_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №60 */
#p60_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}





/* №61 */
#p61_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №62 */
#p62_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №63 */
#p63_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №64 */
#p64_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №65 */
#p65_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №66 */
#p66_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №67 */
#p67_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №68 */
#p68_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №69 */
#p69_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №70 */
#p70_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}





/* Боковые фото - наводка */
/* №71 */
#p71_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №72 */
#p72_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №73 */
#p73_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №74 */
#p74_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №75 */
#p75_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №76 */
#p76_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №77 */
#p77_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №78 */
#p78_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №79 */
#p79_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}





/* №80 */
#p80_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №81 */
#p81_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №82 */
#p82_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №83 */
#p83_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №84 */
#p84_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №85 */
#p85_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №86 */
#p86_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №87 */
#p87_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №88 */
#p88_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №89 */
#p89_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №90 */
#p90_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}





/* №91 */
#p91_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №92 */
#p92_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №93 */
#p93_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №94 */
#p94_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №95 */
#p95_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №96 */
#p96_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №97 */
#p97_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №98 */
#p98_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №99 */
#p99_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №100 */
#p100_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}
	/* ---------------------------------------- */