body{
 width:100%;
 margin:0px;
 background-image: url(../az-mal/fon.gif);
 background-repeat: repeat repeat;
 background-color: #370110;
 color: #ffeffe;
 }

#main{
 width: 390px;
 margin:0 auto;
 border: 0px solid #1E0108; /* Вішнёвая рамка */
 border-right-width: 39px; 
 border-left-width: 39px; 
 padding: 0px;
    -moz-border-image: url(../az-mal/fon-bok.gif) 0 39 0 39 repeat; /* Firefox 4 */
    -webkit-border-image: url(../az-mal/fon-bok.gif) 0 39 0 39 repeat; /* Safari 5 и Chrome */
    -o-border-image: url(../az-mal/fon-bok.gif) 0 39 0 39 repeat; /* Opera 10.5 */
    border-image: url(../az-mal/fon-bok.gif) 0 39 0 39 repeat; /* CSS3 */
    
 background-color: #370110;
 }

#menu-top{
 width:390px;
 }

#levo-top{
float:left;
width:230px;
} 
 
#pravo-top{
float:right;
width:160px; 
text-align: right;
}

#header{
 width:390px;
 background-color: #370110;
 }

#menu{
 width:390px;
 margin-bottom: 0px;
 font-family: Times New Roman;
 text-transform: uppercase;
 background-color: #370110;
 }
 
#content{
 width:390px;
 color: #ffeffe;
 background-color: #370110;
 }

#niz{
 clear:both;
 width:390px;
 height:1px;
 }
 
#copyright{
 clear:both;
 width:390px;
 height: 39px; 
 }

#pokaz{
 width:390px;
 } 

#amatar{ 
width: 390px; /* Ширина */
height: 195px; 
position: relative;
overflow:hidden;
margin-bottom: 8px;"
}

#planeta{ 
width: 390px; /* Ширина */
height: 390px; 
position: absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
width:390px;
height:390px;
object-fit:cover;
}

/*стиль всплывающих подсказок (дополнительно в скрипте в файле script.js) */ 

#hint{
position:absolute; 
background: #200008; 
border: 0; 
width: 0; 
text-align: left; 
font-size: 80%;
 } 

#hint_title{
 background: #550116; 
 padding: 0px; 
 text-transform: uppercase; 
 font-weight: bold; 
 font-family: Times New Roman;
 }

#hint_text{
 padding: 0px; 
 font-family: Arial Narrow, sans-serif;
 }
 
H1 { 
    font-size: 120%; /* Размер шрифта */
    font-family: Times New Roman;
    text-align: center;
    color: #FF9900; /* Цвет текста */
    text-transform: uppercase; /* Все буквы большие */
    margin-bottom: 7px;
    margin-top: 7px;
    padding-left: 5px;
    padding-right: 5px;
   }

H2 { 
    font-size: 120%; /* Размер шрифта */
    font-family: Times New Roman;
    text-align: center;
    color: #FF9900; /* Цвет текста */
    margin-bottom: 7px;
    margin-top: 7px;
    padding-left: 5px;
    padding-right: 5px;
   }
 
H3 { 
    font-size: 103%;
    font-family: Arial Narrow;
    color: #FF9900;
    margin-bottom: 0px;
   }   
   
H4 { 
    font-size: 108%;
    font-family: Arial Narrow;
    color: #FF9900;
    margin-bottom: 0px;
   }   

H5 { 
    font-size: 120%; /* Размер шрифта */
    font-family: Times New Roman;
    color: #FF9900; /* Цвет текста */
    margin-bottom: 2px;
    margin-left: 2px;
   }

H6 { 
    font-size: 120%; /* Размер шрифта */
    font-family: Times New Roman;
    text-align: center;
    color: #FFFFFF; /* Цвет текста */
    text-transform: uppercase; /* Все буквы большие */
    margin-bottom: 7px;
    margin-top: 7px;
   }
  
P {
  padding-left: 5px;
  padding-right: 5px;
  text-align: left;
  color: #ffeffe;
  font-family: Arial Narrow, sans-serif;
  line-height: 1.2;
  margin: 3px 0;
}

p img {
  margin-left: -5px;
   } 

p table {
  margin-left: -5px;
   } 

p iframe {
  margin-left: -5px;
   } 
   
p img.dalei {
  margin-left: 0px;
   }   
   
p.fl:first-letter {
    font-size: 200%; /* Размер буквы */
    /* font-family: Times New Roman; */
    font-weight: bold;
    color: #FF9900; /* Цвет буквы */
    float: left; /* Выравнивание по левому краю */
    margin: 0 3 0 0; /* Отступы вокруг буквы */
   }

p.fl005:first-letter {
    font-size: 200%; /* Размер буквы */
    /* font-family: Times New Roman; */
    font-weight: bold;
    color: #ff33ff; /* Цвет буквы */
    float: left; /* Выравнивание по левому краю */
    margin: 0 3 0 0; /* Отступы вокруг буквы */
   } 
   
ul {
  list-style-image: url('../az-mal/li1.gif');
  text-align: left;
  color: #ffffff;
  font-family: Arial Narrow, sans-serif; 
  line-height: 1.2;
  padding-left: 23px;
  padding-right: 10px;
  margin: 0px 0;
  }

ul ul {
  list-style-image: url('../az-mal/li2.gif');
  text-align: left;
  color: #ffffff;
  font-family: Arial Narrow, sans-serif; 
  line-height: 1.2;
  padding-left: 12px;
  padding-right: 0px;
  margin: 0 0 0 0;
  }
    
li {
   padding-left: 0px; /* Отступ от маркера до текста */
   }

ol {
  text-align: left;
  color: #ffeffe;
  font-family: Arial Narrow, sans-serif; 
  line-height: 1.2;
  padding-left: 20px;
  padding-right: 0px;
  margin: 0 5 0 3;
  }

A:link { 
    text-decoration: none; /* Убирает подчеркивание для ссылок */
   } 
   A:visited { text-decoration: none; } 
   A:active { text-decoration: none; }
   A:hover {
    text-decoration: underline; /* Делает ссылку подчеркнутой при наведении на нее курсора */
    color: #FF9900; /* Цвет ссылки */
   } 

A { color: #FF9900; }
   A.link1 { color: #FFFFFF; }

hr {
    border: none; /* Убираем границу */
    background-color: #ffffff; /* Цвет линии */
    color: #ffffff; /* Цвет линии для IE6-7 */
    opacity: .3;
    height: 1px; /* Толщина линии */
    margin: 7px 1px 7px 1px;
   }

#icon {
    width: 66px;
    height: 66px;
    background-repeat:no-repeat;
    margin-top: 4px;
}

.m_0 {
color : White;
text-decoration : none;
}

div { /* запрет копирования */
    -moz-user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none;   
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -khtml-user-select: none;
}

<!-- увеличение рисунка при нажатии /-->
img[tabindex="0"] {
  cursor: zoom-in;
}
img[tabindex="0"]:focus {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: auto;
  height: auto;
  max-width: 99%;
  max-height: 99%;
  margin: auto;
  box-shadow: 0 0 20px #000, 0 0 0 1000px rgba(210,210,210,.4);
}
img[tabindex="0"]:focus,  /* убрать строку, если не нужно, чтобы при клике на увеличенное фото, оно возвращалось в исходное состояние */
img[tabindex="0"]:focus ~ * {
  pointer-events: none;
  cursor: zoom-out;
}
<!-- конец увеличение рисунка при нажатии /-->


<!-- КОММЕНТАРИИ:
=========================================================
	<a href="2.html" class="link1">Ссылка 2</a> | 
	<a href="3.html" class="link2">Ссылка 3</a>

<hr>
<hr>

=========================================================
/-->