nav ul, nav ol {list-style: none; list-style-image: none; margin: 0; padding: 0;}


#nav1 {
 font-size: 1.0625em;
 font-weight: 500;
 border-top: 1px solid #D1D3D4;
 padding: 0.625em 0; 
 
}

 #nav1 ul li {
  background-color: #595658;
  width: 100%;
  height: 1.8em;
  margin: 0;
  border-top: 1px solid #D1D3D4;
  border-left: 1px solid #D1D3D4;
  border-right: 1px solid #D1D3D4;
 }

#nav1 ul li:last-child {border-bottom: 1px solid #D1D3D4;} /*l'ultima riga sotto dell'ultima voce di elenco*/

#nav1 ul li a {
 display: block; 
 color: #ffffff;
 line-height: 1.8em;
 text-decoration: none;
 width: 100%; 
 height: 1.8em;
 padding-left: 4%;
}

/*#nav1 ul li a:hover {color: red;}*/

#nav1.collapsible > h4 { 
 background-color: #fff; 
 color: #000000;
 font-size: 1.0625em;
 line-height: 1.7em;
 width: 97%;
 height: 1.7em;
 margin: 0;
 border: 1px solid #D1D3D4;
 padding-left: 2.77%;  
 cursor: pointer;
}

 #nav1.collapsible > h4.minus {
  background-color: #fff;
  color: #595658;
 }
#nav1 p {
  margin:0;
  }


#nav2 {
 font-size: 1em;
 font-weight: normal;
 padding: 0;
 margin-top: 30px;
 margin-bottom: 10px;
 background-color: #595658;
}
#nav2 p{
font-family:Futurist, Arial;
margin-left:3%;
margin-top:0%;
margin-right:0%;
margin-bottom:0%;
letter-spacing:1px;
font-size:1em;
}

 #nav2 ul li {
  background-color: #595658;
  width: 99%;
  margin-top: 6px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  line-height: 20px;
  color: #fff;
  font-weight: bold;
  font-size: 1em;
  text-transform: uppercase;
 }

#nav2 ul li:last-child {border-bottom: 0px solid #D1D3D4;}

#nav2 ul li a {
 text-decoration: none;
 color: #ffffff;
 font-size:1em;
 letter-spacing:1px;
 width: 96%;
 margin: 0;
 padding-left: 0px;
 padding-top: 0.4em;
 padding-bottom:0.4em;
 font-family:Futurist, Arial;;
 font-weight:bold;
 line-height:20px;  
 text-transform:uppercase;
 
}
#nav2 ul ul {
/*display:none;*/
padding-left:0px;
font-weight:normal;
}
#nav2 ul ul li a{
/*display:none;*/
padding-left:0px;
font-weight:normal;
color:#ffffff;
text-transform:none;
}


#nav2 ul li a:hover {text-decoration:underline}

 #nav2.collapsible > h4 {
  background-color: #fff;
 color: #000000;
  font-size: 1.0625em;
  line-height: 1.7;
  width: 97%;
  height: 1.7em;
  margin: 0;
  border: 1px solid #D1D3D4;
  padding-left: 2.77%;
  cursor: pointer;
 }
 
#nav2.collapsible > h4.minus {
 background-color: #fff;
 color: #404998;
}


#TitMenuSx{
display:none
}

/* -----------------------------------
IPAD PORTRAIT
------------------------------------ */
@media only screen and (min-width: 768px) {

  /* Nascondiamo le sezioni che non vogliamo 
visualizzare su tablet e desktop        */

  #nav1 > h4, #around {
    display: none;
  }

  #nav2 > h4, #around {
    display: none;
  }

 #nav1 {
  font-size: 1.0625em;
  font-weight: 500;
  border-top: 0px solid #D1D3D4; /*mettere a zero i px di questo se non vuoi riga sopra nav*/
  border-bottom: 0px solid #404998; /*mettere a zero i px di questo se non vuoi riga a metà del nav*/
  padding-top: 0.1em;
  padding-bottom: 0.1em;
  padding-right: 0px;
  background-color: #58463b; /*#595658*/
  margin-right: 0px;
  margin-left: 0px;
  width: 100%;
  display: table; /*poter avere tutto lo sfondo grigio*/
 }
  #nav1 ul {
   float: right;
   padding-right: 10px;
   background-color: #58463b;
  }

   #nav1 ul li {
    font-family: Futurist;
    font-weight: bold;
    font-size: 0.94em;
    float: left;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 30px;
    margin-right: 4px;
    background-color: #58463b;
    width: auto;
    height: auto;
    border: none;
    border-bottom: 0px solid #404998; /*mettere a zero i px di questo se non vuoi riga a metà del nav*/
   }

#nav1 ul li:last-child {
border: none;
}

#nav1 ul li a {
color: #fff;
transition: color 0.25s;
-moz-transition: color 0.25s;
-webkit-transition: color 0.25s;
width: auto;
height: auto;
line-height: normal;
padding: 0;
}

#nav1 ul li a:hover {
 /*color: red;*/
 text-decoration:underline;
}


  #nav1.collapsible > h4 {
   background-color: #fff;
   color: #000000;
   font-size: 1.0625em;
   line-height: 1.7em;
   width: 97%;
   height: 1.7em;
   margin: 0;
   border: 1px solid #D1D3D4;
   padding-left: 2.77%;
   cursor: pointer;
  }

   #nav1.collapsible > h4.minus {
    background-color: #fff;
    color: #595658;
   }


/*================================================*/
#nav2 {
 margin-top:8px;
 margin-bottom:0px;
 border-right:solid 1px #595658;
 background-color: #595658;
}  
#nav2 p {
  margin-left: 0;
  margin-right: 1%;
  font-family:Futurist, Arial;
  word-spacing:normal;
  text-transform:uppercase;
  /*font-size:1em;*/
}
 #nav2 ul li {
  color: #ffffff;
  /*letter-spacing:1px;*/
  background-color: #595658;
  width: 100%;
  margin-top: 0px;
  margin-bottom: 5px;
  margin-left: 0px;
  margin-right: 0px;
  padding-right: 0px;
  padding-left: 0px;
  padding-top: 0.4em;
  padding-bottom: 0.4em;
  border-top: 0px solid #D1D3D4;
  border-left: 0px solid #D1D3D4;
  border-right: 0px solid #D1D3D4;
 }

#nav2 ul li:last-child {
  border-bottom: 0px solid #D1D3D4;
}

 #nav2 li:nth-child(odd) {
  background-color: #595658;
 }

 #nav2 li:nth-child(even) {
  background-color: #595658;
 }

#nav2 ul li a {
  line-height: 1em;
  text-decoration: none;
  width: 100%;  
  color:#ffffff;  
  font-weight:bold;
}

#nav2 ul ul{
 padding-top: 0;
 padding-bottom:0;
 margin-top:0px;
 margin-bottom:0px;
 line-height:10px;
display:block;
font-size:0.9em;
}

#nav2 ul ul li a{
  font-size:0.9em;
  margin:0px;
  text-decoration: none;
  width:100%;
  color:#ffffff;
  padding-top:0em;
  padding-bottom:0em;
  padding-left: 0%;
  margin-top:0px;
  margin-bottom:0px;
  line-height:10px;
  font-family:verdana;
  font-weight:normal;
  -moz-text-shadow: 0px 0px 0px rgba(0, 0, 0, 0);/*FireFox*/    
  -webkit-text-shadow: 0px 0px 0px rgba(0, 0, 0, 0);/*Chrome*/
  text-shadow: 0px 0px 0px rgba(0, 0, 0, 0);/*Opera & IE9*/ 
  /*IE minori di 8*/
  filter: /* IE6,IE7 e IE8 */
  progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=0,strength=5) /* top */
  progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=90,strength=5) /* left */
  progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=180,strength=5) /* bottom */
  progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=270,strength=5);  /* right */
}
#nav2 ul li a:hover {
  text-decoration: underline;
  /*color:red;*/
}

#TitMenuSx{
 display:inherit;
 margin-top:12px;
 margin-bottom:10px;
 margin-left:0px;
 margin-right:0px;
}
}