/** IMMAGINE HEADER **/
.listing_offerte #immagine_header { text-align: center; margin: 30px 0 20px; }
.listing_offerte #immagine_header img { width: 100%; max-width: 960px; height: auto; border-radius: 10px; }
.listing_offerte #immagine_header img.mobile { display: none; }
@media screen and (max-width: 767px) {
	.listing_offerte #immagine_header img.desktop { display: none; }
	.listing_offerte #immagine_header img.mobile { display: block; }
}

/** LISTA OFFERTE **/
.listing_offerte #container_offerte {
	width: 100%; text-align: center; margin: 20px 0 0; box-sizing: border-box; padding: 20px 0 0; border-top: 1px solid #EEE;
}
.listing_offerte #container_offerte .totale_offerte {
	margin: 0 0 20px; font-size: 20px; line-height: 28px; color: #333; font-weight: 600; text-align: left;
}
.listing_offerte #container_offerte .offerta {
	width: 100%; max-width: 314px; float: left; margin: 0 9px 40px 0; display: block; text-decoration: none; background: #F0F0F0;
	-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
}
.listing_offerte #container_offerte .offerta.last { margin: 0 0 40px; }
.listing_offerte #container_offerte .offerta .relative { 
	background: #EE7627; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px;
	border-top-left-radius: 10px; border-top-right-radius: 10px;
}
.listing_offerte #container_offerte .offerta .etichetta {
	position: absolute; left: 0; display: block; background: #0078C2; font-size: 14px; color:#FFF;
	font-weight: 400; padding: 6px 14px;
}
.listing_offerte #container_offerte .offerta .immagine {
    width: 100%; height: 250px; background-repeat: no-repeat; background-position: center center; background-size: cover;
	-webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; transition: all 0.2s linear;
	-moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px;
	border-top-left-radius: 10px; border-top-right-radius: 10px;
}
.listing_offerte #container_offerte .offerta:hover .immagine, .listing_offerte #container_offerte .offerta:active .immagine, 
.listing_offerte #container_offerte .offerta:focus .immagine { opacity: 0.6; }
.listing_offerte #container_offerte .offerta p.nome { 
	text-align: left; margin: 24px 0 0; padding: 0 10px; font-size: 18px; font-weight:500; color:#333; line-height: 1.2;
}
.listing_offerte #container_offerte .offerta p.hotel { 
	text-align: left; margin: 0; padding: 0 10px; font-size: 16px; font-weight:400; color:#333; line-height: 1.2; 
}
.listing_offerte #container_offerte .offerta p.pulsante {
	display: block; width: auto; height: 55px; text-align: center; font-size: 16px;
	color: #FFF; line-height: 55px; font-weight: 500; transition: all 0.2s linear;
	background-color: #EE7627; margin: 16px 10px 10px; box-sizing: border-box;
	-webkit-border-radius: 28px; -moz-border-radius: 28px; border-radius: 28px; padding: 0;
}
.listing_offerte #container_offerte .offerta:hover, .listing_offerte #container_offerte .offerta:active, 
.listing_offerte #container_offerte .offerta:focus { text-decoration: none; }
.listing_offerte #container_offerte .offerta:hover p.pulsante, .listing_offerte #container_offerte .offerta:active p.pulsante, 
.listing_offerte #container_offerte .offerta:focus p.pulsante { background-color: #C16224; }
.listing_offerte #container_offerte .offerta .prezzo {
	position: absolute; top: 0; right: 0; background: #1A9B30; font-size: 12px; font-weight: 400; color:#FFF;
	text-align: center; box-sizing: border-box; padding: 12px 10px; line-height: 16px; max-width: 100px; border-radius: 0 10px 0 0;
}
.listing_offerte #container_offerte .offerta .prezzo span.cifra { display: block; font-size: 20px; line-height: 34px; }
.listing_offerte #container_offerte .offerta .prezzo span.descrizione { font-size: 12px; }
@media screen and (max-width: 1020px) {
	.listing_offerte #container_offerte .offerta { width: 32%; margin: 0 2% 30px 0; }
	.listing_offerte #container_offerte .offerta.last { margin: 0 0 30px; }
	.listing_offerte #container_offerte .offerta .immagine { height: 200px; }
}
@media screen and (max-width: 767px) {
	.listing_offerte #container_offerte .offerta,
	.listing_offerte #container_offerte .offerta.last { float: none; width: 100%; max-width: 310px; display: inline-block; margin: 0 5px 30px; }
	.listing_offerte #container_offerte .offerta .immagine { height: 250px; }
}
@media screen and (max-width: 680px) {
	.listing_offerte #container_offerte .offerta,
	.listing_offerte #container_offerte .offerta.last { float: none; width: 100%; max-width: 370px; display: inline-block; margin: 0 0 30px; }
}