@import url('/tpl/fonts/opensans/opensans.css');
@import url('/tpl/fonts/akrobat/akrobat.css');

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    padding: 0;
    margin: 0;

}

body {
    font-family: 'Open Sans', sans-serif;
    font-size: 11pt;
    padding: 0;
    margin: 0;
    background: #fff;
    color: #333;
}

a {
    color: #035a84;
    text-decoration: none
}

a:hover {
    color: #097aae;
}

b {
    /*font-weight: bold;*/
}

img {
    border: none;
    display: block;
    max-width: 100%;
}


.clear, hr {
    clear: both;
    height: 0;
    overflow: hidden;
    font-size: 0;
    border: 0;
}

table {
    width: 100% !important;
    border-collapse: collapse !important;
    border: 0 transparent !important;
    padding: 0 !important;
    margin: 10px 0 !important;
    height: auto !important;
}

table p {
    margin: 0
}

td {
    padding: 10px;
    border: 0 transparent;
    border-right: 2px solid #fff;
    /*border-left: 2px solid #eee;*/
    /*border-bottom: 2px solid #eee;*/
    height: auto;
    width: auto;
    vertical-align: top;
}

tr > td:last-child {
    border-right: none;
}

tr {
    background: #f5f5f5
}

tr:nth-child(2n) {
    background: transparent;
}

tr:nth-child(2n) td {
    border-color: #f5f5f5;
}

.inset {
    min-width: 990px;
    max-width: 1315px;
    margin: 0 auto;
    position: relative;
    padding: 0 15px
}

h1, h2, h3, h4 {
    font-family: Akrobat, sans-serif;
    font-weight: bold;
}

h1 {
    margin: 0 0 20px 0;
    font-size: 22pt;
    padding-right: 50px;
}

h2 {
    margin: 15px 0 10px 0;
    font-size: 16pt;

}

h3 {
    margin: 15px 0 10px 0;
    font-size: 14pt;

}

h4 {
    margin: 15px 0 10px 0;
    font-size: 12pt;

}

p {
    margin: 0 0 10px 0;
}


ul {
    margin-bottom: 10px;
    list-style-position: inside;
}

.nav {
    font-size: 8pt;
    color: #aaa;
    margin: 10px 0
}

blockquote {
    padding: 10px;
    margin: 20px;
    background: none;
    border: 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    position: relative;
    font-style: normal;
    font-size: 12pt;
    clear: both;
}

blockquote:before {
    display: block;
    content: '';
    width: 20px;
    height: 20px;
    background: url("/tpl/img/quote-open.png") no-repeat center;
    background-size: 20px;
    position: absolute;
    top: -10px;
    left: -20px;
}

blockquote:after {
    display: block;
    content: '';
    width: 20px;
    height: 20px;
    background: url("/tpl/img/quote-open.png") no-repeat center;
    background-size: 20px;
    position: absolute;
    right: -20px;
    bottom: -10px;
}

blockquote p:last-child {
    margin: 0;
}


.hidden {
    display: none
}

#print {
    display: block;
    height: 40px;
    width: 40px;
    background: url(/tpl/img/print.svg) no-repeat center;
    background-size: 24px;
    float: right;
    cursor: pointer;
}

.page .table {
    overflow-x: auto;
    margin-bottom: 20px;
}

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

.page img:not(.preview) {
    display: block;
    /*float: left;*/
    margin: 0 15px 15px 0;
    max-width: 300px;
    height: auto !important;
    width: auto !important;
    border-radius: 5px;
}

.page .photo_zoom {
    cursor: url("/tpl/js/lightbox/images/zoom_in.png"), pointer;
    clear: left;
}

.page .image {
    display: block;
    float: left;
    margin: 0 15px 15px 0;
    cursor: url("/tpl/js/lightbox/images/zoom_in.png"), pointer;
    max-width: 300px;

}

.page .image img {
    border-radius: 5px;
    max-width: 100%;
    /*max-height: 400px;*/
}

.page .date {
    display: block;
    font-size: 10pt;
    color: #999;
    font-family: Akrobat, sans-serif;
    font-style: normal;
    padding: 0 20px 0 0;
    background: url(/tpl/img/calendar.png) no-repeat right center;;
    text-align: right;
    margin-bottom: 20px;
    font-weight: bold;
}


.page [class^="block-"] {
    padding: 10px 15px;
    border-radius: 5px;
    margin-bottom: 10px;
    font-size: 12pt;
    font-weight: bold;
}

.page [class^="block-"] p:last-child {
    margin: 0;
}


.page .block-gray {
    background: #eee;
}

.page .block-green {
    background: #e4ffda;
}

.page .block-red {
    background: #ffdada;
}

.page .block-blue {
    background: #dae3ff;
}

.page .block-orange {
    background: #fff0da;
}

.page .block-warning {
    background: #ffdada url("/tpl/img/warning.svg") no-repeat 15px 50%;
    background-size: 20px auto;
    padding-left: 45px;
}


.page .youtube {
    width: 100%;
    padding-top: 56.25%;
    background: #000;
    position: relative;
    border-radius: 5px;
    overflow: hidden;
    background: no-repeat center;
    background-size: cover;
    margin-bottom: 20px;
}

.page .youtube-frame {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

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

#attachment a {
    text-decoration: none
}

#attachment .files {
    margin: 10px 0 20px 0;
}

#attachment .item-file {
    margin-bottom: 10px;
    display: block;
    color: #333;

}

#attachment .item-file .filetype {
    display: block;
    background: #035a84;
    width: 30px;
    height: 40px;
    float: left;
    text-align: center;
    padding-top: 20px;
    font-style: normal;
    font-size: 8pt;
    color: #fff;
    border-radius: 10px 5px 5px 5px;
    transition: color .3s, background-color .3s;
}

#attachment .item-file:hover .filetype {
    background-color: #097aae;
}

#attachment .item-file .text {
    margin-left: 40px;
}

#attachment .item-file .title {
    font-size: 14pt;
    font-weight: bold;
    color: #333;
    font-family: Akrobat, sans-serif;

    display: block;
    margin-bottom: 5px;
    transition: color .3s, background-color .3s;
}

#attachment .item-file:hover .title {
    color: #0f74a8;
}

#attachment .item-file .info {
    font-size: 8pt;
}

#attachment .links a {
    display: block;
}

#attachment .links b {
    display: block;
    margin-bottom: 5px;
    font-size: 8pt;
    color: #999;
    font-weight: normal;
}


#attachment .images {
    margin: 0 -5px;
}

#attachment .images .item-image {
    display: block;
    text-decoration: none;
    width: 25%;
    float: left;
    margin: 0 0 10px 0;
    position: relative;
}

#attachment .images .item-image .img {
    display: block;
    padding-top: 56.25%;
    background: #fff no-repeat top center;
    background-size: cover;
    margin: 0 5px;
    border-radius: 5px;
    cursor: url("/tpl/js/lightbox/images/zoom_in.png"), pointer;
    transition: transform 0.7s;
    position: relative;
}

#attachment .images .item-image:hover .img {
    z-index: 10;
    transform: scale(1.2);
}

/*==============================================================================

==============================================================================*/

#wrapper.fixed {
    padding-top: 40px
}

#e404 {
    width: 400px;
    position: absolute;
    left: 50%;
    top: 50%;
    height: 400px;
    margin: -250px 0 0 -200px;
    background: url(/tpl/img/logo_transparent.png) no-repeat top center;
    padding-top: 100px;
    color: #777;
}

#e404 .e404 {
    font-size: 165pt;

    color: #ddd
}

/*==============================================================================
header
==============================================================================*/
#header {
    color: #fff;;
    position: relative;
}

#header {
    background: #00486c url(/tpl/img/header_bg.png) no-repeat left bottom;
    background-size: cover;
    text-shadow: 0 1px 1px #000
}


#header .logo {
    padding-top: 10px;
    display: block;
    float: left;
    margin-left: -3px;
    margin-right: 15px;

}

#header .logo_print {
    padding-top: 10px;
    float: left;
    margin-left: -3px;
    margin-right: 15px;
    display: none;
}

#header .title {
    font-family: Akrobat, sans-serif;
    font-size: 12pt;
    padding-top: 20px;
    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.8)
}

#header .title b {
    display: block;
    font-size: 21pt;
    font-weight: normal;
}

#header a {
    color: #fff;
    text-decoration: none
}

#header .right {
    padding: 10px 0;
    float: right;
    text-align: right;
    /*background: url("/tpl/img/9m.png") no-repeat right bottom;*/
    background-size: contain;
}

#header .date {
    font-family: Akrobat, sans-serif;
}

#header .right a:hover {
    text-decoration: underline
}

#header .right .links {
    margin-bottom: 10px;
}

#header .right .links a {
    margin-left: 10px;
    font-family: Akrobat, sans-serif;
}


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

#header .search {
    float: right;
}


#header .search input {
    margin: 0;
    padding: 0 10px 0 35px;
    border: none;
    background: #fff url(/tpl/img/magnify.png) no-repeat 10px 50%;
    width: 170px;
    height: 30px;
    line-height: 30px;
    border-radius: 5px;
    transition: opacity .3s;
    margin-bottom: 8px;
}


#header .search input {
    opacity: 0.5
}

#header .search input:hover {
    opacity: 1
}

#header .search input:focus {
    opacity: 1
}

#header .special {
    display: block;
    height: 30px;
    float: right;
    border-radius: 5px;
    border: 1px solid #fff;
    background: #000 url("/tpl/img/glasses.svg") no-repeat center;
    background-size: 18px;
    width: 40px;
    margin-right: 40px;
}


#header .special:hover {
    background: #fff url("/tpl/img/glasses_b.svg") no-repeat center;
    background-size: 18px;
    color: #000;
    border: 1px solid #000;
}

#header .special:hover i {
    color: #000
}

#header .special:hover b {
    color: #000
}

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

#header .right .login a {
    margin-left: 20px
}

#header .login {
    position: absolute;
    top: 0;
    left: 50%;
    width: 70px;
    background: #005b7f url(/tpl/img/btn_c.png) repeat-x center;
    border: 1px solid #fff;
    border-top: none;
    text-align: center;
    padding: 2px 5px;
    margin-left: -50px;
    border-radius: 0 0 5px 5px;

    box-shadow: 0 2px 10px #000;
    display: block;
    z-index: 100
}

#header .edit {
    position: absolute;
    top: 0;
    left: 0;
    background: #ccc url(/tpl/img/top_menu_bg.png) repeat-x center;
    border: 1px solid #fff;
    border-top: none;
    text-align: center;
    padding: 2px 20px;
    border-radius: 0 0 5px 0;
    display: block;;
    color: #333;;

    box-shadow: 0 2px 10px #000;
    z-index: 100
}

#header .logout {
    position: absolute;
    top: 0;
    left: 50%;
    width: 70px;
    background: #ccc url(/tpl/img/top_menu_bg.png) repeat-x center;
    border: 1px solid #fff;
    border-top: none;
    text-align: center;
    padding: 2px 5px;
    margin-left: -50px;
    border-radius: 0 0 5px 5px;
    box-shadow: 0 2px 10px #000;
    display: block;
    color: #333;;

    z-index: 100
}

#header .username {
    position: absolute;
    top: 0;
    right: 0;
    background: #ccc url(/tpl/img/top_menu_bg.png) repeat-x center;
    border: 1px solid #fff;
    border-top: none;
    text-align: center;
    padding: 2px 20px;
    border-radius: 0 0 0 5px;
    display: block;;
    color: #333;;

    box-shadow: 0 2px 10px #000;
    z-index: 100
}

#header .login:hover {
    padding-top: 4px
}

#header .username:hover {
    padding-top: 4px
}

#header .logout:hover {
    padding-top: 4px
}

#header .edit:hover {
    padding-top: 4px
}


/*==============================================================================
topmenu
==============================================================================*/

#topmenu {
    height: 45px;
    background: #035a84;
    line-height: 45px;
}

#topmenu a {
    display: block;
    height: 45px;
    text-decoration: none;
    color: #fff;;
    padding: 0 15px;
    line-height: 45px;
    transition: background .3s;
    font-family: Akrobat, sans-serif;
    font-size: 14pt;
}

#topmenu a:hover {
    background: #097aae;
    color: #fff;
}

#topmenu a.active {
    background: #fff;
    color: #333 !important;
}


#topmenu .link {
    position: relative;
    float: left;
    height: 45px;
    transition: background .3s
}

#topmenu .link:hover {
    background: #097aae
}

#topmenu .link:hover a {
    color: #fff
}

#topmenu .link:hover .submenu {
    display: block;
    color: #097aae;
}

#topmenu .link:hover a.active {
    color: #097aae;
    background: #fff
}

#topmenu .link .submenu a:hover {
    background: #097aae
}

#topmenu .link .submenu a.active {
    background: #097aae
}

#topmenu a.home {
    float: left;
    background: url(/tpl/img/logo32.png) center no-repeat;
    background-size: 32px;
    width: 30px;
    display: none;
}

.fixed #topmenu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
    z-index: 100;
}

.admin_mode .fixed #topmenu {
    top: 30px !important;
}

.fixed #topmenu a {;
    font-size: 13pt;
}

.fixed #topmenu a.home {
    display: block;
    margin-right: 15px;
}

#topmenu .submenu {
    position: absolute;
    background: #035a84;;
    top: 45px;
    left: 0;
    width: 400px;;
    display: none;;
    border-top: none;
    box-shadow: 0 5px 10px #000;
    z-index: 100;
    max-height: 400px;
    overflow: auto;
}

#topmenu .link:last-child .submenu {
    left: auto;
    right: 0
}

.fixed #topmenu .submenu {
}

#topmenu .submenu a {
    padding: 10px 15px;
    height: auto;
    line-height: normal;;
    color: #fff !important;
    font-family: Akrobat, sans-serif;
    font-size: 12pt;
    font-weight: normal;
    display: block;
}

#topmenu .submenu a:last-child {
    border: none
}

#topmenu .submenu a:hover {
    color: #fff;
    background: #097aae
}

#topmenu .submenu a.active {
    color: #fff;
    background: #097aae
}

#topmenu .submenu .cur {
    height: 8px;;
    width: 16px;
    background: url(/tpl/img/sub_menu_cur.png) no-repeat;
    position: absolute;
    top: -8px;
    left: 15px;
}

#topmenu .link:last-child .submenu .cur {
    right: 15px;
    left: auto;
}


#topmenu .submenu::-webkit-scrollbar {
    height: 4px;
    width: 4px;
    background: rgba(255, 255, 255, 0.3);;
}

#topmenu .submenu::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.6);
    border-radius: 2px;

}

#topmenu .submenu::-webkit-scrollbar-corner {
    /*display: none;*/
}

/*==============================================================================

==============================================================================*/
#crumbs {
    padding: 10px 15px 0 15px;
    font-size: 10pt;
    color: #777;
    margin-bottom: -5px;
    font-family: Akrobat, sans-serif;
}

#crumbs a {
    color: #777;
    text-decoration: none;
    display: inline-block;

}

#crumbs a:hover {
    color: #097aae;
}

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

#content {
    padding: 20px 0 40px 0
}

#center p a {
    border-bottom: 1px solid #ccc;
}

#center p a:hover {
    border-bottom: 1px solid #097aae;
}


/*#center p a[href^='/uploads/editor/'] {
    background: url("/tpl/img/doc.svg") no-repeat 0 50%;
    background-size: 14px;
    padding-left: 18px;
}*/

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

#share {
    margin: 20px 0;
}

#share .share_title {;
    font-family: Akrobat, sans-serif;
    font-size: 12pt;

    margin-bottom: 5px
}

/*==============================================================================

==============================================================================*/

#mobile_feedback {
    position: fixed;
    left: 20px;
    bottom: 60px;
    width: 60px;
    height: 60px;
    border-radius: 60px;
    background: #035a84 url("/tpl/img/mail.svg") no-repeat center;
    background-size: 24px;
    border: 2px solid #fff;
    z-index: 50;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
    display: none;
}

.side .title {
    margin: 0 0 10px 0;;
    color: #fff;;
    font-family: Akrobat, sans-serif;
    font-size: 12pt;
    border: 0;
    text-transform: uppercase;
    background-color: #035a84;
    padding: 10px 15px;

    border-radius: 5px;
}

.news-block .title-block{
    margin: 0 0 10px 0;;
    color: #fff;;
    font-family: Akrobat, sans-serif;
    font-size: 12pt;
    border: 0;
    text-transform: uppercase;
    background-color: #035a84;
    padding: 10px 15px;
    display: block;width: 100%;
    border-radius: 5px;
}

.side .title:hover,.news-block .title-block:hover {
    background-color: #097aae;
    color: #fff
}

.side {
    width: 220px;
}

.side .qa-block {
    margin-bottom: 20px;
}

.side .qa-block .title-link {
    margin-bottom: 5px
}

.side .qa-block img {
    border-radius: 5px;
}

.side .qa-block .desc {
    font-size: 8pt
}

.side a {
    display: block;
    text-decoration: none;
    color: #333;
    font-family: Akrobat, sans-serif;
    font-weight: bold;
    font-size: 12pt;
    transition: color .3s, border-color .3s, background-color .3s;
}

.side a:hover {
    text-decoration: none;
    color: #097aae;
}

.side a.active {
    color: #097aae;
    text-decoration: none;
}


#left .current {

    font-family: Akrobat, sans-serif;
    color: #333;
    margin: 0;
    font-size: 12pt;

    padding: 10px 15px;
    border: none;
    display: none;
}


.side .menu a {
    font-size: 11pt;
    border-left: 2px solid transparent;
}

.side .menu a:hover {
    color: #097aae;
    border-left: 2px solid #097aae;
}

.side .menu a.levels {
    background: url(/tpl/img/rrow.png) no-repeat right 5px center;
    background-size: 10px auto;
    padding-right: 20px !important
}

.side .menu a.levels.open {
    background: url(/tpl/img/drow.png) no-repeat right 5px center;
    background-size: auto 10px;
}

.side .menu {
    margin-bottom: 20px;
    background: #eee;
    padding: 10px 0;
    border-radius: 5px;
}

.side .menu a.level_2 {
    padding: 5px 15px 5px 13px;
    text-decoration: none;
}

.side .menu a.level_3 {
    padding: 5px 15px 5px 23px;
    text-decoration: none;
}

.side .menu a.level_4 {
    padding: 5px 15px 5px 33px;
    text-decoration: none;
}

.side .menu a.level_5 {
    padding: 5px 15px 5px 43px;
    text-decoration: none;
}

.side .menu a.level_2:hover {
}

/*.side .menu a.open{ background: #F5F5F5 }  */
.side .menu a.active {
    color: #333;
    background-color: #fff !important;
    border-left: 2px solid #097aae;

}

.side .menu .sub {
    padding: 0;
    font-size: 10pt
}

/*

.side .menu  div.sub.level_3{ background: #F9F9F9 }
.side .menu  div.sub.level_4{ background: #F2F2F2 }

*/

.side .links {
    margin-bottom: 20px;
}

.side .links a {
    margin-bottom: 10px;
    display: block;
}

.side .events {
    margin-bottom: 20px;
}

.side .events .date {
    display: block;
    font-size: 10pt;
    color: #999;
    font-style: normal;

    padding: 0 0 0 20px;
    background: url(/tpl/img/calendar.svg) no-repeat left center;
    background-size: 14px;
    margin-bottom: 5px
}


.side .events a {
    margin-bottom: 20px;
}

.side .events .image {
    width: 220px;
    height: 124px;
    display: block;
    margin-bottom: 5px;
    border-radius: 5px;
}

.side .brightlinks {
    background: #035a84;
    background-size: cover;
    margin-bottom: 20px;
    padding: 10px 0;
    border-radius: 5px;
}

.side .brightlinks a {
    display: block;
    color: #fff;
    padding: 5px 15px;
    font-weight: normal;
}

.side .brightlinks a:hover {
    background: #097aae;
}


.side .icon {
    padding-left: 40px;
    background-repeat: no-repeat;
    background-position: 15px 50%;
    background-size: 18px;
}

.side .icon-mail {
    background-image: url('/tpl/img/mail.svg');
}

.side .icon-work {
    background-image: url('/tpl/img/work.svg');
}

.side .icon-guardian {
    background-image: url('/tpl/img/guardian.svg');
}

.side .icon-regions {
    background-image: url('/tpl/img/regions.svg');
}

.side .icon-directory {
    background-image: url('/tpl/img/directory.svg');
}

.side .icon-announcement {
    background-image: url('/tpl/img/announcement.svg');
}

.side .icon-info {
    background-image: url('/tpl/img/info.svg');
}

.side .icon-chat {
    background-image: url('/tpl/img/chat.svg');
}

.side .icon-poll {
    background-image: url('/tpl/img/poll.svg');
}

.side .icon-photo {
    background-image: url('/tpl/img/photo.svg');
}

.side .icon-video {
    background-image: url('/tpl/img/video.svg');
}

.side .icon-weather {
    background-image: url('/tpl/img/weather.svg');
}

.side .icon-calendar_w {
    background-image: url('/tpl/img/calendar_w.svg');
}

#left .textlinks a {
    margin-bottom: 5px
}

#left .links a {
}

#left .textlinks {
    margin-bottom: 20px
}


.side .winter {
    height: 100px;
    background: url("/tpl/img/rzn_winter.png") no-repeat center;
    background-size: contain;
    margin-bottom: 20px;
}

.side .winter a {
    display: block;
    float: left;
    width: 50%;
    height: 100%;
    transition: .3s;

}

.side .winter a.vk {
    background: url("/tpl/img/ico_vk.png") no-repeat left center;
    background-size: 50px auto;
}

.side .winter a.ig {
    background: url("/tpl/img/ico_ig.png") no-repeat right center;
    background-size: 50px auto;
}

.side .winter a:hover {
    background-size: 80px auto;
}

.side .redlink {
    display: block;
    border: 5px solid red;
    padding: 10px;
    font-size: 14pt;
    margin-bottom: 15px;
    color: red;
    border-radius: 5px;
}

.side .redlink img {
    width: 100%;
}

.side .link {
    display: block;
    margin-bottom: 15px;
    border-radius: 5px;
    overflow: hidden;
}


/*#js-show-iframe-wrapper {
    background: url("/tpl/img/gosuslugi.svg") no-repeat 50% 10px;
    background-size: auto 20px;
    padding: 30px 15px 10px 15px;
    margin-bottom: 20px;
    border: 2px solid #0065B1;
    border-radius: 5px;
    display: block;
    font-family: Akrobat, sans-serif;
    font-size: 12pt;
    color: #0065B1;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
}*/

#widgetPosId {
    margin-bottom: 20px;
}


/*==============================================================================
left
==============================================================================*/
#left {
    float: left;
}

.regions {
    position: relative;
    height: 155px;
}

.regions a {
    display: block;
    position: absolute;
    padding: 0;
    margin: 0
}

.regions .r1 {
    background: url(/tpl/img/map_1.png);
    width: 76px;
    height: 69px;
    top: 0;
    left: 20px
}

.regions .r1:hover {
    background: url(/tpl/img/map_1a.png);
}

.regions .r2 {
    background: url(/tpl/img/map_2.png);
    width: 60px;
    height: 55px;
    top: 11px;
    left: 85px;
}

.regions .r2:hover {
    background: url(/tpl/img/map_2a.png);
}

.regions .r3 {
    background: url(/tpl/img/map_3.png);
    width: 59px;
    height: 56px;
    top: 1px;
    left: 151px;
}

.regions .r3:hover {
    background: url(/tpl/img/map_3a.png);
}

.regions .r4 {
    background: url(/tpl/img/map_4.png);
    width: 75px;
    height: 85px;
    top: 48px;
    left: 60px;
}

.regions .r4:hover {
    background: url(/tpl/img/map_4a.png);
}

.regions .r5 {
    background: url(/tpl/img/map_5.png);
    width: 65px;
    height: 76px;
    top: 58px;
    left: 105px;
}

.regions .r5:hover {
    background: url(/tpl/img/map_5a.png);
}

/*==============================================================================
right
==============================================================================*/

#right {
    float: right;
}

#right .userpanel {
    margin: 0 0 20px 0;
    border: #00486c 1px solid;
    padding: 5px 20px;
    border-right: none;
    border-radius: 0 0 0 5px;
    background: #eee
}

#right .userpanel a {
    padding: 5px 0 5px 22px;
}

#right .userpanel a.news {
    background: url(/admin/img/icons/news.png) no-repeat left center
}

#right .userpanel a.docs {
    background: url(/admin/img/icons/file.png) no-repeat left center
}

#right .userpanel a.logout {
    background: url(/admin/img/icons/exit.png) no-repeat left center
}

#right .header {
    padding: 5px 20px;
    background: #00486c url(/tpl/img/block_title_right.png) center right;
    color: #fff;
    border-radius: 5px 0 0 0;

}

#right .eco2017 {
    margin-bottom: 20px;
}


#right .weather {
    margin-bottom: 20px;
    padding: 0 0;
}

#right .glava {
    padding: 0 20px;
    margin-bottom: 20px
}

#right .glava .image {
    display: block;
    height: 175px;
    width: 175px
}

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

#structures {
    position: relative;
    font-family: Akrobat, sans-serif;
}

#structures .title_menu {
    background: #035a84;
    margin-bottom: 10px;
    padding: 10px 15px 10px 15px;
    color: #fff;;
    cursor: default;
    font-size: 12pt;
    border-radius: 5px;
}

#structures .title_menu:hover {
}

#structures .splash {
    position: absolute;
    left: 220px;
    top: 0;
    padding-left: 20px;
    z-index: 100;
    display: none;
}

#structures .splash .arrow {
    position: absolute;
    left: -8px;
    top: 24px;
    background: url(/tpl/img/splash_menu_arrow_l.png) no-repeat;
    width: 9px;
    height: 18px;
}

#structures .splash .content {
    background: #fff;
    width: 750px;
    padding: 10px 0 0 10px;
    box-shadow: 0 5px 20px #000;
    z-index: 100;
    position: relative;
    border-radius: 5px;
}

#structures .splash a {
    font-size: 12pt;
    margin: 0 15px 10px 0;
    color: #333;
    padding-left: 5px;
    border-left: 2px solid #035a84
}

#structures .splash a:hover {
    text-decoration: none;
    color: #097aae;
    border-color: #097aae
}

#structures .splash .col {
    float: left;
    width: 50%
}

#structures:hover .title_menu {
    color: #fff;
    background-color: #097aae
}

#structures:hover .splash {
    display: block;
}

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

#votingblock {
    margin-bottom: 20px
}

#votingblock .question {
    margin-bottom: 10px;
    font-size: 12pt;
    font-family: Akrobat, sans-serif;

}

#votingblock .description {
    font-size: 10pt;
    margin-bottom: 10px;
}

#votingblock input[type=radio] {
    -moz-appearance: none;
    -webkit-appearance: none;
    background-color: #fff;
    text-overflow: "";
    border: 1px solid #ccc;
    border-radius: 5px;
    height: 20px;
    width: 20px;
    display: block;
    float: left;
    margin: 0 5px 0 0;
    padding: 0;
}

#votingblock input[type=radio]:hover {
    border-color: #035a84;
}


input[type=radio]:after {
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    height: 1px;
    margin: 22px 0 0 10px;
    border-right: 2px solid #035a84;
    border-bottom: 2px solid #035a84;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    opacity: 0;
}

input[type=radio]:checked:after {
    width: 10px;
    height: 20px;
    margin: -8px 0 0 6px;;
    opacity: 1;
}


#votingblock input[type=submit] {
    display: block;
    float: none
}

#votingblock label {
    display: block;
    cursor: pointer;
    font-size: 11pt;
    font-family: Akrobat, sans-serif;

    line-height: 20px;

}

#votingblock label:hover {
    color: #035a84;
}

#votingblock .item {
    margin-bottom: 10px;
    font-size: 8pt
}

#votingblock .result {
    display: block;
}

#votingblock .results .question {
    margin-bottom: 2px;
}

#votingblock .results .date {
    font-size: 8pt;
    color: #777;
    font-style: italic;
}

#votingblock .results .count {
    font-size: 8pt;
    color: #777;
    margin-bottom: 10px;
    font-style: italic;
}

#votingblock .results .procent {
    width: 45px;
    color: #035a84;
    float: left;
    font-size: 8pt;
}

#votingblock .results .scale {
    margin: 0 0 10px 45px
}

#votingblock .results .scale div {
    background: #035a84 url(/tpl/img/btn_c.png) top;
    height: 14px;
}

#voting .records .procent {
    width: 45px;
    color: #035a84;
    float: left;
    font-size: 8pt;
}

#voting .records .scale {
    margin: 0 0 10px 45px
}

#voting .records .scale div {
    background: #035a84 url(/tpl/img/btn_c.png) top;
    height: 14px;
}

#voting .records .date {
    font-size: 8pt;
    color: #777
}

#voting .records .count {
    font-size: 8pt;
    color: #777;
    margin-bottom: 20px
}

#voting .records .title {
    margin-bottom: 5px
}

#voting .folders .title {
    display: block;
    margin-bottom: 10px;
    font-size: 16pt;
    text-decoration: none;
    font-family: Akrobat, sans-serif;
    font-weight: bold;
    color: #333;
}

#voting .folders .title:hover {
    color: #0f74a8;
}

#voting .folders .item {
    margin-bottom: 20px
}

#voting .folders .count {
    margin-bottom: 10px
}

/*==============================================================================
calendar
==============================================================================*/
#calendar {
    margin-bottom: 15px
}

#calendar a {
    text-decoration: none;
    display: block;
    float: left;
    color: #333;
    padding: 0;
}

#calendar .years {
    height: 32px
}

#calendar .years a {
    width: 44px;
    text-align: right;
}

#calendar .months {
    height: 60px
}

#calendar .months a {
    width: 36px;
    text-align: right;
}

#calendar .years a, #calendar .months a {
    font-family: Akrobat, sans-serif;
    font-size: 12pt
}

#calendar .years a:hover, #calendar .months a:hover {
    color: #097aae;
}

#calendar .years a.active, #calendar .months a.active {
    color: #035a84;

}

#calendar .days a {
    width: 31px;
    line-height: 27px;
    text-align: right;
    color: #333;
    font-family: Akrobat, sans-serif;
    font-size: 14pt
}

#calendar .days a:hover {
    color: #097aae;
}

#calendar .days a.current {
    color: #035a84;
}

#calendar .days a.active {
    color: #097aae;

}

#calendar .days i {
    width: 31px;
    display: block;
    float: left;
    height: 20px;
    text-align: right;
}

#calendar .daynames b {
    width: 15px;
    margin-left: 16px;
    text-align: right;
    display: block;
    color: #ccc;
    font-weight: normal;
    float: left;
    font-size: 9pt;
    border-top: 1px solid #ccc
}

#calendar .days a.dp6 {
    color: #ccc
}

#calendar .days a.dp7 {
    color: #ccc
}

#calendar .days a.dp13 {
    color: #ccc
}

#calendar .days a.dp14 {
    color: #ccc
}

#calendar .days a.dp20 {
    color: #ccc
}

#calendar .days a.dp21 {
    color: #ccc
}

#calendar .days a.dp27 {
    color: #ccc
}

#calendar .days a.dp28 {
    color: #ccc
}

#calendar .days a.dp34 {
    color: #ccc
}

#calendar .days a.dp35 {
    color: #ccc
}

/*==============================================================================
files
==============================================================================*/
#files .file {
    display: block;
    margin-bottom: 10px;
}

#files .file .filetype {
    display: block;
    background: #035a84;
    width: 30px;
    height: 40px;
    float: left;
    text-align: center;
    padding-top: 20px;
    font-style: normal;
    font-size: 8pt;
    color: #fff;
    border-radius: 10px 5px 5px 5px;
    transition: color .3s, background-color .3s;
}

#files .file:hover .filetype {
    background-color: #097aae;
}

#files .file .text {
    margin-left: 40px;
}

#files .file .title {
    text-decoration: none;
    font-weight: bold;
    margin-bottom: 5px;
    font-size: 16pt;
    font-family: Akrobat, sans-serif;
    color: #333;
    padding-right: 25px;
    display: block;
}

#files .file .title:hover {
    color: #097aae;
    background: url(/tpl/img/icon-download-alt.png) no-repeat center right
}

#files .file .info {
    font-size: 8pt;
    color: #777;
}


/*==============================================================================
center
==============================================================================*/
#center {
    margin: 0 240px;
    min-height: 400px
}

#center .content {
    display: table;
    width: 100%;
}

.short a, .record a {
    word-break: break-all
}


#center .block-title {
    margin: 0 0 10px 0;
    font-size: 16pt;;
    color: #00486c;
    display: block;
    text-decoration: none;
    font-family: Akrobat, sans-serif;
    text-transform: uppercase;

}

#center .block-title:hover {
    color: #097aae;
}


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

#footer {
    background: #003b58;
    color: #fff;
    font-size: 10pt
}

#footer .inset {
    padding: 20px 15px 40px 15px
}

#footer.usermode {
    height: 30px
}

#footer a {
    color: #fff
}

#footer .cr {
    float: left;
    margin-bottom: 20px;
}

#footer .dev {
    font-size: 8pt;
    text-align: right;
    float: right;
    color: #69c;
    padding-top: 20px
}

#footer .dev a {
    font-size: 8pt;
    color: #69c;
    text-decoration: none
}

#footer .dev a:hover {
    font-size: 8pt;
    color: #fff;
    text-decoration: underline
}

#footer .title {
    font-family: Akrobat, sans-serif;
    font-size: 12pt;

    text-transform: uppercase;
    margin-bottom: 10px;
    display: block;
}

#footer .links {
    margin: 0 -5px 20px -5px;
}

#footer .links {
    display: none;
}

#footer .title {
    background: url("/tpl/img/expand.svg") no-repeat 0 50%;
    background-size: 18px;
    padding-left: 22px;
}

#footer .title.show {
    background-image: url("/tpl/img/collapse.svg");
}

#footer .links .item {
    display: block;
    width: 175px;
    height: 50px;
    float: left;
    text-align: center;
    margin: 0 5px 10px 5px;
    background: no-repeat center;
    background-size: cover;
}


/*==============================================================================

==============================================================================*/

#sitemap a {
    text-decoration: none;
    color: #333;
    display: block;
}

#sitemap a:hover {
    text-decoration: underline;
    color: #00486c;
}

#sitemap .level_1 {
    padding-left: 0;
    font-size: 16pt;
    font-family: Akrobat, sans-serif;

}

#sitemap .level_2 {
    padding-left: 20px;
    font-size: 12pt
}

#sitemap .level_3 {
    padding-left: 40px;
    font-size: 11pt
}

#sitemap .level_4 {
    padding-left: 60px;
    font-size: 10pt
}

#sitemap .level_5 {
    padding-left: 80px;
    font-size: 9pt
}

/*==============================================================================
articles
==============================================================================*/
#articles .item {
    margin-bottom: 20px;
    display: block;
    color: #333;
    position: relative;
}

#articles .item .image {
    width: 300px;
    float: left;
    position: relative;
    margin: 0 15px 15px 0;
    overflow: hidden;
    border-radius: 5px;
    /*background: #eee;*/

}

#articles .item .youtube {
    width: 100%;
    position: relative;
    background: no-repeat center;
    background-size: cover;

    padding-top: 56.25%;
}

#articles .item .youtube-frame {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

#articles .item.no_image .image {
    display: none;
}

#articles.articles_people .item .image {
    width: 150px;
}

#articles .item .image .img {
    display: block;
    width: 100%;
    background: no-repeat center;
    background-size: cover;
    padding-top: 56.25%;
    position: relative;
    transition: transform 0.7s;
}

#articles .item:hover .image .img {
    transform: scale(1.2);
}


#articles .item .image.vertical .img {
    background-size: contain;
}


#articles.articles_people .item .image .img {
    padding-top: 100%;
    border-radius: 100%;
    background-size: cover;
    background-position: top center;
}

#articles .item .image .bg {
    position: absolute;
    top: -25%;
    left: -25%;
    display: none;
    width: 150%;
    height: 150%;
    background: no-repeat center;
    background-size: cover;
    filter: blur(15px);
}

#articles .item .image.vertical .bg {
    display: block;
}

#articles.articles_people .item .image .bg {
    display: none;
}


#articles.newsline .item .image,
#articles.news_short .item .image,
#articles.articles_no_photo .item .image {
    display: none;
}


#articles .item .image b {
    position: absolute;
    top: 0;
    left: 2px;
    width: 24px;
    height: 24px;
    background: url(/tpl/img/photos.png) no-repeat left center;
    padding-left: 28px;
    line-height: 24px;
    font-style: normal;
    color: #fff;
    text-shadow: 1px 1px 0 #000;
    font-size: 12px
}


#articles .item .text {
    /*margin-left: 315px*/
}

#articles.news_short .item .text {
    /*margin-left: 65px*/
}


#articles.articles-big .item .text,
#articles.newsline .item .text,
#articles.articles_no_photo .item .text {
    margin: 0;
}

#articles.articles_people .item .text {
    margin-left: 165px;
}

#articles .item .short {
    position: relative;
    line-height: 20px;
}

#articles.news_short .item .short {
    display: none;

}


#articles .item .date {
    display: block;
    font-size: 10pt;
    color: #999;
    font-family: Akrobat, sans-serif;
    font-style: normal;
    padding: 0 0 0 20px;
    background: url(/tpl/img/calendar.svg) no-repeat left center;
    -webkit-background-size: 14px;
    background-size: 14px;
    margin-bottom: 10px;
    margin-left: 315px;
    line-height: 20px;
    font-weight: bold;
}
.news-block .records {overflow: auto}
#articles.news-block .item {width: calc(33.33% - 10px);float: left;margin: 0 15px 0 0}
#articles.news-block .item:last-child{margin: 0;}
#articles.news-block .item .image {width: 100%;margin: 0 0 15px 0;float: none}
#articles.news-block .item .date {margin-left: 0;}
.link-block {float: right}

#articles .item .date.search {margin-left: 0}


#articles.newsline .item .date,
#articles.news_short .item .date {
    margin-left: 0;
}


#articles.articles .item .date,
#articles.articles_people .item .date,
#articles.news_short .item .date,
#articles.articles-big .item .date,
#articles.articles_no_photo .item .date {
    display: none;
}


#articles .item .day {
    width: 50px;
    text-align: center;
    float: left;
    margin: 0 15px 0 0;
    border-radius: 5px;
    overflow: hidden;
    display: none;
}

#articles.news_short .item .day {
    display: block;
}

#articles .item .day b {
    display: block;
    font-size: 16pt;
    font-family: Akrobat, sans-serif;
    line-height: 15px;
    background: #eee;
    padding: 10px 0;
}

#articles .item .day i {
    display: block;
    font-style: normal;

    background: #ddd;
    font-family: Akrobat, sans-serif;
    line-height: 20px;
    text-transform: uppercase;
    font-size: 10pt;
}

#articles .item .title {
    display: block;
    margin-bottom: 10px;
    font-size: 16pt;
    text-decoration: none;
    font-family: Akrobat, sans-serif;
    font-weight: bold;
    line-height: 20px;
}

#articles .item:hover .title {
    color: #097aae;
}


/*==============================================================================
vipnews
==============================================================================*/
#center .vip-info {
    padding: 10px 15px 5px 15px;
    /*background: #eee;*/
    margin-bottom: 20px;
    border-radius: 5px;
    box-shadow: 0 2px 4px #00000047;
    border: 1px solid #ccc;
}

#center .vip-info h2 {
    margin: 0 0 15px 0
}


#vipnews .item {
    display: block;
    text-decoration: none;

}

#vipnews .date {
    display: block;
    margin-bottom: 2px;
    font-size: 8pt;
    color: #999;

    font-style: normal;
}

#vipnews .item .title {
    display: block;
    margin-bottom: 10px;
    font-size: 18pt;
    text-decoration: none;
    font-weight: bold;
    font-family: Akrobat, sans-serif;
    color: #333
}

#vipnews .short {
    color: #333;
}

#vipnews .item:hover .title {
    color: #097aae;
}

#vipnews .item .image {
    width: 300px;
    height: auto;
    display: block;
    float: left;
    margin: 0 15px 15px 0;
    border-radius: 5px;
}

#vipnews .item .text {
}


/*==============================================================================
video
==============================================================================*/
#video .records {
    margin: 0 -5px;
}

#video .records .item {
    display: block;
    text-decoration: none;
    width: 50%;
    float: left;
    margin: 0 0 10px 0;
    position: relative;
}

#video .records .item .img {
    display: block;
    padding-top: 56.25%;
    background: #fff no-repeat center;
    background-size: cover;
    margin: 0 5px;
    border-radius: 5px;
}

#video .records .item .title {
    position: absolute;
    left: 0;
    margin: 0 5px 10px 5px;
    bottom: 0;
    padding: 5px 10px;
    background: rgba(0, 0, 0, .5);
    transition: background .3s;
    color: #fff;
    line-height: 20px;
    font-family: Akrobat, sans-serif;
}

#video .records .item:hover .title {
    background: rgba(0, 0, 0, .8);
}

#video .records .item .description {
    display: none;
}


#video .record .video {
    padding-top: 56.25%;
    position: relative;
}

#video .record .frame {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

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

#video-block {;
    margin-bottom: 20px
}

#video-block a {
    display: block;
    width: 220px;
}

#video-block i {
    display: block;
    width: 220px;
    padding-top: 56.25%;
    border-radius: 5px;
    background-position: top left;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 5px
}

#video-block b {
    display: block;
}

/*==============================================================================
catalog
==============================================================================*/

#catalog .folders .item {
    margin-bottom: 10px;
}

#catalog .folders .left_col {
    width: 50%;
    float: left;
}

#catalog .folders .right_col {
    width: 50%;
    margin-left: 50%
}

#catalog .folders a {
    text-decoration: none;
    color: #333;
}

#catalog .folders a.folder {
    font-size: 14pt;
    display: block;
    margin-bottom: 10px;
    font-weight: bold;
    color: #333;
    font-family: Akrobat, sans-serif;
}

#catalog .folders a:hover {
    color: #097aae;
}

#catalog .folders .sub {
}

#catalog .folders .sub a {
    margin-bottom: 10px;
    padding: 0 0 0 10px;
    display: block;
    font-family: Akrobat, sans-serif;
    font-size: 12pt;
    border-left: 2px solid #035a84;
    font-weight: bold;
}

#catalog .folders .sub a:hover {
    border-color: #097aae
}

#catalog .records .item {
    margin-bottom: 20px
}

#catalog .records .item .title {
    text-decoration: none;
    font-size: 14pt;
    font-weight: bold;
    color: #333;
    font-family: Akrobat, sans-serif
}

#catalog .records .item .phone {
    padding: 0 20px;

}

#catalog .records .item .adres {
    padding: 0 20px;
}

#catalog .records .item .site {
    padding: 0 20px;
}

#catalog .records .item .info {
    padding: 0 20px;
    color: #777;
    font-size: 8pt
}

#catalog .records .ext_info_link {
    font-size: 10pt;
    border-bottom: 1px dashed;
}

/*==============================================================================
weather
==============================================================================*/

.gmtbl {
    background-color: #fff;
    border: 1px solid #fff;
}

.gmtdttl {
    font-size: 110%;

    color: #428cff;
    text-align: center;
    background-color: #fff;
    display: none;
}

.gmtdtext {
    font-size: 100%;
    font-weight: normal;
    color: #000;
    text-align: center;
}

.tddiv {
    text-align: left !important;
}

div#cntdiv {
    position: absolute;
    display: block;
}

div#infselectlist {
    background-color: #fff;
    border: 1px solid #7c7c7c;
    width: 100%;
    height: 100%;
    position: relative;
    top: 1px;
    left: 0;
    right: 0;
    visibility: hidden;
    cursor: pointer;
}

div#hiddentl {
    position: relative;
    top: 1px;
    left: 0;
    right: 0;
    visibility: hidden;
}

#informer1 a {
    display: inline;
}

#informer1 td {
    height: auto;
}

#informer1 tr {
    height: auto;
}


.gsTemp {
    font-size: 16pt !important;
}

.gsAddInfo3 {
    line-height: 18px !important;
    font-size: 10pt !important;
}

.temperature {
    font-size: 12pt !important;
}

.leftCol b {
    font-size: 8pt;
}

.rightCol a {
    font-size: 8pt;
    text-decoration: none !important;
    padding-top: 2px !important;
}

.weather tr {
    background: none !important;
}

/*==============================================================================

==============================================================================*/

#paginator {
    clear: both;
    margin: 40px 0;
    padding: 20px 0;
    font-family: Akrobat, sans-serif;

    font-size: 12pt
}

#paginator a, #paginator b, #paginator i {
    display: block;
    padding: 5px 10px;
    float: left;
    margin-right: 5px;
    text-decoration: none;
    color: #000;
}

#paginator a {

    border-bottom: 3px solid #fff
}

#paginator b {
    color: #035a84;
    border-bottom: 3px solid #035a84
}

#paginator i {
}

#paginator a:hover {
    color: #097aae;
    border-bottom: 3px solid #ccc
}

/*==============================================================================
docs
==============================================================================*/

#docs .item {
    margin-bottom: 20px;
    color: #333;
    display: block;
}

#docs .item .filetype {
    display: block;
    background: #035a84;
    width: 30px;
    height: 40px;
    float: left;
    text-align: center;
    padding-top: 20px;
    font-style: normal;
    font-size: 8pt;
    color: #fff;
    border-radius: 10px 5px 5px 5px;
    transition: color .3s, background-color .3s;

}

#docs .item:hover .filetype {
    background-color: #097aae;
}

#docs .item .text {
    margin-left: 40px;
}

#docs .item .title {
    text-decoration: none;
    font-weight: bold;
    margin-bottom: 5px;
    display: block;
    font-size: 16pt;
    font-family: Akrobat, sans-serif;
    color: #333;
    padding-right: 25px;
    transition: color .3s, background-color .3s;

}

#docs .item:hover .title {
    color: #097aae;
    background: url(/tpl/img/icon-download-alt.png) no-repeat center right
}

#docs .item .info {
    font-size: 8pt;
    color: #999
}

#docs .item .name {
    margin-bottom: 5px;
}

#docs .search {
    margin-bottom: 20px
}

#docs .search input[type=submit] {
    height: 44px;
    margin: 0;
    padding: 0;
    width: 100px;
    display: block;;
    border: none;
    float: right;
    background: #035a84;
    color: #fff;
    font-size: 12pt;
    cursor: pointer;
    border-radius: 0 5px 5px 0;
}

#docs .search input[type=text] {
    height: 40px;
    margin: 0;
    padding: 0;
    width: 100%;
    display: block;
    border: none;
    font-size: 12pt;
    color: #035a84;

}

#docs .search .input {
    border: 2px solid #035a84;
    margin-right: 100px;
    padding: 0 15px;
    border-radius: 5px 0 0 5px;
}

/*==============================================================================
photos
==============================================================================*/
#photos .folders {
    margin: 0 -5px;
}

#photos .folders .item {
    display: block;
    text-decoration: none;
    width: 33.33%;
    float: left;
    margin: 0 0 10px 0;
    position: relative;

    transition: .3s;
}

#photos .folders .item:hover {
    transform: scale(1.1);
    z-index: 100;
}

#photos .folders .item .img {
    display: block;
    padding-top: 56.25%;
    background: #fff no-repeat center;
    background-size: cover;
    margin: 0 5px;
    border-radius: 5px;
    transition: .3s;
}

#photos .folders .item:hover .img {
    box-shadow: 0 2px 8px #00000090;
}


#photos .folders .item .title {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 5px 0 5px;
    bottom: 0;
    padding: 10px;
    background: linear-gradient(0deg, black, transparent);
    transition: .3s;
    color: #fff;
    line-height: 20px;
    font-family: Akrobat, sans-serif;
    border-radius: 0 0 5px 5px;
    font-size: 14pt;
}


#photos .records {
    margin: 0 -5px;
}

#photos .records .item {
    display: block;
    text-decoration: none;
    width: 50%;
    float: left;
    margin: 0 0 10px 0;
    position: relative;
    transition: .3s;
}

#photos .records .item:hover {
    transform: scale(1.1);
    z-index: 100;
}

#photos .records .item .img {
    display: block;
    padding-top: 56.25%;
    background: #fff no-repeat center;
    background-size: cover;
    margin: 0 5px;
    border-radius: 5px;
    cursor: url("/tpl/js/lightbox/images/zoom_in.png"), pointer;
}

#photos .records .item .title {
    position: absolute;
    left: 0;
    margin: 0 5px 10px 5px;
    bottom: 0;
    padding: 5px 10px;
    background: rgba(0, 0, 0, .5);
    transition: background .3s;
    color: #fff;
    line-height: 20px;
    font-family: Akrobat, sans-serif;
}

#photos .records .item:hover .title {
    background: rgba(0, 0, 0, .8);
}

#photos .records .item .description {
    display: none;
}

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

#lightbox h2 {
    margin: 0 0 10px 0;
    color: #fff;line-height: 1.3rem
}

#lightbox .lb-caption {
    display: block;
    margin-bottom: 10px;
    color: #fff;
}

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

#photo-block {
    margin-bottom: 10px;
}

#photo-block img {
    display: block;
    margin: 0 0 5px 0;
    width: 100%;
    height: auto;
    border-radius: 5px;
}

/*==============================================================================

==============================================================================*/

#YMapsID1 {
    height: 500px;
    width: 100%
}

#YMapsID1 table {
    width: auto;
    border: none;
    margin: 0
}

#YMapsID1 td {
    width: auto;
    padding: 0;
    border: none
}

/*==============================================================================
form
==============================================================================*/

.button {
    background: #035a84;
    display: block !important;
    padding: 5px 30px !important;
    color: #fff !important;
    border-radius: 5px;
    text-decoration: none !important;
    cursor: pointer;
    margin: 0 5px 10px 0;
    float: left;
    border: none;
    border-top: 2px solid rgba(255, 255, 255, .3);
    border-bottom: 2px solid rgba(0, 0, 0, 0.6);
    font-family: Akrobat, sans-serif;
    font-size: 14pt;

}

.button:hover {
    background: #097aae;
}

.button:active {
    background: #035a84;
}

.button.cancel {
    color: #333 !important;
    margin-left: 20px
}

.form .input {
    padding: 10px;
    border: 2px solid #ccc;
    background: #fff;
    margin-bottom: 10px;
    border-radius: 5px;

}

.form .input input {
    border: none;
    margin: 0;
    padding: 0;
    display: block;
    width: 100%;
    background: #fff;
    font-family: Akrobat, sans-serif;
    font-size: 14pt;;
    outline: none
}

.form .input select {
    border: none;
    margin: 0;
    padding: 0;
    display: block;
    width: 100%;
    background: #fff;
    font-family: Akrobat, sans-serif;
    font-size: 14pt;
    outline: none
}

.form .input textarea {
    border: none;
    margin: 0;
    padding: 0;
    display: block;
    width: 100%;
    background: #fff;
    height: 120px;
    font-family: Akrobat, sans-serif;
    font-size: 14pt;
    outline: none;

}

.form .input.stored {
    font-weight: bold
}

.form .field b {
    display: inline-block;
    padding: 0 0 2px 7px;
    /*color: #005b7f;*/
    font-family: Akrobat, sans-serif;
}

.form label {
    cursor: pointer;
}

.form .btn {
}

.form select .sep {
    background: #d9e9f6;
    color: #005b7f;
}

.form select .nop {
    color: #ccc;
}

.form .btn input:hover {
}

.form .notice {
    font-size: 8pt;
    color: #f60;
    border-left: dashed 1px #f60;
    padding-left: 5px;
    margin-bottom: 10px
}

.form .req_ {
    border-left: dashed 1px #f60 !important;
}

.form .form_error {
    font-size: 8pt;
    color: #f60;
    margin: 5px 0 0 0;
    display: none;
}

.form .empty {
    background: #fc6 !important
}

.form .radio {
    width: 24px !important;
    display: inline-block !important;
    cursor: pointer;
}

.form .remember {
    text-align: right;
    font-size: 8pt;
    margin: -5px 0
}

.form .clone {
    font-size: 8pt;
    text-decoration: none;
    float: right;
    margin-top: -10px;
    border-bottom: 1px dashed
}

.form .clone-remove {
    font-size: 8pt;
    text-decoration: none;
    float: right;
    margin: -10px 10px 0 0;
    border-bottom: 1px dashed;
    display: none
}

.form .file input {
}

.form .lot .category {
    width: 170px;
    float: left;
    margin-right: 10px
}

.form .lot .title {
    width: 210px;
    float: left;
    margin-right: 10px
}

.form .lot .count {
    width: 75px;
    float: left;
    margin-right: 10px
}

.form .lot .equivalent {
    width: 120px;
    float: left;
    margin-right: 10px
}

.form .lot .collected {
    width: 75px;
    float: left;
}

.form .select_date select {
    display: inline-block;
    width: auto;
    margin: 0 5px;
}

.form .select_date .day {
    margin-left: 0
}

.form .image_uploaded {
    float: right;
    display: block;
}

.form .checkbox_delete {
    float: left;
    width: 16px !important;
    margin-right: 5px !important;
}

.form .label_delete {
    display: block;
}

.form .image_uploaded img {
}

.form .delete {
    margin-left: 10px;
    width: 80px
}

.form .filetitle {
    border: 1px solid #eee !important;
    padding: 2px 0 !important;
    margin-top: 4px !important
}

.form .date {
    width: 85px;
    background: url(/admin/img/icons/calendar.png) no-repeat right center;
    cursor: pointer;
}

.form .outline {
    border: 1px solid #ddd !important
}

.form span.input_title {
    font-size: 8pt;
    color: #777;
    display: block;
}

.form .f_left {
    width: 50%;
    display: inline-block;
}

.form .f_right {
    width: 50%;
    display: inline-block;
}

.form .error {
    display: none;
}

.form .select_date select {
    border: 1px solid #ddd !important
}


.form .info {
    font-size: 10pt;
    margin-bottom: 10px;
}


.w50p {
    width: 50%
}

#center .cke_editor td {
    border: none
}

#center .cke_editor {
    border: none
}

.error {
    border: 1px solid #f00;
    margin: 0 0 10px 0;
    padding: 10px 30px;
    border-radius: 5px;;
    background: #fc9 url(/admin/img/icons/attention.png) 10px 11px no-repeat;
}

.notice {
    border: 1px solid #0f0;
    margin: 0 0 10px 0;
    padding: 10px 30px;
    border-radius: 5px;;
    background: #cf9 url(/admin/img/icons/ok.png) 10px 11px no-repeat;
}

.m_info {
    border: 1px solid #ccc;
    margin: 0 0 10px 0;
    padding: 10px 10px;
    border-radius: 5px;;
    background: #eee
}

/*==============================================================================

==============================================================================*/
#structure .photo {
    margin: 0 10px 10px 0;
    float: left;
    max-width: 50%;
    max-height: 400px;
    border-radius: 5px;
}

#structure .preview {
    position: absolute;
    top: 0;
    right: 0;
    display: none;
    background: #fff;
    z-index: 1000;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
    border-radius: 5px;

}

#structure .in0:hover .preview {
    display: block;
}

#structure .in1:hover .preview {
    display: block;
}

#structure .in2:hover .preview {
    display: block;
}

#structure a {
    text-decoration: none
}

#structure a:hover {
}

#structure b {
    display: block;
    font-family: Akrobat, sans-serif;
    font-size: 14pt
}

#structure i {
    display: block;
    font-style: normal;
}

#structure .level1 {
    padding: 10px 0 10px 40px;
    background: url(/tpl/img/structure.png) no-repeat top left
}

#structure .level1.last {
    background: url(/tpl/img/structure_last.png) no-repeat top left
}

#structure .level2 {
    padding: 10px 0 0 40px;
    background: url(/tpl/img/structure.png) no-repeat top left
}

#structure .level2.last {
    background: url(/tpl/img/structure_last.png) no-repeat top left
}

#structure .in0 {
    padding: 5px 10px;
    background: #005b7f url(/tpl/img/header_bg.png) top left;
    color: #fff;
    font-size: 14pt;
    border-radius: 5px;
    position: relative;
    border: 1px solid #005b7f;
}

#structure .in0 a {
    color: #fff
}

#structure .in1 {;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 12pt;
    position: relative;
    border: 1px solid #005b7f;
}

#structure .in2 {
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 10pt;
    position: relative;
    border: 1px solid #005b7f;
}


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

.w200 {
    width: 200px !important
}

.counters {
}

#ya-site-results table {
    border: 0;
    padding: 0
}

#ya-site-results table td {
    border: 0;
    padding: 0
}

#bottom {
    font-size: 8pt;
    color: #777;
    margin: 0 auto;
    min-width: 940px;
    max-width: 1160px;
    padding: 200px 10px 10px 10px
}

#bottom a {
    font-size: 8pt;
    color: #777
}

/*
----------------------------------------------------------------------- */
#faq .records .item {
    margin-bottom: 20px;
    /*padding-bottom: 20px;*/
}

#faq .records .name {
    /*color: #035a84;*/
    margin-bottom: 5px;
    font-family: Akrobat, sans-serif;
    font-size: 12pt
}

#faq .records .time {
    color: #bbb;
    font-size: 8pt;
    margin-left: 10px;
    font-style: normal;
}

#faq .records .question {
    padding: 5px 10px;
    margin-bottom: 10px;
    border-left: 2px solid #035a84;
    border-radius: 5px;

}

#faq .records .answername {
    color: #035a84;;
    margin: 0 0 5px 100px;;
    font-family: Akrobat, sans-serif;
    font-size: 12pt;

}

#faq .records .answer {
    padding: 5px 10px;
    margin: 0 0 0 100px;
    border-left: solid 3px #035a84
}

#faq .records .form {
    margin-bottom: 40px
}

#faq #page {
    margin-bottom: 40px
}

#faq .folders .title {
    display: block;
    font-size: 16pt;
    text-decoration: none;
    font-weight: bold;
    font-family: Akrobat, sans-serif;
    color: #333;
    margin-bottom: 10px;
}

#faq .folders .item {
    display: block;
    margin-bottom: 15px;
}

#faq .folders .item:hover .title {
    color: #097aae;
}

#faq .folders .description {
    margin-bottom: 20px
}

#faq .folders .image {
    display: block;
    width: 300px;
    height: 170px;
    float: left;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 5px;
    margin-right: 15px;
}

#faq .folders .date {
    margin-left: 235px;
    font-size: 10pt;
    color: #777;
}

/*
----------------------------------------------------------------------- */
#auction .item {
    margin-bottom: 20px;
    display: block;
}

#auction .item .title {
    display: block;
    text-decoration: none;
    font-weight: bold;
    color: #333;
    font-size: 14pt;
    font-family: Akrobat, sans-serif;
}

#auction .item .title:hover {
    color: #0f74a8;
}

#auction .item dt {
    font-size: 8pt;
    color: #999;

}

#auction .date {
    padding-left: 15px;
    background: url(/tpl/img/calendar.png) no-repeat left center;
    color: #999;
    margin-bottom: 5px
}

#auction .date b {
    font-size: 12pt;
    color: #555
}

/*
----------------------------------------------------------------------- */
#constructions .map {
    margin-bottom: 20px
}

#constructions .item {
    margin-bottom: 15px
}

#constructions .item .title {
    font-size: 12pt;
    color: #005b7f;
}

#constructions .item .type {
    color: #777
}

#constructions .item .info {
    padding: 0 20px
}

#constructions .item .description {
    font-size: 8pt
}

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

#totop {
    position: fixed;
    bottom: -80px;
    right: 20px;
    width: 60px;
    height: 60px;
    border: 2px solid #fff;
    background: #035a84 url("/tpl/img/up.svg") no-repeat center;
    -webkit-background-size: 32px;
    background-size: 32px;
    z-index: 50;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
    border-radius: 100%;
    transition: .3s;
    cursor: pointer;
}

._scroll #totop {
    bottom: 20px;
}

#totop:hover {
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.5);
}


/*==============================================================================

==============================================================================*/

#adminpanel .item {
    border-bottom: 1px dashed #ccc;
    padding: 2px
}

#adminpanel .item.status-0 {
    color: #999
}

#adminpanel .item.status-0 a {
    color: #999
}

#adminpanel .item.status-0 a:hover {
    color: #900;
}

#adminpanel .item:hover {
    background: #eee
}

#adminpanel .title {
    padding-right: 80px
}

#adminpanel .title a, #adminpanel .title div {
    display: block;
    padding: 3px 0 3px 22px;
    text-decoration: none
}

#adminpanel .functions {
    float: right
}

#adminpanel .functions a {
    margin-left: 5px;
    display: inline-block;
    padding-top: 5px;
}

#adminpanel b.date, #adminpanel dt {
    font-size: 8pt;
    color: #777;
    font-weight: normal;
}


/*
----------------------------------------------------------------------- */
#pages_menu a {
    display: block;
    margin-bottom: 10px;
    font-size: 16pt;
    text-decoration: none;
    font-family: Akrobat, sans-serif;
    font-weight: bold;
    line-height: 20px;
    color: #333;
    background: url("/tpl/img/rrow.png") no-repeat 0 50%;
    padding-left: 15px;
}

#pages_menu a:hover {
    color: #097aae;
}

/*
----------------------------------------------------------------------- */
#victory75 {
    background: url("/tpl/img/v75.png?2") no-repeat top center;
    background-size: contain;
    height: 300px;
    padding-top: 280px;
    text-align: center;
}


#victory75 .timer {
    display: none;
    font-style: normal;
    font-family: Akrobat, sans-serif;
}


#victory75 .timer .segment {
    display: block;
    width: 40px;
    float: left;
    font-weight: normal;
    font-size: 8pt;
    background: #DC4128;
    border-radius: 5px;
    padding: 5px 0;
    color: #fff;
}

#victory75 .timer .dots {
    line-height: 40px;
    display: block;
    width: 20px;
    text-align: center;
    float: left;
    font-style: normal;
    font-size: 24pt;
    color: #DC4128;
    opacity: .8;
}

#victory75 .timer .digit {
    display: block;
    line-height: 30px;
    font-style: normal;
    font-size: 20pt;
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums;
}

#victory75 .timer .txt {
    display: block;

}


/*
----------------------------------------------------------------------- */
#ymap {
    width: 100%;
    height: 400px;
    border-radius: 5px;
    overflow: hidden;
}

#mobile {
    display: none;
}

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


.social_main {display: block;width: 100%;overflow: auto;}
.social_main a {display: flex;width: 55px;height: 55px;float: left;justify-content: center;align-items: center;color: #fff;opacity: .8}
.social_main a:hover {opacity: 1;color: #fff}

.social_main a:nth-child(1) {background: #2489f5}
/*.social_main a:nth-child(2) {background: #0172fc}*/
.social_main a:nth-child(3) {background: #8a3ab9}
.social_main a:nth-child(2) {background: #ec820a}