#container {
    min-width: 800px;
    min-height:100%;
    margin:0;
    border:0;
    padding:0;
    position: relative;
}
html,body{
    margin:0;
    height:100%;
	color: #333;
    font-family: "Roboto",sans-serif;
    font-size: 15px;
    line-height: 1.6;
}
* html #container{ /* Хак для IE6 */
    height:100%;
}
h2, h3{
	border-bottom: 1px solid #858e31;
    margin: 20px auto;
	padding-bottom: 5px;
	}
a{
color: #858e31;
}
#sidebar-wrap {
    position: absolute;
    top: 200px;
    bottom: 27px; /* подвал */
    z-index: 6;
}
#sidebar{
    margin-top: 15px;
    width: 200px;
    padding: 0 10px;
    position:sticky;  
    top:50px;   
    display: block; 
}

#sidebar-caller-menu{
    margin:0;
    padding: 0;
    width:50px;
    display:none;
    
}
#sidebar-caller-menu img{
    width:48px;
    margin:10px;
}

#headbar{
    text-align: center;
    padding-top: 0;
    padding-bottom: 10px;
    margin:0;
    display:flex;
    flex-flow: row nowrap;
}
#headbar img{
    border:0; 
    margin:5px;
    flex-shrink:  0;
}

#content{
    max-width: 1024px;
    margin-left: 210px;
    padding-left: 30px;
    margin-bottom:40px;
}

#hfooter{
    clear:both;
    height: 27px;
}
#footer {
    background: #e0e0e0;
    width:100%;
    height:24px;
    margin:-27px 0 0 0;
    padding-top:3px;
}
#footer span{
    margin-left:10px;
    font-size:90%;
}


.side_st A {
    color: black;
    padding-left: 25px;
    font-size: 150%;
    text-decoration: none;
}
.side_st A:hover {
	color: #858e31;
    padding-left: 40px;
}
.side_st A:active {
    color: #858e31
}

.soc_net_links {
    display: flex;
    justify-content: space-evenly;
    margin-top: 30px;
}

.soc_net_links a, .soc_net_links a:hover{
    padding: 0;
    margin: 0;
}

.banner {
     background-repeat: no-repeat;
     background-image: url('../img/main_ban2.jpg');
     text-align:right;
     vertical-align: bottom;
     text-shadow: black 1px 1px 2px;
     color: #fafafa;
     font-size:200%;
     flex-grow: 1;
 }
 .banner div{
     max-width:1024px;
     position: relative;
     width:100%;
     height: 100%;;
 }
 .banner h4{
    position: absolute;
    bottom:0;
    right:10px;
    margin: 0;

}
.news P{
    margin: 0px 15px 30px;
    font-size: 110%;
}
.news H3{
    margin: 6px 0px;
    clear:both;
}
.news-nav {
	position:relative;
}

.txt P{
    text-indent: 20px;
    padding-bottom: 40px;
}


IMG.rightalign {
    float: right;
    margin: 7px 7px 7px 10px;
    border: 0;
}
IMG.leftalign {
    float: left;
    margin: 7px 10px 7px 0;
    border: 0;
}

.acount li{
    padding: 10px 0 5px 15px;
}
.acount ol{
    width:90%
}
.acount img{
    padding: 5px;
}
.seminar li{
    padding: 7px;
}
.seminar li b{
    font-style: oblique;
}

.report h4{
    margin:0;
}
.report div{
    padding-bottom:50px;
}
.report img{
    width:181px;
    height:120px;
}

.contact {
    margin: 15px;
    margin-bottom:60px;
}
.contact table{
    margin-left:30px;
    margin-bottom:30px;
}
.contact td{
     width:400px;
     font-size:120%;
 }
.shedule h2{
    text-align:center;
    margin-top: 24px;
}
.shedule h4 {
    margin-bottom:0;
    font-size: 110%;
}
.shedule p{
    margin-top:0;
    font-size: 110%;
}

.about {
    max-width:800px;
    margin-right:15px;
}
.about p{
    text-align:justify;
    text-indent:30px;
    margin:0;
}
.about h1 {
    margin: 14px 25px ;
}
.friends {
    margin:0 0 20px 0;
}
.friends td{
    padding:0 40px 20px 0;
    vertical-align: top;
    max-width: 800px;
}
.friends h3{
    margin-top:3px;
}
.friends img{
    width:100px;
    border:0;
}

#contact-wrapper {
	width:60%;
    min-width:450px;
	border:1px solid #e2e2e2;
	background:#f1f1f1;
	padding:20px;
}
#contact-wrapper div {
	clear:both;
	margin:1em 0;
}
#contact-wrapper label {
	display:block;
	float:none;
	font-size:16px;
	width:auto;
}

.cconh {
    display:none;
}

form#contactform input {
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
    background:#fafafa;
	padding:5px;
	font-size:16px;
	color:#444;
}
form#contactform textarea {
	font-family:Arial, Tahoma, Helvetica, sans-serif;
	font-size:100%;
	padding:0.6em 0.5em 0.7em;
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
}
.dabout {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(auto-fill,minmax(240px,1fr));
    margin-right: 20px;
}
.card {
    border:1px solid #e5e7eb;
    border-radius:14px;
    overflow:hidden;
    transition:transform .12s ease, box-shadow .12s ease
}
.card:focus-within,.card:hover {
    transform:translateY(-2px);
    box-shadow:0 8px 26px rgba(0,0,0,.10)
}
.card-body {
    padding:12px 14px 14px;
}
.card-body >h4 {
    margin:0 0 6px;
    font-size:18px;
    line-height:1.3;
}
.card a {
    display:block;
    color:inherit;
    text-decoration:none
}
.badges {
    display:flex;
    gap:6px;
    flex-wrap:wrap;
    margin-top:10px
}
.badges span {
    font-size:12px;
    background:#eef2ff;
    color:#3730a3;
    border-radius:999px;
    padding:3px 8px
}

.nursery-menu {
    display:flex;
    flex:0 0 auto;
    justify-content:space-around;
}
.nursery-menu a {
    font-size:120%;
    text-align:center;
}


/* Content tools edited pages for img, tables, etc. */
.ct-edited {
    max-width: 800px;
    margin-right: 15px;
}

.ct-edited iframe,
.ct-edited image,
.ct-edited [data-ce-tag=img],
.ct-edited img,
.ct-edited video {
    clear: both;
    display: block;
    margin:12px auto;
    max-width: 100%;
	height: auto;
}

.ct-edited .align-left {
    clear: initial;
    float: left;
    margin-right: 0.5em;
}

.ct-edited .align-right {
    clear: initial;
    float: right;
    margin-left: 0.5em;
}

.ct-edited .text-center {
    text-align: center;
}

.ct-edited .text-left {
    text-align: left;
}

.ct-edited .text-right {
    text-align: right;
}

.ct-edited p{
    text-align:justify;
}


@media (max-width: 960px) {
#sidebar-wrap{
    display:none;
    padding: 0;
    top:130px;
    background-color: white;
    border-right:1px solid;
}
#sidebar {
    top:15px;
}
.side_st A {
    color: black;
    padding-left: 10px;
}
.side_st A:hover {
	color: #858e31;
    padding-left: 10px;
}

#sidebar-caller-menu{
    display:block;
    
}

#sidebar-caller-arrow{
    display:block;
}
#content{
    margin-left: 0;
    margin-top:-70px;
}
#container {
    min-width: 100%;
}
#headbar {
    min-height: 50px;
}

#headbar img {
    width: 50px;
}
.banner{
    font-size:120%;
}
form#contactform input {
    max-width:100%;
}
form#contactform textarea {
    max-width:100%;
}
#contact-wrapper {
    width:calc(100% - 42px);
    min-width: auto;
}
.contact {
    margin: 0;
    margin-bottom:60px;
    width:100%;
}
.contact table{
    width:100%;
    margin-left:0;
    margin-bottom:30px;
}
.contact td{
     width:45%;
     font-size:120%;
 }
 .contact img{
     width:100%;
 }

}