body { font-family: 'Open Sans', "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif; font-size: 14px; color: #555; padding: 0; margin: 0; }

a { color: #393; text-decoration: none; }
	a:hover { color: #555; text-decoration: underline; }

.testataTurismo { background: #f2f2f2; padding: 20px; }
	.testataTurismo > a { display: block; width: 250px; margin: 0 auto; }
		.testataTurismo > a > img { width: 100%; height: auto; border: 0; }

.wrapperTurismo { width: 950px; margin: 0 auto; padding: 20px 5px; }
	.colonnaTurismoSx { float: left; width: 630px; }
	.colonnaTurismoDx { float: right; width: 300px; }


	.archNewsColonna-sx { float: left; width: 410px; }
	.archNewsColonna-dx { float: right; width: 170px; }	

/* CORPO ARTICOLI */	
/* Assegna lo stile giustificato agli articoli interni */
.corpoArticoloInterno { text-align:justify; line-height:20px; }

div.img_allineataSx, /* immagini allineate a dx o sx o a centro (vedi sezione turismo, es. turismo/roma/ ) */
div.img_allineataDx,
div.img_allineataCentro {   margin-bottom: 5px; margin-top: 5px; }
	div.img_allineataSx { float: left; margin-right: 10px; }
	div.img_allineataDx { float: right; margin-left: 10px; }
		div.img_allineataSx img,
		div.img_allineataDx img,
		div.img_allineataCentro img { display: block;  border: 0; margin:0; padding: 0; }
			div.img_allineataCentro img { width: 100%;}
		div.img_allineataSx span,
		div.img_allineataDx span,
		div.img_allineataCentro span { display: block;  padding: 3px; font-size: 10px; color: #666; background: #f2f2f2; line-height: 14px; }


/* ELENCHI A DUE/TRE COLONNE (regioni, offerte ecc) */
.linkIncolonnatiTurismo { }
	.linkIncolonnatiTurismo a {
		display: block; background-position: left center; background-repeat: no-repeat; overflow: hidden; float: left; height: 16px; line-height: 16px;
	}
		.linkIncolonnatiTurismo a:hover { background-color: #dfdfdf; text-decoration: none; }
			
		/* modificatori di .linkIncolonnatiTurismo */
		.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: 170px; 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.3%; 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 .linkIncolonnatiTurismo... */
			.icoOfferte a { /* background-image: url(images/ico_offerte.png); */ }
			.icoLastMinute a { /* background-image: url(images/ico_last_minute.png); */ }

a.imgTopWrapper,
a.imgTopWrapperINT { 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: 640px; border: 0; margin: -90px -10px; } 
	a.imgTopWrapperINT img { width: 620px; height: 230px; border: 0; margin: 0; } 	
div.imgTopDescrizione { background: #f2f2f2; padding: 3px; font-size: 10px; color: #666; margin-bottom: 10px; line-height: 14px; }			


a.thumbFotoItalia { display: block; float: left; width: 100px; height: 56px; padding: 1px; overflow: hidden; } /* thum per foto di fotografieitalia - colonna stretta (es.turismo/index.cfm */
	a.thumbFotoItalia img { width: 100px; border: 0; }
	
a.thumbFotoItaliaStandard { display: block; float: left; width: 99px; height: 56px; padding: 1px; overflow: hidden; }/* thum per foto di fotografieitalia - colonna standard da 610px (es.turismo/roma/fotografie.cfm */
	a.thumbFotoItaliaStandard img { width: 100px; border: 0; }	

.barraSuggerimenti { /* barra che contiene dei suggerimenti */
	height: 20px;	/* overflow: hidden; */ margin-bottom: 10px;
}
		/* modificatore di .barraSuggerimenti */
		#wrapper .vaiAccapo { height: auto; }
			#wrapper .vaiAccapo a { margin-bottom: 5px; }

	.barraSuggerimenti a,
	.paginazione 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(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(img/layout/ico_distanze.png); }
				/* modificatore per .distanze */
				.barraSuggerimenti	 div.mnContDistanze a.distanze-active { background-color: #ccc; color: #999; background-image: url(img/layout/ico_distanze_active.png); }
		.paginazione a { margin: 0; color: #fff; border: 1px solid #006600; font-weight: bold; width: 60px; text-align: center; }
			.paginazione a.pagIndietro { float: left; background: #009900 url(img/layout/ico_fr_indietro.png) no-repeat left center; padding-left: 22px; }
			.paginazione a.pagAvanti { float: right; background: #009900 url(img/layout/ico_fr_avanti.png) no-repeat right center; padding-right: 22px; }
		.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,
		.paginazione a:hover,
		.boxNewsTop .leggiTutto a:hover { text-decoration: none; }
			.barraSuggerimenti a:hover,
			.paginazione a:hover { background-color: #ccc; color: #999; }
			.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; }

.boxTestoLista { margin-bottom:10px; }

.descrizioneGenerale { position: relative; line-height: 18px; font-size: 12px; text-align: justify; margin-bottom: 10px; } /* es. la descrizione in bb_abruzzo.cfm */
	.descrizioneGenerale img { border: 0; float: left; margin: 5px; width: 250px;}
	
	a.descrOverFoto { text-decoration: none; } /* classe per jquery - contiene un elemento che onHover visualizza la descrizione */
		.fumetto {  /* classe per jquery */	
			position: absolute; top: 10px; left: 10px;	z-index: 15px;
			background-color: #000; padding: 5px; width: 230px; text-decoration: none; font-size: 11px; color: #fff; font-weight: bold; text-align: left;
			filter: alpha(opacity=70); -moz-opacity:0.7; opacity: 0.7;
			display: none;
		}
		
	a.descrOverFotoNewsRight,
	a.descrOverFotoNewsLeft { position: relative; display: block; text-decoration: none; } /* classe per le immagini inserite negli articoli delle news */
		a.descrOverFotoNewsRight img,
		a.descrOverFotoNewsLeft img {
			border: 0; margin: 5px; width: 250px;
		}
			a.descrOverFotoNewsRight { float: right; }
			a.descrOverFotoNewsLeft { float: left; }		
			
			
/* ELENCHI CITTA'/FRAZIONI */
ul.elencoCitta,
ul.elencoCittaRidotto { display: block;	list-style: none; padding: 0; margin: 0 0 30px 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; }	
		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(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: 16px; font-size: 11px; } /* elenco con interlinea ridotta */
						ul.elencoCitta li.titolo { font-size: 12px; }
						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)*/


	/* elementi per nascondere le voci in elenchi troppo lunghi */
	.js .elencoNascosto { display: none; /*  viene nascosto tramite javascript con nascondi-elementi.js */ }		
			
			
.separatore { height: 1px; overflow: hidden; clear: both; }