html {
height: 100%;
} 

body {
background-color: #FFFFFF;
text-align: center;
margin: 0px;
padding: 0px;
height: 100%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #003366;
}

#box {
background-color: #F0F1F2;
text-align: left;
width: 700px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto; 
height: auto;
padding-bottom: 10px;
border-bottom: 4px solid #003366;
}

#top {
background-color: #FFFFFF;
}

.data {
background-color: #ffffff;
text-align:right;
padding-right: 2px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: bold;
color: #003366;
}
#bar {
background-color: #ffffff;
width: 700px;
height: 11px;
padding-top: 1px;
padding-bottom: 1px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: normal;
color: #666666;
text-align: center;
}
#bar1 {
background-color: #003366;
height:1px
}

#barra {
background-color: #003366;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: bold;
color: #FFFFFF;
border-top: 2px solid #E5E5E5;
border-bottom: 2px solid #E5E5E5;
padding-left: 2px;
padding-top: 2px;
padding-bottom: 2px;
}
#barra a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
margin-right: 2px; 
}

#barra a:hover {
color: #FFCC00;
text-decoration: none;
}

#left {
background-color: #F0F1F2;
float: left;
width: 135px; 
height: auto;
margin: 0px;
}

#middle {
background-color: #FFFFFF;
width: 430px;
float: left;
height: auto;
margin: 0px;
}

#right {
background-color: #F0F1F2;
float: left;
width: 135px; 
height: auto;
margin: 0px;
}

.scuola {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #003366;
background-color: #F0F1F2;
padding: 1px 1px 1px 1px;
border-top: 1px solid #F0F1F2;
border-bottom: 1px solid #003366;
}
.scuola a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #003366;
text-decoration: none;
background-color: #F0F1F2;
padding: 1px 1px 1px 1px;
border-top: 1px solid #F0F1F2;
border-bottom: 1px solid #003366;
}
.scuola a:hover{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #000000;
background-color: #F0F1F2;
padding: 1px 1px 1px 1px;
border-top: 1px solid #F0F1F2;
border-bottom: 1px solid #003366;
}
.menu {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #000000;
background-color: #FFFFFF;
}

.menu a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #000000;
text-decoration: none;
background-color: #a0bcd9;
display: block;
width: auto;
border-bottom: 1px solid #003366;
border-right: 0px solid #003366;
border-left: 0px solid #003366;
border-top: 1px solid #FFFFFF;
padding: 1px;
}

.menu a:hover {
background-color: #E5E5E5;
color: #003366;
}
.biennio {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #ffffff;
background-color: #cc0033;
padding-left: 2px;
padding: 1px 1px 1px 1px;
border-top: 1px solid #003366;
border-bottom: 1px solid #003366;
}
.biennio1 a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #000000;
text-decoration: none;
background-color: #CCCCCC;
display: block;
width: auto;
border-bottom: 1px solid #003366;
border-right: 0px solid #003366;
border-left: 0px solid #003366;
border-top: 1px solid #FFFFFF;
padding: 1px;
}

.biennio1 a:hover {
background-color: #F0F1F2;
color: #003366;
}
.triennio {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #ffffff;
background-color: #cc0033;
padding-left: 2px;
padding: 1px 1px 1px 1px;
border-top: 1px solid #003366;
border-bottom: 1px solid #003366;

}
.triennio a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #000000;
text-decoration: none;
background-color: #CCCCCC;
display: block;
width: auto;
border-bottom: 1px solid #003366;
border-right: 0px solid #003366;
border-left: 0px solid #003366;
border-top: 1px solid #FFFFFF;
padding: 1px;
}

.triennio a:hover {
background-color: #F0F1F2;
color: #003366;
}
.area_riservata {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #ffffff;
background-color: #21528e;
padding: 1px 1px 1px 1px;
border-top: 1px solid #003366;
border-bottom: 1px solid #003366;
}
.ss {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #ffffff;
background-color: #cc0033;
padding: 1px 1px 1px 1px;
border-top: 1px solid #003366;
border-bottom: 1px solid #003366;
}
.sedi {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #003366;
background-color: #cccccc;
}

.sedi a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #000000;
text-decoration: none;
background-color: #FFFFCC;
display: block;
width: auto;
border-bottom: 1px solid #003366;
border-right: 0px solid #003366;
border-left: 0px solid #003366;
border-top: 1px solid #FFFFFF;
padding: 1px;
}

.sedi a:hover {
background-color: #E5E5E5;
color: #003366;
}

.pof {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #000000;
background-color: #a0bcd9;
padding: 5px 1px 1px 2px;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;

}

}
.testopof {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #FFFFFF;
background-color: #21528e;
padding: 2px 0px 2px 0px;
border-bottom: 1px solid #000000;
}

.testopof a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #FFFFFF;
background-color: #21528e;
padding: 2px 0px 2px 0px;
text-decoration: none;
}
.testopof a:hover{
font-size: 10px;
font-weight: bold;
color: #FFCC00;
text-decoration: none;
}


#circolare {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #FFFFFF;
background-color: #21528e;
text-align: center;
margin: 0px;
width: auto;
border-top: 1px solid #003366;

}

#pillola {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: normal;
color: #FFFFFF;
background-color: #21528e;
text-align: left;
margin: 1px;
width: auto;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 2px;
}

form {
margin: 0px;
padding: 0px;
}

input {
vertical-align: middle;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #FFFFFF;
background-color: #21528e;
}

#news {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #990000;
padding: 5px 3px 5px 3px;
background-color: #F0F1F2;
}
#n {
background-color: #F0F1F2;
padding: 5px 3px 5px 3px;
}
.classpill {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #0000FF;
}

#contenuto {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
background-color: #FFFFFF;
margin-right: 9px;
margin-left: 9px;
}

h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #990000;
}

#articoli {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
background-color: #FFFFFF;
margin-right: 9px;
margin-left: 9px;
margin-top: 10px;
}
#articoli1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #003366;
font-weight: bold;
margin-right: 9px;
margin-left: 9px;
}
#articoli img {
float: left;
margin-right: 5px;
}

.titoletto {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #003366;
font-weight: bold;
margin-right: 9px;
margin-left: 9px;
}

.par {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #003366;
line-height: 1.2;
margin-right: 9px;
margin-left: 9px;
}
.descrizione {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #003366;
}
.descrizione1 a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #990000;
text-decoration: none;
margin-right: 9px;
margin-left: 9px;
}
.descrizione1 a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #003366;
text-decoration: underline;
margin-right: 9px;
margin-left: 9px;
}

.blu a {  font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px; font-style: normal; 
 line-height: normal; 
 font-weight: bold; 
 color: #003366; 
 text-decoration: none}
.blu a:hover {  font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px; 
font-style: normal; 
line-height: normal; 
font-weight: bold; 
color: #990000; 
text-decoration: underline}
.chimica a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #000000;
text-decoration: none;
background-color: #FFFFCC;
display: block;
width: auto;
border-bottom: 1px solid #003366;
border-right: 0px solid #003366;
border-left: 0px solid #003366;
border-top: 1px solid #FFFFFF;
padding: 1px;
}

.chimica a:hover {
background-color: #F0F1F2;
color: #003366;
}
.ambiente a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #000000;
text-decoration: none;
background-color: #A0DC87;
display: block;
width: auto;
border-bottom: 1px solid #003366;
border-right: 0px solid #003366;
border-left: 0px solid #003366;
border-top: 1px solid #FFFFFF;
padding: 1px;
}

.ambiente a:hover {
background-color: #F0F1F2;
color: #003366;
}
.informatica a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #000000;
text-decoration: none;
background-color: #CCCCCC;
display: block;
width: auto;
border-bottom: 1px solid #003366;
border-right: 0px solid #003366;
border-left: 0px solid #003366;
border-top: 1px solid #FFFFFF;
padding: 1px;
}

.informatica a:hover {
background-color: #F0F1F2;
color: #003366;
}
.footer {
	border:#003366;
	background-color: #336699;
	width: 700px;
	height: 3px;


}

hr {
	background-color: transparent;
	color: #cccccc;
	background-position: center;
	height:1px
}
ul li {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #003366;
background-color: #FFFFFF;
list-style-image: url("images/pin.gif");
margin-right: 9px;
margin-left: 5px;
margin-top: 10px;
; font-weight: bold
}
ol li {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #003366;
background-color: #FFFFFF;
margin-right: 9px;
margin-left: 5px;
margin-top: 10px;
}
strong{ font-weight: bolder;
}
.grey {
background-color: #f0f1f2;
font-size: 9px;
color: #666666;
}

td {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #003366;
background-color: #FFFFFF;
}
th{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #003366;
background-color: #FFFFFF;
}
.patentino a {
background-color: #ffffff;
text-align:center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: normal;
color: #000000;
text-decoration: none;
}
.patentino a:hover{
background-color: #ffffff;
color: #cc3333;
}

.par1 {  font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px; 
font-style: normal; 
font-weight: bold; 
color: #003366; 
text-align: center; border: #CCCCCC; 
border-style: solid; 
border-top-width: thin; border-right-width: thin; border-bottom-width: thin; border-left-width: thin;
}
.link a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: normal;
color: #003366;
text-decoration: none;


}

.link a:hover {
color: #666666
}