@charset "UTF-8";


/* ********************************** */
/* css/page/referenze_list.css */


#content {
/* 	background: #2f2f2f; */

}

/*! Categorie */

#categories {
	text-align: center;
	background: #bbb;
	width: 100%;
	height: 80px !important;
	line-height: 80px;
}

#categories li {
	display: inline;
}

.category {
	font-size: 18px;
	color: #FFF;
	padding: 0 20px;
}

.category.selected {
	color: #26348b;
}


/*! Immobili */

#products {
	margin-top: 50px;
	width:100% !important;
	overflow:hidden;
}

.product {
	position: relative;
	/*float: left;*/
	display:inline-block;
	vertical-align:top;
	width: 31%;
	margin: 0 1.15%;
	margin-bottom: 40px;
	background: #FFF;
	height:auto;
	/*min-height:380px;*/
	
}


.productCategoryIcon {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	z-index: 10;
	width: 64px;
	height: 35px;
	background: #26348c;
}

.productCategoryIcon.category2 {
	background-position: center -35px;
}

.productCategoryIcon.category3 {
	background-position: center 0;
}


.productData {
	position: relative;
}

.productValue,
.productDescription {
	display: block;
	border-left: 64px solid transparent;
	padding-left: 20px;
	font-size: 14px;
}

.productValue {
	height: 35px;
	line-height: 35px;
	font-size: 14px;
    overflow: hidden;
    padding-right: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: "eurostile-bold";
}

.productValue.priceValue {
	font-family: 'Oswald', Arial, sans-serif;
	color: #26348b;
}

.productDescription {
	border-left-color: #e4e4e4;
	line-height: 25px;
	padding-right: 20px;
	font-size: 16px;
}

.productInfoButton {
	display: block;
	color: #26348b;
	font-size: 18px;
	margin-top: 20px;
	padding-right: 15%;
	text-align: right;
	background: no-repeat 93% center transparent;
	background-image: url('img/immobil-list-arrow-hover.jpg');
}

/* -------------------------------------------------------------------------------- */
@media only screen and (min-width : 960px) and (max-width : 1170px){
	
	.product {
		width: 48%;
		margin: 0 1% 40px;		
	}
	.productDescription {
		font-size:18px;	
	}
	.productValue{
		font-size:16px;
	}
	
}

/* -------------------------------------------------------------------------------- */
@media only screen and (max-width : 959px) {
	
	
	.product{
		width:100%;
		margin: 0 1% 40px;
		min-width: 280px;
		padding-bottom:10px;
		float: none;
		height:auto;
	}
	.productDescription {
		font-size:18px;	
	}
	.productValue{
		font-size:16px;
	}
}

/* lista filtro immobili */

@media only screen and (max-width : 767px) {
	
	
	#categories {
		height: 150px !important;
		min-width: 280px;
	}
	#categories li {
		display: block;
		line-height:50px;
		height:50px;
	}
	#categories .category {
		font-size: 1.8em;
	}


}