/* Copyright  Олег  Гузь   ©   2017 г.  14 сентября 2017 года сделаны поправки
<a href="http://izknigi.narod.ru" target="_blank" title="Книжное издательство 
«ЭЛЕКТРОННАЯ  КНИГА»">Дизайн, вёрстка и компиляция электронных книг</a> */

@-viewport {  width: device-width; 
 }

@media screen and (max-width: 960px) {  /** Style Rules here **/ 
 }


a:link { text-decoration: none; color: red;}
a:visited { text-decoration: underline; color: red;}
a:active { text-decoration: none; color: red;}
a:hover { text-decoration: overline; color: black; }

.top {
text-align: center;
width:650px;
border: 2px solid #339900;
background:#CCFFCC;
text-align:center;
padding:9px;
cursor:pointer;
color: #000000;
font-family:verdana;
font-size:16px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
}

#data
{
margin-top: 0; 
margin-bottom: 0; 
line-height: 100%;
text-align: center;
font-family: verdana, Tahoma;  
font-size: 12px;
}

.index 
    {
font-size: 10pt;
color: black;
font-family: "Times New Roman", Arial, Georgia, Trebuchet MS; 
font-weight: bold;
font-style: normal;
}

.r19
    {
font-size: 19pt;
color: black;
font-family: "Times New Roman", Arial, Georgia, Trebuchet MS; 
font-weight: bold;
font-style: normal;
}

.vopros
    {
color: red;
font-size: 14pt;
font-family: "Times New Roman", Arial, Georgia, Trebuchet MS; 
font-weight: bold;
font-style: italic;
}

.ind {
text-align: justify;
border: 2px dotted #339900;
background: #FFFFCC;
padding:9px;
color: #000000;
font-family:verdana;
font-size:16px;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
-khtml-border-radius: 7px;
}


.topbutton {
width:70px;
border:2px solid #339900;
background:#ffffff;
text-align:center;
padding:9px;
position:fixed;
bottom:20px;
right:30px;
cursor:pointer;
color:#339900;
font-family:verdana;
font-size:16px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
}

style2
{
a:link, a:visited, a:active { text-decoration: none; color: green;}
a:hover { text-decoration: none; color: red; }
}

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

H1
{
color: #A52A2A;
font-family: "Times New Roman", "Comic Sans MS"; 
font-weight: bold;
font-size: 30px;
text-align: center;
valign: bottom;
padding: 0px;
clear: both;
}

H2 
{
font-weight: bold;
color: green;
font-size: 25px;
font-family: Georgia;
text-align: center;
}

H3
{
color: green;
font-style: italic;
font-weight: normal;
font-size: 18pt;
font-family: "Times New Roman", Georgia;
text-align: center;
}



H4 
{
color: black;
font-weight: normal;
font-size: 16pt;
font-family: "Times New Roman", Georgia; 
text-align: center;
}

H5 
{
color: black;
font-weight: bold;
font-size: 12px;
font-family: Georgia; 
text-align: right;
}

H6
{
color: black;
font-weight: normal;
font-size: 8pt;
font-family: Georgia; 
text-align: center;
}



h2.trigger {
background: url("img/h2_trigger.gif") no-repeat; 
width: 500px;
height: 46px;
padding: 0 0 0 0px;
margin: 0 0 5px 0;
font-weight: normal;
font-size: 1.6em;
float: left;
line-height: 46px;
}

h2.trigger  a {
color: #000;
text-decoration: none;
display: block;
}

h2.trigger  a:hover {
color: #FF0000;
background: url("img/h2_trigger2.gif") no-repeat;
background-position: right bottom;
}

h2.active {
background-position: right bottom;
}

.toggle_container {
background: url("img/toggle_b.gif") repeat-y;
margin: 0 0 5px;
padding: 0;
border-top: 1px solid #d6d6d6;
font-size: 1em;
width: 500px;
clear: both;
overflow: hidden;
}

.block {
padding: 20px;
background: url("img/toggle_c.gif") no-repeat right bottom;
}


.border
{
border-style: solid; 
border-color: green; 
border-width:1px; 
border-collapse: collapse; 
}

.border1
{
border-style: dashed;
border-color: black; 
border-width:1px; 
border-collapse: collapse; 
}

.border2
{
border-style: dashed;
border-color: green; 
border-width:1px; 
border-collapse: collapse; 
}

.border3
{
border-style: dashed;
border-color: #ffffff; 
border-width:1px; 
border-collapse: collapse; 
}

.border4
{
border-style: dashed;
border-color: green; 
border-width:3px; 
border-collapse: collapse; 
}

.bottom
 {
color: black;
font-weight: normal;
font-size: 16px;
font-family: "Times New Roman", Trebuchet MS, Georgia; 
text-align: justify;
text-valign: bottom;
}

.td
{
align="center"; 
border="5"; 
hspace="0"; 
vspace="0";  
bgcolor="#f6f6f6"
}


.book
{
color: black;
font-size: 8pt;
font-family: Verdana, "Times New Roman", Georgia;
font-weight: normal;
text-align: center;
}

.reklama 
{
color: black;
font-style: italic;  
font-weight: normal;
font-size: 14px;
font-family: Georgia; Trebuchet MS; 
text-align: left;
}

#heder 
{
color: #A52A2A;
font-family: "Times New Roman", "Comic Sans MS"; 
font-weight: bold;
font-size: 30px;
text-align: center;
valign: bottom;
padding: 0px;
clear: both;
}

#stat 
{
color : black;
background: #ffffff;
font-family: "Times New Roman";
font-style: normal;  
font-weight: normal;
font-size: 16px;
text-align: left;
padding: 0px;
clear: both;
}

#stat  a {
color : #0c56b5;
background: #ffffff;
}

#stat  a:visited {
color : black;
text-decoration: none;
background: #ffffff;
}

#stat  a:hover {
color : #fff;
background: green;
}

#stat  p {
padding: 0px;
text-align: left;
}

#stat ul {
list-style-image: url('img/tr.jpg')
}

#stat li {
margin-left: 1px;
padding-bottom: 15px;
padding-right: 25px;
}

#arhiv {
color : black;
background: #ffffff;
font-family: "Times New Roman";
font-style: normal;  
font-weight: normal;
font-size: 16pt;
text-align: left;
padding: 0px;
clear: both;
}

#arhiv  a {
color : black;
background: #ffffff;
}

#arhiv  a:visited {
color : black;
text-decoration: none;
background: #ffffff;
}

#arhiv  a:hover {
color : #fff;
background: green;
}

#arhiv  p {
padding: 0px;
text-align: left;
}

#arhiv ul {
list-style-image: url('img/chgreen.gif')
}

#arhiv li {
margin-left: 1px;
padding-bottom: 15px;
padding-left: 15px;
}

.menu1 
{font-family: Georgia; 
font-size: 25px;
color: black;
font-weight: bold;
text-align: center;
}


.menu2 
{font-family: Georgia; 
font-size: 18px;
color: black;
text-indent : 40px;
font-weight: normal;
text-align: left;
}

.menu3 
{font-family: Georgia; 
font-size: 16px;
color: black;
text-indent : 80px;
font-weight: normal;
text-align: left;
}

.menu4 
{font-family: Georgia; 
font-size: 18px;
color: black;
text-indent : 200px;
font-weight: normal;
text-align: left;
}


#menu {
background: url(img/menu_bg.jpg) repeat-x;
border-top-color: #fff;
border-bottom-color: #008000;
border-style: solid; 
border-width:1px;
text-align: center;
color : #fff;
font-family: "Times New Roman"; 
font-weight: normal;
font-size: 16px;
margin-left: 0px;
clear: both;
}

#menu ul {
list-style-type : none;
}

#menu li {
display : inline;
margin: 0 3px;
}

#menu li a {
text-decoration: none;
color : #ff0;
}

#menu li a:hover {
text-decoration: overline;
color : #fff;
}

a {
text-decoration: none;
}

#menu2 {
background: url(img/menu_bg.jpg) repeat-x;
border-color: #008000;
border-style: solid; 
border-width:1px;
text-align: center;
color : #fff;
font-family: "Times New Roman"; 
font-weight: normal;
font-size: 18pt;
padding: 10px;
}

#menu2 ul {
list-style-type: none;
}


#sod {
color: black;
background: lightyellow;
font-family: "Times New Roman"; 
font-weight: normal;
font-size: 22px;
text-align: left;
margin-left: 0px;
}

#sod ul {
list-style-type: none;
}


#sod  a:link { 
text-decoration: none;  
color: blue;
}

#sod  a:active { 
text-decoration: underline;
color: black;
}

#sod  a:visited { 
text-decoration: none;  
color: #000;
}

#sod  a:hover {
color: #fff;
background: #339900;
text-decoration: none;
}

#sod1 {
color: black;
background: #ffffff;
font-family: "Times New Roman"; 
font-weight: normal;
font-size: 20px;
text-align: left;
margin: 35px;
padding: 0px;
clear: both;
}

#sod1 ul {
list-style-image: url('ch.jpg')
}

#sod1 li {

margin: 10  8px;
}

#sod1  a {
color : black;
background: #ffffff;
}

#sod1  a:hover {
color : #fff;
background: green;
}

#sod1  p {
padding: 3px;
text-align: left;
}

#sod2 {
color: black;
background: lightyellow;
font-family: "Times New Roman"; 
font-weight: normal;
font-size: 20px;
text-align: left;
margin: 0px;
text-indent: 0px;
padding: 0px;
clear: both;
}

.sod 
{
font-family: Georgia;
font-style: italic; 
font-size: 18px;
color: black;
font-weight: normal;
text-align: center;
}

.sod1 
{
font-family: Georgia; 
font-size: 16px;
color: black;
font-weight: normal;
text-align: center;
}


.sod2 
{
font-family: Georgia; 
font-size: 20px;
color: red;
font-weight: bold;
text-align: center;
}

.sod3 
{
font-family: Georgia;
font-style: italic;  
font-size: 18pt;
color: black;
font-weight: normal;
text-align: center;
}

#new {
color : black;
background: #ffffff;
font-family: "Times New Roman"; 
font-weight: normal;
font-size: 18px;
text-align: left;
margin: 10px;
padding: 0px;
clear: both;
}

#new ul {
list-style-image: url('img/new.gif')
}

#new li {

margin: 10  8px;
}

#new  a {
color : green;
background: #ffffff;
}

#new  a:hover {
color : #fff;
background: green;
}

#new  p {
padding: 3px;
text-align: left;
}

#black 
{
font-family: Verdana, Times New Roman, Georgia;
font-size: 13pt;
color: black;
text-indent: 0px;
padding-left: 15px;
font-weight: normal;
text-align: left;
}

.black 
{
font-family: Verdana, Times New Roman, Georgia;
font-size: 16px;
color: black;
text-indent : 0px;
font-weight: normal;
text-align: justify;
}

.black1 
{
font-family: Verdana, Times New Roman, Georgia;
font-size: 16px;
color: black;
text-indent : 0px;
font-weight: normal;
text-align: justify;
}

.black2 
{
font-family: Verdana, Times New Roman, Georgia; 
font-size: 12pt;
color: black;
font-weight: normal;
text-align: justify;
}

.center 
{
font-family: Georgia;
font-size: 14pt;
color: black;
margin-left: 140px;
font-weight: normal;
text-align: left;
}

.center1 
{
font-family: Georgia;
font-size: 13px;
color: black;
margin-left: 140px;
font-weight: normal;
text-align: left;
}

.center2 
{
font-family: "Times New Roman", Georgia;
font-size: 14pt;
color: black;
font-weight: normal;
text-align: center;
}

.center3 
{
font-family: Georgia;
font-size: 14pt;
color: black;
margin-left: 200px;
font-weight: normal;
text-align: left;
}

.italic 
{
color: black;
font-style: italic; 
font-weight: normal;
font-size: 18px;
font-family: Georgia; 
text-align: center;
}

.italic1 
{
color: black;
font-style: italic; 
font-weight: normal;
text-indent : 50px;
font-size: 16px;
font-family: Georgia; 
text-align: justify;
}


#footer {
background: url(footer_bg.jpg) repeat-x;
color : black;
font-size: 65%;
padding: 0px;
border-top-color: #008000;
border-bottom-color: #fff;
border-left-color: #fff;
border-right-color: #fff;
border-style: solid; 
border-width:1px;
valign: bottom;
clear: both;
}

#footer a {
text-decoration: underline;
color : black;
}

#footer a:hover {
text-decoration: underline;
color : blue;
}

#footer p {
padding: 0px;
text-align: center;
}



.footer 
{
color: black;
font-weight: normal;
font-size: 14px;
font-family: Georgia; 
text-align: center;
}

.left 
{
color: black;
font-style: italic;  
font-weight: normal;
font-size: 18px;
font-family: Georgia; Trebuchet MS; 
text-align: left;
}

.right 
{
color: black;  
font-weight: normal;
font-size: 18px;
font-family: Georgia; Trebuchet MS; 
text-align: right;
}

.right2 
{
color: black;
font-style: italic;   
font-weight: normal;
font-size: 18px;
font-family: Georgia; Trebuchet MS; 
text-align: right;
}

.right3 
{
color: black;  
font-weight: normal;
font-size: 11px;
font-family: Georgia; Trebuchet MS; 
text-align: right;
}

.right4 
{
color: black;  
font-weight: bold;
font-size: 14px;
font-family: Georgia; Trebuchet MS; 
text-align: right;
}

.small
{
color: black;
font-style: normal; 
font-weight: normal;
font-size: 12px;
font-family: Trebuchet MS; 
text-align: left;
}


.sup 
{
color: black;
font-size:6px;
font-family: Verdana;
font-weight: bold;
text-align: justify;
text-transform: uppercase;
} 


P1 
{
color: black;
font-size: 24px;
font-family: Verdana;
text-align: center;
 valign="bottom";
}



.HR 
{
color: black;
font-size: thin;
text-align: center;
width="660";
}

#test1 {
margin: 2em auto;
width: 160px;
height: 160px;
}