/* Общие правила - начало */
html, body {
    background-color: #F3F3F5; /* fff */
    font-family: Arial;
    color: #000;
}
* {
    margin: 0px;
    padding: 0px;
}
body img {border: none;}
body table {border-collapse: collapse;}
body table tr td {vertical-align: top;}

/* Общие правила - конец */



.berezki-left {
    background-image: url('../images/bg-berezki.png');
    background-repeat: no-repeat;
    background-position: top left;
    background-size: auto 100vh; /* Масштабирование строго по высоте окна */
    background-attachment: fixed; /* Прокрутка вместе со страницей */
}
.berezki-right {
    background-image: url('../images/bg-berezki.png');
    background-repeat: no-repeat;
    background-position: top right;
    background-size: auto 100vh; /* Масштабирование строго по высоте окна */
    background-attachment: fixed; /* Прокрутка вместе со страницей */
}


#infobardm{
    display:none;
}


/* Вопросы и ответы + */
.faq_id {
    padding: 0 20px 30px 0;
}
.faq_title {
    margin: 0 0 10px 10px;
}
.faq_title a {
    font-weight: normal;
    font-size: 21px;
    color: #393185;
    text-decoration: none;
}
.faq_title a:hover {
    color: #dd0007;
    
}
.faq_text {
    margin: 0 0 0 10px;
}


/* Вопросы и ответы - */


/* Логотип + */
.logotype {
    width: 50%;
    float: left;
}
.logotype a {
    text-decoration: none;
    color: #0c0266;
}
.logotype a:hover {
    color: #005dab;
}
.logotype img {
    min-width: 150px;
    float: left;
    margin-right: 20px;
}
.logotype span {
    float: left;
    max-width: 400px;
    margin-top: 20px;
}
/* Логотип - */


/* Логотип года + */
.year_logotype_top {
    float: right;
}
.year_logotype_page {
    text-align: center;
}
.year_logotype_page img {
    width: 201px;
}
/* Логотип года - */






/* Меню горизонтальное многоуровневое + */
.menu-group-td {
    width: 1160px;
    padding: 0px 50px 0px 50px;
}
@media screen and (max-width:1279px){
.my-menu-td {
    width: 924px;
    padding: 0px 40px 0px 40px;
}
}

.pb-30 {
    padding-bottom: 30px;
}
.pb-50 {
    padding-bottom: 50px;
}
.menu-group ul {
    width: 100%;
}
.menu-group ul, #nav ul li {
    list-style: none;
}
.menu-group ul li{
    float: left;
    display: block;
    margin-right: 8px;
    margin-top: 8px;
}
.menu-group ul li a:link, 
.menu-group ul li a:visited {
    color: #393185;
    text-decoration: none;
    display: block;
    background: #fff;
    border-radius: 6px;
    padding: 8px 12px;
    font-size: 16px;
}
.menu-group ul li a:hover {
    color: #fff;
    background-color: #393185;
}
/* Подменю */
.menu-group ul li ul li {
    float: none;
    display: block;
    /*margin-top: 2px;*/
    margin: 0;
}
.menu-group ul li ul li a:link, 
.menu-group ul li ul li a:visited{
    color: #393185;
    text-decoration:none;
}
.menu-group ul li ul li a:hover{
    color: #fff;
    background-color: #393185;
}
.menu-group .submenu {
    border-radius: 6px;
    background-color: #fff;
    position: absolute;
    width: 300px;
    padding: 0;
    z-index: 1000;
    display: none;
}

/* Меню горизонтальное многоуровневое - */







/* Меню с годами на странице "Фоторепортажи" + */
#menu_years{
    width:100%;
    float:left;
    margin: 0 0 20px 10px;
}
#menu_years p {
    width:100%;
    float:left;
    text-align: left;
    font-size: 15px;
}
#menu_years p a{
    float:left;
    padding: 4px 8px;
    background: #fff;
    color: #393185;
    text-decoration: none;
    margin-right: 10px;
    border-radius: 3px;
}
#menu_years p a:hover{
    background: #393185;
    color: #fff;
}
#menu_years p b{
    float:left;
    padding: 4px 8px;
    margin-right: 10px;
    font-weight: normal;
    background: #393185;
    color: #fff;
    border-radius: 3px;
}
/* Меню с годами на странице "Фоторепортажи" - */








/* Главная страница + */
#site_index {
    margin: 0 auto;
    background: #efeef1; /* e3daf7 */
    width: 1260px;
    padding: 0px 50px 0px 50px;
    margin-top: -18px;
}
.site_index {
    width: 1160px;
}
.top {
    padding: 42px 10px 35px 10px;
}
/* Главная страница - */

/* Рядовая страница + */
#site_page {
    width: 1260px;
    margin: 0 auto;
    background: #efeef1; /* ebe7fc */
    margin-top: -18px;
}
.site_page {
    width: 1260px;
}
.top2 {
    padding: 42px 60px 35px 60px;
}
.content_left2{
    width:360px;
}
/* Рядовая страница - */



/* Блок с книгами на главной + */
#ludi {
    width: 100%;
    float: left;
    height: auto;
    background: #fff; /* ebe7fc */
    border-radius: 20px;
    padding: 40px;
}
#unym, 
#molodezh, 
#vzroslym {
    float: left;
    background-repeat: no-repeat;
    background-position: top center;
    width: 360px;
    background-size: 284px 210px;
    background-position: top center;
    padding-top: 230px;
}
#unym {
    background-image: url(../images/unym.png);
}
#molodezh {
    background-image: url(../images/molodezh.png);
}
#vzroslym {
    background-image: url(../images/vzroslym.png);
}

#unym h6, 
#molodezh h6, 
#vzroslym h6 {
    font-weight: normal;
    text-align: center;
    font-size: 21px;
    margin-bottom: 15px;
}

#unym h6, 
#unym ul li a:hover {
    color: #ae4a84;
}
#molodezh h6, 
#molodezh ul li a:hover {
    color: #009846;
}
#vzroslym h6, 
#vzroslym ul li a:hover {
    color: #e31e24;
}

#unym ul {
    list-style-image: url(../images/list_unym.png);
}
#molodezh ul {
    list-style-image: url(../images/list_molodezh.png);
}
#vzroslym ul {
    list-style-image: url(../images/list_vzroslym.png);
}
#unym ul,
#molodezh ul,
#vzroslym ul {
    font-size: 16px;
    margin-left: 102px;
}
#unym ul li, #molodezh ul li, #vzroslym ul li {
    padding-left: 2px;
}
#unym ul li a, 
#molodezh ul li a, 
#vzroslym ul li a {
    color: #000;
    text-decoration: none;
}
/* Блок с книгами на главной - */




/* Блок приветствия на главной + */
#privet {
    background: #fff; /* ebe7fc */
    margin-top: 50px;
    border-radius: 20px;
}
#privet .menu_left {
    list-style:none;
    border-right: 1px solid #efeef1; /* e3daf7 */
    width: 260px;
    padding: 40px 30px 40px 40px;
}
#privet .text {
    padding: 30px 30px 40px 30px;
}
#privet .text h1 {
    font-weight: normal;
    color: #393185;
    font-size: 24px;
    margin-bottom: 5px;
}
#privet .text p {
    font-size: 16px;
    line-height: 1.25rem;
}

#privet .menu_right {
    border-left: 1px solid #efeef1; /* e3daf7 */
    width: 210px;
    padding: 30px 30px 40px 30px;
}
#privet .menu_right h6 {
    font-weight: normal;
    color: #e31e24;
    margin-bottom: 2px;
    font-size: 21px;
    margin-bottom: 2px;
}

#privet .menu_right table tr .left, 
#privet .menu_right table tr .leftb {
    padding: 5px 0px 5px 0px;
}
#privet .menu_right table tr .left {
    border-top: 1px solid #dbd0f5;
}
#privet .menu_right table a {
    text-decoration: none;
    color: #000;
    font-size: 16px;
}
#privet .menu_right table a:hover {
    color: #e31e24;
}
/* Блок приветствия на главной - */





/* social_links + */
.social_links {
    width: 100%;
    float: left;
    padding: 40px 5% 60px 5%;
}
.social_links_id {
    width: 50%;
    float: left;
}
.social_links_id a {
    color: #000;
    text-decoration: none;
}
.social_links_id a img {
    float: left;
}
.social_links_id a span {
    float: left;
    padding: 30px 0 0 20px;
}


.social_links_page {
    width: auto;
    float: left;
    padding-left: 62px;
}
.social_links_page_id {
    width: auto;
    float: left;
    margin-right: 20px;
}
.social_links_page_id a {
    color: #000;
    text-decoration: none;
}
.social_links_page_id a img {
    float: left;
}

/*
@media screen and (max-width:1279px){
.social_links_page {
    padding-left: 32px;
}
}
*/

.vk:hover {
    color: #4b729f;
}
.blogger:hover {
    color: #db671e;
}
.obratnaya:hover {
    color: #4eac79;
}
/* social_links - */



#reportazh {
    width: 100%;
    float: left;
    background: #fff; /* ebe7fc */
    border-radius: 20px;
    margin-bottom: 50px;
    padding: 30px 20px 35px 20px;
    height: auto;
}
#reportazh h6 {
    text-align: center;
    margin: 0px 0px 10px 0;
}
#reportazh h6 a {
    font-weight: normal;
    color: #e31e24;
    text-decoration: none;
    font-size: 24px;
    color: #e31e24;
}
#reportazh h6 a:hover {
    color: #ed464b;
}








/* Меню горизонтальное на рядовой странице справа вверху + */
#menu_gorizont {
    float: right;
    margin-top: 15px;
}
#menu_gorizont a {
    text-decoration: none;
    font-size: 16px;
}
#menu_gorizont a div {
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 87px 76px;
    height: 25px;
    padding: 80px 40px 0px 40px;
}
.unym {
    color: #ae4a84;
}
.molodezh {
    color: #009846;
}
.vzroslym {
    color: #e31e24;
}
.unym:hover {
    color: #902965;
}
.molodezh:hover {
    color: #007a38;
}
.vzroslym:hover {
    color: #c10006;
}
.unym div {
    background-image: url(../images/unym2.png);
}
.molodezh div {
    background-image: url(../images/molodezh2.png);
}
.vzroslym div {
    background-image: url(../images/vzroslym2.png);
}
#menu_gorizont #line {
    float: right;
    width: 1px;
    background: #fff;
    height: 30px;
    margin-top: 76px;
}


/* Меню */ 
#menu_gorizont ul, 
#menu_gorizont ul li {
    list-style: none;
}
#menu_gorizont ul li{
    float: right;
    display: block;
}
#menu_gorizont ul li a:link, 
#menu_gorizont ul li a:visited {
    text-decoration: none;
    display: block;
}
#menu_gorizont ul li a:hover {
}
/* Подменю */
#menu_gorizont ul li ul {
    background: #f3f1fb;
    border: #efeef1 solid 1px;/* e3daf7 */
    padding: 12px 15px 7px 15px;
    border-radius: 5px;
    margin-left: 30px;
}
#menu_gorizont ul li ul li {
    float: none;
    display: block;
    font-size: 15px;
    padding-bottom: 3px;
}
#menu_gorizont ul li ul li a {
    font-size: 15px;
}
#menu_gorizont ul li ul li a:link,
#menu_gorizont ul li ul li a:visited {
    color: #000;
    text-decoration:none;
}

#menu_gorizont ul li ul li .unym2:hover {
    color: #902965;
}
#menu_gorizont ul li ul li .molodezh2:hover {
    color: #007a38;
}
#menu_gorizont ul li ul li .vzroslym2:hover {
    color: #c10006;
}
#menu_gorizont .submenu {
    position: absolute;
    margin-top: 20px;
    padding: 10px;
    z-index: 1000;
    display: none;
}
#menu_gorizont ul li ul .unym3 {
    color: #902965;
}
#menu_gorizont ul li ul .molodezh3 {
    color: #007a38;
}
#menu_gorizont ul li ul .vzroslym3 {
    color: #c10006;
}
/* Меню горизонтальное на рядовой странице справа вверху - */




.vmuzey {
    float: left;
    margin: 40px 0 20px 60px;
}
.vmuzey img {
    width: 260px;
}
.vmuzey_index {
    float: left;
    margin: 10px 0 20px 0;
}
.vmuzey_index img {
    width: 200px;
}
.gosuslugi {
    float: left;
    margin: 20px 0 20px 60px;
}
.gosuslugi img {
    width: 260px;
}
.gosuslugi_index {
    float: left;
    margin: 0 0 20px 0;
}
.gosuslugi_index img {
    width: 200px;
}



/* Меню вертикальное на рядовой странице слева + */
#menu_vertical {
    float:left;
    border-right: 1px solid #fff;
    float:left;
    width: 257px;
    margin: 70px 0px 20px 60px;
    padding-right: 40px;
}
/* Основное меню */
.menu_vert {
    font-size: 16px;
}
.menu_vert,
.menu_vert li ul {
    list-style: none;
}
.menu_vert a,
.menu_vert li ul a {
    text-decoration: none;
}
.menu_vert li {
    width:100%;
    float:left;
    padding: 0 0 5px 0;
}
.menu_vert li a {
    float:left;
    color: #000;
}
.menu_vert li a:hover {
    color: #393185;
}
.menu_vert li a.active {
    font-weight: bold;
    color: #393185;
}
.vb {
    border-top: 1px #ded3f5 solid;
    padding-top: 5px;
}
.menu_vert li i{
    color: #393185;
    font-weight: bold;
}

/* Подменю */
.menu_vert li ul {
    width:100%;
    float:left;
    font-style: italic;
    margin-top: 7px;
    margin-left: 15px;
    font-size: 15px;
}
.menu_vert li ul li {
    width:100%;
    float:left;
    padding: 5px 0 5px 0;
}
.menu_vert li ul li a {
    float:left;
    color: #000;
}
.menu_vert li ul li a:hover {
    color: #dd0007;
}
.lt{
    border-top: 1px solid #dbd0f5;
    padding-top: 5px;
}
.lr {
    width: 9px;
    background: url(../images/rombik.png) no-repeat left 12px;
}
/* Меню вертикальное на рядовой странице слева - */



/* Контент + */
#conent {
    text-align: left;
    width: auto;
    padding: 0 50px 0 0;
}
.lenta {
    text-align: left;
    width: 770px;
}
#lenta_text {
    float:left;
    margin:10px 0 60px 10px;
}
.content2 {
    padding-left:40px;
}
.content2 h1 {
    font-weight: normal;
    font-size: 27px;
    margin: 60px 0 5px 0;
    color: #393185;
}

#conent h2 {
    font-weight: normal;
    color: #e31e24;
    font-size: 21px;
    margin-bottom: 5px;
}
#conent h3 {
    color: #393185;
    font-size: 16px;
    margin-bottom: 5px;
}

.zep {
    color: #666;
    font-style: italic;
    font-size: 14px;
    margin-bottom: 30px;
}
#conent p {
    font-size: 16px;
    /*line-height: 24px;*/
    margin-bottom: 15px;
}
#conent p a, 
#conent ul li a, 
#conent ol li a, 
.text p a {
    color: #393185;
    font-style: italic;
    text-decoration: none;
    border-bottom: dashed 1px #393185;
}
#conent p a:hover, 
#conent ul li a:hover, 
#conent ol li a:hover, 
.text p a:hover {
    color: #e31e24;
    font-style: italic;
    border-bottom: solid 1px #e31e24;
}
#conent a img {
    border-radius: 3px;
}
#gallery {
    padding-left: 0;
}
#gallery a img {
    float: left;
    width: 172px;
    margin: 0px 10px 15px 10px;
    border-radius: 3px;
}
#conent a:hover img, 
#gallery a:hover img {
    box-shadow: 0px 0px 10px -5px #555;
}
#conent ul {
    font-size: 15px;
    margin-bottom: 15px;
    margin-left: 20px;
    list-style-image: url(../images/list_unym.png);
}
#conent ol {
    font-size: 15px;
    margin-bottom: 15px;
    margin-left: 18px;
}
.video {
    text-align: center;
}



.lenta h5 a {
    font-weight: normal;
    font-size: 21px;
    margin-left: 10px;
}
.lenta h5 a {
    color: #393185;
    text-decoration: none;
}
.lenta h5 a:hover {
    color: #dd0007;
}
.lenta .date {
    text-align: right;
    color: #666;
    font-style: italic;
    font-size: 12px;
    padding-bottom: 20px;
}


.gallery{
    padding-bottom: 30px;
}
.gallery a img {
    width: 172px;
    margin: 10px 10px 15px 10px;
    border-radius: 2px;
}
.gallery a:hover img {
    box-shadow: 0px 0px 10px -5px #555;
}


.date_text{
    width:100%;
    float:left;
    text-align: right;
    font-style: italic;
    font-size: 15px;
}
.dateT .date_text{
    width: 94%;
    padding-right: 6%;
}

/* Контент - */


/* Постраничная навигация - начало */
#navig {
    float: none;
    width: 100%;
    text-align: center;
    margin: 20px 20px 40px 20px;
    font-size: 14px;
}
#navig a {
    text-decoration: none;
    color: #000;
    background: none;
    border-radius: 50%;
    margin: 0px 1px 0px 1px;
    padding: 4px 8px 4px 8px;
}
#navig a:hover {
    background: #393185;
    color: #fff;
}
#navig b {
    background: #393185;
    color: #fff;
    border-radius: 50%;
    margin: 0px 1px 0px 1px;
    padding: 4px 8px 4px 8px;
}
/* Постраничная навигация - конец */


/* Поделиться в социальных сетях + */
.social {
    text-align: right;
    padding: 20px 100px 0 0;
}
.social p {
    font-weight: bold;
    color: #ef7f1a;
    font-size: 14px;
}
.share42init {
    margin: 5px -2px 0 0;
}
/* Поделиться в социальных сетях - */



/* Низ сайта + */
#bottom,
#bottom2 {
    margin: 0 auto;
    width: 1260px;
}
#bottom {
    background: #efeef1; /* e3daf7 */
}
#bottom2 {
    background: #efeef1; /* ebe7fc */
    padding-top: 100px;
}

#bottom_text {
    background: url(../images/bottom_text.png) no-repeat top center;
    height: 54px;
    padding-bottom: 5px;
}
.bottom_kniga {
    background: url(../images/bottom_kniga.png) no-repeat top center;
    width: 290px;
    height: 28px;
}
.bbb {
    width: 100%;
}
.bb {
    width: 38%;
    padding-top: 25px;
}
.bb div {
    background: #eee;
    height: 2px;
}

#bottom p,
#bottom2 p {
    text-align: center;
    color: #000;
    font-size: 13px;
    /*line-height: 19px;*/
    padding: 20px 0px 20px 0px;
}
#bottom p a,
#bottom2 p a {
    color: #000;
    text-decoration: none;
}
#bottom p a:hover,
#bottom2 p a:hover {
    color: #0c0266;
}
/* Низ сайта - */



/* Обратная связь + */
#feedback textarea,
#feedback .button,
#feedback input {
    font-family: Verdana;
    font-style: italic;
    float: left;
    font-size: 14px;
    padding: 4px 6px 4px 6px;
}
#feedback input,
#feedback textarea,
#feedback .button,
#cerror2 {
    border: #d9d9d9 solid 1px;
    border-radius: 3px;
}
#feedback input {
    background: #fff;
    width: 329px;
    margin: 7px 9px 10px 0px;
}
#feedback textarea {
    background: #fff;
    float: none;
    width: 681px;
    height: 140px;
    margin-bottom: 9px;
}
#feedback input:hover,
#feedback textarea:hover {
    background: #fafcfd;
}
/* Кнопка */
#feedback .button {
    color: #fff;
    font-weight: bold;
    background: #5a52a1;
    border: 1px solid #e6e6e6;
    width: 116px;
    padding: 5px 8px 7px 8px;
    border-radius: 6px;
}
#feedback .button:hover {
    color: #fff;
    cursor: pointer;
    background: #453c97;
}
/* Сообщение о результате отправки */
#cerror {
    font-family: Arial;
    margin-top: 10px;
    font-size: 15px;
}
#cerror ul {
    list-style: disc;
    margin-left: 15px;
}
/* Обратная связь - */


/* calameo - блок "Читайте вместе с нами" + */
#calameo_index{
    width:100%;
    float:left;
}
#calameo_block{
    float:left;
    width:1160px;
    height: auto;
    background: #fff; /* ebe7fc */
    border-radius: 20px;
    padding: 30px 0 20px 0;
}
#calameo_index #calameo_block{
    margin:50px 0 0 0;
}
#bottom2 #calameo_block{
    margin:0 50px 50px 50px;
}
#calameo_block h6{
    text-align:center;
    font-weight:normal;
    font-size: 24px;
    color: #e31e24;
    margin-bottom: 20px;
}
/* calameo - блок "Читайте вместе с нами" - */


/* Календарь + */
#calendar_index{
    width:100%;
    float:left;
    margin-top: 30px;
}
#calendar_page{
    float:left;
    width:260px;
    margin: 40px 0 0 60px;
}
#calendar{
    width:100%;
    float:left;
}
.calendar_title{
    color: #393185;
    font-weight:bold;
    text-align: center;
    font-size: 16px;
}
#calendar2{
    width: 100%;
    font: monospace;
    line-height: 1.2em;
    font-size: 15px;
    text-align: center;
}
#calendar2 thead tr:last-child{
    font-size: small;
    color: #000;
}
#calendar2 thead tr:nth-child(1) td:nth-child(2){
    color: #000;
}
#calendar2 thead tr:nth-child(1) td:nth-child(1):hover,
#calendar2 thead tr:nth-child(1) td:nth-child(3):hover{
    cursor: pointer;
    background: #7aa8cf;
    color: #fff;
}
#calendar2 tbody td{/* Будни */
    color: #000;
}
#calendar2 tbody td:nth-child(n+6),/* Выходные дни */
#calendar2 .holiday {
    color: #005dab;
}
#calendar2 tbody td.today{/* Сегодня */
    background:#7aa8cf;
    color: #fff;
}
#calendar2 tbody td div{
    padding: 4px 0 4px 0;
}
.calendar_link{
    text-decoration: none;
    color:#fff;
}
.calendar_link div{
    width:100%;
    background: #393185;
    text-align:center;
    border-radius:2px;
    padding: 4px 0 4px 0;
    font-weight: bold;
}
.calendar_link:hover{
}
.calendar_link:hover div{
    background: #005dab;
}

.calendar_month_year td{
    padding: 10px 0 10px 0;
}
/* Календарь - */