/* Правила для экранной версии представления данных. */

@media screen {
  /* ================== Общие установки для страницы =================== */
  * {
    margin: 0;
    padding: 0;
  }
  html, body, img {
    border: none;
  }
  body {
    color: #000;
    font-family: "Times New Roman", Times, serif;
  }
  div {
    text-align: left;
  }
  p {
    margin-bottom: 1em;
  }

  /* "Носитель" всей страницы */
  #support {
    width: 980px;
    text-align: center;
  }
  html > body div#support {
    min-width: 980px;
    width: auto;
  }

  /* "Носитель" вертикальных меню и основного текста */
  #pagesupport {
    width: 630px;
    margin: auto;
  }

  /* Шрифт для "шапки", меню навигации, заголовков в основном тексте, "подвала": */
  #header, #hmenu, #menu, #text h1.doc, #text h2, #text h3, #footer, #copyright {
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  }

  /*============================= "Шапка" ================================*/
  /* Представление "шапки" на главной и внутренних страницах сайта: */
  #header {
    color: #369;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    background: #eee;
    padding: 11px 220px;
    margin: 0px;
    border-bottom: solid 2px #369;
  }

  /* Представление логотипа: */
  #logodiv {
    position: absolute;
    top: 0px;
    left: 0px;
    text-align: left;
    margin: 0px;
    padding: 0px;
  }
  #logodiv img.logo {
    width: 200px;
    height: 70px;
  }
  .orange {
    color: #ffa500;
  }

  /*======================== Горизонтальное меню =========================*/
  #hmenu {
    float: right;
    width: 200px;
    color: #369;
    font-size: 14px;
    font-weight: bold;
    text-align: right;
    white-space: nowrap;
    padding: 10px 10px 0px 0px;
  }
  /* Общие правила оформления ссылок в горизонтальном и вертикальном меню: */
  #hmenu a {
    color: #777;
    text-decoration: none;
  }
  #hmenu a.current:link, #hmenu a.current:visited, #hmenu span {
    color: #ff5757;
  }
  #hmenu a:hover, #hmenu a.current:hover {
    color: #09f;
  }

  /* Горизонтальное меню на главной странице и карте сайта: */
  .cmenu {
    color: #777;
    text-align: center;
    margin: 30px 0px;
  }
  .cmenu span {
    color: #000;
    white-space: nowrap;
  }

  /*========================= Вертикальные меню ==========================*/
  /* "Носитель" левого вертикального меню: */
  #leftmenusupport {
    float: left;
    width: 42px;
  }

  /* "Носитель" правого вертикального меню: */
  #rightmenusupport {
    float: right;
    width: 42px;
  }

  /* Левое вертикальное меню: */
  #leftmenu {
    padding-top: 40px;
    padding-bottom: 10px;
    border-right: solid 2px #369;
  }

  /* Правое вертикальное меню: */
  #rightmenu {
    padding-top: 40px;
    padding-bottom: 85px;
    border-left: solid 2px #369;
  }

  /* Общие установки для левого и правого вертикальных меню: */
  #leftmenu, #rightmenu {
    font-size: 16px;
    font-weight: bold;
  }
  #leftmenu ul, #rightmenu ul {
    list-style-type: none;
  }
  #leftmenu ul li, #rightmenu ul li {
    white-space: nowrap;
    padding: 2.5px 0px;
    margin: 0px;
  }

  /* Представление "кнопок" вертикального меню: */
  #leftmenu a, #leftmenu span, #rightmenu a, #rightmenu span {
    display: block;
    width: 40px;
    text-align: center;
  }
  #leftmenu a, #leftmenu span {
    background: #eee;
  }
  #rightmenu a, #rightmenu span {
    background: #eee;
  }

  /* Правила оформления ссылок в вертикальных меню: */
  #leftmenu a {
    color: #369;
    text-decoration: none;
  }
  #rightmenu a {
    color: #369;
    text-decoration: none;
  }
  #leftmenu a.current:link, #leftmenu a.current:visited, #leftmenu span {
    background: #1b86c6;
    color: #fff;
  }
  #rightmenu a.current:link, #rightmenu a.current:visited, #rightmenu span {
    background: #1b86c6;
    color: #fff;
  }
  #leftmenu a:hover, #leftmenu a.current:hover {
    color: #f00;
  }
  #rightmenu a:hover, #rightmenu a.current:hover {
    color: #f00;
  }

  /*========================== Основной текст =============================*/
  #textsupport {
    text-align: left;
    margin: 0px 42px;
    background: #fbfbfb;
  }
  #text {
    padding: 40px 20px;
  }
  #text h1 {
    color: #777;
    font-size: 14px;
    margin: 0px 0px 30px 0px;   /* значение верхнего отступа обязательно должно быть задано 0px! */
  }
  #text h1.doc {
    color: #ff5757;
    font-size: 100%;
    margin: 0px 0px 20px 0px;   /* значение верхнего отступа обязательно должно быть задано 0px! */
  }
  #text h2 {
    color: #999;
    font-size: 80%;
    margin: 20px 0;
  }
  #text h2.firstline1, #text h2.firstline2 {
    color: #369;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    padding-top: 0px;
    padding-bottom: 15px;
    margin: 0px;
  }

  /* Представление строки с записью о компании: */
  #text .line {
    padding: 5px 0px;
    border-bottom: dotted 1px #999;
  }
  #text .company {
    font-weight: bold;
  }
  #text .company, #text h2.firstline1 {
    float: left;
  }
  #text .www, #text h2.firstline2 {
    text-align: right;
  }

  /* Выделение текста: */
  .red {
    color: #f00;
  }
  .list {
    font-size: 90%;
    text-align: justify;
  }
  .list span {
    white-space: nowrap;
  }
  .center {
    text-align: center;
  }
  .bld {
    font-weight: bold;
  }

  /* Представление списков в основном тексте: */
  #text ul, #text ol {
    margin-top: 0px;
    margin-bottom: 0px;
  }

  /* Оформление ссылок в основном тексте: */
  #text a {
    text-decoration: none;
  }
  #text a:link, a:visited {
    color: #03f;
  }
  #text a:hover {
    text-decoration: underline;
  }
  #text a:active {
    color: #f00;
  }

  /*=============== Оформление полей ввода текста и кнопок ===============*/
  input.ttext, textarea {
    font-family: "Lucida Console", monospace;
    background: #f6f6f6;
    border: solid 1px #ccc;
  }
  input.button, #google-search input[type="submit"] {
    color: #808080;
    background: #f6f6f6;
    font-weight: bold;
    border: solid 1px #a9a9a9;
    padding: .5pt 4pt;   /* из-за установки для всех элементов padding: 0 */
  }
  select.sel {
    font-size: 80%;
    background: #f6f6f6;
  }
  fieldset {
    border: solid 1px #ccc;
    padding: 20px;
  }
  .greyboldm {
    color: #808080;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 5px;
  }

  /* Поиск Google (плюс см. выше): */
  #google-search div {
    text-align: center;
    margin-bottom: 20px;
/*    margin: 20px 0px;*/
  }

  /*============ Дополнительное меню на внутренних страницах =============*/
  /* (описание a:active должно располагаться после описания ссылок в основном тексте) */
  #dopmenu1, #dopmenu2 {
    color: #777;
    text-align: center;
  }
  #dopmenu2 {
    margin-top: 20px;
  }
  #dopmenu1 span, #dopmenu2 span {
    color: #ff5757;
  }
  #dopmenu1 a:active, #dopmenu2 a:active {
    color: #03f;
  }

  /*=========================== Блоки баннеров ===========================*/
  /* Представление блоков баннеров и рекламы: */
  #leftad {
    float: left;
    width: 150px;
    text-align: left;
    margin: 45px 0px 0px 10px;
  }
  #rightad {
    float: right;
    width: 150px;
    text-align: right;
    margin: 45px 10px 0px 0px;
  }
  #leftad img, #rightad img {
    margin-bottom: 10px;
  }
  #banner468 {
    text-align: center;
    margin-bottom: 30px;
  }
  #banner468 img {
    width: 468px;
    height: 60px;
  }
  #begun {
/*    margin: 0px 0px 30px 15px;*/   /* для блока 468x60 по центру вверху */
    margin: 10px 0px 10px 15px;   /* для блока 468x60 по центру внизу */
/*    margin: 0px 0px 20px 25px;*/   /* для вертикального блока справа */
/*    margin: 10px 0px;*/   /* для вертикального блока слева */
  }
  #google-left {
    margin: 10px 0px;
  }
  #google-right {
    margin: 0px 0px 10px 30px;
  }
  #s_links {
    font-size: 11px;
    color: #bbb;
    text-align: center;
  }
  #text #s_links a {
    color: #bbb;   /* 369 */
    text-decoration: underline;
  }
  #text #s_links a:hover {
    text-decoration: none;
  }

  /*============================= "Подвал" ===============================*/
  /* Оформление текста в подвале: */
  #webline {
    font-size: 11px;
    color: #bbb;
    text-align: center;
    font-weight: bold;
    margin: 15px 0;
  }

  /* Оформление надписи Copyright: */
  #copyright {
    font-size: 11px;
    color: #999;
    text-align: center;
    font-weight: bold;
    margin-top: 30px;
  }

  /* Оформление надписи "создание сайта": */
  #devel {
    font-size: 13px;
    color: #369;
    white-space: nowrap;
  }
  #devel a:link, #devel a:visited, #devel a:hover, #devel a:active {
    font-size: 13px;
    color: #369;
  }
  #devel a:hover {
    text-decoration: none;
  }
}