*{
	/*padding:0; margin:0;*/
	}
body{
	background:#fff; 
	height: 100%;
	}
.main{
	max-width:1160px; 
	min-width:240px;
	height: 100%;
	margin:0 auto 0 auto;	
	background:#fff;
	overflow:hidden;
}	

	


	.header{
		min-height:140px;
		max-height:140px;
		max-width:1160px; 
		min-width:240px;
		background: #fff url("") no-repeat right top;
		margin:0 auto 0 auto;
		overflow:hidden;
		position:relative;
		
	    line-height:120px;
		
       		
             font-family: verdana;
			
			
			text-shadow: 3px 3px 4px #c9c9c9;
             font-size:20px;
	}

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

	.widget {
		/*list-style: none;*/
	}


/* CSS-правила для  пк*/
	@media screen and (max-width: 790px) {
		
		.header{
			min-height:210px;
			max-height:210px;
			max-width:1160px; 
			min-width:240px;
			background: #fff url("") no-repeat right top;
			margin:0 auto 0 auto;
			overflow:hidden;
			position:relative;
		}		
	
	}



/* CSS-правила для  пк*/
	@media screen and (max-width: 570px) {
		
		.header{
			min-height:210px;
			max-height:210px;
			max-width:1160px; 
			min-width:240px;
			background: #fff url("") no-repeat right top;
			margin:0 auto 0 auto;
			overflow:hidden;
			position:relative;
		}		
	
	}
		

		div.BR{
			width:521px;
			height:125px;
			position:absolute;
			top:5px;
			right:30px;
			background: url("#") no-repeat right top;
			
		}


/* CSS-правила для  пк*/
	@media screen and (max-width: 1075px) {
		
		div.BR{
			position:absolute;
			top:10px;
			right:10px;
			width:383px;
			height:125px;
			background: url("#") no-repeat right top;
		}	
	
	}

/* CSS-правила для  пк*/
	@media screen and (max-width: 910px) {
		
		div.BR{
			position:absolute;
			top:20px;
			right:20px;
			width:258px;
			height:104px;
			background: url("#") no-repeat right top;
		}	
	
	}

/* CSS-правила для  пк*/
	@media screen and (max-width: 790px) {
		
		div.BR{
			position:relative;
			float:left;
			margin:-20px 0 0 24px;
			width:98%;
			height:65px;
			background: url("#") no-repeat center top;
			border:2px solid #28b0e0;
		}	
	
	}


/* CSS-правила для  пк*/
	@media screen and (max-width: 680px) {
		
		div.BR{
			position:relative;
			float:left;
			margin:-20px 0 23px 23px;
			width:98%;
			height:65px;
			background: #fff url("#") no-repeat center top;
			border:2px solid #28b0e0;
		}	
	
	}


/* CSS-правила для  пк*/
	@media screen and (max-width: 445px) {
		
		div.BR{
			position:relative;
			float:left;
			margin:-20px 0 23px 21px;
			width:98%;
			height:65px;
			background: #fff url("#") no-repeat center top;
			border:2px solid #28b0e0;
		}	
	
	}




/* CSS-правила для  пк*/
	@media screen and (max-width: 385px) {
		
		div.BR{
			position:relative;
			float:left;
			margin:-20px 0 23px 21px;
			width:98%;
			height:45px;
			background: #fff url("#") no-repeat center top;
			border:2px solid #28b0e0;
		}	
	
	}


/* CSS-правила для  пк*/
	@media screen and (max-width: 316px) {
		
		div.BR{
			position:relative;
			float:left;
			margin:-20px 0 23px 21px;
			width:98%;
			height:38px;
			background: #fff url("#") no-repeat center top;
			border:2px solid #28b0e0;
		}	
	
	}

		
		div.header div.ya-site-form{
				width:280px;
				position:absolute;
				top:90px;
				left:200px;
				padding:4.5px 0;
				border:none;	
			}

		div.header div#ya-site-form0 table, th, td{
			border:none;
		}

		
						

/* CSS-правила для  пк*/
	@media screen and (max-width: 850px) {
		
			div.header div.ya-site-form{
				width:280px;
				position:absolute;
				top:95px;
				left:200px;
				padding:4.5px 0;
			}	
	
	}


/* CSS-правила для  пк*/
	@media screen and (max-width: 580px) {
		
			div.header div.ya-site-form{
				width:270px;
				position:absolute;
				top:90px;
				left:180px;
				padding:4.5px 0;
			}	
	
	}


/* CSS-правила для  пк*/
	@media screen and (max-width: 530px) {
		
			div.header div.ya-site-form{
				width:250px;
				position:absolute;
				top:80px;
				left:170px;
				padding:4.5px 0;
			}	
	
	}


/* CSS-правила для  пк*/
	@media screen and (max-width: 500px) {
		
			div.header div.ya-site-form{
				width:250px;
				position:absolute;
				top:80px;
				left:165px;
				padding:4.5px 0;
			}	
	
	}

/* CSS-правила для  пк*/
	@media screen and (max-width: 480px) {
		
			div.header div.ya-site-form{
				width:230px;
				position:absolute;
				top:70px;
				left:155px;
				padding:4.5px 0;
			}	
	
	}

/* CSS-правила для  пк*/
	@media screen and (max-width: 445px) {
		
			div.header div.ya-site-form{
				width:220px;
				position:absolute;
				top:65px;
				left:150px;
				padding:4.5px 0;
			}	
	
	}


/* CSS-правила для  пк*/
	@media screen and (max-width: 420px) {
		
			div.header div.ya-site-form{
				width:200px;
				position:absolute;
				top:60px;
				left:140px;
				padding:4.5px 0;
			}	
	
	}

/* CSS-правила для  пк*/
	@media screen and (max-width: 380px) {
		
			div.header div.ya-site-form{
				width:180px;
				position:absolute;
				top:55px;
				left:130px;
				padding:4.5px 0;
			}	
	
	}

/* CSS-правила для  пк*/
	@media screen and (max-width: 380px) {
		
			div.header div.ya-site-form{
				width:180px;
				position:absolute;
				top:55px;
				left:130px;
				padding:4.5px 0;
			}	
	
	}

/* CSS-правила для  пк*/
	@media screen and (max-width: 369px) {
		
			div.header div.ya-site-form{
				width:170px;
				position:absolute;
				top:48px;
				left:130px;
				padding:4.5px 0;
			}	
	
	}

/* CSS-правила для  пк*/
	@media screen and (max-width: 346px) {
		
			div.header div.ya-site-form{
				width:150px;
				position:absolute;
				top:43px;
				left:110px;
				padding:4.5px 0;
			}	
	
	}


/* CSS-правила для  пк*/
	@media screen and (max-width: 320px) {
		
			div.header div.ya-site-form{
				width:130px;
				position:absolute;
				top:40px;
				left:100px;
				padding:4.5px 0;
			}	
	
	}


/* CSS-правила для  пк*/
	@media screen and (max-width: 305px) {
		
			div.header div.ya-site-form{
				width:110px;
				position:absolute;
				top:37px;
				left:95px;
				padding:4.5px 0;
			}	
	
	}

/* CSS-правила для  пк*/
	@media screen and (max-width: 285px) {
		
			div.header div.ya-site-form{
				display:none;
			}	
	
	}

	
		
	.logo{
		float:left;
		height: 140px;
	}
	
		

	
	.top-menu{
		max-width:1160px; 
		min-width:240px;
		background: #0e8ec9 url("images/bg-menu.jpg") repeat left top;
		margin:0 0;
		border-top:1px solid #fff;
		border-bottom:1px solid #fff;
	}

	.top-menu ul{
		border-top:1px solid #fff;
		border-bottom:1px solid #fff;
		display:table-row;
		list-style:none; 
		overflow:hidden;
		margin:0 0;
	}

		.top-menu ul li{
			display:table-cell;
			width:auto;
			height:42px;
			font-family:"Arial";
			font-weight:bold;
			font-size:16px;
			color:#fff; 
			margin:0 auto;
			text-align:center;
			vertical-align:bottom;
		}
	
	
	
			.top-menu ul li a{				
				font-family:"Verdana";
				font-weight:bold;
				font-size:15px;
				text-shadow: 3px 3px 4px #000;
				color:#fff;
				text-decoration:none;
				height:42px;
				display:table-cell;
				width:500px;
				vertical-align:middle;
				text-transform: uppercase;
			}

				.top-menu ul li a:hover{
					display:table-cell;
					font-family:"Verdana";
					font-weight:bold;
					font-size:15px;
					text-shadow: 3px 3px 4px #000;
					color:#fff;
					text-decoration:underline;
					background: url("images/menu-a1.png") repeat left top;
				}
	
	
	
/* CSS-правила для  пк*/
	@media screen and (max-width: 400px) {
		
			.top-menu ul li a{				
				font-size:13px;
			}

				.top-menu ul li a:hover{
					font-size:13px;
				}	
	
	}



/* CSS-правила для  пк*/
	@media screen and (max-width: 350px) {
		
			.top-menu ul li a{				
				font-size:12px;
				font-weight:normal;
			}

				.top-menu ul li a:hover{
					font-size:12px;
					font-weight:normal;
				}	
	
	}

/* CSS-правила для  пк*/
	@media screen and (max-width: 270px) {
		
			.top-menu ul li a{				
				font-size:11px;
				font-weight:normal;
			}

				.top-menu ul li a:hover{
					font-size:11px;
					font-weight:normal;
				}	
	
	}




	div.glmenu{
				width:290px;
				height:275px;
				float:left;
				margin: 0;
				padding:0;
				overflow:hidden;
			}



			div.content div.glmenu img{
				margin:0 4px 0 0;
			}

			div.glmenu ul{
				margin:5px 10px 0 0;
				float:left;
			}

			div.glmenu ul li{
				list-style:none;
				
			}

			div.glmenu ul li a{
				font: normal 13px Verdana;
				color: #000;
				text-decoration:none;	
				
			}
			
				div.glmenu ul li a:hover{
				font: normal 13px Verdana;
				color: #000;
				text-decoration:underline;	
				
			}
			

			div.glm{
				max-width:1160px; 
				min-width:240px;
				min-height:150px;
				margin:0;
				padding:0;
				overflow:hidden;
			}
			
			div.glm2{
				margin:0;
				padding:0;
				overflow:hidden;
			}
			

/* CSS-правила для  пк*/
	@media screen and (max-width: 740px) {
		
			div.glm2{
				margin:0 0 0 10%;
				padding:0;
				overflow:hidden;
			}
	
	}


/* CSS-правила для  пк*/
	@media screen and (max-width: 670px) {
		
			div.glm2{
				margin:0 0 0 7%;
				padding:0;
				overflow:hidden;
			}
	
	}


/* CSS-правила для  пк*/
	@media screen and (max-width: 640px) {
		
			div.glm2{
				margin:0 0 0 3%;
				padding:0;
				overflow:hidden;
			}
	
	}


/* CSS-правила для  пк*/
	@media screen and (max-width: 620px) {
		
			div.glm2{
				margin:0;
				padding:0;
				overflow:hidden;
			}
	
	}



			.glmp{
				margin:0;
				padding:0;
				overflow:hidden;
			}
	
				div.glmp p.title-p{
					font: normal 16px Verdana;
					color: #000;
					margin:0;
					padding:0;
				}

				div.glmp a.title-a{
					font: normal 16px Verdana;
					color: #000;
					margin:0;
					padding:0;
					text-decoration:none;	
				}

					div.glmp a.title-a:hover{
						font: normal 16px Verdana;
						color: #000;
						margin:0;
						padding:0;
						text-decoration:underline;
					}
	
				div.glmenu img{
					float:left;
					border:none;
					height:90px;
					width:90px;
					margin:0;
					padding:0;
				}
				
				
				
	






	
				
	div.glmenu1{
				width:290px;
				height:300px;
				float:left;
				margin: 0;
				padding:0;
				overflow:hidden;
				/*! background:#e7faff; */
			}


		div.content div.glmenu1 img{
				margin:0 4px 0 0;
			}


			div.glmenu1 ul{
				margin:5px 10px 0 0;
				float:left;
			}

			div.glmenu1 ul li{
				list-style:none;
				
			}

			div.glmenu1 ul li a{
				font: normal 13px Verdana;
				color: #000;
				text-decoration:none;	
				
			}
			
				div.glmenu1 ul li a:hover{
				font: normal 13px Verdana;
				color: #000;
				text-decoration:underline;	
				
			}





div.glmenu333{
				width:290px;
				height:150px;
				float:left;
				margin: 0;
				padding:0;
				overflow:hidden;
				background:#e7faff;
			}


		div.content div.glmenu333 img{
				margin:0 4px 0 0;
			}


			div.glmenu333 ul{
				margin:5px 10px 0 0;
				float:left;
			}

			div.glmenu333 ul li{
				list-style:none;
				
			}

			div.glmenu333 ul li a{
				font: normal 13px Verdana;
				color: #000;
				text-decoration:none;	
				
			}
			
				div.glmenu333 ul li a:hover{
				font: normal 13px Verdana;
				color: #000;
				text-decoration:underline;	
				
			}





			

			div.glm1{
				max-width:1160px; 
				min-width:240px;
				min-height:150px;
				margin:0 auto;
				padding:0;
				overflow:hidden;
			}

			
			
			.glmp1{
				margin:0;
				padding:0;
				overflow:hidden;
			}
	
				div.glmp1 p.title-p{
					font: normal 16px Verdana;
					color: #000;
					margin:0;
					padding:0;
				}

				div.glmp1 a.title-a{
					font: normal 16px Verdana;
					color: #000;
					margin:0;
					padding:0;
					text-decoration:none;	
				}

					div.glmp1 a.title-a:hover{
						font: normal 16px Verdana;
						color: #000;
						margin:0;
						padding:0;
						text-decoration:underline;
					}
	
				div.glmenu1 img{
					float:left;
					border:none;
					height:90px;
					width:90px;
					margin:0;
					padding:0;
				}


				div.glmenu333 img{
					float:left;
					border:none;
					height:90px;
					width:90px;
					margin:0;
					padding:0;
				}			
				
				
/* CSS-правила для  пк*/
	@media screen and (max-width: 1180px) {
		
			div.glmenu1{
				width:290px;
				height:275px;
				float:left;
				margin: 0 0 0 16%;
				padding:0;
				overflow:hidden;
				background:#e7faff;
			}
	
	}		

/* CSS-правила для  пк*/
	@media screen and (max-width: 1040px) {
		
			div.glmenu1{
				width:290px;
				height:275px;
				float:left;
				margin: 0 0 0 14%;
				padding:0;
				overflow:hidden;
				background:#e7faff;
			}
	
	}		
		

/* CSS-правила для  пк*/
	@media screen and (max-width: 950px) {
		
			div.glmenu1{
				width:290px;
				height:275px;
				float:left;
				margin: 0 0 0 12%;
				padding:0;
				overflow:hidden;
				background:#e7faff;
			}
	
	}	


/* CSS-правила для  пк*/
	@media screen and (max-width: 870px) {
		
			div.glmenu1{
				width:290px;
				height:275px;
				float:left;
				margin: 0 0 0 10%;
				padding:0;
				overflow:hidden;
				background:#e7faff;
			}
	
	}	
	
	
/* CSS-правила для  пк*/
	@media screen and (max-width: 790px) {
		
			div.glmenu1{
				width:290px;
				height:275px;
				float:left;
				margin: 0 0 0 7%;
				padding:0;
				overflow:hidden;
				background:#e7faff;
			}
	
	}		
	
	
/* CSS-правила для  пк*/
	@media screen and (max-width: 725px) {
		
			div.glmenu1{
				width:290px;
				height:275px;
				float:left;
				margin: 0 0 0 4%;
				padding:0;
				overflow:hidden;
				background:#e7faff;
			}
	
	}	
	

/* CSS-правила для  пк*/
	@media screen and (max-width: 650px) {
		
			div.glmenu1{
				width:290px;
				height:275px;
				float:left;
				margin: 0 0 0 2%;
				padding:0;
				overflow:hidden;
				background:#e7faff;
			}
	
	}
	
	
/* CSS-правила для  пк*/
	@media screen and (max-width: 620px) {
		
			div.glmenu1{
				width:290px;
				height:275px;
				float:left;
				margin:0;
				padding:0;
				overflow:hidden;
				background:#e7faff;
			}
	
	}






/* CSS-правила для  пк*/
	@media screen and (max-width: 1180px) {
		
			div.glmenu333{
				width:290px;
				height:150px;
				float:left;
				margin: 0 0 0 16%;
				padding:0;
				overflow:hidden;
				background:#e7faff;
			}
	
	}		

/* CSS-правила для  пк*/
	@media screen and (max-width: 1040px) {
		
			div.glmenu333{
				width:290px;
				height:150px;
				float:left;
				margin: 0 0 0 14%;
				padding:0;
				overflow:hidden;
				background:#e7faff;
			}
	
	}		
		

/* CSS-правила для  пк*/
	@media screen and (max-width: 950px) {
		
			div.glmenu333{
				width:290px;
				height:150px;
				float:left;
				margin: 0 0 0 12%;
				padding:0;
				overflow:hidden;
				background:#e7faff;
			}
	
	}	


/* CSS-правила для  пк*/
	@media screen and (max-width: 870px) {
		
			div.glmenu333{
				width:290px;
				height:150px;
				float:left;
				margin: 0 0 0 10%;
				padding:0;
				overflow:hidden;
				background:#e7faff;
			}
	
	}	
	
	
/* CSS-правила для  пк*/
	@media screen and (max-width: 790px) {
		
			div.glmenu333{
				width:290px;
				height:150px;
				float:left;
				margin: 0 0 0 7%;
				padding:0;
				overflow:hidden;
				background:#e7faff;
			}
	
	}		
	
	
/* CSS-правила для  пк*/
	@media screen and (max-width: 725px) {
		
			div.glmenu333{
				width:290px;
				height:150px;
				float:left;
				margin: 0 0 0 4%;
				padding:0;
				overflow:hidden;
				background:#e7faff;
			}
	
	}	
	

/* CSS-правила для  пк*/
	@media screen and (max-width: 650px) {
		
			div.glmenu333{
				width:290px;
				height:150px;
				float:left;
				margin: 0 0 0 2%;
				padding:0;
				overflow:hidden;
				background:#e7faff;
			}
	
	}
	
	
/* CSS-правила для  пк*/
	@media screen and (max-width: 620px) {
		
			div.glmenu333{
				width:290px;
				height:150px;
				float:left;
				margin:0;
				padding:0;
				overflow:hidden;
				background:#e7faff;
			}
	
	}


/* CSS-правила для  пк*/
	@media screen and (max-width: 600px) {	
			
			
			div.glmenu333{
				width:290px;
				height:150px;
				float:none;
				margin:0 auto;
				padding:0;
				overflow:hidden;
				background:#e7faff;
			}	
			
	
	}	


	
	
	
/* CSS-правила для  пк*/
	@media screen and (max-width: 600px) {
		
			
		.akc{
			max-width:1160px; 
			min-width:240px;
			overflow:hidden;
			padding-top:20px;
		}	
			
			
			div.glmenu1{
				width:290px;
				height:275px;
				float:none;
				margin:0 auto;
				padding:0;
				overflow:hidden;
				background:#e7faff;
			}	
			
	
	}		


/* CSS-правила для  пк*/
	@media screen and (max-width: 300px) {

			div.glmenu1{
				width:90%;
				height:275px;
				float:none;
				margin:0;
				padding:0 0 0 2%;
				overflow:hidden;
				background:#e7faff;
			}

			div.glmenu1 img{
				display:none;
			}	
	
	}
	



	/* CSS-правила для  пк*/
	@media screen and (max-width: 600px) {

			div.glmenu{
				width:290px;
				height:150px;
				float:none;
				margin:0 auto;
				padding:0;
				overflow:hidden;
				background:#e7faff;
			}	
	
	}	

/* CSS-правила для  пк*/
	@media screen and (max-width: 300px) {

			div.glmenu{
				width:90%;
				height:150px;
				float:none;
				margin:0;
				padding:0 0 0 2%;
				overflow:hidden;
				background:#e7faff;
			}

			div.glmenu img{
				display:none;
			}	
	
	}	
			
				
				
				
	.akc{
		max-width:1160px; 
		min-width:240px;
		overflow:hidden;
	}	
	
	.akc1{
		max-width:700px; 
		min-width:240px;
		overflow:hidden;
	}


		img.v9{
			float:left;
			width: 31.5%;
			height: auto;
			margin:0;
			padding:0;
		}

			img.v9:hover{
				opacity:0.9; 
				-moz-opacity:0.9; 
				filter: alpha(opacity=90) white; 
				-khtml-opacity: 0.9; 
				background-color:#ffffff; 
			}
		
		img.v1{
			float:left;
			width: 31.5%;
			height: auto;
			margin:0;
			padding:0;
		}

			img.v1:hover{
				opacity:0.9; 
				-moz-opacity:0.9; 
				filter: alpha(opacity=90) white; 
				-khtml-opacity: 0.9; 
				background-color:#ffffff; 
			}

	
		img.v2{
			float:left;
			width: 31.5%;
			height: auto;
			margin:0 0 0 2.75%;
			padding:0;
		}
		
			img.v2:hover{
				opacity:0.9; 
				-moz-opacity:0.9; 
				filter: alpha(opacity=90) white; 
				-khtml-opacity: 0.9; 
				background-color:#ffffff; 
			}

/* CSS-правила для  пк*/
	@media screen and (max-width: 420px) {

		img.v1{
			float:left;
			width: 70%;
			height: auto;
			margin:0 0 0 12%;
			padding:0;
		}

		img.v2{
			float:left;
			width: 70%;
			height: auto;
			margin:0 0 0 12%;
			padding:0;
		}	
	
	}

		img.v3{
			float:left;
			width: 270px;
			height: auto;
			margin:0 0 0 10px;
			padding:0;
		}

			img.v3:hover{
				opacity:0.9; 
				-moz-opacity:0.9; 
				filter: alpha(opacity=90) white; 
				-khtml-opacity: 0.9; 
				background-color:#ffffff; 
			}
		
		img.v4{
			float:left;
			width: 270px;
			height: auto;
			margin:10px 0 0 10px;
			padding:0;
		}
		

			img.v4:hover{
				opacity:0.9; 
				-moz-opacity:0.9; 
				filter: alpha(opacity=90) white; 
				-khtml-opacity: 0.9; 
				background-color:#ffffff; 
			}

		img.v5{
			float:left;
			width: 270px;
			height: auto;
			margin:10px 0 0 10px;
			padding:0;
		}
			

			img.v5:hover{
				opacity:0.9; 
				-moz-opacity:0.9; 
				filter: alpha(opacity=90) white; 
				-khtml-opacity: 0.9; 
				background-color:#ffffff; 
			}
	



/* CSS-правила для телефонов */
	@media screen and (max-width: 740px) {
			
		.akc1{
			float:left;
			max-width:700px; 
			min-width:240px;
			overflow:hidden;
			margin:0;
			padding:0;
		}
	
			img.v3{
				float:left;
				max-width: 250px;
				min-width: 200px;
				height: auto;
				margin:0 0 0 13%;
				padding:0;
			}
			
			img.v4{
				float:left;
				max-width: 250px;
				min-width: 200px;
				height: auto;
				margin:0 0 0 3%;
				padding:0;
			}
		
			img.v5{
				float:left;
				max-width: 250px;
				min-width: 200px;
				height: auto;
				margin:10px 0 0 30%;
				padding:0;
			}
	}	

	
	/* CSS-правила для телефонов */
	@media screen and (max-width: 650px) {
	
			img.v3{
				float:left;
				max-width: 250px;
				min-width: 200px;
				height: auto;
				margin:10px 0 0 7%;
				padding:0;
			}
			
			img.v4{
				float:left;
				max-width: 250px;
				min-width: 200px;
				height: auto;
				margin:10px 0 0 3%;
				padding:0;
			}
		
			img.v5{
				float:left;
				max-width: 250px;
				min-width: 200px;
				height: auto;
				margin:10px 0 0 28%;
				padding:0;
			}
	}	



/* CSS-правила для телефонов */
	@media screen and (max-width: 600px) {
	
			img.v3{
				float:left;
				max-width: 250px;
				min-width: 200px;
				height: auto;
				margin:10px 0 0 4%;
				padding:0;
			}
			
			img.v4{
				float:left;
				max-width: 250px;
				min-width: 200px;
				height: auto;
				margin:10px 0 0 3%;
				padding:0;
			}
		
			img.v5{
				float:left;
				max-width: 250px;
				min-width: 200px;
				height: auto;
				margin:10px 0 0 24%;
				padding:0;
			}
	}




/* CSS-правила для телефонов */
	@media screen and (max-width: 570px) {
	
			img.v3{
				float:left;
				max-width: 250px;
				min-width: 200px;
				height: auto;
				margin:10px 0 0 26%;
				padding:0;
			}
			
			img.v4{
				float:left;
				max-width: 250px;
				min-width: 200px;
				height: auto;
				margin:10px 0 0 26%;
				padding:0;
			}
		
			img.v5{
				float:left;
				max-width: 250px;
				min-width: 200px;
				height: auto;
				margin:10px 0 0 26%;
				padding:0;
			}
	}


	/* CSS-правила для телефонов */
	@media screen and (max-width: 520px) {
	
			img.v3{
				float:left;
				max-width: 250px;
				min-width: 200px;
				height: auto;
				margin:10px 0 0 23%;
				padding:0;
			}
			
			img.v4{
				float:left;
				max-width: 250px;
				min-width: 200px;
				height: auto;
				margin:10px 0 0 23%;
				padding:0;
			}
		
			img.v5{
				float:left;
				max-width: 250px;
				min-width: 200px;
				height: auto;
				margin:10px 0 0 23%;
				padding:0;
			}
	}



	/* CSS-правила для телефонов */
	@media screen and (max-width: 450px) {
	
			img.v3{
				float:left;
				max-width: 250px;
				min-width: 200px;
				height: auto;
				margin:10px 0 0 19%;
				padding:0;
			}
			
			img.v4{
				float:left;
				max-width: 250px;
				min-width: 200px;
				height: auto;
				margin:10px 0 0 19%;
				padding:0;
			}
		
			img.v5{
				float:left;
				max-width: 250px;
				min-width: 200px;
				height: auto;
				margin:10px 0 0 19%;
				padding:0;
			}
	}	



	/* CSS-правила для телефонов */
	@media screen and (max-width: 400px) {
	
			img.v3{
				float:left;
				max-width: 250px;
				min-width: 200px;
				height: auto;
				margin:10px 0 0 15%;
				padding:0;
			}
			
			img.v4{
				float:left;
				max-width: 250px;
				min-width: 200px;
				height: auto;
				margin:10px 0 0 15%;
				padding:0;
			}
		
			img.v5{
				float:left;
				max-width: 250px;
				min-width: 200px;
				height: auto;
				margin:10px 0 0 15%;
				padding:0;
			}
	}	


/* CSS-правила для телефонов */
	@media screen and (max-width: 300px) {
	
			img.v3{
				float:left;
				width: 90%;
				height: auto;
				margin:10px 0 0 2%;
				padding:0;
			}
			
			img.v4{
				float:left;
				width: 90%;
				height: auto;
				margin:10px 0 0 2%;
				padding:0;
			}
		
			img.v5{
				float:left;
				width: 90%;
				height: auto;
				margin:10px 0 0 2%;
				padding:0;
			}
	}



		
		
		div.test{
			max-width:1160px; 
			min-width:300px;
			overflow:hidden;
		}
	
			div.test img{
				float:left;
				width: 100%;
				height: auto;
			}
			
	div.content p.green-title{
		font-family:"Verdana";
		font-weight:normal;
		font-size:20px;
		text-shadow: 3px 3px 4px #000;
		color:#fff;
		text-decoration:none;
		background: #056916 url("images/green-menu-bg.jpg") repeat left top;
		padding:10px 30px;
		margin:5px 0 0 0;
	}		
	
	.content{
		max-width:1160px; 
		min-width:240px;
		height:100%;
		border: none;
		background: #fff;
		float:left;
		position: relative;
		overflow:hidden;
		padding-bottom:30px;
	}	
	
		div.content div.ya-site-form{
			float:left;
			width:280px;
			padding:4.5px 0;
			border:none;
		}


	div.content table{
			margin:20px 0;
			
		}

		div.content table ul{
			margin:0 0 0 30px;
		}

		div.content table ol{
			margin:0 0 0 20px;
		}

		.contentbar table.t1{
			border: 1px solid #1862ad;
			border-collapse:collapse;
			padding:5px;
			width:90% !important;
		}

			.contentbar table.t1 th, .contentbar table.t1 td{
				border: 1px solid #1862ad;
				border-collapse:collapse;
				padding:5px;
				width:auto;
			}

		div.content p.title-m{
			font: normal 18px Verdana; 
			color:#000;
			margin:20px 0 10px 0;
			text-shadow: 3px 3px 4px #c9c9c9;
		}
		
		
		.cat1{
			float:left;
			width:29%;
			min-height:410px;
			border:3px #1862ad solid;
			border-radius: 3px;
			overflow:hidden;
			margin:7px 7px 7px 0;
			padding:7px;
			
		}
		
			div.content div.cat1 img{
				float:left;
				width: 96%;
				height: 175px;
			}
			
			div.cat1 a.title1{
				font: bold 17px Verdana; 
				color:#0153a6;
				margin:20px 0 10px 0;
				text-decoration:none;
			}
			
				div.cat1 a.title1:hover{
					font: bold 17px Verdana; 
					color:#0153a6;
					margin:20px 0 10px 0;
					text-decoration:underline;
				}
				



/* CSS-правила для  планшетов*/
	@media screen and (max-width: 1100px) {
		
		.cat1{
			float:left;
			width:29%;
			min-height:450px;
			border:3px #1862ad solid;
			border-radius: 3px;
			overflow:hidden;
			margin:7px 7px 7px 0;
			padding:7px;
			
		}
		
	
	}	

				
/* CSS-правила для  планшетов*/
	@media screen and (max-width: 970px) {
		
		.cat1{
			float:left;
			width:41%;
			min-height:420px;
			border:3px #1862ad solid;
			border-radius: 3px;
			overflow:hidden;
			margin:7px;
			padding:7px;
			
		}
		
	
	}	



/* CSS-правила для  планшетов*/
	@media screen and (max-width: 850px) {
		
		.cat1{
			float:left;
			width:41%;
			min-height:460px;
			border:3px #1862ad solid;
			border-radius: 3px;
			overflow:hidden;
			margin:7px;
			padding:7px;
			
		}
		
	
	}

/* CSS-правила для  планшетов*/
	@media screen and (max-width: 800px) {
		
		.cat1{
			float:left;
			width:41%;
			min-height:490px;
			border:3px #1862ad solid;
			border-radius: 3px;
			overflow:hidden;
			margin:7px;
			padding:7px;
			
		}
		
	
	}

/* CSS-правила для  планшетов*/
	@media screen and (max-width: 740px) {
		
		.cat1{
			float:left;
			width:35%;
			min-height:410px;
			border:3px #1862ad solid;
			border-radius: 3px;
			overflow:hidden;
			margin:7px 7px 7px 7%;
			padding:7px;
			
		}
		
	
	}	


/* CSS-правила для  планшетов*/
	@media screen and (max-width: 620px) {
		
		.cat1{
			float:left;
			width:41%;
			min-height:380px;
			border:3px #1862ad solid;
			border-radius: 3px;
			overflow:hidden;
			margin:7px 10px 7px 3%;
			padding:7px;
			
		}
		
	
	}	

/* CSS-правила для  планшетов*/
	@media screen and (max-width: 580px) {
		
		.cat1{
			float:left;
			width:50%;
			min-height:370px;
			border:3px #1862ad solid;
			border-radius: 3px;
			overflow:hidden;
			margin:7px 10px 7px 23%;
			padding:7px;
			
		}
		
	
	}	
		
		
		
	
	div.content ul.news{
		max-width:1160px; 
		min-width:240px;
		height: 100%;
		margin:20px 0 0 0;
	}
	
		div.content ul.news img{
			float:left;
			width: 186px;
			height: 130px;
			border:1px solid #dddddd;
		}

			ul.news img:hover{
				opacity:0.9; 
				-moz-opacity:0.9; 
				filter: alpha(opacity=90) white; 
				-khtml-opacity: 0.9; 
				background-color:#ffffff; 
				border:1px solid #eaeaea;
			}
		
		
	div.content ul.news li{
		float:left;
		list-style:none;
		max-width: 16.1%;
		min-width:130px;
		height:200px;
		margin:0 4.8% 0 0;
		padding:0;
		
	}

		div.content ul.news li:last-child{
			float:left;
			list-style:none;
			max-width: 16.1%;
			min-width:130px;
			height:200px;
			margin:0;
			padding:0;
			
		}	
	
		
		div.content a.news-a{
			font: normal 14px Verdana; 
			color:#000;
			text-decoration:none;
		}
		
			div.content a.news-a:hover{
				font: normal 14px Verdana; 
				color:#000;
				text-decoration:underline;
			}
			
			
	/* CSS-правила для  планшетов*/
	@media screen and (max-width: 950px) {
		
	div.content ul.news img{
		float:left;
		width: 150px;
		height: 110px;
		}
		
		
	div.content ul.news li{
		float:left;
		list-style:none;
		max-width:16.1%;
		min-width:130px;
		height:200px;
		margin:0 4.8% 0 0;
		padding:0;
		
	}

		div.content ul.news li:last-child{
			float:left;
			list-style:none;
			max-width:16.1%;
			min-width:130px;
			height:200px;
			margin:0;
			padding:0;
			
		}	
	
	}	


	
	/* CSS-правила для  планшетов*/
	@media screen and (max-width: 830px) {
		
	div.content ul.news img{
		float:left;
		width: 150px;
		height: 110px;
		}
		
		
	div.content ul.news li{
		float:left;
		list-style:none;
		width:150px;
		height:200px;
		margin:0 3.5% 0 0;
		padding:0;
		
	}

		div.content ul.news li:last-child{
			float:left;
			list-style:none;
			width:150px;
			height:200px;
			margin:0;
			padding:0;
			
		}
	
	}



/* CSS-правила для  планшетов*/
	@media screen and (max-width: 780px) {
		
	div.content ul.news img{
			float:left;
			width: 186px;
			height: 130px;
		}
		
		
	div.content ul.news li{
		float:left;
		list-style:none;
		max-width: 27%;
		min-width: 26%;
		height:200px;
		margin:0 3%;
		padding:0;
		
	}


		div.content ul.news li:first-child{
			float:left;
			list-style:none;
			max-width: 27%;
			min-width: 26%;
			height:200px;
			margin:0 3% 0 6%;
			padding:0;
			
		}

		div.content ul.news li:last-child{
			float:left;
			list-style:none;
			max-width: 27%;
			min-width: 26%;
			height:200px;
			margin:10px 0 0 7%;
			padding:0;
			
		}	


	div.content ul.news li:nth-child(4){
			float:left;
			list-style:none;
			max-width: 27%;
			min-width: 26%;
			height:200px;
			margin:10px 3% 0 20%;
			padding:0;
			
		}
	
	}


/* CSS-правила для  планшетов*/
	@media screen and (max-width: 700px) {
		
	div.content ul.news img{
			float:left;
			width: 186px;
			height: 130px;
		}
		
		
	div.content ul.news li{
		float:left;
		list-style:none;
		max-width: 27%;
		min-width: 26%;
		height:200px;
		margin:0 3%;
		padding:0;
		
	}


		div.content ul.news li:first-child{
			float:left;
			list-style:none;
			max-width: 27%;
			min-width: 26%;
			height:200px;
			margin:0 3% 0 3%;
			padding:0;
			
		}

		div.content ul.news li:last-child{
			float:left;
			list-style:none;
			max-width: 27%;
			min-width: 26%;
			height:200px;
			margin:10px 0 0 7%;
			padding:0;
			
		}	


	div.content ul.news li:nth-child(4){
			float:left;
			list-style:none;
			max-width: 27%;
			min-width: 26%;
			height:200px;
			margin:10px 3% 0 20%;
			padding:0;
			
		}
	
	}



/* CSS-правила для  планшетов*/
	@media screen and (max-width: 600px) {
		
	div.content ul.news img{
			float:left;
			width: 186px;
			height: 130px;
		}
		
		
	div.content ul.news li{
		float:left;
		list-style:none;
		max-width: 27%;
		min-width: 26%;
		height:200px;
		margin:0 3%;
		padding:0;
		
	}


		div.content ul.news li:first-child{
			float:left;
			list-style:none;
			max-width: 27%;
			min-width: 26%;
			height:200px;
			margin:0 3% 0 0;
			padding:0;
			
		}

		div.content ul.news li:last-child{
			float:left;
			list-style:none;
			max-width: 27%;
			min-width: 26%;
			height:200px;
			margin:10px 0 0 3%;
			padding:0;
			
		}	


	div.content ul.news li:nth-child(4){
			float:left;
			list-style:none;
			max-width: 27%;
			min-width: 26%;
			height:200px;
			margin:10px 3% 0 17%;
			padding:0;
			
		}
	
	}


/* CSS-правила для  планшетов*/
	@media screen and (max-width: 570px) {
		
	div.content ul.news img{
			float:left;
			width: 150px;
			height: 110px;
		}
		
		
	div.content ul.news li{
		float:left;
		list-style:none;
		width:150px;
		height:200px;
		margin:0 2%;
		padding:0;
		background:none;
	}


		div.content ul.news li:first-child{
			float:left;
			list-style:none;
			width:150px;
			height:200px;
			margin:0 2% 0 4%;
			padding:0;
			background:none;
		}

		div.content ul.news li:last-child{
			float:left;
			list-style:none;
			width:150px;
			height:200px;
			margin:10px 0 0 7%;
			padding:0;
			background:none;
		}	


	div.content ul.news li:nth-child(4){
			float:left;
			list-style:none;
			width:150px;
			height:200px;
			margin:10px 3% 0 16%;
			padding:0;
			background:none;
		}
	
	}


/* CSS-правила для  планшетов*/
	@media screen and (max-width: 450px) {
		
	div.content ul.news img{
			float:left;
			width: 150px;
			height: 110px;
		}
		
	div.content a.news-a{
			font: normal 12px Verdana; 
			color:#000;
			text-decoration:none;
		}
	
	div.content ul.news li{
		float:left;
		list-style:none;
		width:60%;
		height:200px;
		margin:0 0 0 2%;
		padding:0;
		background:none;
		overflow:hidden;
	}


		div.content ul.news li:first-child{
			float:left;
			list-style:none;
			width:60%;
			height:200px;
			margin:0 0 0 2%;
			padding:0;
			background:none;
			overflow:hidden;
		}

		div.content ul.news li:last-child{
			float:left;
			list-style:none;
			width:60%;
			height:200px;
			margin:0 0 0 2%;
			padding:0;
			background:none;
			overflow:hidden;
		}	


	div.content ul.news li:nth-child(4){
			float:left;
			list-style:none;
			width:60%;
			height:200px;
			margin:0 0 0 2%;
			padding:0;
			background:none;
			overflow:hidden;
		}
	
	}		

	
			

	
			
			
	
		.content h1{
			font: normal 18px Verdana; 
			color:#000;
			margin:20px 0 10px 0;
			text-shadow: 3px 3px 4px #c9c9c9;
		}
		
		div.content h1.title{
			font: bold 17px Verdana; 
			color:#fff;
			margin:20px 0 10px 0;
			padding:10px;
			background: #0e8ec9 url("images/bg-menu.jpg") repeat left top;
			text-shadow: 3px 3px 4px #212121;
		}	

		div.content h1.article-title-prime{
			font: bold 17px Verdana; 
			color:#fff;
			margin:20px 0 10px 0;
			padding:10px;
			background: #0e8ec9 url("images/bg-menu.jpg") repeat left top;
			text-shadow: 3px 3px 4px #212121;
		}		
		
		.content h2{
			font: normal 22px Verdana; 
			color:#0153a6;
			margin:40px 0 10px 0;
			
		}
		
		.content h3{
			font: normal 19px Verdana; 
			color:#0153a6;
			margin:38px 0 10px 0;
			
		}
		
		.content h4{
			font: normal 18px Verdana; 
			color:#0153a6;
			margin:35px 0 10px 0;
			
		}
		
		
		
		
		.content p{
			font: normal 17px Verdana; 
			line-height: 1.5em;
			color: #000;
			margin:25px 0 20px 0;
		}
		
		.content img{
		
		}
		
			.content a{
				font: normal 17px Verdana; 
				color:#0153a6;
				text-decoration:underline;
			}
			
				.content a:hover{
					font: normal 17px Verdana; 
					color:#0153a6;
					text-decoration:none;
				}
		
		.content blockquote p{
			font: italic 17px Arial;
			color: #fff;
			margin: 25px 0 20px 0;
			padding: 20px 40px;
			background: #53b1e5; /* Для старых браузров */
    			background: linear-gradient(to top, #53b1e5, #126a95);
			line-height: 1.4em;
		}

		.content div.red{
			font: bold italic 15.5px Arial;
			color: #df1c1c;
			margin: 25px 0 20px 0;
			padding: 20px 40px;
			background: #fff;
			border:2px solid #df1c1c;
			line-height: 1.4em;
			
		}
		
		
		.content ol{
			margin:20px 0 20px 0;
			padding:15px 15px 15px 50px;
			background:none;
		}

		.content ol.commentlist{
			margin:20px 0 20px 20px;
			padding:15px 15px 15px 50px;
			background:none;
		}

			div.content ol.commentlist li{
				list-style-type: none;
				margin:0 0 30px 0;
			}

			div.content ol.commentlist li p{
				margin:20px 0 3px 0;
			}

			

			.content ol li{
				font: normal 17px Verdana;
				line-height: 1.4em; 
				color:#000;
				margin:0;
				padding:0;
			}

			

		.content ol li a{
				font: normal 17px Verdana; 
				color:#0153a6;
				text-decoration:underline;
			}
			
		.content ul{
			margin:20px 0 20px 50px;
			list-style-image: url(images/li3.png);
		}
		
			.content ul li{
				font: normal 17px Verdana; 
				line-height: 1.4em; 
				color:#000;
				margin:0;
				padding:0;
			}	

/* CSS-правила для  пк*/
	@media screen and (max-width: 270px) {
		
			.content ul{
			margin:20px 0 20px 40px;
			list-style-image: url(images/li3.png);
		}
		
			.content ul li{
				font: normal 14px Verdana; 
				line-height: 1.3em; 
				color:#000;
				margin:0;
				padding:0;
			}	
	
	}


	.contentbar	{
		float:left;
		max-width:100%;
		min-width:240px;
		min-height:4600px;
		padding:0 320px 0 0;
		overflow:hidden;
	}		
	
		.contentbar img{
			border:1px #006ddc solid;
			border-radius: 1px;
			background: #fff;
			padding:5px;
			
		}

		
				
			
	.sidebar{
		width: 300px;
		min-height:100%;
		position: absolute;
		top: 0px;
		right: 0px;
		padding-left:10px;
		overflow:hidden;
	}
	
.img-responsive {
	display: block;
	height: auto;
	max-width: 100%;
}



/* CSS-правила для телефонов */
	@media screen and (max-width: 880px) {
	.contentbar{
		float:left;
		width:60%;
		padding:0;
		overflow:hidden;
		
	}		
				
			
	.sidebar{
		width: 300px;
		min-height:100%;
		position: absolute;
		top: 0px;
		right: 0px;
		padding-left:10px;
		overflow:hidden;
	}

			
	}




/* CSS-правила для телефонов */
	@media screen and (max-width: 740px) {
			.contentbar, .sidebar {
				width: 100%;
				min-height:100px;
				margin: 0 0;
				padding:0;
				float: none;
				position: relative;
				top:0;
				left:0;
				overflow:hidden;
			}
			
			.img-responsive {
				display: block;
				height: auto;
				max-width: 80%;
			}


			
	}


/* CSS-правила для телефонов */
	@media screen and (max-width: 650px) {
			.contentbar, .sidebar {
				width: 100%;
				margin: 0;
				float: none;
				position: relative;
				overflow:hidden;
			}
			
			.img-responsive {
				display: block;
				height: auto;
				max-width: 80%;
			}


			
	}
	
	
/* CSS-правила для телефонов */
	@media screen and (max-width: 580px) {
			.contentbar, .sidebar {
				max-width: 580px;
				margin: 0;
				float: none;
				position: relative;
				overflow:hidden;
			}

			.img-responsive {
				display: block;
				height: auto;
				max-width: 80%;
			}


	}	


/* CSS-правила для телефонов */
	@media screen and (max-width: 400px) {
			.contentbar{
				max-width: 400px;
				margin: 0;
				padding:0;
				float: none;
				position: relative;
				overflow:hidden;
			}

			.contentbar p{
				margin-right: 10px;
				margin-left: 10px;
			}

			.img-responsive {
				float: none !important;
				display: block !important;
				height: auto;
				max-width: 80%;
				margin: 5px 10% !important;
			}


	}	




/* CSS-правила для телефонов */
	@media screen and (max-width: 330px) {
			
			.contentbar{
				max-width: 330px;
				margin: 0;
				padding:0;
				float: none;
				position: relative;
				overflow:hidden;
			}

			.contentbar p{
				margin-right: 10px;
				margin-left: 10px;
			}

			.img-responsive {
				float: none !important;
				display: block !important;
				height: auto;
				max-width: 80%;
				margin: 5px 10% !important;
			}


	}	


	
	
	
		p.viget-title{
			font: bold 17px Verdana; 
			color:#fff;
			margin:20px 0 10px 0;
			padding:10px;
			background: #0e8ec9 url("images/bg-menu.jpg") repeat left top;
			text-shadow: 3px 3px 4px #212121;
		}
		
		
		
	div.footer-menu{
		width:33%;
		float:left;
		margin:20px 0 10px 0;
		padding:0;
		overflow:hidden;
	}	
	
		div.footer-menu ul{
			list-style-image: url(images/li.png);
			margin:0 10px 0 0;
			padding:0;
			overflow:hidden;
			line-height:10px;
		}
		
			div.footer-menu ul li{
				
				margin:0;
				padding:0;
				line-height:10px;
				
			}
			
			div.footer-menu a{
				color:#0153a6;
				font-size:12px;
				margin:0;
				padding:0;
				text-decoration:none;
			}
				
				div.footer-menu a:hover{
					color:#0153a6;
					font-size:12px;
					margin:0;
					padding:0;
					text-decoration:underline;
				}

				div.footer-menu p{
				margin:0;
				padding:0;
				
				}

	div.adm{
		width:33%;
		float:left;
		margin:20px 0 0 0;
		overflow:hidden;
	}	
	
		div.adm p{
			margin:0;
			padding:0;
		}
		
		div.adm a{
			margin:0;
			padding:0;
		}

		div.adm ul{
			list-style-image: url(images/li.png);
			margin:0 10px 0 0;
			padding:0;
			overflow:hidden;
			line-height:10px;
		}
		
			div.adm ul li{
				
				margin:0;
				padding:0;
				line-height:10px;
				
			}
			
			div.adm a{
				color:#0153a6;
				font-size:12px;
				margin:0;
				padding:0;
				text-decoration:none;
			}
				
				div.adm a:hover{
					color:#0153a6;
					font-size:12px;
					margin:0;
					padding:0;
					text-decoration:underline;
				}


/* CSS-правила для ПК */
	@media screen and (max-width: 500px) {

		div.footer-menu{
			width:100%;
		}
		



		div.adm{
			width:100%;
		}

	}

/* CSS-правила для ПК */
	@media screen and (max-width: 740px) {

		#vk_groups{
			float:left;
			margin:20px 0 0 27.8%;
			height:400px;
			overflow:hidden;
		}

	}
	
	
	.footer{
		background: #fff url("images/footer-bg.jpg") no-repeat right top;
		max-width:1160px; 
		min-width:240px;
		height:auto;
		overflow:hidden;
		margin:0;
		border-top:2px #2d7408 solid;
		position:relative;
	}	
		.footer p{
			font: normal 14px Verdana; 
			color:#000;
			margin:45px 50px 0 50px;
			text-align:left;
			text-shadow: 3px 3px 4px #c9c9c9;
		}
		
		.footer a{
			font: normal 14px Verdana; 
			color:#000;
			margin:0;
			text-align:right;
			text-decoration:underline;
			
		}
		
		.footer a:hover{
			font: normal 14px Verdana;  
			color:#000;
			margin:0;
			text-align:right;
			text-decoration:none;
		}



#respond p{
	font: normal 12px Verdana; 
}

#respond p label{
	font: normal 12px Verdana; 
	margin:0 0 0 10px;
}
	
	
#submit {
	font: normal 18px Verdana; 
	color: #ffffff;
	margin:0 0 0 10px;
	padding: 3px 15px;
	text-decoration: none;
	box-shadow: 0px 1px 3px #666666;
	-webkit-box-shadow: 0px 1px 3px #666666;
	-moz-box-shadow: 0px 1px 3px #666666;
	text-shadow: 1px 1px 3px #666666;
	background: #0e8ec9 url("images/bg-menu.jpg") repeat left top;

}	

	#submit:hover {
		cursor:pointer;
		box-shadow: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
	}
	
#author, #email, #url{
	width:250px;
	height:20px;
	margin:0 0 -15px 10px;
	border-top:2px solid #808080;
	border-right:1px solid #b9b9b9;
	border-left:1px solid #b9b9b9;
	border-bottom:1px solid #e1e1e1;
	border-radius: 5px;
}

#comment{
	width:250px;
	height:85px;
	margin:0 0 0 10px;
	border-top:2px solid #808080;
	border-right:1px solid #b9b9b9;
	border-left:1px solid #b9b9b9;
	border-bottom:1px solid #e1e1e1;
	border-radius: 5px;
}

/* CSS-правила для ПК */
	@media screen and (max-width: 400px) {

		#comment{
		width:90%;
		}

		#author, #email, #url{
		width:90%;
		}

	}

#vk_groups{
	float:left;
	margin:20px 0 0 10px;
	height:400px;
	width: 270px !important;
	overflow:hidden;
}

/* CSS-правила для ПК */
	@media screen and (max-width: 740px) {

		#vk_groups{
			float:left;
			margin:20px 0 0 27.8%;
			height:400px;
			width: 270px !important;
			overflow:hidden;
		}

	}


/* CSS-правила для ПК */
	@media screen and (max-width: 650px) {

		#vk_groups{
			float:left;
			margin:20px 0 0 26%;
			height:400px;
			width: 270px !important;
			overflow:hidden;
		}

	}	


/* CSS-правила для ПК */
	@media screen and (max-width: 600px) {

		#vk_groups{
			float:left;
			margin:20px 0 0 22%;
			height:400px;
			width: 270px !important;
			overflow:hidden;
		}

	}	

/* CSS-правила для ПК */
	@media screen and (max-width: 570px) {

		#vk_groups{
			float:left;
			margin:20px 0 0 24%;
			height:400px;
			width: 270px !important;
			overflow:hidden;
		}

	}	


/* CSS-правила для телефонов */
	@media screen and (max-width: 520px) {
	
			#vk_groups{
			float:left;
			margin:20px 0 0 21%;
			height:400px;
			width: 270px !important;
			overflow:hidden;
		}
	}



	/* CSS-правила для телефонов */
	@media screen and (max-width: 450px) {
	
			#vk_groups{
			float:left;
			margin:20px 0 0 16%;
			height:400px;
			width: 270px !important;
			overflow:hidden;
		}
	}	



	/* CSS-правила для телефонов */
	@media screen and (max-width: 400px) {
	
			#vk_groups{
			float:left;
			margin:20px 0 0 12%;
			height:400px;
			width: 270px !important;
			overflow:hidden;
		}
	}


	/* CSS-правила для телефонов */
	@media screen and (max-width: 300px) {
	
			#vk_groups{
			float:left;
			margin:20px 0 0 2%;
			height:400px;
			width: 90% !important;
			overflow:hidden;
		}
	}	

#fixed{
	float:left;
	margin:5px 0 0 10px;
	height:442px;
	overflow:hidden;
	
}

/* CSS-правила для ПК */
	@media screen and (max-width: 740px) {

		#fixed{
			float:left;
			margin:20px 0 0 27.8%;
			height:442px;
			overflow:hidden;
		}

	}


/* CSS-правила для ПК */
	@media screen and (max-width: 650px) {

		#fixed{
			float:left;
			margin:20px 0 0 26%;
			height:442px;
			overflow:hidden;
		}

	}	


/* CSS-правила для ПК */
	@media screen and (max-width: 600px) {

		#fixed{
			float:left;
			margin:20px 0 0 22%;
			height:442px;
			overflow:hidden;
		}

	}	

/* CSS-правила для ПК */
	@media screen and (max-width: 570px) {

		#fixed{
			float:left;
			margin:20px 0 0 24%;
			height:442px;
			overflow:hidden;
		}

	}	


/* CSS-правила для телефонов */
	@media screen and (max-width: 520px) {
	
		#fixed{
			float:left;
			margin:20px 0 0 21%;
			height:442px;
			overflow:hidden;
		}
	}



	/* CSS-правила для телефонов */
	@media screen and (max-width: 450px) {
	
			#fixed{
			float:left;
			margin:20px 0 0 16%;
			height:442px;
			overflow:hidden;
		}
	}	



	/* CSS-правила для телефонов */
	@media screen and (max-width: 400px) {
	
			#fixed{
			float:left;
			margin:20px 0 0 12%;
			height:442px;
			overflow:hidden;
		}
	}


#vk_groups1{
	float:left;
	margin:20px 0 0 10px;
	height:420px;
	overflow:hidden;
}


	#vk_groups1 img:hover{
		opacity:0.9; 
		-moz-opacity:0.9; 
		filter: alpha(opacity=90) white; 
		-khtml-opacity: 0.9; 
		background-color:#ffffff; 
	}

/* CSS-правила для ПК */
	@media screen and (max-width: 740px) {

		#vk_groups1{
			float:left;
			margin:20px 0 0 27.8%;
			height:400px;
			overflow:hidden;
		}

	}


/* CSS-правила для ПК */
	@media screen and (max-width: 650px) {

		#vk_groups1{
			float:left;
			margin:20px 0 0 26%;
			height:420px;
			overflow:hidden;
		}

	}	


/* CSS-правила для ПК */
	@media screen and (max-width: 600px) {

		#vk_groups1{
			float:left;
			margin:20px 0 0 22%;
			height:420px;
			overflow:hidden;
		}

	}	

/* CSS-правила для ПК */
	@media screen and (max-width: 570px) {

		#vk_groups1{
			float:left;
			margin:20px 0 0 24%;
			height:420px;
			overflow:hidden;
		}

	}	


/* CSS-правила для телефонов */
	@media screen and (max-width: 520px) {
	
		#vk_groups1{
			float:left;
			margin:20px 0 0 21%;
			height:420px;
			overflow:hidden;
		}
	}



	/* CSS-правила для телефонов */
	@media screen and (max-width: 450px) {
	
		#vk_groups1{
			float:left;
			margin:20px 0 0 16%;
			height:420px;
			overflow:hidden;
		}
	}	



	/* CSS-правила для телефонов */
	@media screen and (max-width: 400px) {
	
		#vk_groups1{
			float:left;
			margin:20px 0 0 12%;
			height:420px;
			overflow:hidden;
		}
	}	


/* CSS-правила для телефонов */
	@media screen and (max-width: 300px) {
	
		#vk_groups1{
			float:left;
			width: 100% !important;
			margin:20px 0 0 0;
			height:420px;
			overflow:hidden;
		}
	}


	.li{
		width:90px;
		position:absolute;
		bottom:9px;
		right:10px;
		overflow:hidden;
	}

	.li img{
		float:right;
	}



/* CSS-правила для ПК */
	@media screen and (max-width: 580px) {

		.li{
			display:none;
		}

	}


iframe {
  	display: block;
  	margin: 0 auto;
	max-width: 100%;
}

/* CSS-правила для ПК */
	@media screen and (max-width: 580px) {

	iframe {
  		display: block;
  		margin: 0 auto;
		max-width: 100%;
		overflow:hidden;
	}

}

ul.toc_list{
	float:left;
}
	


ul.top{
	margin:25px 0 0 0;
}

	ul.top li{
		height:75px;
		list-style:none;
	}

	ul.top img{
		width:70px;
		height:70px;
		float:left;
		margin:0 5px 0 0;
		border:1px #006ddc solid;
	}

	ul.top img:hover{
				opacity:0.9; 
				-moz-opacity:0.9; 
				filter: alpha(opacity=90) white; 
				-khtml-opacity: 0.9; 
				background-color:#ffffff; 
				border:1px solid #2f83d8;
			}


/* CSS-правила для  пк*/
	@media screen and (max-width: 740px) {
		
			ul.top{
				margin:0 0 0 10%;
				padding:0;
				overflow:hidden;
			}
	
	}

/* CSS-правила для  пк*/
	@media screen and (max-width: 600px) {

			ul.top{
				width:290px;
				height:150px;
				float:none;
				margin:0 auto;
				padding:0;
				overflow:hidden;
				background:#e7faff;
			}	
	
	}

/* CSS-правила для  пк*/
	@media screen and (max-width: 300px) {

			ul.top{
				width:90%;
				height:150px;
				float:none;
				margin:0;
				padding:0 0 0 2%;
				overflow:hidden;
				background:#e7faff;
			}	
	
	}

#ya1{
	border-left:5px #CC0000 solid;
}

.alignleft {
	display: inline;
	float: left;
	margin-right: 0.5em;
	margin-left:0;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 0.5em;
	margin-right:0;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 10px auto;
}

.auto-width{
	width:auto;
	display: block;
}

.konkurs{
margin:20px 0 0 0;
}





div.content a.button25 {
  position: relative;
  display: inline-block;
  width: 12em;
  height: 2.5em;
	margin:30px auto;
  line-height: 2.5em;
  vertical-align: middle;
	font-size:17px;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 -1px 1px #777;
  color: #fff;
  outline: none;
  border: 2px solid #10a901;
  border-radius: 5px;
  box-shadow: 0 0 0 60px rgba(0,0,0,0) inset, .1em .1em .2em #085200;
  background: linear-gradient(#86d97c, #14d100 48%, #14d000 52%, #2ac01a);
}

div.content a.button25:hover {
  position: relative;
  display: inline-block;
  width: 12em;
  height: 2.5em;
  line-height: 2.5em;
  vertical-align: middle;
	font-size:17px;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 -1px 1px #777;
  color: #fff;
  outline: none;
  border: 2px solid #10a901;
  border-radius: 5px;
  box-shadow: none;
  background: linear-gradient(#86d97c, #14d100 48%, #14d000 52%, #2ac01a);
}

div.content a.button25:active {
  top: .1em;
  left: .1em;
  box-shadow: 0 0 0 60px rgba(0,0,0,.05) inset;
}











        #menu-2 {
                display: none;
        }

        .slicknav_menu {
                background: #4c4c4c;
        }

        .slicknav-flex{
               display: -webkit-box;
               display: -ms-flexbox;
               display: flex;
               justify-content:;
        }

        .slicknav_btn {
                background-color:#222222;
        }

        a.slicknav_open {
                background-color:#222222;
        }

        .slicknav_nav .slicknav_arrow {
                float:right;
        }

        .slicknav_menu .slicknav_menutxt {
                color: #fff;
                text-shadow: none;
                font-size: 16px;
                font-weight: normal;
        }

        
			
		
		
		
		
		.slicknav_menu .slicknav_icon-bar {
                background-color: #fff;
                box-shadow: none;
        }

        .slicknav_nav li a {
                color: #fff;
                text-transform: uppercase;
                font-size: 18px;
                padding: 5px 15px;
				line-height: 40px;
			font-family:verdana;	
        }
		

		
		
					.slicknav_nav div  {
               
				display:none;
        }
		
		
		

        .slicknav_nav a:hover,
        .slicknav_nav .slicknav_row:hover {
                background: rgba(204,204,204,0.3);
        }

        .slicknav_nav .menu-item a:hover,
        .slicknav_nav a span:hover {
                color: #ffffff;
        }

        .slicknav_nav input[type='submit']{
                background: #222222;
                color: #fff;
        }

        .slicknav-logo-text a{
                color: #222222;
        }


        @media screen and (min-width: 1023px) {
                .slicknav_menu {
                        display: none;
                }

                
        }




.slicknav_btn,.slicknav_nav .slicknav_item{cursor:pointer}.slicknav_menu,.slicknav_menu *{box-sizing:border-box}.slicknav_btn{position:relative;display:block;vertical-align:middle;float:right;padding:.438em .625em;line-height:1.125em}.slicknav_btn .slicknav_icon-bar+.slicknav_icon-bar{margin-top:.188em}.slicknav_menu .slicknav_menutxt{display:block;line-height:1.188em;float:left;color:#fff;font-weight:700;text-shadow:0 1px 3px #000;font-family:verdana}.slicknav_menu .slicknav_icon{float:left;width:1.125em;height:.875em;margin:.188em 0 0 .438em}.slicknav_menu .slicknav_icon:before{background:0 0;width:1.125em;height:.875em;display:block;content:"";position:absolute}.slicknav_menu .slicknav_no-text{margin:0}.slicknav_menu .slicknav_icon-bar{display:block;width:1.125em;height:.125em;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;-webkit-box-shadow:0 1px 0 rgba(0,0,0,.25);-moz-box-shadow:0 1px 0 rgba(0,0,0,.25);box-shadow:0 1px 0 rgba(0,0,0,.25)}.slicknav_menu:after,.slicknav_menu:before{content:" ";display:table}.slicknav_menu:after{clear:both}.slicknav_nav li,.slicknav_nav ul{display:block}.slicknav_nav .slicknav_arrow{font-size:.8em;margin:0 0 0 .4em}.slicknav_nav .slicknav_item a{display:inline}.slicknav_nav .slicknav_row,.slicknav_nav a{display:block}.slicknav_nav .slicknav_parent-link a{display:inline}.slicknav_menu{font-size:16px;background:#4c4c4c;padding:5px}.slicknav_nav,.slicknav_nav ul{list-style:none;overflow:hidden;padding:0}.slicknav_menu .slicknav_icon-bar{background-color:#fff}.slicknav_btn{margin:5px 5px 6px;text-decoration:none;text-shadow:0 1px 1px rgba(255,255,255,.75);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background-color:#222}.slicknav_nav{clear:both;color:#fff;margin:0;font-size:.875em}.slicknav_nav ul{margin:0 0 0 20px}.slicknav_nav .slicknav_row,.slicknav_nav a{padding:5px 10px;margin:2px 5px}.slicknav_nav .slicknav_row:hover{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;background:#ccc;color:#fff}.slicknav_nav a{text-decoration:none;color:#fff}.slicknav_nav a:hover{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;background:#ccc;color:#222}.slicknav_nav .slicknav_txtnode{margin-left:15px}.slicknav_nav .slicknav_item a,.slicknav_nav .slicknav_parent-link a{padding:0;margin:0}.slicknav_brand{float:left;color:#fff;font-size:18px;line-height:30px;padding:2px 12px;height:44px;max-width:200px}.slicknav-logo-text{display:inline-block;font-size:20px;padding:.438em .625em;margin:0;line-height:1;float:left}#slicknav-searchform input[type=text]{width:100%;line-height:1;padding:12px 16px;border:none;font-size:1.3em;font-weight:300;border-radius:0;height:45px}#slicknav-searchform input[type=submit]{font-family:dashicons;font-size:1.5em;position:absolute;top:0;right:0;line-height:1;padding:12px 16px;border:none;font-weight:300;border-radius:0;height:45px}#slicknav-searchform{position:relative;padding-bottom:10px;margin-top:10px}.admin-bar>.slicknav_menu{top:46px}@media screen and (min-width:783px){.admin-bar>.slicknav_menu{top:32px}}