/*	стили списков */


/* ----- категории на главной странице ----- */

.categories_list {
	display: grid;
	grid-gap: 20px;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	background: url(../images/top_ramka.png) repeat-x top left, url(../images/bott_ramka.png) repeat-x bottom left;
	padding: 8px 0;
}

.categories_list>div {
	padding: 50px 10px 70px 10px;
	text-align: center;
	background: url(../images/listik.png) no-repeat center 160px;
}

.categories_list .list_item_image{
	margin-bottom: 20px;
}

.categories_list .list_item_title {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	font-size: 26px;
	padding: 0 30px;
	line-height: 25px;
}

.categories_list .list_item_title a {
	text-decoration: none;
}

.categories_list>div:hover {
	background: url(../images/cat_hover.png) no-repeat center top, white !important;
}

@media screen and (max-width: 800px) {

.categories_list {
	grid-template-columns: 1fr 1fr;
}

.categories_list>div {
	padding: 20px 10px 20px 10px;
	background: url(../images/listik.png) no-repeat center 130px;
}


}


@media screen and (max-width: 480px) {


.categories_list>div {
    padding: 20px 0px 20px 0px;
}

.categories_list {
	grid-gap:10px;
}

.categories_list .list_item_title {
    font-size: 22px;
}

}

/* ----- список чего-либо (например, разделов сайта)  ----- */

.items_list {
	margin-bottom: 15px;
}

.items_list>div {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-style: dotted;
	border-color: Gray;
	border-width: 0 0 1px 0;
}

.items_list .list_item:last-child {
	border: none;
}

.items_list .list_item_title {
	margin-bottom: 5px;
	font-weight: bold;
}

.items_list .list_item_image {
	margin-right: 15px;
	float: left;
}

.items_list .list_item_date {
	color: #778899;
	margin-bottom: 5px;
}

.items_list .list_item_price {
	padding: 5px;
	background: #f1f1f1;
	text-align: center;
	font-weight: bold;
	margin-bottom: 10px;
}

.items_list .list_item_description {
	color: gray;
}

@media screen and (max-width: 800px) {

.items_list .list_item_image {
	width: 200px;
}

.items_list .list_item_image img {
	width: 200px;
}

}


@media screen and (max-width: 420px) {

.items_list .list_item_image {
	float: none;
	margin-right: 0;
	margin-bottom: 10px;
}

}



.catalog_categories {
	margin-bottom: 15px;
}

.catalog_categories>div {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-style: dotted;
	border-color: #fece62;
	border-width: 0 0 1px 0;
}


.catalog_categories .list_item:last-child {
	border: none;
}

.catalog_categories .list_item_title {
	font-family: 'Roboto Condensed', sans-serif;
   font-weight: 700;
   font-size: 26px;
	margin-bottom: 10px;
}

.catalog_categories .list_item_image {
	width: 144px;
	height: 102px;
	padding: 21px 25px;
	background: url(/images/ramka_cat.png) no-repeat;
	margin-right: 15px;
	float: left;
}

@media screen and (max-width: 425px) {

.catalog_categories .list_item_image {
	margin-right: auto;
	margin-left: auto;
	float: none;
	margin-bottom: 10px;
}

.catalog_categories .list_item_title {
	text-align: center;
}

.catalog_categories .list_item_description {
	text-align: justify;
}

}





/* ----- список последних новостей на главной  ----- */

.last_news_list {
	
}

.last_news_list>div {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-style: dotted;
	border-color: Gray;
	border-width: 0 0 1px 0;
	min-width: 150px;
}

.last_news_list .list_item_title {
	margin-bottom: 5px;
	font-weight: bold;
}

.last_news_list .list_item_image {
	margin-bottom: 10px;
	background: linear-gradient(-45deg, #eee8aa 0%, #d3d3d3 100%);
	padding: 5px;
}

.last_news_list .list_item_image img {
	padding: 0;
	margin: 0;
	display: block;
	margin: 0 auto;
}


.last_news_list .list_item_date {
	color: #778899;
	margin-bottom: 5px;
}


@media screen and (max-width: 800px) {

.last_news_list .list_item_image {
	width: 150px;
	float: left;
	margin-right: 15px;
}

}


@media screen and (max-width: 420px) {

.last_news_list .list_item_image {
	width: auto;
	float: none;
	margin-right: 0;
}

}


/* ----- список в виде картинок с подписями  ----- */

.images_list {
	margin-bottom: 15px;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;
}

.images_list>div {
	width: 200px;
	padding: 10px 5px;
	border:1px solid #e0e0e0;
	background: white;
	border-radius:5px;
	margin-bottom: 20px;
}

.images_list .list_item_image {
	margin-bottom: 5px;
	text-align: center;
}

.images_list .list_item_image img {
	width: auto;
	max-width: 100%;
}


.images_list .list_item_title {
	text-align: center;
	font-size:13px;
	line-height: 13px;
}

@media screen and (max-width: 800px) {

.images_list>div {
	width: 150px;
	padding: 5px;
}

}




/* ----- список файлов для скачивания  ----- */

.files_list>div {
	display: grid;
	grid-gap:5px 15px;
	grid-template-columns: 28px auto 100px 100px;
	grid-template-rows: auto auto;
	margin-bottom: 15px;
	padding: 5px;
}

.list_item_file_description {
	grid-column: 2 / 5;
}

.files_list .list_item_filetitle {
	font-weight: bold;
}

.files_list .list_item_fileicon img {
	width: 28px;
	height: 28px;
}

.files_list .list_item_file_description {
	color: #708090;
}

.fileslist_date div{
	font-size: 13px;
	white-space: nowrap;
	padding: 3px;
	border-radius:3px;
	background: #e5e8ec;
	color: #006a01;
}


.fileslist_filesize div{
	font-size: 13px;
	white-space: nowrap;
	padding: 3px;
	border-radius:3px;
	background: #e5e8ec;
	color: #6a360f;
}

@media screen and (max-width: 480px) {
.files_list>div {
	grid-template-columns: 28px 120px auto;
}

.list_item_filetitle {
	grid-column: 2 / 4;
}

.fileslist_date {
	grid-column: 2 / 3;
}


.list_item_file_description {
	grid-column: 2 / 4;
}

.fileslist_filesize div, .fileslist_date div {
	width: 114px;
	text-align: center;
}


}



/* ----- картинки с описаниями (наборы картинок)  ----- */

.images_and_content {
	
}

.images_and_content>div {
	margin-bottom: 20px;
}

.images_and_content .list_item_title {
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: bold;
}

.images_and_content .list_item_image {
	margin-right: 40px;
	float: left;
}


.images_and_content .list_item_image img {
	width: 400px;
}

@media screen and (max-width: 800px) {

.images_and_content .list_item_image {
	margin-right: 0;
	margin-bottom: 10px;
	float: none;
}

.images_and_content .list_item_image img {
	width: auto;
	max-width:100%;
}

}


/* ------ товары в каталоге ------ */

.goods_list {
	
}

.goods_list>div {
	display: grid;
	grid-gap: 10px 15px;
	grid-template-columns: 176px auto 80px 80px;
	grid-template-rows: 25px auto;
	grid-template-areas: 
	"good_img good_title good_title good_title"
	"good_img good_descr good_ves good_price";
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-style: dotted;
	border-color: #fece62;
	border-width: 0 0 1px 0;
	
}

.goods_list .list_item_image {
	grid-area: good_img;
}

.goods_list .list_item_image img {
	display: block;
	padding: 13px 16px;
	width: 144px;
	height: 102px;
	background: url(/images/ramka_good.png) no-repeat;
}

.goods_list .list_item_title {
	grid-area: good_title;	
	font-family: 'Roboto Condensed', sans-serif;
   font-weight: 700;
   font-size: 22px;
}


.goods_list .list_item_description{
	grid-area: good_descr;	
}


.goods_list .list_item_ves {
	grid-area: good_ves;	
}

.goods_list .list_item_price {
	grid-area: good_price;	
}




@media screen and (max-width: 640px) {

.goods_list>div {
    grid-gap: 10px;
    grid-template-columns: 176px auto;
    grid-template-rows: auto auto auto auto;
    grid-template-areas:
	  "good_img good_title"
	  "good_img good_ves"
	  "good_img good_price"
	  "good_descr good_descr";
}

}


@media screen and (max-width: 425px) {

.goods_list>div {
    grid-gap: 10px;
    grid-template-columns: auto;
    grid-template-rows: auto auto auto auto auto;
    grid-template-areas:
	  "good_img"
	  "good_title"
	  "good_ves"
	  "good_price"
	  "good_descr";
}

}