﻿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: #e8e8e8;
 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: #666666;
 line-height: 1.8em;
 text-decoration: none;
 width: 100%; 
 height: 1.8em;
 padding-left: 4%;
}

#nav1 ul li a:hover {color: #104179;}

#nav1.collapsible > h4 { 
 background-color: #fff;
 color: #666666;
 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: #104179;
}
#nav1 p {
  margin:0;
  }


#nav2 {
 font-size: 1em;
 font-weight:normal;
 padding:0;
 margin-top:30px;
 margin-bottom:10px;
}


#nav2 ul li {
 background-color: #fff;
 width:99%;
 margin-top:6px;
 margin-bottom:0px;
 margin-left:0px;
 margin-right:0px;
 line-height:20px;
 color:#104179;
 font-weight:bold;
 font-size:1em;
 }

#nav2 ul li:last-child {border-bottom: 0px solid #D1D3D4;}

#nav2 ul li a {
 text-decoration: none;
    color: #104179;
    font-size:1em;
    letter-spacing:1px;
    width: 96%;
    margin: 0;
    padding-left: 0px;
    padding-top: 0.4em;
    padding-bottom:0.4em;
    font-family:Arial;
    font-weight:bold;
    line-height:20px;
   
}
#nav2 ul ul {
/*display:none;*/
padding-left:0px;
font-weight:normal;
 margin-top:0px;
 margin-bottom:0px;
 margin-left:35px;
 margin-right:0px;
list-style:square;
}
#nav2 ul ul li a{
/*display:none;*/
padding-left:0px;
margin-top:0px;
 margin-bottom:0px;
 margin-left:0px;
 margin-right:0px;
font-weight:bold;
color:#104179;
font-family:Arial;
font-size:0.98em;
letter-spacing:1px;
}


#nav2 ul li a:hover {text-decoration:underline}

#nav2.collapsible > h4 { 
 background-color: #fff;
 color: #666666;
 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: #104179;
}
#nav2 p {
  margin-left:3%;
  margin-top:0%;
  margin-right:0%;
  margin-bottom:0%
  }

#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 #104179;/*mettere a zero i px di questo se non vuoi riga a metà del nav*/
 padding-top: 0.625em;
 padding-bottom:0.625em;
 padding-left:0;
 padding-right:0;
}
#nav1 ul {
float:right;
}
 
 
#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: #fff;
width: auto;
height: auto;
border: none;
border-bottom: 0px solid #104179;/*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: #333;
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: #333;
 text-decoration:underline;
}



/*================================================*/
#nav2 {
 margin-top:8px;
 margin-bottom:0px;
 border-right:solid 1px #104179
}  
#nav2 p {
  margin-left: 0;
  margin-right: 1%;
  text-transform:none;
  font-family:Arial;
  word-spacing:normal;
}
#nav2 ul li {
  color: #104179;
  font-size:0.9em;
  /*letter-spacing:1px;*/
  background-color: #fff;
  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: #fff;
}

#nav2 li:nth-child(even) {
  background-color: #fff;
}

#nav2 ul li a {
  line-height: 1em;
  text-decoration: none;
  width: 100%;  
  color:#104179;  
  font-weight:bold;
}
#nav2 ul ul {
 display:block;
}
#nav2 ul ul {
 padding-top: 0;
 padding-bottom:0;
 margin-top:0px;
 margin-bottom:0px;
 margin-left:25px;
 margin-right:0px;
 line-height:10px;
 list-style: square;
}

#nav2 ul ul li a{
  font-size:1em;
  text-decoration: none;
  width:100%;
  font-weight:bold;
  color:#104179;
  padding-top:0em;
  padding-bottom:0em;
  padding-left: 0%;
  margin-top:0px;
  margin-bottom:0px;
  margin-left:0px;
  margin-right:0px;
  line-height:10px;
  font-family:'Arial';
  -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;
}

#TitMenuSx{
 display:inherit;
 margin-top:12px;
 margin-bottom:10px;
 margin-left:0px;
 margin-right:0px;
}
}
