#bg{
  width: 4000px;
  height: 2500px;
  background-image: url(images/fon-213.gif);
  }

.shiny-button {
  display: inline-block;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  text-transform: uppercase;
  text-decoration: none;
  line-height: 1.1;
  font-weight: normal;
  font-family: sans-serif;
  color: #FFFFFF;
  font-size: 12px;
  background-color: #73B10E;
  background-image: -webkit-linear-gradient(top, #76b60e 0%, #86c028 48%, #73B10E 49%, #73B10E 82%, #84cb10 100%);
  background-image: -moz-linear-gradient(top, #76b60e 0%, #86c028 48%, #73B10E 49%, #73B10E 82%, #84cb10 100%);
  background-image: -o-linear-gradient(top, #76b60e 0%, #86c028 48%, #73B10E 49%, #73B10E 82%, #84cb10 100%);
  background-image: linear-gradient(top, #76b60e 0%, #86c028 48%, #73B10E 49%, #73B10E 82%, #84cb10 100%);
  border-color: hsl(83, 29%, 37%);
  -webkit-box-shadow: inset 0 0 1px 1px #95e512, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 0 1px 1px #95e512, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 0 1px 1px #95e512, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -webkit-text-shadow: 1px 1px 1px #365207;
  -moz-text-shadow: 1px 1px 1px #365207;
  -o-text-shadow: 1px 1px 1px #365207;
  text-shadow: 1px 1px 1px #365207;
  -webkit-border-radius: 32px;
  -moz-border-radius: 32px;
  border-radius: 32px;
  padding: 12px 30px 12px 30px;
}

.shiny-button strong {
  letter-spacing: 1px;
  font-size: 17px;
}

.shiny-button:hover {
  color: #FFFFFF;
  background-color: #7cbf0f;
  background-image: -webkit-linear-gradient(top, #7fc40f 0%, #8fcc2b 48%, #7cbf0f 49%, #7cbf0f 82%, #8dd911 100%);
  background-image: -moz-linear-gradient(top, #7fc40f 0%, #8fcc2b 48%, #7cbf0f 49%, #7cbf0f 82%, #8dd911 100%);
  background-image: -o-linear-gradient(top, #7fc40f 0%, #8fcc2b 48%, #7cbf0f 49%, #7cbf0f 82%, #8dd911 100%);
  background-image: linear-gradient(top, #7fc40f 0%, #8fcc2b 48%, #7cbf0f 49%, #7cbf0f 82%, #8dd911 100%);
  border-color: hsl(83, 28%, 36%);
  -webkit-box-shadow: inset 0 0 1px 1px #9eed1e, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 0 1px 1px #9eed1e, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 0 1px 1px #9eed1e, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -webkit-text-shadow: 1px 1px 1px #3f6008;
  -moz-text-shadow: 1px 1px 1px #3f6008;
  -o-text-shadow: 1px 1px 1px #3f6008;
  text-shadow: 1px 1px 1px #3f6008;
}

.shiny-button:active {
  color: #FFFFFF;
  background-color: #6aa30d;
  background-image: -webkit-linear-gradient(top, #649a0c 0%, #73B10E 100%);
  background-image: -moz-linear-gradient(top, #649a0c 0%, #73B10E 100%);
  background-image: -o-linear-gradient(top, #649a0c 0%, #73B10E 100%);
  background-image: linear-gradient(top, #649a0c 0%, #73B10E 100%);
  padding: 13px 30px 11px 30px;
}

/*----------Text Styles----------*/
.ws6 {
  font-size: 8px;
}

.ws7 {
  font-size: 9.3px;
}

.ws8 {
  font-size: 11px;
}

.ws9 {
  font-size: 12px;
}

.ws10 {
  font-size: 13px;
}

.ws11 {
  font-size: 15px;
}

.ws12 {
  font-size: 16px;
}

.ws14 {
  font-size: 19px;
}

.ws16 {
  font-size: 21px;
}

.ws18 {
  font-size: 24px;
}

.ws20 {
  font-size: 27px;
}

.ws22 {
  font-size: 29px;
}

.ws24 {
  font-size: 32px;
}

.ws26 {
  font-size: 35px;
}

.ws28 {
  font-size: 37px;
}

.ws36 {
  font-size: 48px;
}

.ws48 {
  font-size: 64px;
}

.ws72 {
  font-size: 96px;
}

.wpmd {
  font-size: 13px;
  font-family: 'Arial';
  font-style: normal;
  font-weight: normal;
}


/*----------Para Styles----------*/
DIV,
UL,
OL

/* Left */
  {
  margin-top: 0px;
  margin-bottom: 0px;
}

body {
  background-color: Ivory;
  /* Цвет фона веб-страницы */
}

h1 {
  background-color: RGB(249, 201, 16);
  /* Цвет фона под заголовком */
}

h2 {
  background-color: #00ff00;
  /* Цвет фона под текстом параграфа */
  color: white;
  /* Цвет текста */
}

.warn {
  padding: 12px;
  -webkit-transition-duration: 1s;
  -o-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s;
}

.warn:hover {
  background: NavajoWhite;
  /* Цвет фона под текстом ячейки таблицы при наведении курсора */
}
table {
  width: 100%;
  /* Ширина таблицы */
  border: 0px none;
  /* double black = Рамка вокруг таблицы */
  border-collapse: none;
  /* collapse = Отображать только одинарные линии */
  z-index: 30;
  margin: auto
}

th {
  text-align: center;
  /* left = Выравнивание по левому краю */
  background: Ivory;
  /* Цвет фона верхних ячеек */
  padding: 20px;
  /* Поля вокруг содержимого ячеек */
  border: 0px none;
  /* solid black =Граница вокруг ячеек */
}

.img-style {
  width: 33.3%;
  margin-top: 8px;
  border: 1px solid #ffff;
}

.img-style.hidden {
  position: absolute;
  left: 33.3%;
  opacity: 0;
  filter: alpha(opacity=0, 5);
  z-index: 5;
}


#top {
  position: fixed;
  right: 0px;
  top: 0px;
  background: YellowGreen;
  /* Цвет фона нижних ячеек - разделы  */
  z-index: 9999;
}

#top3 {
  position: absolute;
  left: 120px;
  top: 410px;
  background: #fee;
  z-index: 30;
}
#top2 {
  position: fixed;
  left: 17px;
  top: 150px;
  background: Ivory;
  border-radius: 50%;
  /* Для современных браузеров */
  border: 2px solid YellowGreen;
  /* Параметры рамки */
  filter: alpha(opacity=50);
  opacity: 0.5;
  z-index: 30;
  height: 190px;
  width: 190px;
  font-family: monospace;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column;
}
#top2 p{
  margin: 0;
}
#top2 p:first-child{
  margin-bottom: 20px;
}
div#container {
  position: relative;
  width: 826px;
  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

body {
  text-align: center;
  margin: 0
}
.diva {
  background: transparent;
  /* Цвет фона */
  color: DarkGreen;
  /* Цвет текста */
  padding: 0px;
  /* Поля вокруг текста */
  -moz-border-radius: 10px;
  /* Для Firefox 3 */
  -webkit-border-radius: 10px;
  /* Для Safari 4 и Chrome */
  border-radius: 10px;
  /* Для современных браузеров */
  border: 1px solid #800000;
  /* Параметры рамки */
  z-index: 20;
}
a {
  text-decoration: none;
  /* Убирает подчеркивание для ссылок */
}

a:hover {
  text-decoration: none;
  /* underline; = Добавляем подчеркивание при наведении курсора на ссылку */
  color: black;
  /* Ссылка красного цвета */
}