body {
  margin: 0;
  padding: 0;
  font-family: verdana,arial,sans-serif;
  font-size: 80%;
  color: #666666;
  text-align: center;
  background-color: #dddddd;
}
p {
  margin: 0.2em 0 1.2em;
  padding: 0.3em;
}
h1 {
  margin: 0 0 0 20px;
  padding: 0;
  font-size: 130%;
  font-weight: normal;
  font-style: italic;
  color: #999999;
  font-family: "Trebuchet MS",verdana,arial,sans-serif;
}
h2 {
  margin: 0.2em;
  padding: 0;
  background-color: #dddddd;
  color: #3b4471;
  font-size: 100%;
  font-weight: normal;
  font-style: italic;
  font-family: "Trebuchet MS",verdana,arial,sans-serif;
}
div {
  margin: 0;
  padding: 0;
  display: block;
}
a:link, a:visited {
  color: #486e25;
  text-decoration: underline;
}
a:hover {
  color: #3b4471;
  text-decoration: none;
}
a:active {
  color: #8cd749;
  text-decoration: underline;
}
.container {
  margin: 0 auto;
  padding: 0;
  background-color: #ffffff;
  width: 65%;
  min-width: 770px;
}
.titleblock {
  margin: 0;
  padding: 2em;
  text-align: left;
  background-image: url(leaf.jpg);
  background-repeat: no-repeat;
  background-position: right center;
}
.titleblock p {
  text-indent: 4em;
  color: black;
  font-size: 90%;
}
.rightcontainer {
  margin: 1em 0 0;
  padding: 0;
  float: right;
  clear: both;
  width: 13em;
}
.rightbox {
  border: 1px solid #999999;
  margin: 0.5em;
  padding: 0.3em;
  text-align: center;
}
.rightcontainer h2 {
  padding: 0 0 0 1.5em;
  text-align: left;
}
.linkbox a {
  display: block;
}
.content {
  margin: 1.2em 13.5em 0 0;
  padding: 1em 1ex 1em 1.5ex;
  clear: left;
  text-align: left;
}
.content h1 {
  border-style: none;
  margin: 0;
  padding: 0;
  color: #6d6d6d;
  font-style: normal;
  text-align: left;
  font-size: 200%;
}
.content h2 {
  text-indent: 3em;
}
.evidenziato {
  font-weight: bolder;
  color: #486e25;
}
.footer {
  border-top: 1px solid #999999;
  margin: 2.5em 0.2em 0.5em 0.5em;
  padding: 0.8em;
  color: #999999;
  font-size: 75%;
  text-align: left;
  clear: both;
}
.footer .right {
  float: right;
  clear: right;
  text-align: center;
}
.footer p {
  margin: 0;
}
ul#nav {
  background-color: #999999;
  display: block;
}
ul#nav, ul#nav li, ul#nav ul, ul#nav ul li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
ul#nav {
  background: #999999 none repeat scroll 0% 50%;
  height: 45px;
  line-height: 44px;
  color: #ffffff;
}
ul#nav a {
  padding: 0 11px;
  display: block;
  text-decoration: none;
  color: #ffffff;
}
ul#nav li {
  float: left;
  position: relative;
  display: inline;
}
ul#nav li li {
  float: none;
  line-height: 27px;
  display: block ! important;
}
ul#nav ul {
  background: #ffffff none repeat scroll 0% 50%;
  position: absolute;
  top: 44px;
  left: -9999px;
  width: 19em;
  color: #3b5998;
}
ul#nav ul {
  border: 1px solid #28a12c;
  padding: 0px 0;
}
ul#nav ul, ul#nav li li a {
  background-color: #ffffff;
  color: #28a12c;
}
ul#nav li:hover, ul#nav a:hover {
  color: #ffffff;
  background-color: #28a12c;
}
ul#nav li:hover ul, ul#nav li.sfhover ul {
  left: -1px;
  z-index: 100;
}
.tableseparator_temp {
  padding: 0.5em;
  font-size: 90%;
  font-weight: 400;
  background-color: #678090;
  color: #cccccc;
  letter-spacing: 0.1em;
}
.tableseparator_rainfall {
  padding: 0.5em;
  font-size: 90%;
  font-weight: 400;
  background-color: #8499a7;
  color: #cccccc;
  letter-spacing: 0.1em;
}
.tableseparator_wind {
  padding: 0.5em;
  font-size: 90%;
  font-weight: 400;
  background-color: #a2b1bd;
  color: #666666;
  letter-spacing: 0.1em;
}
.tableseparator_pressure {
  padding: 0.5em;
  font-size: 90%;
  font-weight: 400;
  background-color: #c0cad3;
  color: #666666;
  letter-spacing: 0.1em;
}
td {
  padding: 0.2em 0.5em;
  font-size: 100%;
  color: #222222;
}
.td_thumbnails {
  padding: 0.1em 0.2em 0.1em 0em;
}
.td_temperature_data {
  background-color: #f1d3b7;
}
.td_rainfall_data {
  background-color: #f5e0cc;
}
.td_wind_data {
  background-color: #f9ede1;
}
.td_pressure_data {
  background-color: #fdfaf6;
}
.td_navigation_bar {
  text-align: center;
  padding-top: 1em;
  padding-bottom: 1em;
  letter-spacing: 0.2em;
  background-color: #ffffff;
}
.labels {
  font-weight: bold;
  background-position: left center;
}
.site_data {
  text-align: right;
}
.colon_separator {
  font-weight: 400;
  background-position: left center;
}
table.tabella {
  border-collapse: collapse;
  text-align: left;
}
table.tabella td, table.tabella th {
  border: 1px solid #999999;
  padding: 6px 13px;
  text-align: left;
  font-size: 1em;
}
table.tabella th {
  font-size: 1.1em;
  text-align: left;
  padding-top: 5px;
  padding-bottom: 4px;
  background-color: #a7c942;
  color: #ffffff;
}
table.tabella tr.alt td {
  color: #000000;
  background-color: #eaf2d3;
}
.tabellaintestazione {
  background-color: #e2e883;
}
.tabellavalori {
  background-color: #c3fcac;
}
.tabellavalutazione {
  background-color: #8bc1cd;
}