/* Start:/local/templates/meade2020/components/bitrix/news/blog/bitrix/news.detail/.default/style.css?17897925331828*/
.actions-detail{
	margin: 42px auto 0;
    max-width: 1276px;
    width: 100%;
}

.left_action{
	width: 296px:
	margin-right: 30px;
	float: left;
}

.left_action img{
	max-width: 100%;
	margin-bottom: 15px;
}

.right_action{
	padding-left: 326px;
}

.actions-detail h2{
font-weight: 600;
font-size: 16px;
line-height: 20px;
letter-spacing: 0.035em;
text-transform: uppercase;	
margin-bottom: 36px;
}

.actions-detail .button{
	margin-top: 36px;
	padding: 8px 25px;
	font-weight: 600;
font-size: 14px;
line-height: 100%;
/* identical to box height, or 14px */

letter-spacing: 0.02em;
text-transform: none;
clear: both;

}
.actions-detail img{
	width: 100%;
	margin-top: 10px;
	margin-bottom: 15px;
}
.actions-detail .date{
	margin-top: -10px;
    margin-bottom: 20px;
    font-size: 13px;
    font-style: italic;
}

/* Колонка под картинку (KON-86).

   Разметка досталась блогу от акций: там в .left_action стоит картинка акции,
   а в блоге колонка пустая. На компьютере она остаётся отступом слева, а
   уже 1295px общий main.css раздувает её до 415px и 262px (половина ширины),
   и текст статьи вместе с товарной полкой сжимался до 262-377px. Здесь пустую
   колонку убираем, текст идёт во всю ширину. Селекторы длиннее, чем
   в main.css, - иначе порядок подключения стилей решал бы, чьё правило
   победит. */
@media (max-width: 1294px) {
	.actions-detail .left_action {
		display: none;
	}

	.actions-detail .right_action {
		float: none;
		width: auto;
		margin-right: 0;
		padding-left: 0;
	}
}

/* End */
/* /local/templates/meade2020/components/bitrix/news/blog/bitrix/news.detail/.default/style.css?17897925331828 */