.jssorslidercontainer {
            position: relative; 
            margin: auto;
            margin-top: 10px;
            top: 0px; 
            left: 0px; 
            width: 600px;
                height: 470px;
            background: #FFF; 
            overflow: hidden;
            border-style: none;
    
        }

        .jssorslider {
            cursor: move;
            position: absolute; 
            top: 0px; 
            left: 0px;
            width: 600px;
            height: 320px;
            overflow: hidden;
            border-style: none;
        }
        .jssorthumbarea  { 
            position: absolute; 
            top: 330px; 
            left: 0px;
            height:60px;
            width : 600px;
             
        }
        
        .jssorbulletarea { 
             position: absolute; 
            top: 400px; 
            height: 60px;
            left: 0px;
            width : 600px;
            
             
        }
        
        
        

        
       
        
        
          /* Arrow Navigator  Begin */
       
            /* jssor slider arrow navigator skin 05 css */
            /*
            .jssora05l              (normal)
            .jssora05r              (normal)
            .jssora05l:hover        (normal mouseover)
            .jssora05r:hover        (normal mouseover)
            .jssora05ldn            (mousedown)
            .jssora05rdn            (mousedown)
            */
            .jssora05l, .jssora05r, .jssora05ldn, .jssora05rdn
            {
                position: absolute;
                cursor: pointer;
                display: block;
                background: url(../Immagini/Jssor/images/a05.png) no-repeat;
                overflow:hidden;
            }
            .jssora05l { background-position: -10px -40px; }
            .jssora05r { background-position: -70px -40px; }
            .jssora05l:hover { background-position: -130px -40px; }
            .jssora05r:hover { background-position: -190px -40px; }
            .jssora05ldn { background-position: -250px -40px; }
            .jssora05rdn { background-position: -310px -40px; }
            .arrowitemL { 
                width: 40px; 
                height: 40px; 
                top: 158px; 
                left: 0px; 
            }
            .arrowitemR { 
                width: 40px; 
                height: 40px; 
                top: 158px; 
                left: 560px; 
            }
            
            
            /* jssor slider arrow navigator skin 11 css */
            /*
            .jssora11l                  (normal)
            .jssora11r                  (normal)
            .jssora11l:hover            (normal mouseover)
            .jssora11r:hover            (normal mouseover)
            .jssora11l.jssora11ldn      (mousedown)
            .jssora11r.jssora11rdn      (mousedown)
            */
            .jssora11l, .jssora11r {
                display: block;
                position: absolute;
                /* size of arrow element */
                width: 37px;
                height: 37px;
                cursor: pointer;
                background: url(../Immagini/Jssor/images/a11.png) no-repeat;
                overflow: hidden;
            }
            .jssora11l { background-position: -11px -41px; }
            .jssora11r { background-position: -71px -41px; }
            .jssora11l:hover { background-position: -131px -41px; }
            .jssora11r:hover { background-position: -191px -41px; }
            .jssora11l.jssora11ldn { background-position: -251px -41px; }
            .jssora11r.jssora11rdn { background-position: -311px -41px; }
            
            
            
            
            
            
         /* BULLET Navigator  Begin */
                
        /* jssor slider bullet navigator skin 03 css */
        /*
        .jssorb03 div           (normal)
        .jssorb03 div:hover     (normal mouseover)
        .jssorb03 .av           (active)
        .jssorb03 .av:hover     (active mouseover)
        .jssorb03 .dn           (mousedown)
        */
        .jssorb03 {
            position: absolute;
        }
        .jssorb03 div, .jssorb03 div:hover, .jssorb03 .av {
                position: absolute;
                /* size of bullet elment */
                width: 15px;
                height: 15px;
                text-align: center;
                line-height: 18px;
                color: white;
                font-size: 10px;
                background: url(../Immagini/Jssor/images/b03.png) no-repeat;
                overflow: hidden;
                cursor: pointer;
        }
        .jssorb03 div { background-position: -5px -4px; }
        .jssorb03 div:hover, .jssorb03 .av:hover { background-position: -35px -4px; }
        .jssorb03 .av { background-position: -65px -4px; }
        .jssorb03 .dn, .jssorb03 .dn:hover { background-position: -95px -4px; }
        
        .bulletitem03 { 
             POSITION: absolute; 
            WIDTH: 15px; 
            HEIGHT: 15px;
            text: align-right;
            line-height:18px; 
            color:black; 
            font-size:8px;
        }
        .thumbback { 
             
            position: absolute; 
            display: block;
            background: #FFF; 
            top: 0px; 
            left: 0px; 
            width: 100%; 
            height: 100%;    
            
        }
        .thumbslides { 
             cursor: default;
            background: #FFF;     
            
        }
        .thumbproto { 
             position: absolute; 
            top: 0; 
            left: 0; 
            width: 600px; 
            height: 100px;
            background: #FFF;     
            
        }
        .thumbnail { 
             position: absolute; 
            text-align: center; 
            top: 0; 
            left: 0; 
            width: 100%; 
            height: 100%; 
            font-family: Arial, Helvetica, Sans-Serif; 
            font-weight: normal; 
            color:#000; 
            line-height: 18px; 
            font-size:9px; 
            padding-left:10px;    
            background: #FFF; 
            
        }
        .thumbtextxs { 
            font-size:6px;     
        }
        .thumbtexts { 
            font-size:8px;     
        }
        .thumbtextm { 
            font-size:9px;     
        }
        .thumbtextb { 
            font-size:10px;     
        }
        .thumbnail a { 
            color:#888888;
            font-size:9px; 
        }
        .thumbnail a:focus, a:hover { 
            color:#000000;
            font-size:9px; 
        }
        .grigiochiaro { 
            background:#eaeaea;
            font-size:9px; 
        }
        
    
        .comandi {margin:10px 0 10px 0; background:#eaeaea; border-radius:4px;  float:right; padding:5px 0 0 10px;}
        .comandi button {font-size:20px; background:#eaeaea; color:#888888; margin-right:6px; border: 0px solid #eaeaea; }
        .comandi button:hover, .didascaliam button:active {color:#000000;  border: 0px solid #eaeaea;}
            
        .comando {float:none; padding-top: 3px; padding-bottom:3px; font-size:1.6em !important;}