body {width: 100%;
      font-family: verdana,sans-serif;
      font-size: 14px;
      background-color: white ;
      color: black;
     }

#testata{
  position: relative;
  width: 1024px;
  overflow: hidden;
  background-color: gray ;
  color: white;
  margin:0;
  padding: 0;
  margin-right: auto;
  margin-left: auto;
  border-top: 2px solid blue;
  border-left: 2px solid blue;
  border-right: 2px solid blue;
  font-size: 12px;
}

#testata img {
  margin: 0px;
  float: left;
}

#testata p {
  clear: left;
  width: 600px;
  padding: 0;
  margin: 0; 
  margin-left: 170px; 
  line-height: 2em;
  text-align: center;
}

#testata a:link, #testata a:visited, #testata a:active{
  color: white;
}

#testata a:hover {
  color: blue;
  background-color: white;
}



#corpo {
  position: relative; 
  width: 1024px;
  margin: 0;
  padding: 0;
  margin-right:auto;
  margin-left:auto;
  background-color: rgb(204,51,51) ;
  border-left: 2px solid blue;
  border-right: 2px solid blue;
  border-top: 1px solid blue;
  z-index:0;
} 

#col1 {
  position: absolute;
  font-size: 14px;
  margin:0;
  padding: 0;
  top: 0px;
  width: 170px ;
  margin-right: 600px; 
  background-color: rgb(204,51,51);
  border-top: 1px solid blue;
  z-index:10;
}

#col2 {
  position: relative;
  width: 600px ;
  margin:0px;
  padding: 0px;
  padding-right: 10px;
  margin-left: 170px;
  background-color: white ;
  border-left: 2px solid blue;
  border-right: 2px solid blue;
  border-top: 1px solid blue;
  z-index:10;
}


#col2 p, #col2 h1, #col2 h2, #col2 h3, #col2 img, #col2 ul, #col2 ol {
  margin: 10px 0px 10px 40px;
}

#col2 h1 {
  margin-left: 10px;
}

#col2 img {
  float: left;
}

#col2 p {
  clear: left;
}




#col2 p.info {
  margin-top: 20px;
  padding: 5px;
  background-color: #99CCFF;
  font-weight: bold;
}

#col2 p.report {
  margin-top: 10px;
  margin-left: 30px;
  padding: 10px;
  background-color: #99CCFF;
}



#col2 a {
  background-color: white;
  color: blue;
}

#col2 a:hover {
  background-color: gray;
  color: white;
}

#col2 ol li {
  margin-bottom: 1em;
}  

#col2 table.esiti {
  margin-left: auto;
  margin-right: auto;
  border-collapse: collapse;
  width: 50%;
}

#col2 table.esiti td {
  padding-left: 5px;
  text-align: left;
  border: 1px solid red
}


#col1 ul{
  margin:0;
  margin-top: 1em;
  padding: 0;
  list-style-type: none;
  color: white;
}

#col1 li{
  margin: 0;
}

#col1 p.hits {
  margin: 1em 0px 1em 0px;
  padding-left: 10px;
  text-align: left;
  line-height: 2em;
  color: white;
  border-top: 1px dashed white;
  border-bottom: 1px dashed white;
}

#col1 li.titolo {
  line-height: 2em;
  text-align: center;
  margin-top: 1em;
  margin-bottom: 1em;
  border-top: 1px dashed white;
  border-bottom: 1px dashed white;
}

#col1 a:link, #col1 a:visited, #col1 a:active {
  display:block;
  width: 160px;
  padding-left: 10px;
  line-height: 1.5em;
  color: white;
  border-top: 1px solid rgb(204,51,51);
  border-bottom: 1px solid rgb(204,51,51);
}


#col1 a:hover {
  color: white;
  background-color: rgb(227,113,113);
  border-top: 1px solid white;
  border-bottom: 1px solid white;

}

#col2 a.immagine:link, #col2 a.immagine:visited, #col2 a.immagine:active, #col2 a.immagine:hover {
  color: white;
  background-color: white;
}



.noborder {
  border: 0px
}


.bold {
  font-weight: bold;
}

.deco {
  border-top: 1px dashed white;
  border-bottom: 1px dashed white;
}

.center{
  text-align:center;
  margin-left:auto;
  margin-right:auto;
}

  
.shock {
  background-color: yellow;
}

.piccolino {
  font-size: 10px
}

.red {
  color: red
}