﻿nav ul, nav ol {list-style: none; list-style-image: none; margin: 0; padding: 0;}


.boxmenu{
  display:table; 
  width: 90%;
  text-align:center;
  margin-top:0px;
  margin-bottom:20px;
  margin-left:0px;
  margin-right:auto; 
  padding-top:15px;
  padding-bottom:15px;
  padding-left:0px;
  padding-right:0px;
    
  -moz-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5);/*FireFox*/    
  -webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5);/*Chrome*/    
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5);/*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 */
}

.pmenuazz{
 display:table; 
  width:80%;
  max-width:70%;
  text-align:center;
  margin-top:20px;
  margin-bottom:20px;
  margin-left:0px;
  margin-right:auto; 
  padding-top:15px;
  padding-bottom:15px;
  padding-left:0px;
  padding-right:0px;
  border:solid 30px inherit;
  word-wrap: break-word;  
  -moz-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5);/*FireFox*/    
  -webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5);/*Chrome*/    
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5);/*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 */
}

  .boxmenu p {
  word-wrap: break-word;
  }
.arancioscuro{
  background:#FF0000 /*f4811f*/;
  border:solid 30px #FF0000;
}
.azzurro{
  background: #ff8000/*009ee1*/;
}
.verde{
  background: #008000/*00a550*/;
}
.fouxiascuro{
  background: #009ee1/*ec1651*/;
}
.fouxia{
  background: #4B0082/*eb008c*/;
}
.arancio{
  background: #a349a3/*f0880d*/;
}
.blu{
  background: #eb008c/*1636f6*/;
}
.verdescuro{
  background: #8b8b8b/*0f4f12*/;
}



#nav1 {
 font-size: 1em;
 font-weight: normal;
 padding: 0;
 margin-top: 0em;
 margin-bottom: 0em;
}



#nav1.collapsible > h4 { 
 background-color: #fff;
 color: #000000;
 font-size: 1.0625em;
 line-height: 1.7;
 width: 97%;
 height: 1.7em;
 margin: 0px;
 border: 1px solid #D1D3D4;
 padding-left: 2.77%;  
 cursor: pointer;
}
 
#nav1.collapsible > h4.minus {
 background-color: #fff;
 color: #ee7d31;
}

#nav1 p{
font-family:Futurist, Arial;
margin-left:0px; /*3%*/
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
letter-spacing:0px;
font-size:1em;
}

#nav1.collapsible > p{
font-family:Futurist, Arial;
margin-left:3%;
margin-top:0%;
margin-right:0%;
margin-bottom:0%;
letter-spacing:1px;
}

#nav1 ul{
 list-style-type:circle;
 list-style-position: initial;
 padding-left:1.8em;
 padding-right:0px;
 padding-top:0px;
 padding-bottom:0px;
 margin-right:0px;
 margin-top:6px;
 margin-bottom:1.5em;
 margin-left:0px;
 font-size:0.95em;
}

#nav1.collapsible > ul{
 margin-top:6px;
 margin-bottom:1.5em;
 margin-left:0px;
 margin-right:0px;
}


#nav1 ul li {
 background-color: #fff;
 width:99%;
 margin-top:6px;
 margin-bottom:0px;
 margin-left:0px;
 margin-right:0px;
 line-height:20px;
 color:#ee7d31;
 font-weight:bold;
 /*font-size:1em;*/
 text-transform:uppercase;
 }

#nav1.collapsible > ul li {
 background-color: #fff;
 width:99%;
 margin-top:6px;
 margin-bottom:0px;
 margin-left:0px;
 margin-right:0px;
 line-height:20px;
 color:#ee7d31;
 font-weight:bold;
 /*font-size:1em;*/
 text-transform:uppercase;
 }

#nav1 ul li:last-child {border-bottom: 0px solid #D1D3D4;}

#nav1.collapsible > ul li:last-child {border-bottom: 0px solid #D1D3D4;}


#nav1 ul li a {
 text-decoration: none;
 color: #ee7d31;
 /*font-size:0.9em;*/
 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; 
}

#nav1.collapsible > ul li a {
 text-decoration: none;
 color: #ee7d31;
 /*font-size:0.9em;*/
 letter-spacing:0px;
 width: 96%;
 margin-top:0px;
 margin-bottom:0px;
 margin-left:0px;
 margin-right:0px;
 padding-right:0px;
 padding-left: 0px;
 padding-top: 0.4em;
 padding-bottom:0.4em;
 font-family:Futurist, Arial;
 font-weight:bold;
 line-height:20px;  
 text-transform:uppercase;
 
}

#nav1 ul ul {
list-style-type:none;
/*display:none;*/
padding-left:0px;
font-weight:normal;
}

#nav1.collapsible > ul ul {
/*display:none;*/
padding-left:0px;
font-weight:normal;
}

#nav1 ul ul li a{
/*display:none;*/
padding-left:0px;
font-weight:normal;
color:#000000;
text-transform:none;
}


#nav1.collapsible > ul ul li a {
/*display:none;*/
margin-top:0px;
padding-left:0px;
font-weight:normal;
color:#000000;
text-transform:none;
}

#nav1 ul li a:hover {text-decoration:underline}
#nav1.collapsible > ul li a:hover {text-decoration:underline}











#nav2 { 
 /*font-size: 1em;*/
 font-weight:normal;
 padding:0;
 margin-top:30px;
 margin-bottom:10px;
}
#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{
 margin-top:6px;
 margin-bottom:1.5em;
 margin-left:0px;
 margin-right:0px; 
}
#nav2 ul li {
 background-color: #fff;
 width:99%;
 margin-top:6px;
 margin-bottom:0px;
 margin-left:0px;
 margin-right:0px;
 line-height:20px;
 color:#ee7d31;
 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: #ee7d31;
 font-size:0.9em;
 letter-spacing:0px;
 width: 96%;
 margin-top:0px;
 margin-bottom:0px;
 margin-left:0px;
 margin-right:0px;
 padding-right:0px;
 padding-left: 0px;
 padding-top: 0.4em;
 padding-bottom:0.4em;
 font-family:Futurist, Arial;
 font-weight:bold;
 line-height:20px;  
 text-transform:none; 
}


#nav2 ul ul {
/*display:none;*/
padding-left:0px;
font-weight:normal;
}

#nav2 ul ul li a {
/*display:none;*/
margin-top:0px;
padding-left:0px;
font-weight:normal;
color:#000000;
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: #ee7d31;
}


#TitMenuSx{
display:none
}


/*css essenziale se javascript è abilitato*/
#nav2.jsenable .Titmenusx{
 cursor: pointer;
}
#nav2.jsenable ul ul{
 display:none;
}
#nav2 li.nascondi ul{
 display:none;
}
#nav2 li.mostra ul{
 display:block;
}
#nav2 li.mostra .Titmenusx{
 background-color: none;
}
.Titmenusx{
 background-color:none;
}

#nav3{
display:inline-block;
background-color:#ff8000;
}



/* -----------------------------------
PROBLEMA MENU'
------------------------------------ */
@media screen and ( min-width : 0px ) {
#menu-settori li ul { display: none; }
}





/* -----------------------------------
PROBLEMA MENU'
------------------------------------ */
@media screen and ( max-width : 750px ) {
   #menu-principale { display: none; }
   #menu-settori-up { display: none; }
   #menu-settori { display: none; }
   #menu-principale-down { display: none; }
   #nav2 { display: none; }
}
/* -----------------------------------
PROBLEMA MENU'
------------------------------------ */
@media screen and ( min-width : 750px ) {
   
   #menu-settori-up { 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 {
 display: none;
 font-size: 1em;
 font-weight:normal;
 border-top: 0px solid #D1D3D4;/*mettere a zero i px di questo se non vuoi riga sopra nav*/
 border-bottom: 0px solid #474a60;/*mettere a zero i px di questo se non vuoi riga a metà del nav*/
 border-left: 0px solid #D1D3D4;
 border-right: 0px solid #474a60;
 padding-top: 0px;/*0.625em;*/
 padding-bottom:0px;/*0.625em;*/
 padding-left:0;
 padding-right:0;
 margin-top:0px;
 margin-bottom:0px;
 margin-left:0px;
 margin-right:0px;
}
 #nav1 p{
font-size:1em;
letter-spacing:0px;
font-family:Futurist, Arial;
margin-left:0px;
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
font-size:1em;
padding-left:0px;
padding-right:0px;
padding-top:0px;
padding-bottom:0px;
}

#nav1 ul {
float:right;
margin-top:0px;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
padding-left:0px;
padding-right:0px;
padding-top:0px;
padding-bottom:0px;
}

#nav1 ul li {
font-family:Futurist;
font-weight:bold;
font-size: 1em;
float: left;
margin-top:0px;
margin-bottom:00px;
margin-left:20px;
margin-right:4px;
padding-left:0px;
padding-right:0px;
padding-top:0px;
padding-bottom:0px;
background-color: #fff;
width:auto;
height: auto;
border-bottom: 0px solid #474a60;/*mettere a zero i px di questo se non vuoi riga a metà del nav*/
border-top: 0px solid #474a60;
border-left: 0px solid #474a60;
border-right: 0px solid #474a60;
text-transform:none;
letter-spacing:0px;
word-spacing:0px;
}

#nav1 ul li:last-child {  /*contorno attorno all'ultima voce di menù*/
border-bottom: 0px solid #474a60;/*mettere a zero i px di questo se non vuoi riga a metà del nav*/
border-top: 0px solid #474a60;
border-left: 0px solid #474a60;
border-right: 0px solid #474a60;
}

#nav1 ul li a {
display:block;
color: #4b484b;
transition: color 0.45s;
-moz-transition: color 0.45s;
-webkit-transition: color 0.45s;
width: 100%;
height:auto;
line-height:normal;
text-transform:none;
letter-spacing:0px;
word-spacing:0px;
font-size:1em;
margin-top:0px;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
padding-left:0px;
padding-right:0px;
padding-top:0px;
padding-bottom:0px;
border-bottom: 0px solid #474a60;/*mettere a zero i px di questo se non vuoi riga a metà del nav*/
border-top: 0px solid #474a60;
border-left: 0px solid #474a60;
border-right: 0px solid #474a60;
}

#nav1 ul li a:hover {
 color:#ee7d31 ;
 text-decoration:none;
}





/*================================================*/
#nav2 {
 margin-top:0px;
 margin-bottom:0px;
 border-right:solid 0px #ee7d31;  /*Bordo a dx del menu*/
}  
#nav2 p {
  margin-left: 0;
  margin-right: 1%;
  margin-top:0px;
  margin-bottom:0px;
  font-family:Futurist, Arial;
  word-spacing:normal;
  text-transform:uppercase;
  padding-right:0px;
  padding-left:0px;
  padding-top: 0;
  padding-bottom:0;
  /*font-size:1em;*/
}


#nav2 ul{
 margin-bottom:100px;
}

#nav2 ul li {
  color: #ee7d31;
  /*letter-spacing:1px;*/
  background-color: #fff;
  width: 100%;
  margin-top:0px;
  margin-bottom:0px;  /*distanza fra sottovoci di menu*/
  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;
  margin-bottom:10px;
}

#nav2 li:nth-child(odd) {
  background-color: #fff;
}

#nav2 li:nth-child(even) {
  background-color: #fff;
}
#nav2 ul li {
  /*line-height:1.9em;*/ /*distanza sopra e sotto delle voci di menu*/
  text-decoration: none;
  width: 100%;  
  color:#ee7d31;  
  font-weight:bold;
  font-size:0.9em; /*dimensioni delle voci di menu */
  margin-top:0px;
  margin-bottom:0px;  
}

#nav2 ul ul{
 padding-top: 0;
 padding-bottom:0;
 margin-top:0px;
 margin-bottom:0px;
 line-height:10px;
 display:block;
}

#nav2 ul ul li a{
 font-size:1em; /*dimensioni delle sottovoci di menu*/
 margin:0px;
 text-decoration: none;
 width:100%;
 color:#000000;
 padding-top:0em;
 padding-bottom:0em;
 padding-left: 0%;
 margin-top:0px;
 margin-bottom:0px;
 line-height:10px;  /*interlinea fra il menu di sx*/
 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;
}

.menusxTit


/*.Titmenusx{
 display:inherit;
 margin-top:12px;
 margin-bottom:10px;
 margin-left:0px;
 margin-right:0px;
 font-size:0.95em;
 text-transform:lowercase;
}
.Titmenusx a{
 text-transform:uppercase;
}*/

/*css essenziale se javascript è abilitato*/
#nav2.jsenable .Titmenusx{
 cursor: pointer;
}
#nav2.jsenable ul ul{
 display:none;
}
#nav2 li.nascondi ul{
 display:none;
}
#nav2 li.mostra ul{
 display:block;
}
#nav2 li.mostra .Titmenusx{
 background-color: none;
}
.Titmenusx{
 background-color:none;
}

#nav3{
display:none;
background-color:#ff8000;
}
}
