<style type="text/css">

	#contenitore{
	width: 200px;
	height: 500px;
	background:  url(sfondo.jpg) repeat-y #000000;
	}


	TEXTAREA {
	border :  thin solid Black;
	background-position : top;
	cursor : crosshair;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	}

	INPUT {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	}

	SELECT {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	}

	BODY {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	background-attachment:fixed;
	color: #FFF
	}

	DIV {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	color:#FFF
	}

	SPAN {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	}

	TD {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	}

	#titolo1
	{
	height : 25px;
	padding-left:2px;
	padding-top:5px;
	padding-right:2px;
	padding-bottom:2px;
	border-left:1px solid gray;
	border-top:1px solid gray;
	border-right:1px solid gray;
	border-bottom:1px solid gray;
	background-color : 08226b;
	background-attachment:fixed;
	color : white;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight:bold;
	}

	#titolo2
	{
	height : 16px;
	padding:2px 2px 2px 2px;
	background-attachment:fixed;
	color : #0FF;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight:bold;
	}

	#titolo3
	{
	color : #79211f;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight:bold;
	}

	#titolo4
	{
	color : black;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 14px;
	font-weight:bold;
	}

	#titoloverde
	{
	background-attachment:fixed;
	color : #79211f;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 16px;
	font-weight:bold;
	}


	#titolonews
	{
	height : 25px;
	padding-left:2px;
	padding-top:5px;
	padding-right:2px;
	padding-bottom:2px;
	border-left:1px dashed gray;
	border-top:1px dashed gray;
	border-right:1px dashed gray;
	border-bottom:1px dashed gray;
	background-color : #08226b;
	background-attachment:fixed;
	color : white;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight:bold;
	}

	#testo1
	{
	color : #FFF;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	}

	#testo2
	{
	color : black;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	}

	#testo3
	{
	color : green;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	}

	#testo4
	{
	color : green;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	}

	#elencofile{}
	ul.elencofile
	{
	width:auto;
	list-style-type:decimal; /* elimino i punti elenco */
	margin:0; padding:0; /* elimino i rientri delle liste */
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	}
	ul.elencofile li a {
	display:block; /* il link occupa tutto lo spazio orizzontale */
	text-decoration:none; /* elimino la sottolineatura, che si tratta di un link si capisce dalla struttura */
	padding:5 5px; /* lascia spazio far il bordo del menu e il testo del link */
	height:20px;line-height:20px; /* altezza del link: height e line-height devono avere il medesimo valore */
	}
	ul.elencofile li { display:inline } /*elimina lo spazio fra gli elementi della lista introdotto da Opera*/
	ul.elencofile li a:link, ul.elencofile li a:visited {background:;	color: #009; } /* colori per il link */
	ul.elencofile li a:hover, ul.elencofile li a:active {background: #e0d7c6;	color:#c00;	} /* colori per l'effetto roll-over */	
	ul.elencofile li a {border-bottom : 1px dashed Gray; /* aggiungo dei bordi laterali */}

	#elencofile2{}
	ul.elencofile2
	{
	width:auto;
	list-style-type:decimal; /* elimino i punti elenco */
	margin:0; padding:0; /* elimino i rientri delle liste */
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 9px;
	}
	ul.elencofile2 li a {
	display:block; /* il link occupa tutto lo spazio orizzontale */
	text-decoration:none; /* elimino la sottolineatura, che si tratta di un link si capisce dalla struttura */
	padding:1 1px; /* lascia spazio far il bordo del menu e il testo del link */
	height:12px;line-height:12px; /* altezza del link: height e line-height devono avere il medesimo valore */
	}
	ul.elencofile2 li { display:inline } /*elimina lo spazio fra gli elementi della lista introdotto da Opera*/
	ul.elencofile2 li a:link, ul.elencofile2 li a:visited {background:;	color: #009; } /* colori per il link */
	ul.elencofile2 li a:hover, ul.elencofile2 li a:active {background: #e0d7c6;	color:#c00;	} /* colori per l'effetto roll-over */	
	ul.elencofile2 li a {border-bottom : 1px dashed Gray; /* aggiungo dei bordi laterali */}

	#elencoutenti{}
	ul.elencoutenti
	{
	width:auto;
	list-style-type:decimal; /* elimino i punti elenco */
	margin:0; padding:0; /* elimino i rientri delle liste */
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	}
	ul.elencoutenti li a {
	display:block; /* il link occupa tutto lo spazio orizzontale */
	text-decoration:none; /* elimino la sottolineatura, che si tratta di un link si capisce dalla struttura */
	padding:1 1px; /* lascia spazio far il bordo del menu e il testo del link */
	height:15px;line-height:15px; /* altezza del link: height e line-height devono avere il medesimo valore */
	}
	ul.elencoutenti li { display:inline } /*elimina lo spazio fra gli elementi della lista introdotto da Opera*/
	ul.elencoutenti li a:link, ul.elencoutenti li a:visited {background:;	color: #009; } /* colori per il link */
	ul.elencoutenti li a:hover, ul.elencoutenti li a:active {background: #e0d7c6;	color:#c00;	} /* colori per l'effetto roll-over */	
	ul.elencoutenti li a {border-bottom : 1px dashed Gray; /* aggiungo dei bordi laterali */}

	#link1
	{
	height : 16px;
	padding:2px 2px 2px 2px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight:bolder;
	}
	#link1 a{ text-decoration: none; color: #FF0}
	#link1 a:visited { text-decoration: none}
	#link1 a:hover { color: #0FF}

	#link2
	{
	height : 16px;
	padding:2px 2px 2px 2px;
	color : #0CF;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight:bolder;
	}
	#link2 a{ text-decoration: none; color: #0CF}
	#link2 a:visited { text-decoration: none }
	#link2 a:hover { color: yellow; background-color:#8bc09a}

	#linkmenu
	{
	padding:2px 2px 2px 2px;
	color : blue;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight:bolder;
	}
	#linkmenu ul{}
	#linkmenu a{ text-decoration: none; color: black}
	#linkmenu a:visited { text-decoration: none }
	#linkmenu a:hover { color: black; background-color:#8bc09a}

	#menu1{}
	ul.menu1
	{
	width:242px;
	vertical-align:middle;
	list-style:none; /* elimino i punti elenco */
	margin:0; padding:0; /* elimino i rientri delle liste */
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight:bolder;
	}
	ul.menu1 li a {
	display:block; /* il link occupa tutto lo spazio orizzontale */
	text-decoration:none; /* elimino la sottolineatura, che si tratta di un link si capisce dalla struttura */
	padding:0px 2px 2px 2px; /* lascia spazio far il bordo del menu e il testo del link */
	height:30px;line-height:30px; /* altezza del link: height e line-height devono avere il medesimo valore */
	}
	ul.menu1 li { display:inline } /*elimina lo spazio fra gli elementi della lista introdotto da Opera*/
	ul.menu1 li a:link, ul.menu1 li a:visited {background:;	color: white; } /* colori per il link */
	ul.menu1 li a:hover, ul.menu1 li a:active {background: #4774db;	color:#FFF;	} /* colori per l'effetto roll-over */	
	ul.menu1 li a {border-bottom : 1px solid Gray; /* aggiungo dei bordi laterali */}

	#menu2{}
	ul.menu2
	{
	width:242px;
	list-style:none; /* elimino i punti elenco */
	margin:0; padding:0; /* elimino i rientri delle liste */
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	}
	ul.menu2 li a {
	display:block; /* il link occupa tutto lo spazio orizzontale */
	text-decoration:none; /* elimino la sottolineatura, che si tratta di un link si capisce dalla struttura */
	padding:2 10px; /* lascia spazio far il bordo del menu e il testo del link */
	height:20px;line-height:20px; /* altezza del link: height e line-height devono avere il medesimo valore */
	}
	ul.menu2 li { display:inline } /*elimina lo spazio fra gli elementi della lista introdotto da Opera*/
	ul.menu2 li a:link, ul.menu2 li a:visited {background: #4774db;	color: yellow; } /* colori per il link */
	ul.menu2 li a:hover, ul.menu2 li a:active {background: #12318a;	color:white;	} /* colori per l'effetto roll-over */	
	ul.menu2 li a {border-bottom : 0px none; /* aggiungo dei bordi laterali */}


.crop{
	float:left;
	margin:.5em 10px .5em 0;
	overflow:hidden; /* this is important */
	border:1px solid #ccc;
	}
	/* input values to crop the image: top, right, bottom, left */
.crop img{
	margin:-20px -15px -40px -55px;
	}




</style>