body {

		 background-color: #FFFFFF;

		 font: 10px verdana "sans-serif";

		 border: 0;

		 margin: 0;

}



h1 {

	 padding: 0;

	 margin: 0;

	 font-size: 22px; 

	 color: #FF0000;

	 text-align: center;

}



h2 {

	 padding: 0;

	 margin-bottom: 2;

	 font-size: 18px;

	 color: #0000FF;

	 text-align: center;

}

h3 {

	 padding: 4;

	 margin: 4;

	 font-size: 14px;

	 color: #0000FF;

	 text-align: center;

}

table {

	 border: 5;

	 padding: 0;

}



ul {

 		width:100%;

		background-color: #FFFFFF;

  	list-style:none;

		margin-top:6px;

		margin-left: 0px;

  	padding: 0px;

		color:#0000FF;

		text-align: center;

  		}

  		

li a {

		width:100%;

		background-color:#DDDDDD;

		color:#0000FF;

		border: 0;

  	margin: 0;

  	padding-top: 2px;

		padding-bottom: 2px;

		padding-left: 12px;

		font-size: 12px;

		}

  		

li a:hover {

		background-color:#AAAAAA;

  	color:#FFFFFF;

		font-size: 12px;

  	}



td#rosso {

	color: #FF0000;

}			



p#accesso {

	  font-size: 14px;

		color: #FF0000;

}

.center {

	  display: block;

		text-align: center;

		vertical-align: center;

		background-color: #FFFF00;

		margin-top: 3px;

		margin-bottom: 5px;

		font-size: 12px;

}

.break {

  	display: block;

		text-align: left;

  	height:20px;

  	border: 0;

  	margin: 0;

  	padding-left: 0;

		font-size: 12px;

		color:#FF0000;

  		}

.menuSelected a:link, .menuSelected a:active, .menuSelected a:visited {

    display: block;

		margin-bottom: 1px; 

		text-decoration: none; 

		padding: 4px 8px; 

		color: #FFFFFF; 

		background: #0066CC url(/public/images/bgmenu01.png) no-repeat bottom right}

 

.menu a:link, .menu a:active, .menu a:visited {

    display: block; 

		font-size: 12px; 

		margin-bottom: 1px; 

		text-decoration: none; 

		color: #000000; 

		background-color: #AACCFF; 

		padding: 4px 8px;}

.menu a:hover {

    color: #FFFFFF; 

		background-color: #0066CC;}



.menugara a:link, .menugara a:active, .menugara a:visited {

    display: block; 

		font-size: 12px; 

		margin-bottom: 1px; 

		text-decoration: none; 

		color: #000000; 

		background-color: #99BBFF; 

		padding: 4px 8px;}

.menugara a:hover {

    color: #FFFFFF; 

		background-color: #0066CC;}

		

.menupdf a:link, .menupdf a:active, .menupdf a:visited {

    display: block; 

		font-size: 12px; 

		margin-bottom: 1px; 

		text-decoration: none; 

		color: #000000; 

		background-color: #99DDFF; 

		padding: 4px 8px;}

.menupdf a:hover {

    color: #FFFFFF; 

		background-color: #0066CC;}



.menuGrigio a:link, .menuGrigio a:active, .menuGrigio a:visited {
		font-weight: bold;

    display: block; 

		margin-bottom: 3px; 

		text-decoration: none;

		text-align: center; 

		color: #FFFFFF; 

		background-color: #777777; 

		padding: 4px 8px;}

.menuGrigio a:hover {

    color: #000000; 

		background-color: #CCCCCC;}

.menuRosso a:link, .menuRosso a:active, .menuRosso a:visited {
  display: block; 
	margin-bottom: 5px; 
	margin-top: 5px;
	text-decoration: none; 
	color: #0000FF; 
	background-color: #ffff99; 
	padding: 4px 8px; }

.menuRosso a:hover {color: #FFFFFF; background-color: #666666;}
.menuVerde a:link, .menuVerde a:active, .menuVerde a:visited {
		font-weight: bold;

    display: block; 

		margin-bottom: 3px; 

		text-decoration: none;

		text-align: center; 

		color: #FFFFFF; 

		background-color: #009900; 

		padding: 4px 8px;}

.menuVerde a:hover {

    color: #000000; 

		background-color: #CCCCCC;}

.menuItemSpecial a:link, .menuItemSpecial a:active, .menuItemSpecial a:visited {display: block; margin-bottom: 1px; text-decoration: none; color: #FFFFFF; background-color: #DD0000; padding: 4px 8px; margin-top: 20px;}

.menuItemSpecial a:hover {color: #FFFFFF; background-color: #666666;}

.img {

    padding:2px 0 2px 0;

		background-color: #CCCCCC;

		text-align: center;

		margin-top: 0;
}
div#shinystat {
  width: 135px;
	padding: 10px;
	margin: 5px;
	text-align: center;
}
#footer {
  text-align: center;
	font: 15px Serif;
	color: #006600;
	padding: 5px;
}
/* ***** stile lista archivio foto ******* */
div#contenitore {
  margin: 20px;
	font: bold 20px Serif;
	display: block;
}
div#contenitore h1{
  font: bold 26px Serif;
  margin-bottom: 10px;
	color: #003333;
}
div#links{
  width:600px;
}

div#links ul, div#links li {
  list-style: none; /* tolgo lo stile (bullet), il padding e il margine alla lista */
	text-align: left;
	margin: 0;
	padding: 0;
}

div#links li {
  margin:0 3px 0 3px;
	background: url(../img/rollover.png) no-repeat 0 -20px; /* immagine di sfondo del <li>*/
	/* l'immagine è traslata di 20 pixel verso l'alto nello shorthand background 
     attraverso un valore negativo, così da mostrare la seconda metà: */
}
div#links ul ul li {
  margin:0 3px 0 20px;
	background: url(../img/rollover.png) no-repeat 0 -20px; /* immagine di sfondo del <li>*/
	/* l'immagine è traslata di 20 pixel verso l'alto nello shorthand background 
     attraverso un valore negativo, così da mostrare la seconda metà: */
}
div#links ul ul li a {
  color: #00F;
}


div#links a {
  display: block; /* resi block-level */
	height: 20px; 
	line-height: 15px; /* altezza di linea così da centrare il testo rispetto al bullet */
	padding-left: 20px; /* aggiungo un padding sinistro per lasciare il posto al bullet */
	background: url(../img/rollover.png) no-repeat; /* immagine di sfondo del <a..> */
	/* non viene traslata */
	text-decoration: none; /* tolgo la sottolineatura */
	color: #008800; /* colore del testo */
}

div#links a:hover {
  background: none;
	/* Per la fase hover l'immagine di sfondo viene rimossa, così da mostrare
	 la porzione di immagine sottostante attribuita agli <li> */
	color: #00cc00; /* cambio il colore del testo */
}

/* ******stile lista orrizzontale della bric in bike ****** */
ul#nav, ul#nav li {
  list-style: none;
  margin: 0;
	padding: 0;
	/* eliminiamo bullet, margini e padding da lista e list-item */
}

ul#nav {
  float: left;
	width: 100%;
	text-align: center;
	/* rendiamo float la lista, e inoltre centreremo il testo al suo interno */
}

ul#nav li {
  text-align: center;
  float: left;
	margin-right: 26px;
	/* I list-item vengono resi float e separati da un margine destro di 5 pixel: */
}

ul#nav a {
  display: block;
  width: 88px;
	height: 35px;
	line-height: 35px;
	background: url(../img/button.png)top center;
	text-decoration: none;
	color: #000000;
  /* rendiamo i link block-level, attribuiamo dimensioni, altezza di linea, 
	sfondo e colore ed eliminiamo la sottolineatura */
}

ul#nav a:hover, ul#nav li {
  color: #ffffff;
	background: url(../img/button.png) bottom center;
}

td.atleti {
  padding-left: 100px;
  text-align: left;
	width: 50%;
	color: #0000DD;
}

/* pagina resoconti e dettagli news*/

#container {
  font: normal 12px Serif;
	margin: 5px 0 0 5px;
}

div.titoli {color: #FFF; font:bold 14px serif;border: 3px double #FFF; background-color: #00F;}

div.dx {color: #000; font:normal 12px serif; padding: 2px;}

div.dx span {color:#00F;}

div.links {margin: 2px 10px 2px 10px;border: 3px double #CCC;}

div.links a {color:#063;}

div.links a:hover {color:#FC2;background-color: #063;}