@charset "iso-8859-1";
body {
  background-image: url(http://www.garu.it/modules/images/sfondo.gif);
  font-family: verdana,sans-serif;
  margin:1px;
  margin-top:0px;
  text-align: center;
}
img {
  border: 0;
}
a {
  color: #333366; /* #ffcc00;*/
  font-weight: bold;
  text-decoration: none;
}
a:hover {
  background-color: #ffcc00;
  text-decoration: underline;
}

images {
 border: 0px;
}
h1 {
 background-color: #ffcc00;
 color: #333366;
 font-size: 16px;
 padding-left: 4px;
 padding-top: 0px;
 margin-top: 0px;
}
h2 {
 color: #333366;
 font-size: 15px;
 font-style: italic;
}
h3 {
 color: #333366;
 font-size: 14px;
 font-style: italic;
}
hr {
  display: none;
}
hr.fondo {
 align: center;
 width: 80%;
}
img {
  border-style: none;
  border-width: 0px;
}
img.bordo {
  border-style: solid;
  border-width: 1px;
}
p {
	text-align: justify;
}
table {
  border-color: #999999;
  border-style: solid;
  border-width: 1px;
}
table.sfondoblu {
  background-color: #333366;
} 
table.sfondobianco {
  background-color: #ffffff;
  border-bottom-style: none;
}
table.page {
  border-top-style: none;
}
th {
  background-color: #333366;
  border-color: #333366;
  border-style: solid;
  border-width: 1px;
  color: #ffcc99; 
  font-family: verdana,sans-serif;
  font-size: 12px;
  letter-spacing: 1.2px;
  padding: 2px;
}
td {
  font-family: verdana,sans-serif;
  font-size: 12px;
  letter-spacing: 0.8px;
  padding: 0px;
  vertical-align: top;
}
td.menu {
  width: 150px;
}
td.pari {
  background-color: #ffcc00;
  border-color: #ffffcc;
  border-style: solid;
  border-width: 1px;
  padding: 2px;
  text-align: left;
}
td.dispari {
  background-color: #ffffcc;
  border-color: #ffcc00; 
  border-style: solid;
  border-width: 1px;
  padding: 2px;
  text-align: left;
}
td.paricnt {
  background-color: #ffcc00;
  border-color: #ffffcc;
  border-style: solid;
  border-width: 1px;
  padding: 2px;
  text-align: center;
}
td.disparicnt {
  background-color: #ffffcc;
  border-color: #ffcc00; 
  border-style: solid;
  border-width: 1px;
  padding: 2px;
  text-align: center;
}
td.paribig {
  background-color: #ffcc00;
  border-color: #ffffcc;
  border-style: solid;
  border-width: 1px;
  padding: 8px;
}
td.disparibig {
  background-color: #ffffcc;
  border-color: #ffcc00; 
  border-style: solid;
  border-width: 1px;
  padding: 8px;
}
td.titolo {
  background-color: #ffffff;
  border-color: #ffcc00; 
  border-style: solid;
  border-width: 1px;
  padding: 8px;
}
td.paricoll {
  background-color: #ffffff;
  border-color: #ffffcc;
  border-style: solid;
  border-width: 1px;
  padding: 2px;
  vertical-align: middle;
}
td.disparicoll {
  background-color: #ffffff;
  border-color: #ffcc00; 
  border-style: solid;
  border-width: 1px;
  padding: 2px;
  vertical-align: middle;
}
table.gara {
  border-color: #999999;
  border-style: solid;
  border-width: 1px;
}
td.gara-1 {
 background-color:#FFFFCC;
 border-color: #ffcc00;
 border-style: solid;
 border-width: 1px;
 border-top-width: 0px;
 color: #333366;
 font-weight: bold;
 letter-spacing: 0.8px;
 padding: 2px;
}
td.gara-2 {
 background-color:#ffcc00;
 border-color: #FFFFCC;
 border-style: solid;
 border-width: 1px;
 border-top-width: 0px;
 color: #333366;
 font-weight: bold;
 letter-spacing: 0.8px;
 padding: 2px;
}
#header {
 color: #ffcc00;
 font-size: 12px;
 font-weight: bold;
 line-height: 30px;
 padding: 10px;
}
#colonna-menu {
 font-size: 11px;
 left: 0px;
 margin-top: 10px;
 padding: 0px;
 top: 10px;
 width: 154px;
}
#menu {
 background-color: #ffcc00;
 border-color: #333366;
 border-style: solid;
 border-width: 2px;
 font-size: 11px;
 margin-left: 0px;
 line-height: 20px;
 left: 0px;
 letter-spacing: 1.2px;
 text-align: left;
 top: 0px;
 width: 152px;
}
#menu a{ 
 background-color: #333366;
 border-color: #ffcc00;
 border-style: solid;
 border-width: 1px;
 color: #ffffff;
 display: block;
 height:20px;
 margin: 1px;
 padding:4px;
 width:150px;
}
#menu a:hover{ 
 border-color: #333366;
 border-style: solid;
 border-width: 1px;
 color: #ffcc00;
 height:20px;
 text-decoration: none;
 width:150px;
}
#menu a.posta{
 background-color: #FFFFCC;
 border-color: #333366;
 border-style: solid;
 border-width: 1px;
 color: #333366;
 font-size: 11px;
 margin-left: 0px;
 line-height: 15px;
 left: 0px;
 letter-spacing: 1.2px;
 text-align: center;
 top: 0px;
 width: 150px;
}
#menu a.posta:hover{
 line-height: 15px;
 text-decoration: none;
 border-color: #333366;
 border-style: solid;
 border-width: 1px;
 color: #ffcc00;
 text-decoration: none;
 width:150px;
}

#menu a.sottomenu{ 
 background-color: #FFFFCC; /* #cccccc;*/
 border-color: #333366;
 border-style: solid;
 border-width: 1px;  
 color: #333366;
 padding: 4px;
 margin-left: 20px;
 width:130px;
}
#menu a.sottomenu:hover{ 
 background-color: #333366;
 color: #ffcc00;
 text-decoration: none;
 width:130px;
}
#navigatore {
 background-color: #FFFFFF;
 color: #333366;
 font-size: 11px;
 font-weight: bold;
 padding-right: 20px;
 padding-bottom: 0px;
 margin-bottom: 0px;
 text-align: right; 
}
#navigatore a{
 background-color: #FFFFFF;
 color: #cccccc;
}
#navigatore a:hover{
 background-color: #FFFFFF;
 color: #333366;
}
#contenuto-principale {
 /*background-color: #ffffff;*/
 border-color: #ffcc00;
 border-style: solid;
 border-width: 2px; 
 font-size: 12px;
 line-height: 20px;
 margin-left:2px;
 margin-top: 10px;
 margin-bottom: 10px;
 padding: 8px;
}
#contenuto-principale a:hover{
 background-color: #ffffff;
}
#colonna-news {
 background-color: #333366;
 color: #ffffff;
 font-size: 11px;
 font-weight: bold;
 left: 0px;
 text-align: center;
}
#colonna-news td{
 padding-left: 6px;
 padding-right: 6px;
}
#colonna-news a{
 border-color: #ffcc00;
 border-style: none;
 border-width: 0px; 
 color: #000099;
 font-weight: bold;
 text-decoration: none;
}
#colonna-news a:hover {
 text-decoration: underline;
}
#footer {
 background-color: #ffffff;
 bottom: 10px;
 font-size: 9px;
 margin-bottom: 10px;
 padding-bottom: 10px;
 position:relative;
 text-align: center;
}
#footer a{
 color: #ffcc00;
 text-decoration: none;
}
#footer a:hover{
 color: #333366;
}
#footer hr {
  display: block;
}
#colonna-news a {
  color: #ffcc00;
  font-weight: bold;
  text-decoration: none;
}
#colonna-news a:hover {
  background-color: #ffcc00;
  color: #333366;
  text-decoration: underline;
}
#news
{
width:150px;
/*background:#000080;*/
padding: 6px;
color:#FFFFFF;
margin: 10px; 
spacing: 10px;
border-color: #FFFFFF;
border-style: double;
border-width: 3px;
text-align: left;
}
#news a
{
color:#FFFFFF;
}
#news ul
{
margin:8px 8px 8px 8px;
padding:10px;
spacing: 10px;
text-align: left;
}
#news li{
line-height:2em;
}
#news li.title{
color: #ffcc00;
}
/* the news box when JavaScript is available */
#news.hasJS
{
height:120px;
overflow:hidden;
position:relative;
}
/* The nested UL when JavaScript is available */
#news.hasJS ul
{
position:absolute;
top:120px;
left:0;
margin:0 .5em 0 .5em;
padding:0;
}