body { font-family: "Merriweather", "Lato", sans-serif; text-decoration: none; }
a, a:visited, a:active {color: #000000; text-decoration: underline; }
a:hover { color: #000000; text-decoration: none }
td { font-size: 100%;}
blockquote {font-style: italic;}



.menu { color: #FFFFFF; text-decoration: none; font-size: 11px; font-family: Tahoma,Verdana
}
.menu:visited { color: #FFFFFF; text-decoration: none; font-size: 11px; font-family: Tahoma,Verdana
}
.menu:active { color: #FFFFFF; text-decoration: none; FONT-SIZE: 11px; FONT-FAMILY: Tahoma,Verdana
}
.menu:hover { color: #9DB3CB; text-decoration: none; FONT-SIZE: 11px; FONT-FAMILY: Tahoma,Verdana
}
.logo { color: #FFFFFF; text-decoration: none; FONT-SIZE: 32px; FONT-FAMILY: Georgia
}
.logo:visited { color: #FFFFFF; text-decoration: none; FONT-SIZE: 32px; FONT-FAMILY: Georgia
}
.logo:active { color: #FFFFFF; text-decoration: none; FONT-SIZE: 32px; FONT-FAMILY: Georgia
}
.logo:hover { color: #9DB3CB; text-decoration: none; FONT-SIZE: 32px; FONT-FAMILY: Georgia
}

/*
.zaglushka40{
  width: 40%;
}
*/
.menu_flex {
  display: flex;
  background-color: rgb(83, 81, 209);
  /*justify-content: space-around;*/
  width: 100%;
  padding-left : 30px;
  box-sizing: border-box;
}

.menu_flex2 {
  display: block;
  background-color: #6d65c9;
}

.socnet{
  display: flex;
  width: 100%;
  font-size: 80%;
}

.socnet_in{
  padding-top : 6px;
}


.menu_item {
  text-align: center;
  background-color: #5351d1;
  padding: 2px 2px 10px 20px;
  color: #fff;
  font-size: 1.2rem;
  /*flex: 1;*/
  margin: 0px;
  /*border: 1px solid white;
  border-radius: 7px;*/
}


.menu_item a{
    color: white;
    text-decoration: none; 
}

.menu_item2 a{
    color: white;
    text-decoration: none;
}


.header {
  padding: 0px 0px;
  flex: 0 1 100%;
  display: flex;
  width: 100%;
  /*flex-direction: column;*/
}

.in_header {
  background-color: rgb(83, 81, 209);
  color: #fff;
  width: 100%;
  display: flex;
  flex-direction: row;
  padding: 0px 0px 0px 0px;
  justify-content: space-around;
  box-sizing: border-box;
  /*flex-wrap: wrap;*/
}


.left_subtitle {
  text-align: left;
  padding: 10px 10px 10px 50px;
  font-size: 22px;
  flex: 9;
}


.right_subt {
  padding: 5px 5px 5px 5px;
  font-size: 22px;
  display: flex;
  /*flex-direction: column;*/
  flex: 1;
  visibility: hidden;
}

.mainbody{
    width: 80%;
    padding-left: 16%;
    font-size: 1.4em;
    box-sizing: border-box;
}


.sidebar{
    float: right;
    font-size: 1rem;
    padding-bottom: 1rem;
}


div.sidebar {border: none; margin-top: 15px;}
div.sidebar td {border: none; margin:0; padding:0; background: #f2f3f5}
div.sidebar ul {list-style-type:none; margin: 0; padding: 5px}
div.sidebar p {margin:0 0 0 5px}
div.sidebar h4 {margin:10px 0 0 5px; padding: 0}

#page_main_content  {
    width: 100%;
    box-sizing: border-box;
}

#page_main_content img {margin: 5px 15px;}
#page_main_content img.floated_left {margin-left: 0; float: left;}
#page_main_content img.floated_right { float: right;}
#page_main_content div.centered {text-align: center; }
#page_main_content p {
    text-align: left;
    line-height:1.5;
    padding-top: 10px;
    font-size: 80%;
}

.pageinfo{
    font-size: 1rem;
    padding: 20px 10px;
    }

h1 {
        font-size: 1.6em;
        padding: 20px 10px;
    }
h2 {font-size: 1.4em;}
h3, h4, h5, h6 {font-size: 1em; }

h2, h3{
    margin-left: 1.6rem;
    padding-top: 1.4rem;
    padding-bottom: 4px;
}

li a{
    line-height:1.5;
}

.sape_adv, .sape_adv a {color: black; font-size: 11px; font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif}

@media only screen and (max-width: 640px) {
    .logo {
        FONT-SIZE: 24px;
    }
    .left_subtitle {
      padding: 10px 10px 10px 20px;
    }
    .right_subt {
        visibility: visible;
    }
    .menu_flex {
        visibility: hidden;
        display: none;
    }
    .menu_item {
      width: 160px;
      text-align: left;
      background: none;
      padding: 4px 2px 4px 10px;
      /*color: white;
      text-decoration: none;*/
      font-size: 1rem;
      margin: 0px;
      border: none;
    }
    .menu_item a {
        font-size: 1.2rem;
    }

    .mainbody{
        width: 90%;
        padding: 1rem;
        font-size: 1.2em;
    }

    ul{padding-left: 1rem;}
    li{padding-top: 1rem;}


    h1{ font-size: 1.6rem }

    h2{ font-size: 1.4rem }

    .pageinfo{ font-size: 0.8rem }

    #page_main_content a  {
        max-width: 340px;
        }
    #page_main_content img .floated_left {
        margin-left: 0;
        float: none;
    }
    #page_main_content img {
        max-width: 300px;
    }
}

/* Стили для сворачивания списков прикрепленных публикаций */
.infodata-hidden {
  display: none;
}

.infodata-toggle-wrapper {
  margin-top: 10px;
  margin-bottom: 10px;
}

.infodata-toggle-btn {
  background-color: #cc0033;
  color: #ffffff;
  border: none;
  padding: 8px 16px;
  cursor: pointer;
  font-size: 14px;
  border-radius: 3px;
  transition: background-color 0.3s;
}

.infodata-toggle-btn:hover {
  background-color: #a00028;
}

.infodata-toggle-btn:focus {
  outline: 2px solid #cc0033;
  outline-offset: 2px;
}