@charset "utf-8";
html {
	overflow: -moz-scrollbars-vertical;
}
.centrato {
	display:     block;
	width:       600px;
	height:      350px;
	position:    absolute;
	top:         50%;
	left:        50%;
	margin:      -250px 0 0 -300px;
	vertical-align:middle;
	background-image: url(../Indice/sfondo.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

/* Struttura sito */
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0 px; /* è buona norma impostare a zero i valori margin e padding dell'elemento body per tenere conto delle diverse impostazioni predefinite dei browser*/
	padding: 0 px;
	text-align: center; /* centra il contenitore nei browser IE 5*. Il testo viene quindi impostato con l'allineamento predefinito a sinistra nel selettore #container */
	background-image: url(../ElementiStrutturaDiBase/Sfondo.jpg);
	background-repeat: repeat;
	margin-top: -6px;
	margin-bottom: -20px;
}

/* menu superiore */
.menuEtichetta{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
	background-image: url(http://www.pessastudio.com/ElementiStrutturaDiBase/Menu/etichetta.gif);
	height:22px;
	background-repeat: no-repeat;
	background-position: center;
}

#container { 
	width: 751px;  /* utilizzando 40 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:  auto; /* i margini auto (insieme a una larghezza) centrano la pagina */
	border: 3px solid #000000;
	text-align: center;
} 

#titolo {
	margin-top:5px;
	text-align: left;
	padding:1px;
	background-color:#2F5E2F;
	background-image: url(../../ElementiStrutturaDiBase/SfondoTitoloSotto.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	font-weight: bolder;
	color: #FFFFFF;
	list-style-image: url(../../ElementiStrutturaDiBase/ElencoPuntato.gif);
}
#titolo2 {
	
	
	
	padding:0px;
	margin-left: 0px; 
	padding-left: 0px; 
	padding-top: 0px
	
	background-repeat: no-repeat;
	
	font-weight: bolder;
	color: #000000;
	list-style-image: url(../../ElementiStrutturaDiBase/ElencoPuntato.gif);
}


#logo {
	height: 105px;
}


#mainContentConMenu {
	position:relative; /* ricordare che i valori padding e margin corrispondono rispettivamente allo spazio interno ed esterno al riquadro div  */
	text-align:justify;
	font-size: small;
	float: right;
	width: 580px;;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	background:#FFFFFF;
}

#mainContent {
	position:relative; /* ricordare che i valori padding e margin corrispondono rispettivamente allo spazio interno ed esterno al riquadro div  */
	text-align:justify;
	font-size: small;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	background:#FFFFFF;
}

		/* Menu a scorrimento */ 
		#scrollingmenu{
			position:relative;
			float:left;
			background-color:#FFFFFF;
			font-size: small;
			font-weight: bold;
			padding:5px;
			width:120px;
		}
		
		#voceSelezionata{
			margin-top:10px;
			text-align: left;
			font-size: small;
			text-decoration: none;
			padding:2px;
			background-color:#add5ab;
		}
		
		#voce{
			margin-top:10px;
			text-align: left;
			font-size: small;
			text-decoration: none;
			padding:2px;
			background-color:#cde8cc;
		}
		
		#sottovoce{
			margin-top:1px;
			text-align: left;
			font-size: small;
			background-color:#cde8cc;
			padding:3px;
			line-height: 8px;
		}
		
		#listaScrolling{
			padding: 0;
			margin-top: 0;
			margin-right: 0;
			margin-bottom: 0;
			margin-left: 20px;
			font-size: x-small;
			line-height: 150%;
		}


/* Css link */
a.linkMenu:hover {text-decoration: none; color: #2F5E2F;}
a.linkMenu:visited  {text-decoration: none; color: #2F5E2F;}
a.linkMenu:active  {text-decoration: none; color: #2F5E2F;}
a.linkMenu:link   {text-decoration: none; color: #2F5E2F;}
img.linkMenu {border:0px;}




li.titolo{
	list-style-image: url(../ElementiStrutturaDiBase/ElencoPuntato.gif);
}



#bordato{
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	padding:3px;
}

table {
	text-align:center;
}

H2 {
color:#2D572B;
text-align:center;
font-size: xx-small;
}



.didascalia{
	text-align:center;
	font-size: x-small;
	color: #666666;
	font-style: italic;
}
.didascaliaRossa{
	text-align:center;
	font-size: x-small;
	color: #F00;
	font-style: italic;
	font-weight: bold;	
}

.rossoBold{
	color: #FF0000;
	font-weight: bold;
}

.giustificato{
	text-align:justify;	
}

.piccolo{
	font-size: x-small;
	text-align:justify;	
}

.TotaleIva{
	font-weight: bold;
	font-size: xx-small;	
	
}





h4 > #mainContent{
color:#FF0000;
}


/* Css della freccia indietro */
.frecciaIndietro{
	left: 615px;
	bottom: 40px;
	position: relative;
	height:0px;
	width:150px;
}
a.parolagialla:hover {text-decoration: none; color: #cda431; border:0px;
	font-size: x-small;}
a.parolagialla:visited  {text-decoration: none; color: #cda431; border:0px;
	font-size: x-small;}
a.parolagialla:active  {text-decoration: none; color: #cda431; border:0px;
	font-size: x-small;}
a.parolagialla:link   {text-decoration: none; color: #cda431; border:0px;
	font-size: x-small;}
img.parolagialla {border:0px;}




a.titoli:hover {color:#000000;}
a.titoli:visited {color:#000000;}
a.titoli:active {color:#000000;}
a.titoli:link  {color:#000000;}


.listalettere{
	list-style-type: upper-alpha;
}


// DIV GALLERIA

#galleria a{
	float:left;
	display:block;
	width:60px;
	height:60px;
}
#galleriafoto {
	float: left;
	width: 450px;
	height: 230px;
	position:relative;
}
#galleriafoto .foto{
	position:absolute;
	left:0;
	top:0;
	width:225px;
	height:225px;
	overflow:hidden;
}