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

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

  /* "Носитель" всей страницы */
  #support {
    width: 800px;
    margin: auto;
    text-align: left;
  }

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

  /*======================== Горизонтальное меню =========================*/
  #hmenu {
    font-size: 16px;
    background-color: #f9f9f9;
    text-align: center;
    padding: 20px 0;
    border-bottom: solid 3px #3d7699;
    border-left: dotted 1px #3d7699;
    border-right: dotted 1px #3d7699;
  }

  /* Оформление ссылок в горизонтальном меню: */
  #hmenu a {
    color: #3f80c9;
    text-decoration: none;
  }
  #hmenu a, #hmenu span {
    font-weight: bold;
    margin: 0 15px;
  }
  #hmenu a.current:link, #hmenu a.current:visited, #hmenu span {
    color: #a9a9a9;
  }
  #hmenu a:hover, #hmenu a.current:hover {
    color: #ff5757;
  }

  /*======================== Информационное меню =========================*/
  #infmenu {
    font-size: 12px;
    color: #a9a9a9;
    background-color: #f9f9f9;
    text-align: center;
    padding: 15px 0;
    border-top: solid 2px #3d7699;
    border-bottom: solid 2px #3d7699;
    border-left: dotted 1px #3d7699;
    border-right: dotted 1px #3d7699;
  }
  #infmenu span {
    white-space: nowrap;
  }

  /* Оформление ссылок в горизонтальном меню: */
  #infmenu a {
    color: #3f80c9;
    text-decoration: none;
  }
  #infmenu a, #infmenu span {
    font-weight: bold;
    white-space: nowrap;
  }
  #infmenu a.current:link, #infmenu a.current:visited, #infmenu span {
    color: #a9a9a9;
  }
  #infmenu a:hover, #infmenu a.current:hover {
    color: #ff5757;
  }

  /*========================== Основной текст =============================*/
  #text {
    padding: 30px 20px;
    min-height: 500px;
  }
  #text h1 {
    color: #cfac08;   /* f98a26 */
    font-size: 100%;
    padding: 5px 0;
    margin: 0 0 20px 0;   /* значение верхнего отступа обязательно должно быть задано 0px! */
  }
  #text h2 {
    color: #999;
    font-size: 100%;
    margin-top: 20px;
    margin-bottom: 10px;
  }

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

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

  /* Оформление раздела "Портфолио": */
  .pf {
    width: 33%;
    text-align: center;
    vertical-align: center;
    padding-left: 10px;
    padding-right: 10px;
  }
  #text td.pf a {
    color: #03f;
  }
  .siteimg {
    width: 750px;
    height: 580px;
    border: solid 1px #ccc;
  }

  /* Оформление раздела "Услуги": */
  .sr {
    width: 25%;
    text-align: center;
    vertical-align: center;
  }

  /* Оформление блоков текста: */
  .cline {
    text-align: center;
  }
  .textbd {
    font-weight: bold;
  }
  .ital {
    font-style: italic;
  }

  /* Оформление блоков рекламы и поиска: */
  #google-728 {
    text-align: center;
  }
  #google-search div {
    text-align: center;
    margin: 20px 0;
  }
  #google-search input[type="submit"] {
    color: #808080;
    background-color: #f6f6f6;
    font-weight: bold;
    border: solid 1px #a9a9a9;
  }

  /* Представление логотипа: */
  img.logo {
    width: 104px;
    height: 51px;
    margin: 0 15px 0 0;
    float: left;
  }

  /*============================= "Подвал" ===============================*/
  #footer {
    font-size: 60%;
    color: #808080;
    padding: 10px 20px 20px 20px;
    clear: both;
  }

  #footer .fdiv {
    float: right;
    clear: right;
  }

  /* Оформление счетчиков: */
  #footer img {
    vertical-align: middle;
    margin-left: 10px;
  }

  /* Оформление ссылок в "подвале": */
  #footer a:link, #footer a:visited, #footer a:hover, #footer a:active {
    color: #bbb;
    text-decoration: underline;
  }
  #footer a:hover {
    text-decoration: none;
  }
  #s_links {
    color: #bbb;
    clear: both;
    margin-top: 15px;
  }
}