body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: small;
	margin: 0px;
	padding: 0px;
	background-image: url(images/sf_pagina.jpg);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: right bottom;
	background-color: #000000;
	text-decoration: none;
}
P { 
	FONT-SIZE: small;
	COLOR: #FFFFFF;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
} 
A {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #CC9966;
	text-decoration: underline;
	outline: none;
	font-weight: bold;

}
A:hover { 
	font-family: Verdana, Arial, Helvetica; 
	font-size: small;
	text-decoration: none;
	color: #CCCC99;
}
.voce1 { height:19px;overflow:hidden; }
.voce1 a { position:relative;top:-19px; }
.voce1 a:hover { position:relative;top:0px; }

.voce2 { width:133px;height:24px;overflow:hidden; }
.voce2 a { position:relative;top:-24px; }
.voce2 a:hover { position:relative;top:0px; }

.voce3 { width:85px;height:19px;overflow:hidden; }
.voce3 a { position:relative;top:-19px; }
.voce3 a:hover { position:relative;top:0px; }

.News {
	FONT-SIZE: 10px;
	COLOR: #FFFFFF;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: center;
	margin: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
} 
.News A {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CCCC99;
	text-decoration: underline;
	font-weight: bold;

}
.News A:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	color: #FFFFCC;
	font-weight: bold;
}
td {  
	color: #FFFFFF; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: small;
}
INPUT {
	FONT-SIZE: x-small;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;

} 
TEXTAREA { 
	FONT-SIZE: x-small; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
} 
SELECT { 
	FONT-SIZE: x-small; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold
} 
.campotxt {
	color: #000000;
	border: 1px solid #666666;
	background-image: url(images/sf_campotxt.gif);
}
.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #CC9933;
}
.footer a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #CCCC99;
	text-decoration: underline;
	font-weight: normal;
}
.footer a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
}
.percorso {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #CC9900;
	font-weight: bold;

}
.percorso a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #CCCC99;
	text-decoration: none;
	font-weight: normal;
}
.percorso a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #CCCC99;
	text-decoration: underline;
	font-weight: normal;
}
h1 {
	font-size: 14px;
	color: #CC9966;
	font-family: "Trebuchet MS", Arial, sans-serif;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
	font-style: italic;
	text-align: center;


}
h2 {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;

}
b {
	color: #FFFFCC;
	color: #FFFF99;
}
.AdminTable {
	border: 1px solid #CC9900;
	width: 90%;

}
.AdminTit {
	background-color: #CBB5A0;
	border: 1px solid #CC6600;
	color: #000000;



}
.AdminCelle {
	border: 1px solid #CC6600;
}
.footer hr {
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	width: 85%;
}
.sx {
	height: 400px;
	width: 150px;
	position:relative;
	z-index:1;
}
.sfsx {
	position:absolute;
	z-index:1;
}
.sxmenu {
	position:absolute;
	z-index:1;
	width: 98px;
}
.tablemenu {
	width: 100%;
	max-width: 700px;
	/* 	simula max-width in IE
	   	expression indica al browser di eseguire il codice fra '( ... )' e restituire il risultato alla proprietà width.
		L'espressione usata è una forma particolare di if then else copiata dal linguaggio C:
		Tramite document.body.clientWidth si recupera la larghezza dell'elemento <body>
		Si confronta la larghezza con il valore 960 (px), ciò restituisce un valore vero/falso.
		La sintassi vero/falso ? istruzione1 : istruzione2 equivale a se (vero/falso = vero) allora esegui istruzione1, altrimenti esegui istruzione2.
		Dunque, il valore assegnato alla proprietà width è '700px' se la finestra del browser ha una larghezza superiore a 960px, 
		altrimenti si adatta ('auto') alla finestra stessa */
	width:expression(document.body.clientWidth > 960 ? "700px" : "100%")
}
.tableCX {
	width: 90%;
	max-width: 700px;
	width:expression(document.body.clientWidth > 960 ? "700px" : "90%")
}
.testo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: justify;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 25px;
	padding-left: 0px;
}
.sf_productions {
	background-image: url(/images/sf_productions.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration: none;
}
fieldset {
	padding: 10px;
	border: 2px outset #CC6600;
}
legend {
	padding: 5px 25px;
}
fieldset p {
	padding: 0px 10px 10px 17px;
}
.press {
	background-image: url(images/sf_press.gif);
	background-repeat: repeat-y;
	background-position: right top;
	text-decoration: none;
}
.foto {
	text-decoration: none;
	background-color: #1B1B1B;
	padding: 10px;
	border: 1px solid #333333;
}
.gallery {
	background-image: url(images/sf_gallery.gif);
	background-repeat: repeat-y;
	background-position: left top;
	text-decoration: none;
}
.nascondilink a {
	text-decoration: none;
	color: #000000;
}
.nascondilink a:hover {
	text-decoration: none;
	color: #000000;
}
.popup {
	position: absolute;
	top: 100px;
	left: 300px;
	width: 200px;
	height: 200px;
	display: none;
	background-color: #3E3E3E;
	border: 3px solid Black;
}

