/*/*
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 100;
    src: url('Fonts/roboto/RobotoLight/RobotoLight.eot');
    src: url('Fonts/roboto/RobotoLight/RobotoLight.eot?#iefix') format('embedded-opentype'),
         url('Fonts/roboto/RobotoLight/RobotoLight.woff') format('woff'),
         url('Fonts/roboto/RobotoLight/RobotoLight.ttf') format('truetype');
}
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    src: url('Fonts/roboto/RobotoRegular/RobotoRegular.eot');
    src: url('Fonts/roboto/RobotoRegular/RobotoRegular.eot?#iefix') format('embedded-opentype'),
         url('Fonts/roboto/RobotoRegular/RobotoRegular.woff') format('woff'),
         url('Fonts/roboto/RobotoRegular/RobotoRegular.ttf') format('truetype');
}
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: bold;
    src: url('Fonts/roboto/RobotoBold/RobotoBold.eot');
    src: url('Fonts/roboto/RobotoBold/RobotoBold.eot?#iefix') format('embedded-opentype'),
         url('Fonts/roboto/RobotoBold/RobotoBold.woff') format('woff'),
         url('Fonts/roboto/RobotoBold/RobotoBold.ttf') format('truetype');
}

@font-face {
    font-family: "Tinos";
    font-style: normal;
    font-weight: 100;
    src: url('Fonts/Tinos/TinosRegular/TinosRegular.eot');
    src: url('Fonts/Tinos/TinosRegular/TinosRegular.eot?#iefix') format('embedded-opentype'),
         url('Fonts/Tinos/TinosRegular/TinosRegular.woff') format('woff'),
         url('Fonts/Tinos/TinosRegular/TinosRegular.ttf') format('truetype');
}
@font-face {
    font-family: "Tinos";
    font-style: normal;
    font-weight: bold;
    src: url('Fonts/Tinos/TinosBold/TinosBold.eot');
    src: url('Fonts/Tinos/TinosBold/TinosBold.eot?#iefix') format('embedded-opentype'),
         url('Fonts/Tinos/TinosBold/TinosBold.woff') format('woff'),
         url('Fonts/Tinos/TinosBold/TinosBold.ttf') format('truetype');
}
*/
/*@font-face {
    font-family: "Futura";
    font-style: normal;
    font-weight: bold;
    src: url('Fonts/Futurademic.otf');
    src: url('Fonts/Tinos/TinosBold/TinosBold.eot?#iefix') format('embedded-opentype'),;
}*/
/*
@font-face {
	font-family: 'FuturaDemiC';
	src: url('Fonts/Futura/FuturaDemiC.eot');
	src: local('Futura Demi Cyrillic'), local('FuturaDemiC'),
		url('Fonts/Futura/FuturaDemiC.eot?#iefix') format('embedded-opentype'),
		url('Fonts/Futura/FuturaDemiC.woff') format('woff'),
		url('Fonts/Futura/FuturaDemiC.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'FuturaMediumC';
	src: url('Fonts/Futura/FuturaMediumC.eot');
	src: local('Futura Medium Cyrillic'), local('FuturaMediumC'),
		url('Fonts/Futura/FuturaMediumC.eot?#iefix') format('embedded-opentype'),
		url('Fonts/Futura/FuturaMediumC.woff') format('woff'),
		url('Fonts/Futura/FuturaMediumC.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'FuturaLightC';
	src: url('Fonts/Futura/FuturaLightC-Italic.eot');
	src: local('Futura Light Italic Cyrillic'), local('FuturaLightC-Italic'),
		url('Fonts/Futura/FuturaLightC-Italic.eot?#iefix') format('embedded-opentype'),
		url('Fonts/Futura/FuturaLightC-Italic.woff') format('woff'),
		url('Fonts/Futura/FuturaLightC-Italic.ttf') format('truetype');
	font-weight: 300;
	font-style: italic;
}

@font-face {
	font-family: 'FuturaMediumC';
	src: url('Fonts/Futura/FuturaMediumC-Italic.eot');
	src: local('Futura Medium Italic Cyrillic'), local('FuturaMediumC-Italic'),
		url('Fonts/Futura/FuturaMediumC-Italic.eot?#iefix') format('embedded-opentype'),
		url('Fonts/Futura/FuturaMediumC-Italic.woff') format('woff'),
		url('Fonts/Futura/FuturaMediumC-Italic.ttf') format('truetype');
	font-weight: 500;
	font-style: italic;
}

@font-face {
	font-family: 'FuturaLightC';
	src: url('Fonts/Futura/FuturaLightC.eot');
	src: local('Futura Light Cyrillic'), local('FuturaLightC'),
		url('Fonts/Futura/FuturaLightC.eot?#iefix') format('embedded-opentype'),
		url('Fonts/Futura/FuturaLightC.woff') format('woff'),
		url('Fonts/Futura/FuturaLightC.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'FuturaDemiC';
	src: url('Fonts/Futura/FuturaDemiC-Italic.eot');
	src: local('Futura Demi Italic Cyrillic'), local('FuturaDemiC-Italic'),
		url('Fonts/Futura/FuturaDemiC-Italic.eot?#iefix') format('embedded-opentype'),
		url('Fonts/Futura/FuturaDemiC-Italic.woff') format('woff'),
		url('Fonts/Futura/FuturaDemiC-Italic.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'FuturaBookC';
	src: url('Fonts/Futura/FuturaBookC-Italic.eot');
	src: local('Futura Book Italic Cyrillic'), local('FuturaBookC-Italic'),
		url('Fonts/Futura/FuturaBookC-Italic.eot?#iefix') format('embedded-opentype'),
		url('Fonts/Futura/FuturaBookC-Italic.woff') format('woff'),
		url('Fonts/Futura/FuturaBookC-Italic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'FuturaBookC';
	src: url('Fonts/Futura/FuturaBookC.eot');
	src: local('Futura Book Cyrillic'), local('FuturaBookC'),
		url('Fonts/Futura/FuturaBookC.eot?#iefix') format('embedded-opentype'),
		url('Fonts/Futura/FuturaBookC.woff') format('woff'),
		url('Fonts/Futura/FuturaBookC.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
*/


body{
    font-size:13px;
    background-color:#fff;
    font-family:Helvetica/*'Open Sans'*/;
    /*letter-spacing: 0.03em;*/
    /*margin-top:20px;*/
    line-height:1em;
}
/*body-blind-font-small
{
    font-size: 1.5em;
    line-height: 1.4 !important;    
    background-color:#fff;
    font-family:Helvetica/*'Open Sans'
    margin-top:20px;
    line-height:16px;
}*/

a {cursor:pointer;}

h1 {font-size:1.7em/*25px*/; font-weight:bold;}

.for-blind-only {display: none;}

.xs-font-size-16{font-size:16px;}
.xs-font-size-13{font-size:13px;}

.container{
    /*width:100%;
    min-width:1200px;
    max-width:1440px;*/
    /*padding-left:0;
    padding-right:0;*/

}
@media (min-width: 768px) {
  /*body { font-size: 13px}*/
  .container {
    /*width: 740px;*/
    width:100%;
    min-width:1200px;
    max-width:1440px;
    padding-left:65px;
    padding-right:65px;
  }
  .xs-font-size{font-size:unset;}
}
/*@media (min-width: 992px) {
  .container {
    width: 960px;
  }
}
@media (min-width: 1400px) {
  .container {
    width: 1400px;
  }
}*/

.row {
    /*margin-left:-16px;
    margin-right:-16px;*/
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12,
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12,
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12,
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    padding-left: 16px;
    padding-right:16px;
}

.container h2 {font-size:1.7em/*23px*/; font-weight:bold;}

.search-form input[type="text"] {width:100%;}
.search-form input:focus, .search-form input:active {border:0;}

#page-head{/*border-bottom: 1px solid #ECEDF1;*/}
#page-head .logo svg {width:143px; height:111px;}
#page-head .top-block {height:40px; padding-top:12px;}
#page-head .top-block.search article {width:100%;}
#page-head .top-block.search article table {width:100%;border-bottom: 1px solid #000;}
#page-head .top-block.search article table .search-form-input input {border:0;}
#page-head .top-block.search article table .search-form-button button {
    float:right;
    background-image: url(ImagesNew/Glass.png);
    background-position: center center;
    background-repeat: no-repeat;
    border: 0;
    width: 20px;
    height:20px;
}
#page-head .googles-toggle {
    font-weight:bold;
    color:#505664;
    font-size:19px;
    padding-left: 40px;
    background-image: url('ImagesNew/Googles.png');
    background-position: left center;
    background-repeat: no-repeat;
}
#page-head .blind-mode-panel{
    display: none;
    position: relative;
    margin-left: -250px;
}
#page-head .blind-mode-panel a {cursor: pointer;}
#page-head .blind-mode-panel .blind-font {

}
#page-head .blind-mode-panel #blind-font-small {
    font-size: 16px;
}
#page-head .blind-mode-panel #blind-font-normal {
    font-size: 19px;
}
#page-head .blind-mode-panel #blind-font-large {
    font-size: 22px;
}
#page-head .blind-mode-panel .blind-bgcolor {
    display:inline-block;
    width:24px;
    height:24px;
    border:2px solid #fff;
}
#page-head .blind-mode-panel #blind-bgcolor-black{background-color:#000000 !important;}
#page-head .blind-mode-panel #blind-bgcolor-white{background-color:#ffffff !important;}
#page-head .blind-mode-panel #blind-bgcolor-blue
{   -webkit-filter: none !important;
    filter: none !important;
    background-color:rgb(157,209,255) !important;
}

a.icon-update-captcha {
    background-image: url("ImagesNew/UpdateCapcha.png");
    display: inline-block;
    width: 16px;
    height: 16px;
    background-size: 100% 100%;
}

a.scroll-btn{
    display: inline-block;
    width: 35px;
    height: 25px;
    border:1px solid #C5171D;
    background-color:#C5171D;
    cursor:pointer;
}
a.scroll-btn.left{
    background-image:url(ImagesNew/arrow-white-left-reverse.png);
    background-position: center center;
    background-repeat: no-repeat;
}
a.scroll-btn.disabled {
    border: 1px solid #9396A5;
    background-color: transparent;
}
a.scroll-btn.left.disabled{
    background-image:url(ImagesNew/arrow-red-reverse.png);
    background-position: center center;
    background-repeat: no-repeat;
}

a.scroll-btn.right{
    background-image:url(ImagesNew/arrow-white-right.png);
    background-position: center center;
    background-repeat: no-repeat;
}
a.scroll-btn.right.disabled{
    background-image:url(ImagesNew/arrow-red.png);
    background-position: center center;
    background-repeat: no-repeat;
}
a.calendar-btn.left{
    background-image:url(ImagesNew/arrow-blue.png);
    background-position: center center;
    background-repeat: no-repeat;
}
a.calendar-btn.left:hover{
    background-image:url(ImagesNew/arrow-red-reverse.png);
    background-position: center center;
    background-repeat: no-repeat;
}

a.calendar-btn.left.disabled{
    background-image:url(ImagesNew/arrow-light-gray.png);
}

a.calendar-btn.right{
    background-image:url(ImagesNew/arrow-blue-reverse.png);
    background-position: center center;
    background-repeat: no-repeat;
}
a.calendar-btn.right:hover{
    background-image:url(ImagesNew/arrow-red.png);
    background-position: center center;
    background-repeat: no-repeat;
}

a.calendar-btn.right.disabled{
    background-image:url(ImagesNew/arrow-light-gray-reverse.png);
}

#page-head .horizontal-menu {padding-top:16px;}

#page-actual h2{margin-top:1.3em; margin-bottom:15px; font-weight:bold;}

#page-actual ul {list-style: none; margin-left:0; padding:0;}

#page-actual .actual ul li {background-color:#EFF0F3; padding-bottom:0px; display:none; height:510px;}
#page-actual .actual ul li.first {display:inherit;}
#page-actual .actual .event_anonce_picture {display: block; height:290px; overflow: hidden; margin-bottom:20px;}
#page-actual .actual .event_anonce_picture img{width:100%; height:auto;}
#page-actual .actual .event_anonce_title {display:block; font-weight:bold; margin:5px 30px 0 114px; font-size:1.5em; line-height:1.2em; height:100px; overflow: hidden;}
#page-actual .actual .event_anonce_title a{color:#000; font-weight:bold;}
#page-actual .actual .event_anonce_body {display:block; margin:10px 30px 0 114px; height:64px; overflow:hidden; color:#3d455e;}
#page-actual .actual .scroll-btn{
    display: block;
    position: absolute;
    width: 35px;
    height: 25px;
    bottom:180px;
    border:1px solid #C5171D;
    background-color:#C5171D;
    cursor:pointer;
}
#page-actual .actual .scroll-btn.disabled{
    border:1px solid #9396A5;
    background-color:transparent;
    /*margin-top:-45px;*/
}
#page-actual .actual .scroll-btn.left{
    left:38px;
    /*margin-top:-45px;*/

    /*сюда вставить картинку*/
}
#page-actual .actual .scroll-btn.right{
    left:73px;    
    /*margin-top:-45px;*/

    /*сюда вставить картинку*/
}
#page-actual .news .news-list-item-image, #page-actual .news .news-list-item-body{display:none;}
#page-actual .news ul {border-top:1px solid #F4F5F9;}
#page-actual .news ul>li {border-bottom:1px solid #F4F5F9; padding:10px 0 10px 0;}
#page-actual .news ul>li .news-list-item-date {font-weight:bold; color:#0264b2; margin-bottom:4px;}
#page-actual .news ul>li .news-list-item-title {max-height:64px; overflow:hidden; color:#3d455e;}
#page-actual .news>a 
{
    font-weight:bold; 
    color:#0264B1; 
    /*position:absolute;*/ 
    top:546px;
    background-image:url("ImagesNew/arrow-blue-reverse.png");
    background-repeat:no-repeat;
    background-position:right center;
    padding-right:25px;
         
}

#page-actual .news>a:hover
{
    color:red; 
    text-decoration: none;
    background-image:url("ImagesNew/arrow-red.png");
}
#page-actual .news ul>li .news-list-item-title a
{
    height:56px; 
    overflow:hidden; 
    color:#3d455e; 
    text-decoration:none;

}
#page-actual .news ul>li .news-list-item-title a:hover {text-decoration: underline; color:red;}

#page-actual .calendar ul {margin:0;}
#page-actual .calendar ul li {display:none; background-color:#0264B1; color:#fff; padding:20px; height:280px;}
#page-actual .calendar ul li a, #page-actual .calendar ul li a:hover {color:#fff;}
#page-actual .calendar ul li.first {display:inherit;}
#page-actual .calendar ul li .calendar-item-period,
#page-actual .calendar ul li .calendar-item-news-date,
#page-actual .calendar ul li .calendar-item-during-time {display:none;}
#page-actual .calendar ul li .calendar-item-event-date
{
    padding-left:23px; 
    background-image:url(ImagesNew/calendar.png);
    background-repeat:no-repeat;
    background-color:transparent;
    display:inline-block;
    margin-bottom:4px;

}/*сюда добавить картинку (календарик)*/
#page-actual .calendar ul li .calendar-item-address 
{
    padding-left:23px; color:#B3D0E7;
    background-image:url(ImagesNew/placeholder.png);
    background-repeat:no-repeat;
    background-color:transparent;
    display:inline-block;
    line-height:1.3em;

}/*сюда добавить картинку (капельку)*/
#page-actual .calendar ul li .calendar-item-title {
    display:block; 
    font-weight:bold; 
    font-size:1.2em/*19px*/;
    margin-top:30px; 
    height:120px; 
    overflow:hidden;
    line-height:1.5em;
}
#page-actual .calendar .calendar-btn{
    display: block;
    position: absolute;
    width: 35px;
    height: 25px;
    top:295px;
    border:1px solid #fff;
    background-color:#fff;
    cursor:pointer;
}
#page-actual .calendar .calendar-btn.disabled{
    border:1px solid #80B1D8;
    background-color:transparent;
}
#page-actual .calendar .calendar-btn.left{
    left:38px;
    /*сюда вставить картинку*/
}
#page-actual .calendar .calendar-btn.right{
    left:73px;
    /*сюда вставить картинку*/
}

#page-actual .calendar .calendar-table 
{
    background-color:#F4F4F7;
    background-repeat: no-repeat;
    background-size: auto auto;
    width:100%;
    height:189px;
    /*font-size:16px;*/
}
#page-actual .calendar .calendar-table td{
    text-align: center;
    /*font-weight: bold;*/
    padding:0px;
}
#page-actual .calendar .calendar-chevron-up,
#page-actual .calendar .calendar-chevron-down {
    display:inline-block;
    background-repeat:no-repeat;
    background-position:center bottom;
    width:20px;
    height:20px;
}
#page-actual .calendar .calendar-chevron-up{
    background-image:url(ImagesNew/arrow-blue.png);
}
#page-actual .calendar .calendar-chevron-down{
    background-image:url(ImagesNew/arrow-blue-reverse.png);
}
#page-actual .calendar .calendar-table td>div{
    font-size:0.8em;
}
#page-actual .calendar .calendar-table .current{
    border-radius:2px;
    background-color: #3C9AE5;
    color:#fff;
}
#page-actual .calendar-table .days > td
{
    border-top: 1px solid #419AB9;
    /*padding: 10px;*/
    font-size: 0.8em;
}
#page-actual .calendar-table td.red 
{
    color: red;
    font-weight: bold;
}
#page-actual .calendar-table td.no-current-mon 
{
    color: #A9DCEE;
}
#page-actual .calendar-table blue 
{
    background-color: blue;
    font-weight: bold;
}
#page-actual .calendar-table .head .current-time {
    text-align:left;
    font-size:1.2em;
    padding: 30px 0 0 20px;
}
#page-actual .calendar-table .head .current-date {
    color:#000;
    font-size:0.9em;
    text-align:left;
    padding: 5px 20px;
    display:none;
}
#page-actual .calendar-table .head .mon-year {
    text-align:center;
    font-size:1.2em;
    padding: 5px 20px;
}
#page-actual .calendar-table .head .buttons 
{
    text-align:center;
}
#page-actual .calendar-table .head .buttons>a 
{
    margin:0 5px;
}
#page-actual .calendar-table .week .link 
{
    padding:0;
}
#page-actual .calendar-table .week .link a 
{
    display:block;
    font-weight:bold;
    border-radius: 2px;
    border:1px solid #D8858A;
}
#page-actual .calendar-table .week .link a:hover
{
    background-color:#D8858A;
}

#page-actual .calendar .footer{
    background-color: #F4F4F7;
    padding-left: 15px;
    padding-top: 18px;
    padding-bottom:12px;
}
#page-actual .calendar .footer a 
{
    font-weight:bold; color:#0264B1;
    background-image:url("ImagesNew/arrow-blue-reverse.png");
    background-repeat:no-repeat;
    background-position:right center;
    padding-right:25px;
    padding-bottom:2px     

}
#page-actual .calendar .footer a:hover
{
    color:red; 
    text-decoration: none;
    background-image:url("ImagesNew/arrow-red.png");
}

#page-frequent-links h2 { margin-top:25px; margin-bottom:15px;}
#page-frequent-links a {
    display:block;
    border:1px solid #E2E5EC;
    padding:10px 16px;
    margin-bottom:10px;
    font-weight:bold;
    font-size:1.1em;
    color:#3D455E;
}
#page-frequent-links a>strong{
    font-size:1.3em;
    display:block;
    padding-top:4px;
}

#page-useful-links{padding-top:50px; padding-bottom:25px;}/*Дал отступ 25рх, чтоб мало уже неказалось*/
#page-useful-links .widget-useful-links a{
    width:12%;
    display:inline-block;
    padding:90px 10px 10px 10px;
    text-align: center;
    background-position: center top;
    background-repeat: no-repeat;
    vertical-align:top;
    color:#3d455e;
    font-size:1em;
}
#page-useful-links .widget-useful-links a:hover{color:red;}
#page-useful-links .widget-useful-links .col-xs-12 a {width:48%;}

/*сюда нужно нарезать картинок, для каждой ссылки черно-белую и для :hover цветную*/
#page-useful-links a.mprf:hover {background-image:url(ImagesNew/color/минпросвещения.png);} /*Министерство просвещения Российской федерации*/
#page-useful-links a.mprf {background-image:url(ImagesNew/bw/минпросвещения.png);}
#page-useful-links a.mnvorf:hover {background-image:url(ImagesNew/color/миннаукипросв.png);} /*Министерство науки и высшего образования Российской федерации*/
#page-useful-links a.mnvorf {background-image:url(ImagesNew/bw/миннаукипросв.png);} 
#page-useful-links a.fsnso:hover {background-image:url(ImagesNew/color/службанадзора.png);} /*Федеральная служба по надзору в сфере образования и науки*/
#page-useful-links a.fsnso {background-image:url(ImagesNew/bw/службанадзора.png);}
#page-useful-links a.fipi:hover {background-image:url(ImagesNew/color/инст.png);} /*Федеральный институт педагогических измерений*/
#page-useful-links a.fipi {background-image:url(ImagesNew/bw/инст.png);}
#page-useful-links a.fct:hover {background-image:url(ImagesNew/color/центртест.png);} /*Федеральный центр тестирования*/
#page-useful-links a.fct {background-image:url(ImagesNew/bw/центртест.png);}
#page-useful-links a.gec:hover {background-image:url(ImagesNew/color/главэкспертцентр.png);} /*Главэкспертцентр*/
#page-useful-links a.gec {background-image:url(ImagesNew/bw/главэкспертцентр.png);}
#page-useful-links a.naaso:hover {background-image:url(ImagesNew/color/агенство.png);} /*Национальное аккредитационное агенство в сфере образования*/
#page-useful-links a.naaso {background-image:url(ImagesNew/bw/агенство.png);}
#page-useful-links a.citso:hover {background-image:url(ImagesNew/color/цитис.png);} /*Центр информационных технологий и систем органов исполнительной власти*/
#page-useful-links a.citso {background-image:url(ImagesNew/bw/цитис.png);}

.preload {width:0px; height:0px;overflow:hidden;}
.preload .mprf {background-image:url(ImagesNew/color/минпросвещения.png);} /*Министерство просвещения Российской федерации*/
.preload .mnvorf {background-image:url(ImagesNew/color/миннаукипросв.png);} /*Министерство науки и высшего образования Российской федерации*/
.preload .fsnso {background-image:url(ImagesNew/color/службанадзора.png);} /*Федеральная служба по надзору в сфере образования и науки*/
.preload .fipi {background-image:url(ImagesNew/color/инст.png);} /*Федеральный институт педагогических измерений*/
.preload .fct {background-image:url(ImagesNew/color/центртест.png);} /*Федеральный центр тестирования*/
.preload .gec {background-image:url(ImagesNew/color/главэкспертцентр.png);} /*Главэкспертцентр*/
.preload .naaso {background-image:url(ImagesNew/color/агенство.png);} /*Национальное аккредитационное агенство в сфере образования*/
.preload .citso {background-image:url(ImagesNew/color/цитис.png);} /*Центр информационных технологий и систем органов исполнительной власти*/

#layout-wrapper {
    position: relative;
    min-height: 100vh;
}

#page-head {
    padding-top: 20px;
}


#page-content {
    padding-bottom: 145px;
}

#page-foot{background-color: #ECEDF1; padding-top:30px; padding-bottom:0; color:#696C76;
           position: absolute;bottom: 0;left: 0;right:0}
#page-foot .foot-block{/*padding:15px 0 0 0;*/ height:3.5em;}
#page-foot .foot-block strong{font-size:19px; font-weight:bold; display: inline-block; margin-top: 4px;}
#page-foot .foot-block .black{color:#000;}
#page-foot .foot-block.contacts b,
#page-foot .foot-block.contacts a {font-weight:bold; color:#696C76; margin-right:10px;}
#page-foot .foot-block.feedback {padding:0;}
#page-foot .foot-block.feedback a{display:block; color:#fff; background-color:#DF1144; padding:15px 0; margin-top:-15px; text-align:center; font-weight:bold;}

.user-display{margin-top:-1.4em;}
.user-display:hover{background-color: #fff;}
.user-display>*{visibility:hidden;}
.user-display:hover>*{visibility:visible;}

.media-library-picker-field-background-image,
.content-item .metadata,
.content-localization {display:none;}

/*  отдельные страницы  */
.zone-content ul { list-style-type: none;}
.zone-content ul.doc-list>li {
    background-image: url(ImagesNew/document.png);
    background-position: left top;
    background-repeat: no-repeat;
    padding-left:25px;
    padding-bottom: 10px;
}
.zone-content
{
    font-size:1em;
    line-height:1.5em;
}

.zone-content p {text-align: justify;}
/*.zone-content p.picture img {width:50%; height:auto;}*/

ul.accordion {padding-left:0px;}
ul.accordion>li {margin-bottom:5px;}
ul.accordion>li>a {
    font-size:1.1em;
    line-height:1.32em;
    display: block;
    margin-bottom: 5px;
    padding: 2px;
    border: 1px solid lightgray;
    border-radius: 4px;
    background-image:url(ImagesNew/gray-gradient.png);
    background-repeat:repeat-x;
    background-position:0 -10px;
    font-weight:bold;
    color:black;
}
ul.accordion>li>ul {display:none; padding-left:0px;}

.page.content-item .table>.row {
    margin:0;
    line-height:1.5em;
    font-size:1em;
}
.page.content-item .download>span {
    visibility:hidden;
}

ul.blue-bullet>li{
    list-style-image: url(Images/bullet4x4.png) !important;
}

/*#feedbackForm { margin-left:auto; margin-right:auto;}
#feedbackForm .label {
    color:#3d455e; 
    text-align:right;
    display:block;
    padding: 15px;
    padding-left:0;
    width:200px;
    font-size: 14px;
}
#feedbackForm .field { width: 650px; }
#feedbackForm .field input,
#feedbackForm .field textarea {
    padding:10px;
    margin-bottom:10px;
    width:100%;
    border: solid 1px #d2d3dd;
}
#feedbackForm .field textarea {
    resize: none;
}
#feedbackForm button {
    background-color: #e01143;
    color:#fff;
    padding: 15px;
    font-weight: bold;
    width:100%;
    border:0;
}*/

.photo-small
{
    margin-bottom:20px;
}
.photo-small img  
{
    width:100%;
    height:auto;
}
#supportForm,
#feedbackForm { margin-left:auto; margin-right:auto; /*width:600px;*/}
#feedbackForm {
     max-width:800px;
     width:100%;
}
#supportForm .label,
#feedbackForm  .label{
    color:#3d455e; 
    text-align:right;
    vertical-align: top;
    /*display:block;
    padding: 10px;*/
    padding-top: 7px;
    /*padding-left:0;*/
    /*width:200px;*/
    font-size: 1.14em;
}
#supportForm .label.visible-xs,
#feedbackForm  .label.visible-xs{
    text-align: left;
}
/*#supportForm .field,
#feedbackForm .field { width:400px;}*/
#supportForm .field input,
#supportForm .field textarea,
#supportForm .field select,
#feedbackForm .field input,
#feedbackForm .field textarea,
#feedbackForm .field select {
    padding:3px 10px;
    margin-bottom:10px;
    width:100%;
    border: solid 1px #d2d3dd;
}
#supportForm .field textarea,
#feedbackForm .field textarea {
    resize: none;
}
#supportForm button,
#feedbackForm button {
    background-color: #e01143;
    color:#fff;
    padding: 15px;
    font-weight: bold;
    width:100%;
    border:0;
}

.pager li>a
{
    border-radius:0px 0px;
    border:1px solid black;
    color:gray;
    font-weight:bold;
}
.pager li > a:hover 
{
    color:white;
    background-color:#313441;
    font-weight:bold;
}

.zone-content .all-news-list>li{
    border-top: 1px solid #e0e1e7;
    font-size:1.3em;
    padding-top:20px;
}
.zone-content .all-news-list .news-list-item-date
{
    font-size:1em;
    font-weight:bold;
    color: #0264b2;
}
.zone-content .all-news-list .news-list-item-title
{
    margin-bottom:20px;    
    /*margin-top:20px;*/
}
.zone-content .all-news-list .news-list-item-title > a
{
    font-size:1.3em;
    font-weight:bold;
    color: #3d455e;
    line-height:1.5;
}
.zone-content .all-news-list .news-list-item-title > a:hover
{
    font-size:1.3em;
    font-weight:bold;
    color: #c5161d;
    line-height:1.5;
}
.zone-content .all-news-list .news-list-item-body 
{
    display:none;
}

#events-list>li{
    border-top: 1px solid #e0e1e7;
    font-size:1.3em;
    padding-top:20px;
}
#events-list .event-item-shield
{
    font-size:13px;
    font-weight:bold;
    color: #0264b2;
}
#events-list .event-item-title
{
    margin-bottom:20px;    
    /*margin-top:20px;*/
}
#events-list .event-item-title > a
{
    font-size:1.3em;
    font-weight:bold;
    color: #3d455e;
    line-height:1.5;
}
#events-list .event-item-title > a:hover
{
    font-size:1.3em;
    font-weight:bold;
    color: #c5161d;
    line-height:1.5;
}

#events-list .event-item-type
{
display:none;
}

#events-list .event-item-icon 
{
    display:none;
}

#events-list .event-item-time 
{
    display:none;
}

#events-list .event-item-address 
{
    display:none;
}
#events-list .event-item-period 
{
    display:none;
}

.fioko-questions .answer-toggle{display: none;}

.fioko-questions>li {
    border-bottom:1px solid #e0e1e7;
    padding-top:6px;
}
.fioko-questions .question {
    font-size:1.13em;
    font-weight:bold;
    color: #3d455e;
    line-height:1.5;
    cursor: pointer;
    /*text-decoration:underline;
    text-decoration-style: dashed;*/
}
.fioko-questions .question.show{
    color:red;
    text-decoration:none;
}
.fioko-questions .answer {
    display: none;
}
.fioko-questions .answer>b {
    display: block;
    margin-bottom: -1.5em;
}
.fioko-questions .answer>p {
    margin-left:60px;
}

.projection-page.content-item>ul
{
    padding-left:0px;
}
.projection-page.content-item>ul>li
{
    border-top: 1px solid #e0e1e7;
    font-size:1.13em;
    padding-top:20px;
    padding-bottom:20px;

}
.projection-page.content-item .article-title
{
    margin-bottom:20px;
}
.projection-page.content-item .article-title > a
{
    font-size:1.3em;
    font-weight:bold;
    color: #3d455e;
    line-height:1.5;
}
.projection-page.content-item .article-title > a:hover
{
    font-size:1.3em;
    font-weight:bold;
    color: #c5161d;
    line-height:1.5;
}
.projection-page.content-item .article-body
{
    display:block;
    max-height:40px;
    overflow:hidden;
    font-size:1.07em;
}
.projection-page.content-item .article-body p
{
    margin:0;
    padding:0;
}
.projection-page.content-item .article-body img
{
    display:none;
}

/* Структура ФИОКО */
.zone-content .fioco-structure{
    width:100%;
}
.zone-content .fioco-structure td {
    vertical-align: top;
}
.zone-content .fioco-structure tr.photos table{
    width:100%;
}
.zone-content .fioco-structure tr.photos table td.photo{
    background-color: #e3e5ec;
    height:200px;
    width:25%;
}
.zone-content .fioco-structure tr.photos table td.photo img {
    width:100%;
    height:auto;
}
.zone-content .fioco-structure tr.photos table td.desc{
    width:200px;
    background-color: #f5f6f8;
    padding:15px;
    font-size: 1em;
}
.zone-content .fioco-structure tr.photos table td.desc .title{
    font-size: 1.3em;
    font-weight: bold;
}
.zone-content .fioco-structure tr.photos table td.desc .position{

}
.zone-content .fioco-structure tr.photos table td.desc .email{

}
.zone-content .fioco-structure tr.photos table td.desc .more{
    display:block;
}
.zone-content .fioco-structure tr.photos table td.divider{
}
.zone-content .fioco-structure tr.photos table td.divider>*{
    width:20px;
}

.zone-content .fioco-structure tr.title td {
    font-weight:bold;
    font-size:1.3em;
    padding-top:15px;
    padding-bottom:15px;
}
.zone-content .fioco-structure tr.item {
    background-color: #f5f6f8;
}
.zone-content .fioco-structure tr.item td{
    padding:15px;
    font-size:1em;
}
.zone-content .fioco-structure tr.item td.email{
    width:16.7%;
    border-right:1px solid #fff;
}
.zone-content .fioco-structure tr.item td.title{
    width:33.3%;
    border-right:1px solid #fff;
}
.zone-content .fioco-structure tr.item td.desc{
    width: 50%;
}

#fioco-structure-xs a.scroll-btn {margin-top:10px;}

.fioco-structure-popup {
    display:none;
    position:absolute;
    border:1px solid #e3e5ec;
    width:100%;
    max-width:600px;
    /*height:400px;*/
    background-color: #fff;
    padding: 15px;
    padding-top:20px;
    overflow:hidden;
    border-radius:15px;
    -webkit-box-shadow: 7px 7px 5px rgba(50, 50, 50, 0.5);
    -moz-box-shadow: 7px 7px 5px rgba(50, 50, 50, 0.5);
    box-shadow: 7px 7px 5px rgba(50, 50, 50, 0.5);
}

.fioco-structure-popup > div {
    width:100%;
    height:100%;
    overflow:auto;
}

.fioco-structure-popup img {
    width:100px;
    height:auto;
    min-height:120px;
    border:0;
    background-color: #e3e5ec;
    float:left;
    margin-right:15px;
    margin-bottom: 15px;
}
.fioco-structure-popup .close{
    position:absolute;
    display: block;
    top:5px;
    right:15px;
    color:black;
    font-size:14px;
}

/* блокировка отображения до полной загрузки */

#layout-wrapper > .container {display:none;}
#layout-wrapper > .page-loading-process{
    height:300px;
    text-align:center;
    vertical-align:middle;
    font-size: 24px;
    font-weight: bold;
}

#content a {color:#005874;}
#content a:hover{color:#0099cc;}
.orchard-layouts-root a.download{
    width:50px;
    display:block;
    background-image:url(ImagesNew/document.png);
    background-repeat:no-repeat;
    background-position:25px 18px;
}
.orchard-layouts-root  a.download>span{
    display:block;
    margin-left:60px;
    padding:10px 20px;
    /*border-left: solid 1px #33ADD6;*/
}


/*==========================================================================*/
    .edudoc {
        width: 24px;
        height: 24px;
        display: inline-block;
        background-size: 100% 100%;
    }

    .edudoc.edudoc-red {
        background-image:url(ImagesNew/edudoc/circle_red.png);
    }
    .edudoc.edudoc-black {
        background-image: url(ImagesNew/edudoc/circle_black.png);
    }
    .edudoc.edudoc-green {
        background-image: url(ImagesNew/edudoc/circle_green.png);
    }

    .edudoc.circle-blue {
        background-image:url(ImagesNew/edudoc/circle_blue.png);
    }

    .edudoc.circle-red {
        background-image: url(ImagesNew/edudoc/circle_red.png);
    }

    .edudoc.circle-black {
        background-image: url(ImagesNew/edudoc/circle_black.png);
    }

    .edudoc.circle-green {
        background-image: url(ImagesNew/edudoc/circle_green.png);
    }