@font-face {
	font-family: 'DINSchrift';
	src: url('fonts/DINEng.eot'); /* eot è il formato utilizzato da IE */
	src: local('DINSchrift'), url('fonts/DINEng.ttf') format('truetype'); /* ttf è il formato utilizzato dagli altri browser */
}

body {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding: 0;
	margin: 0;
}

h1,
h2 { padding: 0; margin: 0 0 20px 0; font-weight: normal; font-family: 'DINSchrift'; color: #97b51f; font-size: 23px; }
	h1 { margin-top: 20px; }
	h1 a,
	h2 a { color: #97b51f; text-decoration: none; }
		h1 a:hover,
		h2 a:hover { text-decoration: underline; }	
		
h3 { /* position: relative; */ }
	h3,
	.linea_h3 {
		font-family: 'DINSchrift';
		padding: 0;
		margin: 0 0 10px 0; /* lascia meno spazio sotto, perché ha line-height = 20px */
		font-size: 18px;
		line-height: 24px;
		color: #999;
		border-bottom: 5px solid #f2f2f2;
		/* background: #f2f2f2;*/
	}
		h3 span { /* display: block; float: left; height: 20px; line-height: 20px;  padding-right: 10px; background-color: #fff;*/  }
		

.briciole { color: #999; }

a { color: #97b51f; text-decoration: none; }
	a:hover { color: #999; }


.separatore { height: 1px; overflow: hidden; clear: both; }
.linea,
.linea-tratt { height: 10px; margin-bottom: 10px; border-bottom: 1px solid #ccc; overflow: hidden; clear: both; }
	.linea-tratt { border-bottom: 1px dotted #ccc; }

.alert,
.alertVerde { background-color: #ff9; ; text-align: center; padding: 10px; margin: 10px 0; font-size: 12px; font-weight: bold; }
	.alertVerde { background-color: #d4ffda; }


#wrapper { width: 960px; margin: 0 auto; }

#testata { margin: 25px 0 15px 0; height: 90px; }
	#logo { width: 180px; height: 90px; float: left; }
		#logo a { display: block; text-decoration: none; width: 180px; height: 81px; margin-top: 4px; }	
			#logo a img { width: 180px; height: 81px; border: 0; }
	#bannerTop { width: 728px; height: 90px; float: right; background: #f2f2f2; }
	
#menuTop { margin: 0 0 15px 0; height: 18px; font-family: 'DINSchrift'; font-size: 21px; }
	#claim { height: 18px; line-height: 18px; float: left; font-size: 18px; color: #a2a2a2; }
	#menuTop ul { 
		display: block; height: 18px; line-height: 18px;
		list-style: none; padding: 0; margin: 0;
		float: right;
	}
		#menuTop ul li { display: block; padding: 0 15px; margin: 0; height: 18px; line-height: 18px; float: left; }
			#menuTop ul li a { color: #97b51f; text-decoration: none; }
				#menuTop ul li a:hover { color: #999; }
				
#barraRicerca { height: 54px; padding: 17px 20px; margin: 0 0 1px 0; background: #f2f2f2 url(img/freccina_cerca.gif) 75px 0 no-repeat; }
	#boxCerca,
	#boxOpzioni,
	#boxRegioni { padding: 13px 20px; border-right: 1px solid #97b51f; float: left; height: 28px; line-height: 28px; }	
		#boxCerca { padding-left: 0; }
		#boxRegioni { padding-right: 0; border-right: 0; }
		
		a.pulsanteOpzioni,
		a.pulsanteMappa,
		a.pulsanteRegioni {
			display: block; float: left; 
			height: 28px; line-height: 28px; padding: 0 7px 0 33px; background-color: #666; background-position: 0 0; background-repeat: no-repeat;
			font-weight: bold; color: #fff; font-size: 13px; text-decoration: none;
		}
			a.pulsanteOpzioni { background-image: url(img/ico_opzioni.gif); margin-right: 10px; }
			a.pulsanteMappa { background-image: url(img/ico_mappa.gif); }
			a.pulsanteRegioni { background-image: url(img/ico_regioni.gif); }		
			a.pulsanteOpzioni:hover,
			a.pulsanteMappa:hover,
			a.pulsanteRegioni:hover { color: #97b51f; }
			
#barraTipologia { padding: 17px; height: 50px; background: #f2f2f2; }
	#barraTipologia a { 
		display: block; float: left; height: 20px; line-height: 20px; padding-top: 24px; 
		font-size: 13px; text-align: center; width: 102px; color: #505050; text-decoration: none;
		background-repeat: no-repeat; background-position: center 4px; 
		border-right: 1px solid #c0c0c0;
	}
		#barraTipologia a:hover { background-color: #ccc; }
			/* modificatori */
			#barraTipologia a.lnk_mare { background-image: url(/img/ico_tip_mare.png); }
			#barraTipologia a.lnk_isole { background-image: url(/img/ico_tip_isole.png); }
			#barraTipologia a.lnk_neve { background-image: url(/img/ico_tip_neve.png); }
			#barraTipologia a.lnk_monti { background-image: url(/img/ico_tip_monti.png); background-position: center 6px; }			
			#barraTipologia a.lnk_lago { background-image: url(/img/ico_tip_lago.png); }
			#barraTipologia a.lnk_terme { background-image: url(/img/ico_tip_terme.png); }
			#barraTipologia a.lnk_borghi { background-image: url(/img/ico_tip_borghi.png); }
			#barraTipologia a.lnk_campagna { background-image: url(/img/ico_tip_campagna.png); }
			#barraTipologia a.lnk_animali { background-image: url(/img/ico_tip_animali.png); border-right: 0; }	
			
			
/* FOOTER */
#footer { border-top: 1px solid #ccc; margin-top: 20px; padding-top: 20px;  color: #999; }
	#footer-sx { float: left; width: 689px; font-size: 12px; }
	#footer-dx { float: right; width: 250px; text-align: right; }	
	#footer p { text-align: justify; }
	#footer a { color: #999; }
	

.colonnaHome_sx { float: left; width: 600px; margin-top: 20px; }
.colonnaHome_dx { float: right; width: 300px; margin-top: 20px; padding-left: 30px; border-left: 1px solid #ccc; }


.bannerDX { width: 300px; height: 250px; margin: 0 0 20px 0; background: #f2f2f2; }

		
form { padding: 0; margin: 0; }
	input.inputGenerico { height: 26px; line-height: 26px; border: 1px solid #97b51f; padding: 0 3px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #333; }
	input.pulsanteCerca {
		height: 28px; line-height: 28px; padding: 0 7px 0 33px;
		background-color: #666; background-position: 0 0; background-repeat: no-repeat;
		background-image: url(img/ico_cerca.gif);
		font-weight: bold; color: #fff; font-size: 13px; text-decoration: none;
		border: 0;
	}
	input.pulsante { /* pulsante generico */
		height: 28px; line-height: 28px; padding: 0 7px;
		background-color: #666; background-position: 0 0; background-repeat: no-repeat;
		font-weight: bold; color: #fff; font-size: 13px; text-decoration: none;
		text-align: center;
		border: 0;
	}	
		input.pulsanteCerca:hover,
		input.pulsante:hover { color: #97b51f; cursor: pointer; }



.boxScomparsa {
	display: none; 
}

#barra-opzioni {
	height: 440px;
	padding: 10px;
	margin: 1px 0px;
	background: #f2f2f2;	
}

#barra-mappa {
	height: 421px;
	padding: 10px;
	margin: 1px 0px;
	background: #f2f2f2;	
}

#barra-regioni {
	height: 120px;
	padding: 10px;
	margin: 1px 0px;
	background: #f2f2f2;	
}
	#barra-regioni .colonna {
		width: 188px;
		float: left;
	}
		#barra-regioni .colonna a {
			background: #666 url(img/freccina_regioni.png) 10px 10px no-repeat;
			color: #fff;
			display: block;
			line-height: 28px;
			width: 146px;
			font-weight: bold;
			padding: 0 0 0 40px;
			margin: 0;
			border: 1px solid #f2f2f2;
		}
			#barra-regioni .colonna a:hover { background-color: #999; color: #fff; }



	
	
/* MAPPA ITALIA */
#mappaItaliaHome { height: 340px; margin: 0 0 20px 0; }
	.col_mappaItalia,
	.col_mappaLink { float: left; height: 340px; overflow: hidden; }
		.col_mappaItalia { padding: 0; width: 310px; text-align: left; }
			.col_mappaItalia img { border: 0; width: 282px; height:315px; margin-top: 12px; }
		.col_mappaLink { padding: 0 30px; border-left: 1px dotted #ccc; width: 94px; font-size: 12px; }
			.col_mappaLink .elencoLink h3 { height: 20px; line-height: 20px; background: none; text-transform: none; color: #999; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding: 0; margin: 0 0 10px 0; }		
			.col_mappaLink .elencoLink a { display: block; line-height: 15px; } /* 20 righe max */
				.col_mappaLink .elencoLink a:hover { background-color: #f2f2f2; color: #999; text-decoration: none; }


.boxGenericoTesto { margin: 0 0 20px 0; line-height: 21px; color: #666; }


.boxDesiderio { background: #f2f2f2; padding: 20px 20px 19px 20px; margin: 0 0 10px 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; line-height: 16px; font-size: 11px;  }
	.boxDesiderio a.icoDesiderio { display: block; height: 65px; width: 65px; background-position: center center; background-repeat: no-repeat; float: left; text-decoration: none; }
		.boxDesiderio a.icoDesiderio span { display: none; }
	.boxDesiderio .infoDesiderio { width: 187px; float: right; } /* per i desideri in home */ 
	.boxDesiderio .infoDesiderioFull { width: 487px; float: right; } /* per i desideri in elenco */ 






/* ELENCHI CITTA'/FRAZIONI */
ul.elencoCitta,
ul.elencoCittaRidotto { display: block;	list-style: none; padding: 0; margin: 0 0 10px 0; }
		/*modificatore */
		ul.ulDueColonne { float: left; width: 50%; } /* affianca due colonne di uguale misura */
	ul.elencoCitta li,
	ul.elencoCittaRidotto li { position: relative; display: block; padding: 0; margin: 0 5px; border-bottom: 1px dotted #dfdfdf; text-transform: capitalize; }
		ul.elencoCitta li.titolo,
		ul.elencoCittaRidotto li.titolo { margin: 0; background-color: #f2f2f2; color: #666; margin-bottom: 5px; font-weight: bold; border-bottom: 0; padding: 3px 5px; font-size: 14px; }	
		ul.elencoCitta li:last-child,
		ul.elencoCittaRidotto li:last-child { border-bottom: 0; }
			ul.elencoCitta li span.opzioni,
			ul.elencoCittaRidotto li span.opzioni { 
				/* float: right; */
				position: absolute; top: 0; right: 0; background-color: #fff; padding-left: 3px;
				display: block; font-size: 11px; color: #999; 
			}	
			ul.elencoCitta li ul,
			ul.elencoCittaRidotto li ul {	display: block; list-style: none; padding: 0; margin: 0; }
				ul.elencoCitta li ul li,
				ul.elencoCittaRidotto li ul li { 
					background-image: url(https://www.bed-and-breakfast.it/img/layout/submenu.gif);
					background-repeat: no-repeat;
					border-bottom: 0;
					margin-bottom: 1px; /* per compensare l'assenza del border */
					padding-left: 25px; 
				}
					/* modificatori per i due tipi diversi di interlinee */
					ul.elencoCitta,
					ul.elencoCitta li,
					ul.elencoCitta li span.opzioni,
					ul.elencoCitta li ul {  line-height: 20px; } /* interlinea elenco normale */
						ul.elencoCitta li.titolo { font-size: 14px; }
						ul.elencoCitta li ul li { background-position: 15px 5px; } /* interlinea elenco normale */
						ul.elencoCitta li span.opzioni span.icoTipologia { display: block; width: 20px; height: 20px; background-position: center center; background-repeat: no-repeat; float: left; } /* icone tipologia affiancate a destra - utilizza gli stessi modificatori di "ul.menu" (.mn-mare, .mn-isole, ecc.) */
						ul.elencoCitta li span.opzioni a.mappa,
						ul.elencoCitta li span.opzioni a.localita {  /* link per box a scomparsa - il resto del css lo prende dai modificatori di  ".boxStruttura .action a" */
							display: block; height: 20px; background-position: left center; background-repeat: no-repeat; float: left; padding: 0 0 0 20px; margin-left: 10px; font-weight: bold; color: #666;
						}
						
					ul.elencoCittaRidotto,
					ul.elencoCittaRidotto li,
					ul.elencoCittaRidotto li span.opzioni,
					ul.elencoCittaRidotto li ul {  line-height: 20px; font-size: 12px; } /* elenco con interlinea ridotta */
						ul.elencoCitta li.titolo { font-size: 14px; }
						ul.elencoCittaRidotto li ul li { background-position: 15px 4px; } /* elenco con interlinea ridotta */

					ul.elencoCitta span.wraptext,
					ul.elencoCittaRidotto span.wraptext { display: block; width: 81%; } /* accorcia il testo che si sovrappone con gli elementi di destra (.opzioni)*/



.mappa_iframe { width: 100%; height: 400px; border: 0; margin: 0 0 20px 0;}


.contenitoreRicAvanzata { margin-bottom: 10px; border: 1px dotted #ccc; padding: 10px; color: #666; }
	.contenitoreRicAvanzata .titolo { font-size: 14px; color: #999; margin-bottom: 15px; }
	.contenitoreRicAvanzata select { width: 100%; margin-bottom: 10px; }
	.contenitoreRicAvanzata input.pulsante { width: 100%; }
	
	
.col_mezza { width: 50%; float: left; }


/* 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 */
		


/* STRUTTURE E BOX A SCOMPARSA (adattabile anche alle offerte) */
/*struttura B&B lista */
.boxStruttura { 
	width: 100%; /* <--- serve per un bug con IE7 e alcune versioni di IE8 che fanno scomparire del tutto il box */
	padding: 10px 0 0 0; margin: 0 0 10px 0; border-top: 1px dotted #ccc; position: relative;
	/* background-image: url(https://www.bed-and-breakfast.it/img/layout/sfondo_lista.gif);
	background-repeat: repeat-x;
	background-position: 0 1px; */
	}
	.boxStruttura .tuttoAnno { background-color: #d4ffda; padding: 0 4px; line-height: 16px; font-size: 11px; font-weight: bold; color: #00620e; margin-bottom: 3px; }

	.boxStruttura .icoElemento { float: left; width: 115px; }
		.boxStruttura .icoElemento a { /* usare per icona centrata come sfondo */
			display: block; width: 100px; height: 68px; overflow: hidden;
			background-position: center center; background-repeat: no-repeat;
		}
			.boxStruttura .icoElemento a img { /* vedi css sopra "img.img_adatta_w_h", "img.img_adatta_w" e "img.img_adatta_h" */ }
			
			
	.boxStruttura .tipologia { position: absolute; top: 26px; right: 0; line-height: 17px; font-size: 11px; color: #f90; padding: 0 5px; background-color: #fff; z-index: 1; }
	.boxStruttura .prezzoOfferta { width: 66px; height: 35px; position: absolute; top: 31px; right: -15px; font-size: 13px; color: #c00; text-align: right; padding: 5px 4px 0 0; z-index: 1; 
		background-image: url(https://www.bed-and-breakfast.it/img/layout/prezzo_offerta.png) ; background-repeat: no-repeat; background-position: top left; } /* serve per quando si visualizzano le offerte */
		.boxStruttura .prezzoOfferta .aPersona { font-size: 11px; }
	.boxStruttura .rifiutaOfferta { width: 16px; height: 16px; display: block; background: url(https://www.bed-and-breakfast.it/img/layout/close_button.png) 0 0 no-repeat; position: absolute; top: 3px; right: 3px; z-index: 5; } /* pulsante per rifiutare l'offerta, visibile solo a noi */
		.boxStruttura .rifiutaOfferta span { display: none; }
	.boxStruttura .corpoElemento { float: left; height: 68px; overflow: hidden; }
			/* modificatori per corpoElemento */
			.normale { width: 435px; }
			/* .normale_nofoto { width: 430px; } */
		.boxStruttura h4 { padding: 0;margin: 0;	font-size: 14px;	 font-weight: bold; color: #333; line-height: 17px; height: 17px; overflow: hidden; } /* una riga (poi taglia tutto) + spazio sotto */
		.boxStruttura .testoElemento { line-height: 17px; font-size: 11px; color: #999; }
			.boxStruttura .testoElemento span.indirizzo { text-transform: capitalize; color: #666; }

	.boxStruttura .action { height: 18px;  padding: 2px 3px; background-color: #f2f3f3;margin-top: 5px; }
		.boxStruttura .action a { display: block;  float: left; border-right: 1px dotted #ccc; height: 18px; line-height: 18px; font-size: 11px; font-weight: bold; padding: 0 4px 0 18px; background-position: left center; background-repeat: no-repeat; color: #666;}
			.boxStruttura .action a:hover { background-color: #fff; text-decoration: none; }	
			.boxStruttura .action a:last-child { border-right: 0; }
				/* modificatori per "action a" (icone associate ai link) validi anche per "barraSuggerimenti a" (vedi più sopra) */
				a.prenota { background-image: url(https://www.bed-and-breakfast.it/img/layout/ico_ls_email.png); }
				a.spedito { background-image: url(https://www.bed-and-breakfast.it/img/layout/ico_ls_email_spedita.png); }
				a.info { background-image: url(https://www.bed-and-breakfast.it/img/layout/ico_ls_info.png); }
				a.foto { background-image: url(https://www.bed-and-breakfast.it/img/layout/ico_ls_foto.png); }
				a.video { background-image: url(https://www.bed-and-breakfast.it/img/layout/ico_ls_video.png); }
				a.euro { background-image: url(https://www.bed-and-breakfast.it/img/layout/ico_ls_euro.png); }
				a.mappa { background-image: url(https://www.bed-and-breakfast.it/img/layout/ico_ls_mappa.png); }
				a.localita,
				a.listaStrutture { background-image: url(https://www.bed-and-breakfast.it/img/layout/ico_ls_localita.png); }
				a.sitoweb { background-image: url(https://www.bed-and-breakfast.it/img/layout/ico_ls_link.png); }
		
	/* .boxStruttura:last-child { border-bottom: 0; margin-bottom: 0; } */
	
	
	
form.selezioneZona,
form.selezioneOfferte,
form.selezioneProssimita,
form.selezioneZonaProssimita { 
	padding: 5px 10px;
	margin: 0 0 10px 0;
	background-color: #f2f2f2;
	font-size: 11px;
	color: #999;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; 	
}
	form.selezioneOfferte .boxSelSx { float: left; }
	form.selezioneOfferte .boxSelDx { float: right; }	
	
	form.selezioneZona select,
	form.selezioneProssimita select { /* visualizza o solo la zona o solo la prossimità */
		width: 300px;
	}
	form.selezioneZonaProssimita .boxSelZona select,
	form.selezioneZonaProssimita .boxSelProssimita select { /* visualizza sia zona che prossimità */
		width: 225px;		
	}
		form.selezioneZonaProssimita .boxSelZona { float: left; width: 225px; }
		form.selezioneZonaProssimita .boxSelProssimita { float: right; width: 225px; }	
		
		input.pulsanteFiltra { /* pulsante */
			background-color: #dfdfdf;
			font-size: 11px;
			font-weight: bold;
			border: 1px solid #999;
			line-height: 15px;
			padding: 2px 4px;
			margin: 0;
			-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
		} 
		

form.selezioneZona,
form.selezioneOfferte,
form.selezioneProssimita,
form.selezioneZonaProssimita { 
	padding: 5px 10px;
	margin: 0 0 10px 0;
	background-color: #f2f2f2;
	font-size: 11px;
	color: #999;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; 	
}
	form.selezioneOfferte .boxSelSx { float: left; }
	form.selezioneOfferte .boxSelDx { float: right; }	
	
	form.selezioneZona select,
	form.selezioneProssimita select { /* visualizza o solo la zona o solo la prossimità */
		width: 300px;
	}
	form.selezioneZonaProssimita .boxSelZona select,
	form.selezioneZonaProssimita .boxSelProssimita select { /* visualizza sia zona che prossimità */
		width: 225px;		
	}
		form.selezioneZonaProssimita .boxSelZona { float: left; width: 225px; }
		form.selezioneZonaProssimita .boxSelProssimita { float: right; width: 225px; }	
		
		input.pulsanteFiltra { /* pulsante */
			background-color: #dfdfdf;
			font-size: 11px;
			font-weight: bold;
			border: 1px solid #999;
			line-height: 15px;
			padding: 2px 4px;
			margin: 0;
			-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
		} 
		


	/* PAGINAZIONE E BARRE SUGGERIMENTI */
.barraSuggerimenti { /* barra che contiene dei suggerimenti */
	height: 20px;	/* overflow: hidden; */ margin-bottom: 10px;
}
	.barraSuggerimenti a,
	.boxNewsTop .leggiTutto a {
		display: block;
		height: 18px;
		line-height: 18px;
		font-size: 11px;
		padding: 0 5px;
		margin-right: 5px;
		-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; 
	}
		.barraSuggerimenti a,
		.barraSuggerimenti a.dintorniBottom { float: left; color: #999; background-color: #f2f2f2;	border: 1px solid #ccc; } /* pulsanti generici di barre dei suggerimenti */
			.barraSuggerimenti a.dintorniBottom { float: none; width: auto; text-align: center; margin: 0; } /* pulsante unico che occupa tutta la larghezza della colonna (es. pulsante dintorni nel bottom della lista) */		
		.barraSuggerimenti div.mnContDistanze { float: left; height: 20px; position: relative; } /* contiene il link e il menù con le distanze*/
			.barraSuggerimenti a.ordinaPrezzo { color: #fff; border: 1px solid #006600; font-weight: bold; background: #009900 url(https://www.bed-and-breakfast.it/img/layout/ico_ordinaprezzo.png) no-repeat left center; padding-left: 22px; } /* pulsante per ordinare per prezzo */		
			.barraSuggerimenti a.mappa,
			.barraSuggerimenti a.localita,
			.barraSuggerimenti a.info,
			.barraSuggerimenti a.prenota,
			.barraSuggerimenti a.spedito,			
			.barraSuggerimenti a.listaStrutture,
			.barraSuggerimenti div.mnContDistanze a.distanze  { background-position: 2px center; background-repeat: no-repeat; padding-left: 20px; } /* pulsante per la mappa generale, la località, distanze, prenotazioni di massa, ecc.*/
				.barraSuggerimenti	 div.mnContDistanze a { background-image: url(https://www.bed-and-breakfast.it/img/layout/ico_distanze.png); }
				/* modificatore per .distanze */
				.barraSuggerimenti	 div.mnContDistanze a.distanze-active { background-color: #ccc; color: #999; background-image: url(https://www.bed-and-breakfast.it/img/layout/ico_distanze_active.png); }
		.boxNewsTop .leggiTutto a { float: right; margin-top: 4px; color: #f2f2f2; background-color: #666;	border: 1px solid #666; } /* pulsante "leggi tutto" per news (colorazione diversa) */
		.barraSuggerimenti a:hover,
		.boxNewsTop .leggiTutto a:hover { text-decoration: none; }
			.barraSuggerimenti a:hover,
			.boxNewsTop .leggiTutto a:hover { background-color: #333; }
			
		#overlayContainerDistanze { 
			position: absolute; display: none; top: 22px; left: 0; z-index: 100; background-color: #333; border: 1px solid #ccc; padding: 5px;
			width: 150px;
			-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; 
		 } /* contiene il menù delle distanze in KM (viene visualizzato da jquery) */
			#overlayContainerDistanze a { float: none; border: 0;-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; margin: 0; color: #fff; padding: 3px; background: none; border-bottom: 1px dotted #666; }
				#overlayContainerDistanze a:hover { background-color: #666;}			
				#overlayContainerDistanze a:last-child { border-bottom: 0; }



a.thumbFotoStrutt_orizz,
a.thumbFotoStrutt_vert,
a.thumbFotoStrutt_quadrata { float: left; display:block; width: 92px; height: 92px; background-color: #f2f2f2; margin: 4px; overflow: hidden; text-align: center; }
	a.thumbFotoStrutt_orizz img,
	a.thumbFotoStrutt_vert img,
	a.thumbFotoStrutt_quadrata img { border: 0; } /* altro metodo per ritagliare le immagini (margini negativi) */
		a.thumbFotoStrutt_orizz img { width: 170px; margin: 0 -39px; }
		a.thumbFotoStrutt_vert img { height: 170px; margin: -39px; }
		a.thumbFotoStrutt_quadrata img { width: 120px; margin: -14px; }
		
.videoIncorporato { margin-top: 20px; }
	.videoIncorporato object,
	.videoIncorporato embed,
	.videoIncorporato iframe { width: 100%; height: 300px; border: 0; padding: 0; margin: 0; }

	
a.btContattaPrenota { /* pulsante per contattare o prenotare la struttura */
	/* position: absolute; left: 0; top: -70px;		*/
		display: block; text-align: center; width: 210px; height: 48px; line-height: 48px; color: #fff; font-size: 18px; font-weight: bold; 
		background: url(https://www.bed-and-breakfast.it/img/layout/bt_contatti_prenota.png) center center no-repeat;
		margin: 0 0 20px 0;
	} 
		a.btContattaPrenota:hover { text-decoration: underline; }	
	
	
a.vaiSuBB {
	display: block;
	height: 40px; 
	line-height: 20px;
	padding-left: 65px;
	background: url(https://www.settimanadelbaratto.it/images/bb_logo.gif) no-repeat left center;
	font-weight: bold;
	margin: 0 0 40px 0;
}	



form.moduloPreventivo { background: #f2f2f2; padding: 15px; }

/* GRIGLIE PER FORM (richiesta info, segnala evento, ecc)*/
.selectVoceSemplice { height: 28px; line-height: 28px; margin-bottom: 5px; color: #666; }		
	.selectVoceSemplice .selectEtichetta { width: 200px; height: 28px; line-height: 28px; float: left; font-size: 11px; font-weight: bold; text-align: right; padding-right: 10px; } /* etichetta */
	.selectVoceSemplice .selectInput { float: left; width: 310px; height: 28px;  } 
		.selectVoceSemplice .selectInput input { width: 300px; height: 16px; line-height: 16px; } 
	.selectVoceSemplice .selectGenerico { float: left; width: 310px; height: 28px;  } 		
	
		.boxRidotto .selectVoceSemplice { margin-bottom: 1px; } /* variante per i form dalla larghezza ridotta */
			.boxRidotto .selectVoceSemplice .selectEtichetta { width: 120px; } 
			.boxRidotto .selectVoceSemplice .selectInput { width: 320px; } 
				.boxRidotto .selectVoceSemplice .selectInput input { width: 315px; } 	
		
.selectVoceTextArea { height: 202px; line-height: 28px; margin-bottom: 5px; }		
	.selectVoceTextArea .selectEtichetta,
	.selectVoceTextArea .selectEtichettaDueRighe { width: 200px; height: 202px; line-height: 180px; float: left; font-size: 11px; color: #666; font-weight: bold; text-align: right; padding-right: 10px; } /* etichetta */
		.selectVoceTextArea .selectEtichettaDueRighe { height: 116px; line-height: 15px; padding-top: 86px; } /* etichetta su due righe */	
	.selectVoceTextArea .selectTextArea { float: left; width: 310px; height: 202px;  } 
		.selectVoceTextArea .selectTextArea textarea { width: 300px; height: 180px; } 		

		.boxRidotto .selectVoceTextArea { margin-bottom: 1px; } /* variante per i form dalla larghezza ridotta */
			.boxRidotto .selectVoceTextArea .selectEtichetta { width: 120px; } 
			.boxRidotto .selectVoceTextArea .selectTextArea { width: 320px; } 
				.boxRidotto .selectVoceTextArea .selectTextArea textarea { width: 315px; } 		


.selectCheckBox { line-height: 18px; margin-bottom: 5px; color: #666; }
		
.selectErrore { display: none; width: 300px; background-color: #Fc0; padding: 10px; margin: auto; }



/* RICERCHE SPECIALI */
.boxRicercheSpecialiIcons { float:left; width:171px; height:47px; border-bottom:1px solid #ccc; margin: 15px 5px 15px 0; font-size: 11px; }
	.boxRicercheSpecialiIcons .icoElemento {	float:left; width:47px; height:47px; margin-right:5px; }
		.boxRicercheSpecialiIcons .icoElemento img { border: 0; border-radius:5px; }	
	.boxRicercheSpecialiIcons .corpoElemento {	float:left; width:115px; font-size:11px; color:#777; line-height:16px; margin-top:12px; }




a.elencoCatBig {
	display: block;
	width: 42%;
	padding: 10px 2%;
	margin: 0 2%;
	float: left;
	font-size: 18px;
	font-weight: bold;
	border-top: 1px dotted #ccc;
}


	
	
ul.menuBaratto { display: block; list-style: none; padding: 0; margin: 0 0 40px 0; }
	ul.menuBaratto li { display: block; margin: 0; padding: 8px 0; border-bottom: 1px solid #ccc; }
		ul.menuBaratto li a { display: block; width: 200px; font-weight: bold; color: #333; text-decoration: none; }	
			ul.menuBaratto li a:hover { color: #F90; }			
			
			
			
.paginazione { height: 32px; overflow: hidden; margin: 20px 0; }
	.paginazione a { display: block; width: 170px; height:30px; line-height:30px; text-align:center; float: left; margin-right: 10px; background-color: #f2f2f2; border: 1px solid #f2f2f2; text-decoration: none; color: #666; }
	.paginazione a.pagIndietro { float: left; }
	.paginazione a.pagAvanti { float: right; }	
		.paginazione a:hover { color: #F90; }			
		
		
		
/* ELENCHI A DUE/TRE COLONNE (regioni, offerte ecc) */
.linkIncolonnati { }
	.linkIncolonnati a {
		display: block; background-position: left center; background-repeat: no-repeat; overflow: hidden;	float: left; height: 16px; line-height: 16px;
	}
		.linkIncolonnati a:hover { background-color: #dfdfdf; text-decoration: none; }
			
		/* modificatori di .linkIncolonnati */
		.elencoLocalitaFixed { background-color: #f2f2f2; padding: 5px 4px 4px 5px; } /* modificatore con sfondo e padding e misure fisse (es: la lista a scomparsa delle località in beb_localita_turistiche_interessanti.cfm) */
		.treColonneFixed a { width: 152px; padding: 3px 6px; margin: 0 1px 1px 0; background-color: #fff; text-transform:capitalize; } /* tre colonne con sfondo bianco e margin fissi (da utilizzare in genere in coppia con .elencoLocalitaFixed */


		.cinqueColonneRegioni a { width: 14%; padding: 0 3%; font-size: 11px; font-weight: bold; }	
		.cinqueColonne a { width: 18%; padding: 0 1%; }			
		.quattroColonne a { width: 23%; padding: 0 1%; }					
		.treColonne a { width: 31%; padding: 0 1%; }							
		.treColonneSfondo a { margin: 1%; background-color: #f2f2f2; width: 29%; padding: 1%; }							
		.dueColonne a { width: 48%; padding: 0 1%; }									
		.dueColonne_ico a { /* width: 274px; padding: 0 5px 0 29px; */ } /* due colonne compresa icona */
			/* modificatori dei modificatori di .linkIncolonnati... */
			.icoOfferte a { /* background-image: url(images/ico_offerte.png); */ }
			.icoLastMinute a { /* background-image: url(images/ico_last_minute.png); */ }		
			
			
			
a.imgTopWrapper { display:block; text-decoration: none; width: 100%; height: 230px; margin: 10px 0 0 0; overflow: hidden;  } /* altro metodo per ritagliare le immagini (margini negativi) */
	a.imgTopWrapper img { width: 630px; border: 0; margin: -90px -10px; } 
div.imgTopDescrizione { background: #f2f2f2; padding: 3px; font-size: 10px; color: #666; margin-bottom: 10px; line-height: 14px; }

/* classi per il testo automatico generato nella descrizione struttura */
strong.txtgen_titolo { line-height: 40px; }
strong.txtgen_nomebeb { }