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;
}



/* "Двойная ячейка" - "Земля --> Луна" */

#earth_moon_block_2cells {

/*	border: 1px solid red;*/
	display: flex;
	width: 200%

}

#earth_menu_cell {

	display: inline;
	width: 50%
}

#moon_menu_cell {

	display: none;
	width: 100%;

	background-color: dimgrey;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	width: 99%;
	padding-top:10px;
	padding-bottom: 10px;

	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

#moon_menu_cell:hover {
	background-color: grey;
	color: lime;
}

#earth_moon_block_2cells:hover > #earth_menu_cell {

	width: 100%;
}

#earth_moon_block_2cells:hover > #moon_menu_cell {

	display: inline;
}


/* ---------------------------------- */





.planet_menu_cell {
	background-color: dimgrey;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	width: 100%;
	padding-top:10px;
	padding-bottom: 10px;
}

.planet_menu_cell:hover {
	background-color: grey;
	color: lime;
}

.planet_menu_cell_1 {
	border-top: 1px solid #fff;
}

.planet_menu_cell_8neptun {
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.menu_nt {
	position: absolute;
	width: 100%;
	top: 38px;
	left: 0px;
	display: none;
	color: #fff;
}

.menu_nt_cell {
	background-color: dimgrey;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}

.menu_nt_cell:hover {
	background-color: grey;
	color: lime;
}

.menu_nt_cell_1 {
	border-top: 1px solid #fff;
}

.menu_nt_cell_2 {
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.table_2_stati {
	width: 76%;
}

.bok_menu {
	background-color: dimgrey;
	width: 20%;
	height: 1000px;
	vertical-align: top;
	text-align: center;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	padding-left: 20px;
	padding-right: 20px;
	
}

.katalog_spisok {
	text-align: left;
}

.ssylka:hover {
	color: lime;
}


.block_stati {
	background-color: dimgrey;
	width: 80%;
	height: 1000px;
	vertical-align: top;
	text-align: center;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;

	padding-left: 30px;
	padding-right: 30px;
}

.zagolovok {
	text-align: center;
}

.stati {
	text-align: justify;
}

.center {
	text-align: center;
}

/*Статья Солнечная система, звезда по имени солнце, типо пасхалка*/
#star_name_sun {
	text-decoration: none;
}

.footer_dno {
	width: 76%;
	margin: auto;
	/*border: 1px solid red;*/
}


.data {
	/*width: 20%;*/
	text-align: center;
	/*color: #000;*/
	/*border: 1px solid green;*/
}










/* Небольшой блок статьи про Луну */

#block_moon { 

	border: 1px solid white;
	border-radius: 10px;

	width: 100%;

	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
}


#block_moon.vybran {

	border: 1px solid lime;
}

#block_moon_tdzagolovok {

/*	border: 1px solid orange;*/
}

#block_moon_tdphoto { 

/*	border: 1px solid red;*/

	width: 200px;

	padding-right: 10px;
}

#block_moon_tdtext { 

/*	border: 1px solid blue;*/

	vertical-align: top;
}

#block_moon_data {

/*	border: 1px solid violet;*/
	text-align: center;
}

/* --------------------------------------- */










/* Небольшой блок статьи про Землю */

#block_earth { 

	border: 1px solid white;
	border-radius: 10px;

	width: 100%;

	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
}


#block_earth.vybran {

	border: 1px solid lime;
}

#block_earth_tdzagolovok {

/*	border: 1px solid orange;*/
}

#block_earth_tdphoto { 

/*	border: 1px solid red;*/

	width: 200px;

	padding-right: 10px;
}

#block_earth_tdtext { 

/*	border: 1px solid blue;*/

	vertical-align: top;
}

#block_earth_data {

/*	border: 1px solid violet;*/
	text-align: center;
}

/* --------------------------------------- */










/* Небольшой блок статьи про Венеру */

#block_venus { 

	border: 1px solid white;
	border-radius: 10px;

	width: 100%;

	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
}


#block_venus.vybran {

	border: 1px solid lime;
}

#block_venus_tdzagolovok {

/*	border: 1px solid orange;*/
}

#block_venus_tdphoto { 

/*	border: 1px solid red;*/

	width: 200px;

	padding-right: 10px;
}

#block_venus_tdtext { 

/*	border: 1px solid blue;*/

	vertical-align: top;
}

#block_venus_data {

/*	border: 1px solid violet;*/
	text-align: center;
}

/* --------------------------------------- */










/* Небольшой блок статьи про Меркурий */

#block_mercury { 

	border: 1px solid white;
	border-radius: 10px;

	width: 100%;

	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
}


#block_mercury.vybran {

	border: 1px solid lime;
}

#block_mercury_tdzagolovok {

/*	border: 1px solid orange;*/
}

#block_mercury_tdphoto { 

/*	border: 1px solid red;*/

	width: 200px;

	padding-right: 10px;
}

#block_mercury_tdtext { 

/*	border: 1px solid blue;*/

	vertical-align: top;
}

#block_mercury_data {

/*	border: 1px solid violet;*/
	text-align: center;
}

/* --------------------------------------- */