/* ============================================================== */
/* -------------------  ОСНОВНЫЕ ТЕГИ ПО УМОЛЧАНИЮ   ------------ */
/* ============================================================== */

 body {font: 14px Arial, Helvetica, sans-serif;}

 p    {font: 14px Arial, Tahoma, Helvetica, sans-serif;}

 li   {font: 14px Arial, Tahoma, Helvetica, sans-serif;}

 a         {color: #0000b0; text-decoration: none; font: 14px Arial, Tahoma, Helvetica, sans-serif;}
 a:visited {color: #3a3a70; text-decoration: none; font: 14px Arial, Tahoma, Helvetica, sans-serif;}
 a:hover   {color: #00afaf; text-decoration: underline; font: 14px Arial, Tahoma, Helvetica, sans-serif;}

 td {font: 14px Arial, Tahoma, Helvetica, sans-serif;}

 h5 {font: 14px Arial, Tahoma, Helvetica, sans-serif;}
 h4 {font: 16px Arial, Tahoma, Helvetica, sans-serif;}
 h3 {font: 18px Arial, Tahoma, Helvetica, sans-serif;}
 h2 {font: 20px Arial, Tahoma, Helvetica, sans-serif;}
 h1 {font: 24px Arial, Tahoma, Helvetica, sans-serif;}

 .fs8px  {font: 8px   Arial, Tahoma, Helvetica, sans-serif;}
 .fs9px  {font: 9px   Arial, Tahoma, Helvetica, sans-serif;}
 .fs10px {font: 10px  Arial, Tahoma, Helvetica, sans-serif;}
 .fs11px {font: 11px  Arial, Tahoma, Helvetica, sans-serif;}
 .fs12px {font: 12px  Arial, Tahoma, Helvetica, sans-serif;}
 .fs14px {font: 14px  Arial, Tahoma, Helvetica, sans-serif;}
 .fs16px {font: 16px  Arial, Tahoma, Helvetica, sans-serif;}
 .fs18px {font: 18px  Arial, Tahoma, Helvetica, sans-serif;}
 .fs20px {font: 20px  Arial, Tahoma, Helvetica, sans-serif;}
 .fs24px {font: 24px  Arial, Tahoma, Helvetica, sans-serif;}
  
/* ==================================== */
/* --------  РАЗМЕТКА  СТРАНИЦ   ------ */
/* ==================================== */

<!-- #header1, #header2, #sidebar, #content1, #content2, #footer { overflow: auto; } -->

 /* -- Для всех страниц -- */
 #container {
    left: 0px;
    width: 1200px;          /* Ширина слоя */
    margin: 0 auto;       
    background: #5f99c4;    /* Цвет фона левой колонки */
   }
 /* -- Для страниц на 4 слоя разметки -- */
 #header1 {
    left: 0px;
    margin:  0px; 
    width:  1200px;          /* Ширина слоя */
    height: 226px;
    padding: 0px;            /* Отступы вокруг текста */ 
    background: #5f99c4;     /* Цвет фона шапки */ 
   }
 /* -- Для страниц на 3 слоя разметки -- */
 #header2 {
    margin:  0px; 
    width:  1200px;          /* Ширина слоя */
    height: 226px;           /* 226px; */
    padding: 0px;            /* Отступы вокруг текста */ 
    background: #5f99c4;     /* Цвет фона шапки */
    float: left;             /* Обтекание по правому краю */
   }
 /* -- Для всех страниц -- */
 #sidebar {
    margin:  0px; 
    width:   184px;         /* Ширина слоя */
    padding: 0px;           /* Отступы вокруг текста */
    float: left;            /* Обтекание по правому краю */
   }
 /* -- Для страниц на 4 слоя разметки -- */
 #content1 {
    width: 990px;
    margin-left: 190px;      /* Отступ слева */
    padding: 10px;           /* Поля вокруг текста */
    background: #abc2d4;     /* Цвет фона правой колонки */
   }
 /* -- Для страниц на 3 слоя разметки -- */
 #content2 {
    left: 0px;
    margin:  0;
    width: 1180px;
    padding: 10px;           /* Поля вокруг текста */
    background: #abc2d4;     /* Цвет фона правой колонки */ 
   }
  /* -- Для всех страниц -- */
 #footer {
    margin-top: 4px;
    width:  1174px;          /* Ширина слоя */
    padding: 10px;           /* Отступы вокруг текста */ 
    background: #cce0eb;     /* Цвет фона подвала */
    color: #0000eb;          /* Цвет текста */
    /* Бордюры */
    border-left:   4px solid #f0f8ff; 
    border-right:  4px solid #2a78c3;
    border-top:    4px solid #f0f8ff;
    border-bottom: 4px solid #2a78c3;
    clear: left;             /* Отменяем действие float */
   }

/* ==================================== */
/* ------- ЭЛЕМЕНТЫ для СТРАНИЦ ------- */
/* ==================================== */
/* ------------------------------------ */
/* ---------  БОКСЫ ОФОРМЛЕНИЯ  ------- */
 .box01{                    
   position: relative;
   word-wrap: break-word;   /* Перенос слов        */ 
   padding: 6px 16px;       /* Поля вокруг текста  */ 
   border: 1px solid #333;  /* Параметры рамки     */
   border-radius: 8px;      /* Радиус скругления   */
   margin: 4px;             /* Величина отступов   */
   box-shadow: 2px 2px 4px rgba(0,0,0,0.7); /* Параметры тени */
   }
/* Основной бокс ПРОЗРАЧНЫХ страниц */

 .box01op{         
   position: relative;
   opacity: 0.8;            /* Непрозрачность     */
   word-wrap: break-word;   /* Перенос слов       */ 
   padding: 8px 16px;       /* Поля вокруг текста */ 
   border: 1px solid #333;  /* Параметры рамки    */
   border-radius: 8px;      /* Радиус скругления  */
   margin: 4px;             /* Величина отступов  */
   box-shadow: 2px 2px 4px rgba(0,0,0,0.7);  /* Параметры тени */
   }
/* ------------------------------------ */
/* ------   РАСКРЫВАЮЩЕЕСЯ МЕНЮ  ------ */
 .SMenu  { 
     position: absolute;
     left: 284px;         /* Координаты привязки меню */
     top: 40px;
     min-width: 704px;    /* Блокировка свертки меню заданной минимальной шириной */
     z-index: 10;
   }

 ul.SMenu ul{display: none;
   }
 ul.SMenu li:hover>ul{
      display: block;
   }
 ul.SMenu ul{
      position: absolute;
      left: -1px;
      top: 98%;
   }
 ul.SMenu ul ul{
      position: absolute;
      left: 98%;
      top: -2px;
   }
 ul.SMenu,ul.SMenu ul{
      margin:0px;
      list-style:none;
      padding:0px 2px 2px 0px;
      background-color: #1a68b3;    /*  Цвет рамки пасивного поля меню (было #2a78c3) */ 
      background-repeat: repeat;
      border-color: #eeeeee #aaaaaa #aaaaaa #ffffff;
      border-width: 2px;
      border-style: groove;
   }
 ul.SMenu table {border-collapse:collapse}ul.SMenu {
      display: block;
      zoom: 1;
     float: left;
   }
 ul.SMenu ul{
      width: 320px;   /* Ширина полей СУБменю  */
   }
 ul.SMenu li{
      display:block;
      margin:2px 0px 0px 2px;
      font-size:0px;
   }
 ul.SMenu a:active, ul.SMenu a:focus {
      outline-style:none;
   }
 ul.SMenu a, ul.SMenu li.dis a:hover, ul.SMenu li.sep a:hover {
      display: block;
      vertical-align: middle;
      background-color: #1a68b3;   /*  Цвет пассивных полей меню и СУБменю  */
      border-width: 0px;
     /* border-color: #ffff00; */
      border-style: solid;
      text-align: left;
      text-decoration: none;
      padding: 3px;
      _padding-left: 0;
      font: bold 14px Arial, Tahoma, Helvetica, sans-serif;      /*  Установка параметров шрифта  */ 
      color: #ffffff;                                            /*  Цвет текста пассивных полей меню и СУБменю */
      text-decoration: none;
      cursor: pointer;
   }
 ul.SMenu span{overflow: hidden;}
 ul.SMenu li {float: left;}
 ul.SMenu ul li {float: none;}
 ul.SMenu ul a {
      text-align: left;
      white-space: nowrap;
   }
 ul.SMenu li.sep{
      text-align: left;
      padding: 0px;
      line-height: 0;
      height: 100%;
   }
 ul.SMenu li.sep span{
      float: none;
      padding-right: 0px;
      width: 5px;
      height: 18px;
      display: inline-block;
      background-color: #eeeeee #aaaaaa #aaaaaa #ffffff;
      background-image: none;
   }
 ul.SMenu ul li.sep span{
      width: 100;
      height: 5;
   }
 ul.SMenu li:hover{
      position:relative;
      z-index: 1000;
   }
 ul.SMenu li:hover>a{
      background-color: #cce0eb;  /*  Цвет поля меню при наведенном курсоре (было #FAF5A4) */
      border-style: solid;
      font: bold 14px Arial, Tahoma, Helvetica, sans-serif;    
      color: #3030e0;             /*  Цвет текста в поле меню при переходе в субменю (было #091B2D) */
      text-decoration: none;
   }
 ul.SMenu li a:hover{
      position: relative;
      background-color: #cce0eb;                                 /*  Цвет поля меню при наведенном курсоре (было #FAF5A4) */
      border-style: solid;
      font: bold 14px Arial, Tahoma, Helvetica, sans-serif; 
      color: #3030e0;                                            /*  Цвет текста в поле СУБменю при наведенном курсоре (было #091B2D) */
      text-decoration: none;
   }
 ul.SMenu li.dis a {color: #aaaaaa !important;}
 ul.SMenu img {
      border: none;
      float: left;
      _float: none;
      margin-right: 3px; 
      width: 16px;
      height: 16px;
   }
 ul.SMenu ul img {
      width: 16px;
      height: 16px;
   }
 ul.SMenu img.over{
      display: none
   }
 ul.SMenu li.dis a:hover img.over{
      display: none
      !important
   }
 ul.SMenu li.dis a:hover img.def {
      display: inline
      !important
   }
 ul.SMenu li:hover > a img.def {
      display: none
   }
 ul.SMenu li:hover > a img.over {
      display: inline
   }
 ul.SMenu a:hover img.over,ul.SMenu a:hover ul img.def,ul.SMenu a:hover a:hover img.over {
      display: inline
   }
 ul.SMenu a:hover img.def,ul.SMenu a:hover ul img.over,ul.SMenu a:hover a:hover img.def {
      display: none
   }
 ul.SMenu a:hover ul{
      display: block
   }
 ul.SMenu span{
      display:block;
      /* background-image: url(./images/arrv_white_1.gif); */
      background-position: right center;
      background-repeat: no-repeat;
      padding-right: 13px;
   }
 ul.SMenu ul span{
      background-image:url(./images/arr_white_1.gif)
   }
 ul.SMenu li a.SMenui0{
      background-color: #1a68b3;   /*  Цвет рамки пасивного поля раскрытого СУБменю (было #2a78c3) */ 
   }
   ul.SMenu li a.SMenui0:hover{
   background-color:#cce0eb;       /*  Цвет поля СУБменю при наведенном курсоре (было #FAF48F) */
   }

/* ------------------------------------ */
/* ------------   КНОПКИ   ------------ */
 .but01 {
    cursor: pointer;
    display: block;         /* Ссылка как блочный элемент      */
    font: bold 14px Arial, Tahoma, Helvetica, sans-serif;
    margin: 6px;            /* Величина отступов               */
    padding: 0px 0px;       /* Поля вокруг текста */
    box-shadow: 2px 2px 4px rgba(0,0,0,0.7); /* Параметры тени */
    border: 1px solid #333; /* Параметры рамки                 */
    border-radius: 8px;     /* Радиус скругления               */   
    }
 div.but01 {    
    padding: 2px 8px;       /* Поля вокруг текста              */   
    background: #2a78c3;    /* Цвет пасивного поля кнопки      */
    color: #ffffff;         /* Цвет текста */
    text-decoration: none;  /* Убираем подчеркивание у ссылок  */  
    }
 div.but01:hover {
    padding: 2px 8px;       /* Поля вокруг текста              */ 
    background: #cce0eb;    /* Цвет активного поля кнопки      */
    background: linear-gradient(to bottom, #1a68b3, #f0f0f0);        
    color: #ffffff;         /* Цвет текста                     */
    text-decoration: underline;  
   }
 a.but01 { 
    padding: 2px 8px;       /* Поля вокруг текста              */  
    background: #2a78c3;    /* Цвет пасивного поля кнопки      */
    text-decoration: none;  /* Убираем подчеркивание у ссылок  */
    color: #ffffff;         /* Цвет текста                     */
   }
 a.but01:hover { 
    background: #cce0eb;    /* Цвет активного поля кнопки      */
    background: linear-gradient(to bottom, #1a68b3, #f0f0f0);    
    color: #3030e0;         /* Цвет текста                     */
    text-decoration: underline;   
   }
 span.but01 a {    
    margin:  0px;           /* Величина отступов               */
    padding-left:   8px;
    padding-right:  8px; 
    padding-top:    2px;
    padding-bottom: 2px;      
   }
 span.but01 a:hover{
    background: #00a0ff;    /* Для старых браузров */
    background: linear-gradient(to bottom, #0000ff, #a0a0ff);        
    border-radius: 8px;     /* Радиус скругления   */
   }
/* ------------------------------------ */
/* -----------  БОКОВЫЕ ЛИНИИ --------- */
  .leftLineGreen {
   border-left: 4px double green;
   padding-left: 10px;
   margin-left: 10px;"
   } 
  .leftLineBlue {
   border-left: 4px double blue;
   padding-left: 10px;
   margin-left: 10px;"
   }   
/* ------------------------------------ */
/* ------------  ГРАДИЕНТЫ ------------ */
 .gradient-blue {
    background: #eafcfe; /* Для старых браузров */
    background: linear-gradient(to top, #fefcea, #5f99c4);
    padding: 8px;
    border: 1px solid #333;
   }
 .gradient-gold {
    background: #fefcea; /* Для старых браузров */
    background: linear-gradient(to top, #fefcea, #f1da36);
    padding: 8px;
    border: 1px solid #333;
   }
/* ------------------------------------ */
/* --------  СПИСКИ - СЕЛЕКТОРЫ   ----- */
 .sel01 {
    position: relative;
    font: bold 90% Arial, Tahoma, Helvetica, sans-serif;
    background: #7687a9;      /* Для старых браузров */
    border: 1px solid #333;   /* Параметры рамки */
    border-radius: 8px;       /* Радиус скругления */
    margin: 2px;              /* Величина отступов */
    box-shadow: 2px 2px 4px rgba(0,0,0,0.7); /* Параметры тени */    
   } 
 ul.sel01 { 
    padding: 4px; /* Поля вокруг текста */ 
    padding-left: 24px;    /*  Поле слева */
    list-style-image: url(images/mpoint1g.gif);
   } 
 ul.sel01 li {color: #003264;}
 ul.sel01 li:hover {
      color: #ffffff;
      cursor: pointer;
   }

/* ------------------------------------ */
/* ---------    ПОДВАЛ     ------------ */
 .autors {
   position: relative;
   left: 10px;
   width: 500px;
   font: normal 11px Arial, Tahoma, Helvetica, sans-serif;
   padding: 2px 8px;       /* Поля вокруг текста */
   box-shadow: 2px 2px 4px rgba(0,0,0,0.7); /* Параметры тени */
   border: 1px solid #333; /* Параметры рамки */
   border-radius: 8px;     /* Радиус скругления */
   margin: 4px;            /* Величина отступов */
   }

/* ------------------------------------ */

/* ==================================== */
/* ------------   КОНЕЦ    ------------ */
/* ==================================== */