                 /*
 Альтернативные стили для 3-х колоночного макета ГосНИИОХТа
 (c)2015 by sersad
 13.02.2015
*/

/* Цвета */
@import url("/css/color.css");

/* Шрифты и переносы */
@import url("/css/font.css");

/* Таблица управления */
@import url("/css/control.css");

/* Основное меню */
@import url("/css/menu.css");

/* Навигатор */
@import url("/css/navi.css");

/* Текстовое горизонтальное меню */
@import url("/css/t-menu-h.css");

/* Анимация */
@import url("/css/animate.css");

/* Слайдер */
@import url("/css/slider.css");

/* Лента новостей */
@import url("/css/news-feed.css");

/* Форма обратной связи */
@import url("/css/feedback.css");

/* Блок вакансий */
@import url("/css/vacancies.css");

/* Патч для корректного отображения HTML5 тэгов */
article, 
aside, 
details, 
figcaption, 
figure,
footer,
header,
footer,
hgroup,
menu,
nav,
section       {
              display:block;
              }


/* Основные определения */
html, body    {
              margin: auto;
              padding: 0px;
              text-align: justify;
              /* переносы - в файле настроек шрифта */
              height: 100%;
              min-width: 1255px;
              max-width: 1255px;
              } 


/* Всё, что не подвал */
#main         {
              margin: 0px;
              padding: 0px;
              //box-shadow: 0px 0px 5px #888; 
              //border: solid red 2px;
              width: 100%;
              min-height: 100%;

              hyphens: auto;
              -moz-hyphens: auto;
              -webkit-hyphens: auto;
              -ms-hyphens: auto;


              }



/*** Шапка сайта ***/
#site-head       {
              position: relative;
              //padding: 10px;
              //text-align: center;
              //background: url(/images/top1280x142.jpg) no-repeat;
              //background: url(/images/top1255x142_pobeda.jpg) no-repeat;
              width: 1255px;
              height: 142px;
              }




#site-head-left
              {
              float: left;
              width: 150px;
              //height: 90px;
              //padding: 8px 8px 8px 10px;
              //border: solid 1px red;
              }



#site-head-middle
              {
              //margin: 0px 100px 0px 150px;
              //padding: 8px 8px 8px 10px;
              //border: solid 1px red;
              }


 
/* Текст заголовка */
#site-head-middle h1    {
              margin: 12px 0px 10px 0px; 
              font-size: 100%;
              text-transform: uppercase;
              /* отключение переносов - в файле шрифта */
              text-shadow: 0px -0.8px 1px black;
              //clear: both;
              }



#site-head-middle p   {
              margin: 0px; 
              //text-transform: uppercase;
              /* отключение переносов - в файле шрифта */
              //font-size: 70%;
              font-size: 14px;
              //border: solid 1px red;
              }





#site-head-right
              {
              float: right;
              width: 100px;
              //margin-top: 20px;
              //padding: 10px 15px 20px 10px;
              //border: solid 1px red;
              text-align: right;
              }



#site-head-right p
              {
              color: #FFF;
              text-shadow: 0px -0.5px 1px rgb(0,0,0);
              font-size: 8pt;
              opacity: 0.5;
              //border: solid 1px red;
              }





/*** Подвал ***/
#site-footer-3  {
              position: relative;
              margin-top: -75px;
              height: 75px;
              width: 1255px;
              color: white;
              clear: both;
              text-align: left;
              }


#site-footer-4  {
              position: relative;
              margin-top: -75px;
              height: 75px;
              width: 1255px;
              color: white;
              clear: both;
              text-align: left;
              //padding: 10px;
              //border: solid 1px black;
              background: url(/images/footer_1255x75.png) no-repeat;
              display: flex;
              flex-direction: row;
              justify-content: space-between;
              font-family: Arial;
              }


#footer-left  {
              //border: solid 1px blue;
              width: 21%;
              display: flex;
              flex-direction: row;
              justify-content: space-around;
              align-items: center;
              padding: 15px;
              }



#footer-right {
              //border: solid 1px blue;
              width: 550px;
              display: flex;
              flex-direction: row;
              justify-content: space-between;
              align-items: center;
              padding: 15px;
              }


/* Пустой подвал (нужен для того, чтобы содержимое menu или content не залезало на подвал) */
#empty-footer-3 {
              clear: both;
              height: 75px;
              width: 1255px;
              //border: solid 1px  green;
              //background: green;
              }




/*** Основное содержимое ***/
#content      {
              padding: 0px 20px 10px 10px;
              //border: solid 1px green;
              margin-left: 320px;
              margin-right: 320px;
              }


h1            {
              font-size: x-large;
              text-align: center;
              }

h2            {
              text-align: center;
              }

              

figure        { 
              text-align: center;
              }



figcaption    {
              font-size: x-small;
              }



figure img    {
              box-shadow: 3px 3px 10px #000;
              }




.patriz       {
              //border: solid 1px black;
              //text-align: center; 
              border-spacing: 0px;
              width: 100%;
              }



.patriz td    {
              border-top: solid 1px gray;
              text-align: left;
              padding: 10px;

               hyphens: none;
              -moz-hyphens: none;
              -webkit-hyphens: none;
              -ms-hyphens: none;

              }



.docs         {
              border-spacing: 0px;
              border-bottom: solid 1px gray;
              margin-bottom: 25px;
              }



.docs tr:hover
              {
              //background-color: rgb(205,219,228); /* цвет фона с sad2345.ru */
              background-color: rgb(229,239,246);
              }



.docs td
              {
              border-top: solid 1px gray;
              text-align: left;
              padding: 10px; 
              }



.docs img     {
              box-shadow: 3px 3px 3px #999;
              border: dotted 1px gray;
              width: 70px;
              height: 100px; 

              }



.docs td:first-child
              {
              text-align: center;
              }



.fio          {
              font-weight: bold;
              }





a img         {
              border: none; /* Убираем рамку у картинок-ссылок для IE */
              }
  


#site-footer p 
              {
              //border: solid 1px red;
              margin: 0px;
              padding: 20px 20px 15px 20px;
              }





article       {
              text-align: justify;
              //border: solid 1px green;
              //margin-right: 200px;
              }



.activity     {
              display: inline-block;
              width: 150px; /* Ширина */
              //margin: 0px 0px 20px 0px; /* Отступы */
              padding: 10px 20px; /* Поля сверху и снизу */
              text-align: center; 
              vertical-align: top; /* Выравнивание по верхнему краю */
              //border: 1px solid #8b8e4b;
              }



.activity p   {
              margin: 5px;
              }



.activity img {
              //
              }


span > a      {
              text-decoration: none;
              border-bottom: dotted 1px;
              }



.news        {
             padding: 0px 0px 5px 0px;
             margin: 0px 0px 20px 0px;
             //border: solid 1px red;
             //border-bottom: dotted 1px;
             }



.news-header {
             font-weight: bold;
             }



.news p img {
            float: left;
            padding-right: 10px;
            }



#vacancy-list li
            {
             //border: solid 1px black;
            padding-bottom: 25px;
            }



#left-block {

              float: left;
              padding: 0px 0px 0px 0px;
              width: 306px;
}


/* Правая колонка */
#right-block {
              float: right;
              width: 306px;
              padding: 8px 0px 0px 0px;
              //padding: 5px;
              //padding-top: 10px;
              margin: 0px;
}


/* Виджеты правой колонки */
#right-block div 
             {
             margin-bottom: 10px;
             border: solid 3px #e5eff6;
             //padding: 10px 5px 0px 5px;
             }

/* Абзац внутри виджета правой колонки */
#right-block div p
             {
             margin: 0px;
             padding: 5px;
             }



/* Имитация ссылки "подробнее" */
.details
             {
             margin: 0px;
             padding: 0px;
             color: #064e7a;   /* темно-голубой */
             text-align: right;
             }


.details span
             {
             text-decoration: underline;
             cursor: pointer;
             }




/* Шестеренки */
#gears {
 display: none;
 position: absolute;
 top: 90px;
 left: 10px;
 width: 32px;
 height: 32px;
 z-index: 1;
/* position: */
}


/* Блокировка отобржения скрытых кратких заголовков новостей */
.news-short-title, .news-short-anounce {
 display: none;
}




/* Пустой прозрачный слой для имитации imagemap, ссылка на корень */
#logo_link 
           {
           position: absolute;
           top: 0px;
           left: 0px;
           width: 175px;
           height: 142px;
           opacity: 0;
           }



/* Пустой прозрачный слой для имитации imagemap, ссылка на сайт 70-летия победы*/
#may_link 
           {
           position: absolute;
           top: 0px;
           left: 780px;
           width: 475px;
           height: 142px;
           opacity: 0;
           }



/* Пустой прозрачный слой для имитации imagemap, ссылка на сайт ГНЦ*/
#gnc_link 
           {
           position: absolute;
           top: 15px;
           left: 942px;
           width: 50px;
           height: 50px;
           opacity: 0;
           }



/* Пустой прозрачный слой для имитации imagemap, ссылка на сайт Правительства РФ*/
#pr_link 
           {
           position: absolute;
           top: 15px;
           left: 785px;
           width: 80px;
           height: 50px;
           opacity: 0;
           }


/* Пустой прозрачный слой для имитации imagemap, ссылка на сайт Минпромторга*/
#mprt_link 
           {
           position: absolute;
           top: 15px;
           left: 876px;
           width: 53px;
           height: 50px;
           opacity: 0;
           }


/* Пустой прозрачный слой для имитации imagemap, ссылка на сайт Военного реестра*/
#vr_link 
           {
           position: absolute;
           top: 15px;
           left: 997px;
           width: 45px;
           height: 50px;
           opacity: 0;
           }



/* Таблица для конкурса вакансий */
/*------------------------------------------------------------------*/
.vac       {
              border: solid 1px gray;
              //text-align: center; 
              border-spacing: 0px;
              border-collapse: collapse; /* Убираем двойные линии между ячейками */
              //width: 500px;
              margin-bottom: 25px;
              }



.vac td    {
              border: solid 1px gray;
              text-align: left;
              padding: 9px;
              }
/*------------------------------------------------------------------*/

.xz         {
            border-collapse: collapse;
            }


.xz td      {
            border-spacing: 0px;
            border: solid 1px gray;
            text-align: left;
            padding: 5px;
            }

/* Список с паддингом и переносами */
/*------------------------------------------------------------------*/
.prikaz li  
           {
           padding: 0px 0px 10px 0px;
           //text-align: left;
           -webkit-hyphens: auto;
           -moz-hyphens: auto;
           -ms-hyphens: auto;
           }

.prikaz a  
           {
           text-decoration: none; 
           }
/*------------------------------------------------------------------*/



/* Обычная таблица с сеткой */
/*------------------------------------------------------------------*/
.grid-table
              {
              border: solid 1px gray;
              //text-align: center; 
              border-spacing: 0px;
              border-collapse: collapse; /* Убираем двойные линии между ячейками */
              width: 100%;
              margin-bottom: 25px;
              }

.grid-table th {
               border: solid 1px gray;
               text-align: center;
               padding: 10px;
               hyphens: none;
              -moz-hyphens: none;
              -webkit-hyphens: none;
              -ms-hyphens: none;
               }                               


.grid-table td   {
              border: solid 1px gray;
              text-align: center;
              padding: 10px;
              hyphens: auto;
              -moz-hyphens: auto;
              -webkit-hyphens: auto;
              -ms-hyphens: auto;
              }
/*------------------------------------------------------------------*/



/* Блок для баннеров */
/*------------------------------------------------------------------*/
.banners      {
              text-align: center; 
              }

.banners img {
              //border: solid 1px gray;
              padding: 10px 15px 15px 15px;
              }


/*------------------------------------------------------------------*/





/* Таблицы в новостях */
/*------------------------------------------------------------------*/
.tbl_news td {
             border: solid 1px gray;
             padding: 5px;
             text-align: center;
             }


.tbl_news    {
             border-collapse: collapse;  
             }
/*------------------------------------------------------------------*/




