﻿*{
margin: 0;
padding: 0;
border: 0;
} 

body {
margin:0; padding:0;
margin-bottom: 3px;
overflow-y: scroll;
} 

#container { 
width: 1000px;
margin: 0 auto;
font-size: 16px;
margin-top: 5px;
background:  rgb(255,255,255);
} 

#container marquee {
color: rgb(0,102,204); 
text-decoration: none; 
font-size: 13px; 
font-family: Tahoma, Arial,  Verdana,  Helvetica, sans-serif; font-weight: normal
}

#header { 
background: url(../img/title.png);
width: 1000px;
height: 143px;
} 

#down {
width: 100px;
height: 26px;
}

#top { 
color: #f00;
font-size: 14px;
font-weight: normal;
line-height: 1.8em;
text-align: right;
margin-top: 3px;
margin-right: 10px;
font-family: Tahoma, Arial, Helvetica, sans-serif
} 

#top li { 
display: inline;
margin: 30px 1px;
} 

#top li a { 
color: rgb(255,255,255);
} 

#top li a:hover { 
color: rgb(255,204,0);
} 


#bottom { 
color: rgb(255,51,0);
font-size: 14px;
font-weight: bold;
text-align: right;
margin-top: 85px;
margin-right: 3px;
font-family: Tahoma, Arial, Helvetica, sans-serif
} 



#nav { 
color: rgb(255,255,255);
font-size: 14px;
font-weight: normal;
text-align: right;
margin-top: 85px;
margin-right: 3px;
font-family: Tahoma, Arial, Helvetica, sans-serif
} 

#nav ul { 
list-style-type: none;
} 

#nav li { 
display: inline;
margin: 0 11px;
} 

#nav li a { 
color:  rgb(51,102,153);
} 

#nav li a:hover { 
color:  rgb(204,51,0);
text-decoration: underline;
} 

#nav li a.active { 
color:  rgb(204,51,0);
text-decoration: underline;
} 


a { 
text-decoration: none;
color: rgb(0,51,153);
} 

a:hover{
color: rgb(255,102,0);
}

.bold { 
FONT-WEIGHT: bold;
color: rgb(0,102,153);
} 

.black { 
color: rgb(0,0,0);
font-size: 12px;
FONT-WEIGHT: normal;
text-decoration: underline;
text-align: left;
} 

.normal {
font-size: 16px;
FONT-WEIGHT: normal;
color: rgb(0,102,153);
TEXT-DECORATION: none;
font-family: Tahoma, Arial, Helvetica, sans-serif
}

.red_small {
font-size: 12px;
color: rgb(255,102,0);
TEXT-DECORATION: underline;
FONT-WEIGHT: normal;
font-family: Tahoma, Arial,  Verdana,  Helvetica, sans-serif
}

.red { 
font-size: 12px;
color: #FF0000;
TEXT-DECORATION: none;
FONT-WEIGHT: normal;
font-family: Tahoma, Arial,  Verdana,  Helvetica, sans-serif
} 

.date {
font-size: 12px;
color: rgb(0,0,0);
TEXT-DECORATION: none;
FONT-WEIGHT: normal;
font-family: Tahoma, Arial,  Verdana,  Helvetica, sans-serif
}


#menu {
width: 250px;
float: left;
color: #f0f;
font-size: 16px;
font-weight: normal;
line-height: 1.52em;
text-align: left;
margin-top: 70px;
font-family: Tahoma, Arial,  Verdana,  Helvetica, sans-serif;
text-align: left;
}

.empty {
width: 250px;
float: left;
font-size: 12px;
margin: 10px 0px 0px 5px;
text-align: center;
}


#menu ul { 
list-style-type: none;
margin-left: 15px;
} 

#menu ul li.arr { 
list-style-type: none;
} 

#menu li { 
margin: 0px 0px 9px 0px;
} 

#menu li a { 
color: rgb(0,102,153);
} 

#menu li a:hover { 
color: #f00;
}       		

.submenu { 
font-size: 13px;
margin: 5px 0px 0px 0px;
font-weight: normal;
line-height: 1.3;
color: rgb(0,102,153);
font-family: Tahoma, Arial,  Verdana,  Helvetica, sans-serif
} 

#menu li a { 
font-size: 16px;
margin: 5px 0px 0px 0px;
font-weight: normal;
line-height: 1.52em;
color: rgb(51,102,153);
font-family: Tahoma, Arial,  Verdana,  Helvetica, sans-serif
} 


#menu a.normal { 
font-size: 16px;
margin: 5px 0px 0px 0px;
font-weight: normal;
line-height: 1.52em;
color: rgb(0,102,153);
TEXT-DECORATION: underline;
font-family: Tahoma, Arial,  Verdana,  Helvetica, sans-serif
} 

#menu a.active { 
font-size: 16px;
margin: 5px 0px 0px 0px;
font-weight: normal;
line-height: 1.52em;
color: rgb(255,51,0);
TEXT-DECORATION: underline;
font-family: Tahoma, Arial,  Verdana,  Helvetica, sans-serif
} 

#menu a:hover { 
font-size: 16px;
margin: 5px 0px 0px 0px;
font-weight: normal;
line-height: 1.52em;
color: rgb(255,51,0);
TEXT-DECORATION: underline;
font-family: Tahoma, Arial,  Verdana,  Helvetica, sans-serif
} 

#text {

float: right;
margin-left: 20px;
width: 700px;
text-align: left;
font-size: 16px;
color: rgb(0,0,0);
TEXT-DECORATION: none;
FONT-WEIGHT: normal;
font-family: Tahoma, Arial,  Verdana,  Helvetica, sans-serif
}

#text h2 {
color: rgb(0,0,0);
font-size: 24px;
text-align: left;
margin-top: 20px;
margin-bottom: 20px;
FONT-WEIGHT: normal;
font-family: Tahoma, Arial,  Verdana,  Helvetica, sans-serif
}

#text h3 {
color: rgb(0,0,0);
font-size: 18px;
text-align: left;
line-height : 1.2em;
FONT-WEIGHT: normal;
margin-bottom: 20px;
font-family: Tahoma, Arial,  Verdana,  Helvetica, sans-serif
}

#text p {
text-align: justify;
margin-bottom: 10px
}

#text ol {
margin-left: 35px;
}

#text ul {
margin-left: 35px;
margin-right: 15px;
text-align: left;
}

#text li {
list-style-type: square;
}

#text table {
width: 750px;
margin: 15px 0px 15px 0px;
border: 1px solid #cccccc;
border-collapse: collapse;
text-align: left;
font-size: 13px;
TEXT-DECORATION: none;
FONT-WEIGHT: normal;
font-family: Tahoma, Arial,  Verdana,  Helvetica, sans-serif
}

#text table.empty {
margin: 0px 0px 15px 0px;
width: 660px;
text-align: center;
font-size: 13px;
TEXT-DECORATION: none;
FONT-WEIGHT: normal;
border: 0px;
border: 0px solid #cccccc;
font-family: Tahoma, Arial,  Verdana,  Helvetica, sans-serif
}


#text table.small {
width: 200px;
border: 0;
}

#text table.small td {
text-align: center;
border: 1px solid #cccccc;
}


#text table.empty td {
margin-left: 150px;
background: #fcfcfc;
padding-left: 3px;
text-align: left;
border: 0px;
}


#text table th {
padding-left: 3px;
text-align: center;
background: #e8efff;
border: 1px solid #cccccc;
}

#text table td {
background: #fcfcfc;
padding-left: 3px;
text-align: left;
border: 1px solid #cccccc;
}

#text table td.empty {
background: #fcfcfc;
padding-left: 3px;
text-align: left;
border: 1px solid #cccccc;
}

#text table td.center{
background: #fcfcfc;
padding-left: 3px;
text-align: left;
text-align:center;
border: 1px solid #cccccc;
}

#right_menu {
float: right;
width: 220px;
margin: 10px 0px 0px 0px;
background-repeat:repeat-y;
}

#title {
float: left;
margin: 5px 0px 0px 12px;
width: 500px;
text-align: left;
font-size: 13px;
color: rgb(0,0,0);
TEXT-DECORATION: none;
FONT-WEIGHT: normal;
font-family: Tahoma, Arial,  Verdana,  Helvetica, sans-serif
}

#title h2 {
color: rgb(0,51,153);
font-size: 24px;
margin-bottom: 10px;
text-align: left;
FONT-WEIGHT: normal;
font-family: Tahoma, Arial,  Verdana,  Helvetica, sans-serif
}

#title h3 {
margin-bottom: 15px;
color: rgb(0,51,153);
font-size: 18px;
text-align: left;
line-height : 1.1em;
FONT-WEIGHT: normal;
font-family: Tahoma, Arial,  Verdana,  Helvetica, sans-serif
}

#title p {
text-align: justify;
margin-bottom: 10px
}

#title ol {
margin-left: 35px;
font-size: 12px;
}

#title ul {
margin-left: 35px;
margin-right: 15px;
text-align: left;
font-size: 12px;
}

#title li {
font-size: 14px;
list-style-type: square;
}

#title table {
color: #000000;
font-size: 14px;
text-align: left;
margin: 15px 0px 15px 0px;
border: 1px solid #cccccc;
}

#title table th {
padding-left: 8px;
background: #e8efff;
border-bottom: 1px solid #cccccc;
}

#title table td {
background: #fcfcfc;
padding-left: 8px;
text-align: left;
border-bottom: 1px solid #cccccc;
}

.box {
margin-left: 0px;
margin-right: 5px;
width: 205px;
font-size: 14px;
background: rgb(240,245,255);
border-width:1px; 
border-color: rgb(204,204,204);
border-style: solid;
color: rgb(0,102,153);
}

.box head {
color: rgb(0,0,0);
padding: 2px 0px 5px 3px;
text-align: left;
}

.box h3 {
text-align: left;
padding: 2px 0px 5px 5px;
color: rgb(0,51,153);
FONT-WEIGHT: normal;
font-family: Tahoma, Arial,  Verdana,  Helvetica, sans-serif
}

.box p {
color: rgb(0,0,0);
margin: 3px 5px 3px 5px;
padding: 2px 0px 5px 3px;
text-align: left;
}

.box ul {
margin-left: 35px;
margin-right: 15px;
margin: 3px 5px 5px 25px;
text-align: left;
}

.box li {
list-style-type: square;
}

.box li a { 
color: rgb(0,102,153);
} 

.box li a:hover { 
color: #f00;
}

.box img { 
border: 1px solid #999999;
} 

#footer { 
width: 1000px;
height: 30px;
background: rgb(255,255,255);
clear: both;
color: rgb(0,0,0);
font-size: 13px;
font-style: italic;
FONT-WEIGHT: normal;
font-family: Tahoma, Arial,  Verdana,  Helvetica, sans-serif
} 

#footer p { 
text-align: center;
background:  rgb(255,255,255);
} 


.content .right .slideshow{
 width:235px;
 height:135px;
 text-align: right;
}

.content .right .event {
    padding: 15px 0;
}
.content .right .event .title {
    float: left;
    font-size: 12px;
    color: #333333;
    background-color: #A6A7AD;
    padding: 7px 10px;
}
.content .right .event .text {
    float:right;
    width:280px;
    text-align:left;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-style: italic;
    color: #C1C5CC;
    margin-left: 40px;
    padding-top: 7px;
}

/*PDF*/

.accordionItemHeading{
    cursor:pointer;
    margin:0 !important;
    padding:10px;
    width: calc(100% - 140px);
    border: 1px solid rgb(0,102,153);;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px 0px 0px 3px;
    box-sizing: border-box;
    display: inline-block;

     /*color: rgb(0,0,0); */
     font-size: 16px !important; 
     text-align: left; 
     margin-top: 0px; 
     margin-bottom: 20px; 
     transition: 1s;

}
.close .accordionItemContent{
    height:0px;
    transition:height 1s ease-out;
    -webkit-transform: scaleY(0);
    -o-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    float:left;
    display:block;
    visibility: hidden;
}
.open .accordionItemContent{
    width: 100%;
    margin: 0px 0px 10px 0px;
    display:block;
}

.open .accordionItemHeading{
    margin: 0px;
    background-color: rgba(0, 114, 171, 0.6);
    color: #FFF;
}

.download_link{
    margin: 0;
    background: rgb(0,102,153);
    height: 40px;
    padding: 2px;
    float: right;
    width: 140px;
    border-radius: 0px 3px 3px 0px;
    box-sizing: border-box;
    color: #FFF;
    TEXT-DECORATION: none;
}

.ember_pdf{
    width: 100%;
    height: 800px;
    transition: 1s;
}

.accordionItem{
    margin-bottom: 10px;
}



/*===============Новости===============*/
h2.title{
    color: rgb(0, 85, 128) !important;
}
.news_feed {

}
.news-feed__item {
    padding: 10px 0;
    font-size: 13px;
}
.news-feed__title {
    text-decoration: none;
}
.news-feed__title{
    color: rgb(0,102,153);
    text-decoration: none;
    font-weight: bold;
    font-family: 'Roboto', Tahoma, Arial;
    display: inline-block;
}
.news-feed__briefly {
    margin: 5px 0 0 0;
    text-align: justify;
    color: #353638;
}
/*.news-feed__info {}*/
.news-feed__date, news-feed__continued{
    color: #AAA;
    float: right;
}

/*.news-feed__link {}*/


.content__text {
  margin: 10px 0;
}

.content__list li {
  margin: 5px 0;
}
.content__list li:before {
  content: "";
  margin: 3px;
}


.vacancy__content {
  display: block;
  margin: 0px;
  padding: 6px 0px 6px 0px;
  font-family: "Roboto", Tahoma, Arial;
  font-size: 14px;
}
.vacancy__content p {
  padding: 10px 0 5px 0;
}
.vacancy__content li {
  padding: 0 0 0 25px;
}

.vacancy__title {
  padding: 0px;
  margin: 0px;
  line-height: 20px;
  font-size: 18px;
  font-weight: normal;
  color: #005b8e;
}
.vacancy__title:hover {
  color: #ea6417;
}
.vacancy__title:after {
  content: "";
}

.vacancy__content {
  max-height: 0;
  overflow: hidden;
  transition: 1s;
}

.vacancy__content__active {
  max-height: 5000;
}