/* AITI foglio di stile per schermo e stampa */

@media screen {
   body {background-color: #fff;
         background: #fff url(./images/backaiti.gif) repeat scroll 0 0; /*fixed*/
         font-family: Verdana, Sans-serif;
         font-size: small;
         /*filter:blur(Add=0,Direction=90,Strength=6);*/
   }
   body,html {height: 99%;
            margin: 0px;
   }
   /* Valori di default per tutti i link */
   a          {text-decoration: none;
               font-size: medium;
               font-family:verdana;
               color:#009;
               background-color: transparent;
               padding: 0.2em;
   }
   a:hover    {text-decoration: none;
               background-color: transparent;
               color: #900;
   }
   /* Classi di link particolari ereditano i valori di default */
   /* immagine logo AITI con link al sito nazionale */
   a.him        {background-color: #fff; color: #fff; border: none;}
   a.him:hover  {background-color: #fff; color: #fff;}

   /* mail comunicazioni al manager del sito */
   a.mail       {display: block;
               clear: right;
               padding: 0.5em;
               margin:  0.5em;
               /*width: 15em;*/
               border-top:    2px solid #eef;
               border-left:   2px solid #eef;
               border-right:  2px solid #003;
               border-bottom: 2px solid #003;
               margin-bottom: 0.1em;
               text-decoration: none;
               font-size:   small;
               font-family: verdana;
               background-color: #dde;
               color: #009;
   }
   a.mail:hover {background-color: #009;
               color: #fff;
   }

   /* Link barra di navigazione */
   a.naz,
   a.reg,
   a.hom      {display: block;
               clear: right;
               border-top:    1px solid #00e;
               border-left:   1px solid #00e;
               border-right:  1px solid #006;
               border-bottom: 1px solid #006;
               margin-bottom: 0.1em;
               text-decoration: none;
               font-size:   small;
               font-family: verdana;
               color: #fff;
               background-color: #009;
   }
   a.naz:hover,
   a.reg:hover,
   a.hom:hover {display: block;
               clear: right;
               border-top:    1px solid #006;
               border-left:   1px solid #006;
               border-right:  1px solid #00e;
               border-bottom: 1px solid #00e;
               margin-bottom: 0.1em;
   }
   a.hom       {background-color: #fff; color: #006;}
   a.naz:hover {background-color: #fff; color: #006;}
   a.reg:hover {background-color: #fff; color: #006;}
   a.hom:hover {background-color: #fff; color: #006;}

   /* pagina dei link utili */
   a.lnk {background-color: #dde;
         color: #009;
         display: block;
         padding: 0.4em;
         font-size: large;
         width: 10em;
         margin-left: 10em;
         border-top:    2px solid #eef;
         border-left:   2px solid #eef;
         border-right:  2px solid #003;
         border-bottom: 2px solid #003;
   }
   a.lnk:hover {background-color: #009; color: #fff;}

   /* Intestazioni */
   h1 {font-size: 24px;
      font-family: arial;
      color: #009;
      font-weight: bold;
   }
   h2 {font-size: 24px;
      font-family: arial;
      color: #fff;
   }
   h3 {font-size: 24px;
      font-family: arial;
      color: #009;
   }
   h4 {font-size: 18px;
      font-family: arial;
      color: #00f;
      font-weight: normal;
   }
   h5 {font-size: 14px;
      font-family: arial;
      color: #00f;
      font-weight: normal;
   }
   h6 {font-size: 14px;
      font-family: arial;
      color: #00f;
      font-weight: bold;
   }
   hr    {clear:left;
         color: #fff;
         border: 1px solid #fff;
   }
   em {display: block;
      clear: right;
      color: #ff0;
      background-color: #008;
   }
   b  {font-size: 14px;
      font-family: arial;
      color: #009;
      font-weight: bold;
   }
   p  {font-size: 14px;
      font-family: arial;
      color: #009;
      font-weight: normal;
      margin-left: 1em;
   }

   table {color: #000;
         font-size: x-small;
         font-family: verdana, sans-serif;
         font-style: normal;
         border: none; /*1px solid #800;*/
         padding: 0.2em;
         margin-bottom: 0.2em;
   }
   /*-------------------------------------*/
   /* Barra di navigazione */
   #cols  {display: block;
         color: #fff;
         font: small verdana;
         float: left;
         text-align: left;
         padding: 0.2em;
         margin:  0.0em;
         clear: left;
         position: relative;
         height: 1600px;
         width: 200px;
         background-color: #009;
         /*border: 1px solid #eee;*/
         /*border-top:    1px solid #f00;
         border-left:   1px solid #f00;
         border-right:  1px solid #600;
         border-bottom: 1px solid #600;*/
   }
   /* Logo Intestazione */
   #head  {display: block;
         float: left;
         position: relative;
         text-align: left;
         height: auto;
         width: 550px;
         background-color: #fff;
         padding: 0.0em;
         margin:  0.1em;
         color: #000;
         /*border: 1px solid #000;*/
         /*border-top:    1px solid #800;
         border-left:   1px solid #800;
         border-right:  1px solid #800;
         border-bottom: 1px solid #800;*/
   }
   .big {color: #009;
         font-size: large;
         font-family: Verdana, Sans-serif;
         font-style: normal;
         font-weight: bold;
   }
   .fvg {color: #009;
         font-size: x-large;
         font-family: Verdana, Sans-serif;
         font-style: normal;
         font-weight: bold;
   }
   .fit  {color:       #000;
         font-size:   12px;
         font-family: verdana, sans-serif;
         font-style:  italic;
         font-weight: lighter;
   }
   /* Sezione centrale con testo */
   #testo {display: block;
         float: left;
         position: relative;
         text-align: left;
         height: auto;
         width: 550px;
         /*background-color: #fff;*/ /* Sfondo trasparente */
         padding: 0.1em;
         margin:  0.1em;
         color: #000;
   }
   /* Motore */
   .but {color: #009;
         background-color: #eee;
         padding: 0.2em;
         height: auto;
         width: 150px;
         font-family: Verdana, Sans-serif;
         font-style: normal;
         font-weight: lighter;
         font-size: 12px;
   }
   .ns   {/*border: 1px solid #800;*/
         padding: 0.1em;
         color:  #009;
   }
   .prof {border: 1px solid #009;
         padding: 0.3em;
         margin-top: 0.2em;
         background-color: transparent; /*#fff;*/
         /*background: url(./images/backaiti.gif) repeat scroll 0 0;*/
   }
   .prof b {color: #009;}
   .prof a {background-color: transparent; /*#fff;*/
            border: none;
   }
   .trad {font-size: large;
          font-weight: bold;
          font-style: normal;
          color: #00f;
   }
   .limitup {color:  #009;
            font-size: large;
            border-bottom: 2px dashed #009;
            display: block;
   }
   .limitdo {color:  #009;
            font-size: large;
            border-top: 2px dashed #009;
            display: block;
   }

   .legend {border: none;
            margin-top:    30px;
            margin-bottom: 30px;
   }

   p.spiega {font-size: small;
            border: none /*1px solid #800;*/
            padding: 0.2em;
            background-color: #fff;
   }
   b.lingua {text-decoration: none;
            color:  #f06 ;
            font-family: Verdana, Sans-serif;
            font-style: normal;
            font-size: large;
            }
   /* Impostazioni links */
   /* e-mail */
   a.mailm      {display: block;
               /*clear: right;*/
               padding: 0.2em;
               margin-left:  auto;
               margin-right: auto;
               /*float: left;*/
               position: static;
               width: 400px;
               border-top:    2px solid #fee;
               border-left:   2px solid #fee;
               border-right:  2px solid #300;
               border-bottom: 2px solid #300;
               /*margin-bottom: 0.1em;*/
               text-decoration: none;
               text-align: center;
               font-size:   medium;
               font-family: Verdana, Sans-serif;
               background-color: #ded;
               color: #800;
   }
   a.mailm:hover {background-color: #009;
               color: #edd;
   }
   /* home page */
   a.urlm       {display: block;
               /*clear: right;*/
               padding: 0.2em;
               margin-left:  auto;
               margin-right: auto;
               /*float: left;*/
               position: static;
               width: 400px;
               border-top:    2px solid #fee;
               border-left:   2px solid #fee;
               border-right:  2px solid #300;
               border-bottom: 2px solid #300;
               /*margin-bottom: 0.1em;*/
               text-decoration: none;
               text-align: center;
               font-size:   medium;
               font-family: Verdana, Sans-serif;
               background-color: #edd;
               color: #800;
   }
   a.urlm:hover {background-color: #009;
               color: #edd;
   }
   /* Curriculum */
   a.curr     {display: block;
               /*clear: right;*/
               padding: 0.2em;
               margin-left:  auto;
               margin-right: auto;
               /*float: left;*/
               position: static;
               width: 400px;
               border-top:    2px solid #fee;
               border-left:   2px solid #fee;
               border-right:  2px solid #300;
               border-bottom: 2px solid #300;
               /*margin-bottom: 0.1em;*/
               text-decoration: none;
               text-align: center;
               font-size:   medium;
               font-family: Verdana, Sans-serif;
               background-color: #dde;
               color: #800;
   }
   a.curr:hover {background-color: #009;
               color: #edd;
   }
   /* Webmaster */
   a.webmaster  {display: block;
               padding: 0.2em;
               margin-left:  auto;
               margin-right: auto;
               width: 250px;
               border-top:    2px solid #fee;
               border-left:   2px solid #fee;
               border-right:  2px solid #300;
               border-bottom: 2px solid #300;
               text-decoration: none;
               text-align: center;
               font-size:   medium;
               font-family: Verdana, Sans-serif;
               background-color: #fff;
               color: #800;
   }
   a.webmaster:hover {background-color: #009; color: #fff;}
   /* Sommario */
   .sum {border: none; /*1px solid #800;*/
         padding: 0.5em;
         width: 200px;
         font-family: Verdana, Sans-serif;
         font-size: small;
         text-align: center;
   }
   .sum a {display: block;
           text-align: center;
           font-size: xx-small;
           padding: 0.1em;
           background-color: #ddd;
           border-top:    2px solid #eef;
           border-left:   2px solid #eef;
           border-right:  2px solid #003;
           border-bottom: 2px solid #003;
   }
   .sum a .trad {font-size: small;
                 color: #009;
   }
   .sum a:hover {background-color: #009; color: #dde;}
   .sum a:hover .trad {color: #dde;}

   .sum h4 {font-size: medium;}
   .sum .but {color: #009;
         background-color: #eee;
         padding: 0.2em;
         height: auto;
         width: 200px;
         font-family: Verdana, Sans-serif;
         font-style: normal;
         font-weight: lighter;
         font-size: 12px;
   }
/* Lista generale */
   .genlist {border: none; /*1px solid #009;*/
             color: #00f;
             padding: 0.2em;
             width: 770px;
    }
   .genriga {border: none; /*1px solid #009;*/
             color: #00f;
             padding: 0.2em;
             margin-bottom: 4px;
             height: 60px;
             background-color: #eef;
    }
   .genname {/*border: 1px solid #00f; */
             position: relative;
             left: 5px;
             float: left;
             color: #00f;
             display: block;
             clear: left;
             width: 200px;
    }
   .genname a {background-color: transparent;}
   .genprof {color: #060; background-color: transparent; font-size: medium; font-weight: bold;}
   .gencurr .genprof {color: #00f; background-color: transparent;}
   .gencurr:hover .genprof {color: #f00; background-color: transparent;}
   .genspec {position: relative;
             left: 5px;
             float: left;
             color: #00f;
             display: block;
             width: 130px;
             font-size: xx-small;
    }
   .genlang {position: relative;
             font-size: small;
             width: 350px;
             color: #00f;
             display: block;
             float: left;
    }
   .genmail {/*position: relative; */
             font-size: large;
             color: #f00;
             background-color: transparent;
             /*display: block; */
             /*width: 200px; */
             float: right;
    }
   .genmail:hover {color: #00f; background-color: transparent;}

}

@media print {
   /*a:after {content: " [" attr(href) "]";}*/
   table   {display: none;}
   form    {display: none;}
   #cols   {display: none;}
   #head   {display: none;}
   .spiega {display: none;}
   .curr   {display: none;}
   .mailm  {display: block;}
   .urlm   {display: block;}
   .prof   {border: 1px solid #000;
           padding: 0.3em;
           margin-top: 0.2em;
           background-color: #fff;
           page-break-inside: avoid;
           page-break-before: auto;
   }
   .trad {font-size:  large;
          font-weight: bold;
          font-style: normal;
          color: #000;
   }
}