
.jst_main {
	max-width: 1200px;
	margin: 0 auto;
	padding-bottom: 50px;
	color: #555;
}

.jst_main a{
	border: none;
	color: #25597e;
	text-decoration: none;
}
.jst_main a:hover{
	border: none;
	-webkit-animation: none;
	-moz-animation: none;
	animation: none;
	-ms-animation: none;
	-o-animation: none;
	color: rgb(227,54,1);
}

.jst_vpsk{
	padding: 20px 60px 30px 80px;
	display: block;
	background: linear-gradient(to top, #f2f2f5, #fff);
	/* border: 1px solid #d5e2ea; */
	border-radius: 4px;
}
.jst_vpsk img{
	height: 100px;
	display: inline-block;
	vertical-align: middle;
}
.jst_vpsk_txt{
	display: inline-block;
	vertical-align: middle;
	line-height: 1.5em;
	padding: 0 15px;
	/* color: #25597e; */
/* 	background-color: #f2f2f5;
	background: linear-gradient(to right, #f2f2f5, #fff); */
	transition: 0.2s;
}
.jst_vpsk:hover .jst_vpsk_txt{
	padding: 0 10px;
	/* color: rgb(227,54,1);  */
}

.jst_head{
	padding: 40px 60px 0px 80px;
    font-size: 22px;
}

.jst_body, p{
	padding: 20px 60px 0 80px;
    line-height: 1.5em;
    color: #555;
}
p{
	text-indent: 0!important;
	text-align: left!important;
}

.jst_forct{
	padding: 20px 60px 0 80px;
    line-height: 1.5em;
    font-size: 14px;
}


.jst_pdf{
	padding: 20px 60px 0 80px;
}
.jst_pdf a{
	display: inline-block;
	/* background: #98d8d8; */
	border: 1px solid #25597e;
	margin-right: 10px;
	padding: 0 15px;
	border-radius: 4px;
	margin-bottom: 5px;
}
.jst_pdf a:hover{
	border: 1px solid rgb(227,54,1);
	background: #f2f2f5;
}


.jst_navig{
	padding: 40px 60px 0px 80px; 
}
.jst_navig a{
	background-color: #f2f2f5;
	border: 1px solid #d5e2ea;
	border-radius: 4px;
	/* padding: 10px; */
	transition: 0.2s;
	max-width: 40%;
}
.jst_navig a:hover{
	border: 1px solid #f39578;
}
.jst_navig div{
	line-height: 1.5em;
	color: #333;
}

/* .jst_navig a:hover{
	padding: 10px 10px 10px 5px;
} */
.jst_prev{
	float: left;
	background: linear-gradient(to right, #f2f2f5, #fff);
	padding: 10px 10px 10px 15px;
	margin-left: 5px;
}
.jst_prev:hover{
	/* padding: 10px 15px 10px 10px; */
	margin-left: 0px;
}
.jst_next{
	float: right;
	background: linear-gradient(to right, #fff, #f2f2f5);
	text-align: right;
	padding: 10px 15px 10px 10px;
	margin-right: 5px;
}
.jst_next:hover{
	/* padding: 10px 10px 10px 15px; */
	margin-right: 0px;
}

.jst_shorts{
	padding: 0px 55px 0px 75px;
	max-width: 900px;
	
}

.jst_shorts a{
	display: block;
	color: #222;
	/* border: 1px solid #fff; */
	/* border: 1px solid #d5e2ea; */
	/* border-radius: 4px; */
	/* padding: 10px 10px 10px 15px; */
	margin-top: 45px;
	margin-left: 0px;
	margin-right: 5px;
	transition: 0.2s;
}
.jst_shorts a:hover{
	/* border: 1px solid #d5e2ea; */
	margin-left: 5px;
	margin-right: 0px;
}


.jst_short_a{
	/* font-weight: bold; */
	font-size: 20px;
	line-height: 1.4em;
	padding: 5px;
/* 	background-color: #dfe2ec;
	background: linear-gradient(to right, #dfe2ec, #f2f2f5); */
/* 	background-color: #f2f2f5;
	background: linear-gradient(to right, #f2f2f5, #fff); */
}
.jst_short_b{
	line-height: 1.4em;
	padding: 5px;
/* 	background-color: #f2f2f5;
	background: linear-gradient(to right, #f2f2f5, #fff); */
	font-size: 14px;
	/* width: 70%; */
    color: #666;
	max-width: 600px;
}
.jst_short_c{
	padding: 5px;
	line-height: 1.4em;
	font-size: 14px;
    color: #fff;
	/* text-decoration: underline; */
}
.jst_shorts a:hover .jst_short_c{
	color: #4162ad;
}



.menunav{
	background: #f5f8ff;
    width: 100%;
    text-align: center;
}
.menunav a{
	text-decoration: none;
    color: #4162ad;
	display: block;
    padding: 10px 20px;
	/* background: FIREBRICK; */
}
.menunav a:hover{
    color: rgb(227,54,1);
	/* border-bottom: 1px solid rgb(227,54,1); */
}
.menunavelem{
	display: inline-block;
}
.menuactive{
/* 	background: #e4ebff; */
	/* font-weight: bold; */
	border-bottom: 2px solid #4162ad;
	margin: 0 20px;
}

/* .pageblock{
	margin: 0 auto;
	max-width: 1000px;
} */












/* Для экранов меньше 650 шириной */
@media screen and (max-width: 650px) {

	.jst_vpsk{
		padding: 20px 10px 30px 20px;
	}
	.jst_vpsk_txt{
		padding: 15px 0 0 0;
	}
	.jst_head{
		padding: 40px 10px 0px 20px;
	}
	.jst_body{
		padding: 20px 10px 0 20px;
	}
	.jst_forct{
		padding: 40px 10px 0 20px;
	}
	.jst_pdf{
		padding: 20px 10px 0 20px;
	}
	.jst_navig{
		padding: 40px 10px 0px 20px; 
	}
	.jst_shorts{
		padding: 0px 5px 0px 15px;
	}
	.jst_navig a{
		max-width: 46%;
		font-size: 12px;
		line-height: 1.3em;
	}
	.jst_navig div{
		line-height: 1.2em;
	}

}
