/*
 * Стили блока «Каталог деталей» (LRCat) для вставки в страницы Joomla.
 *
 * Отличается от main.css тем, что здесь ТОЛЬКО правила .lrcat_*:
 * глобальные body{margin:0;padding:0} и h2{text-align:center} из main.css
 * на страницах Joomla ломают оформление шаблона, поэтому в этот файл
 * они не включены. Пути к картинкам и шрифту совпадают с main.css,
 * так как файл лежит в том же каталоге /katalog-detaley/assets/.
 */
@font-face{
	font-family:Decode;
	src:url(decode.ttf);
}
.lrcat_catalogs_item{
	float:left;
	width:20%;
	margin:10px 2%;
	/* border:1px solid black; */
	cursor:pointer;

	/* height:170px; */
	/* height:240px; */
	height:195px;
	/* padding-top:25px; */

	background:#fff;
	overflow:hidden;
	position:relative;

	background:url(../images/lrcat_catalogs/bg.jpg) no-repeat top center;
}
.lrcat_catalogs_item img{
	/* height:80px; */
	/* border:1px solid black;  */
	box-sizing:border-box;
	width:100%;
}
.lrcat_catalogs_item:hover{
	background-color:rgba(0,0,0,0.3);
}

.lrcat_catalogs:after{
	clear:both;
	content:'';
	display:table-cell;
}
.lrcat_catalogs_item_pic{
	text-align:center;
}
.lrcat_catalogs_item_name{
	text-align:center;
	line-height:1.2;

	/* color:#FFF; */
	color:#000;
    /* font-size: 28px; */
    font-size: 14px;
    /* text-shadow: 2px 2px 2px rgba(0,0,0,0.7); */
    /* font-weight: bold; */
    font-family: Arial;
    /* position: absolute; */
    width: 100%;
    /* top: 0; */

}

.lrcat_sections_list{
	border:1px solid #0b63b1;
}
.lrcat_sections_list_heading{
	text-align:center;
	background:#0b63b1;
	color:#FFF;
	font-size:21px;
	padding:5px 0;
	cursor:pointer;

	font-family:'Decode';
}
.lrcat_parts_list_heading{
	font-family:'Decode';
	font-size:17px;
	padding-bottom: 15px;
    padding-left: 20px;
}
.lrcat_parts_list_heading span:not(:last-of-type){
	cursor:pointer;
}
.lrcat_sections_list ul{
	list-style:none;
	padding:0;
	margin:10px 20px;
}
.lrcat_sections_list li{
	padding:5px 10px;
	font-size:16px;
	cursor:pointer;

	font-family:'Decode';
}
.lrcat_sections_list li:hover{
	background:#F0F0F0;
}

@media (max-width: 768px) {

.lrcat_parts_list{
	float:left;
	width:95%;
	font-size:12px;
}
.lrcat_parts_diag{
	float:left;
	width:95%;
	text-align:center;
}

}

@media (min-width: 769px){

.lrcat_parts_list{
	float:left;
	width:35%;
	font-size:12px;
}
.lrcat_parts_diag{
	float:left;
	width:65%;
	text-align:center;
}

}

.lrcat_parts_diag img{
	border: 1px solid #ccc;
    /* max-height: 800px; */
}
.lrcat_parts{
	margin:20px 0;
	display:none;
}
.lrcat_parts:after{
	clear:both;
	content:'';
	display:table-cell;
}
.lrcat_sections_list ul.hidden{
	display:none;
}

.lrcat_parts_list td,.lrcat_parts_list th{
	text-align:center;
	padding: 3px 5px;
	font-family:'Decode';
}

/* Обёртка блока: удерживает поплавки каталога внутри модуля
   и даёт отступ от соседних модулей шаблона. */
.lrcat_main{
	overflow:hidden;
	margin:0 0 20px;
}
.lrcat_main_heading{
	margin:0 0 15px;
}