.info-board {
	max-width: 1000px;
	margin-right: -30px;
	margin-top: 2em;
}

.info-board__item {
	display: inline-block;
	vertical-align: top;
	position: relative;
	border-radius: 3px;
	border: 1px solid #ddd;
	margin: 0 28px 28px 0;
	padding: 18px;
	width: 210px;
	min-height: 210px;
	box-sizing: border-box;
}
.info-board__item:after,
.info-board__card:after {
	content: '';
	position: absolute;
	z-index: 2;
	right: -1px;
	top: -1px;
	width: 19px;
	height: 19px;
	border-width: 2px 2px 1px 1px;
	border-style: solid;
	border-color: #fff #fff #ddd #ddd;
	border-radius: 0 0 0 3px;
}

.info-board__item:before,
.info-board__card:before {
	content: '';
	position: absolute;
	right: -2px;
	top: -2px;
	width: 20px;
	height: 20px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	background: transparent no-repeat url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyQTU3MjMxRTgyMkIxMUU1QUY2QkVFNTlFQUJCRjY2MiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyQTU3MjMxRjgyMkIxMUU1QUY2QkVFNTlFQUJCRjY2MiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjJBNTcyMzFDODIyQjExRTVBRjZCRUU1OUVBQkJGNjYyIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjJBNTcyMzFEODIyQjExRTVBRjZCRUU1OUVBQkJGNjYyIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+2JNy1AAAAIRJREFUeNqs1bsNwCAMRVHfNAzB/mvRMQQVCR1C4WNsD3Ak5OcH9RtxnCfnLK5gKUU8UdqLU0o1hCAxRh+wjRdKvxMPlHHJVpS/1FhQZjG8RVnl+gZldyhalJPL06CcnvIpiqYbTlC0ZbNDuWmvFcptHc5QLP36h2It7BHF4wfo0VeAAQDWRoMY5dRl4wAAAABJRU5ErkJggg==');
}

.info-board__corner {
	content: '';
	position: absolute;
	z-index: 3;
	right: -2px;
	top: -2px;
	width: 23px;
	height: 23px;
	border-radius: 0 0 0 3px;
	background: linear-gradient( 45deg, #fffaf8 0, #fffaf8 15px, #fff 15px, #fff 100%);
}


.info-board__item_yellow {
	background: #fffde2;
}

.info-board__item_green {
	background: #ebfff2;
}

.info-board__item_pink {
	background: #fffaf8;
}

.info-board__item_blue {
	background: #edfbff;
}


.info-board__title {
	font: 600 120% "HSE Sans", "Helvetica Neue", Arial, sans-serif
}

.info-board__card {
	vertical-align: top;
	position: relative;
	border-radius: 3px;
	border: 1px solid #ddd;
	margin: 0 28px 28px 0;
	box-sizing: border-box;
}

.info-board__card .info-board__card_header {
	font-weight: bold;
	font-size: 120%;
	text-transform: uppercase;
	border-radius: 3px 3px 0 0;
}

.info-board__card .info-board__card_header img {
	margin-right: 1em;
	vertical-align: middle;
}

.info-board__card .info-board__card_header,
.info-board__card .info-board__card_content
{
	padding: 18px;
}

.info-board__card_print {
	float: right;
	position: relative;
}

.info-board__card_print img {
	cursor: pointer;
}

.info-board__card_print .info-board__card_print_menu {
	position: absolute;
	z-index: 4;
	left: 0;
	width: 90px;
	display: none;
	line-height: normal;
	box-sizing: border-box;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12), 0 -2px 5px 0 rgba(0, 0, 0, 0.16);
	background: #fff;
	border-radius: 5px;
	padding: 0 1em 1em;
}

.info-board__card_print .info-board__card_print_item {
	padding-top: 1em;
	font-weight: normal;
	text-transform: none;
	font-size: 14px;
}

.info-board__card_print:hover .info-board__card_print_menu {
	display: block;
}

.printable {
	display: none;
}

.info-board__text_block .info-board__card_print {
	visibility: hidden;
	z-index: 100;
}

.info-board__text_block:hover .info-board__card_print {
	visibility: visible;
}

@media print {
	body > * {
		display: none;
	}
	body > .printable {
		display: block;
	}
	body > h1.printable {
		margin-bottom: 1em;
	}
}

.info-board__section {
	margin-bottom: .5em;
	position: relative;
}

.info-board__section a {
	opacity: 0;
	line-height: 28px;
	position: absolute;
	right: 100%;
	padding-right: .25em;
	font-size: 75%;
}

.info-board__section:hover a,
.info-board__section a:hover {
	opacity: 1;
}
