.item-container {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    grid-auto-rows: minmax(400px, auto);

}
.category-container {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    grid-auto-rows: minmax(150px, auto);
}
.item {
    position: relative;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    padding: 10px;
    text-align: center;
    display: flex;
    flex-flow: column-reverse wrap;
    justify-content: space-between;
}
.category {
    position: relative;
    background: #FFF;
    padding: 10px;
    text-align: center;
}
.item:hover, .category:hover {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1)
}
.item img, .category img {
    width:100%; 
}
.img {
    order:6;
    width: 100%;
}
.name {
   order:5;
}
.art {
   order:4;
}
.razm1 {
   order:3;
}
.razm2 {
   order:2;
}
.kolvo {
   order:1;
}
.price {
   order:0;
}






/*стиль шапки зеленой таблицы*/
.h2 {
	FONT-WEIGHT: bold; FONT-SIZE: 18px; COLOR: #000000; FONT-FAMILY: arial,helvetica
}

/*стиль описания беджа и опций*/
.info {
		PADDING-RIGHT: 10px;
		PADDING-LEFT: 10px;
		FONT-SIZE: 10pt; PADDING-BOTTOM: 5px; COLOR: #000000; LINE-HEIGHT: 130%; PADDING-TOP: 5px;
		FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
		TEXT-ALIGN: justify
}

/*стиль описания групп бэджей*/
.info1 {
		FONT-SIZE: 13px; COLOR: #000000; LINE-HEIGHT: 130%; FONT-FAMILY:  Verdana, Arial Cyr, Arial, Tahoma; TEXT-ALIGN: justify
}
a.h3 {
		FONT-SIZE: 13px; COLOR: #000000; LINE-HEIGHT: 110%; FONT-FAMILY: Verdana, Arial Cyr, Arial, Tahoma; TEXT-ALIGN: justify
}
a.h3:hover {
		FONT-SIZE: 13px; COLOR: #000000; LINE-HEIGHT: 110%; FONT-FAMILY: Verdana, Arial Cyr, Arial, Tahoma; TEXT-ALIGN: justify
}


/*стиль шапки серых табоиц*/
.left_table_top {
		PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-SIZE: 11px; PADDING-BOTTOM: 3px; COLOR: #000000; PADDING-TOP: 3px; FONT-FAMILY: Verdana, Arial Cyr, Arial, Tahoma; BACKGROUND-COLOR: #c0c0c0
}

/*стиль ячеек в серых таблицах*/


.left_table_text {
PADDING-RIGHT: 5px; PADDING-LEFT: 0px;  PADDING-BOTTOM: 3px; PADDING-TOP: 3px; FONT-SIZE: 11px; COLOR: #333; FONT-FAMILY: Verdana, Arial Cyr, Arial, Tahoma; BACKGROUND-COLOR: #f0f0f0
}




.use_text {
PADDING-RIGHT: 0px; PADDING-LEFT: 5px;  PADDING-BOTTOM: 2px;PADDING-TOP: 2px; line-height : 90%; FONT-SIZE: 10px; COLOR: #333; FONT-FAMILY: Verdana, Arial Cyr, Arial, Tahoma; BACKGROUND-COLOR: #f0f0f0
}



.border {border: 1px solid; border-color: #CCCCCC}


.newstext {font-family: Verdana, Arial Cyr, Arial, Tahoma; font-size: 13px; color: #000000; text-align:justify; line-height : 110%}

a.newstext {font-family: Verdana, Arial Cyr, Arial, Tahoma; font-size: 13px; text-align:justify; line-height : 110%; color: #808080; text-decoration: none}

a.newstext:hover {font-family: Verdana, Arial Cyr, Arial, Tahoma; font-size: 13px; text-align:justify; line-height : 110%; color: #088888; text-decoration: none}

.newstitle {FONT-WEIGHT: bold; font-family: Arial Cyr, Arial, Verdana, Tahoma; font-size: 14px; color: #088888; height: 30px}