/*posizioni e dimensioni dei blocchi*/
body{
    text-align: center;   /*centra in IE 5.x */
    }

div#container{
    position: relative; 
    width: 760px;
    margin: 0px auto;   /*centra negli altri browsers*/
    text-align: left;   /*ripristina l'allineamento*/
    }
    
div#header{
    height:90px;
	background-image: url('media/header.jpg');
    }
    
div#navmain   {
    /*min-height:32px;*/
    }
    
div#navtop    {
    height:22px; 
    }

div#navside{
    float: right;
    width: 13em
    } 

div#content{
    min-height: 350px;
    height: auto !important; /* implementa min-height in IE */
    height: 350px; /* implementa min-height in IE */
    }

div#content_nav {
    min-height: 350px;
    height: auto !important; /* implementa min-height in IE */
    height: 350px; /* implementa min-height in IE */
    margin-right: 13em  /*lascia spazio per il menu laterale*/
    }
    
div#footer{
    clear: right;      /*pone il footer sempre sotto al navside*/   
    }

   
/*veste grafica: colori, font, bordi, spaziature*/
html,body,h1,h2,h3,h4,h5,h6 {margin: 0;padding:0}

body{
    font-family: verdana,helvetica,sans-serif;
    font-size: 76%;   /*dimensionamento percentuale del font */
    text-align: center;   /*centra in IE 5.x */
    background-color: #ccc;
    }

div#container { 
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    background-color: #fff;
    }
    
/*stili per la testata*/    
div#header    {
    background-color: #369;
    border-bottom: 0px solid #000;
    }
div#header h1{padding-left:20px; padding-top:20px; font-weight: bold; font-size: 2.0em; color:#fff}
div#header h2{padding-left:20px; font-weight: bold; font-size: 1.2em; color:#fff}
  #postit{position:absolute; right: 20px; top: 20px; color:#ccc}

/*stili per il menu principale*/    
div#navmain   {
    margin: 0; padding: 0; 
    border: 1px solid #625e00; border-width: 1px 0;
    background-color: #000;
    }
div#navmain li{
    margin: 0; padding: 0;
    display: inline;     /*dispone l'elenco in orizzontale*/   
    }
div#navmain ul{
    margin: 0; padding: 0; margin-top: 0;
    padding-top: 9px; padding-bottom: 9px; 
    }
div#navmain a, div#navmain a:visited{
    font-weight: bold; text-decoration: none; color: #fff;
    padding-top: 9px; padding-bottom: 9px;
    padding-left: 10px; padding-right: 10px; 
    border-right: 1px solid white; 
    background: url(media/blockdefault.gif) center center repeat-x;
    }
div#navmain li a:hover{ 
    background: transparent url(media/blockactive.gif) center center repeat-x;
    }
div#navmain a.activelink{ 
    color: #ccc;
    background: transparent url(media/blockactive.gif) center center repeat-x;
    }
    
/*stili per il menu secondario*/
div#navtop    {
    margin: 0; padding:0;
    background-color: #246;
    }
div#navtop ul{
    margin: 0; padding: .3em 0 0 0; 
    font-size: 1em}
div#navtop li{
    margin: 0 10px 4px 10px;display: inline;
    font-weight: bold; color:#fff;
    }
div#navtop a {
    font-weight: bold; color: #fff;
    text-decoration: none}
div#navtop a:hover {
    font-weight: bold; color: #246;
    background-color:#fff;
    text-decoration: none}
div#navtop .activelink{ 
    color: #ccc;
    }

/*stili per il menu laterale*/    
div#navside   {
    background-color: #fff;/*#987*/;
    border-left: 1px solid #000;
    margin: 0;
    padding-top:1em;
    }
div#navside ul{
    margin: 0em 0em 1em 1em;padding: 0;
    list-style-type: none;
    }
div#navside li{
    margin: 0;padding: 0
    }
div#navside a{
    font-weight: normal; font-size: 1em; color:#369; 
    text-decoration: none
    }
div#navside a:hover{
    color:#033;
    text-decoration: underline
    }
div#navside .activelink{
    color:#033;
    text-decoration: none
    }
#navside h1{font-size: 1.1em; margin:0 0.3em 0.5em 0.3em;}
#navside li.h2{font-size: 1em; font-weight: bold;
                margin-top: 0; margin-bottom: 0 }
    
/*stili per il corpo del testo*/    
div#content, div#content_nav {
    background-color: #fff;
    padding: 1em;
    text-align: justify;
    }
    
div#content h1 {font-size: 1.4em; color:#999;}
div#content h2 {font-size: 1.2em; color:#999;}
div#content h3 {font-size: 1em; font-weight: bold;}

div#content a,a:visited{
    font-weight: normal; font-size: 1em; color:#369; 
    text-decoration: none
    }
div#content a:hover{
    font-weight: normal; font-size: 1em; color:#000;
    text-decoration: underline}
    
div#content_nav h1 {font-size: 1.4em; color:#999}
div#content_nav h2 {font-size: 1.2em; color:#999}
div#content_nav h3 {font-size: 1em; font-weight: bold;}

div#content_nav a,a:visited{
    font-weight: normal; font-size: 1em; color:#369; 
    text-decoration: none
    }
div#content_nav a:hover{
    font-weight: normal; font-size: 1em; color:#000;
    text-decoration: underline}

/* Pagina HOME */
div.citazione { font-style: italic; text-align:left;
                background-color:#FFFFE7; border: 1px solid #ccc;
                padding: 1em;  
                width:680px;
                margin: 1em;  }
.didascalia {font-style: italic; text-align: left}
.copertina {width:324px; 
            margin: 1em 218px 1em 218px !important;
            margin: 1em;}


/* pagine introduttive di ogni sezione */
  a.titleh1, a.titleh1:visited {font-weight: bold !important; color:#000 !important; font-size: 1em !important;
              text-decoration: none !important}
  a.titleh1:hover {font-weight: bold !important; color:#999 !important; font-size: 1em !important;
              text-decoration: none !important}

/* sezione ssis-ammissione */
  .domanda {}
  .risposta {font-weight: bold}
  .commento {}
  
/* sezione ssis-faq */
  .faqdomanda {font-weight: bold; color:#000}
  .faqrisposta {}

/* sezione matefisica-funphoto */  
  .comment {}
  .more {bottom: 1em}
  
/* sezione matefisica-citazioni */    
  .author {font-style: italic;}
  
/* sezione matefisica-links */  
  a.link {font-weight:bold !important}
  hr.link {border:dashed #999; border-width:1px 0 0 0; height:0;}

/* pagine con riquadri di immagini (intro, funphoto, funvideo) */
  .item {border: 1px solid #ccc; padding: 0em 10px 10px 10px; margin: 1em}
  div.item h4 {margin-top: 1em; font-weight: bold; color:#000; font-size: 1.1em}
  div.item p {}
  img.right {float:right; margin-top: 1em; margin-left:1em; border: 0}
  img.left {float:left; margin-top: 1em; margin-right:1em; border: 0}

/* stili vari */  
  .underconstruction{text-align: center; }
  .image {text-align: center}
  #box{margin-top:10%; text-align:center}
  #notfound{padding: 1em; text-align:center; font-size: 76%}
  hr.separator{border:solid #fff; border-width:1px 0 0 0; height:0;}
  hr.subseparator{border:dashed #999; border-width:1px 0 0 0; height:0;}
  div.nota { font-style: italic; text-align:left;
                background-color:#FFF; border: 1px solid #ccc;
                padding: 1em;  
                width:680px;
                margin: 1em;  }
	a.nolink {text-decoration: none; color: #000}	
	.nota { font-style: italic;}		
  /* Century Schoolbook font is very similar to Computer Modern Math: cmmi */
  .math    { font-family: "Century Schoolbook", serif; }
  .math i  { font-family: "Century Schoolbook", serif; font-style: italic }
  .math { font-family: "Century Schoolbook", serif; font-weight: bold }				
  
/*stili per il fondo*/
div#footer    {
    border-top: 1px solid #000;
    background-color: #369;
    padding: 0.5em ;
    text-align:center; color: #fff;
    }
div#footer p {margin: 0}
div#footer a {color: #fff; text-decoration: none; font-weight: bold}