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


body {
	background-color: #E7DCCB;
	background-image: url(/immagini/fondo.png);
	background-repeat: repeat-y;
	margin: 0;
	padding: 0;
	color: #3D271E;
}

 
/* Stili per i titoli h1 */
 
h1 {
	margin-top: 0;
	color: #BB3218;
	font-family: 'Lobster Two', cursive;
	font: 'Lobster Two',cursive;
	padding-right: 25px;
	padding-left: 25px;
	text-align:center;
}
 
h2 {
	margin-top: 50px;
	color: #FFFFFF;
	font-family: 'Lobster Two', cursive;
	padding-right: 15px;
	padding-left: 25px;
	font-size: 24px;
	line-height: 24px;
} 
 
/* Stili per i titolini h3 */
 
h3 {
	color: #BB3218;
	font-family: 'Lobster Two', cursive;
	font: 'Lobster+Two', cursive;
	padding-left: 15px;
	line-height: 15px;
}

h4 {
	margin-top: 0;
	font-family: 'Lobster Two', cursive;
	font-size: 16px;
	text-align: center;
	text-decoration:none
	
}

p {
	color: #3D271E;
	font-family: 'Open Sans', sans-serif;
	font: 'Open Sans', sans-serif;
	line-height: 140%;
	padding-left: 25px;
	font-size: 15px;
	padding-right: 25px;
}	




/* ~~ Questo contenitore a larghezza fissa circonda gli altri div ~~ */
.container {
	width: 960px; /* Il valore automatico sui lati, abbinato alla larghezza, produce un layout centrato. */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

/* ~~ All'intestazione non viene assegnata una larghezza. Estenderà l'intera larghezza del layout. Contiene un'immagine segnaposto da sostituire con il vostro logo collegato ~~ */
.header {
	background: rgba(0,0,0,0);
	padding-left: 0px;
	height: 240px;
}

/* ~~ Queste sono le informazioni sul layout. ~~ 

1) La spaziatura viene applicata solo al lato superiore e/o inferiore del div. Agli elementi all'interno del div viene applicata una spaziatura sui lati. In questo modo si evita ogni calcolo matematico relativo ai riquadri. Tenete presente che se aggiungete spaziatura laterale o bordi al div stesso, andranno ad aggiungersi alla larghezza definita per produrre la larghezza *totale*. Potete anche scegliere di rimuovere la spaziatura dell'elemento nel div e inserire un secondo div al suo interno con larghezza nulla e con la spaziatura necessaria per la struttura che state creando.

*/




/* ~~ Il piè di pagina ~~ */
.footer {
	height: 120px;
	width: 960px;
	background-repeat: no-repeat;
	float: left;
	display: block;
	background-image: url(/immagini/footer.jpg);
}

/* ~~ Classi float/clear varie ~~ */
.fltrt {  /* questa classe può essere utilizzata per applicare un float a un elemento a destra nella pagina. L'elemento con float deve precedere l'elemento al quale deve essere affiancato sulla pagina. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* questa classe può essere utilizzata per applicare un float a un elemento a sinistra nella pagina. L'elemento con float deve precedere l'elemento al quale deve essere affiancato sulla pagina. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* Questa classe può essere inserita in un <br /> o in un div vuoto come elemento finale subito dopo l'ultimo div con float (all'interno del #container) se il #footer sul viene rimosso o estratto dal #container. */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}



.menu {
	font-family: 'Lobster Two', cursive;
	font: 'Lobster+Two', cursive;
	height:35px;
 
}



ul#menu {
    font-family: 'Lobster Two', cursive;
	font: 'Lobster+Two', cursive;
    font-size: 19px;
    margin: 0;
    padding: 0;
    list-style: none;
}
  
ul#menu li {
	background-color: #FFFFFF;
	display: block;
	width: 160px;
	height: 35px;
	margin: 0px;
	float: left; /* elementi su singola riga */
}
  
ul#menu li a {
	color: #BB3218;
	display: block;
	font-weight: normal;
	line-height: 30px;
	text-decoration: none;
	width: auto;
	height: 35px;
	text-align: center;
}
  
ul#menu li a:hover {
	background-color: #7BB295;
	color: #FFFFFF;
}
 
.content {
	weight: 960px;
	height: auto;
	background-color: #FFFFFF;
	float: left;
	display: block;
	width: 960px;
}

a
{
    text-decoration: none;
	color:#3D271E
      
}
 
a:hover {
	text-decoration:none
  
}

#citazione {
	background-repeat: no-repeat;
	height: auto;
	width: 788px;
	float: left;
	text-decoration: none;
	display: block;
}

#virgolette {
	padding-top: 15px;
	height: auto;
	width: 86px;
	float: left;
	text-decoration: none;
	display: block
}

#colonna_sinistra {
	width: 455px;
	padding-left: 25px;
	float:left;
	height:auto;
}	
#colonna_destra {
	width: 455px;
	float:left;
	height:auto;
}	

ul {
	list-style-image: url(/immagini/pallino_elenco.png);
	color: #BB3218;
	font-family: 'Open Sans', sans-serif;
	font: 'Open Sans', sans-serif;
	line-height: 150%;
	margin-left: 25px;
	margin-right: 25px;
	font-size: 16px;
}