@charset "UTF-8";


/* ********************************** */
/* css/page/home.css */

/* Slideshow */
#slideshow {
	position: relative;
	padding-bottom: 15px;
	background: no-repeat center bottom transparent;
	background-image: url('img/slider-shadow-bottom.jpg');
}

#slideshowImage {
	position: relative;
	width: 100%;
	height: 460px;
	overflow: hidden;
	background: no-repeat center bottom transparent;
	background-image: url('archive/slideshow/piazza-unita.jpg');
}

#slideshowShadowLeft,
#slideshowShadowRight {
	display: block;
	position: absolute;
	bottom: 15px;
	width: 113px;
	height: 60px;
	background: no-repeat left bottom transparent;
	background-image: url('img/slider-shadow-lateral.png');
}

#slideshowShadowLeft {
	left: -113px;
	background-position: left bottom;
}

#slideshowShadowRight {
	right: -113px;
	background-position: right bottom;
}



/* Righe home */
.homeContainer {
	margin: 60px auto;
}



/*! Immobili */

#flats,
#houses,
#lookingFor,
#estimate {
	position: relative;
	float: left;
	width: 48%;
}

#houses,
#estimate {
	margin-left: 4%;
}


#flatsTitle,
#housesTitle {
	display: block;
	height: 50px;
	line-height: 50px;
	font-family: 'Oswald', Arial, sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	text-indent: 80px;
	background: no-repeat left top #FFF;
	background-image: url('img/immobil-slider.jpg');
}

#flatsTitle {
	background-position: left top;
}

#housesTitle {
	background-position: left bottom;
}

#flatsListLink,
#housesListLink {
	position: absolute;
	top: 0;
	right: 4%;
	height: 50px;
	line-height: 50px;
}


#flatsListLinkLabel,
#housesListLinkLabel {
	display: none;
	float: left;
	color: #e43b24;
	font-size: 18px;
	text-transform: lowercase;
}

#flatsListLink:hover #flatsListLinkLabel,
#housesListLink:hover #housesListLinkLabel {
	display: inline;
}


#flatsListLinkArrow,
#housesListLinkArrow {
	float: right;
	width: 19px;
	height: 100%;
	background-position: center center;
	background-image: url('img/immobil-list-arrow-hover.jpg');
	margin-left: 10px;
}


#flatsContainer,
#housesContainer {
	position: relative;
	height: 320px;
}

.flat,
.house {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


.flatImageWrapper,
.houseImageWrapper {
	position: relative;
	width: 100%;
	height: 210px;
	background: #333;
	overflow: hidden;
	text-align: center;
}

.flatImage,
.houseImage {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}


.flatDetailLink,
.houseDetailLink {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 92%;
	padding: 0 4%;
	height: 50px;
	line-height: 50px;
	text-align: right;
/* 	background: url('img/home-immobil-hover.png'); */
	background: rgba(255,255,255,0.8);
	z-index: 100;
}


.flatDetailLinkLabel,
.houseDetailLinkLabel {
	color: #e43b24;
	font-size: 18px;
	text-transform: lowercase;
}


.flatDetailLinkArrow,
.houseDetailLinkArrow {
	float: right;
	width: 19px;
	height: 100%;
	background-position: center center;
	background-image: url('img/immobil-detail-arrow-hover.png');
	margin-left: 10px;
}


.flatData,
.houseData {
	padding: 20px 0;
	background: no-repeat left center #FFF;
	background-image: url('img/immob-icons-home.jpg');
}

.flatAddress,
.flatPrice,
.houseAddress,
.housePrice {
	display: block;
	height: 32px;
	line-height: 32px;
	text-align: left;
	font-size: 18px;
	text-indent: 80px;
}

.flatPrice,
.housePrice {
	font-family: 'Oswald', Arial, sans-serif;
	color: #BBB;
}



/*! Banner */

#lookingFor,
#estimate {
	background: #222;
}

#lookingForTitle,
#estimateTitle {
	display: block;
	height: 50px;
	line-height: 50px;
	font-family: 'Oswald', Arial, sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	text-align: center;
	color: #FFF;
	background: #222;
	border-bottom: 1px solid #2f2f2f;
}

.lookingForIcons {
	float: left;
	display: block;
	width: 64px;
	height: 143px;
	background: no-repeat left center #222;
	background-image: url('img/cercando-icons-home.jpg');
	border-right: 1px solid #2f2f2f;
}

.lookingForIcons.category2 {
	background-position: left center;
}

.lookingForIcons.category3 {
	background-position: right center;
}

.lookingForData {
	float: left;
	display: block;
	padding: 25px 0;
}

.lookingForAddress,
.lookingForCategory,
.lookingForDetailLink {
	display: block;
	height: 32px;
	line-height: 32px;
	text-align: left;
	font-size: 18px;
	text-indent: 28px;
	color: #FFF;
}

.lookingForDetailLink {
	color: #4e4e4e;
}

.lookingForDetailLink:hover {
	text-decoration: underline;
}


#estimateTitle{
	text-align: left;
	text-indent: 251px;
}

#estimateImage {
	position: absolute;
	top: 0;
	left: 0;
}

#estimateDescription {
	font-size: 18px;
	color: #FFF;
	padding: 30px;
	padding-left: 251px;
/* 	min-height: 83px; */
}

#estimateLink {
	float: right;
}

#estimateLinkLabel {
	display: block;
	float: left;
	text-align: left;
	font-size: 18px;
	text-indent: 28px;
	color: #4E4E4E;
}

#estimateLinkArrow {
	float: left;
	display: block;
	width: 20px;
	height: 18px;
	background: no-repeat center center transparent;
	background-image: url('img/estimate-home-arrow.jpg');
	margin: 0 30px 10px 10px;
}


.flatDetailLink,
.houseDetailLink {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 92%;
	padding: 0 4%;
	height: 50px;
	line-height: 50px;
	text-align: right;
/* 	background: url('img/home-immobil-hover.png'); */
	background: rgba(255,255,255,0.8);
	z-index: 100;
}


.flatDetailLinkLabel,
.houseDetailLinkLabel {
	color: #e43b24;
	font-size: 18px;
	text-transform: lowercase;
}


.flatDetailLinkArrow,
.houseDetailLinkArrow {
	float: right;
	width: 19px;
	height: 100%;
	background-position: center center;
	background-image: url('img/immobil-detail-arrow-hover.png');
	margin-left: 10px;
}



#lookingForContainer {
	position: relative;
	height: 143px;
}

.lookingFor {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #222;
}



/*! Pagination */

.carouselPagination {
	padding: 5px 0;
    text-align: center;
}

.carouselPaginationButton {
	display: inline-block;
	background: #222;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	margin-left: 5px;
}

.carouselPaginationButton.current {
    background: #FFF;
}


#lookingForContainerPagination {
	background: #2F2F2F;
	padding-top: 10px;
}