@charset "utf-8";
body  {
	background: #666666;
	background-image:url(images/background.JPG);
	background-attachment:fixed;
	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: #CCCCCC;
}
.container { 
	width: 950px;  /* 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 */
	margin: 0 auto; /* i margini auto (insieme a una larghezza) centrano la pagina */
	background-color:#333333;
	border: 1px solid #000000;
	text-align: left; /* sostituisce l'impostazione text-align: center nell'elemento body. */
	padding: 2px;
}
.header {
     height: 150px;
	 border: 1px solid black;
	 z-index: -1;
}
.buttons {
      width: 740px;
	  vertical-align:middle;      
	  }
.menu {
	float: right; /* poiché questo elemento è mobile, occorre specificare una larghezza */
	width: 200px; /* 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 */
	background: #333333; /* il colore di sfondo verrà visualizzato per tutta la lunghezza del contenuto all'interno della colonna, ma non oltre */
	text-align:center;
	margin-top: 20px;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.menu a, a:visited {
     color:#CCCCCC;
	 text-decoration:none; 
}
.menu a:hover {
     color:#ffffff;
	 text-decoration: underline; 
}
.menu #title1, #title2, #title3, #title4, #title5, #title6  {
	background-color:#202020;
	border: 1px solid black;
	border-bottom:0px;
	width:150px;
	margin: auto;
	margin-top: 20px;
	float:none;
	color:#000000;
	padding: 2px;
	background-image: url(images/titleback.gif);
	background-repeat: repeat-x;
	letter-spacing: 1px;
	font-weight: bold;
}
.menu #content1, #content2, #content3, #content4, #content5, #content6 {
	background-color:#202020;
	background-image:url(images/background.JPG);
	border: 1px solid #000000;
	width:150px;
	margin: auto;
	float:none;
	color:#FFFFFF;
	padding: 2px;
	text-align: center;
}

.menu #content3 input {
    background-color:#CCCCCC;
    padding: 0px;
	margin: 2px;
	}

.menu #table {
	background-color:#333333;
	border: 1px solid #000000;
	width:150px;
	margin: auto;
	/*margin-bottom: 20px;*/
	float:none;
	color:#FFFFFF;
	padding: 0px;
	text-align: center;
}
.menu #table td{
    border:0px;
}

.menu #table2 {
	background-color:#333333;
	border: 1px solid #000000;
	width:150px;
	margin: auto;
	/*margin-bottom: 20px;*/
	float:none;
	color:#FFFFFF;
	padding: 0px;
	text-align: center;
}
.menu #table2 td{
    border:0px;
}
.footer {
	 border: 0px solid black;
	 text-align:center;
	 font-family:Verdana, Arial, Helvetica, sans-serif;
	 font-size: 11px;
	 margin-bottom: 6px;
	 }
.footer a, a:visited {
     color:#CCCCCC;
	 text-decoration:none; 
	}
.footer a:hover {
     color:#ffffff;
	 text-decoration: underline; 
	}
.all #main { 
	margin: 20px 200px 0 0;
	padding: 20px;
	border: 1px solid black;
	font-family: Verdana, "Times New Roman", Times, serif;
	font-size: 12px;
    max-height: 1350px;
	overflow-y:auto;
	text-align:center;
	width: 700px;
	color: #E8E8E8;
	line-height: 15px;
} 
.all #main .title {
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	color: #b4d7a2;
}
.all #main .title2 {
	font-weight: bold;
	color: #b4d7a2;
}
.all #main .title3 {
	color: #ffffff;
	font-weight:bold;
}
.all #main a {
	color: #87CD92;
	font-weight: bold;
	text-decoration: none;
	}
.all #main a:visited {
	color: #87CD92;
	font-weight: bold;
	text-decoration: none;
	}
.all #main a:hover {
	color: #68a848;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px dashed;
	}
.all #main .image a:hover{
    border-bottom: 0;
}
.all #main table {
	text-align: center;
	vertical-align: middle;
	border: 3px double #242424;
	padding: 1px;
	background-image:url(images/background.JPG);		
}
.all #main td, th {
	border: 1px solid #242424;
}
.all #main table a:hover {
	border-bottom: 0;
}
.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;
}
.gradualshine{
opacity:0.3;
}
hr {
border: 0px;
border-bottom: 1px solid #1B1B1B;
color: #242424;
background-color:#242424;
}
.rss {
	font-size: 12px;
	font-weight: bold;
	}
.sponsor {
    float: left;
	width: 740px;    
}
.highslide {
	cursor: url(highslide/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide img {
	border: 2px solid gray;
}
.highslide:hover img {
	border: 2px solid white;
}

.highslide-image {
    border: 2px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;    
    border: 2px solid white;
    border-top: none;
    padding: 5px;
    background-color: white;
}
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}
.highslide-loading {
    display: block;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;
	padding: 3px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
}
.textarea {   
     font-size:14px;
	 overflow-x: hidden;
	 overflow-y: scroll;
	 border: 1px solid #242424;
}