.shpigel {
	min-width: 274px;
	width: 100%;
	width: calc(100% - 2px);
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-content: flex-start;
	align-items: center;

	box-sizing: border-box;
}

.sp-main {
	min-width: 270px;
	width: 100%;
	width: calc(100% - 2px);
	padding: 10px;
	margin: 0 0 6px 0;
	display: flex;
	flex-direction: column;	
	justify-content: space-between;
	align-items: center;	
	box-sizing: border-box;

	background-color: #E7EDF5;
	border: 1px solid #fff;
	outline: 1px solid #bfcfe2;
}
.sp-main-img {	
	min-width: 264px;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;	
	border: 1px solid #bfcfe2;
	display: block;
	box-sizing: border-box;
}
.sp-main-last-update {
	width: 100%;
	padding: 0;
	margin: 6px 0;
	color: #000;
	text-align: left;
  font-size: 12px;
	font-weight: 400;
	box-sizing: border-box;
}
.sp-main-title {
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0;
	box-sizing: border-box;
}
.sp-main-title > * {
	color: #09488f;
	font-size: 20px;
	font-weight: 500;
}
.sp-main-text {
	min-width: 260px;
	margin-bottom: 10px;
	padding: 0;
	display: block;
	box-sizing: border-box;
}
.sp-main-text > * {
	color: #000;
	font-size: 16px;
	text-align: left;
}

/* ---------- small --------- */
.sp-small {
	min-width: 266px;
	width: 100%;

	margin: 0 0 8px 0;

	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-content: flex-start;
	align-items: stretch;
	
	box-sizing: border-box;

}

.sp-item {	
	min-width: 266px;
	width: 100%;
	
	margin: 0;	
	padding: 6px;

	background-color: #E7EDF5;
	border: 1px solid #fff;	
	outline: 1px solid #bfcfe2;

	display: flex;	
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-content: flex-start;
	align-items: flex-start;

	box-sizing: border-box;
}

.sp-small-img {	
	display: none;
	box-sizing: border-box;
}


.sp-small-last-update {
	width: 50px;
	margin: 0 6px 0 0;

	color: #000;
	font-size: 12px;
	font-weight: 400;
	text-align: left ;
	box-sizing: border-box;
}

.sp-small-title {
/*
	min-width: 154px;
	margin-bottom: 6px;	
	text-align: left;
	box-sizing: border-box;
*/
	min-width: 154px;
	width: 100%;
	margin: 0 0 6px 0;
	padding: 0;
	display: block;
	box-sizing: border-box;
}

.sp-small-title > * {	
	color: #09488f;
	font-size: 16px;
	font-weight: 400;
	text-align: left;
}

/* ------------------------- */

.arch-head {
	width: 100%;
	box-sizing: border-box;
	height: 30px;
	padding-left: 4px;
	padding-right: 4px;
	margin-bottom: 10px;
	color: #09488f;
	font-size: 15px;
	font-weight: 500;	
	background: linear-gradient(#c1d9ed, #94b5d1);
	
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    /*align-content: center;*/
    align-items: center;
}

.arch-head a {
	/*width: 130px;*/
	color: #09488f;
	
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    /*align-content: center;*/
    align-items: center;
 }

.day-back {
	/*color: #09488f;*/
	font-size: 13px;
}

.day-forw {
	/*color: #09488f;*/
	font-size: 13px;
}



/* ------------------ */

.sp-main-old {
	min-width: 354px;
	width: 100%;
	width: calc(100% - 2px);
	padding: 10px;
	margin: 0 0 6px 0;
	display: flex;
	flex-direction: column;	
	justify-content: space-between;
	align-items: center;	
	box-sizing: border-box;

	background-color: #E7EDF5;
	border: 1px solid #fff;
	outline: 1px solid #bfcfe2;
}

.sp-main-img-old {
	min-width: 336px;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;	
	border: 1px solid #bfcfe2;
	display: block;
	box-sizing: border-box;
}

.sp-main-anons-old {
	width: 120px;
	margin: 0; padding: 0;

	display: flex;
		flex-direction: column;
		justify-content: space-between;

}

.sp-main-anons-old {
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0;
	box-sizing: border-box;
}


.sp-main-anons-old > * {
	color: #09488f;
	font-size: 20px;
	font-weight: 500;
}

.sp-main-text-old {
	/*min-width: 340px;*/
	min-width: 260px;
	margin-bottom: 10px;
	padding: 0;
}

.sp-main-text-old > * {
	color: #000;
	font-size: 16px;	
}



.sp-item-old {
	padding-top: 14px ;
	width: 210px;
	/* min-height: 200px; */
	height: 270px;
	margin: 0;
	background-color: #E7EDF5;
	border: 1px solid #fff;
	outline: 1px solid #c7cedf;	
	box-sizing: border-box;

	display: flex;
	flex-direction: column;	
	/*justify-content: space-between;*/
	justify-content: flex-start;
	align-content: flex-start;
	align-items: center;
}

.sp-small-img-old {	
	min-width: 154px;
	width: 158px;	
	min-height: 10px;
	/* height: 98px; */
	border: 1px solid #c7cedf;	
	box-sizing: border-box;
}

.sp-small-title-old {
	min-width: 154px;	
	width: 158px;	
	margin-bottom: 10px;	
	text-align: left;
}

.sp-small-title-old > * {	
	color: #09488f;
	font-size: 15px;	
	font-weight: 500;
	line-height: 120%;
}




/* --- hot news --- */
.hotnews-column {
	min-width: 280px;
	width: 100%;
	/* width: calc(100% - 20px); */
	padding: 0 10px 0 25px;
	margin: 0;
	background-color: #fff;

	box-sizing: border-box;
}

.hotnews-ul { 
	list-style-position: outside; 
	margin: 0;
	padding: 0 0 0 16px;
}

.hotnews-li {
	list-style-image: url(data:image/gif;base64,R0lGODdhBwAHAIAAAP///xicWywAAAAABwAHAAACDIxhGaibACNzbb5UAAA7);
	margin-top: 0px;
	padding: 0 0 8px 0;
}

.hotnews-text {
	color: #09488f;
	font-size: 16px;
	font-weight: 500;
}


.hotnews-adv {
	width: 260px;
	box-sizing: border-box;
	height: 450px;
	font-size: 13px;
	font-weight: 400;
	color: #aaa;
	text-align: center;
	margin-left: 5px;	
	margin-bottom: 5px;
	background-color: #eee;
	border: 1px solid #aaa;
}

.hotnews-title { 
	/*width: 330px;*/
	padding: 3px 10px;
	margin: 0 0 8px 0;
	color: #09488f;
	font-size: 18px;
	font-weight: 500;
	text-align: center;
	background: linear-gradient(#c0d8ec, #95b6d1);
	box-sizing: border-box;
}



@media only screen and (min-width: 368px) {
	.shpigel { min-width: 356px; }
	.sp-main { min-width: 354px; }
	.sp-main-img { min-width: 336px; }
	.sp-main-text { min-width: 340px;  }
	.sp-main-text-old { min-width: 340px; }
	.sp-small {
		min-width: 356px;
		width: 100%;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: space-between;
		align-content: flex-start;
		align-items: stretch;		
		box-sizing: border-box;
	}
	.sp-item {	
		min-width: 174px;
		width: 49%;
		width: calc((100%/2) - 10px);
		
		min-height: 180px;

		margin: 0;	
		padding: 6px 10px 6px 10px;

		background-color: #E7EDF5;
		border: 1px solid #fff;	
		outline: 1px solid #bfcfe2;

		display: flex;	
		flex-direction: column;	
		justify-content: flex-start;
		align-content: flex-start;
		align-items: flex-start;

		box-sizing: border-box;
	}

	.sp-small-img {	
		min-width: 140px;
		max-width: 298px;
		width: 100%;

		min-height: 10px;
		border: 1px solid #bfcfe2;
		display: block;
		box-sizing: border-box;
	}

	.sp-small-last-update {
		min-width: 160px;
		margin-bottom: 3px;
		color: #000;
		font-size: 12px;
		font-weight: 400;
		text-align: left ;
		box-sizing: border-box;
	}

	.sp-small-title {
		min-width: 154px;
		margin-bottom: 6px;	
		text-align: left;
		box-sizing: border-box;
	}

	.sp-small-title > * {	
		color: #09488f;
		font-size: 14px;
		font-weight: 500;
	}
}