@import url("/css/static-types.css");

.type-title H1 {
	font-size: 36px;
}
.warm-types-cont {
	padding: 52px 0 26px 22px;
	background: #f1f1f1;
	margin-top: 36px;
	overflow: hidden;
}
.warm-types {margin-right: -20px;}
.warm-types > LI {
	padding-left: 120px;
	margin-bottom: 26px;
	margin-right: 18px;
	position: relative;
	padding-top: 2px;
	height: 85px;
	width: 120px;
	float: left;
}
.warm-types > .warm-type-group,
.warm-types > .warm-type-shkaf {padding-left: 115px}
.warm-types > .warm-type-nasos,
.warm-types > .warm-type-auto {width: 145px;}
.warm-types > LI:before {
	background: url("/img/icons/floot-types-icons.png") 0 0 no-repeat;	
	position: absolute;
	display: block;
	height: 87px;
	width: 110px;
	content: '';
	left: 0;
	top: 0;
}
.warm-types > .warm-type-group:before {background-position: 0 0;}
.warm-types > .warm-type-group:hover:before {background-position: 0 -87px;}
.warm-types > .warm-type-nasos:before {background-position: -110px 0;}
.warm-types > .warm-type-nasos:hover:before {background-position: -110px -87px;}
.warm-types > .warm-type-shkaf:before {background-position: -220px 0;}
.warm-types > .warm-type-shkaf:hover:before {background-position: -220px -87px;}
.warm-types > .warm-type-auto:before {background-position: -330px 0;}
.warm-types > .warm-type-auto:hover:before {background-position: -330px -87px;}
.warm-types > LI .title {
	font: 18px/20px DINcondensed;
	text-transform: uppercase;
	display: block;
	color: #ae106d;
}
.warm-types > LI:hover .title {color: #f739a9;}
.warm-types > LI .descr {
	font: italic 12px/14px openSans;
	margin-top: 10px;
	color: #232f33;
}
.warm-types > .warm-type-auto .descr {margin-top: 4px;}