@font-face {
                font-family: 'Candara';
                src: url('../font/Candara.ttf') format('truetype');
            }
                

            body{
                background: #ececec;
                overflow: hidden;
                font-family: 'Candara';
            }
            .ui-body-c{
                background: #ececec;
                overflow: hidden;
            }
            .ui-bar-a{
                background:#bbd8f5;
                color:#000; 
                text-shadow: none;
                letter-spacing: 0.1em;
               
            }
            
            
            #background_sezioni{
                background-image: url('../img/background/background.jpg');
                background-position: top;
                background-repeat: no-repeat;
                width: 100%;
            }
            
            #scroller-id{
                width: 100%;
            }
            
           
                [data-role=header]{
                    font-family: 'Candara';
                    font-size: 11px;
                    clear:both;
                    overflow: hidden;
                }
                [data-role=content]{
                    font-family: 'Candara';
                    font-size: 1.1em;
                    background: #ececec;
                    overflow: hidden;
                    height: 100% !important;
                }
                [data-role=button]{
                    font-family: 'Candara';
                    font-size: 0.9em;
                }
                [data-role=page]{
                    height: 100% !important; 
                    position:relative !important;
                    overflow: scroll;
                    width: 200px;
                     
                }
                
                .ui-grid-a{
                    margin-bottom: 8px;
                }
                .verde{
                    color:#000;
                }
                .nero{
                    color:#000 !important;
                }
                
                #indietro img{
                    vertical-align: center;
                }
                #menu{
                    background: #ececec;
                }
                 #titolo_amber2{
                        margin:0 auto;
                        font-size: 14px;
                     
                    }
                    
                #mappa{
                    border: 1px solid #ccc;
                    width: 500px;
                    height: 200px;
                    margin-top:5px;
                    margin: 0 auto;
                    margin-bottom: 15px;
                }

                @media only screen and (min-width: 1024px){ 
                    
                   #benvenuto{
                        font-size: 1.8em;
                        width: 100%;
                        text-align: center;
                        margin-top: 80px;
                        color:#000;
                        font-family: 'Candara';
                    }
                    #testo_introduttivo{
                        font-size: 1.2em;
                        width: 70%;
                        text-align: justify;
                        margin-top: 20px;
                        margin:0 auto;
                        overflow:hidden;
                        font-family: 'Candara';
                    }
                    #titolo_header{
                        float:left;
                        width: 87%;
                        text-align:center;
                        font-size:11px;
                        
                    }
                    #indietro{
                        float:left;
                        width: 6%;
                        padding-top: 5px;

                    }
                    #home{
                        float:right;
                        width: 5%;
                        padding-top: 7px;
                        margin-top:3px;

                    }
                    #profilo{
                        font-size: 1.8em;
                        width: 100%;
                        text-align: center;
                        margin-top: 40px;
                    }
                    #button_menu{
                        font-family: 'Candara';
                        font-size: 0.8em;
                        width:130px;
                        height:110px;
                        padding-top: 20px;
                    }
                    .ui-block-a a{
                        float:right;
                        
                    }
                    #menu_{ 
                        margin-top:150px;
                        overflow:hidden;
                         height: 900px;
                    }
                    #background_menu{
                        background-image: url('../img/background/web/home1.jpg');
                        background-position: top;
                        background-repeat: no-repeat;
                        width: 100%;
                        text-align: center;
                        padding: 0;
                    }
                    #background_discipline{
                        background-image: url('../img/background/web/home2.jpg');
                        background-position:top;
                        background-repeat: no-repeat;
                    }
                    
                    .ui-mobile .ui-page-active{
                        overflow: auto !important;
                    }
                    [data-role=content]{
                        overflow: auto;
                        height: 800px;
                        
                    }
                    .scroll{
                       
                    }
                     #titolo_amber2{
                        margin:0 auto;
                        font-size: 22px;
                        width: 100%;
                        text-align: center;
                        margin-top: -10px;
                        margin-bottom: 10px;
                     
                    }
                    
                 }
                 
                  
              /* #Tablet (Portrait)
                ================================================== */
              /* Note: Design for a width of 768px */

                @media only screen and (min-width: 768px) and (max-width: 1023px){ 
                    #benvenuto{
                        font-size: 1.8em;
                        width: 100%;
                        text-align: center;
                        margin-top: 80px;
                        color:#000;
                        font-family: 'Candara';
                    }
                    #testo_introduttivo{
                        font-size: 1.2em;
                        width: 70%;
                        text-align: justify;
                        margin-top: 20px;
                        margin:0 auto;
                        overflow:hidden;
                        font-family: 'Candara';
                    }
                    #titolo_header{
                        float:left;
                        width: 85%;
                        text-align:center;
                        font-size:11px;
                        padding-top: 2px;
                        
                    }
                    #indietro{
                        float:left;
                        width: 6%;
                        padding-top: 9px;

                    }
                    #home{
                        float:right;
                        width: 5%;
                        padding-top: 7px;
                        margin-right: 5px;
                         margin-top:5px;

                    }
                    #profilo{
                        font-size: 1.8em;
                        width: 100%;
                        text-align: center;
                        margin-top: 40px;
                    }
                    #button_menu{
                        font-family: 'Candara';
                        font-size: 1.0em;
                        width:120px;
                        height:107px;
                        padding-top: 13px;
                        
                        
                    }
                    .ui-block-a a{
                        float:right;
                        
                    }
                    #menu_{ 
                        margin-top:150px;
                        overflow:hidden;
                    }
                    #background_menu{
                        background-image: url('../img/background/web/home1.jpg');
                        background-position: top;
                        background-repeat: no-repeat;
                        margin-top: -30px !important;
                        
                    }
                    #background_discipline{
                        background-image: url('../img/background/web/home2.jpg');
                        background-position: top;
                        background-repeat: no-repeat;
                    }
                    
                    #menu_{
                        height: 800px;
                    }
                    #titolo_header h2{
                        line-height:30px;
                    }
                    
                    [data-role=page]{
                        height: 100% !important; 
                         overflow: scroll;
                        
                        
                    }
                    #titolo_amber2{
                        margin:0 auto;
                        font-size: 24px;
                        width: 100%;
                        text-align: center;
                        margin-top: -10px;
                        margin-bottom: 10px;
                     
                    }
                    
                }
                
                /*  #Mobile (Portrait)
                ================================================== */

                    /* Note: Design for a width of 320px */

                @media only screen and (max-width: 767px) {
                    #benvenuto{
                        font-size: 1.4em;
                        width: 100%;
                        text-align: center;
                        margin-top: 30px;
                        color:#000;
                    }
                    #testo_introduttivo{
                        font-size: 0.9em;
                        width: 75%;
                        text-align: left;
                        margin-top: 15px;
                        margin:0 auto;
                        overflow:hidden;
                    }
                    #titolo_header{
                        float:left;
                        width: 70%;
                        padding-left:8px;
                        text-align:left;
                        font-size:10px;
                    }
                    #indietro{
                        float:left;
                        width: 10%;
                        padding-top: 2px;

                    }
                    #home{
                        float:right;
                        width: 10%;
                        padding-top: 5px;
                        margin-right: 5px;
                        

                    }
                    #profilo{
                        font-size: 1.3em;
                        width: 100%;
                        text-align: center;
                        margin-top: 20px;
                    }
                    #button_menu{
                        font-family: 'Candara';
                        font-size: 0.3em;
                        width:95px;
                        height: 95px
                        
                        
                    }
                    .ui-block-a a{
                        float:right;                       
                    }
                    #menu_{ 
                        margin-top:25px;
                        height: auto;
                    }
                    #titolo_amber{
                        margin:0 auto;
                     
                    }
                    [data-role=header] h1{
/*                        height:35px !important;*/
                        line-height:23px;
                        
                        
                    }
                    [data-role=header]{
                        height:40px !important;
                        
                    }
                    #background_menu{
                        background-image: url('../img/background/mobile/home1.jpg');
                        background-position: top;
                        background-repeat: no-repeat;
                    }
                    #background_discipline{
                        background-image: url('../img/background/mobile/home2.jpg');
                        background-position: top;
                        background-repeat: no-repeat;
                    }
                    #titolo_header h2{
                        line-height:23px;
                    }
                    [data-role=page]{
                        height: 100% !important; 
                         overflow: scroll;
                              
                    }
                    [data-role=content]{
                        overflow: auto;
                        height: 500px;
                        
                    }
                    #titolo_amber2{
                        margin:0 auto;
                        font-size: 1.6em;
                        width: 100%;
                        text-align: center;
                        margin-top: -5px;
                        margin-bottom: 2px;
                     
                    }
                    
                     #mappa{
                        border: 1px solid #ccc;
                        width: 300px;
                        height: 150px;
                        margin-top:5px;
                        margin-left: -5px;
                        margin-bottom: 15px;
                    }    
                }
                
                 /* #Mobile (Landscape)
                ================================================== */
                
                    /* Note: Design for a width of 480px */

                @media only screen and (min-width: 480px) and (max-width: 767px) {
                    
                    #benvenuto{
                        font-size: 1.4em;
                        width: 100%;
                        text-align: center;
                        margin-top: 20px;
                        color:#000;
                    }
                    #testo_introduttivo{
                        font-size: 0.9em;
                        width: 80%;
                        text-align: left;
                        margin-top: 20px;
                        margin:0 auto;
                        overflow:hidden;
                    }
                    #titolo_header{
                        float:left;
                        width: 76%;
                        padding-left:8px;
                        text-align:left;
                        font-size:10px;
                    }
                    #indietro{
                        float:left;
                        width: 10%;
                        padding-top: 1px;

                    }
                    #home{
                        float:right;
                        width: 10%;
                        padding-top: 4px;
                        margin-right: 5px;
                        

                    }
                    #profilo{
                        font-size: 1.3em;
                        width: 100%;
                        text-align: center;
                        margin-top: 10px;
                    }
                    #button_menu{
                        font-family: 'Candara';
                        font-size: 0.3em;
                        width:95px;
                        height:95px;
                        
                    }
                    .ui-block-a a{
                        float:right;
                        
                    }
                    #menu_{ 
                        margin-top:5px;
                    }
                    #titolo_amber{
                        margin:0 auto;
                     
                    }
                    [data-role=header] h1{
                        line-height:25px;
                    }
                    [data-role=header]{
                        height:40px !important;
                        
                    }
                    #background_menu{
                        background-image: url('../img/background/mobile/home1.jpg');
                        background-position: top;
                        background-repeat: no-repeat;
                    }
                    #background_discipline{
                        background-image: url('../img/background/mobile/home2.jpg');
                        background-position: top;
                        background-repeat: no-repeat;
                    }
                    #titolo_header h2{
                        line-height:23px;
                    }
                    #titolo_amber2{
                        margin:0 auto;
                        font-size: 1.6em;
                        width: 100%;
                        text-align: center;
                        margin-top: -4px;
                        margin-bottom: 2px;
                       
                     
                    }
                    
                   #mappa{
                        border: 1px solid #ccc;
                        width: 300px;
                        height: 150px;
                        margin-top:5px;
                        margin-left: -5px;
                        margin-bottom: 15px;
                    }
                   
                    
                }