.img-list
{
	overflow:hidden;
}
.img-item
{
//	border:1px solid #d2d2d2;
	float:left;
	width: 150px;
//	margin: 0px 3px 15px 3px;
	margin: 0px 0px 15px 0px;
}
.img-item .img
{
	position:relative;
	height: 150px;
	background-position:50% 50%;
	background-repeat:no-repeat;
}
.img-item .img A
{
	position: absolute;
	z-index: 100;
	display:block;
	width:100%;
	height:100%;
	top:0;
	left: 0;
}
.img-item .swh
{
	color:#9C9579 ;
	font-size: 11px;
	margin: 0 3px 0px 3px;
}
.img-item .ttl
{
	margin: 0 3px 5px 3px;
	word-wrap: break-word;
	height: 36px;
	overflow:hidden;
}
.img-item .blimg
{
	position:absolute;
	z-index: 1000;
}

.img-text
{
	border-bottom:1px solid #D5D2C6;
	margin-bottom: 15px;
	padding: 15px 0;
}
.img-info
{
	margin-top: 15px;
}
.img-info DL
{
	display: grid;
	grid-template-columns: auto 1fr;  /* auto определяет ширину первой колонки, которая равна самому широкому элементу <dt> (auto можно заменить на fit-content(10em), если необходимо её ограничить) */
	grid-row-gap: 2px;
}
.img-info DT
{
	color: #777;
	min-width: 0;  /* более привычное поведение при переполнении */
}
.img-info DD
{
	margin: 0 0 0 1em;
}


#imglist
{
	clear:both;
}
#imglist TD
{
	vertical-align:top;
	border-bottom:0;
	width:164px;
	padding: 5px 0;
}
#imglist .blimg
{
	border:1px solid #fff;
	border-bottom:0;
}
#imglist .img
{
	width:150px;
	height:150px;
	margin:0 6px 15px 6px;
	padding: 7px 0 0 0;
	text-align: center;
}
#imglist .ttl
{
	margin: 0 6px 5px 6px;
	width:138px;
	word-wrap: break-word;
}
#imglist .swh
{
	color:#9C9579 ;
	font: 11px Arial;
	margin: 0px 6px;

}
#imglist A
{
	text-decoration:none;
	font: bold 14px Arial;
	color: #0C5D93;
}
#imglist A:hover
{
	color: #7A1110;
}

.imghint
{
	position:absolute;
	z-index:999;
	display:none;
	background-color:#fff;
	width:162px;
	border: 1px solid  #9C9579;
	border-top: 0;
}
.imghint DIV
{
	text-align:left;
	margin: 7px 6px 0 6px ;
	padding: 7px 0 ;
	border-top:1px solid #9C9579;
	font: 14px Arial;
}

.i_img
{
	height:150px;
	width:150px;
}

#imgbtrecom
{
	text-align:right;
	border-top: 1px solid #D5D2C6;
	border-bottom: 1px solid #D5D2C6;
	padding: 15px 0;
	margin-bottom: 15px;
	color: #9C9579;
}

#imgbtrecom A
{
	text-decoration:none;
	text-transform:uppercase;
	font: bold 11px/24px Tahoma;
	color:#fff;
	text-shadow: 1px -1px #9C9579;
}


#fsend
{
	text-align:right;
}
#fsend TD
{
	padding: 3px 10px;
	font: 14px Arial;
}
#fsend B, #fsend LABEL
{
	display:block;
	text-align:left;
}
#fsend LABEL
{
	margin: 3px 0;
	cursor:pointer;
	padding:3px;
}
#fsend TEXTAREA
{
	border:0 ;
	border-top: 1px solid #D5D2C6;
	border-bottom: 1px solid #D5D2C6;
	width:100%;
	height: 156px;
	font: 14px Arial;
	padding: 2px;
	margin:0 0 10px 0;
}
#fsend INPUT[type=text]
{
	border:0 ;
	border-top: 1px solid #D5D2C6;
	border-bottom: 1px solid #D5D2C6;
	width:100%;
	padding: 2px;
	font: 14px Arial;
	margin:0 0 10px 0;
}
#fsend INPUT[type=submit]
{
	background: transparent url(/i/re/bt-add-comm.png) no-repeat;
	padding-bottom:12px;
	font:bold 12px Tahoma;
	width:150px;
	height:40px;
	border: 0;
	text-transform:uppercase;
	text-shadow: 1px -1px #9C9579;
	color:#fff;
}

#imginfo
{
	margin-top: 25px;
	width:560px;
}
#imginfo TH, #imginfo TD
{
	padding: 5px 0;
}
#imginfo TH
{
	font: 14px Arial;
	background: url(/i/re/point-w-b.png) repeat-x 0 70% ;
	color:#9C9579;
	text-align:left;
	width:100px;
}
#imginfo TH B
{
	font-weight:normal;
	background:#F7F6F2;
}

.imgmenu
{
	position:absolute;
	z-index:1000;
}
.imgmenu FORM
{
	background: #fff;
	border:1px solid #D5D2C6;
	padding: 3px 5px;
}
.imgmenu FORM A
{
	font: normal 12px Tahoma !important; 
}
.imgmenu INPUT[type=submit]
{
	font: normal 12px Tahoma; 
}
#imgtext
{
	border-top:1px solid #D5D2C6;
	margin: 25px 0 0 0;
	padding: 25px 0 0 0;
}