body {
    font-family: "Courier New", "Liberation Mono", monospace; /* несколько запасных шрифтов */ font-stretch: condensed;
	max-width: 1500px; /* Максимальная ширина */
	margin:0 auto;
}
   h1 {
    font-size: 40px;
	text-align: center;
    line-height: 30px;
	margin: 0;
}
 
h2 {
    font-size: 30px;
    line-height: 30px;
	text-align: center;
	margin: 0 0 30px;
}
 
h3 {
    font-size: 24px;
    line-height: 40px;
}
 
h4 {
    font-size: 18px;
    line-height: 20px;
}
h6 {
    font-size: 15px;
    line-height: 15px;
	margin: 0;
}
p  {font-size: 16px;
    line-height: 18px;
	text-align: justify;
	text-indent: 40px; 
	margin: 0 0 7px 0;
	font-weight:500;

}
    .center {/*display:block;*/ margin:0 auto;}
	.c {	text-align: center; 	}
	.ar {
	  float: right;
	  margin: 10px 0 10px 15px;
	  max-width: 90%;
	  text-align: center;
	  font-size: 15px;
      font-weight:600;
	 
	}
	.al {
	  float: left;	
	  margin: 15px 10px 10px 0;
	  max-width: 90%;
	  text-align: center;
	  font-size: 15px;
      font-weight:600;
	}
	.ac {
	  margin: 0 auto;
	  max-width: 98%;
	  text-align: center;
	  font-size: 15px;
      font-weight:600;
	}
	.ac img {
	  max-width: 100%;	
	}	
   .stih {
    display: table;
    margin: 0 auto; /* для центрирования display: table; не нужно указывать ширину блока, она рассчитывается самостоятельно */ 
    white-space: pre-line; /* не нужен <br> */ 
    word-wrap: break-word; /* чтобы слова переносились на маленьком экране */ 
	padding: 10px;
	border: solid 1px #eed; /* Параметры рамки */
    border-radius: 10px;
	background: #f5f5f5; /* Цвет фона */
	font-style: italic;
   }

  .header, .sidebar, .content, .footer { 
    margin: 10px;
	padding: 10px; /* Поля */
    border: solid 1px #400; /* Параметры рамки */
    border-radius: 5px;
	background: #eee; /* Цвет фона */
	box-shadow: 3px 3px 5px rgba(122,122,165,0.4);
   }
   
   .header { /* Верхняя часть с заголовком */
    
    font-size: 24px; /* Размер шрифта */
	padding: 10px; /* Поля */
    border: solid 1px #000; /* Параметры рамки */
    background: #eee; /* Цвет фона */
   }
   .header h1 { /* Верхняя часть с заголовком */
    color: #400;
	font-weight:600;
   }
    .header p { /* Верхняя часть с заголовком */
    color: #400;
	font-size: 20px;
	font-weight:600;
	}
    .header a { 
    text-decoration: none; 
    color: #400;	
    }
   .layout {
	margin-top: 7px;
    margin-bottom: 7px;
    margin-left: 10px;
    margin-right: 10px;	
    min-width: 340px;  /*Минимальная ширина */
    max-width: 1500px; /* Максимальная ширина */
   }
   
   .footer {
	/* display: inline-block;   */
    color: #400;
	font-size: 14px;
	font-weight:600;	
    text-align: center;	
	}
   
   .knopka {
	display:block; 
    position: absolute;	
	z-index: 100;
    float: left;
	margin-top: 18px;
	padding: 0px 5px;
    vertical-align: text-bottom;	
	border: solid 1px #400; /* Параметры рамки */
	border-radius: 5px;
    background: #fff; /* Цвет фона */
	box-shadow: 3px 3px 5px rgba(122,122,165,0.4);
   }   
   .knopka a {
	text-decoration: none;   
	font-size: 16px;
    font-weight:600;	
    color: #400;	
   }
   
   
   .sidebar { /* Навигация по сайту */
    display:block;
	margin-top: 5px;
    margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 20px;
	z-index: 0;
    width: 240px; /* Ширина меню */
    float: left; /* Состыковка с другим слоем по горизонтали */
   }
   .sidebar ul {
    list-style: none; /* Убираем маркеры */
    padding: 2px; /* Убираем отступы */
   }
   .sidebar a {
	text-decoration: none;   
	font-size: 17px;
    font-weight:600;
    color: #400;   
	   
   }
   
   .sidebar a:hover {
  color: #900;
  background-color: #fff;
}
  .row { width: 100%; margin: 0 auto; } /* стартовая страница */
  .nav { display: inline-block; }
  .nav img { display: block; }  /* стартовая страница */
/*===============================*/
/* стиль при уменьшении экрана */

    @media screen and (max-width: 800px) {
   .sidebar {
	display: none; 
	float: none;
    position: absolute	;
	z-index: 100 ;
	opacity: 0.8;
	 }} 
	
     @media screen and (max-width: 1340px) {
	  .nav { width: 100%; }	 
      .nav img { display: inline-block; }	  
	 }
	 
    @media screen and (max-width: 600px) {
   .ar, .al, .ac {
	float: none;   
	display: block;   
	width: 98%;
	margin: 15px auto;
	 }
   .knopka {
	margin-top: 48px;
	} }