/*@import url("reset.css");  Сброс стилей по умолчанию */
html, body {
	height: 100%;
}
*{
	margin: 0;
	padding: 0;
}
.left /*Выравнивание текста по левому краю*/
{
	text-align: left;
}
.center /*Выравнивание текста по центру*/
{
	text-align: center;
}
.map{
	padding:auto;	
}
.picture
{
	margin: -3em 0 0 0;
	color: #ffffff;
}
.interline /*Увеличенный межстрочный интервал*/
{
	line-height: 1.8;
}
.right /*Выравнивание текста по правому краю*/
{
	text-align: right;
}
.black h3 /*Чёрный цвет для заголовков третьего уровня (обычный цвет - синий)*/
{
	color: #000000;	
}
#wrapper{
	/*background-color: #d9d8da;*/		
	background-color: #ffffff;		
	margin: 2em auto 0;
	min-height: 100%;
}
.title{
	margin: -2em 0 0 0;
	text-align: center;
	font: normal 70% verdana, sans-serif;		
}
/* Маленькие экраны c вертикальной ориентаций */         
        @media screen and (max-width: 768px) and (orientation: portrait){
        	#wrapper{width: 100%;} 
        	body{font: normal 80% verdana, sans-serif;}
/*        	aside{display: none;}	*/
			section{width: 95%;}
			nav li, ul {display: block;}
        } 
/* Маленькие экраны c горизонтальной ориентаций */         
        @media screen and (max-width: 768px) and (orientation: landscape){
        	#wrapper{width: 100%;}
        	body{font: normal 90% verdana, sans-serif;}
/*        	aside{display: none;}	*/
			section{width: 95%;}
			nav li, ul{display: inline-block;}
        } 
/* Средние экраны */
        @media screen and (min-width: 769px) and (max-width: 1279px){
            #wrapper{width: 80%;}
            body{font: normal 90% verdana, sans-serif;}
/*        	aside{width: 20%;}	*/	
        	section{width: 75%;}
			nav li, ul{display: inline-block;}
        }
/* Большие экраны */
        @media screen and (min-width: 1280px){
            #wrapper{width: 70%;}
        	body{font: normal 90% verdana, sans-serif;}
/*        	aside{width: 25%;}	*/	
        	section{width: 95%;}
			nav li, ul{display: inline-block;}
        }
section{
	/*background-color: #bfc1bf;*/
	font: 1.1em verdana, sans-serif;
	background-color: #ffffff;	
	margin: 0 2.5%;
	float: left;
}
article
{
	margin-bottom: 0.8em;
	font: 1em Verdana, sans-serif;
	line-height: 1.6;
}
footer{
	clear: both;
	text-align: center;
	padding: 0.5em;
	background-color: #34a853;
	font: 1em sans-serif;
	color: #ffffff;
	text-align: center;
	height: 5em;
}
h1, #header
{
	font: bold 2.8em tahoma, verdana, sans-serif;
	padding: 0.2em 0;
	color: #000000;
	text-align: center;
}

h2
{
	font: bold 2em tahoma, verdana, sans-serif;
	padding: 1.2em 0 0.8em;
	color: #34a853;
/* 	color: #ff0000; */
	text-align: center;
}
h3
{
	font: 1.8em tahoma, verdana, sans-serif;
	padding: 1em 0;
	color: #0054b9;
}
.blue
{
	font: 1.8em tahoma, verdana, sans-serif;
/*	font-style: italic;  */
	padding: 1em 0;
	color: #0054b9;
}
.green
{	
	color: #34a853;
}
.red
{	
	color: #ff0000;
}
.gray
{	
	color: gray;
}
#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;
}
nav /* Панель навигации */
{
	float: left;
	margin-top: -0.6em;
	margin-left: 2.5%;
}
nav li /* Кнопка на панели навигации */
{
	margin-bottom: 0.4em;
	padding: 0.3em 1em;
	color: #999999;
	background-color: #ffffff;
	font: bold 1em verdana, sans-serif;
}
nav a /* Ссылка на кнопке панели навигации */
{
	text-decoration: none;		
}
#selected /* Активная кнопка панели навигации */
{
	color: #000000;
	background-color: #CCCCCC;
}
.float_left{
	float:left;
}
.float_right{
	float:right;
}
#float_center{
	margin:0 auto 0;
}
.center{
	text-align: center;
}
nav	a:link
{
	color: #000000;
}
nav	a:visited
{
	color: #000000;
}
nav	a:hover 
{
	color: #ff0000;
}
a:link
{
	color: #0054b9;
}
a:visited
{
	color: #34a853;
}
a:hover 
{
	color: #ff0000;
}
/*a[href^="http"] /* Значок внешней ссылки
{
	background: url('jpg/ext_link.jpg') no-repeat right top;	
	padding-right:0.8em;	
}*/
p
{
	padding-bottom: 1em;
	line-height: 1.5em;
}
img
{
	max-width: 100%;
	/* float: right; */
}
time{
	color: #999999;
}
table 
{
	font: 1em verdana, sans-serif;
	border-collapse: collapse;
	text-align: center;
}
tr:nth-child(odd)
{
/* 	background-color: #ffce0a; */
	background-color: #FFFFE0;
}
td:first-child
{
	font-size: 1.2em;
}
th
{
	background-color: #98FB98;
	font: 1.2em verdana, sans-serif;
	color: black;
	text-align: center;
}
th, td
{
	padding: 0.3em 0.3em;/*Поля вокруг текста*/
/*	border: 1px solid #34a853; */
	border: 1px solid #34a853;
}
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;
}

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

.ol {
    margin-left: 0;
    padding-right: 0;
    list-style-type: none;
}
.ol li {
    counter-increment: step-counter;
}
.ol li::before {
  background-color: #ffce0a;
  border-radius: 0.2em;
  color: black;
  content: counter(step-counter, decimal);
  /*content: counter(step-counter, decimal-leading-zero);
  font-weight: bold;*/
  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;
}*/