html{/*	overflow: -moz-scrollbars-vertical; /* visualizza sempre la scrollbar laterale per firefox */
	overflow-y:scroll;
	overflow-x:auto;
	overflow:moz-scrollbars-vertical;
	height:100%;}

body {
margin:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
height:100%;
}

.clear {
clear:both;
}

a {
color:#808080;
text-decoration:underline;
}

a:hover {
text-decoration:none;
}

#head, #head a {
/*color:#A7A7A7;*/
color:#808080;
text-decoration:none;
font-size:18px;
font-family: "Courier New", Courier, monospace;
}
#head div.lingue, #head div.lingue a  {
    color:#c0c0c0;
	font-family:"Lucida Grande";
	font-size:14px;
	font-weight:bold;
	}

#head div.lingue a.selected, #head a.selected  {
    color:#000000;
}

#centro {
/*background:url(img/bg_centro.jpg) repeat-y;*/
width:41px;
}

#centro_foto {
background:url(img/bg_centro.jpg) repeat-y;
width:41px;
}

#footer, #footer a {
color:#C0C0C0;
font-size:10px;
text-decoration:none;
}

#menu {
background:url(img/bg_menu.jpg) no-repeat;
width:199px;
height:24px;
}

#menu_h {
background:url(img/bg_menu_h.jpg) no-repeat;
width:199px;
height:24px;
border:1px solid #808080;
}

#menu a, #menu_h a {
font-size:14px;
color:#FFFFFF;
text-decoration:none;

}

#menu_h a {
font-size:14px;
color:#808080;
text-decoration:none;
}

#smenu a, #smenu_2 a {
font-size:10px;
color:#FFFFFF;
text-decoration:none;
}

#smenu_h a {
font-size:10px;
color:#808080;
text-decoration:none;
}

#ssmenu a {
font-size:10px;
color:#FFFFFF;
text-decoration:none;
}

#ssmenu_h a {
font-size:10px;
color:#808080;
/*color:#7E470F;*/
text-decoration:none;
}

#smenu {
background:url(img/bg_smenu.jpg) no-repeat;
width:80px;
height:24px;
}

#smenu_2 {
background:url(img/bg_smenu2.jpg) no-repeat;
width:199px;
height:24px;
}

#smenu_h {
background:url(img/bg_smenu_h.jpg) no-repeat;
width:197px;
height:24px;
}

#ssmenu {
background:url(img/bg_ssmenu.jpg) no-repeat;
width:199px;
height:19px;
}

#ssmenu_h {
background:url(img/bg_ssmenu_h.jpg) no-repeat;
width:199px;
height:19px;
}

.titolo {
font-size:18px;
color:#808080;
}

.sottotitolo {
font-size:14px;
color:#808080;
}

#menu_feature a {
color:#FFFFFF;
text-decoration:none;
}

#pagine a {
color:#808080;
font-size:11px;
font-weight:bold;
text-decoration:none;
}

.box {
color:#808080; font-size:12px; text-decoration:none;
}

/* style for category menu */

div#wn	{
	position:relative;
	width:160px; height:300px;
	overflow:hidden;
	text-align:center;
	}

div#scrollbar {
    display:none;
    }

div#scrollbar {
    position:relative;
    width:16px; height:300px;
    display:block; /* display:none initially */
    font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
  }

div#track {
    position:absolute; left:0; top:16px;
    width:16px; height:270px;
    background: #ffffff;
  }
div#dragBar {
    position:absolute; bottom:1px; top:1px; right:1px;
    width:16px; height:10px;
    background-color:#EEEEEE;
  }

div#up { position:absolute; left:1px; top:0; }
div#down { position:absolute; left:1px; bottom:0; }

/* for safari, to prevent selection problem  */
div#scrollbar, div#track, div#dragBar, div#up, div#down {
    -moz-user-select: none;
    -khtml-user-select: none;
}

/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
div#scrollbar img {
    display:block;
    }

/* corporate styles */

.corporate {
	position: relative;
}

.image {
  opacity: 1;
  display: block;
  transition: .5s ease;
  backface-visibility: hidden;
}

.middle {
	transition: .5s ease;
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	text-align: center;
}

.corporate:hover .image {
  opacity: 0.3;
}

.corporate:hover .middle {
  opacity: 1;
}

.text {
  background-color: #4CAF50;
  color: white;
  font-size: 16px;
  padding: 16px 32px;
}

/* end style for category menu */