/* LAYOUT Ninosoft.it XHTML */

/*Ordine margin e padding: top right bottm left */

html{margin: 0;padding:0}
body{
  font-family: verdana,arial,sans-serif;
  font-size: 120%;
  color: #000000;
}

a:link, a:visited, a:active {
  color: #0000FF;
  text-decoration: none;
}
a:hover {
  color: #FFFF00;
  background-color: #222222;
  text-decoration: none;
}

#background {
  width:40em; 
  background:#ffffff;
}

#menu_testata {
  background: #303A6C;

  font-size: 140%;
  color: #FFE27D;
  font-style: normal;
  font-weight: bold;
}

a.testata:link, a.testata:visited, a.testata:active {
  color: #FFE27D;
  text-decoration: none;
}

a.testata:hover {
  color: #FFE27D;
  text-decoration: underline;
}


.topic_box {
}

h1, h2 { /* Titolo Pagina, Titoli paragrafi */
  text-transform: uppercase;
  font-size: 160%;
  font-style: italic;
  font-weight: bold;
  color: #FF0000;
}

.gray_box {
  background: #E7E7E7;
  padding: 0.5em; 
  margin-bottom: 1em; 
}


h3 { /* Titoli nelle Gray Boxes */
  font-size: 120%;
  font-style: normal;
  font-weight: bold;
  color: #0000FF;
  padding: 0px; 
  margin: 0px; 
}



#bottom {
  clear:right;    /* evita che la navigazione si sovrapponga al footer */
  width:100%; 
  background: #303A6C;
  font-size: 80%;
  color: #EEEEEE;
  text-align: center;
}

address {
  font-style: normal;
}

#error_msg {
  font-size: 120%;
  color: #FF0000;
  text-align: center;
}

.centrato {
  text-align: center;
}

.ClearLeft {
  clear: left;
}

.strumento {
  text-transform: lowercase;
}

img {
  margin-bottom: 1em;
  margin-top:  1em;
  border: 0px;
}

/* Immagini allineate a destra */
img#destra1 { float: right; margin-left: 10px; margin-right: 0px; }
img#destra2 { float: right; margin-left: 10px; margin-right: 0px; }
img#destra3 { float: right; margin-left: 10px; margin-right: 0px; }
img#destra4 { float: right; margin-left: 10px; margin-right: 0px; }
img#destra5 { float: right; margin-left: 10px; margin-right: 0px; }
img#destra6 { float: right; margin-left: 10px; margin-right: 0px; }
img#destra7 { float: right; margin-left: 10px; margin-right: 0px; }
img#destra8 { float: right; margin-left: 10px; margin-right: 0px; }
img#destra9 { float: right; margin-left: 10px; margin-right: 0px; }
img#destra10 { float: right; margin-left: 10px; margin-right: 0px; }

/* Immagini allineate a sinistra */
img#sinistra1 { float: left; margin-left: 0px; margin-right: 10px; }
img#sinistra2 { float: left; margin-left: 0px; margin-right: 10px; }
img#sinistra3 { float: left; margin-left: 0px; margin-right: 10px; }
img#sinistra4 { float: left; margin-left: 0px; margin-right: 10px; }
img#sinistra5 { float: left; margin-left: 0px; margin-right: 10px; }
img#sinistra6 { float: left; margin-left: 0px; margin-right: 10px; }
img#sinistra7 { float: left; margin-left: 0px; margin-right: 10px; }
img#sinistra8 { float: left; margin-left: 0px; margin-right: 10px; }
img#sinistra9 { float: left; margin-left: 0px; margin-right: 10px; }
img#sinistra10 { float: left; margin-left: 0px; margin-right: 10px; }



acronym {
  border-bottom: dotted #0000FF 1px;
  font-style: italic;
  cursor: help;
}