/* Правила для экранной версии представления данных */
@charset "windows-1251";
@media screen {
/* Общие установки для страницы */
html, body {
margin: 0px;
padding: 0px;
border: 0px;
}
body {
color: #000;
background: #fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
/* "Подложка" для всей страницы  #F2F2F0*/
#carrier {
width: 100%;
background:  #Fff;
}
/* "Подложка" для всей страницы в варианте только текст*/
#carrier_blanc {
padding: 1%;
width: 97%;
}
/* "Подложка" для шапки */
#carrier_header {
width: 100%;
background: #677d89;
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=#617682, endColorStr=#A7C1CC);/*заливка градиентом для Explorer*/
/* background: -webkit-gradient(linear, left top, left bottom, from(#617682), to(#A7C1CC)); /*заливка градиентом для Goodle Chrome*/

background: -moz-linear-gradient(top, #7A8c99 0%, #8496A3 25%, #96A7B4 45%, #A1B4BF 51%, #A7BAC5 75%, #B3C5D0 100%); /*заливка градиентом для Firefox*/
background: -webkit-linear-gradient(top, #7A8C99 0%, #8496A3 25%, #96A7B4 45%, #9AABB7 51%, #B3C5D0 100%); /*заливка градиентом для Safari Chrome*/
background: -o-linear-gradient(top, #617682 0%, #889FAC 50%, #869EAA 51%, #A7C1CC 100%);	   /*заливка градиентом для Opera*/
background: -ms-linear-gradient(top, #617682 0%, #889FAC 50%, #869EAA 51%, #A7C1CC 100%);     /*заливка градиентом для Internet Explorer*/
background: linear-gradient(top, #617682 0%, #889FAC 50%, #869EAA 51%, #A7C1CC 100%);	   /*заливка градиентом для IE9*/
}
/* Шрифт для "шапки"*/
#header {
font-family: "Times New Roman", Georgia, Times, serif;
}
/* Шрифт для "шапки"*/
#ttitle {
WIDTH: 80%;
FILTER: progid:DXImageTransform.Microsoft.Shadow(offX=1, offY=1, direction=270, color=#262F33, strength=8); /*Тень*/
}
/* Шрифт меню навигации, заголовков второго уровня в основном тексте и "подвала" */
#menu, #text h1, #text h2, #footer {
font-family: Verdana, Arial, Helvetica, sans-serif;
}
/* Общие правила оформления "шапки" и "подвала" */
#header, #footer p {
background: #677d89;
color: #ffffff;
padding: 0px;
margin: 0px;
}
/* Представление горизонтального меню */
#g_menu {
border-style: solid none solid none;
border-width: 2px 0px 2px 0px;
border-color: #677d89;
background: #fff;
padding: 0px;
margin: 0px;
text-align: center;
}
/**************************************************** Оформление блоков input, select */
#g_menu input, #g_menu select {
font-size: 78%;
}
/*********************************************** правила оформления горизонтального меню */
#g_menu a, #g_menu span {
padding-left: 0%;
padding-right: 0%;
margin: 0px;
font-size: 90%;
font-family: Verdana, Arial, Helvetica, Times New Roman sans-serif;
text-decoration: none;
color: #000080;
/*	font-weight: bold;*/
background-color: #ffffff;
}
/*********************************************** правила оформления горизонтального меню */
#g_menu a:hover {
color: white;
background-color:  #677d89;
border: #677d89 0px solid;
}
/* Представление "шапки" */
#header {
font-size: 100%;
font-weight: bold;
text-align: left;
vertical-align: bottom; /* | middle |  baseline| sub | super | text-bottom | text-top */
color: #FAF7E7;
height: 119px;
background: url(img/stella.jpg) no-repeat right top;




}






/* На внутренних страницах сайта титульная надпись в "шапке"
выступает в качестве ссылки на главную страницу. Для этой
ссылки задаются такие правила, чтобы она визуально была
неотличима от заголовка без ссылки */
#header a:link, #header a:visited, #header a:hover, #header a:active {
color: #ffffff;
text-decoration: none;
}
/******************************** "Подложка" для навигационного меню. Ширина области навигации постоянна во всех браузерах */
#menucarrier {
background: #fff none repeat scroll 0 0;
    border-bottom: 1px solid gray;
    border-right: 1px solid gray;
    float: left;
    height: 100%;
    padding: 3px;
    
}
/************************************ Собственно блок навигации */
#menu {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 70%;
text-decoration: none;
text-align: left;
vertical-align: middle;
}
/* Хитрые игры со свойствами margin и padding имеют целью
полную совместимость с IE5. Блок навигации отображается в IE5
так же, как и в более современных браузерах. "Кнопки"
навигационного меню расположены на расстоянии 1 пикселей
друг от друга и от границ навигационного блока по вертикали */
#menu p {
padding: 0px;
margin: 1px;
}
/* При помощи свойства display мы превращаем гиперссылки и
контейнер <span>...</span>, размещенные в блоке навигации, из
внутристрочных элементов в блочные, что дает нам возможность
указать ширину при помощи свойства width */
#menu a, #menu span {
display: block;
width: 165px;
min-height: 27px;

height:auto;
padding: 1px;
text-decoration: none;
color:#000080;
}
/* Далее следуют правила представления "кнопок" навигационного меню.
Их четыре вида: 1) обыкновенные; 2) выделенные при помощи курсора
мыши; 3) соответствующие текущему "магистральному" разделу и
предназначенные для его внутренних страниц - для таких "кнопок"
назначен класс current; 4) соответствующие текущей
странице и поэтому не являющиеся ссылками - этот вид "кнопок"
представлен элементами <span>...</span> */

#menu a {
background: #677d89;
color: #fff;
border: #cccccc 1px outset;
margin-top: 3px;
}
#menu a.submenu {
background: #DCE0E0;
color: #000080;
border: #D4D8D9 1px solid;
margin-top: 1px;
}
#menu a:hover {
background: gray;
color: white;
border: #cccccc 1px outset;
}
#menu a:active, #menu span {
background: #677d89;
color: #fff;
border: #CA9902 1px solid;
}
#menu span {
margin-top: 3px;
}
#menu span.submenu {
background: #DCE0E0;
color: #000080;
border: #CA9902 1px solid;
margin-top: 1px;
}


div#mainblock { float:left; margin: 0px auto;  width:85%}
div#rightblock {display: block; clear:right;}
div#leftblock {float:left; display: block; width:420px;}

/* Дальнейшие правила определяют оформление элементов области
основного текстового содержания страницы */
#text {
background: #fff none repeat scroll 0 0;
    margin-left: 180px;
    font-size: 80%;
    margin-top: 3px;
    overflow: visible;
    padding: 10px;
    
}

#text a {
color:#000080;
text-decoration: none;
}

.leftimg {
        float: left; /* Выравнивание по левому краю */
        margin: 7px 7px 7px 0; /* Отступы вокруг картинки */
    }
.rightimg {
        float: right; /* Выравнивание по правому краю */
        margin: 7px 7px 7px 0; /* Отступы вокруг картинки */
    }
	
#text a:link {
color:#000080;
text-decoration: none;
}
#text a:visited {
color:#000080;
text-decoration: none;
}
#text a:hover {
color:#000080;
text-decoration: underline;
}
#text a:active {
color:#000080;
text-decoration: none;
}

/******************************************************* правила определяют оформление новостей на главной странице */

#body_news {
FLOAT: left;
WIDTH: 75%;
}

/* было 75 */


#body_foto {
FLOAT: right;
WIDTH: 23%;
text-align: center;
}

/* было 23 */   



.container_title {
display: table;
font: bold 100% Verdana, Arial, Helvetica, sans-serif;
COLOR:  #606060;
PADDING-TOP: 10px;
}
.container_text {
<!--float: right;-->
PADDING-BOTTOM: 5px;
PADDING-TOP: 10px;
height: 100%;
}
.time {
float: right;
COLOR:  #606060;
}
.text_img {
float:left;
margin: 0px 10px 10px 0px;
border: 0px;
}
/* Дальнейшие правила определяют оформление элементов области
хлебных крошек */


#breadcrumb a {
color:#000080;
text-decoration: none;
}
#breadcrumb a:link {
color:#000080;
text-decoration: none;
}
#breadcrumb a:visited {
color:#000080;
text-decoration: none;
}
#breadcrumb a:hover {
color:#000080;
text-decoration: underline;
}
#breadcrumb a:active {
color:#000080;
text-decoration: none;
}
#breadcrumb {

border-bottom: 1px solid gray;
    color: #000080;
    margin-left: 180px;
    font-size: 80%;
    
    padding: 7px 7px 7px 25px;
    text-decoration: none;
    
}
#text h1 {
font-size: 110%;
font-weight: bold;
text-transform: uppercase;
text-align: center;
color: midnightblue;
}
#text h2 {
font-size: 100%;
font-weight: bold;
color: midnightblue;
left: 10%;
}
/* Псевдокласс first-child указывает на первый вложенный
в блок #text заголовок <h2>...</h2>. Для таких заголовков
верхний вертикальный отступ устанавливается равным нулю.
Впрочем, Internet Explorer не понимает этого псевдокласса,
так что в браузере от Microsoft первый заголовок области
основного текста будет расположен заметно дальше от
"шапки", нежели в браузерах, относящихся к рекомендациям
W3C более уважительно */
#text h1:first-child {
margin-top: 0px;
}
/* Абзацы основного текста оформляются в соответствии
с традициями русскоязычного текстового набора */
#text p {
text-align: justify;
text-indent: 1.5em;
margin: 0px;
}
#text table tr td p {
text-align: left;
text-indent: 0em;
margin: 0px;
}

.no_border {
border:  0px solid #000000;
height: 175px;
width: 250px;
}

}

/************************************************************увеличение фото у руководства*********/

img.img.center{
margin:5px auto;
display: block;
max-height: 220px;
max-width: 220px;
}
img.img.center1{
margin:5px auto;
display: block;
max-height: 600px;
max-width: 600px;
}
img.img.center:hover {
transform:scale(1.3);
transition: all 0.3s linear 0.3s;
}
img.img.center1:hover {
transform:scale(1.3);
transition: all 0.3s linear 0.3s;
}
img.img.left{
float:left;
margin:5px 15px 5px 0;
}
img.img.right{
float:right;
margin:5px 0 5px 15px;
}
img.img.center{
margin:5px auto;
display: block;
}
img.img {
max-height: 220px;
max-width: 220px;
transition: all 0.3s linear 0s;
z-index: 1;
border: 1px solid #EEE;
background: #FFFFFF;
padding: 5px;
}
img.img:hover {
cursor:pointer;
box-shadow: 0 0 5px 5px #eee;
border: 1px solid #25A0E3;
z-index: 10;
transition: all 0.3s linear 0.3s;
}
img.img.left:hover{
transform:scale(2) translate(88px, 30px);
}
img.img.right:hover{
transform:scale(2) translate(-88px, 30px);
}
img.img.center:hover {
transform:scale(1.3);
}



/*класс: фото в новостях*/

.news_photo
{
display:block;
margin:0 auto;
width: 1080px;
}

.news_photo img
{
text-align: center;
margin: 5px;
border: 1px solid black;
}


.news_photo_top
{
display:block;
margin:0 auto;
width: auto;
float:left;
}

.news_photo_top img
{
text-align: center;
margin: 5px;
border: 1px solid black;
}

/*Убираем img из превью анонса*/
.anons_preview img
{
	display: none;
}

/*Блоки в Справочной информации  */
.gov
{
text-align: center;
margin: 0px auto;
}


.gov a {
display: inline-table;
text-align: center;
font-size: 8pt;
width: 100px;
margin: 0px;
padding: 10px;
border: 0px solid black;

}

.gov a span {
text-align: center
}

.gov a img {
display: inline-flex;
height: 100px;

border-radius: 10px;
}

.gov a div {
min-width: 100px;
min-height: 100px;
display: block;
margin: 0 auto
}


/*Блоки в лучших работах по антикоррупции  */
.best_img
{
text-align: center;
margin: 0px auto;
}


.best_img a {
display: inline-table;
text-align: center;
font-size: 8pt;
width: 180px;
margin: 0px;
padding: 20px;
border: 0px solid black;

}

.best_img a span {
text-align: center
}

.best_img a img {
display: inline-flex;
height: 180px;

border-radius: 0px;
}

.best_img a div {
min-width: 180px;
min-height: 180px;
display: block;
margin: 0 auto
}
/*Блоки в лучших работах видео по антикоррупции  */
.best_video
{
text-align: center;
margin: 0px auto;
}


.best_video a {
display: inline-table;
text-align: center;
font-size: 8pt;
width: 100px;
margin: 0px;
padding: 20px;
border: 0px solid black;

}

.best_video a span {
text-align: center
}

.best_video a img {
display: inline-flex;
height: 100px;

border-radius: 0px;
}

.best_video a div {
min-width: 100px;
min-height: 100px;
display: block;
margin: 0 auto
}

/* Класс, картинка в рамке */

.special_block
{
border: 1px solid lightgray;
    border-radius: 5px;
    box-shadow: 7px 7px lightgray;
    float: left;
    height: 285px;
    margin: 15px;
    padding: 0;
    width: 250px;
}
.count_foto {
background: white none repeat scroll 0 0;
    border-radius: 6px;
    display: block;
    font-weight: bold;
    margin-left: 17px;
    margin-top: -163px;
    padding: 5px 4px;
    position: absolute;
    text-align: center;
    vertical-align: middle;
    z-index: 1002;
	border: 0.5px solid black
}
a.news_link  > .text_foto {
color: black;
    display: block;
    font-weight: bold;
    padding: 0 10px;
	text-decoration:none;
}
a.news_link:hover  > .text_foto {
color: #bb0000;
    display: block;
    font-weight: bold;
    padding: 0 10px;
	text-decoration:none;
}
.foto_ico{
width: 25px; 
display: block; 
background: white none repeat scroll 0px 0px;
}

.special {
display: table-cell;
vertical-align: middle;

height: 120px; width: 120px;
//border: solid 5px;
background-color:white;
border-color :silver;
margin: 0px auto;
}
.auxiliary {
display: inline-block;
vertical-align: middle;
width: 0px;
height: 100%;
}
.special div {
display: inline-block;
vertical-align: middle;
text-align: center;
}
.special div, .auxiliary {
display: inline;
}





.special_big {
border: solid 7px;
background-color:white;
border-color :silver;
padding: 10px;
margin: 0px auto;
text-align: center;
}
.addtxt {
width: 98%;
}

.head {
background-color:#677d89;
border: #677d89 2px solid;
color: white;
margin-top: 5px;
margin-bottom: 5px;
height: auto;
FONT-SIZE: 10pt;
vertical-align: middle;
text-align: center;
}
.head2str {
background-color:#677d89;
border: #677d89 2px solid;
color: white;
margin-top: 5px;
margin-bottom: 5px;
height: 25pt;
FONT-SIZE: 10pt;
vertical-align: middle;
text-align: center;
}

.block {
border: solid 0pt;
FONT-SIZE: 10pt;
vertical-align: middle;
text-align: center
}
/* Линия */
hr {
border: #677d89 thin solid;
}
/******************************* Представление нумерованных и маркированных списков
в основном тексте */
#text ul, #text ol {
margin-top: 0px;
margin-bottom: 0px;
}
#text ul {
list-style-type: square;
}

/**************************************************** Оформление ссылок в основном тексте  color: #CA9902; color: color: #CA9902;;#0178C3color: #CC7700;*/
#text a {
text-decoration: underline;
}
#text a:link {
}
#text a:visited {
}
#text a:hover {
}
#text a:active {
}
/**************************************************** Оформление таблиц */

/*********** Представление таблиц в основном тексте */
#text td, #text th, #text tr, #text table {
border: black 1px solid;
}
/*#text table{
border: 1px solid;
}*/

th {
font-size: 92%;
}
td {
font-size: 92%;
}

#border_none td, #border_none th, #border_none tr, #border_none table {
border: #ffffff 3px solid;
}

/*#bordernone table {border-style:none; border:0px;
border-top-width:0pt;
border-top:medium none;
border-bottom:medium none;
border-left:medium none;
border-right:medium none;
}*/

#text .border_none {border-style:none;border:none;}



/**************************************************** Оформление блоков input, select */
input, select {
font-size: 100%;
}
/**************************************************** Оформление блоков input, select */

form {
margin: 0px;
padding: 0px;
font-size: 100%;
}
/*************************************************** Календарь и навигатор страниц*/
#calendar {
border: #677d89 2px solid;
width: 210px;
margin: 10px;
padding: 10px;
}
#navigator {
padding: 10px;
}
#calendar td, #calendar th, #navigator td, #navigator th {
width: 30px;
height: 25px;
margin: 0px;
padding: 0px;
text-align: center;
}
#calendar td, #navigator td {
background: #DCE0E0;
border: #D4D8D9 1px solid;
}
#calendar th, #navigator th, #navigator th a {
background-color:#677d89;
border: #677d89 2px solid;
color: white;
}
#calendar td a, #navigator td a {
color: #000080;
}
#calendar select, #calendar input {
font-size: 69%;
}
select.month {
margin-left: 2px;
width: 55pt;
}
select.year {
width: 37pt;
}
select.section {
width: 150pt;
}
form {
margin: 0px;
padding: 0px;
font-size: 100%;
}
/**************************************************** Оформление блоков ошибок */
span.error {
color: red;
}
/* Правила, определяющие представление "подвала" и содержащихся в нем
элементов - абзацев и гипертекстовых ссылок */
#footer {

    clear: both;
    margin-top: 10px;
    
    width: 100%;
}
#footer p {
font-size: 70%;
border-top: solid 0px #69c;
}
#footer a:link, #footer a:visited, #footer a:hover, #footer a:active {
color: #fff;
text-decoration: underline;
}
#tblMsg1 a:link, #tblMsg1 a:visited, #tblMsg1 a:hover, #tblMsg1 a:active {
color: #000080;
text-decoration: underline;
}
#list {
margin-left:20px;
padding:0;
COLOR: #000080;
}
#list li {
padding-left:20px;
list-style:none;
}
#list li img {
margin: 0px 2px 0px -13px;
cursor: auto;
}
#list li ul {
display:none;
}
}

/* Правила, определяющие версию представления данных для карманных
компьютеров. Никак не взаимосвязаны с правилами, определенными
для экранной версии представления. Перечисленные ниже конструкции
очень простые, комментировать здесь почти нечего. Все блоки
позиционированы согласно простейшей схеме static и следуют
друг за другом в нормальном потоке. Размер шрифта для всего
текста страницы задан в пикселях: 16 пикселей для заголовков
первого уровня, 14 - для заголовков второго уровня и 12 - для
всех остальных элементов */
@media handheld {
html, body {
margin: 0px;
padding: 0px;
border: 0px;
}
body {
font: 12px Tahoma, Arial, Helvetica, sans-serif;
color: #000;
background: #fff;
}
#header, #menucarrier, #text, #footer {
padding: 5px;
}
#header, #footer {
background: #ccc;
}
#header {
font-size: 16px;
margin: 0px;
}




#footer {
border-top: solid 1px #666;
}
h2, p {
margin: 5px 0px;
}
#text h2 {
font-size: 14px;
}
ul {
list-style: square inside;
margin: 5px;
padding: 0px;
}
li {
margin: 0px;
padding: 0px;
}
a:link {
color: #00f;
}
a:visited {
color: #609;
}
}





/* Правила для печатной версии представления данных.
Этот фрагмент листа стилей еще проще. При помощи свойства
display со значением none мы скрываем все элементы, не
требующиеся в печатной версии - "шапку", блок навигации
и "подвал". Остается только область основного текста.
Используем рубленый шрифт кегля 16 пунктов для заголовков,
антикву кегля 12 пунктов для всего остального. Всему
тексту, включая гиперссылки, назначаем черный цвет. */
@media print {
body {
color: #000;
font: 90% "Times New Roman", Times, serif;
}
#menucarrier, #footer, #g_menu {
display: none;
}
#text h1 {
font: bold 120% Arial, Helvetica, sans-serif;
}
#text h2 {
font: bold 110% Arial, Helvetica, sans-serif;
}
#text h3 {
font: bold 100% Arial, Helvetica, sans-serif;
}
#text a {
color: #000;
text-decoration: none;
}
}

/*----------гирлянда-----------*/