@charset "UTF-8";
/* CSS Document */

body  {

	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;

	background: #F3E094;

	margin: 0; /* è buona norma impostare a zero i valori margin e padding dell'elemento body per tenere conto delle diverse impostazioni predefinite dei browser*/

	padding: 0;

	text-align: center; /* centra il contenitore nei browser IE 5*. Il testo viene quindi impostato con l'allineamento predefinito a sinistra nel selettore #container */

	color: #663300;

}

.twoColFixLtHdr #container { 

	width: 958px;  /* utilizzando 20 px in meno rispetto alla dimensione piena di 800 px, si lascia spazio per gli elementi grafici e strutturali del browser e si evita che venga visualizzata una barra di scorrimento orizzontale */

	background: #FFFFFF;

	margin: 0 auto; /* i margini auto (insieme a una larghezza) centrano la pagina */

	text-align: left; /* sostituisce l'impostazione text-align: center nell'elemento body. */

} 

.twoColFixLtHdr #header { 

	background: #F3E094;

	padding: 0px;  /* questo padding corrisponde all'allineamento a sinistra degli elementi nei div sottostanti. Se in #header viene utilizzata un'immagine anziché un testo, può essere utile rimuovere il padding. */
	
	height: 200px;
	background-image:url(../immagini/testata.png);
	background-repeat:no-repeat;
	background-position:bottom;

} 

.top { 

	padding-left: 380px;

} 


.twoColFixLtHdr #sidebar1 {

	float: left; /* poiché questo elemento è mobile, occorre specificare una larghezza */

	width: 275px; /* la larghezza effettiva di questo div, nei browser conformi agli standard, o la modaltià standard di Internet Explorer includerà i valori padding e border in aggiunta alla larghezza */

	padding: 0px 0px 15px 5px;
	text-align:center;

}

.twoColFixLtHdr #mainContent { 

	margin: 0 0 0 280px; /* il margine sinistro di questo elemento div crea la colonna sul lato sinistro della pagina; indipendentemente dalla quantità di contenuto presente nel div sidebar1, lo spazio della colonna rimane inalterato. È possibile rimuovere questo margine se si desidera che il testo del div #mainContent riempia lo spazio di #sidebar1 quando il contenuto di #sidebar1 finisce. */

	padding: 0 40px; /* ricordare che i valori padding e margin corrispondono rispettivamente allo spazio interno ed esterno al riquadro div  */

} 

.twoColFixLtHdr #corpo { 

	background: #F3E094;
	background-image:url(../immagini/sfondo.png);
	margin: 0px;
	padding: 0px;

} 

#corpo2 { 

	background-image:url(../immagini/foto.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
	margin: 0px;
	padding: 0px;

} 

.twoColFixLtHdr #footer { 

	padding: 0px; /* questo padding corrisponde all'allineamento a sinistra degli elementi nei div sovrastanti. */

	background-image:  url(../immagini/sfondo-pagina.png);
	
	background-repeat: no-repeat;
	
	background-position: top center;
	text-align:center;
	
} 


a.link1 { 
	
	font-family:"Times New Roman", Times, serif;
	font-size:22px;
	color: #663300;
	text-decoration: none;
	line-height: 29px;

} 

a.link1:hover { 

	font-family:"Times New Roman", Times, serif;
	font-size:22px;
	color: #996600;
	text-decoration: none;
	line-height: 29px;
} 

#current{ 

	font-family:"Times New Roman", Times, serif;
	font-size:22px;
	color: #996600;
	text-decoration: none;
	line-height: 29px;
} 

.fltrt { /* questa classe può essere utilizzata per rendere mobile un elemento a destra nella pagina. L'elemento reso mobile deve precedere l'elemento al quale deve essere affiancato sulla pagina. */

	float: right;

	margin-left: 8px;

}

.fltlft { /* questa classe può essere utilizzata per rendere mobile un elemento a sinistra nella pagina.*/

	float: left;

	margin-right: 8px;

}

.clearfloat { /* questa classe deve essere inserita in un elemento div o break e deve essere l'elemento finale prima della chiusura di un contenitore che deve contenere per intero un elemento mobile */

	clear:both;

    height:0;

    font-size: 1px;

    line-height: 0px;

}
.clear{
	clear: both;
}
.Stile1 {padding-left: 380px; font-style: italic; }

.testoIndirizzo{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #663300;	
	margin: 0px 0px 0px 280px;
	font-weight:bold;
}

.testoIndirizzo a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #663300;	
	text-decoration: none;
}

.testoIndirizzo a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #F9EFC9;	
	text-decoration: none;
}
.testoSottoIndirizzo{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #663300;	
	margin: 0px 0px 0px 300px;
}

.testoSottoIndirizzo a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #663300;	
	text-decoration: none;
}

.testoSottoIndirizzo a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #F9EFC9;	
	text-decoration: none;
}

.localiRaccomandati{
	font-family: "Times New Roman", Times, serif;
	font-size: 20px;
	color: #996600;
	margin:0px;
	padding:20px 0px 0px 70px;
}

.titoloPagina{
	color: #663300;
	font-family: "Times New Roman", Times, serif;
	font-size: 32px;
	line-height:28px;
}
.libri{
	width: 280px;
	height: 400px;
	float: left;
	margin: 0 auto;
	text-align: center;
}
.listaLocali{
	border: 1px dashed #FDC062;
	width: 550px;
	padding: 3px;
}
.titoloLocale{
	font-family: "Times New Roman",Times,serif;
	font-size: 14px;
	color: #663300;
}
.titoloLocale a{
	font-family: "Times New Roman",Times,serif;
	font-size: 14px;
	text-decoration: none;
	color: #663300;
}
.titoloLocale a:hover{
	font-family: "Times New Roman",Times,serif;
	font-size: 14px;
	text-decoration: none;
	color: #996600;
}
.linkRicette{
	font-family: "Times New Roman",Times,serif;
	font-size: 14px;
	text-decoration: none;
	color: #663300;
}
.linkRicercaLettere{
	font-family: "Times New Roman",Times,serif;
	font-size: 14px;
	text-decoration: none;
	color: #663300;
	margin: 0px 5px 0px 5px;
}
.linkRicette:hover{
	font-family: "Times New Roman",Times,serif;
	font-size: 14px;
	text-decoration: none;
	color: #996600;
}
.evidenziaNome{
	width: 550px;
	margin: 0px 0px 3px 0px;
	padding: 0px;
	background-color: #F3E094;
}
.evidenziaDescrizione{
	width: 565px;
	margin: 0px 0px 3px 0px;
	padding: 0px;
	background-color: #F3E094;
}
.indirizzoLocale{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #663300;
	margin: 8px 0px 0px 0px;
	padding: 0px;
}
.informazioni{
	border: 1px dashed #FDC062;
	width: 290px;
	height: auto;
	padding: 3px;
	float: left;
	line-height: 20px;
}
.immagineLocale{
	border:1px dashed #FDC062;
	float:left;
	margin:0 0 0 20px;
	padding:3px;
	width:250px;
}
.vediMappa{
	float: right;
	margin: 30px 20px 0px 0px;
	width: 100px;
}
.scontoJat{
	background-image:url(../immagini/card-small.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	float:left;
	height:60px;
	margin:30px 0 0 25px;
	padding:0;
	vertical-align:middle;
	width:130px;
}
.testoScontoJat{
	margin: 15px 0px 0px 80px;
	padding: 0px;
	font-size: 18px;
}
.descrizioneLocale{
	border:1px dashed #FDC062;
	padding:3px;
	width: 565px;
	float:left;
	margin: 10px 0px 10px 0px;
	line-height: 20px;
}
.ricetteLocale{
	border:1px dashed #FDC062;
	padding:3px;
	width: 565px;
	float:left;
	margin: 10px 0px 10px 0px;
	line-height: 20px;
}
.testataLocale{
	width: 580px;
	float:left;
}
.ricettaDettaglio{
	padding:3px;
	width: 565px;
	float:left;
	margin: 10px 0px 10px 0px;
	line-height: 20px;
}
#map_canvas{
	background: url(../immagini/sfondoMappa.gif);
	background-position: center;
	background-repeat: no-repeat;
	width: 580px;
	height: 400px;
}
#mappa{
	float: right;
	margin: 10px;
}

#mapLocali{
	float: left;
	margin: 10px 0px 10px 10px;
	overflow: auto;
	height: 380px;
	width: 165px;
}
.titoliMappa{
	font-size: 14px;
}
.boxed{
	margin: 0px 0px 0px 8px;
}
#legendaMappa{
	width: 580px;
}
#legendaMappa span{
	margin: 5px 10px 5px 10px;
}
.lingue{
	margin: 30px 0px 0px 840px;
}
.lingue img{
	margin: 0px 20px 0px 0px;
}