h3{text-align:center;color: #600;margin: 2em 0 .3em 0;}
#content{text-align:left;}
p, ol{font-size: 1.1em; padding: .1em .6em;}
h2{padding: .7em; background: bisque; color: #6a5420;text-align:center;}
.pcs, .pcs2{text-align:center;}
.pcs img{margin:1em; width: 40%; border: 2px dashed #3d6cdd; min-width:280px;}
.pcs2 img{margin:1em; width: 26%; border: 2px dashed #3d6cdd; min-width:140px;}

ol {
	list-style-type: none; 
	counter-reset: num;
	position: relative;	    
	margin: 0 0 0 60px;
	padding: 5px 0 5px 0;
}
ol li {
	position: relative;	
	margin: 0 0 0 0;
	padding: 0 0 10px 0;
	line-height: 1.6;
}
ol li:after {
	content: counter(num); 
	counter-increment: num;
	display: inline-block;
	position: absolute;
	top: 0;
	left: -35px;
	width: 22px;
	height: 22px;
	line-height: 22px;
	background: #fff;
	color: #fff;
	text-align: center;
	border-radius: 50%;
	border: 1px solid #1f63ac;
	font-size: .8em;
	background: #4b7bee;
}
 
/* Вертикальная линия */
ol:before {
	content: ''; 
	position: absolute;
	top: 15px;
	bottom: 15px;
	left: -23px;    
	width: 1px;
	border-left: 1px solid #ef6780;
}
/* Скрытие линии у последнего li */
ol li:last-child:before {
	content: ''; 
	display: inline-block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: -38px;
	width: 28px;
	background: #fff;
}