html, body { 
 margin: 0;  padding: 0;  height: 99%;
}
html {
  overflow:-moz-scrollbars-vertical;
}
body {
  font: normal 90% arial, sans-serif;
  text-align: center;
  background-color:#ccc;
}
body > div#container {
  height: auto;
  min-height: 99%; 
}
h3,h2,h1 {
  font-family: Arial, Georgia,"Times New Roman",Times,serif;
  font-weight: normal;
  color: #000;
  text-align: center;
  font-variant: small-caps;
}
h1 {
  font-size: 2em;
}
h2 {
  background-color: #eee;
  font-size: 1.7em;
  font-variant: small-caps;
}
h2 > a {
  font-variant: small-caps;
}
h3 {
  font-size: 1.4em;
}
.blinkytext {
     text-decoration: blink;
     font-weight: bold;
     color: #922;
 }
a.pubblicazioni {
  font-weight: bold;
}
a.arxiv {
  font-family: courier new;
}
a {
  font-variant: normal;
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}



#container {
  margin: 5px auto 5px;
  padding: 5px 5px; 
  background-color:#fff;
  position: relative;
  width: 750px;
  height: 100%;
  text-align: left;
  font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
}





#header {
  position: relative;
  margin: 0px auto 5px;
  background-image: url(../figure/header.png);
  background-repeat: repeat-x;
  height: 80px;
}
#header a{
  color: #ffd;
  font-size: 2.5em;
}
#header a:hover{
  text-decoration: underline;
}
.homepage{
  position: absolute;
  left: 2em;
  top: 1.2em;
}
#foto_header {
  position: absolute;
  right: 10px;
  top: 5px;
}
#foto_header img {
  height: 70px;
}










#navigation {
  margin: 0 auto;   
  padding: 0px auto;
  background-image: url(../figure/menu.png);
  background-repeat: repeat-x; 
  font-variant: small-caps;
  font-size: .9em;
  font-family: Helvetica,Verdana,Arial,sans-serif;
}
div#navigation ul {
/*   text-align: center;  */
  margin: 0;
  margin-left: 2em;
  padding: 0;
  width: 91%;
  list-style-type: none;
}
div#navigation li {
  padding: 0;
  display: inline;
}
div#navigation a.collegamento {
  padding: 8px 0.5em ;
  border-left: .1em solid #000;
  border-right: .1em solid #000;
  color:  #fff;
  font-family: arial,sans-serif;
  font-style: normal;
  font-variant: small-caps;
  line-height: 2.5em;
  text-decoration: none;
}
div#navigation a.collegamento:hover {
  background:#104090 repeat scroll 0%;
  color: #fff;
}
div#navigation a.alert {
  padding: 4px 0.5em ;
  background: #ffd repeat scroll 0%;
  color: #000;
  font-size:1.15em;
  font-family: arial,sans-serif;
  font-style: normal;
  font-weight: bold;
}
div#navigation a.alert:hover {
  background: #036 repeat scroll 0%;
  color: #ffd;
}
#nav_ico {
  position: absolute;
  right:9px;
  margin-top:8px;
}
#nav_ico a{
  color: #22b;
}
#nav_ico a:hover{
  color: #fff;
}












#content {
  font-size: 1.1em;
  padding: 2em 2em 5em;
  text-align: left;
  text-align:justify;
}
#content a {
  text-decoration: none;
  color: #247;
}
#content a.alert {
     text-decoration: blink;
     font-weight: bold;
     color: #922;
 }
#content a:hover {
  background-color: #eee;
}
li.pubbl{
  list-style-type: disc;
  margin-bottom:.6em;
}
#content li{
  list-style-type: disc;
}









#footer {
  position: absolute;
  bottom: 5px;
  width: 730px;  
  height: 34px;
  padding: 6px 10px 0px;
  background-image: url(../figure/footer.png);
  background-repeat: repeat-x;
  text-align: left;
  font-size: 80%;
  font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
  color:  #ffffaa;
}
div#footer a {
  color: #ffffff;
  text-decoration: none;
}
div#footer a:hover, .e-mail:hover {
  text-decoration: none;
  color: #247;
  background-color: #eee;
}




#validation {
  position: absolute;
  right: 10px;
  margin-top: 5px;
}
#validation a:hover{
  color: #000;
}