html {margin:0; padding: 0;height: 100%}
         body {
            margin:0; padding: 0; height: 100%;
         }
         div#container {
             min-height: 100%;
             height: auto !important;
             height: 100%;
             margin: 0 auto -100px;
         }
         div#content {padding: 1em 1.5em 5em;}
         div#push {height: 20px; width: 100%;}
         div#wpush {width: 100%;}
         div#testa {width:100%; background-color:white;}
         div#articoloMain {width:100%; background-color:white;}
         div#piede {
             position: relative;
             bottom: 0;height: 40px; width: 100%;
             background-color: #3a3a3a;
             color: white;
             text-align: center;
             vertical-align:middle;
             font-family: Arial, Helvetica, sans-serif;
             font-size: 8pt;
         }
         .piedeMail {
             font-family: Arial, Helvetica, sans-serif;
             font-size: 11pt;
         }

         /* ***************************************************************** */
         /* menu                                                              */
         /* ***************************************************************** */

         @media only screen and (min-width: 320px) {
            .logo {
               color: inherit;
               border: none;
               padding: 0;
               width:89px; height:89px;
            }
            .titolo1 {
               font-family: Georgia, serif;
               font-weight: bold; font-size: 20pt;
               color: #4F62BD;
               padding:0 0 10px 10px;
            }
            .titolo2 {
               font-family: Georgia, serif;
               font-weight: bold; font-size: 10pt;
               color: #4F81BD;
               padding:0 0 10px 10px;
            }
            .menu {
               border: none;
               padding: 0;
               font: inherit;
               cursor: pointer;
               outline: inherit;
               width:48px; height:89px;
               align:right; margin-top:0px; margin-right:10px;
            }

            .tablePacchetti {
               margin: 0 auto;
               padding: 0;
               text-align:center;
            }
            .tableCellPacchetti1 {
               border:0;
               margin:20px;
               width: 140px;
               height: 90px;
               background-image: radial-gradient(#00A0F8 0%, #FFFFFF 100%);
               color: #FFFFFF;
               margin:20px;
            }
            .tableCellPacchetti2 {
               border:4px solid #FFFFFF;
               margin:20px;
               width: 140px;
               height: 90px;
               color: #FFFFFF;
               background-color: #00A0F8;
               margin:20px;
               text-align:center; vertical-align:middle;
            }
            .labelPacchetti1 {
               font-family: Arial, Helvetica, sans-serif;
               font-weight: bold; font-size: 9pt;
               padding:0;
            }
            .labelPacchetti2 {
               font-family: Arial, Helvetica, sans-serif;
               font-weight: bold; font-size: 9pt;
               padding:0;
            }
         }

         @media only screen and (min-width: 1200px) {
            .logo {
               color: inherit;
               border: none;
               padding: 0;
               width:178px; height:178px;
            }
            .titolo1 {
               font-family: Georgia, serif;
               font-weight: bold; font-size: 40pt;
               color: #4F62BD;
               padding:0 0 10px 10px;
            }
            .titolo2 {
               font-family: Georgia, serif;
               font-weight: bold; font-size: 15pt;
               color: #4F81BD;
               padding:0 0 10px 10px;
            }
            .menu {
               border: none;
               padding: 0;
               font: inherit;
               cursor: pointer;
               outline: inherit;
               width:96px; height:178px;
               align:right; margin-top:0px; margin-right:10px;
            }

            .tablePacchetti {
               margin: 0 auto;
               padding: 0;
               text-align:center;
            }
            .tableCellPacchetti1 {
               border:0;
               margin:40px;
               width: 200px;
               height: 150px;
               background-image: radial-gradient(#00A0F8 0%, #FFFFFF 100%);
               color: #FFFFFF;
               margin:40px;
               text-align:center; vertical-align:middle;
            }
            .tableCellPacchetti2 {
               border:10px solid #FFFFFF;
               margin:40px;
               width: 200px;
               height: 150px;
               color: #FFFFFF;
               background-color: #00A0F8;
               margin:40px;
               text-align:center; vertical-align:middle;
            }
            .labelPacchetti1 {
               font-family: Arial, Helvetica, sans-serif;
               font-weight: bold; font-size: 12pt;
               padding:0;
            }
            .labelPacchetti2 {
               font-family: Arial, Helvetica, sans-serif;
               font-weight: bold; font-size: 12pt;
               padding:0;
            }
         }

         /* ***************************************************************** */
         /*  login table class="tableLogin" align="center" width="200px" cellpadding="10" cellspacing="5" style="border:2px solid #DCDCDC" */
         /* ***************************************************************** */
         .tableLogin {
            margin: 0 auto;
            padding: 0;
            width: 200px;
            cellpadding: 10;
            cellspacing: 5;
            border: 2px solid #DCDCDC;
         }
         .labelLogin {
            font-family: Arial, Helvetica, sans-serif;
            font-weight: bold; font-size: 12pt;
            color: #000000;
            padding:0 0 10px 10px;
         }
         .inputLogin {
            font-family: Arial, Helvetica, sans-serif;
            vertical-align: middle;
            font-weight: bold; font-size: 12pt;
            color: #000000;
            margin: 0; margin-right: 10px;
            top: 50%;
         }

         /* ***************************************************************** */
         /* lista                                                             */
         /* ***************************************************************** */
         .tableLista{
            margin: 0 auto;
            padding: 0;
            width: 600px;
         }

         .tableLista td{
            padding: 5px;
         }

         .docData{
            font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
            font-size: 14pt;
            font-weight: bold;
         }

         .docSelection{
            padding-left: 0;
            font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
            font-size: 18pt;
            font-weight: bold;
         }

         .docSelection:hover {
            background: #ffff9d;
         }