body {
   background-color: #d0d0b0;
   font-size: 1.1vw;
}

h1 {
   color: #f00;	
   text-align: center;
   font: bold 2vw Verdana, Arial, sans-serif;
} 

h2 {
   color: #00a;
   font: bold 1.3vw Verdana, Arial, sans-serif;
}

h3 {
   color: #a00;
   font: bold 1.2vw Verdana, Arial, sans-serif;	
}

.nota {
   width: 70%;
   text-align: justify;
   background-color: #f0f0f0;
   color: #000;
   padding: 10px;
   font: normal 0.9vw Verdana, Arial, sans-serif;
}

.testo {
   color: black;
   font: normal 1vw Verdana, Arial, sans-serif;
   text-align: justify;
}

table.keyer th {
   background-color: #e0e4ff;
   border-spacing: 0px;
   border-color: #f08000;
   border-style: dotted;
   border-width: 1px;
   padding: 5px;
}

table.keyer td {
   border-spacing: 0px;
   border-color: #f08000;
   border-style: dotted;
   border-width: 1px;
   padding: 5px;
}

a {
   color: #00f;
   text-decoration: none;
}

a:hover {
   text-decoration: underline;
}

.path {
   font: normal 1vw Arial, sans-serif;
   color: black;
}

.path a {
   color: #008;
   text-decoration: none;
}

.path a:hover {
   text-decoration: underline;
}

.indice > li {
   font: normal 1.1vw Verdana, Arial, sans-serif;
   color: #080;
}

/*li {
	font: normal 11pt Verdana, Arial, sans-serif;
} */

img {
   border: none;
}

button {
   padding: 5px;
   background-color: #0000a0;
   color: #ffffff;
   font-weight: bold;
}

code {
   font: bold 1vw Courier New, monospace;
}