body{
  background-image: url(../images/река47.jpg);
  background-position:center top;
  font: 10pt Arial, Helvetica, sans-serif;/* Шрифт на веб-странице */
  margin: 0;/* Убираем отступы */
}
h2 {
  font-size: 1.1em;/* Размер шрифта */
  color: #752641;/* Цвет текста */
  margin-bottom: 0;/* Отступ снизу */
}
ol, ul {
  padding: 0;
  margin-left: 20px;
  text-align: left;
}
#container {
  width: 900px;/* Ширина макета */
  margin: 0 auto;/* Выравниваем по центру */
  background: #f0f0f0;/* Цвет фона правой колонки */
  text-align: center;/* Специально для карандуха */
}
#header {
  background: #8fa09b;/* Цвет фона */
  font-size: 24pt;/* Размер текста */
  font-weight: bold;/* Жирное начертание */
  color: #FF0000;/* Цвет текста */
  padding: 5px;/* Отступы вокруг текста */
}
#content {
  float: left;/* Обтекание по правому краю */
  width: 670px;/* Ширина левой колонки */
  padding: 10px;/* Поля вокруг текста */
  border-right: 1px dashed #183533;/* Линия справа */
  background: #fff;/* Цвет фона левой колонки */
}
#content p {
  margin-top: 0.3em;/* Отступ сверху */
}
.left {
  text-align: left;
  text-indent: 20px;/* Отступ первой строки в пикселах */
}

#sidebar {
  float: left;/* Обтекание по правому краю */
  width: 185px;/* Ширина */
  padding: 10px;/* Отступы вокруг текста */
}
#footer {
  background: #8fa09b;/* Цвет фона */
  color: #fff;/* Цвет текста */
  padding: 5px;/* Отступы вокруг текста */
}
.clear {
  clear: both;/* Отмена обтекания */
}
#vdknopka a, #vdknopka a:visited {
  position: relative;/* Относительное позиционирование */
  text-decoration: none;/* Отменяет все эффекты */
  text-align: center;/* Выравнивание по центру */
  background-color: #BE4994;/* Цвет фона */
  font-size: larger;
  font-weight: bold;
  color: #fff;/* Цвет текста */
  display: block;/* Элемент показывается как блочный */
  width: 10em;/* Высота блока */
  border: 2px solid #fff;/* Параметры границы */
  border-color: #def #678 #345 #cde;/* Цвет границы */
  padding: 0.25em;/* Поля вокруг текста */
  margin: 0.15em auto;/* Отступы вокруг элемента */
}
#vdknopka a:hover {
  top: 2px;/* Положение от левого края */
  left: 2px;/* Положение от верхнего края */
  color: #fff;/* Цвет текста */
  border-color: #345 #cde #def #678;/* Цвет границы */
}
.navigation{
  width:80%;
  color:#000;
  padding:5px 0;
  margin:0 auto 10px auto;
}
.navigation a:link, .navigation a:visited, .navigation a:active {
  text-decoration:none;
  color:#0190ff;
  padding:1px 5px;
  font-size:18px;
  background:url(../images/bg10.png) top center repeat-x;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.5);
}
.navigation a:hover{
  background:#202020;
  color:#fff;
  text-decoration:none;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.navigation span {
  text-decoration:none;
  padding:1px 5px;
  color:#303030;
  font-size:18px;
  background:url(../images/bg10.png) top center repeat-x;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.5);
}
table {
  table-layout: fixed; /* Ячейки фиксированной ширины */
  width: 100%;
  border-collapse: collapse; /* Отображать двойные линии как одинарные */
}
th {
  background: #ccc; /* Цвет фона */
}
td, th {
  border: 1px solid #800; /* Параметры границы */
  padding: 4px; /* Поля в ячейках */
}
.a {
  font: bold italic 16px Arial, Helvetica, sans-serif;
}
a {
  text-decoration: none; /* Убираем подчеркивание */
}
a:link {
  color: #0000d0; /* Цвет ссылок */
}
a:visited {
  color: #900060; /* Цвет посещенных ссылок */
}
a:active {
  color: #f00; /* Цвет активной ссылки */
}