<!--
body {
    display: block;
    margin: 0;
    font-size: 100%;
        font: 16px/27px Trebuchet MS,Helvetica,sans-serif;
}
nav {
  height: 50px;
  width:100%;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  background-color: #1f303d;
  border-bottom: 2px dotted rgba(254,254,254,0.4);
  z-index: 999;
  color: #fefefe;
  font-size: 100%;
  font-weight: 600;
  line-height: 1rem;
  background-image: url(logo.gif);
  background-position: 0 0;
  background-repeat: no-repeat;
}
div.content {
  width:100%;
  background-color: #fefefe;
  color: #1f303d ;
  font-weight: normal;
}
div.pagetitle {
  width:100%;
  margin-top: 50px;
  background-color: #1f303d;
  color: #fefefe;
  font-weight: 600;
}

.row {
    display: inline-block;
    padding: 1rem;
    border-left: 2px dotted rgba(254,254,254,0.4);
}
.row2 {
    max-width: 890px;
    margin-top: 50px;
    margin: 0 auto;
    padding: 20px;
    margin-left: auto;
    margin-right: auto;
}
.toplink {
    margin-left: 90px;
}
a {
    color: #fe9a00;
    text-decoration: none;
    line-height: inherit;
    cursor: pointer;
}

.main {
  width:100%;
}
/* Базовый контейнер табов */
.tabs {
  width: 100%;
  padding: 0px;
  margin: 0 auto;
}

.tabs ul {
    margin: 0 0 0 0px;
    padding: 0 0 0 0px;
    font-size: 20px;
    line-height: 26px;
}

.tabs li {
    padding: 0 0 10px 0px;
    word-wrap: break-word;
    overflow: hidden;
    vertical-align: text-top;
    list-style-type: none;
}

/* стили вкладок (табов) */
.tabs label {
    width: 30px;
    height: 30px;
    padding: 10px;
    word-wrap: break-word;
    margin: 5px;
    display: inline-block;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    color: #aaa;
    background-color: #fff;
    border: 1px solid #ddd;
}

/* изменения стиля заголовков вкладок при наведении */
.tabs label:hover {
  color: #888;
  cursor: pointer;
  background-color: #1f303d;
  color: #fff;
}
/* стили для активной вкладки */
.tabs input:checked + label {
  color: #555;
  background-color: #1f303d;
  color: #fff;
}

/* активация секций с помощью переключателя :checked */
#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4,
#tab5:checked ~ #content5,
#tab6:checked ~ #content6,
#tab7:checked ~ #content7,
#tab8:checked ~ #content8,
#tab9:checked ~ #content9,
#tab10:checked ~ #content10,
#tab11:checked ~ #content11,
#tab12:checked ~ #content12,
#tab13:checked ~ #content13,
#tab14:checked ~ #content14,
#tab15:checked ~ #content15,
#tab16:checked ~ #content16,
#tab17:checked ~ #content17,
#tab18:checked ~ #content18,
#tab19:checked ~ #content19,
#tab20:checked ~ #content20,
#tab21:checked ~ #content21 {
  display: block;
}

/* стили секций с содержанием */
section {
  display: none;
  padding: 15px;
  background: #fff;
}
.tabs input {
  display: none;
}

h1, h2, h3, summary {
    text-transform: uppercase;
   }
summary {
    text-transform: uppercase;
    font-weight: bold;
   }
.ref {
    font-size: 90%; line-height: 1rem;
   }
.ref a {
    color: #000;
    text-decoration: none;
}


ul {
    padding: 0;
    margin-left: 20px;
   }

div.moreinfo {
    width: 100%;
    background-color: #1f303d;
    color: #fefefe;
}
.moreinfo li {
    padding: 0 0 10px 0px;
    word-wrap: break-word;
    overflow: hidden;
    vertical-align: text-top;
    list-style-type: none;
    display:block;
    width:49%;
    float:left;
}
.clear {
clear: both;
display: block;
height: 0;
line-height: 0;
overflow: hidden;
font-size: 0;
}
-->