body {
	background-color: #fff;
	padding: 0;
	margin: 0;
	font-family: 'Lato', "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	font-weight: 400; 
	font-size: 13px;
}

a { color: #545E5E; text-decoration: none; }

h1 { font-size: 24px; padding: 0; margin: 20px 0; font-weight: normal; color: #555 }

h2 { 
	font-size: 20px; padding: 0; margin: 0 0 1px 0;  font-weight: normal;  
}
	h2 a {
		display: block;
		color: #545E5E; background: url(/img/mobile_ico_down.png) no-repeat right center #ecf0f1; padding: 20px; 
	}
	h2 span.noLink { /* per quando non ci sono linkMosNas */
		display: block;
		color: #545E5E; background: #f5f5f5; padding: 20px; 	
	}
	
form { padding: 0; margin: 0; }
	input.inputGenerico,
	textarea.textareaGenerica { 
		box-sizing: border-box; -moz-box-sizing: border-box;
		border: 1px solid #dedede; padding: 5px; font-size: 14px; color: #333; font-family: 'Lato'; font-weight: 400; 
	}
		input.inputGenerico { height: 36px; line-height: 24px; }
	select.selectGenerica {
		-webkit-appearance: none; -moz-appearance: none; appearance: none;
		cursor: pointer;
		vertical-align:middle;
		background: url(/img/ico_freccina_giu.png) center right no-repeat #fff;;
		border: 1px solid #dedede;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;		
		color: #7f8c8d;
		padding: 7px 30px 7px 7px;
		font-size:12px;			
	}
		/* rimuove la freccina di sfondo se siamo su firefox (perché FF e browser simili, mostrano la freccetta di sistema) - commentato perché viene fatto via JS -
		@-moz-document url-prefix() { 
			select.selectGenerica { background: none; }
		}
		*/
		.msie select.selectGenerica,
		.mozilla select.selectGenerica,
		.opera select.selectGenerica { /* stili alternativi per browser che non supportano bene appearance: none; */
			background: none; padding: 7px;
		}

	input.pulsante,
	a.pulsante { /* pulsante generico (può essere sia un <input> che un <a> */
		-webkit-appearance: none; -moz-appearance: none; appearance: none;	
		box-sizing: border-box; -moz-box-sizing: border-box;
		font-size: 14px; height: 40px; line-height: 40px; padding: 0 15px; background-color: #e32480; color: #fff; font-size: 14px; text-decoration: none; border: 0; text-align: center; text-transform: uppercase; border-radius: 2px;
	}	
		a.pulsante { display: block; }
		input.pulsante:hover,
		a.pulsante:hover { background-color: #666; cursor: pointer; }			


#wrapper { max-width: 680px; margin: 0 auto; }

.contenutoPagina { padding: 15px; }

	#testata { }
	
		#barraTop { height: 50px; margin: 15px; }
			a#logo { display: block; width: 168px; height: 43px; text-decoration: none; float: left; }
				a#logo img { width: 100%; height: 100%; border: 0; margin: 3px 0 0 0; }
			a#menuMobile { display: block; width: 33px; height: 18px; background: url(/img/mobile_ico_menu.png) center center no-repeat; float: right; margin: 16px; }
				a#menuMobile span { display: none; }
			a#linkPreferiti { display: block; height: 50px; line-height: 50px; background: url(/img/ico_preferiti.png) left center no-repeat; padding-left: 24px; float: right; }
				
			.js #menuMobileContainer { display: none; }
				ul#menuMobileList { margin: 0; padding: 0; list-style: none; }
					ul#menuMobileList li { display: block; padding: 0; margin: 0; }
						ul#menuMobileList li a { display: block; padding: 30px; border-bottom: 1px solid #fff; background: #ecf0f1; font-size: 16px; font-weight: 700; text-transform: uppercase; }

				
		/* Barra ricerca */
		form#formCerca { height: 184px; margin: 0 auto; padding: 0; }
		
			/* casella di ricerca */
			#barraRicerca { }
		
				#barraRicerca div { margin: 0 0 20px 0; position: relative; }
			
					#barraRicerca div .didascaliaErrore { color: #c00; font-size: 11px; position: absolute; z-index: 1; top: 48px; left: 0; width: 300px; }
					#barraRicerca div input.inputGenerico { width: 100%; padding: 10px 10px 10px 43px; height: 46px; border-color: #bdc3c7; background: #fff; }
						#barraRicerca div.qFormCerca input.inputGenerico { background: url(/img/ico_lente.png) left center no-repeat #fff; }

						#barraRicerca div.checkDestinazioneContainer { height: 52px; }
							#barraRicerca div.checkDestinazioneContainer div.checkDestinazione { height: inherit; width: 25%; overflow: hidden; float: left; }
								#barraRicerca div.checkDestinazioneContainer div.checkDestinazione a.check_vicino,
								#barraRicerca div.checkDestinazioneContainer div.checkDestinazione a.check_milano,
								#barraRicerca div.checkDestinazioneContainer div.checkDestinazione a.check_provincia,
								#barraRicerca div.checkDestinazioneContainer div.checkDestinazione a.check_lombardia { 
									display: block; height: 32px; line-height: 16px; padding: 10px 0; font-size: 11px; text-align: center; width: auto; background: #ccc; color: #666; margin: 0 1px 0 0;
									-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
								}
									#barraRicerca div.checkDestinazioneContainer div.checkDestinazione a.check_vicino {  }
									#barraRicerca div.checkDestinazioneContainer div.checkDestinazione a.check_milano { }
									#barraRicerca div.checkDestinazioneContainer div.checkDestinazione a.check_provincia { }
									#barraRicerca div.checkDestinazioneContainer div.checkDestinazione a.check_lombardia { margin: 0; }

					#barraRicerca div.pulsanteFormCerca { margin: 0; }
						#barraRicerca div.pulsanteFormCerca input.pulsante { 
							width: 100%; height: 46px; line-height: 46px; font-size: 16px; color: #fff; background: #e32480;
							/* text-indent: -1000px; overflow: hidden; background: url(img/ico_lente2.png) center center no-repeat #e32480; */
							/* border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-top-left-radius: 0; border-bottom-left-radius: 0; */
						}
							#barraRicerca div.pulsanteFormCerca input.pulsante:hover { background-color: #666; }				
				
		

		ul#menu { margin: 0; padding: 0; list-style: none; display: block; height: 90px; overflow: hidden; text-transform: capitalize; }
			ul#menu li { padding: 0; margin: 0; height: inherit; display: block; float: left; }
			ul#menu li.cerca { width: 33%; }
			ul#menu li.dintorni { width: 34%; }
			ul#menu li.regioni { width: 33%; }
				ul#menu li a { display: block; padding: 50px 0 5px 0; height: 35px; line-height: 35px; background: #E32480 top center no-repeat; color: #fff; font-size: 14px; text-decoration: none; text-align: center; }
					ul#menu li.cerca a { background-image: url(/img/mobile_ico_cerca_sm.png); }
					ul#menu li.dintorni a { background-image: url(/img/mobile_ico_dintorni_sm.png); border-left: 1px solid #fff; border-right: 1px solid #fff; }
					ul#menu li.regioni a { background-image: url(/img/mobile_ico_regioni_sm.png); }
					
			#barra-regioni,
			#barra-cerca,			
			#barra-regioni-home,
			#barra-cerca-home { padding: 20px; margin: 0; background: #ecf0f1; }
				#barra-regioni,
				#barra-regioni-home { padding: 10px 20px; }
					/* modificatore per l'elenco dentro questo div */
					#barra-regioni ul.elenco,
					#barra-regioni-home ul.elenco { }
					#barra-regioni ul.elenco li,
					#barra-regioni-home ul.elenco li,
					#barra-regioni ul.elenco li:last-child,
					#barra-regioni-home ul.elenco li:last-child { border-color: #ccc; } /* vedi codice più sotto */
				.js #barra-regioni,
				.js #barra-cerca,
				.js #barra-regioni-home,
				.js #barra-cerca-home { display: none; }

	#menuBottom { padding: 15px 0; margin: 35px auto 0 auto; border: 1px solid #ccc; height: 32px; border-left: 0; border-right: 0; }
		#menuBottom a { color: #545E5E; display: block; height: inherit; line-height: 32px; font-size: 18px; text-transform: uppercase; }
			#menuBottom a.bt_home { float: left; padding-left: 32px; margin-left:10px; background: url(/img/mobile_ico_home.png) no-repeat left center; }
			#menuBottom a.bt_indietro { float: right; padding-right: 32px; margin-right: 10px; background: url(/img/mobile_ico_back.png) no-repeat right center; }

	#footer { padding: 20px 0; margin: 15px auto 0 auto; x}
		ul#menuLingue { padding: 0; margin: 0 auto; width: 300px; height: 30px; list-style: none; display: block; }
			ul#menuLingue li { padding: 0; margin: 0; width: 20%; height: inherit; display: block; float: left; }
				ul#menuLingue li a { display: block; width: 100%; height: inherit; float: left; background-position: center center; background-repeat: no-repeat; text-decoration: none; }
					ul#menuLingue li a span { display: none; }
					/* modificatori di ul#menu li */
					ul#menuLingue li.bn_it a { background-image: url(/img/mobile_bn_it.gif); }
					ul#menuLingue li.bn_en a { background-image: url(/img/mobile_bn_en.gif); }
					ul#menuLingue li.bn_fr a { background-image: url(/img/mobile_bn_fr.gif); }
					ul#menuLingue li.bn_de a { background-image: url(/img/mobile_bn_de.gif); }
					ul#menuLingue li.bn_es a { background-image: url(/img/mobile_bn_es.gif); }
					
		#footer .esciSitoOttimizzato { padding: 15px; text-align: center; }


ul.elenco { display: block; list-style: none; padding: 0; margin: 20px 0; font-size: 18px; }
	ul.elenco li { position: relative; display: block; line-height: 30px; padding: 10px; margin: 0 10px; border-bottom: 1px solid #e5e5e5; /* text-transform: capitalize; */ }
			/* modificatore per l'elenco dentro questo div */
			#barra-regioni ul.elenco,
			#barra-regioni-home ul.elenco { }
			#barra-regioni ul.elenco li,
			#barra-regioni-home ul.elenco li,
			#barra-regioni ul.elenco li:last-child,
			#barra-regioni-home ul.elenco li:last-child { border-color: #ccc; } /* vedi codice più sopra */			
		ul.elenco li:last-child { border-bottom: 1px solid #e5e5e5;}
		ul.elenco li a { display: block; background: url(/img/mobile_ico_freccina.png) no-repeat right center; line-height: 30px; padding-right: 35px; }
			ul.elenco li a span.distanza { font-size: 16px; color: #999; }		
		ul.elenco li ul {
			display: block;
			list-style: none;
			padding: 0;
			margin: 0 0 0 15px;
		}
			ul.elenco li ul li { 
				line-height: 30px;			
				padding: 10px 10px 10px 15px; 
				border-top: 0;
				background: url(/img/submenu.gif) left center no-repeat;
			}
				ul.elenco li ul li:last-child { border-bottom: 0; }
				ul.elenco li ul li a { display: block; background: none; line-height: 30px; }
			
				
ul.elencoStruttura { display: block; list-style: none; padding: 0; margin: 20px 0; font-size: 18px; border-bottom: 1px solid #e5e5e5; /* non uso last-child perché in qusto caso non funziona */  }
	ul.elencoStruttura li { display: block; line-height: 40px; padding: 10px; margin: 0 10px; border-top: 1px solid #e5e5e5; }
		/* ul.elencoStruttura li:last-child { border-bottom: 1px solid #e5e5e5; } */
		ul.elencoStruttura li a { display: block; background: no-repeat left center; line-height: 40px; padding-left: 35px; text-transform: uppercase; }	
			/* modificatori di ul.elencoStruttura li */
			ul.elencoStruttura li.el_Periodo a { background-image: url(/img/mobile_ico_el_calendario.png); }
			ul.elencoStruttura li.el_Email a { background-image: url(/img/mobile_ico_el_email.png); }
			ul.elencoStruttura li.el_Tel a { background-image: url(/img/mobile_ico_el_tel.png); }
			ul.elencoStruttura li.el_Cell a { background-image: url(/img/mobile_ico_el_cell.png); }
			ul.elencoStruttura li.el_Mappa a { background-image: url(/img/mobile_ico_el_mappa.png); }
			ul.elencoStruttura li.el_Foto a { background-image: url(/img/mobile_ico_el_foto.png); }
			ul.elencoStruttura li.el_Preferiti { }
			
			/* inizio - alert e css dei preferiti (versione per colonna destra pagina struttura ) */
			ul.elencoStruttura li.el_Preferiti .actionPreferiti { }
				ul.elencoStruttura li.el_Preferiti .actionPreferiti .loadingPreferiti, /* .loadingPreferiti compare tramite jquery */
				ul.elencoStruttura li.el_Preferiti .actionPreferiti .alertPreferiti { }
					ul.elencoStruttura li.el_Preferiti .actionPreferiti .loadingPreferiti { }
					ul.elencoStruttura li.el_Preferiti .actionPreferiti .alertPreferiti { }
						ul.elencoStruttura li.el_Preferiti .actionPreferiti .alertPreferiti span { }
				ul.elencoStruttura li.el_Preferiti .actionPreferiti a { }	
					ul.elencoStruttura li.el_Preferiti .actionPreferiti a:hover { }
					ul.elencoStruttura li.el_Preferiti .actionPreferiti a span { }
						/* modificatori di .boxStruttura .action .actionPreferiti a */
						ul.elencoStruttura li.el_Preferiti .actionPreferiti a.aggiungiPreferitiLink { background: url(/img/mobile_ico_preferiti_struttura.png) left center no-repeat #fff;  }
						ul.elencoStruttura li.el_Preferiti .actionPreferiti a.rimuoviPreferitiLink { background: url(/img/mobile_ico_preferiti_struttura_rimuovi.png) left center no-repeat #fff; color: #e32480; }
			

/*
ul.elencoPaginaStruttura { display: block;	list-style: none; padding: 0; margin: 20px 0; font-size: 18px; }
	ul.elencoPaginaStruttura li { position: relative; display: block; margin: 0 0 1px 0; }
		ul.elencoPaginaStruttura li a { display: block; line-height: 70px; padding: 10px 70px; 10px 10px; background-color: #f2f2f2; background-position: right center; background-repeat: no-repeat; }*/
			/* mofificatori di ul.elencoPaginaStruttura li a */
			/*
			a.lnk_email { background-image: url(/img/mobile_ico_email_flat.png); }
			a.lnk_mappa { background-image: url(/img/mobile_ico_mappa_flat.png); }
			a.lnk_telefono { background-image: url(/img/mobile_ico_telefono_flat.png); }
			a.lnk_foto { background-image: url(/img/mobile_ico_foto_flat.png); }									
			*/

.separatore { clear: both; height: 1px; line-height: 1px; overflow: hidden; font-size: 1px; }
.linea { height: 15px; margin-bottom: 15px; overflow: hidden; border-bottom: 1px solid #ccc; clear: both; }	

.alert,
.alertRilievo,
.alertVerde,
.alertRosso { text-align: center; padding: 30px; margin: 10px 0 30px 0; font-size: 14px; background: #f5f5f5; }
	.alertRilievo { color: #e32480; }
	.alertVerde {  background: #d4ffda; }
	.alertRosso {  background: #f03; color: #fff }

/*
ul.sottoMenu { padding: 0; margin: 0 auto 15px auto; list-style: none; display: block; height: 60px; background: url(/img/mobile_linea_verticale.gif) repeat-y center center; }
	ul.sottoMenu li { padding: 0; margin: 0; height: inherit; display: block; width: 50%;  }
		ul.sottoMenu li.ordinaPrezzo,
		ul.sottoMenu li.annullaOrdinaPrezzo { float: left; }
		ul.sottoMenu li.trovaVicinoA { float: right; }
			ul.sottoMenu li a { display: block; padding: 37px 0 5px 0; margin: 0; line-height: 18px; height: 18px; font-size: 11px; font-weight: bold; text-align: center; width: 100%; background: top center no-repeat; }
				ul.sottoMenu li.ordinaPrezzo a,
				ul.sottoMenu li.annullaOrdinaPrezzo a { float: left; background-image: url(/img/mobile_ico_euro.png);  }
				ul.sottoMenu li.trovaVicinoA a { float: right; background-image: url(/img/mobile_ico_poi.png);  }			
*/

ul.barraSuggerimenti { /* menu/barra che contiene dei suggerimenti (ordina per prezzo, numero strutture trovate, ecc. */
	margin: 0; padding: 5px 0; 
}
	ul.barraSuggerimenti li { display: block; border-bottom: 1px dotted #ccc; } 
		ul.barraSuggerimenti li a { display: inherit; float: inherit; height: inherit; line-height: 35px; padding: 0 10px 0 35px; text-transform: lowercase; }
			ul.barraSuggerimenti li.ordinaPrezzo a,
			ul.barraSuggerimenti li.annullaOrdinaPrezzo a { background: url(/img/mobile_ico_euro.png) no-repeat left; } /* pulsante per ordinare per prezzo */		
			ul.barraSuggerimenti li.trovaVicinoA a { background: url(/img/mobile_ico_poi.png) no-repeat left; } /* pulsante dintorni */				
			ul.barraSuggerimenti li.neiDintorni a { background: url(/img/mobile_ico_dintorni2.png) no-repeat left; } /* pulsante dintorni */				
			ul.barraSuggerimenti li.struttureTrovate { display: none; /* float: right; border-right: 0; color: #e32480; */ } /* numero di strutture trovate (nessun link) */
			ul.barraSuggerimenti li.mnContDistanze { position: relative; } /* contiene un menù a tendina in jquery per le distanze */
				ul.barraSuggerimenti li.mnContDistanze a { background: url(/img/ico_freccina_giu.png) no-repeat left; } 
			
				ul.barraSuggerimenti li.mnContDistanze ul { /* menù a tendina (nascosto) che sta dentro ul.barraSuggerimenti li.mnContDistanze */
					position: absolute; display: none; list-style: none; top: 35px; left: 0; z-index: 100; padding: 5px; margin: 0; width: 140px; border: 1px solid #becbce; background: #ecf0f1; } /* contiene il menù delle distanze in KM (viene visualizzato da jquery) */
					ul.barraSuggerimenti li.mnContDistanze ul li { display: block; float: none; height: 35px; line-height: 35px; border-bottom: 1px dotted #ccc; border-right: 0; }
					ul.barraSuggerimenti li.mnContDistanze ul li:last-child { border-bottom: 0; }
						ul.barraSuggerimenti li.mnContDistanze ul li a { display: inherit; float: none; height: inherit; line-height: inherit; padding: 0 10px; background: none; }
							/* ul.barraSuggerimenti li.mnContDistanze ul li a:hover { background: #becbce; color: #fff; } */
	
							
/* --- SUGGERIMENTI (suggerimenti.cfm) --- */
.boxSuggerimenti_POI, 
.boxSuggerimenti_citta, 
.boxSuggerimenti_macrolocalita,
.boxSuggerimenti_strutture { border: 1px solid #bdc3c7; padding: 20px 12px 20px 60px; margin: 0 0 5px 0; font-size: 18px; }
	
	.boxSuggerimenti_POI { background: url(/img/ico_poi_suggerimenti.png) left no-repeat #fff; }
	.boxSuggerimenti_citta { background: url(/img/ico_citta_suggerimenti.png) left no-repeat #fff; }
	.boxSuggerimenti_macrolocalita { background: url(/img/ico_macrolocalita_suggerimenti.png) left no-repeat #fff; }
	.boxSuggerimenti_strutture { background: url(/img/ico_strutture_suggerimenti.png) left no-repeat #fff; }

/* classi per ritagliare un'immagine con margini negativi, dentro a un box con overlay hidden (es. foto gestore, thumb foto struttura, foto lista, ecc.) */
img.img_adatta_w_h { width: 100%; height: 100%; border: 0; } /* adatta in entrambi i lati (altezza e larghezza) */
img.img_adatta_h { width: auto; height: 100%; border: 0; } /* adatta in altezza */
img.img_adatta_w { width: 100%; height: auto; border: 0; } /* adatta in larghezza */
	

.boxStruttura { position: relative; margin: 0 0 15px 0; padding: 0; border: 1px solid #ccc;  }
	/* .wrapper .boxStruttura:first-child { border-top: 1px solid #ccc; } */
	.boxStruttura a.icoElemento { position: absolute; display: block; top: 10px; left: 10px; width: 100px; height: 75px; text-decoration: none; overflow: hidden; }
		.boxStruttura a.icoElemento img { /* vedi css sopra "img.img_adatta_w_h", "img.img_adatta_w" e "img.img_adatta_h" */ }

	.boxStruttura a.infoStruttura { 
		box-sizing: border-box; -moz-box-sizing: border-box;
		display: block;  min-height: 75px; padding-left: 110px; color: #333;
		margin: 10px; overflow: hidden;
	}
		.boxStruttura a.infoStruttura span.titolo { font-size: 16px; text-transform: uppercase; color: #555; font-weight: 700; font-family: 'Roboto Slab'; }
		.boxStruttura a.infoStruttura span.descrizione { color: #666; }	
	

/*
a.pulsanteGenerico { display: block; margin: 15px; padding: 15px; text-align: center; border: 1px solid #ccc; font-size: 18px; }
*/

.indirizzo { padding: 15px; font-size: 14px; line-height: 20px; color: #545e5f; padding: 0 20px; }

.prezziContainer { padding: 15px; font-size: 14px; color: #545e5f; }
	.prezziContainer .prezzi { line-height: 20px; padding: 0 5px; float: left; }
	.prezziContainer a.notePrezzi { display: block; float: left; height: 20px; line-height: 20px; font-size: 11px; background: url(/img/mobile_ico_plus.png) #ecf0f1 left center no-repeat; color: #666; padding: 0 5px 0 20px; margin: 20px 0 0 0; text-transform: uppercase; }

	#notePrezziContainer { padding: 15px; margin-top: 15px; background: #ecf0f1; }

.containerTesto { padding: 15px; font-size: 16px; line-height: 25px; color: #545e5f; }


#prenotazioneStruttura { padding: 0; margin-bottom: 15px; }
	#prenotazioneStruttura form { padding: 15px; margin: 0 15px; background: #ecf0f1; }

#calendarioPeriodi { padding: 0; margin-bottom: 15px; }	
	#calendarioPeriodi .periodiContainer { padding: 15px; margin: 0 15px; background: #ecf0f1; }
	
/* box a scomparsa, elenchi nascosti, ecc. */
.boxScomparsa,
.elencoNascosto { }
	.js .elencoNascosto, /* elementi per nascondere le voci in elenchi troppo lunghi */ 
	.js .boxScomparsa { display: none; } /* box a scomparsa (modulo email, note prezzi, ecc)  */	
	
.loadingAjax { height: 30px; line-height: 30px; text-align: center; background-color: #ecf0f1; color: #666; font-weight: bold; } /* viene generato da jquery */
	.loadingAjax div { background-image: url(/img/ico_loading_animated.gif); background-repeat: no-repeat; background-position: 5px 5px; padding: 0 30px; width: 80px; margin: 0 auto; text-align: left; }	
	
#fotoStrutturaContainer { display: none; }
	#fotoStrutturaContainer .fotoStruttura { text-align: center; padding: 0 20px 15px 20px;	}	
		#fotoStrutturaContainer .fotoStruttura img { border: 0px none; width: 100%; height: auto; }


/* Hero */						
.hero { position: relative; }
	.hero #sfondoTestata {
		/*
		display: inline-block;
		vertical-align: middle;
		font: 0/0 serif; 
		*/
		display: block;		
		width: 100%;
		background-size: 100%;
		background-position: 0;
		background-repeat: no-repeat;
		background-color: #f2f2f2;
		background-image: url("/img/mobile_hero.jpg");
	}
		.hero #sfondoTestata .inner {
			padding-top: 60%; /* height/width of image formula per stabilire la percentuale esatta: (altezza / larghezza) x 100 */
			display: block;
			height: 0;
		}
	.hero .contenutoHero {
		position: absolute;
		top: 55%;
		left: 0;
		right: 0;
		/*height: 200px;
		margin: -80px 0;		*/
	}
		.hero .contenutoHero h1 {
			max-width: 660px;
			margin: 0 auto 15px auto; 
			padding: 0 0 0 20px;
			border: 0;
			color: #fff;
			font-family: 'Roboto Condensed';
			font-size: 30px;
			line-height: 30px;
			font-weight: 700;
			/* text-shadow: 1px 1px #999; */
		}
		.hero .contenutoHero .heroTesto {
			/*width: 960px;*/
			margin: 0 auto;			
		}
			.hero .contenutoHero .heroTesto div {
				font-family: 'Roboto Condensed';
				color: #fff;
				font-weight: 400;
				font-size: 17px;
				line-height: 20px;	
				margin: 0 0 15px 0;
			}
	
	.introText { max-width: 680px; text-align: center; padding: 20px 15px 35px 15px; font-size: 16px; color: #545e5f; background: #fff; }
	
		.introText a { font-size: 14px; color: #e32480; text-decoration: none; border: 2px solid #e32480; padding: 10px 20px; text-transform: uppercase; font-weight: 700; /*float: left; margin-left: 25px;*/ }
		.introText a:hover { color: #fff; border-color: #e32480; background: #e32480; }

	.boxTestoGenerico { color: #545e5f; font-size: 14px; line-height: 22px; padding: 0 20px; }

/* --- FORM / MODULI CONTATTO --- */
	/* classi base per moduli (uno sopra l'altro) */
	/* .privacy { padding: 5px; font-size: 11px; } */
	
	.rigaForm { padding: 5px; }
		.rigaForm .etichetta { font-weight: bold; color: #666; font-size: 15px; margin-bottom: 8px; /* line-height: 17px; width: 24%; float: left; text-align: right; */ }
		.rigaForm .campo { /* width: 75%; float: right; */ }
			.rigaForm .campo .didascalia,
			.rigaForm .campo .didascaliaErrore { padding: 3px; font-size: 11px; }
				.rigaForm .campo .didascaliaErrore { color: #c00; font-weight: bold; /* didascalia errore viene generto da jquery */ }
			.rigaForm .campo input.inputGenerico, 
			.rigaForm .campo textarea.textareaGenerica { width: 93%; }
			.rigaForm .campo select.selectGenerica { width: 50%; }
				/* modificatori di .rigaForm .campo input.inputGenerico */
				.rigaForm .campo input.inputCorto { width: 20%; }
				.rigaForm .campo input.inputMedio { width: 50%; }	
		.rigaForm .pulsanteForm { }
			.rigaForm .pulsanteForm input.pulsante { }
				.rigaForm .pulsanteForm .didascaliaErrore { padding: 5px; font-size: 11px; color: #ff7e00; font-weight: bold; font-style: italic; } /* la didascaliaErrore, in prossimità di pulsanti form, cambia leggermente aspetto */			
				
		.avvisoErrore { /* avviso "fixed" in alto */
			position: fixed; top: 0; left: 0; right: 0; z-index: 999;
			padding: 20px; margin-bottom: 20px; background: #fff6cb; font-weight: bold; text-align: center;
		 }							
			
			
/* link in home page */	
.boxHome { }

	a.linkHome { display: block; height: 50px; text-decoration: none; margin: 0; padding: 35px 115px 35px 30px; background: right center no-repeat #fff; text-transform: uppercase; border-top: 1px solid #bdc3c7; }
			/* modificatori di a.linkHome */
			a.lnk_cerca { background-image: url(/img/mobile_ico_cerca.png); }
			a.lnk_dintorni { background-image: url(/img/mobile_ico_dintorni.png); }
			a.lnk_regioni { background-image: url(/img/mobile_ico_regioni.png); }
		a.linkHome span.lnk_tit1 { display: block; height: 30px; line-height: 30px; overflow: hidden; font-size: 18px; color: #545e5f; }
		a.linkHome span.lnk_tit2 { display: block; height: 20px; line-height: 20px; overflow: hidden; font-size: 12px; color: #7f8c8d; }		

/* paginazione */
.paginazione { height: 50px; }
	.paginazione a { 
		box-sizing: border-box;
		-moz-box-sizing:border-box; 	
		display: block; height: inherit; line-height: 50px; font-weight: bold; padding: 0 15px; border: 1px solid #ccc; width: 48%; font-size: 14px; text-transform: capitalize; text-align: center; 
	}
		.paginazione a.pagIndietro { float: left; }
		.paginazione a.pagAvanti { float: right; }			
		

/* recensioni */
.recensioniContainer { padding: 15px; }
	/* modifiche a .recensioniContainer serve per diversificare alcuni stili quando recensioni viene modificato nella lista strutture, a scomparsa */
	.boxScomparsaStruttura .recensioniContainer { padding: 15px; }
	
	.col_recensioniTot_sx,
	.col_recensioni_sx { /* float: left; */ }
	.col_recensioniTot_dx,
	.col_recensioni_dx { /* float: right; */ }
		.col_recensioniTot_dx { background: #f2f2f2; padding: 10px; margin-bottom: 10px; }
		.col_recensioniTot_sx { /* width: 69%; */  padding: 10px; /* float: right; */ background: #f2f2f2; }
		.col_recensioni_sx { /* width: 28%; */ }
		.col_recensioni_dx { /* width: 69%; */ }	
		
		.recensioniTotale { height: 94px; padding: 10px; text-align: center; color: #fff; font-weight: bold; background-color: #e32480; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;  }
			.recensioniTotale .giudCompl { height: 36px; line-height: 18px; font-size: 13px; margin-top: 5px; text-transform: uppercase; color: #fff; }
			.recensioniTotale .giudVoto { height: 30px; line-height: 30px; margin: 3px 0; font-size: 24px; font-weight: bold; }
			.recensioniTotale .giudTxt { height: 20px; line-height: 20px; font-size: 12px; }			
	
		.recCaratteristica { position: relative; line-height: 18px; height: 18px; overflow: hidden; color: #666; border-bottom: 1px dotted #ccc; font-weight: bold; font-size: 10px; }
			.recCaratteristica span { position: absolute; top: 2px; right: 0; display: block; width: 151px; height: 14px;line-height: 14px; }
				.recCaratteristica span img { border: 0; width: 100%; height: 100%; }
			/* .recCaratteristica:first-child { border-top: 1px dotted #ccc; } */

		.recTxt { position: relative; color: #666; padding: 15px 0; }
			.recTxt .recFreccina { display: none; /* position: absolute; z-index: 1px; left: -14px; top: 30px; width: 14px; height: 19px; background: url(/img/rec_freccina_sx.png) 0 0 no-repeat; */ }			
				/* modifiche a .recTxt serve per diversificare alcuni stili quando recensioni viene modificato nella lista strutture, a scomparsa */
				.boxScomparsaStruttura .recTxt { background: #fff; }
					.boxScomparsaStruttura .recTxt .recFreccina { background: url(/img/rec_freccina_sx_bianca.png) 0 0 no-repeat; }
			
		.recRisposta { color: #666; position: relative; margin: 10px 0 0 0; background-color: #e5e5e5; padding: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
			.recRisposta .recFreccina { position: absolute; z-index: 1; left: 30px; top: -9px; width: 18px; height: 9px; background: url(/img/rec_freccina_up.png) 0 0 no-repeat; }
			.recRisposta .titRisposta { font-size: 12px; font-weight: bold; margin-bottom: 5px; }
				
		.nomeRecensore { color: #999; font-size: 12px; margin: 5px 0; }
			.nomeRecensore strong { font-weight: bold; color: #ff9000; font-size: 16px; text-transform: capitalize; }	
			
		.recensioniContainer .separatoreAlto { height: 5px; margin-bottom: 10px; border-bottom: 3px solid #f2f2f2; /* overflow: hidden; clear: both; */ }
			
		a.linkScheda { display: block; padding: 15px 0; margin: 0 15px; border-top: 1px dotted #ccc; text-align: center; } /* compare solo nella lista strutture */
		
		/* link per google translate */
		a.linkTraduciRecensione { display: block; height: 16px; line-height: 16px; font-weight: bold; font-size: 11px; padding-left: 20px; margin: 10px 0 0 0 ; background: url(/img/ico_translate.png) left center no-repeat; color: #999; text-decoration: underline; }
			a.linkTraduciRecensione:hover { color: #666; text-decoration: none; }

		/* link alle recensioni in altre lingue rispetto a quella corrente */
		a.linkRecensioniAltreLingue { display: block; padding: 10px 10px 10px 30px; border-bottom: 1px solid #f2f2f2; font-weight: bold; background: left center no-repeat; }
			a.linkRecensioniAltreLingue:hover { background-color: #f2f2f2; }
			/* modificatori di a.linkRecensioniAltreLingue */
			a.bandiera_en { background-image: url(/img/bn_en.gif); }
			a.bandiera_de { background-image: url(/img/bn_de.gif); }
			a.bandiera_fr { background-image: url(/img/bn_fr.gif); }			
			a.bandiera_es { background-image: url(/img/bn_es.gif); }						
			a.bandiera_it { background-image: url(/img/bn_it.gif); }
			a.bandiera_ru { background-image: url(/img/bn_ru.gif); }
			a.bandiera_ro { background-image: url(/img/bn_ro.gif); }
			a.bandiera_nl { background-image: url(/img/bn_nl.gif); }			
			a.bandiera_hu { background-image: url(/img/bn_hu.gif); }						
			a.bandiera_fi { background-image: url(/img/bn_fi.gif); }
			a.bandiera_da { background-image: url(/img/bn_da.gif); }						
			a.bandiera_ca { background-image: url(/img/bn_ca.gif); }
			a.bandiera_pt { background-image: url(/img/bn_pt.gif); }
		.contenitoreRecLingua { display: none; padding: 15px 0; }
		
		/* totale recensioni su colonna destra */
		.recensioniTotaleColonna { 
			height: 94px; padding: 10px; text-align: center; color: #666; font-weight: bold; border: 1px solid #ccc;
			-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; 
		}
			.recensioniTotaleColonna .giudCompl { height: 30px; line-height: 15px; color: #666; font-size: 14px; margin-top: 5px; }
			.recensioniTotaleColonna .giudVoto { height: 30px; line-height: 30px; margin: 3px 0; font-size: 24px; color: #f60; }
			.recensioniTotaleColonna .giudTxt { height: 19px; line-height: 19px; font-size: 12px; }
			
		/* icona della struttura */			
		a.icoStruttRecensioni { display: block; background-position: center center; background-repeat: no-repeat; width: 60px; height: 60px; float: right; margin: 0 0 0 5px; }
			a.icoStruttRecensioni span { display: none; }	


	/* classi per il testo automatico generato nella descrizione struttura */
	strong.txtgen_titolo { line-height: 40px; }
	strong.txtgen_nomebeb { }	
		
	/* elenco caratteristiche */
	ul.elencoCaratteristiche { display: block;	list-style: none; padding: 0; margin: 20px 0 10px 0; }
		ul.elencoCaratteristiche li { 
			display: block; 
			padding: 0 0 0 35px; 
			text-transform: capitalize;
			height: 35px; line-height: 35px;
			background-position: left center;
			background-repeat: no-repeat;
			float: left;
			width: 33.3%;
			box-sizing: border-box; -moz-box-sizing: border-box;
		}
			ul.elencoCaratteristiche li:last-child { border-bottom: 0; }
			
			/* modificatori */
			.car_affari { background-image: url(/img/ico_caratt_affari.png); }
			.car_angolo-cottura { background-image: url(/img/ico_caratt_angolo-cottura.png); }		
			.car_animali { background-image: url(/img/ico_caratt_animali.png); }		
			.car_casa-charme { background-image: url(/img/ico_caratt_casa-charme.png); }		
			.car_casa-design { background-image: url(/img/ico_caratt_casa-design.png); }		
			.car_climatizzazione { background-image: url(/img/ico_caratt_climatizzazione.png); }
			.car_dimora-prestigio { background-image: url(/img/ico_caratt_dimora-prestigio.png); }
			.car_disabili { background-image: url(/img/ico_caratt_disabili.png); }
			.car_famiglie { background-image: url(/img/ico_caratt_famiglie.png); }
			.car_fuga-romantica { background-image: url(/img/ico_caratt_fuga-romantica.png); }
			.car_giardino { background-image: url(/img/ico_caratt_giardino.png); }
			.car_parcheggio { background-image: url(/img/ico_caratt_parcheggio.png); }				
			.car_smoke { background-image: url(/img/ico_caratt_smoke.png); }				
			.car_televisione { background-image: url(/img/ico_caratt_televisione.png); }				
			.car_internet { background-image: url(/img/ico_caratt_internet.png); }
			.car_piscina { background-image: url(/img/ico_caratt_piscina.png); }
			.car_wifi { background-image: url(/img/ico_caratt_wifi.png); }
			.car_riscaldamento { background-image: url(/img/ico_caratt_riscaldamento.png); }
			.car_phon { background-image: url(/img/ico_caratt_phon.png); }		
			.car_inRivaAlMare { background-image: url(/img/ico_caratt_mare.png); }
			.car_vicinoAlMare,
			.car_vicinoTerme,
			.car_vicinoSci { background-image: url(/img/ico_caratt_vicino_a.png); }
			.car_inMontagna { background-image: url(/img/ico_caratt_montagna.png); }
			.car_ristorante { background-image: url(/img/ico_caratt_ristorante.png); }
			.car_terme { background-image: url(/img/ico_caratt_terme.png); }			
			

/* tabella periodi date con sconto bb25 */
	.rigaPeriodo_titolo,
	.rigaPeriodo { border: 1px dotted #ccc; padding: 10px; }
		.rigaPeriodo_titolo { font-weight: bold; color: #ff5a5f; }
		.rigaPeriodo { border-top: 0; }	
			.rigaPeriodo .rigaPeriodoDate { font-size: 14px; font-weight: bold; }
			.rigaPeriodo .rigaPeriodoInfo { font-size: 11px; color: #999; }			

			
			
@media screen and (min-width: 0px) and (max-width: 540px) { /* smartphone */

	ul.elencoCaratteristiche { }
		ul.elencoCaratteristiche li { 
			width: 50%;
		}	

}

@media screen and (min-width: 0px) and (max-width: 480px) { /* smartphone */

}

@media screen and (min-width: 0px) and (max-width: 380px) { /* smartphone */

	ul.elencoCaratteristiche { }
		ul.elencoCaratteristiche li { 
			width: auto;
			float: none;
		}	

}