#menu,
#menu li,
#mainTableContainer{
  position:relative;
  left:0;
  top:0;
}
#menu li a{
	display:block;
}
#megamenuLayer .megamenuLayerWrapper{
	visibility:visible;
	position: relative;
}
.megamenuLayerWrapper{
	visibility:hidden;
	position: absolute;
}
#megamenuLayer{
	background:#fff;
	-webkit-box-shadow: 0 4px 6px -2px rgba(0,0,0,.5), inset 1px 1px 0 #fff;
       -moz-box-shadow: 0 4px 6px -2px -moz-rgba(0,0,0,.5), inset 1px 1px 0 #fff;
            box-shadow: 0 4px 6px -2px rgba(0,0,0,.5), inset 1px 1px 0 #fff;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-bottom-right-radius: 10px;
    border-bottom-right-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-bottom-left-radius: 10px;
    border-bottom-left-radius: 10px;
	max-width:900px;
	min-width:500px;
}
/* FIX: Area invisibile di collegamento tra menu e megamenu */
#megamenuLayer::before {
    content: '';
    position: absolute;
    top: -3px;
    left: 0;
    right: 0;
    height: 3px;
    background: transparent;
    z-index: 1;
}
#megamenuLayer .megamenuLayerWrapper{
	display:table;
	width:100%;
}
#megamenuLayer .columnizeContainer {
    -moz-column-gap: 10px;
    -webkit-column-gap: 10px;
    column-gap: 10px;
 	-moz-column-count: 3;
	    -webkit-column-count: 3;
	    column-count: 3;
}
#megamenuLayer .dontsplit{
    display:table; 
}
#megamenuLayer h3{
	border-bottom:1px dotted #ddd;
	padding:0 0 5px 0;
	margin:0 0 5px 0;
	font-size:16px;
}
.megamenuLayerContent{
	min-width:500px;
	min-height:200px;
    padding:30px 20px 30px 20px;
	display:table-cell;
	vertical-align:top;
}
.megamenuLayerImage{
	display:table-cell;
	vertical-align:top;
	padding:10px;
	border-left:1px solid #bbb;
	background:#eee;
	text-align:center;
	max-width:300px;
	width:20%;
	overflow:hidden;
}
.megamenuLayerImage img{
	max-width:300px;
}
li.megamenuOverItem a,
li.megamenuOverItem a:hover{
    background: #fff !important;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    color:#000 !important;
	-webkit-box-shadow:5px 0 10px -3px rgba(0,0,0,0.42);
	-moz-box-shadow:5px 0 10px -3px rgba(0,0,0,0.42);
	box-shadow:5px 0 10px -3px rgba(0,0,0,0.42);
}
/*Per adesso aggiungiamo regole anche per le categorie a centro pagina altrimenti le skin personalizzate non hanno regole*/
#categorieslinks{
    -moz-column-gap: 10px;
    -webkit-column-gap: 10px;
    column-gap: 10px;
 	-moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
}
@media screen and (max-width:600px) {
	#categorieslinks{
		 -moz-column-count: 2;
	    -webkit-column-count: 2;
	    column-count: 2;
	}
}
@media screen and (max-width:400px) {
	#categorieslinks{
		 -moz-column-count: 1;
	    -webkit-column-count: 1;
	    column-count: 1;
	}
}