@font-face {
           font-family: fontmenu;
           src: url(/alchimia/fontpers/HyperspaceBold.otf);
           }
@font-face {
           font-family: fontpers;
           src: url(/alchimia/fontpers/spaceranger.ttf);
           }
@font-face {
           font-family: fonttre;
           src: url(/alchimia/fontpers/Play-Bold.ttf);
           }
html, body {height:100%;}
body       {
           margin: 0px 0px 0px 0px;
           background-color : #a5a5a5;
           }
div#container {
    height: 100vh;
    background: #a5a5a5;
	}
#header {  /* contiene lims */
    position:relative;
    margin-top:0;margin-left:0;
    height: 5vh;
    width:100vw;
    text-align : center;font-family : fontpers, verdana;text-shadow: 0.2vw 0.1vw 0.1vw  #694e25;
    background:#eaeaea;
    font-size: 2vw;
    color:#999999;
    border-top: 1px solid #999999;
    z-index:1;
    }
#headerdue {  /* contiene icone menu, e tasti di scelta */
    position:relative;
    height: 5vh;
    width:100vw;
    font-family : verdana;
    overflow:hidden;
    border-top: 2px solid #999999;
    z-index:1;
    background: -moz-linear-gradient(top, #3399ff, #3366cc);
    }
#intestazionelistecsb {  /* contiene intestazione liste con scrollbars */
    position:relative;
    height: 5vh;
    width:100vw;
    overflow: -moz-scrollbars-vertical; 
    overflow-y: scroll;
    font-family : verdana;
    font-size:0.7vw;
    border-top: 2px solid #999999;
    background:#edecec;
    }
#contenitorelistecsb {  /* contiene corpo liste con scrollbars */
    position:relative;
    height: 78vh;
    width:100vw;
    overflow: -moz-scrollbars-vertical; 
    overflow-y: scroll;
    font-family : verdana;
    border-top: 2px solid #999999;
    background: #effafa; /* celeste */
    }
#intestazioneliste {  /* contiene intestazione liste senza scrollbars */
    position:relative;
    height: 5vh;
    width:100vw;
    font-family : verdana;
    border-top: 2px solid #999999;
    background:#edecec;
    }
#contenitoreliste {  /* contiene corpo liste senza scrollbars */
    position:relative;
    height: 78vh;
    width:100vw;
    font-family : verdana;
    border-top: 2px solid #999999;
    background: #effafa; /* celeste */
    }
#footer {
    position: fixed;
    z-index:10;
    text-align: center;
    bottom: 0px;
    width:100vw;
    height: 5vh;
    border-top: solid #a5a5a5 1px;
    font-family: Verdana, sans-serif;
    background: -moz-linear-gradient(top, #efeff0, #e0e1e1, #cfd0d1);
    border-bottom: 1px solid #a5a5a5;
    }
#cont_testa_dati {    /* pagina cont_testa */
    position:relative;
    margin-top:0px;
    margin-left:0;
    width:100vw;
    height: 30vh;
    font-family : verdana;
    overflow: auto;
    background: #effafa; /* celeste */
	border-bottom:1px solid grey;
    }
#cont-coleta {
     position:relative;
     margin-top:1px;
     margin-left:0;
     width:100vw;
     height: 48vh;
     font-family : verdana;
     overflow: -moz-scrollbars-vertical; 
     overflow-y: scroll;
     border-top: 1px solid #999999;
     background: #effafa; /* celeste */
     }

.immagineA {display: block;width:2vw;height:2vw;}
.immagineB {display: none;}
#cambio {}
#cambio:hover .immagineA {display: none;}
#cambio:hover .immagineB {display: block;width:2vw;height:2vw;}
/* ruota immagine */
.immagineC {display: block;width:2vw;height:2vw;}
.ruota{ overflow: hidden; transition-duration: 0.8s; transition-property: transform;} 
.ruota:hover { transform: rotate(360deg); }

/* -------------------------        NUOVE TABELLE          --------------------------------- */
/* -------------------------     input type nuovi align    --------------------------------- */
#sinistra   { /* usata nei newinput */
            text-align: left;
            padding:4px 0px 3px 8px; /* top right bottom left */
            }
#middle     { /* usata nei newinput */
            text-align: center;
            padding:4px 0px 3px 0px; /* top right bottom left */
            }
/* -------------------------        NUOVE TABELLE          --------------------------------- */
/* -------------------------     tabella senza bordo       --------------------------------- */
table.vhnoborder {
               margin-top: auto;
               margin-left:0px; 
               border-collapse: collapse; /* Elimina lo spazio fra le celle della tabella. */
               width:100vw;
               table-layout:fixed; 
               overflow:hidden;
               white-space:nowrap;
               font-family : verdana;
               font-size: 13px;
               z-index:1;
               }
table.vhnoborder tr {
     height: 3vh;
               font-size:10px;
               }
table.vhnoborder tr.cinque {
     height: 0.5vh;
               }
table.vhnoborder tr.dieci {
     height: 1.0vh;
               }
table.vhnoborder tr.quindici {
     height: 1.5vh;
               }
table.vhnoborder tr.venti {
     height: 2.0vh;
               }
table.vhnoborder tr.quaranta {
     height: 4.0vh;
               }
table.vhnoborder tr.cinquanta {
     height: 5.0vh;
               }
table.vhnoborder tr.sessanta {
     height: 6.0vh;
               }
table.vhnoborder td {
               padding-left:5px;
               padding-right:5px;
               }
table.vhnoborder td.cc {
               text-align:center;
               }
table.vhnoborder td.ccgr {
               text-align:center;
               font-weight:bold;
               }
table.vhnoborder td.left {
               text-align:left;
               }
table.vhnoborder td.right {
               text-align:right;
               }
table.vhnoborder th {
               text-align:center;
               }
/* -------------------------     tabella menu bordo       --------------------------------- */
/* ----contrato, cale, mod_plan, analab --- */
table.menu     {
               margin-top: auto;
               margin-left:0px; 
               border-collapse: collapse; /* Elimina lo spazio fra le celle della tabella. */
               width:100vw;
               table-layout:fixed; 
               overflow:hidden;
               white-space:nowrap;
               font-family : verdana;
               font-size: 13px;
               z-index:1;
               }
table.menu tr {
     height: 3vh;
               font-size:10px;
               }
table.menu td {
               padding-left:5px;
               padding-right:5px;
               }
table.menu td.cc {
               border-left:1px solid grey;
               text-align:center;
               }
table.menu td.cc:hover {
               background:#3366cc;
               }
table.menu td.fine {
               border-left:1px solid grey;
               text-align:center;
               }