/* === Основная обертка и хедер === */
body {
 margin: 0;
 font-family: Verdana, Arial, sans-serif;
 font-size: 8pt;
 color: #C2C2C2;
 background-color: #000;
}

#header, #main1, #main2 {
 max-width: 900px;
 margin: 0 auto;
}

/* === Хедер === */
#header {
 text-align: center;
}

#logo h1 {
 margin: 200px 0 0 0;
 color: #fff;
 font-size: 20pt;
 font-weight: bold;
}

#uCozHeaderText {
 text-align: center;
 color: #fff;
 font: 20pt bold Verdana, Tahoma;
 padding-top: 200px;
 display: block;
}

#uncheader {
 background: url('/.s/t/934/header.jpg') no-repeat center top;
 background-size: cover;
}

/* === Контейнеры с Flex === */
#main1 {
 display: flex;
 justify-content: space-between;
 gap: 20px;
 flex-wrap: wrap;
 padding: 10px 0;
}

#navigation1 {
 flex: 0 0 200px;
 background: url('/.s/t/934/11.gif') bottom;
}

#content1 {
 flex: 1 1 620px;
 background: url('/.s/t/934/header_frame.png') no-repeat;
 padding: 2px 32px 1px 32px;
}

/* === Login и Data блоки === */
#login, #data {
 display: flex;
 justify-content: space-between;
 align-items: center;
 width: 100%;
 height: 26px;
 font-size: 10px;
}

#login p, #data p {
 margin: 0 8px;
 color: #819835;
}

/* === Footer === */
#footer {
 background: url('/.s/t/934/1.gif') repeat-x #67792B;
 text-align: center;
 height: 61px;
 padding-top: 15px;
 color: #C3DD6E;
 font-size: 8pt;
}

/* === Адаптация для мобильных === */
@media (max-width: 768px) {
 #main1 {
 flex-direction: column;
 align-items: center;
 }

 #navigation1, #content1 {
 width: 100%;
 flex: unset;
 }

 #login, #data {
 flex-direction: column;
 align-items: flex-start;
 }

 #logo h1, #uCozHeaderText {
 font-size: 16pt;
 }
}

/* === Ссылки === */
a {
 color: #CCFF00;
 text-decoration: none;
}
a:hover {
 color: #fff;
}