@charset "utf-8";
html{
	height: 100%;
	}
body  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #595959;
	line-height: 18px;
/*	background: #666666;
	background: #F5F5F5; */
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	height: 100%;
    background: #F5F5F5 url(images/snezhinki4.gif) repeat;
/*    background: #F5F5F5 url(images/snezhinki4_.gif) repeat;*/
/*    background: #F5F5F5 url(images/snezhinki1.jpg) repeat;*/
}
#container {
	width: 100%;
/*	background: #F5F5F5;*/
	text-align: left;
	height:100%;
} 
#content {
/*	background: #F5F5F5;       */
	vertical-align: top;
	 width:100%;
	 height:100%;
} 

#header1 { 
	height:88px;
	 width:100%;
} 
#top1 { 
	float: left;
	 width:550px;
	padding: 33px 0px 0px 44px;
} 
a.home, a.home:hover, a.home:active {
	color: #9CA3A9;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	line-height: 12px;
}
#top2 { 
	 width:180px;
	float: right;
	text-align: right;
	font-size: 11px;
	color: #49AA35;
	line-height: 16px;
	padding: 10px 50px 0px 0px;
} 
a.rss, a.rss:hover, a.rss:active {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	background: #49AA35;
	text-decoration: underline;
	line-height: 30px;
	padding: 2px 4px 2px 4px;
}

#header2 { 
	height:124px;
	 width:100%;
	background: #ACD8FF;
	background-image:url(images/top-img.jpg);
	background-repeat: no-repeat;
} 
#header2 .menu {
	float: right;
	font-size: 11px;
	text-align: right;
	padding: 18px 50px;
	color: #00539B;
	line-height: 1.8;
}

#header2 .menu a, #header2 .menu a:hover, #header2 .menu a:active {
	font-size: 11px;
	color: #00539B;
	text-decoration: underline;
}

#footer {
	height:72px;
	width:100%;
	background:#E8E8ED;
	color: #000000;
	font-size: 12px;
	padding: 18px 50px 18px 44px;
	line-height: normal;
	vertical-align:middle;
} 

#footer .copyright .value {
	font-size: 11px;
	padding-left: 5px;
} 
#footer .copyright a, #footer .copyright a:hover, #footer .copyright a:active {
	color: #336699;
	text-decoration: underline;
}
#footer .email {
	margin-left: auto; 
	margin-right: auto;
} 
#footer .email .title {
	vertical-align:top;
} 
#footer .email .value {
	vertical-align:top;
	padding-left: 5px;
} 
#footer .email a, #email .email a:hover, #footer .email a:active {
	color: #336699;
	text-decoration: underline;
}
#footer .tel {
	margin-left: auto; 
	margin-right: auto;
	color: #000000;
} 
#footer .tel .title {
	vertical-align:top;
} 
#footer .tel .value {
	font-size: 16px;
	color: #336699;
	padding-left: 5px;
} 
#footer .logo img {
	float: right;
} 

#leftbar {
/*	width: 345px;*/
	width: 180px;
 	padding: 32px 34px 10px 30px;
}
#rightbar {
/*	width: 260px; */
	width: 180px; 
	padding: 32px 50px 10px 30px; /**/
}

#mainContent {
	color: #595959;
 	padding: 32px 0 10px 0;
	
} 
#leftMenu {
 	padding: 20px 0 10px 15px;
	line-height: 20px;
} 

#pathBar {
	color: #AAAAAA;
	font-size: 11px;
} 

#pathBar a, #pathBar a:active, #pathBar a:hover {
	color: #4D4D4D;
	font-size: 11px;
	text-decoration: underline;
}

div.menu1{
 	padding-left: 0px;
 	padding-top: 4px;
 	padding-bottom: 4px;
	line-height: 12px;
}
div.menu1 a, div.menu1 a:active, div.menu1 a:hover {
	color: #49AA35;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
div.menu1 a.active {
	text-decoration: underline;
}
div.menu2{
 	padding-left: 20px;
 	padding-top: 6px;
 	padding-bottom: 2px;
	line-height: 12px;
	
}
div.menu2 a, div.menu2 a:active, div.menu2 a:hover {
	color: #49AA35;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}
div.menu2 a.active {
	text-decoration: underline;
}
div.menu3{
 	padding-left: 20px;
 	padding-top: 6px;
 	padding-bottom: 2px;
	line-height: 12px;
	
}
div.menu3 a, div.menu3 a:active, div.menu3 a:hover {
	color: #00539B;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}
div.menu3 a.active {
	text-decoration: underline;
}
div.menu4{
 	padding-left: 20px;
 	padding-top: 6px;
 	padding-bottom: 2px;
	line-height: 12px;
	
}
div.menu4 a, div.menu4 a:active, div.menu4 a:hover {
	color: #00539B;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}
div.menu4 a.active {
	text-decoration: underline;
}
div.menu5{
 	padding-left: 20px;
 	padding-top: 6px;
 	padding-bottom: 2px;
	line-height: 12px;
	
}
div.menu5 a, div.menu5 a:active, div.menu5 a:hover {
	color: #00539B;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}
div.menu5 a.active {
	text-decoration: underline;
}
div.menu6{
 	padding-left: 20px;
 	padding-top: 6px;
 	padding-bottom: 2px;
	line-height: 12px;
	
}
div.menu6 a, div.menu6 a:active, div.menu6 a:hover {
	color: #00539B;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}
div.menu6 a.active {
	text-decoration: underline;
}
#search { 
	height:45px;
	 width:265px;
	background: #AAAAAA;
}
#search .txt {
	height:20px;
	width:158px;
/*	color: #C0C0C0;*/
	color: black;
	background: #FFFFFF;
	border:none;
}
#search .btn {
	font-size: 14px;
	height:22px;
	width:66px;
	color: #000000;
	background: #E9EBF5;
	border: 1px solid;
}

#news td .date, .date{
	font-size: 12px;
	font-weight: bold;
	color: #595959;
}
#news td{
	padding-bottom: 5px;
	text-align: justify;
}

#newsb th, #newse th {
	background: #E8E8ED;
}
#newsb td, #newse td {
	background: #E8E8ED;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	padding: 5px 7px 5px 10px;
}
#newsb td a, #newse td a{
	font-size: 12px;
}
#newsb td .date{
	font-size: 12px;
	font-weight: bold;
	color: #00539B;
}
#newse td .date{
	font-size: 12px;
	font-weight: bold;
	color: #49AA35;
}
#newsb .title, #newse .title {
	font-size: 18px;
	font-weight: normal;
	color: #000000;
	padding: 5px 7px 5px 10px;;
}
#newsb-top {
	height:7px;
	width:100%;
	background: #00539B;
}

#newse-top {
	height:7px;
	width:100%;
	background: #49AA35;
}
img.banner{
    padding-right: 15px;
    padding-bottom: 15px;
}
img.book{
	padding-top: 30px;
	padding-right: 15px;
}

#rssDocs{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	color: #7E7E7E;
	width: 180px;
	line-height: 12px;
	padding-bottom: 15px;
}
#rssDocs td.topLeft {
	width:10px;
	height:10px;
	background-image: url(images/rss-top-left.gif);
	background-repeat: no-repeat;
}
#rssDocs td.topRight {
	width:10px;
	background-image: url(images/rss-top-right.gif);
	background-repeat: no-repeat;
}
#rssDocs td.top {
	width:160px;
	border-top: 1px solid #595959;
}
#rssDocs td.left {
	border-left: 1px solid #595959;
}
#rssDocs td.right {
	border-right: 1px solid #595959;
}
#rssDocs td.bottomLeft {
	width:10px;
	background-image: url(images/rss-bottom-left.gif);
	background-repeat: no-repeat;
}
#rssDocs td.bottomRight {
	width:10px;
	height:10px;
	background-image: url(images/rss-bottom-right.gif);
	background-repeat: no-repeat;
}
#rssDocs td.bottom {
	width:160px;
	border-bottom: 1px solid #595959;
}

#rssDocs .header, #rssDocs a.header, #rssDocs a.header:active, #rssDocs a.header:hover{
	font-size: 12px;
	font-weight: bold;
	color: #595959;
	text-decoration: underline;
	padding-left: 5px; 
}
#rssDocs .value{
	padding-top: 10px; 
	padding-left: 5px; 
}
#rssDocs a,#rssDocs a:active,#rssDocs a:hover {
	font-size: 11px;
	font-weight: normal;
	color: #595959;
	text-decoration: underline;
}

#faqs { 
	height:150px;
	 width:500px;
	background: #AAAAAA;
}
#faqs .ask, #faqs .thanks {
	color: #FFFFFF;
}
#faqs .question {
	height:100px;
	width:100%;
	color: #000000;
	background: #FFFFFF;
	border:none;
}
#faqs .code {
	height:20px;
	width:100px;
	color: #000000;
	background: #FFFFFF;
	border:none;
}
#faqs .btn {
	font-size: 14px;
	height:22px;
	width:80px;
	color: #000000;
	background: #E9EBF5;
	border: 1px solid;
}
.form_error{
    color: red;
}


.media-items {
width: 120px;	
/*width: 160px;	*/
display: flex;
flex-wrap: wrap;
float:right;
}
.media-items .vk {
    background-image: url(images/social-media.png);
    background-position: -35px -35px;
    background-repeat: no-repeat;
}
.media-items .ok {
    background-image: url(images/social-media.png);
    background-position: -1px -70px;
    background-repeat: no-repeat;
}
.media-items .yt {
    background-image: url(images/social-media.png);
    background-position: -1px -35px;
    background-repeat: no-repeat;
}
.media-item-wrap {
    width: 33%;
}
.media-item-wrap > a {
    margin: 0 auto;
}
.media-item{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 5px 5px;
/*    background-size: cover;*/
    cursor: pointer;
    text-decoration: none;
/*   color: #08c;*/
	}

.media-items a {
}
