/** LAYOUT ************************************************/
    html, body {
        margin:0; padding:0; width:100%; height:100%;
        text-align:left;
        background:#f7e5d2; /****************************** sfondo*/
        }
    #head {
        position:relative; top:0;
        width:auto; height:auto; /************************* altezza testa (attivare tag html)*/
        background:none; /********************************* sfondo testa*/
        }
    #container {
        position:relative; top:0;
        border:0; margin:0; padding:0px 0 0 0; /*********** spostamento verticale generale*/
        width:100%; height:500px; /************************ altezza minima generale*/
        }
    #navigator {
        position:fixed; float:left; left:0;
        border:0; margin:0; padding:20px 0 0; /************ spostamento verticale navigatore*/
        width:400px;
        }
    #info {
        position:relative; left:0;
        border:0; margin:0;
        }
    #menu {
        position:absolute; float:left; left:250px; /********** posizione orizzontale menu (larghezza navigatore)*/
        border:0; margin:0; padding:70px 0 0; /************ spostamento verticale menu*/
        width:150px; /************************************* larghezza menu*/
        background:transparent;
        }
    #content {
        position:absolute; left:400px; /******************* posizione orizzontale contenuti (larghezza navigatore + menu)*/
        border:0; margin:0; padding:150px 0 50px 5px; /**** spostamento contenuti*/
        width:450px; /************************************* larghezza contenuti*/
        background:none;
        }

/** TYPOGRAPHY ********************************************/
    html, body {                                            font:normal 76% sans-serif; }
    #head {                                                 font-size:1.2em; color:#000;
        padding:5px; } /*********************************** margine interno head*/
    #container {                                            color:#000; }
    #info {                                                 font-size:1.2em; color:#333;
        padding:0 0 0 50px; } /**************************** spostamento orizzontale informazioni*/
    #menu {                                                 font-size:1.3em; line-height:1.4em; color:#666; }
    #content {                                              font-size:1.4em; line-height:1.4em; text-align:justify; }
    a:link, a:active, a:visited {                           text-decoration:none; color:#c63; }
    a:hover {                                               color:#f60; }
    b {                                                     font-weight:bold; }
    i {                                                     font-style:italic; font-family:serif; font-size:1.1em; }
    u {                                                     text-decoration:underline; }
    s {                                                     text-decoration:line-through; }
    td {                                                    text-align:left;}

/** OTHER *************************************************/
    #marchio {                                              width:100px; height:100px; margin:-40px 0 20px 0; background:url(./marchio.gif) no-repeat; }
    #banner {                                               width:450px; height:140px; margin:-160px 0 20px 0; }
    .linkact {                                              color:#000; }
    .title {                                                font-size:1.3em; line-height:1.0em; text-align:left; color:#630; }
    .note {                                                 font-size:0.9em; }
    img {                                                   margin:0; border:0; }
    .left {                                                 float:left; margin-right:10px; }
    .right {                                                float:right; margin-left:10px; }