﻿html {
  background-image: url(images/carta-4.jpg);
  font-family: Arial, Helvetica, sans-serif;
  text-align: justify;
}

body {
  padding-top: 190px;
  padding-left: 240px;
  padding-right: 20px;
  padding-bottom: 20px;
}

#testata {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 190px;
  padding: 10px;
}

#testata td {
  text-align: center;
  vertical-align: top;
}

#testata td:first-child {
  width: 240px;
}

#latosx {
  position: absolute;
  top: 190px;
  left: 0px;
  width: 200px;
  padding: 10px;
  overflow: hidden;
  font-weight: bold;
  text-align: right;
}

.menu a {
  display: block;
}

.menu div {
  color: #cf0000;
}

.menu div:hover {
  color: black;
}

.menu div a {
  font-size: smaller;
  font-weight: 500;
  padding-right: 10px;
}

.menu div > a {
  /* this is not seen by IE6: it doesn't support '>' */
  height: 0px;
  visibility: hidden;
}

.menu div:hover a {
  /* this is not seen by IE6: it doesn't support ':hover' except 'a:hover' */
  height: auto;
  visibility: visible;
}

#amici,#tech {
  font-weight: normal;
  font-size: smaller;
  padding: 0px 0px 10px 0px;
}

#titolo {
  top: 0px;
  left: 200px;
  height: 190px;
  overflow: hidden;
  font-weight: bold;
  text-align: center;
}

#arc50 {
  top: 0px;
  left: 400px;
  height: 190px;
  overflow: hidden;
  font-weight: bold;
  text-align: center;
}

.nota {
  font-size: 70%;
}

img#assoclogo {
  width: 160px;
  /*width: 193px;
  height: 173px;*/
  border: 0px;
}

img#arci50 {
  width: 160px;
  /*width: 175px;
  height: 128px;*/
  border: 0px;
}

img#assocname {
  width: 400px;
}

table.menuor {
  width: 100%;
  border-spacing: 0px;
  padding: 0px;
  empty-cells: show;
}

table.menuor td {
  text-align: center;
  vertical-align: middle;
  font-size: small;
  background: #D3D3D3;
}

table.forma {
  border: 0px;
  border-spacing: 0px;
  padding: 0px;
  width: 100%;
  empty-cells: show;
}

table.forma td {
  text-align: left;
  vertical-align: top;
}

table.forma td:first-child {
  padding-right: 5px;
  text-align: right;
  font-style: italic;
  color: red;
}

table.prog {
  border: 0px;
  border-spacing: 0px;
  padding: 0px;
  width: 100%;
  empty-cells: show;
}

table.prog td {
  text-align: left;
  vertical-align: top;
  font-size: small;
}

table.prog td:first-child {
  padding-right: 5px;
  font-style: italic;
}

table.foto {
  width: 100%;
  border-spacing: 0px;
}

table.foto td {
  text-align: center;
  vertical-align: top;
  padding: 8px;
}

table.foto img {
  width: 125px;
}

table.toni {
  border: 0px;
  border-spacing: 0px;
  padding: 0px;
  width: 100%;
  empty-cells: show;
}

table.toni td {
  text-align: left;
  vertical-align: middle;
  padding-right: 5px;
  font-size: small;
}

table.toni td:first-child {
  font-size: xx-large;
}

table.frasi {
  border: 0px;
  border-spacing: 0px;
  padding: 0px;
  width: 100%;
  empty-cells: show;
}

table.frasi td {
  text-align: left;
  vertical-align: middle;
  padding-left: 15px;
}

table.bilancio {
  border: 0px;
  border-spacing: 0px;
  padding: 0px;
  width: 100%;
  empty-cells: show;
}

table.bilancio td {
  text-align: right;
  vertical-align: middle;
  padding-left: 15px;
}

table.bilancio td:first-child {
  text-align: left;
}

cite.ref {
  font-size: small;
  font-style: normal;
  padding-left: 10px; /* non è quello giusto */
  /*text-indent: 10px;*/
  color: black;
}

em {
  color: red;
}

h1 {
  font-size: large;
  text-align: center;
  font-weight: bold;
  color: red;
}

h2 {
  top: 50px;
  font-size: medium;
  text-align: center;
  font-weight: bold;
  color: red;
}

h3 {
  font-size: medium;
  text-align: center;
  font-weight: normal;
  color: red;
}

h4 {
  font-size: medium;
  text-align: left;
  font-weight: normal;
  font-style: italic;
  color: red;
}

h5 {
  font-size: medium;
  text-align: left;
  font-weight: bold;
  color: black;
}

h5.tipo {
  margin: 0px;
}

h6 {
  font-size: medium;
  text-align: center;
  font-weight: normal;
  font-style: italic;
  color: black;
}

img.flag {
  width: 23px;
  height: 15px;
  border: solid 2px Background;
  margin: 0px 2px;
}

a:hover img.flag {
  border: solid 2px black;
  /*opacity: 50%;*/
}

.nero     { color: #000000; }
a         { color: #cf0000; text-decoration: none; } /* unvisited links */
a:visited { color: #cf0000; } /* visited links */
a:hover   { color: #000000; } /* user hovers     */
a:active  { color: #000000; } /* active links    */

