/* inizio menu orizzontale */
#box-menu {
    text-align: center;
	background-color: #30FF6F;
}/*da rivedere*/
#menu-xxx {
    margin: 0;
	padding: 0;
	border: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #1E69FF;
	display: flex;
	justify-content: center;
}
#menu-xxx li {
    margin: 0;
	padding: 0;
	border-right: 1px solid;
	width: 160px;
	display: inline-block;
	list-style-type: none;
	position: relative;
	text-align: center;
	background: #FFFFFF;
}/* da in poi rivedere spazI */
#menu-xxx li a {
   margin: 0;
   padding: 0;
   width: 100%;
   font-size: 16px;
   line-height: 2.0em;
   color: #0138C9;
   font-family: Verdana, Arial, Times New Roman;
   text-decoration: none;
   display: inline-block;
   text-align: center;
}/*ok*/
#menu-xxx li a {
   padding: 0;
   width: 100%;
}
#menu-xxx li a:hover {
   color: #FFFFFF;
   width: 100%;
   /*prelevato da CSS3 Generator - inizio*/
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#b4b4b4', endColorstr = '#636363');
   /*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
   /*Element must have a height (not auto)*/
   /*All filters must be placed together*/
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#b4b4b4', endColorstr = '#636363')";
   background-image: -moz-linear-gradient(top, #b4b4b4, #636363);
   background-image: -ms-linear-gradient(top, #b4b4b4, #636363);
   background-image: -o-linear-gradient(top, #b4b4b4, #636363);
   background-image: -webkit-gradient(linear, center top, center bottom, from(#b4b4b4), to(#636363));
   background-image: -webkit-linear-gradient(top, #b4b4b4, #636363);
   background-image: linear-gradient(top, #b4b4b4, #636363);
   -moz-background-clip: padding;
   -webkit-background-clip: padding-box;
   background-clip: padding-box;
   /*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
   /*--IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS--*/
   /*prelevato da CSS3 Generator - fine*/
}/*ok*/
#menu-xxx li ul {
   display: none;
   margin: 0;
   padding: 0;
   background: #B3FF19;
}/*ok*/
#menu-xxx li:hover ul {
   display: block;
   position: absolute;
}/*ok*/
#menu-xxx li ul li {
   margin: 0;
   padding: 0;
   border: 0;
   border-bottom: 1px solid;
   list-style: none;
   width: 270px;
   background: #B3FF19;
   text-align: left;
   display: block;
}/*ok*/
#menu-xxx li ul li a {
   display: block;
   text-align: left;
   padding-left: 2%;
   font-size: 16px;
   line-height: 2.0em;
   color: #0138C9;
   font-family: Verdana, Arial, Times New Roman;
   text-decoration: none;  
}
#menu-xxx li ul li a:hover {
   display: block;
   border: 0;
   color: #FFFFFF;
   width: 98%;
   /*prelevato da CSS3 Generator - inizio*/
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#b4b4b4', endColorstr = '#636363');
   /*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
   /*Element must have a height (not auto)*/
   /*All filters must be placed together*/
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#b4b4b4', endColorstr = '#636363')";
   background-image: -moz-linear-gradient(top, #b4b4b4, #636363);
   background-image: -ms-linear-gradient(top, #b4b4b4, #636363);
   background-image: -o-linear-gradient(top, #b4b4b4, #636363);
   background-image: -webkit-gradient(linear, center top, center bottom, from(#b4b4b4), to(#636363));
   background-image: -webkit-linear-gradient(top, #b4b4b4, #636363);
   background-image: linear-gradient(top, #b4b4b4, #636363);
   -moz-background-clip: padding;
   -webkit-background-clip: padding-box;
   background-clip: padding-box;
   /*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
   /*--IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS--*/
   /*prelevato da CSS3 Generator - fine*/
}

/* TRIGRAMMA */
/*.showMenu{width:40px;border:1px solid black;margin:auto;color:black;text-align:center;font-size:30px;margin-bottom:10px;
display:none}*/
/* diamo uno stile al pulsante del menu e nascondiamolo */
.showMenu {
    max-width: 98%;
	margin-left: 1%;
	padding-bottom: 1%;
	font-size: 26px;
    color: #FFFFFF;
	background: #1E69FF;
	text-align: center;
	display: none;
}

/* nascondiamo il checkbox */
input[type=checkbox]{
    display: none;
}

/* mostriamo il menu quando il checkbox viene selezionato */
input[type=checkbox]:checked ~ .sidenav {
    display: block;
}

.sidenav {
    display: none;
}

/* MEDIA QUERY MENU */
@media only screen and (max-width: 992px) {
ul#menu-xxx {
    border: none;
	display: none;
}
.box-menu-responsive {
    background-color: #1E69FF;
}

/* Fixed sidenav, full height */
.sidenav {
    height: auto;
	/*position: fixed;*/
	overflow-x: hidden;
	text-align: center;
	margin-left: 1%;
    margin-right: 1%;
	padding-top: 1%;
	padding-bottom: 2%;
	background-color: #1E69FF;
	z-index: 1;  
}
/* Style the sidenav links and the dropdown button */
.sidenav a, .dropdown-btn {
   display: block;
   border: none;
   width: 80%;
   margin-left: 10%;
   margin-right: 10%;
   text-align: center;
   cursor: pointer;
   outline: none;
   padding: 0;
   text-decoration: none;
   font-size: 16px;
   line-height: 2.0em;
   color: #0138C9;
   font-family: Verdana, Arial, Times New Roman;
   text-decoration: none;
   background-color: #FFFFFF;
   border-bottom: 1px solid;
}

/* On mouse-over */
.sidenav a:hover, .dropdown-btn:hover {width: 80%;
   margin-left: 10%;
   margin-right: 10%;
   
   color: #FFFFFF;
   /*width: 100%;*/
   /*prelevato da CSS3 Generator - inizio*/
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#b4b4b4', endColorstr = '#636363');
   /*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
   /*Element must have a height (not auto)*/
   /*All filters must be placed together*/
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#b4b4b4', endColorstr = '#636363')";
   background-image: -moz-linear-gradient(top, #b4b4b4, #636363);
   background-image: -ms-linear-gradient(top, #b4b4b4, #636363);
   background-image: -o-linear-gradient(top, #b4b4b4, #636363);
   background-image: -webkit-gradient(linear, center top, center bottom, from(#b4b4b4), to(#636363));
   background-image: -webkit-linear-gradient(top, #b4b4b4, #636363);
   background-image: linear-gradient(top, #b4b4b4, #636363);
   -moz-background-clip: padding;
   -webkit-background-clip: padding-box;
   background-clip: padding-box;
   /*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
   /*--IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS--*/
   /*prelevato da CSS3 Generator - fine*/
}

/* Dropdown container (hidden by default). Optional: add a lighter background color and some left padding to change the design of the dropdown content */
.dropdown-container {
    margin-left: 10%;
	margin-right: 10%;
	display: none;
	background-color: #B3FF19;
	/*padding-left: 8px;*/
}
.dropdown-container a { width: 80%;border-bottom: 1px solid;/*margin-left: 10%;
   margin-right: 10%;*/
  /*display: none;*/
  background-color: #B3FF19;
  /*padding-left: 8px;*/
}

/* Add an active class to the active dropdown button */
.active {
  background-color: green;
  color: white;
}

/* Optional: Style the caret down icon */
.fa-caret-down {
  float: right;
  padding-right: 8px;
}

/* mostriamo il pulsante del menu */ 
.showMenu {
  display: block;
}
}
/*fine menu principale*/