body {
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.evidenziatore {

        background: lime !important;
        background-color: lime !important;

}


#main_menu {
        width:180px;
        height:600px !important;
        left:-180px;
        top:180px;
        position: absolute;
        background: rgba(255, 255, 255, 0.8);
        z-index: 999;

}

#menu_contestuale {
        width:180px;
        height:800px;
        left:-180px;
        top:180px;
        position: absolute;
        background:#FFFFFF;
        z-index: 999;
        
}

#contenuto {
        left:180px;
        top:100px;
        position: absolute;
        width:73%;
        height:auto;
        padding-bottom: 3em;
        
}

#footer {
        position:absolute;
        top:0;
        width:99%;
        
}

.apri_main_menu {
        
        -webkit-animation-name: apri_main_menu;
        -webkit-animation-duration: .5s;
        -webkit-animation-iteration-count: 1;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-fill-mode: forwards;

        -moz-animation-name: apri_main_menu;
        -moz-animation-duration: .5s;
        -moz-animation-iteration-count: 1;
        -moz-animation-timing-function: ease-in-out;
        -moz-animation-fill-mode: forwards;
        
        -o-animation-name: apri_main_menu;
        -o-animation-duration: .5s;
        -o-animation-iteration-count: 1;
        -o-animation-timing-function: ease-in-out;
        -o-animation-fill-mode: forwards;

        -animation-name: apri_main_menu;
        -animation-duration: .5s;
        -animation-iteration-count: 1;
        -animation-timing-function: ease-in-out;
        -animation-fill-mode: forwards;
        }

@-webkit-keyframes  apri_main_menu {
    0%  { -webkit-transform: translate3d(0px, 0px, 0px);
        }
    100%  { -webkit-transform: translate3d(180px, 0px, 0px);
        }
}

@-moz-keyframes  apri_main_menu {
    0%  { -moz-transform: translate3d(0px, 0px, 0px);
        }
    100%  { -moz-transform: translate3d(180px, 0px, 0px);
        }
}
/*
@-o-keyframes movement {
    0%  { -o-transform: translate3d(0px, 0px, 0px);
    top: 0px; }
    100%  { -o-transform: translate3d(200px, 200px, 0px);
    top: 100px; }
}

@-keyframes movement {
    0%  { -transform: translate3d(0px, 0px, 0px);
    top: 0px;
    }
    100%  { -transform: translate3d(200px, 200px, 0px);
    top: 100px; }
}
*/

.chiudi_main_menu {
        
        -webkit-animation-name: chiudi_a_sinistra;
        -webkit-animation-duration: .5s;
        -webkit-animation-iteration-count: 1;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-fill-mode: forwards;

        -moz-animation-name: chiudi_a_sinistra;
        -moz-animation-duration: .5s;
        -moz-animation-iteration-count: 1;
        -moz-animation-timing-function: ease-in-out;
        -moz-animation-fill-mode: forwards;
        
        -o-animation-name: chiudi_a_sinistra;
        -o-animation-duration: .5s;
        -o-animation-iteration-count: 1;
        -o-animation-timing-function: ease-in-out;
        -o-animation-fill-mode: forwards;

        -animation-name: chiudi_a_sinistra;
        -animation-duration: .5s;
        -animation-iteration-count: 1;
        -animation-timing-function: ease-in-out;
        -animation-fill-mode: forwards;
        }

@-webkit-keyframes  chiudi_a_sinistra {
    0%  { -webkit-transform: translate3d(180px, 0px, 0px);
    }
    100%  { -webkit-transform: translate3d(0px, 0px, 0px);
    }
}

@-moz-keyframes  chiudi_a_sinistra {
    0%  { -moz-transform: translate3d(180px, 0px, 0px);
    }
    100%  { -moz-transform: translate3d(0px, 0px, 0px);
    }
}
/*
@-o-keyframes movement {
    0%  { -o-transform: translate3d(0px, 0px, 0px);
    top: 0px; }
    100%  { -o-transform: translate3d(200px, 200px, 0px);
    top: 100px; }
}

@-keyframes movement {
    0%  { -transform: translate3d(0px, 0px, 0px);
    top: 0px;
    }
    100%  { -transform: translate3d(200px, 200px, 0px);
    top: 100px; }
}
*/

/*
.movimento_iniziale {
        
        -webkit-animation-name:  movimento_iniziale;
        -webkit-animation-duration: 2s;
        -webkit-animation-iteration-count: 1;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-fill-mode: forwards;

        -moz-animation-name:  movimento_iniziale;
        -moz-animation-duration: 2s;
        -moz-animation-iteration-count: 1;
        -moz-animation-timing-function: ease-in-out;
        -moz-animation-fill-mode: forwards;
        
        -o-animation-name:  movimento_iniziale;
        -o-animation-duration: 2s;
        -o-animation-iteration-count: 1;
        -o-animation-timing-function: ease-in-out;
        -o-animation-fill-mode: forwards;

        -animation-name:  movimento_iniziale;
        -animation-duration: 2s;
        -animation-iteration-count: 1;
        -animation-timing-function: ease-in-out;
        -animation-fill-mode: forwards;
        }

*/
@-webkit-keyframes   movimento_iniziale {
    0%  { -webkit-transform: translate3d(0px, 0px, 0px);
        }
    100%  { -webkit-transform: translate3d(-180px, 0px, 0px);
        }
}

@-moz-keyframes  movimento_iniziale {
    0%  { -moz-transform: translate3d(0px, 0px, 0px);
    /*top: 0px;*/ }
    100%  { -moz-transform: translate3d(-180px, 0px, 0px);
    /*top: 100px;*/ }
}
/*
@-o-keyframes movement {
    0%  { -o-transform: translate3d(0px, 0px, 0px);
    top: 0px; }
    100%  { -o-transform: translate3d(200px, 200px, 0px);
    top: 100px; }
}

@-keyframes movement {
    0%  { -transform: translate3d(0px, 0px, 0px);
    top: 0px;
    }
    100%  { -transform: translate3d(200px, 200px, 0px);
    top: 100px; }
}
*/


.riquadro_login {
        margin-bottom: auto;
        margin-left: auto;
        margin-right: auto;
        margin-top: 10%;
        position: absolute;
        top: 0; left: 0; bottom: 0; right: 0;
        
        background:orange;
        color:#000;
        font-size:16px;
        font-weight:bold;
        height:175px;
        width:270px;
        /*line-height:60px;*/
        text-align:center;
        align:center;
        border:0;
        border-radius:10px;
        }
.input_accesso {
        color:#000;
        width:200px; 
}


.button_menu_blu:active {
    transform: translate(0px,5px);
    -webkit-transform: translate(0px,5px);
    /*border-bottom: 1px solid;*/
}


.button_menu_blu {
        white-space: normal !important;
        background:#428BCA;
        color:#fff;
        font-size:14px;
        font-weight:bold;
        height:50px;
        width:150px;
        /*line-height:60px;*/
        margin:10px 10px;
        text-align:center;
        border:0;
        border-radius:10px;
        
        border-bottom: 5px solid #2980B9;
        text-shadow: 0px -2px #2980B9;
        }

.button_menu_blu:hover,
.button_menu_blu:focus{
        color:#EFEFEF;
        }

.button_menu_verde:active {
    transform: translate(0px,5px);
    -webkit-transform: translate(0px,5px);
    /*border-bottom: 1px solid;*/
}

.button_menu_verde {
        white-space: normal !important;
        background:#00FF00;
        color:#fff;
        font-size:14px;
        font-weight:bold;
        height:50px;
        width:150px;
        /*line-height:60px;*/
        margin:10px 10px;
        text-align:center;
        border:0;
        border-radius:10px;

        border-bottom: 5px solid #00c100;
        text-shadow: 0px -2px #00c100;
        }

.button_menu_verde:hover,
.button_menu_blu:focus {
        color:#EFEFEF;
        }

.button_menu_rosso:active {
    transform: translate(0px,5px);
    -webkit-transform: translate(0px,5px);
    /*border-bottom: 1px solid;*/
}

.button_menu_rosso {
        white-space: normal !important;
        background:#FF0000;
        color:#fff;
        font-size:14px;
        font-weight:bold;
        height:50px;
        width:150px;
        /*line-height:60px;*/
        margin:10px 10px;
        text-align:center;
        border:0;
        border-radius:10px;

        border-bottom: 5px solid #ae0000;
        text-shadow: 0px -2px #ae0000;
        }

.button_menu_rosso:hover,
.button_menu_blu:focus {
        color:#EFEFEF;
        }

.button_menu_grigio:active {
    transform: translate(0px,5px);
    -webkit-transform: translate(0px,5px);
    /*border-bottom: 1px solid;*/
}

.button_menu_grigio {
        white-space: normal !important;
        background:#C0C0C0;
        color:#fff;
        font-size:14px;
        font-weight:bold;
        height:50px;
        width:150px;
        /*line-height:60px;*/
        margin:10px 10px;
        text-align:center;
        border:0;
        border-radius:10px;

        border-bottom: 5px solid #a6a6a6;
        text-shadow: 0px -2px #a6a6a6;
        }

.button_menu_grigio:hover,
.button_menu_blu:focus {
        color:#EFEFEF;
        }

hr {border:1px dashed #000;}

#pu {border-radius:75px;}

#led {width:45px;height:45px;}

.Table
    {
        display: table;
        font-size: 12px;
    }
    .Title
    {
        display: table-caption;
        text-align: center;
        font-weight: bold;
        font-size: larger;
    }
    .Heading
    {
        display: table-row;
        font-weight: bold;
        text-align: center;
        background: #5D9DE4;
        color: #FFFFFF;
    }
    .Row
    {
        display: table-row;
    }
    .Row1
    {
        display: table-row;
        background: #b8d1f3;
    }
    .Row2
    {
        display: table-row;
        background: #dae5f4;
    }
    .Row3
    {
        display: table-row;
        background: #99FF99;
    }
    .Row4
    {
        display: table-row;
        background: #99FF66;
    }
    .Cell
    {
        display: table-cell;
        border: #4e95f4 solid;
        border-width: thin;
        padding-left: 3px;
        padding-right: 5px;
        padding-bottom: 4px;
        padding-top: 4px;
    }
    .Cell2
    {
        display: table-cell;
        border: #00CC66 solid;
        border-width: thin;
        padding-left: 3px;
        padding-right: 5px;
        padding-bottom: 4px;
        padding-top: 4px;
    }