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


/*stili per il layout fisso con background*/
html,body{margin: 0;padding:0}
body{
background-image:url(../Immagini/sfondo.jpg);
font-family: arial,sans-serif;
font-size: 76%;
text-align:center}

h1,h2{margin: 0;padding:0}
h1{padding-left:10px;
font: bold 2.3em/80px arial,sans-serif}
h2{color: #69f;font-size: 1.5em}
h4{line-height:5px;}

a:link    {text-decoration: none;
	color:#990000;}
a:visited {text-decoration: none; 
	color: #003300;}
a:hover   {color: #990000;
	font-family:Geneva, Arial, Helvetica, sans-serif}

div#container{ background-image:url(../Immagini/ruota_copia.PNG);
background-repeat: repeat-y;
background-position:center;
		width:760px; 
		margin:0 auto;
        border-width: 0 1px; 
		border-style:solid; 
		border-color: #ccc;}
		
div#container2{
text-align: left;}

div#sottotesta{
	background-color: #FFFFFF;
	margin-top:10px;
	width:100%;
	height:80px;
	text-align:center;
	}

/*stili generici, su header e footer*/
div#header{
background-color:#FFFFFF;
height: 95px;
width:100%;}

/*----- Frase --------------------------- */
div#frase{
	margin-top:5px;
	width:100%;
	height:35px;
	text-align:center;
	}

div#footer a{color:#fff;
font-weight: bold;text-decoration: underline}

/*stili specifici per il layout*/
div#navigation{
height:650px;
margin:10px 0 0 0;
background-color:#F0F7F7;
float: left;
width: 150px;
\width:160px;
w\idth:150px;
padding: 0 0 0 0px}

div#extra{
float: right; 
width: 150px;
\width:160px;
w\idth:150px;
padding: 1em 5px}

div#content{ 
margin: 10px 160px;
padding: 0 5px}

div#footer{clear:both; 
	background-color: #336600;
	width:100%;
	bottom:0px;
	text-align:center;
	font-size: 12px;
	margin:0px;
	}

/*----- Banner --------------------------- */
div#banner{clear:both;
background-color:#663300;
	width:100%;
	margin:0px;
	text-align:center;
	}

/*stili per la sezione NEWS*/
div#content div.newsbox{
width:415px;
opacity:.90;
	background-color:#FFFFFF;
	-moz-border-radius-topleft: 9px; 
	-moz-border-radius-topright: 9px; 
	-moz-border-radius-bottomright: 9px; 
	-moz-border-radius-bottomleft: 9px;
margin-bottom: 1em;
padding:5px 5px 5px 5px}

div#content div.newsbox h2{
				color: #000000;
				line-height:27px;
				font-size: 1.2em;}
div#content div.newsbox p{
				margin: 0}


/*----- stili per la navigazione --------------------------- */

#menu_css_verticale{
	width:146px;
/* rimuoviamo i marcatori della lista*/
	list-style:none;
/* richiesto per Internet Explorer*/
	margin:0;
	padding:1px;
	background-color:#FFFFFF;
	border:1px solid #437E7E;
	} 

#menu_css_verticale a{
/*1. convertiamo i link da elementi inline a elemento di blocco, cosi coprono tutta la larghezza disponibile*/
	display:block;
/*2. specifichiamo un altezza - richiesto per Internet Explorer 6*/
	height:25px;
/*3. aggiungiamo un spazio superiore tra ogni link*/
	margin-top:1px;
/*4. e un spazio cuscinetto (padding) a sinistra tra il bordo e il testo dei link*/
	padding-left:15px;
/*5. specifichiamo un colore di sfondo per i link*/
	background-color:#F0F7F7;
/*6. e un bordo sinistro di 10px*/
	border-left:10px solid #C7E2E2;
/*7. speficiamo il tipo di carattere usato*/
	font-family:arial;
/*8. e la misura del carattere*/
	font-size:10px;
/*9. convertiamo i caratteri da minuscolo a maiuscolo*/
	text-transform:uppercase;
/*10. togliamo la sottolineatura dei link aggiunta per default*/
	text-decoration:none;
/*11. specifichiamo un colore per i link*/
	color:#437E7E;
/*12. allineiamo verticalmente il testo*/
	line-height:25px;
	text-align:left;
	} 

#menu_css_verticale a:hover{
/*1. cambiamo il colore di sfondo dei link*/
	background-color:#E5E5E5;
/*2. il colore del bordo sinistra*/
	border-left:10px solid #CCCCCC;
/*e il colore dei link stessi*/
	color:#666666;
	} 

#menu_css_verticale a.primo{
	margin-top:0;
	} 

/*----- stili per la navigazione 2 --------------------------- */

div#MENU {
	top:367px;
    background-color: #EEEEEE;
    width: 138px;
    padding: 5px;
    border:1px solid #437E7E;
	color: #006699;
	}

div.TITOLO {
    position: Relative;
    background-color: #FFFFCC;
    font: Bold 10px Verdana;
    margin-bottom: 5px;
    padding: 5px;
    border: Solid 1px #CCCCCC;
    cursor: Pointer;
	}

span.VOCI {
    display: None;
    font-family: Verdana;
    font-size: 13px;
	}

a {color: #000000;}


/*----- CLASSIFICA --------------------------- */
#box-classifica{height:400px;
	background: #fff;
	border-collapse: collapse;
	font-family: "Arial", "Verdana", Sans-Serif;
	font-size: 12px;
	width: 415px;
}
#box-classifica th{
	background: #c3d6e0;
	border-left: 1px solid #394A57;
	border-right: 1px solid #394A57;
	border-top: 4px solid #EDF6FA;
	color: #FFF;
	font-size: 12px;
	padding: 1px;
	text-align: center;
}
#box-classifica td{
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	color: #394A57;
	padding: 0 0 0 1px;
}
#box-classifica tr:hover td{
	color: #95b4c4;
	background-color:#FFFF99;
}

#albo td{
	border-bottom: 1px solid #CCCCCC;
	padding: 2px 0 4px 1px;
}