body{
 width:100%;
 margin:0px;
 background-image: url(../image/background1.jpg);
 background-position: center;
 background-position: top;
 background-repeat:no-repeat;
 color: #ffeffe;
 background-color: #0B0D3E;
 }

#main{
 width:645px;
 margin:0 auto;
 }

#flag{
 width:645px;
 height:15px;
 }

#top{
 width:645px;
 }

#header{
 width:645px;
 }

#menu{
 width:645px;
 margin-bottom: 3px;
 font-family: Times New Roman;
 text-transform: uppercase;
 }
 
 #knigi{
  width:645px;
  height:124px;
  margin-bottom: 11px;
 }

#dop-menu{
  width:645px;
  margin-bottom: 15px;
  font-family: Times New Roman;
 } 
 
#levo{
 float:left;
 width:0px;
 } 

#content{
 float:left;
 width:390px;
 color: #ffeffe;
 }

#pravo{
 float:right;
 width:250px; 
}

#niz{
 clear:both;
 width:645px;
 height:1px;
 }
 
#footer{
 clear:both;
 width:645px;
 }

#copyright{
 clear:both;
 width:645px;
 height:28px;
 }

#pokaz{
 width:390px;
 } 
 
#hint{
position:absolute; 
background: #11131d; 
border: 0; 
width: 0; 
text-align: left; 
font-size: 80%;
 } 

#hint_title{
 background: purple; 
 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;
   }

H2 { 
    font-size: 120%; /* Размер шрифта */
    font-family: Times New Roman;
    text-align: center;
    color: #FF9900; /* Цвет текста */
    margin-bottom: 7px;
    margin-top: 7px;
   }
 
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;
   }
   
P {
  padding-left: 0px;
  padding-right: 0px;
  text-align: left;
  color: #ffeffe;
  font-family: Arial Narrow, sans-serif;
  line-height: 1.2;
  margin: 3px 0;
}

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('../image/ikonki/li.gif');
  text-align: left;
  color: #ffeffe;
  font-family: Arial Narrow, sans-serif; 
  line-height: 1.2;
  padding-left: 20px;
  padding-right: 0px;
  margin: 0px 0;
  }
  
li {
   padding-left: 3px; /* Отступ от маркера до текста */
   }
   
ol {
  text-align: left;
  color: #ffeffe;
  font-family: Arial Narrow, sans-serif; 
  line-height: 1.2;
  padding-left: 20px;
  padding-right: 0px;
  margin: 0px 0;
  }
  
li {
   padding-left: 3px; /* Отступ от маркера до текста */
   }   

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 { font-size: 12px; color: green; }
   A.link2 { font-size: 14px; color: blue; }

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

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

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>

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