body {
        background-color: #ffffff;
        margin: 0;
        padding: 0;
        border: 0;
        font: 16px sans-serif, verdana, thaoma, georgia;
        color :#000000;
        text-align :center; 
     }

input   {
        border-width: 2px;
        border-color: lightgray;
        outline: none;
        }

#btn_default{
            width: 1px;
            height: 1px;
            border-width: 0px;
            background-color: white;
            position: fixed;
            z-index :-9;
            }

.btn_smart {
                font: 18px sans-serif, verdana, thaoma, georgia;
                color : #0000FF;
                background-color :#808080;
                background-image :url("../ris/sito/pulsanteh40.png");
                background-repeat :repeat-x;
                border-width  : 1px;
                border-color : gray;
                height: 40px;
                width: 49%;
                cursor: pointer;
                }

.btn_smart_menu {
                font: 18px sans-serif, verdana, thaoma, georgia;
                color : #0000FF;
                background-color: white;
                background-image :url("../ris/sito/pulsanteh54.png");
                background-repeat :repeat-x;
                width: 100%;
                cursor: pointer;
                }

.btn_menu   {
            font: 16px sans-serif, verdana, thaoma, georgia;
            background-image : url("../ris/sito/pulsanteh40.png");
            background-repeat : repeat-x;
            height: 40px;
            width: 170px;
            background-color: red;
            cursor: pointer;
            border-radius: 10px;
            }

.btn_quantita   {
                font: 16px sans-serif, verdana, thaoma, georgia;
                background-image : url("../ris/sito/pulsanteh30.png");
                background-repeat : repeat-x;
                height: 30px;
                width: 230px;
                cursor: pointer;
                border-radius: 6px;
                }

.freccia    {
            position: relative;
            top: 0px;
            left: 0px;
            z-index :7;
            }

.mouse:link, .mouse:visited {text-decoration:none;}
.mouse:hover {text-decoration:underline;}

.cat_menu:link, .cat_menu:visited {text-decoration:none;}
.cat_menu {color:black;}
.cat_menu:hover {color:blue;}

.arrotonda {border-radius:20px;}

.trasparenza    {
                position: fixed;
                z-index: 8;
                top: 0px;
                left: 0px;
                height: 100%;
                width: 100%;
                background-color: gray;
                opacity: 0.5;
                }

.pulsa  {
        font: 16px sans-serif, verdana, thaoma, georgia;
        background-image : url("../ris/sito/pulsanteh30.png");
        background-repeat : repeat-x;
        height: 30px;
        width: 230px;
        cursor: pointer;
        border-radius: 6px;
    animation-name:light;
    animation-duration: 700ms;
    animation-timing-function:ease-out;
    animation-iteration-count:infinite;
    animation-direction:alternate;
    }

@keyframes light {
0% {box-shadow: 0 0 5px rgba(255, 0, 0, 0.2), 0px 3px 5px rgba(0,0,0,0.5);}
100% {box-shadow: 0 0 40px rgba(255, 0, 0, 1), 0px 3px 5px rgba(0,0,0,0.5);}
}

/*194, 63, 255*/

.evidenzia  {
            text-decoration:none;
            background-image :url("../ris/sito/sottolinea.png");
            }

@media screen and (max-width: 1009px) {

.pc {display: none;}

.smartphone {
            position: fixed;
            top: 0px;
            width: 100%;
            background-color:lightgrey;
            z-index :98;
            }
.smartphone2{
            position: fixed;
            top: 0px;
            left: 0px;
            z-index :99;
            }

.smartphone3{
            position: fixed;
            top: 0px;
            right: 0px;
            z-index :99;
            }

#contenuto_pagina   {
                    width: 100%;
                    margin: 50px 0px 20px;
                    background: #ffffff;
                    z-index: 1;
                    }

.logo_smart   {
        margin-top:40px;
        max-width: 100%;
        }

.logo_sito {display: none;}

.info  {
    padding: 10px;
}

.info2 {
    padding: 10px;
}

.pulsanti   {
            font: 18px sans-serif, verdana, thaoma, georgia;
            color : #0000FF;
            background-color :#808080;
            background-image :url("../ris/sito/pulsanteh40.png");
            background-repeat :repeat-x;
            height: 40px;
            width: 100%;
            }

.sovrapposto    {
                position: fixed;
                z-index: 100;
                top: 0px;
                width: 100%;
                padding: 0px;
                margin:0px;
                bottom:0px;
                overflow:hidden;
                }

.testo  {
        font-size:20px;
        width: 90%;
        }

}

@media screen and (min-width: 1010px) and (max-width: 1265px) {

body {
        background-image: url("../ris/sito/sfondo_1920x1080_2.jpg");
        background-repeat: no-repeat;
        background-position-x: center;
        background-attachment: fixed;
     }
#sfondo {width:1000px;margin-left:-500px;}
.cell {display: none;}
.logo_smart {display: none;}

#testata    {
            position:fixed;
            left: 50%;
            margin-left: -250px;
            top: 0px;
            z-index: 5;
            width: 680px;
            background-color: #F6F0EE;
            padding: 5px;
            }

#login  {
        position: fixed;
        right: 50%;
        margin-right: -500px;
        top: 0px;
        z-index: 5;
        min-width: 70px;
        }

#utente {
        position: fixed;
        right: 50%;
        margin-right: -500px;
        top: 0px;
        z-index :6;
        width: 740px;
        background-color: #F6F0EE;
        padding: 5px;
        }

#menu_sx    {
            position: fixed;
            left: 50%;
            margin-left: -500px;
            top: 0px;
            z-index :5;
            height:auto;
            bottom:35px;
            width:260px;
            overflow:hidden;
            text-align:left;
            }

#contenuto_pagina   {
                    width: 740px;
                    margin: 40px auto 40px;
                    padding-left: 250px;
                    background: #ffffff;
                    z-index: 1;
                    }
.btn_1280 {display: none;}

#piede  {
        position: fixed;
        left: 50%;
        margin-left: -500px;
        bottom: 0px;
        z-index: 5;
        width: 990px;
        background-color: #F6F0EE;
        padding: 5px;
        }

.info  {
    padding: 0px 100px 50px 100px;
    font-style: italic;
    font-size: 18px;
}

.info2 {
    margin-right: 20px;
    margin-left: 20px;
}

.tab_conferma   {
                position: fixed;
                top: 500px;
                left: 50%;
                margin-left: -485px;
                z-index :7;
                }

.grid_riepilogo {
                width: 740px;
}
.obbligatori {
                width: 300px;
}
.facoltativi {
                width: 400px;
}

.pulsanti   {
            font: 16px sans-serif, verdana, thaoma, georgia;
            background-image : url("../ris/sito/pulsanteh40.png");
            background-repeat : repeat-x;
            height: 40px;
            width: 100%;
            background-color: red;
            cursor: pointer;
            }

.sovrapposto    {
                position: fixed;
                z-index: 9;
                top: 50%;
                left: 50%;
                margin-top: -200px;
                margin-left: -250px;
                width: 500px;
                padding-left: 20px;
                padding-right:20px;
                border-radius:20px;
                }

}

@media screen and (min-width: 1266px) {

body {
        background-image: url("../ris/sito/sfondo_1920x1080_2.jpg");
        background-repeat: no-repeat;
        background-position-x: center;
        background-attachment: fixed;
     }
#sfondo {width:1250px;margin-left:-625px;}
.cell {display: none;}
.logo_smart {display: none;}

#testata    {
            position: fixed;
            left: 50%;
            margin-left: -375px;
            top: 0px;
            z-index :5;
            width: 930px;
            background-color: #F6F0EE;
            padding: 5px;
            }

#login  {
        position: fixed;
        right: 50%;
        margin-right: -625px;
        top: 0px;
        z-index: 5;
        min-width: 70px;
        }

#utente {
        position: fixed;
        right: 50%;
        margin-right: -625px;
        top: 0px;
        z-index :6;
        width: 990px;
        background-color: #F6F0EE;
        padding: 5px;
        }

#menu_sx    {
            position: fixed;
            left: 50%;
            margin-left: -625px;
            top: 0px;
            z-index :5;
            height:auto;
            bottom:35px;
            width:260px;
            overflow:hidden;
            text-align:left;
            }

#contenuto_pagina   {
                    width: 990px;
                    margin: 40px auto 40px;
                    padding-left: 250px;
                    background: #ffffff;
                    z-index: 1;
                    }
.btn_1000 {display: none;}

#piede  {
        position: fixed;
        left: 50%;
        margin-left: -625px;
        bottom: 0px;
        z-index: 5;
        width: 1240px;
        background-color: #F6F0EE;
        padding: 5px;
        }

.info  {
    padding: 0px 100px 50px 100px;
    font-style: italic;
    font-size: 18px;
}

.info2 {
    margin-right: 70px;
    margin-left: 70px;
}

.tab_conferma   {
                position: fixed;
                top: 500px;
                left: 50%;
                margin-left: -610px;
                z-index :7;
            }
.grid_riepilogo {
                width: 990px;
}
.obbligatori {
                width: 400px;
}
.facoltativi {
                width: 500px;
}

.pulsanti   {
            font: 16px sans-serif, verdana, thaoma, georgia;
            background-image : url("../ris/sito/pulsanteh40.png");
            background-repeat : repeat-x;
            height: 40px;
            width: 100%;
            background-color: red;
            cursor: pointer;
            }

.sovrapposto    {
                position: fixed;
                z-index: 9;
                top: 50%;
                left: 50%;
                margin-top: -200px;
                margin-left: -250px;
                width: 500px;
                padding-left: 20px;
                padding-right:20px;
                border-radius:20px;
                }

}

@media screen {

.stampa   {
           display: none;
          }

.nascosto {
           display: none;
          }
}

@media print {

.video  {
        display: none;
        }
.smartphone {
            display: none ;
            }
.smartphone2{
             display: none ;
             }
#btn_default    {
                display: none;
                }
#login1    {
                display: none;
                }
#menu_sx    {
                display: none;
                }
#btnStampa    {
                display: none;
                }
.nascosto {
           display: none;
          }
}