html {
	height: 100%;
	width: 100%;
}

body {
overflow: auto;
background-image: url(sfondo.gif);
background-attachment: scroll;
	background-color: #FFFFFF;
	color: #000000;
font-family: Comic Sans MS, Times, Helvetica, sans-serif;
font-size: 100%;
margin: 0.5em;
height: 100%;
}

h1 { 
		font-size: 120%;
	font-weight: bold;
	text-align: center;
}

h2 { 
font-size: 110%;
text-align: center;
}

h3 { 
	font-size: 105%;
	text-align: center;
	}
	
.centrato { text-align: center; } 
.giustificato { text-alignn: justify; }
.sinistra { text-align: left; }
.destra { text-align: right; }

a {
	color: #4169E1;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 100%;
}

a:active, a:hover {
background-color: #FFFF00; 
color: #020284;
}

a:visited { color: #EE82EE; }

.tabella { width: 100%; }
#colonna-sinistra { width:28%;
float:left; 
height:100%; 
padding:3px;
text-align: left;
vertical-align:top;
}
#colonna-destra { width:68%;
float:left; 
height:100%;
padding:3px;
text-align: justify;
vertical-align:top;
}

.titolo {
	font-size: 110%;
	text-align: center;
	}
	
.autore {
	text-align: center;
	font-size: 105%;
	font-style: italic;
	}

.times { font-family: Times; }
.comic { font-family: Comic Sans MS; }
.serif { font-family: sans-serif; }

.verde { color:green; background:#FFFFD1 }
.blu { color:blue; background:#FFFFD1 }
.rosso { color:red; background:#FFFFD1 }

.maiuscolo {text-transform:uppercase
}
.minuscolo {text-transform:lowercase}
.iniziale {
    text-transform:capitalize}

.cornice {
     border-width: thin;
	 border-color:#00FF00;
	 border-style:ridge
}
#barra{
width:100%;
padding:3px;
     border-width: thin;
	 border-color:#00FF00;
	 border-style:ridge
}
.titolobarra{width:20%;
float:left
}  

.nascosto{z-index:-1;
position:absolute;
top:-1000;
left:-1000;
}

.grassetto {font-weight: bold;}
.corsivo {font-style: italic;}

.firma {
float:left;
margin-right:30px;
vertical-align:top;
}

.lineare li {
list-style-type:none;
display: inline;
}