body.overflow_off {

	overflow-y: hidden;
}




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;
}

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;
}

.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;
}



/* "Двойная ячейка" - "Земля --> Луна" */

#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_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;*/
}






.red_line {
	text-decoration-color: red;
}

/* Две черты. Двойное подчеркивание. */
.double_line {
	border-bottom:3px double; 
}

.cursor_pointer {

	cursor: pointer;
}
















											/*	!!!!!!!!		МОДАЛЬНЫЕ ОКНА		!!!!!!!		*/


/* ----- МОДАЛЬНОЕ ОКНО - Земля ----- */


/* Серая область ---------------------------------------------------------------- */
#Earth_jpg_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; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#Earth_jpg_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#Earth_jpg_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#Earth_jpg_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: 891px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#Earth_jpg_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;
	
}

#Earth_jpg_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;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#Earth_jpg_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; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#Earth_jpg_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#Earth_jpg_polotno {

	width: 800px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#Earth_jpg_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#Earth_jpg_nadpis {

/*	border: 1px solid orange;*/

	width: 805px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#Earth_jpg_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; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#Earth_jpg_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Atmosphera_jpg ----- */


/* Серая область ---------------------------------------------------------------- */
#Atmosphera_jpg_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; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#Atmosphera_jpg_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#Atmosphera_jpg_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#Atmosphera_jpg_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: 891px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#Atmosphera_jpg_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;
	
}

#Atmosphera_jpg_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;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#Atmosphera_jpg_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; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#Atmosphera_jpg_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#Atmosphera_jpg_polotno {

	width: 800px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#Atmosphera_jpg_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#Atmosphera_jpg_nadpis {

/*	border: 1px solid orange;*/

	width: 805px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#Atmosphera_jpg_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; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#Atmosphera_jpg_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Klimat_Zemli_jpg ----- */


/* Серая область ---------------------------------------------------------------- */
#Klimat_Zemli_jpg_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; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#Klimat_Zemli_jpg_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#Klimat_Zemli_jpg_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#Klimat_Zemli_jpg_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: 891px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#Klimat_Zemli_jpg_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;
	
}

#Klimat_Zemli_jpg_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;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#Klimat_Zemli_jpg_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; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#Klimat_Zemli_jpg_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#Klimat_Zemli_jpg_polotno {

	width: 800px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#Klimat_Zemli_jpg_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#Klimat_Zemli_jpg_nadpis {

/*	border: 1px solid orange;*/

	width: 805px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#Klimat_Zemli_jpg_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; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#Klimat_Zemli_jpg_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - ao_jpg ----- */


/* Серая область ---------------------------------------------------------------- */
#ao_jpg_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; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#ao_jpg_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#ao_jpg_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#ao_jpg_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: 891px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#ao_jpg_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;
	
}

#ao_jpg_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;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#ao_jpg_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; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#ao_jpg_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#ao_jpg_polotno {

	width: 800px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#ao_jpg_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#ao_jpg_nadpis {

/*	border: 1px solid orange;*/

	width: 805px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#ao_jpg_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; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#ao_jpg_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Индийский океан.jpg ----- */


/* Серая область ---------------------------------------------------------------- */
#io_jpg_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; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#io_jpg_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#io_jpg_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#io_jpg_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: 891px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#io_jpg_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;
	
}

#io_jpg_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;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#io_jpg_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; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#io_jpg_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#io_jpg_polotno {

	width: 800px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#io_jpg_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#io_jpg_nadpis {

/*	border: 1px solid orange;*/

	width: 805px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#io_jpg_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; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#io_jpg_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Северный Ледовитый океан.jpg ----- */


/* Серая область ---------------------------------------------------------------- */
#slo_jpg_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; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#slo_jpg_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#slo_jpg_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#slo_jpg_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: 891px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#slo_jpg_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;
	
}

#slo_jpg_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;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#slo_jpg_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; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#slo_jpg_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#slo_jpg_polotno {

	width: 800px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#slo_jpg_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#slo_jpg_nadpis {

/*	border: 1px solid orange;*/

	width: 805px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#slo_jpg_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; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#slo_jpg_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Тихий океан.jpg ----- */


/* Серая область ---------------------------------------------------------------- */
#to_jpg_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; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#to_jpg_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#to_jpg_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#to_jpg_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: 891px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#to_jpg_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;
	
}

#to_jpg_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;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#to_jpg_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; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#to_jpg_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#to_jpg_polotno {

	width: 800px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#to_jpg_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#to_jpg_nadpis {

/*	border: 1px solid orange;*/

	width: 805px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#to_jpg_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; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#to_jpg_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Южный океан.jpg ----- */


/* Серая область ---------------------------------------------------------------- */
#youo_jpg_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; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#youo_jpg_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#youo_jpg_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#youo_jpg_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: 891px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#youo_jpg_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;
	
}

#youo_jpg_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;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#youo_jpg_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; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#youo_jpg_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#youo_jpg_polotno {

	width: 800px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#youo_jpg_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#youo_jpg_nadpis {

/*	border: 1px solid orange;*/

	width: 805px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#youo_jpg_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; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#youo_jpg_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Река - авторское фото.jpg ----- */


/* Серая область ---------------------------------------------------------------- */
#reka_af_jpg_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; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#reka_af_jpg_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#reka_af_jpg_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#reka_af_jpg_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: 891px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#reka_af_jpg_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;
	
}

#reka_af_jpg_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;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#reka_af_jpg_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; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#reka_af_jpg_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#reka_af_jpg_polotno {

	width: 800px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#reka_af_jpg_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#reka_af_jpg_nadpis {

/*	border: 1px solid orange;*/

	width: 805px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#reka_af_jpg_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; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#reka_af_jpg_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Магнитное поле Земли.jpg ----- */


/* Серая область ---------------------------------------------------------------- */
#mpz_jpg_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; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#mpz_jpg_modal.open {
	/*visibility: visible;*/ /*Устаревший метод открытия модального блока*/
	/*opacity: 1;*/ 		 /*Устаревший метод открытия модального блока*/
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#mpz_jpg_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#mpz_jpg_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: 891px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#mpz_jpg_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;
	
}

#mpz_jpg_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;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#mpz_jpg_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; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#mpz_jpg_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#mpz_jpg_polotno {

	width: 800px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
	
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

/* ------------------------------------------------------- */


/* Блок верхнего пространства ---------------------------- */

#mpz_jpg_verhnee_prostranstvo {

/*	border: 1px solid red;*/

	width: 800px;
	height: 26px; /*Расчетная высота блока*/
}

/* -------------------------------------------------------- */


/* Само увеличенное фото ---------------------------------------------------------------*/
#mpz_jpg_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Блок нижнего пространства ---------------------------- */

#mpz_jpg_nizhnee_prostranstvo {

/*	border: 1px solid red;*/

	width: 800px;
	height: 26px; /*Расчетная высота блока*/
}

/* -------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#mpz_jpg_nadpis {

/*	border: 1px solid orange;*/

	width: 805px;
	
	/*padding-left: 40px;*/ /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	/*padding-right: 40px;*/
	
	position: relative;
	bottom: -5px;
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#mpz_jpg_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; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#mpz_jpg_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Магнитное поле внутри Земли.jpg ----- */


/* Серая область ---------------------------------------------------------------- */
#mpvz_jpg_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; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#mpvz_jpg_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#mpvz_jpg_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#mpvz_jpg_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: 891px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#mpvz_jpg_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;
	
}

#mpvz_jpg_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;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#mpvz_jpg_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; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#mpvz_jpg_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#mpvz_jpg_polotno {

	width: 800px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#mpvz_jpg_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#mpvz_jpg_nadpis {

/*	border: 1px solid orange;*/

	width: 805px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#mpvz_jpg_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; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#mpvz_jpg_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Внутреннее строение Земли.jpg ----- */


/* Серая область ---------------------------------------------------------------- */
#vsz_jpg_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; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#vsz_jpg_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#vsz_jpg_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#vsz_jpg_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: 891px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#vsz_jpg_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;
	
}

#vsz_jpg_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;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#vsz_jpg_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; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#vsz_jpg_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#vsz_jpg_polotno {

	width: 800px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#vsz_jpg_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#vsz_jpg_nadpis {

/*	border: 1px solid orange;*/

	width: 805px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#vsz_jpg_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; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#vsz_jpg_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Дрейф континентов.jpg ----- */


/* Серая область ---------------------------------------------------------------- */
#dk_jpg_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; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#dk_jpg_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#dk_jpg_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#dk_jpg_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: 891px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#dk_jpg_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;
	
}

#dk_jpg_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;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#dk_jpg_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; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#dk_jpg_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#dk_jpg_polotno {

	width: 800px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#dk_jpg_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#dk_jpg_nadpis {

/*	border: 1px solid orange;*/

	width: 805px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#dk_jpg_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; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#dk_jpg_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */

















					/* Природа земли - 11 шт */


/* ----- МОДАЛЬНОЕ ОКНО - Природа Земли/1. Влажный экваториальный лес.jpg ----- */


/* Серая область ---------------------------------------------------------------- */
#pz1_jpg_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; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#pz1_jpg_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#pz1_jpg_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#pz1_jpg_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: 891px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#pz1_jpg_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;
	
}

#pz1_jpg_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;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#pz1_jpg_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; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#pz1_jpg_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#pz1_jpg_polotno {

	width: 800px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#pz1_jpg_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#pz1_jpg_nadpis {

/*	border: 1px solid orange;*/

	width: 805px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#pz1_jpg_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; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#pz1_jpg_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Природа Земли/2. Саванна.jpg ----- */


/* Серая область ---------------------------------------------------------------- */
#pz2_jpg_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; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#pz2_jpg_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#pz2_jpg_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#pz2_jpg_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: 891px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#pz2_jpg_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;
	
}

#pz2_jpg_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;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#pz2_jpg_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; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#pz2_jpg_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#pz2_jpg_polotno {

	width: 800px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#pz2_jpg_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#pz2_jpg_nadpis {

/*	border: 1px solid orange;*/

	width: 805px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#pz2_jpg_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; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#pz2_jpg_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Природа Земли/3. Пустыня Сахара.jpg ----- */


/* Серая область ---------------------------------------------------------------- */
#pz3_jpg_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; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#pz3_jpg_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#pz3_jpg_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#pz3_jpg_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: 891px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#pz3_jpg_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;
	
}

#pz3_jpg_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;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#pz3_jpg_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; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#pz3_jpg_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#pz3_jpg_polotno {

	width: 800px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#pz3_jpg_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#pz3_jpg_nadpis {

/*	border: 1px solid orange;*/

	width: 805px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#pz3_jpg_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; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#pz3_jpg_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Природа Земли/4. Степь.jpg ----- */


/* Серая область ---------------------------------------------------------------- */
#pz4_jpg_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; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#pz4_jpg_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#pz4_jpg_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#pz4_jpg_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: 891px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#pz4_jpg_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;
	
}

#pz4_jpg_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;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#pz4_jpg_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; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#pz4_jpg_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#pz4_jpg_polotno {

	width: 800px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#pz4_jpg_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#pz4_jpg_nadpis {

/*	border: 1px solid orange;*/

	width: 805px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#pz4_jpg_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; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#pz4_jpg_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Природа Земли/5. Жестколистные вечнозеленые леса.jpg ----- */


/* Серая область ---------------------------------------------------------------- */
#pz5_jpg_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; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#pz5_jpg_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#pz5_jpg_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#pz5_jpg_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: 891px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#pz5_jpg_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;
	
}

#pz5_jpg_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;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#pz5_jpg_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; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#pz5_jpg_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#pz5_jpg_polotno {

	width: 800px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#pz5_jpg_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#pz5_jpg_nadpis {

/*	border: 1px solid orange;*/

	width: 805px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#pz5_jpg_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; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#pz5_jpg_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Природа Земли/6. Переменно влажный лес (мусонный).jpg ----- */


/* Серая область ---------------------------------------------------------------- */
#pz6_jpg_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; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#pz6_jpg_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#pz6_jpg_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#pz6_jpg_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: 891px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#pz6_jpg_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;
	
}

#pz6_jpg_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;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#pz6_jpg_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; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#pz6_jpg_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#pz6_jpg_polotno {

	width: 800px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#pz6_jpg_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#pz6_jpg_nadpis {

/*	border: 1px solid orange;*/

	width: 805px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#pz6_jpg_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; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#pz6_jpg_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Природа Земли/7. Смешанный лес.jpg ----- */


/* Серая область ---------------------------------------------------------------- */
#pz7_jpg_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; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#pz7_jpg_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#pz7_jpg_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#pz7_jpg_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: 891px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#pz7_jpg_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;
	
}

#pz7_jpg_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;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#pz7_jpg_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; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#pz7_jpg_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#pz7_jpg_polotno {

	width: 800px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#pz7_jpg_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#pz7_jpg_nadpis {

/*	border: 1px solid orange;*/

	width: 805px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#pz7_jpg_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; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#pz7_jpg_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */





 




 /* ----- МОДАЛЬНОЕ ОКНО - Природа Земли/8. Лес - авторское фото.jpg ----- */


/* Серая область ---------------------------------------------------------------- */
#pz8_jpg_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; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#pz8_jpg_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#pz8_jpg_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#pz8_jpg_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: 891px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#pz8_jpg_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;
	
}

#pz8_jpg_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;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#pz8_jpg_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; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#pz8_jpg_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#pz8_jpg_polotno {

	width: 800px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#pz8_jpg_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#pz8_jpg_nadpis {

/*	border: 1px solid orange;*/

	width: 805px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#pz8_jpg_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; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#pz8_jpg_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Природа Земли/9. Тайга.jpg ----- */


/* Серая область ---------------------------------------------------------------- */
#pz9_jpg_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; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#pz9_jpg_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#pz9_jpg_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#pz9_jpg_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: 891px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#pz9_jpg_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;
	
}

#pz9_jpg_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;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#pz9_jpg_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; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#pz9_jpg_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#pz9_jpg_polotno {

	width: 800px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#pz9_jpg_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#pz9_jpg_nadpis {

/*	border: 1px solid orange;*/

	width: 805px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#pz9_jpg_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; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#pz9_jpg_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Природа Земли/10. Тундра.jpg ----- */


/* Серая область ---------------------------------------------------------------- */
#pz10_jpg_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; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#pz10_jpg_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#pz10_jpg_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#pz10_jpg_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: 891px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#pz10_jpg_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;
	
}

#pz10_jpg_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;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#pz10_jpg_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; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#pz10_jpg_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#pz10_jpg_polotno {

	width: 800px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#pz10_jpg_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#pz10_jpg_nadpis {

/*	border: 1px solid orange;*/

	width: 805px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#pz10_jpg_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; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#pz10_jpg_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Природа Земли/11. Арктическая пустыня.jpg ----- */


/* Серая область ---------------------------------------------------------------- */
#pz11_jpg_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; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#pz11_jpg_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#pz11_jpg_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#pz11_jpg_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: 891px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#pz11_jpg_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;
	
}

#pz11_jpg_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;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#pz11_jpg_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; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#pz11_jpg_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#pz11_jpg_polotno {

	width: 800px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#pz11_jpg_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#pz11_jpg_nadpis {

/*	border: 1px solid orange;*/

	width: 805px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#pz11_jpg_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; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#pz11_jpg_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Галерея/1. МКС - 25 мая 2024 - 15 30.png ----- */


/* Серая область ---------------------------------------------------------------- */
#gz1_jpg_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; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#gz1_jpg_modal.open {
	/*visibility: visible;*/ /*Устаревший метод открытия модального блока*/
	/*opacity: 1;*/ 		 /*Устаревший метод открытия модального блока*/
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#gz1_jpg_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#gz1_jpg_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: 891px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#gz1_jpg_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;
	
}

#gz1_jpg_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;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#gz1_jpg_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; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#gz1_jpg_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#gz1_jpg_polotno {

	width: 800px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
	
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

/* ------------------------------------------------------- */


/* Блок верхнего пространства ---------------------------- */

#gz1_jpg_verhnee_prostranstvo {

/*	border: 1px solid red;*/

	width: 800px;
	height: 25px; /*Расчетная высота блока*/
}

/* -------------------------------------------------------- */


/* Само увеличенное фото ---------------------------------------------------------------*/
#gz1_jpg_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Блок нижнего пространства ---------------------------- */

#gz1_jpg_nizhnee_prostranstvo {

/*	border: 1px solid red;*/

	width: 800px;
	height: 25px; /*Расчетная высота блока*/
}

/* -------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#gz1_jpg_nadpis {

/*	border: 1px solid orange;*/

	width: 805px;
	
	/*padding-left: 40px;*/ /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	/*padding-right: 40px;*/
	
	position: relative;
	bottom: -5px;
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#gz1_jpg_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; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#gz1_jpg_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Галерея/2. МКС - 25 мая 2024 - 16 35- пролет возле Южной Америки.png ----- */


/* Серая область ---------------------------------------------------------------- */
#gz2_jpg_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; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#gz2_jpg_modal.open {
	/*visibility: visible;*/ /*Устаревший метод открытия модального блока*/
	/*opacity: 1;*/ 		 /*Устаревший метод открытия модального блока*/
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#gz2_jpg_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#gz2_jpg_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: 891px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#gz2_jpg_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;
	
}

#gz2_jpg_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;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#gz2_jpg_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; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#gz2_jpg_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#gz2_jpg_polotno {

	width: 800px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
	
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

/* ------------------------------------------------------- */


/* Блок верхнего пространства ---------------------------- */

#gz2_jpg_verhnee_prostranstvo {

/*	border: 1px solid red;*/

	width: 800px;
	height: 25px; /*Расчетная высота блока*/
}

/* -------------------------------------------------------- */


/* Само увеличенное фото ---------------------------------------------------------------*/
#gz2_jpg_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Блок нижнего пространства ---------------------------- */

#gz2_jpg_nizhnee_prostranstvo {

/*	border: 1px solid red;*/

	width: 800px;
	height: 25px; /*Расчетная высота блока*/
}

/* -------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#gz2_jpg_nadpis {

/*	border: 1px solid orange;*/

	width: 805px;
	
	/*padding-left: 40px;*/ /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	/*padding-right: 40px;*/
	
	position: relative;
	bottom: -5px;
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#gz2_jpg_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; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#gz2_jpg_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Галерея/3. Электро-Л2 - 24_05_2024_14 00.jpg ----- */


/* Серая область ---------------------------------------------------------------- */
#gz3_jpg_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; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#gz3_jpg_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#gz3_jpg_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#gz3_jpg_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: 891px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#gz3_jpg_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;
	
}

#gz3_jpg_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;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#gz3_jpg_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; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#gz3_jpg_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#gz3_jpg_polotno {

	width: 800px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#gz3_jpg_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#gz3_jpg_nadpis {

/*	border: 1px solid orange;*/

	width: 805px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#gz3_jpg_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; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#gz3_jpg_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Галерея/4. Электро-Л3 - 24_05_2024_07 00.jpg ----- */


/* Серая область ---------------------------------------------------------------- */
#gz4_jpg_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; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#gz4_jpg_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#gz4_jpg_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#gz4_jpg_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: 891px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#gz4_jpg_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;
	
}

#gz4_jpg_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;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#gz4_jpg_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; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#gz4_jpg_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#gz4_jpg_polotno {

	width: 800px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#gz4_jpg_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#gz4_jpg_nadpis {

/*	border: 1px solid orange;*/

	width: 805px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#gz4_jpg_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; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#gz4_jpg_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Галерея/5. Электро-Л4 -24_05_2024 - 0430.jpg ----- */


/* Серая область ---------------------------------------------------------------- */
#gz5_jpg_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; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#gz5_jpg_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#gz5_jpg_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#gz5_jpg_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: 891px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#gz5_jpg_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;
	
}

#gz5_jpg_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;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#gz5_jpg_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; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#gz5_jpg_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#gz5_jpg_polotno {

	width: 800px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#gz5_jpg_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#gz5_jpg_nadpis {

/*	border: 1px solid orange;*/

	width: 805px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#gz5_jpg_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; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#gz5_jpg_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Галерея/6. Арктика-М - 19_03_2024_09 45.jpg ----- */


/* Серая область ---------------------------------------------------------------- */
#gz6_jpg_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; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#gz6_jpg_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#gz6_jpg_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#gz6_jpg_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: 891px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#gz6_jpg_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;
	
}

#gz6_jpg_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;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#gz6_jpg_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; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#gz6_jpg_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#gz6_jpg_polotno {

	width: 800px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#gz6_jpg_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#gz6_jpg_nadpis {

/*	border: 1px solid orange;*/

	width: 805px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#gz6_jpg_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; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#gz6_jpg_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Галерея/7. DSCOVR - 20_05_2024 - 161138.png ----- */


/* Серая область ---------------------------------------------------------------- */
#gz7_jpg_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; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#gz7_jpg_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#gz7_jpg_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#gz7_jpg_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: 891px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#gz7_jpg_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;
	
}

#gz7_jpg_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;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#gz7_jpg_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; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#gz7_jpg_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#gz7_jpg_polotno {

	width: 800px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#gz7_jpg_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#gz7_jpg_nadpis {

/*	border: 1px solid orange;*/

	width: 805px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#gz7_jpg_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; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#gz7_jpg_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Галерея/8. Aqua satellite - north of Norway and Russia.jpg ----- */


/* Серая область ---------------------------------------------------------------- */
#gz8_jpg_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; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#gz8_jpg_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#gz8_jpg_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#gz8_jpg_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: 891px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#gz8_jpg_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;
	
}

#gz8_jpg_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;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#gz8_jpg_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; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#gz8_jpg_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#gz8_jpg_polotno {

	width: 800px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#gz8_jpg_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#gz8_jpg_nadpis {

/*	border: 1px solid orange;*/

	width: 805px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#gz8_jpg_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; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#gz8_jpg_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Галерея/9. SuperView-1 (GaoJing-1) - Galešnjak in Croatia - 18 aug 2017 .jpg ----- */


/* Серая область ---------------------------------------------------------------- */
#gz9_jpg_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; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#gz9_jpg_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#gz9_jpg_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#gz9_jpg_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: 891px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#gz9_jpg_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;
	
}

#gz9_jpg_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;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#gz9_jpg_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; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#gz9_jpg_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#gz9_jpg_polotno {

	width: 800px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#gz9_jpg_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#gz9_jpg_nadpis {

/*	border: 1px solid orange;*/

	width: 805px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#gz9_jpg_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; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#gz9_jpg_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Галерея/10. SuperView-1 (GaoJing-1) - Beihai Silver Beach, Guangxi Province in China - 14 feb 2017.jpg ----- */


/* Серая область ---------------------------------------------------------------- */
#gz10_jpg_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; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#gz10_jpg_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#gz10_jpg_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#gz10_jpg_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: 891px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#gz10_jpg_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;
	
}

#gz10_jpg_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;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#gz10_jpg_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; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#gz10_jpg_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#gz10_jpg_polotno {

	width: 800px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#gz10_jpg_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#gz10_jpg_nadpis {

/*	border: 1px solid orange;*/

	width: 805px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#gz10_jpg_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; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#gz10_jpg_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Галерея/11. SuperView-1 (GaoJing-1) - Dubai Creek, Dubai in UAE - 26 jan 2017.jpg ----- */


/* Серая область ---------------------------------------------------------------- */
#gz11_jpg_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; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#gz11_jpg_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#gz11_jpg_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#gz11_jpg_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: 891px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#gz11_jpg_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;
	
}

#gz11_jpg_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;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#gz11_jpg_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; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#gz11_jpg_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#gz11_jpg_polotno {

	width: 800px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#gz11_jpg_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#gz11_jpg_nadpis {

/*	border: 1px solid orange;*/

	width: 805px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#gz11_jpg_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; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#gz11_jpg_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Галерея/12. IBUKI (GOSAT) - Sandstortm over the Caspian Sea - 18 may 2014.jpg ----- */


/* Серая область ---------------------------------------------------------------- */
#gz12_jpg_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; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#gz12_jpg_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#gz12_jpg_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#gz12_jpg_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: 891px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#gz12_jpg_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;
	
}

#gz12_jpg_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;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#gz12_jpg_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; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#gz12_jpg_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#gz12_jpg_polotno {

	width: 800px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#gz12_jpg_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#gz12_jpg_nadpis {

/*	border: 1px solid orange;*/

	width: 805px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#gz12_jpg_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; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#gz12_jpg_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */









/* ----- МОДАЛЬНОЕ ОКНО - Галерея/13. IBUKI (GOSAT) - The plume of erupting Sakurajima volcano in Japan - 10 may 2014.jpg ----- */


/* Серая область ---------------------------------------------------------------- */
#gz13_jpg_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; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#gz13_jpg_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#gz13_jpg_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#gz13_jpg_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: 891px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#gz13_jpg_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;
	
}

#gz13_jpg_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;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#gz13_jpg_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; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#gz13_jpg_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#gz13_jpg_polotno {

	width: 800px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#gz13_jpg_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#gz13_jpg_nadpis {

/*	border: 1px solid orange;*/

	width: 805px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#gz13_jpg_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; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#gz13_jpg_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - gz14_jpg ----- */


/* Серая область ---------------------------------------------------------------- */
#gz14_jpg_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; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#gz14_jpg_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#gz14_jpg_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#gz14_jpg_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: 891px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#gz14_jpg_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;
	
}

#gz14_jpg_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;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#gz14_jpg_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; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#gz14_jpg_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#gz14_jpg_polotno {

	width: 800px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#gz14_jpg_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#gz14_jpg_nadpis {

/*	border: 1px solid orange;*/

	width: 805px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#gz14_jpg_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; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#gz14_jpg_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Галерея/15. Envisat - Portugal and Spain - 8 april 2012.jpg ----- */


/* Серая область ---------------------------------------------------------------- */
#gz15_jpg_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; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#gz15_jpg_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#gz15_jpg_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#gz15_jpg_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: 891px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#gz15_jpg_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;
	
}

#gz15_jpg_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;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#gz15_jpg_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; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#gz15_jpg_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#gz15_jpg_polotno {

	width: 800px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#gz15_jpg_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#gz15_jpg_nadpis {

/*	border: 1px solid orange;*/

	width: 805px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#gz15_jpg_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; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#gz15_jpg_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Галерея/16. Envisat - Mountains of Snow - 16 jan 2012.jpg ----- */


/* Серая область ---------------------------------------------------------------- */
#gz16_jpg_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; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#gz16_jpg_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#gz16_jpg_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#gz16_jpg_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: 891px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#gz16_jpg_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;
	
}

#gz16_jpg_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;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#gz16_jpg_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; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#gz16_jpg_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#gz16_jpg_polotno {

	width: 800px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#gz16_jpg_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#gz16_jpg_nadpis {

/*	border: 1px solid orange;*/

	width: 805px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#gz16_jpg_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; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#gz16_jpg_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Галерея/17. Метеор-М - 07_04_2024 - Тропический циклон OLGA.jpg ----- */


/* Серая область ---------------------------------------------------------------- */
#gz17_jpg_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; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#gz17_jpg_modal.open {
	/*visibility: visible;*/ /*Устаревший метод открытия модального блока*/
	/*opacity: 1;*/ 		 /*Устаревший метод открытия модального блока*/
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#gz17_jpg_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#gz17_jpg_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: 891px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#gz17_jpg_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;
	
}

#gz17_jpg_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;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#gz17_jpg_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; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#gz17_jpg_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#gz17_jpg_polotno {

	width: 800px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
	
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

/* ------------------------------------------------------- */


/* Блок верхнего пространства ---------------------------- */

#gz17_jpg_verhnee_prostranstvo {

/*	border: 1px solid red;*/

	width: 800px;
	height: 12px; /*Расчетная высота блока*/
}

/* -------------------------------------------------------- */


/* Само увеличенное фото ---------------------------------------------------------------*/
#gz17_jpg_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Блок нижнего пространства ---------------------------- */

#gz17_jpg_nizhnee_prostranstvo {

/*	border: 1px solid red;*/

	width: 800px;
	height: 12px; /*Расчетная высота блока*/
}

/* -------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#gz17_jpg_nadpis {

/*	border: 1px solid orange;*/

	width: 805px;
	
	/*padding-left: 40px;*/ /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	/*padding-right: 40px;*/
	
	position: relative;
	bottom: -5px;
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#gz17_jpg_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; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#gz17_jpg_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Галерея/18. Метеор-М - 02_04_2024 - Россия Восточная Сибирь хребет Черского.jpg ----- */


/* Серая область ---------------------------------------------------------------- */
#gz18_jpg_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; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#gz18_jpg_modal.open {
	/*visibility: visible;*/ /*Устаревший метод открытия модального блока*/
	/*opacity: 1;*/ 		 /*Устаревший метод открытия модального блока*/
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#gz18_jpg_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#gz18_jpg_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: 891px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#gz18_jpg_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;
	
}

#gz18_jpg_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;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#gz18_jpg_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; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#gz18_jpg_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#gz18_jpg_polotno {

	width: 800px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
	
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

/* ------------------------------------------------------- */


/* Блок верхнего пространства ---------------------------- */

#gz18_jpg_verhnee_prostranstvo {

/*	border: 1px solid red;*/

	width: 800px;
	height: 12px; /*Расчетная высота блока*/
}

/* -------------------------------------------------------- */


/* Само увеличенное фото ---------------------------------------------------------------*/
#gz18_jpg_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Блок нижнего пространства ---------------------------- */

#gz18_jpg_nizhnee_prostranstvo {

/*	border: 1px solid red;*/

	width: 800px;
	height: 12px; /*Расчетная высота блока*/
}

/* -------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#gz18_jpg_nadpis {

/*	border: 1px solid orange;*/

	width: 805px;
	
	/*padding-left: 40px;*/ /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	/*padding-right: 40px;*/
	
	position: relative;
	bottom: -5px;
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#gz18_jpg_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; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#gz18_jpg_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Галерея/19. Метеор-М - 02_03_2024 - Исландия.jpg ----- */


/* Серая область ---------------------------------------------------------------- */
#gz19_jpg_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; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#gz19_jpg_modal.open {
	/*visibility: visible;*/ /*Устаревший метод открытия модального блока*/
	/*opacity: 1;*/ 		 /*Устаревший метод открытия модального блока*/
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#gz19_jpg_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#gz19_jpg_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: 891px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#gz19_jpg_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;
	
}

#gz19_jpg_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;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#gz19_jpg_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; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#gz19_jpg_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#gz19_jpg_polotno {

	width: 800px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
	
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

/* ------------------------------------------------------- */


/* Блок верхнего пространства ---------------------------- */

#gz19_jpg_verhnee_prostranstvo {

/*	border: 1px solid red;*/

	width: 800px;
	height: 12px; /*Расчетная высота блока*/
}

/* -------------------------------------------------------- */


/* Само увеличенное фото ---------------------------------------------------------------*/
#gz19_jpg_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Блок нижнего пространства ---------------------------- */

#gz19_jpg_nizhnee_prostranstvo {

/*	border: 1px solid red;*/

	width: 800px;
	height: 12px; /*Расчетная высота блока*/
}

/* -------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#gz19_jpg_nadpis {

/*	border: 1px solid orange;*/

	width: 805px;
	
	/*padding-left: 40px;*/ /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	/*padding-right: 40px;*/
	
	position: relative;
	bottom: -5px;
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#gz19_jpg_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; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#gz19_jpg_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Галерея/20. Канопус-В - 17_10_2022 - Чебоксары_Чувашская Республика_Россия.jpg ----- */


/* Серая область ---------------------------------------------------------------- */
#gz20_jpg_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; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#gz20_jpg_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#gz20_jpg_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#gz20_jpg_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: 891px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#gz20_jpg_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;
	
}

#gz20_jpg_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;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#gz20_jpg_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; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#gz20_jpg_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#gz20_jpg_polotno {

	width: 800px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#gz20_jpg_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#gz20_jpg_nadpis {

/*	border: 1px solid orange;*/

	width: 805px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#gz20_jpg_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; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#gz20_jpg_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Галерея/21. Канопус-В - 03_10_2022 - Вентимилья_Италия.jpg ----- */


/* Серая область ---------------------------------------------------------------- */
#gz21_jpg_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; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#gz21_jpg_modal.open {
	/*visibility: visible;*/ /*Устаревший метод открытия модального блока*/
	/*opacity: 1;*/ 		 /*Устаревший метод открытия модального блока*/
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#gz21_jpg_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#gz21_jpg_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: 891px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#gz21_jpg_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;
	
}

#gz21_jpg_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;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#gz21_jpg_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; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#gz21_jpg_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#gz21_jpg_polotno {

	width: 800px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
	
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

/* ------------------------------------------------------- */


/* Блок верхнего пространства ---------------------------- */

#gz21_jpg_verhnee_prostranstvo {

/*	border: 1px solid red;*/

	width: 800px;
	height: 6px; /*Расчетная высота блока*/
}

/* -------------------------------------------------------- */


/* Само увеличенное фото ---------------------------------------------------------------*/
#gz21_jpg_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Блок нижнего пространства ---------------------------- */

#gz21_jpg_nizhnee_prostranstvo {

/*	border: 1px solid red;*/

	width: 800px;
	height: 6px; /*Расчетная высота блока*/
}

/* -------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#gz21_jpg_nadpis {

/*	border: 1px solid orange;*/

	width: 805px;
	
	/*padding-left: 40px;*/ /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	/*padding-right: 40px;*/
	
	position: relative;
	bottom: -5px;
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#gz21_jpg_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; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#gz21_jpg_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Галерея/22. Ресур-П - Казань - 23-04-2021.jpg ----- */


/* Серая область ---------------------------------------------------------------- */
#gz22_jpg_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; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#gz22_jpg_modal.open {
	/*visibility: visible;*/ /*Устаревший метод открытия модального блока*/
	/*opacity: 1;*/ 		 /*Устаревший метод открытия модального блока*/
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#gz22_jpg_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#gz22_jpg_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: 891px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#gz22_jpg_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;
	
}

#gz22_jpg_krestik:hover {gz22_jpg

	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;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#gz22_jpg_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; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#gz22_jpg_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#gz22_jpg_polotno {

	width: 800px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
	
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

/* ------------------------------------------------------- */


/* Блок верхнего пространства ---------------------------- */

#gz22_jpg_verhnee_prostranstvo {

/*	border: 1px solid red;*/

	width: 800px;
	height: 63px; /*Расчетная высота блока*/
}

/* -------------------------------------------------------- */


/* Само увеличенное фото ---------------------------------------------------------------*/
#gz22_jpg_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Блок нижнего пространства ---------------------------- */

#gz22_jpg_nizhnee_prostranstvo {

/*	border: 1px solid red;*/

	width: 800px;
	height: 63px; /*Расчетная высота блока*/
}

/* -------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#gz22_jpg_nadpis {

/*	border: 1px solid orange;*/

	width: 805px;
	
	/*padding-left: 40px;*/ /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	/*padding-right: 40px;*/
	
	position: relative;
	bottom: -5px;
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#gz22_jpg_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; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#gz22_jpg_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Галерея/23. Ресур-П - Псков - 27-05-2014.jpg ----- */


/* Серая область ---------------------------------------------------------------- */
#gz23_jpg_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; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#gz23_jpg_modal.open {
	/*visibility: visible;*/ /*Устаревший метод открытия модального блока*/
	/*opacity: 1;*/ 		 /*Устаревший метод открытия модального блока*/
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#gz23_jpg_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#gz23_jpg_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: 891px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#gz23_jpg_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;
	
}

#gz23_jpg_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;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#gz23_jpg_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; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#gz23_jpg_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#gz23_jpg_polotno {

	width: 800px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
	
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

/* ------------------------------------------------------- */


/* Блок верхнего пространства ---------------------------- */

#gz23_jpg_verhnee_prostranstvo {

/*	border: 1px solid red;*/

	width: 800px;
	height: 26px; /*Расчетная высота блока*/
}

/* -------------------------------------------------------- */


/* Само увеличенное фото ---------------------------------------------------------------*/
#gz23_jpg_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Блок нижнего пространства ---------------------------- */

#gz23_jpg_nizhnee_prostranstvo {

/*	border: 1px solid red;*/

	width: 800px;
	height: 26px; /*Расчетная высота блока*/
}

/* -------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#gz23_jpg_nadpis {

/*	border: 1px solid orange;*/

	width: 805px;
	
	/*padding-left: 40px;*/ /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	/*padding-right: 40px;*/
	
	position: relative;
	bottom: -5px;
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#gz23_jpg_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; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#gz23_jpg_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Галерея/24. Apollo 11 - Earthrise over the Moon.jpg ----- */


/* Серая область ---------------------------------------------------------------- */
#gz24_jpg_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; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#gz24_jpg_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#gz24_jpg_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#gz24_jpg_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: 891px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#gz24_jpg_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;
	
}

#gz24_jpg_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;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#gz24_jpg_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; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#gz24_jpg_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#gz24_jpg_polotno {

	width: 800px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#gz24_jpg_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#gz24_jpg_nadpis {

/*	border: 1px solid orange;*/

	width: 805px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#gz24_jpg_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; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#gz24_jpg_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Галерея/25. Galileo - View of Earth showing Antarctic, Australia and India.jpg ----- */


/* Серая область ---------------------------------------------------------------- */
#gz25_jpg_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; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#gz25_jpg_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#gz25_jpg_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#gz25_jpg_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: 891px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#gz25_jpg_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;
	
}

#gz25_jpg_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;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#gz25_jpg_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; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#gz25_jpg_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#gz25_jpg_polotno {

	width: 800px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#gz25_jpg_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#gz25_jpg_nadpis {

/*	border: 1px solid orange;*/

	width: 805px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#gz25_jpg_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; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#gz25_jpg_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */










/* ----- МОДАЛЬНОЕ ОКНО - Галерея/26. NEAR - Antarctica and South America from 256 000 km.jpg ----- */


/* Серая область ---------------------------------------------------------------- */
#gz26_jpg_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; /*Прокрутка для модального окна, если малое разрешение экрана*/
}

#gz26_jpg_modal.open {
	
	display: flex; /* Новый метод открытия модального окна*/
}
/* --------------------------------------------------------------------------------- */



/* Основной блок -----------------------  */

#gz26_jpg_osnovnoi_block {

/*	border: 1px solid yellow;*/

	width: 85vw;
	height: 99vh;

	position: absolute;
	left: 0;
	top: 0;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* --------------------------------------- */



/* ОБЩИЙ БЛОК для крестика и фото + надпись---------------------------------------------*/
#gz26_jpg_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: 891px;
}
/* --------------------------------------------------------------------------------- */



/* Крестик ---------------------------------------------------------------------- */
	
#gz26_jpg_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;
	
}

#gz26_jpg_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;

}

/* ------------------------------------------------------------------------------------- */


/* Левая кнопка ------------------------------------------ */

#gz26_jpg_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; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#gz26_jpg_levo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */



/* Заднее полотно для фото ------------------------------- */

#gz26_jpg_polotno {

	width: 800px;
	height: 500px;

	background-color: dimgrey;

	border: 3px solid white;
}

/* ------------------------------------------------------- */



/* Само увеличенное фото ---------------------------------------------------------------*/
#gz26_jpg_modal_photo {
	
	/*max-width: 800px;*/ /*Используется в теге html <img> атрибут width="800px"*/
	/*border: 3px solid white;*/
}
/* --------------------------------------------------------------------------------- */


/* Надпись под фото -------------------------------------- */

#gz26_jpg_nadpis {

/*	border: 1px solid orange;*/

	width: 805px;
	
	padding-left: 40px; /*Отступы по краям чтобы границы надписи начинались и заканчиливались на границах фото, а не кнопок*/
	padding-right: 40px;
	
	position: relative;
	left: -43px;
	
}

/* ------------------------------------------------------- */


/* Правая кнопка ------------------------------------------ */

#gz26_jpg_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; /*Запрещает выделение текста(синим цветом когда мышкой нажимаешь)*/
}

#gz26_jpg_pravo:hover {
	
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(169, 169, 169, 0.3);
}

/* ------------------------------------------------------- */













					/*    БОКОВАЯ ПАНЕЛЬ    */

/* CSS*/
							
/* БОКОВАЯ ПАНЕЛЬ и все что сней связано */

	/* Пробел (перенос строки) -------------- */
.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 */
#Earth_jpg_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#Earth_jpg_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №2 */
#Atmosphera_jpg_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#Atmosphera_jpg_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №3 */
#Klimat_Zemli_jpg_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#Klimat_Zemli_jpg_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №4 */
#ao_jpg_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#ao_jpg_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №5 */
#io_jpg_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#io_jpg_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №6 */
#slo_jpg_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#slo_jpg_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №7 */
#to_jpg_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#to_jpg_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №8 */
#youo_jpg_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#youo_jpg_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №9 */
#reka_af_jpg_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#reka_af_jpg_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №10 */
#mpz_jpg_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#mpz_jpg_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}





/* №11 */
#mpvz_jpg_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#mpvz_jpg_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №12 */
#vsz_jpg_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#vsz_jpg_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №13 */
#dk_jpg_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#dk_jpg_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №14 */
#pz1_jpg_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#pz1_jpg_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №15 */
#pz2_jpg_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#pz2_jpg_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №16 */
#pz3_jpg_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#pz3_jpg_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №17 */
#pz4_jpg_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#pz4_jpg_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №18 */
#pz5_jpg_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#pz5_jpg_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №19 */
#pz6_jpg_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#pz6_jpg_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №20 */
#pz7_jpg_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#pz7_jpg_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}





/* №21 */
#pz8_jpg_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#pz8_jpg_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №22 */
#pz9_jpg_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#pz9_jpg_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №23 */
#pz10_jpg_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#pz10_jpg_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №24 */
#pz11_jpg_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#pz11_jpg_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №25 */
#gz1_jpg_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#gz1_jpg_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №26 */
#gz2_jpg_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#gz2_jpg_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №27 */
#gz3_jpg_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#gz3_jpg_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №28 */
#gz4_jpg_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#gz4_jpg_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №29 */
#gz5_jpg_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#gz5_jpg_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}





/* №30 */
#gz6_jpg_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#gz6_jpg_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №31 */
#gz7_jpg_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#gz7_jpg_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №32 */
#gz8_jpg_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#gz8_jpg_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №33 */
#gz9_jpg_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#gz9_jpg_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №34 */
#gz10_jpg_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#gz10_jpg_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №35 */
#gz11_jpg_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#gz11_jpg_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №36 */
#gz12_jpg_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#gz12_jpg_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №37 */
#gz13_jpg_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#gz13_jpg_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №38 */
#gz14_jpg_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#gz14_jpg_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №39 */
#gz15_jpg_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#gz15_jpg_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №40 */
#gz16_jpg_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#gz16_jpg_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}





/* №41 */
#gz17_jpg_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#gz17_jpg_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №42 */
#gz18_jpg_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#gz18_jpg_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №43 */
#gz19_jpg_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#gz19_jpg_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №44 */
#gz20_jpg_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#gz20_jpg_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №45 */
#gz21_jpg_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#gz21_jpg_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №46 */
#gz22_jpg_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#gz22_jpg_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №47 */
#gz23_jpg_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#gz23_jpg_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №48 */
#gz24_jpg_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#gz24_jpg_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №49 */
#gz25_jpg_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#gz25_jpg_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


/* №50 */
#gz26_jpg_bokovoe_photo {

	border: 2px solid rgba(0, 0, 0, 0.0); /*Добавлены прозрачные бордеры(границы) для бокового фото, чтобы при наводке мышью при появлении лаймового цвета бордера, фото не шевелилось*/
}
#gz26_jpg_bokovoe_photo.vybrano {

	border: 2px solid white; /* Добавляет белую рамку когда фото выбрано */
}


	/* ---------------------------------------- */








	/* Боковые фото - наводка */

/* №1 */
#Earth_jpg_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №2 */
#Atmosphera_jpg_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №3 */
#Klimat_Zemli_jpg_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №4 */
#ao_jpg_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №5 */
#io_jpg_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №6 */
#slo_jpg_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №7 */
#to_jpg_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №8 */
#youo_jpg_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №9 */
#reka_af_jpg_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №10 */
#mpz_jpg_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}





/* №11 */
#mpvz_jpg_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №12 */
#vsz_jpg_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №13 */
#dk_jpg_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №14 */
#pz1_jpg_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №15 */
#pz2_jpg_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №16 */
#pz3_jpg_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №17 */
#pz4_jpg_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №18 */
#pz5_jpg_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №19 */
#pz6_jpg_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №20 */
#pz7_jpg_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}





/* Боковые фото - наводка */
/* №21 */
#pz8_jpg_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №22 */
#pz9_jpg_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №23 */
#pz10_jpg_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №24 */
#pz11_jpg_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №25 */
#gz1_jpg_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №26 */
#gz2_jpg_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №27 */
#gz3_jpg_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №28 */
#gz4_jpg_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №29 */
#gz5_jpg_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}





/* №30 */
#gz6_jpg_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №31 */
#gz7_jpg_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №32 */
#gz8_jpg_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №33 */
#gz9_jpg_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №34 */
#gz10_jpg_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №35 */
#gz11_jpg_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №36 */
#gz12_jpg_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №37 */
#gz13_jpg_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №38 */
#gz14_jpg_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №39 */
#gz15_jpg_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №40 */
#gz16_jpg_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}





/* №41 */
#gz17_jpg_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №42 */
#gz18_jpg_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №43 */
#gz19_jpg_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №44 */
#gz20_jpg_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №45 */
#gz21_jpg_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №46 */
#gz22_jpg_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №47 */
#gz23_jpg_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №48 */
#gz24_jpg_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №49 */
#gz25_jpg_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}

/* №50 */
#gz26_jpg_bokovoe_photo:hover { 

	cursor: pointer;

	border: 2px solid lime;
}
	
	/* ---------------------------------------- */