/*@import url("reset.css");  Сброс стилей по умолчанию */
html, body {
	height: 100%;
}
*{
	margin: 0;
	padding: 0;
}
.aside_link a:link{
	text-decoration: none; /* Убирает подчеркивание для ссылок */
	color: #000000;
	font: 1em verdana, sans-serif;
   }
.aside_link a:visited{
	text-decoration: none; /* Убирает подчеркивание для ссылок */
	color: #000000;
	font: bold 1.2em verdana, sans-serif;
   }

.left /*Выравнивание текста по левому краю*/
{
	text-align: left;
}
.center /*Выравнивание текста по центру*/
{
	text-align: center;
}
.right /*Выравнивание текста по правому краю*/
{
	text-align: right;
/*	font: bold 1.2em verdana, sans-serif;*/
}
.black h3 /*Чёрный цвет для заголовков 3 уровня (обычный цвет - синий)*/
{
	color: #000000;	
}
.black h4 /*Чёрный цвет для заголовков 4 уровня (обычный цвет - красный)*/
{
	color: #000000;	
}
.example /*Синий цвет для примеров*/
{
	color: #0054b9;	
}
.licence /*Зелёный цвет для лицензируемого ПО*/
{
	color: #34a853;	
}
.big_interline /*Увеличенный интервал между строчками*/
{
	line-height: 2;
}
#wrapper{
	/*background-color: #d9d8da;*/		
	background-color: #ffffff;		
	margin: 2em auto 0;
	min-height: 100%;
}
section{
	/*background-color: #bfc1bf;*/
	font: 1.1em verdana, sans-serif;
	background-color: #ffffff;	
	margin: 0 2.5%;
	float: left;
}
aside
{
	float: right;
    width: 15%;
	height: auto;
	margin-bottom: 3%;
}
 /* Маленькие экраны c вертикальной ориентаций */      
        @media screen and (max-width: 768px) and (orientation: portrait){
        	#wrapper{width: 98%;}
/*        	#new{display: none}*/
        	body{font: normal 80% verdana, sans-serif;}
        	aside{width: 95%;}        	        	
			section{width: 95%;}
			nav li, ul {display: block;}
			.g_long {display: none;}
        } 
/* Маленькие экраны c горизонтальной ориентаций */         
        @media screen and (max-width: 768px) and (orientation: landscape){
        	#wrapper{width: 98%;}
        	#new{display: none}
        	body{font: normal 90% verdana, sans-serif;}
        	aside{width: 95%;} 
			section{width: 95%;}
			nav li, ul{display: inline-block;}
			.g_short {display: none;}
        } 
/* Средние экраны */
        @media screen and (min-width: 769px) and (max-width: 1279px){
            #wrapper{width: 95%;}
            body{font: normal 80% verdana, sans-serif;}
        	aside{width: 20%}        	
        	section{width: 75%;}
			nav li, ul{display: inline-block;}
			.g_short {display: none;}
        }
/* Большие экраны */
        @media screen and (min-width: 1280px){
            #wrapper{width: 75%;}
        	body{font: normal 100% verdana, sans-serif;}
        	aside{width: 25%;}
        	section{width: 70%;}
			nav li, ul{display: inline-block;}
			.g_short {display: none;}
        }
#logo /* Логотип */
{
	float: left;
	font: bold 2.2em verdana, sans-serif;
	letter-spacing:-0.12em;
	color: #000000;
	background-color: #ffce0a; /* Жёлтый */
	padding: 0.14em 0.4em;
	margin: -0.6em 2.5%;
}
#main_header /* Зелёная шапка */
{
	background-color: #34a853; /* Зелёный */
}
article
{
	margin-bottom: 0.8em;
	font: 1em Verdana, sans-serif;
	line-height: 1.6;
}
figcaption
{
	font: 0.8em verdana, sans-serif;
	margin: 0 0 0 0;
/*	float: left;*/
}	
.donation
{	
	background-color: #ffffff;	
}
.donation h3 /* Оранжевый h3 справа */
{
	font: 1.4em verdana, sans-serif;
	margin: -1em;
	color: #fa590f;
}
footer{
	clear: both;
	text-align: center;
	padding: 0.5em;
	background-color: #34a853;
	font: 1em verdana, sans-serif;
	color: #ffffff;
	text-align: center;
	height: 1.5em;
}
h1, #header
{
	font: bold 2em verdana, sans-serif;
	padding: 1.2em 0;
	color: #FFFFFF;
	text-align: center;
}
h2
{
	font: 2em verdana, sans-serif;
	padding: 1.2em 0 0.8em;
	color: #000000;
	text-align: center;
}
h3
{
	font: 1.8em verdana, sans-serif;
	padding: 1em 0;
	color: #0054b9;
}
#home h3 /* Оранжевый h3 на главной странице */
{
	font: 1.8em verdana, sans-serif;
	padding: 1em 0;
	color: #fa590f;
}
h4
{
	font: 1.2em verdana, sans-serif;
	padding: 1em 0 ;
	color: #ff0000;
}
.centure h4
{
	font: bold 1.6em verdana, sans-serif;
	padding: 1em 0;
	color: #ff0000;
}
h5
{
	font: bold 1em verdana, sans-serif;
	padding: 1em 0 ;
	color: #000000;	
}
nav /* Панель навигации */
{
	float: left;
	margin-top: -0.6em;
	margin-left: 2.5%;
}
nav li /* Кнопка на панели навигации */
{
	margin-bottom: 0.4em;
	padding: 0.3em 1em;
	color: #000000;
	background-color: #ffce0a;
	font: bold 1em verdana, sans-serif;
}
.shelf /* Ссылка на Раздел */
{
	text-align: right;
	font: 1.2em verdana, sans-serif;
}
nav a /* Ссылка на кнопке панели навигации */
{
	text-decoration: none;		
}
#selected /* Активная кнопка панели навигации */
{
	color: #ffffff;
	background-color: #34a853;
}
.float_left{
	float:left;
}
.float_right{
	float:right;
}
.center{
	text-align: center;
}
nav	a:link
{
	color: #000000;
}
nav	a:visited
{
	color: #000000;
}
nav	a:hover 
{
	color: #34a853;
}
a:link
{
	color: #0054b9;
/*	text-decoration: none; */
}
a:visited
{
	color: #34a853;
}
a:hover 
{
	color: #34a853;
}
a[href^="http"] /* Значок внешней ссылки */
{
	background: url('jpg/ext_link.jpg') no-repeat right top;	
	padding-right:0.8em;	
}
aside a[href^="http"] /* Значок внешней ссылки */
{
	background-image: none;	
	padding-right:0;	
}
p
{
	padding-bottom: 1em;
	line-height: 1.5em;
}
code{
	font-size: 1.5em;
}
img
{
	max-width: 100%;
	/* float: right; */
}
#next a /* Следующая статья */
{
	background: url('jpg/next_link.jpg') no-repeat right;	
	padding-right:2.5em;	
}
#next /* Следующая статья */
{
	text-align: right;
}
#prev a /* Предыдущая статья */
{
	background: url('jpg/prev_link.jpg') no-repeat left;	
	padding-left:2.5em;	
}
#prev
{
	text-align: left;
}
time{
	color: #999999;
}
table 
{
	font: 0.8em verdana, sans-serif;
	border-collapse: collapse;
	text-align: center;
}
caption /* Заголовок таблицы */
{
	font: 1.6em verdana, sans-serif;
	color: #000000;
	padding-bottom: 0.3em;
	text-align: right;
}
td:first-child /* Первый столбик таблицы */
{
	text-align: left;
}
th
{
	background-color: #ff0000;
	color: #FFFFFF;
	text-align: center;
}
th, td
{
	padding: 0.3em 0.3em;/*Поля вокруг текста*/
	border: 1px solid #ff0000;
}
.no_border td, th
{
	border: 1px solid #ffffff;
}
.string_head
{
	background-color: #ffce0a;/*жёлтые строки в таблице*/
}
ul
{
	list-style: none;
	margin-left: 0;
	margin-bottom: 0.2em;
}
.li_1
{
	list-style-image: url(li_1.jpg);/*красный маркер списка первого уровня*/
	padding-left: 1.5em;
}
.li_2
{
	list-style-image: url(li_2.jpg);/*зелёный маркер списка второго уровня*/
	padding-left: 1.2em;
}

.li_3
{
	list-style-image: url(li_3.jpg);/*оранжевый маркет маркер списка третьего уровня*/
	padding-left: 1.2em;
}
.li_4
{
	list-style-image: url(li_4.jpg);/*синий маркет маркер списка четвёртого уровня*/
	padding-left: 1.2em;
}
.li_5
{
	list-style-image: url(li_5.jpg);/*синий маркет маркер списка четвёртого уровня*/
	padding-left: 1.2em;
}

/* Красивый нумерованный список */

.ol {
    margin-left: 0;
    padding-right: 0;
    list-style-type: none;
} 
.ol_red {
    margin-left: 0;
    padding-right: 0;
    list-style-type: none;
} 
.ol_green {
    margin-left: 0;
    padding-right: 0;
    list-style-type: none;
}
.ol_magenta {
    margin-left: 0;
    padding-right: 0;
    list-style-type: none;
}    
.ol li {
    counter-increment: step-counter;
}
.ol_red li {
    counter-increment: step-counter;
}
.ol_green li {
    counter-increment: step-counter;
}
.ol_magenta li {
    counter-increment: step-counter;
}
.ol li::before {
  background-color: #ffce0a;
  border-radius: 0.2em;
  color: black;
  content: counter(step-counter, decimal);
  margin-right: 0.5em;
  padding: 0.05em 0.4em;
}
.ol_red li::before {
  background-color: #ff0000;
  border-radius: 0.2em;
  color: #ffffff;
  content: counter(step-counter, decimal);
  margin-right: 0.5em;
  padding: 0.05em 0.4em;
}
.ol_green li::before {
  background-color: #34a853;
  border-radius: 0.2em;
  color: #ffffff;
  content: counter(step-counter, decimal);
  margin-right: 0.5em;
  padding: 0.05em 0.4em;
}
.ol_magenta li::before {
  background-color: #9400D3;
  border-radius: 0.2em;
  color: #ffffff;
  content: counter(step-counter, decimal);
  margin-right: 0.5em;
  padding: 0.05em 0.4em;
}
.year {
  background-color: #ffce0a;
  border-radius: 0.2em;
  color: black;
  content: counter(step-counter, decimal);
  margin-right: 0.5em;
  padding: 0.05em 0.4em;
}

/* ФОРМЫ */
fieldset
{ 
	width: 35%;
	float: left;
	margin: 0.8em 2em 0.8em 0;
	padding: 1.2em;
	border: 1px solid #ccc;
	background-color: #f9edbe;
}
legend
{
	font: 1.1em verdana, sans-serif;
	color: #ff0000;
}
input
{
	width: 95%;
	font: 0.9em verdana, sans-serif;
	text-align: left;
}
textarea
{
	font: 0.9em verdana, sans-serif;
	text-align: left;
}
label, input
{
	display: block; 
	clear: left;
}
#option input, label
{
	width: auto;
	display: inline;
}
table input
{
	margin-left: 0.6em;
	width: 3em;
	text-align: center;
	font: 1em verdana, sans-serif;
}