From ebeb7a6605ec1345cdea5194f401bb597dfc654a Mon Sep 17 00:00:00 2001
From: Andrea Condoluci <andreacondoluci@gmail.com>
Date: Sat, 18 Mar 2017 16:47:49 +0100
Subject: [PATCH] navbar con logo

---
 www/css/index.css | 474 ++++++++++++++++++++++++----------------------
 www/index.html    |  10 +-
 2 files changed, 251 insertions(+), 233 deletions(-)

diff --git a/www/css/index.css b/www/css/index.css
index 34b8883..c707355 100644
--- a/www/css/index.css
+++ b/www/css/index.css
@@ -30,12 +30,12 @@
 	body{
 	 background: url("sfondo.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
 	}
-	
+
 .ui-overlay-a, .ui-page-theme-a, .ui-page-theme-a .ui-panel-wrapper {
-	background-color:rgba(255,255,255,0.6);	
+	background-color:rgba(255,255,255,0.6);
 }
 	 .ui-content {
-		
+
        min-height:100% !important;
 		padding: 0em; /* 9px */
 	}
@@ -139,7 +139,7 @@
 		-webkit-box-shadow: 0px 0px 9px #888;
 		box-shadow: 0px 0px 9px #888;
 	}
-	
+
 	/* Images mask the hover bg color so we give desktop users feedback by applying the focus style on hover as well. */
 	 .ui-listview li > .ui-btn:hover {
 		-moz-box-shadow: 0px 0px 12px #33ccff;
@@ -188,14 +188,14 @@
 
 	/* Set a max-width for the last breakpoint to prevent too much stretching on large screens.
 	By setting the max-width equal to the breakpoint width minus padding we keep square tiles. */
-	
+
 	/* Because of the 1000px max-width the width will always be 230px (and margin left/right 10px),
 	but we stick to percentage values for demo purposes. */
 /*@media ( min-width: 0em ) {
 
-	
+
 		#pillole >  .ui-listview {
-		max-width: none; 
+		max-width: none;
 		margin: 0 auto;
 	}
 #pillole > .ui-listview li {
@@ -203,14 +203,14 @@
 		height: 135px;
 		margin: .625em 1%;
 	}
-	
+
 #pillole >    .ui-btn-icon-right:after {
     margin-top: -17px !important;
-}	
+}
 }*/
 
 @media ( min-width: 3em ) {
-	
+
 	#pillole > .ui-listview li {
 		float: left;
 		width: 15%; /* 33.3333% incl. 2 x 1.2% margin */
@@ -306,7 +306,7 @@
 		-webkit-box-shadow: 0px 0px 9px #888;
 		box-shadow: 0px 0px 9px #888;
 	}
-	
+
 	/* Images mask the hover bg color so we give desktop users feedback by applying the focus style on hover as well. */
 	#pillole > .ui-listview li > .ui-btn:hover {
 		-moz-box-shadow: 0px 0px 12px #33ccff;
@@ -326,16 +326,16 @@
 
 
 
-	
+
 	/*
-	
+
 	@media ( max-width: 480em ) {
-	
+
 	#pillole >  .ui-listview {
-		max-width: 62.5em; 
+		max-width: 62.5em;
 		margin: 0 auto;
 	}
-	
+
 	#pillole >    .ui-btn-icon-right:after {
     margin-top: -17px !important;
 }
@@ -360,13 +360,13 @@
    .ui-icon-alert:after {
     background-color: rgba(255,04,04,0.9) !important;
    }
- 
+
 
 #aggiornahome{
     padding:1em;
 }
 
-	
+
 
 .overlaynero{
         width: 100%;
@@ -393,25 +393,25 @@
 .fit {
     max-height: 100%;
     max-width: 100%;
-   
+
 }
 .ombra
 {
-	
+
     box-shadow:10px 10px 15px #888;
 }
         .ui-navbar li:last-child .ui-btn {
-           
+
             color: black !important;
         }
-        
+
         .letterlink {
             background-color: white;
             border-bottom: solid 1px #666;
             box-shadow: 2px 2px 2px 0px #666;
             margin-top: -5px;
         }
-        
+
         ul.letterlink li {
             display: inline-block;
             font-size: 2em;
@@ -419,35 +419,35 @@
             color: red;
             padding: 2px 0.2em;
         }
-        
+
         ul.letterlink li a.ui-link {
             color: red !important;
             text-decoration: none;
         }
-        
+
         .listatovirgole.listevoci ul li a {
             text-transform: initial;
             font-size: 1.5em !important;
             color: #000 !important;
         }
-        
+
         .listatovirgole ul li small,
         .listatovirgole.listevoci ul li small {
             font-size: 0.8em !important;
         }
-        
+
         .gifloader:nth-child(2) {
             display: none;
         }
-        
+
         img.gifloader:nth-child(3) {
             display: none;
         }
-        
+
         ul.aindex.downnav.ui-grid-b {
             height: 13px;
         }
-        
+
         .letterlink {
             padding: 0px 1.5em;
         }
@@ -484,10 +484,10 @@ ul, ol {
         .listatovirgole.listevoci ul li a.morelink {
             font-size: 0.8em !important;
             color: #f00 !important;
-        }    
+        }
 /*
  * togliere per android
- 
+
 .ui-title {
     padding-top: 20px !important;
 }*/
@@ -580,10 +580,10 @@ body, input, select, textarea, button, .ui-btn{
 
 #refreshbutton{margin:2em 0px;}
 
-.ui-bar-a, .ui-page-theme-a .ui-bar-inherit, html .ui-bar-a .ui-bar-inherit, html .ui-body-a .ui-bar-inherit, html body .ui-group-theme-a .ui-bar-inherit 
+.ui-bar-a, .ui-page-theme-a .ui-bar-inherit, html .ui-bar-a .ui-bar-inherit, html .ui-body-a .ui-bar-inherit, html body .ui-group-theme-a .ui-bar-inherit
 {
 	font-weight:500 !important;
-    
+
 }
 
 .ui-mobile .ui-page  {
@@ -626,14 +626,14 @@ body, input, select, textarea, button, .ui-btn{
 	/*float:right;*/
 	margin-right:1em;
 }
-	
+
 form.cercatesto {
     margin-left: 2em;
 }
 
 /*menulettere*/
 .menulettere {
-    
+
     right: 0px;
     /*left:-40px;*/
     list-style: none outside none;
@@ -661,7 +661,7 @@ form.cercatesto {
     }
 /*finemenulettere*/
 /*
- * 
+ *
  * menu linguetta laterale*/
 
 .linguetta.ui-link {
@@ -683,19 +683,19 @@ form.cercatesto {
 
     z-index: 800;
 }
-.indicelettera 
+.indicelettera
 {
 	font-weight:700;
 	font-size:3em;
-}    
+}
 /*fine menu linguetta laterale*/
-/* 
- * 
- *titolo A come: dentro a introlettera */   
+/*
+ *
+ *titolo A come: dentro a introlettera */
 img.minilogo {
 
     float: right;
-  
+
 }
 /*.introlettera OLD {
 	display:inline-block;
@@ -727,7 +727,7 @@ img.virgoleS {
  width: 1.5em;
 margin-bottom: -1em;
 margin-left: -0.1em;
-   } 
+   }
 .lettera
 {
   color: #E60000;
@@ -750,7 +750,7 @@ margin-left: -0.1em;
 /*inizio stile tab*/
 
 .hide{
-	
+
 	display:none !important;
 }
 .sottolettere
@@ -764,7 +764,7 @@ margin-left: -0.1em;
 
 /*fine tab*/
 /*bookmark*/
-/*.star 
+/*.star
 */
 .star{
   font-size:0;
@@ -775,7 +775,7 @@ margin-left: -0.1em;
   overflow:hidden;
   position:relative;
 background-image:
-      url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjREREREREIiBwb2ludHM9IjEwLDAgMTMuMDksNi41ODMgMjAsNy42MzkgMTUsMTIuNzY0IDE2LjE4LDIwIDEwLDE2LjU4MyAzLjgyLDIwIDUsMTIuNzY0IDAsNy42MzkgNi45MSw2LjU4MyAiLz48L3N2Zz4=' ) ;        
+      url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjREREREREIiBwb2ludHM9IjEwLDAgMTMuMDksNi41ODMgMjAsNy42MzkgMTUsMTIuNzY0IDE2LjE4LDIwIDEwLDE2LjU4MyAzLjgyLDIwIDUsMTIuNzY0IDAsNy42MzkgNi45MSw2LjU4MyAiLz48L3N2Zz4=' ) ;
        /*left:-25px;*/
 background-size: contain;
     left: 80%;
@@ -792,9 +792,9 @@ background-color:#ff0000;
   height:30px;
   overflow:hidden;
   position:relative;
-background-image: 
-        url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjRkZERjg4IiBwb2ludHM9IjEwLDAgMTMuMDksNi41ODMgMjAsNy42MzkgMTUsMTIuNzY0IDE2LjE4LDIwIDEwLDE2LjU4MyAzLjgyLDIwIDUsMTIuNzY0IDAsNy42MzkgNi45MSw2LjU4MyAiLz48L3N2Zz4=');  
-    background-size: contain;  
+background-image:
+        url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjRkZERjg4IiBwb2ludHM9IjEwLDAgMTMuMDksNi41ODMgMjAsNy42MzkgMTUsMTIuNzY0IDE2LjE4LDIwIDEwLDE2LjU4MyAzLjgyLDIwIDUsMTIuNzY0IDAsNy42MzkgNi45MSw2LjU4MyAiLz48L3N2Zz4=');
+    background-size: contain;
     z-index:1;
   border:solid 4px red;
         /* margin-left:50%;
@@ -813,27 +813,27 @@ div.posizionefrecce
 	top:20%;
 }
 
-	
+
    .testo {
     margin: 0 1em;
     padding:0  1em;
 }
-	
-	
-  
+
+
+
 .titolotesto
 {
 	color: #E60000;
 font-family: 'bebas_neuebold';   font-size: 1.2em;
   font-style: normal;
   font-variant: normal;
-  
+
   text-transform: uppercase;
   text-align:center;
 }
 
 
-.indicelettera 
+.indicelettera
 {
 	font-weight:700;
 	font-size:3em;
@@ -848,19 +848,19 @@ font-family: 'bebas_neuebold';   font-size: 1.2em;
     padding: 1em;
 }
 /*
- * 
- * 
+ *
+ *
  * mediaqueries
- * 
- * 
- * 
+ *
+ *
+ *
  * */
 @media screen and (max-width: 980px) {
 
 .ui-input-search
 {
 	width:20% !important;	}
-	
+
 }
 
 @media screen and (max-width: 650px) {
@@ -880,7 +880,7 @@ font-family: 'bebas_neuebold';   font-size: 1.2em;
 .ui-input-search
 {
 	width:50% !important;
-	
+
 	}
 	.ui.body {
     font-size:0.9em;
@@ -956,7 +956,7 @@ font-family: 'bebas_neuebold';   font-size: 1.2em;
     width: 15%;
 position: relative;
 margin-top: 5%;
-    
+
 }
 
 a.minibox{ display:inline-block;float:left;margin:0.4%;}
@@ -987,16 +987,16 @@ a.minibox.green{height: 49%; width: 49%;background-color:rgba(131,174,104,1);}
 
 /*@media screen and (min-aspect-ratio: 1/1) and (min-width:400px)*/
 /*@media screen and (min-aspect-ratio: 1/1) and (min-width:400px)and (min-height:400px) {
-    
+
     #box4 {height: 600px;
            width: 600px;}
-    
+
     body, input, select, textarea, button, .ui-btn, a{
-        
+
         font-size:1.3em !important ;
     }
     ul#upnav > li > a > span {
-    
+
         line-height: 2em !important;}
 }*/
 /*#box4 {
@@ -1013,9 +1013,9 @@ a.minibox.green{height: 49%; width: 49%;background-color:rgba(131,174,104,1);}
     #logohome {
     height: 15%;
     top: 5px;
-    
+
 }
-    
+
 
     p.elements{margin:0px 50px !important;}
 
@@ -1040,9 +1040,9 @@ a.ui-btn-activeui-btn.ui-link{}
 ul#upnav > li.attivissima {
     display: inline-block;
     width:50.1% !important;
-    
+
     overflow:hidden;
-    
+
 }
 
 
@@ -1089,7 +1089,7 @@ top: 50%;
 #upnav>li.isindex, li.isindex .ui-btn{background-color:rgba(228,159,83,1);
 text-shadow: none;color:white;}
 #upnav>.esindex{background-color:rgba(131,174,104,1);}
-#upnav>.cercalink{background-color:#d1cdcb;} 
+#upnav>.cercalink{background-color:#d1cdcb;}
 
 
 .downnav {
@@ -1098,7 +1098,7 @@ text-shadow: none;color:white;}
     font-size:0.7em !important;
 }
 #nav2 .ui-grid-a > .ui-block-a, #nav2  .ui-grid-a > .ui-block-b {
-    
+
     height:2em;
 }
 
@@ -1108,7 +1108,7 @@ text-shadow: none;color:white;}
 .ui-mini.isindex.ui-link.ui-btn{background-color:rgba(243,208,170,1);
 text-shadow: none;color:white;text-transform: uppercase;}
 .esindex.ui-link.ui-btn.ui-mini{background-color:rgba(189,214,180,1);text-shadow: none;color:white;text-transform: uppercase;}
-.cercalink.ui-link.ui-btn.ui-mini{background-color:#d1cdcb;text-shadow: none;color:white;text-transform: uppercase;} 
+.cercalink.ui-link.ui-btn.ui-mini{background-color:#d1cdcb;text-shadow: none;color:white;text-transform: uppercase;}
 
 a.ui-btn-active.ui-btn.ui-link.uindex{background-color:rgba(89,169,196,1);!important;
     text-shadow: none;color:black;}
@@ -1149,6 +1149,22 @@ width: 150px;}
     max-width: 797px;
     margin-left: -1px;
 }
+
+#navheader {
+  padding-top: 0;
+  top: 0;
+}
+
+#nav2 {
+  background-color: white;
+  max-height: 70px;
+}
+
+.rwd {
+  /*max-width: auto;*/
+  max-height: 30px;
+}
+
 /*BLOCCO DI TUTTO A MAX WIDTH:(800)
 
 .ui-mobile .ui-page, body  {
@@ -1186,7 +1202,7 @@ img.epuntato{
 }
 .listatovirgole ul li a, .listatovirgole ul li a.ui-link{
 color:black;
-font-family:"bebas_neuebold";    
+font-family:"bebas_neuebold";
         font-size: 1.5em !important;
     text-decoration: none;
     padding: 0px 2px;
@@ -1196,7 +1212,7 @@ font-family:"bebas_neuebold";
 color: black;
 font-family: "titilliumregular";
 display: inline-block;
-margin-bottom: 0.5em;  
+margin-bottom: 0.5em;
     font-size: 1em !important;
 }
 .listatovirgole ul li a.morelink{
@@ -1236,7 +1252,7 @@ div#index.ui-page.ui-page-active {
 	Version: 5.5.1
 	License: license purchased
 	License URI: http://themeforest.net/licenses/regular_extended
-	
+
 	Tags: two-columns, fluid-layout, fixed-layout, custom-background, threaded-comments, translation-ready, custom-menu
 ***************************************/
 
@@ -1438,7 +1454,7 @@ select {
     -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
             border-radius: 3px;
-    
+
     webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
@@ -1520,11 +1536,11 @@ a.bp-title-button {
         -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
-    
+
     -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
             border-radius: 2px;
-    
+
     -webkit-appearance: none !important;
        -moz-appearance: none !important;
             appearance: none !important;
@@ -1680,7 +1696,7 @@ blockquote:before,
      text-transform: none;
      line-height: 1em;
  }
- 
+
 .tieicon-evernote:before { content: '\e800'; }
 .tieicon-picasa:before { content: '\e801'; }
 .tieicon-vimeo:before { content: '\e802'; }
@@ -1709,7 +1725,7 @@ blockquote:before,
 		background-image: url(images/home@2x.png)!important;
 		background-size: 30px 78px;
 	}
-    
+
     span.stars-large,
     span.stars-large span {
 		background-image:url(images/stars-large@2x.png);
@@ -1906,7 +1922,7 @@ blockquote:before,
     width: 180px;
     z-index: 200;
     float: left;
-   
+
     -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
        -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
             box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
@@ -1996,7 +2012,7 @@ blockquote:before,
 
 .top-nav ul li:hover > ul {
     display: block;
-    
+
     -webkit-animation: fadeInDown .1s ease-in ;
        -moz-animation: fadeInDown .1s ease-in ;
              animation:fadeInDown .1s ease-in ;
@@ -2053,7 +2069,7 @@ blockquote:before,
        -moz-transition: width .7s, color .4s;
          -o-transition: width .7s, color .4s;
             transition: width .7s, color .4s;
-    
+
     -webkit-border-radius: 0;
        -moz-border-radius: 0;
             border-radius: 0;
@@ -2513,7 +2529,7 @@ blockquote:before,
 #main-nav ul li:hover > ul,
 #main-nav ul li:hover > .mega-menu-block {
     display: block;
-    
+
     -webkit-animation: fadeInDown .2s ease-in ;
        -moz-animation: fadeInDown .2s ease-in ;
             animation: fadeInDown .2s ease-in ;
@@ -2688,7 +2704,7 @@ blockquote:before,
     background: #222;
     width: 80%;
 	position:relative;
-	
+
 }
 
 #main-nav ul li.mega-menu.mega-cat .mega-menu-block .mega-menu-post {
@@ -2789,7 +2805,7 @@ blockquote:before,
        -moz-transition: top .5s;
          -o-transition: top .5s;
             transition: top .5s;
-    
+
     -webkit-box-shadow: 0 5px 3px rgba(0, 0, 0, .1);
        -moz-box-shadow: 0 5px 3px rgba(0, 0, 0, .1);
             box-shadow: 0 5px 3px rgba(0, 0, 0, .1);
@@ -3043,7 +3059,7 @@ body.error404 .title-404{
     font-size: 200px;
     font-weight: bold;
     color: #eee;
-    
+
 }
 
 body.error404 .post-title {
@@ -3488,7 +3504,7 @@ a.more-link {
        -moz-transition: all .40s;
          -o-transition: all .40s;
             transition: all .40s;
-    
+
     -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
             border-radius: 50px;
@@ -4105,7 +4121,7 @@ p.post-meta span {
         -ms-transform: scale(0);
          -o-transform: scale(0);
             transform: scale(0);
-    
+
     -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
         -ms-transition: all 0.3s ease-in-out;
@@ -5069,7 +5085,7 @@ span.post-views-widget {
        -moz-border-radius-topright : 2px;
             border-top-left-radius : 2px;
             border-top-right-radius: 2px;
-    
+
     -webkit-box-shadow: 0 -1px 2px #d4d4d4;
        -moz-box-shadow: 0 -1px 2px #d4d4d4;
             box-shadow: 0 -1px 2px #d4d4d4;
@@ -6877,7 +6893,7 @@ html[xmlns] .slides {
     text-indent: -9999px;
     width: 100%;
     background: #666;
-    border-right:1px solid #888; 
+    border-right:1px solid #888;
     height: 13px;
     -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
@@ -7080,7 +7096,7 @@ html[xmlns] .slides {
     width: 100%;
     height: 100%;
     cursor: pointer;
-    border-right:1px solid #888; 
+    border-right:1px solid #888;
     -webkit-transition: background 0.2s ease;
        -moz-transition: background 0.2s ease;
         -ms-transition: background 0.2s ease;
@@ -7216,7 +7232,7 @@ ul.authors-wrap li h3 {
     line-height: 50px;
     display: block;
     text-align: center;
-    
+
     -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
             border-radius: 50px;
@@ -7637,7 +7653,7 @@ ul.timeline li.timeline-post:before {
         -ms-transition: all .3s ease-in-out;
          -o-transition: all .3s ease-in-out;
             transition: all .3s ease-in-out;
-    
+
     -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
             border-radius: 5px;
@@ -7698,7 +7714,7 @@ ul.timeline li.timeline-post:before {
     bottom: 0;
     position: absolute;
     width: 100%;
-    
+
 }
 
 .post-slideshow-nav {
@@ -7719,7 +7735,7 @@ ul.timeline li.timeline-post:before {
        -moz-transition: all .40s;
          -o-transition: all .40s;
             transition: all .40s;
-    
+
     -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
             border-radius: 50px;
@@ -8256,7 +8272,7 @@ h3.toggle-head-close i {
     margin: 0;
     padding: 0;
     text-align: center;
-    border: 1px solid #FFF; 
+    border: 1px solid #FFF;
     border-width: 0 1px 0 0;
     -webkit-transition: background .2s ease;
        -moz-transition: background .2s ease;
@@ -8528,7 +8544,7 @@ h3.toggle-head-close i {
 	height: 100%;
 	-webkit-border-radius: 2px;
 	        border-radius: 2px;
-	
+
 	-ms-interpolation-mode: bicubic;
 }
 
@@ -8589,7 +8605,7 @@ h3.toggle-head-close i {
 	-webkit-box-sizing: border-box;
 	   -moz-box-sizing: border-box;
 	        box-sizing: border-box;
-	
+
 	-webkit-border-radius: 3px 3px 0 0;
 	        border-radius: 3px 3px 0 0;
 }
@@ -8703,7 +8719,7 @@ h3.toggle-head-close i {
         -ms-transform: translate3d(-100%, 0, 0);
          -o-transform: translate3d(-100%, 0, 0);
             transform: translate3d(-100%, 0, 0);
-    
+
     -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
         -ms-backface-visibility: hidden;
@@ -8724,7 +8740,7 @@ h3.toggle-head-close i {
     -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
             border-radius: 20px;
-    
+
     -webkit-box-shadow: inset 0 2px 5px #eee;
        -moz-box-shadow: inset 0 2px 5px #eee;
             box-shadow: inset 0 2px 5px #eee;
@@ -8925,7 +8941,7 @@ h3.toggle-head-close i {
     top: 14px;
     -webkit-animation: fa-spin .2s 2 linear;
             animation: fa-spin .2s 2 linear;
-    
+
     -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
         -ms-transform: rotate(45deg);
@@ -9453,7 +9469,7 @@ body.dark-skin .tie-instagram.default-skin a:hover{
 /* 1045px */
 
 @media only screen and ( max-width: 1045px ){
-    
+
     #wrapper.boxed,
     #wrapper.boxed .fixed-nav,
     #wrapper.boxed-all,
@@ -9461,7 +9477,7 @@ body.dark-skin .tie-instagram.default-skin a:hover{
     #wrapper.boxed-all .fixed-nav {
         width: 99%;
     }
-    
+
     #wrapper.boxed #theme-header,
     #wrapper.boxed .breaking-news,
     #wrapper.boxed #main-content,
@@ -9469,7 +9485,7 @@ body.dark-skin .tie-instagram.default-skin a:hover{
     #wrapper.boxed-all .container{
         width: 100%;
     }
-    
+
     #wrapper.boxed #main-content {
         padding: 15px;
     }
@@ -9478,23 +9494,23 @@ body.dark-skin .tie-instagram.default-skin a:hover{
         margin-left: -15px;
         margin-right: -15px;
     }
-    
+
     #wrapper.boxed-all .post-cover-head {
         margin-left: 0;
         margin-right: 0;
     }
-    
+
     .footer-bottom .container,
     #footer-widget-area {
        width:98% !important;
     }
-    
+
     #wrapper.boxed-all .breaking-news {
         width: 98% !important;
         margin-right: 1%;
         margin-left: 1%;
     }
-    
+
     /* Full Layout */
     #wrapper.wide-layout .header-content,
     #wrapper.wide-layout .breaking-news,
@@ -9506,23 +9522,23 @@ body.dark-skin .tie-instagram.default-skin a:hover{
    .content{
         width: 66.5%;
     }
-    
+
     #sidebar{
         width: 32%;
     }
-        
+
     .ei-slider,
     .flexslider,
     .flexslider .slides > li {
         height: 480px;
     }
-    
+
     .content .ei-slider,
     .content .flexslider,
     .content .flexslider .slides > li {
         height: 315px;
     }
-    
+
     .post-cover{
         padding-right: 20px;
         padding-left: 20px;
@@ -9532,44 +9548,44 @@ body.dark-skin .tie-instagram.default-skin a:hover{
         padding-right: 7px;
         padding-left: 7px;
     }
-    
+
     .share-post li,
     .mini-share-post li {
         width: 100px;
     }
-    
+
     .tie-full-width-img img {
         margin-right: 0 !important;
         margin-left:  0 !important;
         width:     100% !important;
         max-width: 100% !important;
     }
-    
-}	
+
+}
 
 /* 990px */
 
 @media only screen and (max-width: 990px){
-  	 
+
     .logo {
   	    float: none !important;
   	    text-align: center;
         margin: 0 !important;
         clear: both;
   	}
-    
+
     .ei-slider,
     .flexslider,
     .flexslider .slides > li {
         height: 466px;
     }
-    
+
     .content .ei-slider,
     .content .flexslider,
     .content .flexslider .slides > li {
         height: 481px;
     }
-    
+
     .ei-title h2,
     .content .ei-title h2,
     .content .slider-caption h2 a,
@@ -9579,34 +9595,34 @@ body.dark-skin .tie-instagram.default-skin a:hover{
     .full-width .content .slider-caption h2{
         font-size: 30px;
     }
-    
+
     .ei-title h3,
     .content .ei-title h3 {
         font-size: 14px;
     }
-    
+
     .e3lan-top {
         margin-top: 20px;
   	    float: none !important;
   	    text-align: center;
   	}
-    
+
     .content,
     #sidebar {
         width: 100%;
         float: none;
     }
-    
+
     .widget.news-pic .post-thumbnail {
         width: 16.66666666666667%;
     }
-       
+
     .footer-widgets-box {
         float: none !important;
         width: 100% !important;
         margin: 0 !important;
     }
-    
+
     #check-also-box { display: none; }
 }
 
@@ -9618,28 +9634,28 @@ body.dark-skin .tie-instagram.default-skin a:hover{
     #live-search_sb {
         display: none;
     }
-    
+
     #slide-out-open {
         display: block;
     }
-    
+
     .ei-slider,
     .flexslider,
     .flexslider .slides > li {
         height: 422px;
     }
-    
+
     .content .ei-slider,
     .content .flexslider,
     .content .flexslider .slides > li {
         height: 441px;
     }
-        
+
     #wrapper {
         background-color: #FFF;
         width: 100% !important;
     }
-    
+
     #wrapper #theme-header {
         margin-top: 0;
         width: 100% !important;
@@ -9647,7 +9663,7 @@ body.dark-skin .tie-instagram.default-skin a:hover{
            -moz-box-shadow: 0 0 3px #CACACA !important;
                 box-shadow: 0 0 3px #CACACA !important;
     }
-    
+
     #wrapper .breaking-news,
     #wrapper.boxed-all .breaking-news {
         width: 99% !important;
@@ -9658,24 +9674,24 @@ body.dark-skin .tie-instagram.default-skin a:hover{
            -moz-box-shadow: 0 0 1px #CACACA !important;
                 box-shadow: 0 0 1px #CACACA !important;
     }
-    
+
     body.dark-skin #wrapper {
         background-color: #3c3c3c;
     }
-    
+
     body.dark-skin #wrapper #theme-header {
         -webkit-box-shadow: 0 0 3px #2A2A2A !important;
            -moz-box-shadow: 0 0 3px #2A2A2A !important;
                 box-shadow: 0 0 3px #2A2A2A !important;
     }
-    
+
     body.dark-skin #wrapper .breaking-news,
     body.dark-skin #wrapper.boxed-all .breaking-news {
         -webkit-box-shadow: 0 0 1px #2A2A2A !important;
            -moz-box-shadow: 0 0 1px #2A2A2A !important;
                 box-shadow: 0 0 1px #2A2A2A !important;
     }
-    
+
     #wrapper #main-content {
         width: 99% !important;
         padding: 0 !important;
@@ -9688,12 +9704,12 @@ body.dark-skin .tie-instagram.default-skin a:hover{
     #wrapper #main-content {
         margin-top: 10px;
     }
-    
+
     .header-content {
         padding-right: 0;
         padding-left: 0;
     }
-            
+
     .footer-bottom .alignright,
     .footer-bottom .alignleft,
     .footer-bottom .social-icons {
@@ -9703,48 +9719,48 @@ body.dark-skin .tie-instagram.default-skin a:hover{
         margin: 0;
         line-height: 20px;
     }
-    
+
     .e3lan-top ins,
     .e3lan-bottom ins,
     .e3lan-below_header ins {
         width: 728px;
         height: 90px;
     }
-    
+
     .csstransforms3d.csstransitions .js-nav #wrapper{
         width: 100% !important;
     }
-    
+
     #wrapper.boxed .post-cover-head,
     #wrapper.wide-layout .post-cover-head {
         margin-top: 0;
         margin-right: 0;
         margin-left: 0;
     }
-    
+
 }
-    
+
 /* 730px */
 
 @media only screen and (max-width: 730px){
-  	 
+
     .ei-slider,
     .flexslider,
     .flexslider .slides > li {
         height: 361px;
     }
-    
+
     .content .ei-slider,
     .content .flexslider,
     .content .flexslider .slides > li {
         height: 356px;
     }
-    
+
    .featured-title h3,
    .featured-title span.tie-date {
         display: none;
     }
-    
+
     #featured-posts .featured-post-inner {
         height: 200px;
     }
@@ -9754,30 +9770,30 @@ body.dark-skin .tie-instagram.default-skin a:hover{
         font-size: 75%;
         padding: 8px;
     }
-    
+
     .featured-title h2{
         margin-bottom: 0;
     }
-    
+
     .flat-social a {
         padding-right: 5px;
         padding-left: 5px;
     }
-    
+
     .flickr-widget .flickr_badge_image {
         width: 12.5%;
     }
-    
+
     #sitemap {
         padding: 10px 0 0 !important;
     }
-    
+
     .sitemap-col{
         width: 100%;
         float: none;
         margin: 0 0 10px;
     }
-    
+
     .post-tabs ul.tabs-nav li,
     .post-tabs-ver ul.tabs-nav li {
         display: block;
@@ -9786,13 +9802,13 @@ body.dark-skin .tie-instagram.default-skin a:hover{
         text-align: center;
         padding: 0;
     }
-    
+
     .post-tabs ul.tabs-nav,
     .post-tabs-ver ul.tabs-nav {
         border: 1px solid #EEE;
         border-width: 0 0 1px 0;
     }
-    
+
     .post-tabs-ver ul.tabs-nav,
     .post-tabs-ver .pane {
         width: 100%;
@@ -9800,24 +9816,24 @@ body.dark-skin .tie-instagram.default-skin a:hover{
         float: none;
         border-width: 1px;
     }
-    
+
     .tie-padding {
         padding: 0 !important;
     }
-    
+
     .post-cover-head .single-has-thumb.single-post-thumb {
         height: 350px;
     }
-    
+
     .post-cover-title .post-title {
         font-size: 32px;
         line-height: 32px;
     }
-    
+
     .post-cover-title p.post-meta {
         font-size: 12px;
     }
-	
+
 	.e3lan-top ins,
     .e3lan-bottom ins,
     .e3lan-below_header ins,
@@ -9832,35 +9848,35 @@ body.dark-skin .tie-instagram.default-skin a:hover{
 /* 670px */
 
 @media only screen and (max-width: 670px){
-  	 
+
     .ei-slider,
     .flexslider,
     .flexslider .slides > li {
         height: 330px;
     }
-    
+
     .content .ei-slider,
     .content .flexslider,
     .content .flexslider .slides > li {
         height: 326px;
     }
-    
+
     .flat-social a span,
 	.breaking-news span.breaking-news-title span,
     .share-post span.share-text,
     .entry #related_posts {
         display: none;
     }
-	
+
 	.breaking-news span.breaking-news-title {
 		padding-bottom: 7px;
-	}	
-	
+	}
+
 	.breaking-news span.breaking-news-title i {
 		display: block;
         margin-top: -2px;
 	}
-    
+
     .cat-box.column2,
     .list-box li,
     .list-box li.first-news,
@@ -9872,20 +9888,20 @@ body.dark-skin .tie-instagram.default-skin a:hover{
         margin-right: 0;
         margin-left: 0;
     }
-    
+
     .list-box li.first-news {
         padding: 20px;
     }
-    
+
     .list-box li.other-news {
         border: 0 none;
     }
-    
+
     .share-post .flat-social a i,
     .mini-share-post .flat-social a i {
         margin:0 10px;
     }
-    
+
     .share-post .normal-social li,
     .mini-share-post .normal-social li {
         width: 33.333333% !important;
@@ -9900,27 +9916,27 @@ body.dark-skin .tie-instagram.default-skin a:hover{
 	#featured-posts .featured-post-inner{
         height: 140px;
 	}
-	
+
 	#featured-posts .featured-post-1{
         width: 100%;
     }
-	
+
 	#featured-posts .featured-post-1 .featured-post-inner{
         height: 220px;
     }
-    	
+
 	#featured-posts .featured-post-1,
 	#featured-posts .featured-post-2,
 	#featured-posts .featured-post-4 {
 		padding-left: 0 !important;
 	}
-    
+
 }
 
 /*  Phone  : 500px */
 
 @media only screen and (max-width: 500px){
-	
+
     .ei-title h2,
     .content .ei-title h2,
     .content .slider-caption h2 a,
@@ -9930,23 +9946,23 @@ body.dark-skin .tie-instagram.default-skin a:hover{
     .full-width .content .slider-caption h2 {
         font-size: 22px;
     }
-    
+
     .slider-caption {
         padding: 8px 0 5px;
     }
-    
+
     .ei-slider,
     .flexslider,
     .flexslider .slides > li {
         height: 240px;
     }
-    
+
     .content .ei-slider,
     .content .flexslider,
     .content .flexslider .slides > li {
         height: 241px;
     }
-    
+
     .pic-box li:last-child,
     .entry ul.best-reviews .post-thumbnail,
     .ei-title h3,
@@ -9954,13 +9970,13 @@ body.dark-skin .tie-instagram.default-skin a:hover{
     a.go-to-the-post {
         display: none !important;
     }
-    
+
     .archive-wide-thumb {
         margin-right: -10px !important;
         margin-left: -10px !important;
         width: auto !important;
     }
-    
+
     .one_half,
     .one_third,
     .two_third,
@@ -9987,15 +10003,15 @@ body.dark-skin .tie-instagram.default-skin a:hover{
         width:100% !important;
         height: auto !important;
     }
-    
+
     .masonry-grid {
         padding: 0;
     }
-    
+
     body.error404 .title-404 {
         font-size: 80px;
     }
-    
+
     .cat-box li.first-news .inner-content,
     .scroll-box .cat-box-content,
     .pic-box .cat-box-content,
@@ -10006,18 +10022,18 @@ body.dark-skin .tie-instagram.default-skin a:hover{
     .recent-box .cat-box-content {
         padding: 10px;
     }
-    
+
     .column2 li.other-news,
     .list-box li.other-news,
     .wide-box li {
         padding-right: 10px;
         padding-left: 10px;
     }
-	
+
 	.scroll-nav {
 		margin: 10px -10px -10px;
 	}
-    
+
     .wide-box li.first-news .post-thumbnail,
     .item-list .post-thumbnail,
     .pic-box li.first-pic,
@@ -10028,23 +10044,23 @@ body.dark-skin .tie-instagram.default-skin a:hover{
         margin-left: 0;
         margin-bottom: 10px;
     }
-    
+
     .pic-box li.first-pic,
     .video-box .big-video-column,
     .video-box li {
         margin-bottom: 0;
     }
-    
+
     .pic-box li,
     .pic-box.pic-grid.cat-box li {
         width: 25%;
     }
-    
+
     .video-box li {
         padding: 1px;
         width: 33.333333%;
     }
-    
+
     .pic-box.pic-grid.cat-box li:last-child{
         display: block;
     }
@@ -10052,16 +10068,16 @@ body.dark-skin .tie-instagram.default-skin a:hover{
     #masonry-grid.post-listing {
         padding: 0;
     }
-    
+
     #masonry-grid .item-list {
         width: 92%;
         margin: 0 4%;
     }
-    
+
     .widget.news-pic .post-thumbnail {
         width: 25%;
     }
-      
+
     .entry ul.best-reviews li {
         padding-left: 65px;
     }
@@ -10069,34 +10085,34 @@ body.dark-skin .tie-instagram.default-skin a:hover{
     .best-review-score-image{
         margin-left: -65px;
     }
-    
+
     .author-info img.author-img {
         max-width: 50px;
         margin-right: 10px;
     }
-    
+
     .author-info-content {
         padding-left: 60px;
     }
-    
+
     .post-cover-head .single-has-thumb.single-post-thumb {
         height: 250px;
     }
-    
+
     .post-cover-title {
         padding-right: 10px;
         padding-left: 10px;
     }
-    
+
     .post-cover-title .post-title {
         font-size: 28px;
         line-height: 28px;
     }
-    
+
     .post-cover-title p.post-meta {
         font-size: 12px;
     }
-    
+
     .e3lan-top ins,
     .e3lan-bottom ins,
     .e3lan-below_header ins,
@@ -10105,58 +10121,58 @@ body.dark-skin .tie-instagram.default-skin a:hover{
         width: 300px;
         height: 250px;
     }
-    
+
 }
 
 
 /* 350px */
 
 @media only screen and (max-width: 350px){
-    
+
     .ei-slider,
     .flexslider,
     .flexslider .slides > li{
         height: 163px;
     }
-    
+
     .content .ei-slider,
     .content .flexslider,
     .content .flexslider .slides > li {
         height: 166px;
     }
-    
+
     .logo {
         text-align: right;
         padding-right: 20px;
     }
-    
+
 	.logo img {
 		max-width: 50%;
 		height: auto;
 	}
-	
+
     #theme-header.full-logo .logo {
         padding: 0;
     }
-    
+
     #theme-header.full-logo .logo img{
         max-width: 100%;
     }
-    
+
     #main-content{
         padding-top: 0;
     }
-    
+
     .share-post .flat-social a i,
     .mini-share-post .flat-social a i {
 		margin: 0 5px;
 	}
-    
+
     .share-post .normal-social li,
     .mini-share-post .normal-social li {
         width: 50% !important;
     }
-	
+
 	.overlay-icon:before,
     .tie_slider .overlay-icon:before {
         border-width: 2px;
@@ -10166,44 +10182,44 @@ body.dark-skin .tie-instagram.default-skin a:hover{
         line-height: 26px;
         margin: -15px 0 0 -15px;
 	}
-    
+
     .widget.news-pic .post-thumbnail {
         width: 33.3333%;
     }
-    
+
     .flickr-widget .flickr_badge_image {
         width: 25%;
     }
-    	
+
 }
 
 
 @media print {
-    
+
     body{
         font-size: 20px;
     }
-    
+
     .entry,
     .comment-content p {
         line-height: 40px;
     }
-    
+
     .post-listing {
         border: 0 none;
     }
-    
+
     .post-cover-title {
         opacity: 1 !important;
     }
-    
+
     .post-title,
     .post-cover-title {
         font-size: 42px;
         line-height: 40px;
         color: #000;
     }
-    
+
     #theme-header,
     .breaking-news,
     #crumbs,
@@ -10221,9 +10237,9 @@ body.dark-skin .tie-instagram.default-skin a:hover{
     .post-edit-link {
         display: none !important;
     }
-    
+
     .content {
         float: none;
         width: 100%;
-    }    
-}
\ No newline at end of file
+    }
+}
diff --git a/www/index.html b/www/index.html
index 94c32ec..00b6b21 100644
--- a/www/index.html
+++ b/www/index.html
@@ -107,7 +107,7 @@
         };
         // On document ready
         $(function () {
-            intercettaUrl();
+            // intercettaUrl();
             new Site();
 
             $(".minibox").click(function () {
@@ -152,8 +152,10 @@
     <div data-role="header" data-position="fixed" id="navheader" class="hide">
         <div data-role="navbar" id="nav2" data-iconpos="left" data-theme="a">
             <ul class="downnav">
-                <li><a class="ui-mini nav" href="#index">Home</a> </li>
-                <li><a class="ui-mini" href="#outside">Menù</a> </li>
+                <li><a class="ui-mini" href="#outside" data-icon="bars">
+                    <img src="image/xm-logo.png" class="rwd" />
+                  </a>
+                </li>
             </ul>
         </div>
     </div>
@@ -227,7 +229,7 @@
 
     <div data-role="page" id="info" data-prev="index" data-next="" data-dom-cache="true" data-theme="a" class="ui-page">
         <div role="main" class="ui-content">
-          <center><p><img src="image/xm-logo.png" class="rwd" /></p></center>
+          <!-- <center><p><img src="image/xm-logo.png" class="rwd" /></p></center> -->
             <div class="ui-body">
                 <p class="introlettera">Info e comunicati</p>
                 <p id="mostralistainfo" class="listatovirgole listevoci">