/* GLOBAL */
body {  font-family: Helvetica, 'Arial Narrow', 'Arial', sans-serif; color: #4F4F4F;}
.left {float:left;}
* { margin:0;padding:0;}
img  { border:0 none; text-decoration:none;}

#head { width:100%;padding-top:10px;position: relative ;overflow: hidden;}
.menu {position: absolute;top: 85px;right: 7%;}
.menu ul { width:100%;margin:0;padding:0;}
.menu li { height: 30px;list-style-type:none;float:left; }
.menu li a {float:left; }
a { border: 0 none;text-decoration:none;color:#2E5715;}
a:hover { text-decoration:underline;color:#2E5715;}
a:focus { outline:0 none;}
	
#footer { font:10px verdana;text-align:center;width:100%;clear: both;} 
#footer p {text-align:center}
p {margin:0;padding:10px;font:0.96em verdana;text-align: justify;}

/* HOME */

ul, li { list-style: none; margin: 0; padding: 0; }

.popup span {display:none !important;}
.popup a, .popuphome a {color:white;}
.popup, .popuphome {
    margin: 0 auto;
    padding: 0;   
    position: relative;
}
 
div.popup em {
   
    width: 100px;
    height: 70px;
	padding-bottom:-10px;
    position: absolute;
    top: -170px;
    left: 0px;
    text-align: center;
    text-indent: -9999px;
    z-index: 2;
    display: none;
}

div.popuphome em {
   
    width: 100px;
    height: 70px;
	padding-bottom:-10px;
    position: absolute;
    top: 115px;
    left: 38px;
    text-align: center;
    text-indent: -9999px;
    z-index: 2;
    display: none;
}

#popuphome { background: url(../images/popuphome.png) no-repeat;}
.menu li a {color: #8DC63F;text-transform: uppercase;font-family: 'Nunito', sans-serif;
font-size: 1.4em;
width: auto;
height: auto ;
margin-right: 20px;
display: block;
font-weight: lighter;}
.menu li a:hover {color: #8DC63F;text-transform: uppercase;}
#popupazienda { background: url(../images/popupazienda.png) no-repeat;}
#popuppiante { background: url(../images/popuppiante.png) no-repeat;}
#popupvasi {  width: 170px !important;background: url(../images/popupvasi.png) no-repeat;}
#popupdepliant { height:70px !important;background: url(../images/popupdepliant.png) no-repeat;}
#popupcontatti { background: url(../images/popupcontatti.png) no-repeat;}
.cathumbs {float:left;padding:10px;}
#vlightbox h2 {margin-top:15px;border-bottom: 1px solid #EEE;}
.section-title,
#vlightbox h2{
font-weight: normal;
color: #0066A4;
margin-left: 10px;
margin-bottom: 20px;
text-shadow: 1px 1px 1px #818080;
font-family: 'Nunito', sans-serif;
}
.panel {
z-index:1;
position: fixed !important;
top: 10%;
right: 0;
display: none;
background: #000000;
border:1px solid #111111;
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
width: 300px;
height: auto;
padding: 30px 10px 30px 30px;
filter: alpha(opacity=85);
opacity: .85;
}

.panel p{
margin: 0 0 15px 0;
padding: 0;
color: #cccccc;
}

.panel a, .panel a:visited{
margin: 0;
padding: 0;
color: #9FC54E;
text-decoration: none;
border-bottom: 1px solid #9FC54E;
}

.panel a:hover, .panel a:visited:hover{
margin: 0;
padding: 0;
color: #ffffff;
text-decoration: none;
border-bottom: 1px solid #ffffff;
}

a.trigger{
position: fixed !important;
text-decoration: none;
top: 40%; right: 0;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 20px 15px 20px 40px;
font-weight: 700;
background:#333333 url(images/plus.png) 15% 55% no-repeat;
border:1px solid #444444;
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 0px;
-webkit-border-bottom-right-radius: 0px;
display: block;
z-index:1;
}

a.trigger:hover{
position: fixed !important;
text-decoration: none;
top: 40%; right: 0;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 20px 20px 20px 40px;
font-weight: 700;
background:#222222 url(images/plus.png) 15% 55% no-repeat;
border:1px solid #444444;
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 0px;
-webkit-border-bottom-right-radius: 0px;
display: block;
}

a.active.trigger {
background:#222222 url(images/minus.png) 15% 55% no-repeat;
}
a.active.trigger2 {
background:#222222 url(images/minus.png) 15% 55% no-repeat;
}

.columns{
clear: both;
width: 330px;
padding: 0 0 20px 0;
line-height: 22px;
}

.colleft{
float: left;
width: 160px;
line-height: 22px;
}

.colright{
float: right;
width: 130px;
line-height: 22px;
}




hr{
background-color: #333333;
height: 1px;
}

a.trigger2{
position: fixed !important;
text-decoration: none;
top: 55%; right: 0;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 20px 15px 20px 40px;
font-weight: 700;
background:#333333 url(images/plus.png) 15% 55% no-repeat;
border:1px solid #444444;
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 0px;
-webkit-border-bottom-right-radius: 0px;
display: block;
}

a.trigger2:hover{
position: fixed !important;
text-decoration: none;
top: 55%; right: 0;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 20px 20px 20px 40px;
font-weight: 700;
background:#222222 url(images/plus.png) 15% 55% no-repeat;
border:1px solid #444444;
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 0px;
-webkit-border-bottom-right-radius: 0px;
display: block;
}
.panel2 {
position: fixed !important;
top: 55%;
right: 0;
display: none;
background: #000000;
border:1px solid #111111;
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
width: 230px;
height: auto;
padding: 30px 10px 30px 30px;
filter: alpha(opacity=85);
opacity: .85;
}

.panel2 p{
margin: 0 0 15px 0;
padding: 0;
color: #cccccc;
}

.panel2 a, .panel2 a:visited{
margin: 0;
padding: 0;
color: #9FC54E;
text-decoration: none;
border-bottom: 1px solid #9FC54E;
}

.panel2 a:hover, .panel2 a:visited:hover{
margin: 0;
padding: 0;
color: #ffffff;
text-decoration: none;
border-bottom: 1px solid #ffffff;
}
<!-- BACK TO TOP -->
 #message a
{
	/* display: block before hiding */
	display: block;
	display: none;
 
	/* link is above all other elements */
	z-index: 999; 
 
	/* link doesn't hide text behind it */
	opacity: .8;
 
	/* link stays at same place on page */
	position: fixed;
 
	/* link goes at the bottom of the page */
	top: 100%;
	margin-top: -80px; /* = height + preferred bottom margin */
 
	/* link is centered */
	left: 50%;
	margin-left: -160px; /* = half of width */
 
	/* round the corners (to your preference) */
	-moz-border-radius: 24px;
	-webkit-border-radius: 24px;
 
	/* make it big and easy to see (size, style to preferences) */
	width: 300px;
	line-height: 48px;
	height: 48px;
	padding: 10px;
	background-color: #000;
	font-size: 24px;
	text-align: center;
	color: #fff;
}



#topcontrol {
-moz-border-radius-bottomleft:20px;
-moz-border-radius-bottomright:0;
-moz-border-radius-topleft:20px;
background:#333333;
border:1px solid #444444;
padding:5px;
z-index:1;}


