/* Start:/local/templates/center_krasok/components/bitrix/catalog/catalog/style.css?17549167863449*/
.catalog-top {
	margin: 0 15px;
}
.grid{}
.grid .bx_content_section{
	margin-bottom: 15px;
}
.grid .bx_sidebar{
	margin-bottom: 15px;
}

/* grid2x1 */
.grid2x1{}
.grid2x1 .bx_content_section{
	float: left;
	width: 66%;
	margin-bottom: 15px;
}
.grid2x1 .bx_sidebar{
	float: right;
	width: 33%;
	margin-bottom: 15px;
	padding-left: 5%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
@media (max-width:960px){
	.grid2x1 .bx_sidebar{
		padding-left: 4%;
	}
}
@media (max-width:640px) {
	.grid2x1 .bx_content_section,
	.grid2x1 .bx_sidebar{
		width: 100%;
		float: none;
	}
	.grid2x1 .bx_sidebar{
		padding-left: 3%;
	}
}
@media (max-width:479px){
	.grid2x1 .bx_sidebar{
		padding-left: 1%;
	}
}

/* SETTINGS CONTROLS */
.catalog-section-settings {
	padding: 5px 15px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #eee;
}

.section-controls {
	padding-bottom: 10px;
	display: flex;
	justify-content: start;
	align-items: center;
	border-bottom: 1px solid #eee;
}
/* END SETTINGS CONTROLS */

/* MAIN FILTER */
#main-filter-opener {
	margin-bottom: 5px;
	padding: 5px 10px;
	border-radius: 5px;
	color: #ffffff;
	background-color: #0a911c;
	text-decoration: none;
}
@media (min-width: 767px) {
	.main-filter {
		position: absolute;
		left: -1000px;
		width: 500px;
		z-index: 100;
		transition: left .35s ease;
	}
}
/* END MAIN FILTER */

.catalog-block-header{
	font-size:14px;
	font-weight: bold;
	text-align: left;
	margin:5px 0;
	padding:5px 15px;
	border-bottom: 2px solid #d9dee6;
	color: #000;
}

body.bx-theme-blue .catalog-block-header{border-color:#006cc0;}
body.bx-theme-green .catalog-block-header{border-color:#63aa28;}
body.bx-theme-red .catalog-block-header{border-color:#da3737;}
body.bx-theme-yellow .catalog-block-header{border-color:#f4b236;}


/*-----------SORTEN------------------*/
/* Стилизуем сам <select> */
select {
    background-color: #f9f9f9; /* Общий фон */
    color: black; /* Цвет текста */
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 5px;
}

/* Меняем стили активного элемента */
select:hover,
select:focus {
    background-color: #e0e0e0; /* Фон при наведении */
    color: black;
}

/* Стилизуем элементы <option> */
select option {
    background-color: #fff; /* Фон опций */
    color: black; /* Цвет текста */
}

/* Изменяем стили опций при наведении (работает в Firefox) */
select option:hover {
    background-color: lightblue; /* Фон при наведении */
    color: black; /* Цвет текста при наведении */
}

/*--------------SORTEN END---------------*/


/*--------------COUNT-PAGE-ELEMENT----------------*/
.catalog-count-switcher-wrap {
    width: 100%;
    display: flex;
    justify-content: end;
}
.catalog-count-switcher a {
    margin: 0 5px;
    text-decoration: none;
    color: #333;
}
.catalog-count-switcher a.active {
    font-weight: bold;
    text-decoration: underline;
    color: #639e0e;
}
.catalog-count-switcher a:hover {
    text-decoration: underline;
    color: #639e0e;
}


@media (max-width: 576px) {
	.section-controls {
		flex-direction: column;
	}
    .catalog-count-switcher-wrap {
		padding: 10px 6px;
        justify-content: start;
    }
}

/*--------------END REGION----------------*/



/* End */


/* Start:/bitrix/components/bitrix/system.show_message/templates/.default/style.css?167420636964*/
font.errortext
{
	color:red;
}

font.notetext
{
	color:green;
}

/* End */
/* /local/templates/center_krasok/components/bitrix/catalog/catalog/style.css?17549167863449 */
/* /bitrix/components/bitrix/system.show_message/templates/.default/style.css?167420636964 */