@charset "UTF-8";


html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; content: none; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
html {overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }


/*===Navigation===*/
nav#navigation
{
	clear:both;
	text-align:left;
	width:100%;
	z-index:1000;
	background-image: linear-gradient(to right, rgba(55,179,6,1), rgba(255,255,255,1));
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-family: "Quicksand", sans-serif;	/* CARATTERE MENU*/
	font-weight: 500;
	float:left;
}


nav#navigation ul ul { /* Nasconde i sottomenù della tendina*/
visibility:hidden; 
opacity:0;
    filter:alpha(opacity=0);
    -webkit-transition:0.5s ease;
    -moz-transition:0.5s ease;
    -o-transition:0.5s ease;
    transition:0.5s ease;
	z-index:9999;
} 

nav#navigation ul li:hover > ul 	{ 
visibility:visible;
opacity:1;
filter:alpha(opacity=100);

}

nav#navigation  ul 
{
padding:0;
position:relative;
list-style:none; 
}

nav#navigation ul:after 
{
content: ""; 
clear: both; 
display: block;
}

nav#navigation ul li {	/* Posizione DX/SX del menu*/
float: left; 
padding:0px;

} 

nav#navigation ul li a 	/* Aspetto Pulsanti principali del menu*/{
	
	background-color: #000;
	color: #FFF;
	display: block;
	font-size:1.1em; /* Corpo carattere del menu*/
	line-height:20px;
	text-decoration:none;
	height:20px;
	padding:15px 25px 15px 25px;
		/* Colore righe separazione*/
	margin-right:5px;

-webkit-transition:1s ease;
    -moz-transition:1s ease;
    -o-transition:1s ease;
    transition:1s ease;
}


nav#navigation ul li a:hover { /* Roll-Over Pulsanti principali del menu*/
	color: #FFF; 	
	background-color: #009036;

}

nav#navigation ul ul /* Aspetto Sottomenu del menu*/
{
padding:0;
position:absolute; 
top:100%;
width:240px; /* Larghezza Pulsanti Sottomenu del menu*/
text-decoration:none;
	
}

nav#navigation ul ul li {	
float:none;
position:relative;
margin-bottom:0px; /* Distanza tra i Pulsanti del Sottomenu del menu*/
}

nav#navigation ul ul li a	/* Aspetto Sottomenu del menu*/
{
	background:#37A9A7;
	height:       50px;
	line-height:  50px;
	padding:      0 40px;
	color: #FFF;
	border-top-width: 1pt;
	border-top-style: dotted;
	border-top-color: #FFFFFF;
}	


nav#navigation ul ul li a:hover{ /* Roll-Over Sottomenu del menu*/
	background:#7CBFBE;
	text-decoration: none;
	color: #FFF; 	
	
}



/* Sotto-SUB */

nav#navigation ul #chisiamo ul li ul { /* Nasconde i sottomenù della tendina*/
visibility:hidden; 
opacity:0;
    filter:alpha(opacity=0);
    -webkit-transition:0.5s ease;
    -moz-transition:0.5s ease;
    -o-transition:0.5s ease;
    transition:0.5s ease;
width:280px;
margin-left:292px;
margin-top:-30px;
z-index:2000;

} 

nav#navigation ul #chisiamo ul li ul li { /* Nasconde i sottomenù della tendina*/
	margin-bottom:2px;
} 



/* # END - Sotto-SUB */

nav#navigation ul #chisiamo ul li:hover > ul {  /* Sub-Sub-sottomenù della tendina*/
visibility:visible;
opacity:1;
filter:alpha(opacity=100);
}


/*  BUTTONE QUADRATO PER MENU SMART    */
.btn-responsive-menu
{
	display:none;
	padding:5px;
	cursor:pointer;
	color:#000;
	background:#666;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}
	
.icon-bar 			
{
	display:block;
	width:20px;
	height:3px;
	margin:5px;
	background-color:#FFF;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}

.show{display:block!important;}


ul #chisiamo ul li .freccina-menu {
	float: right;
	font-size: 18px;
	line-height: 18px;
	padding: 18px 0px 18px 0px;
	margin-right:0px;
	display:block;
}

.freccina-menu-main{
	float: right;
	font-size: 18px;
	line-height: 18px;
	padding: 0px;
	margin-left:30px;
	margin-top:0px;
	display:block;
}

ul #chisiamo ul #arrow {
 transition-property: margin-right;
 transition-duration: 0.5s;
 
 -webkit-transition-property: margin-right;
 -webkit-transition-duration: 0.5s;
         
 -o-transition-property: margin-right;
 -o-transition-duration: 0.5s;
         
 -moz-transition-property: margin-right;
 -moz-transition-duration: 0.5s;
}

ul #chisiamo ul #arrow:hover {
	margin-right: -12px;
}


/* TABLET */
@media only screen and (min-width: 769px) and (max-width: 1024px) {

		/* Aspetto Pulsanti principali del menu*/
nav#navigation ul li a {
	/*font-size:12pt; 
	padding:15px 12px 15px 12px;*/
}



nav#navigation ul ul li a	/* Aspetto Sottomenu del menu*/
{
	padding:      0 20px;
}	

	nav#navigation ul ul /* Aspetto Sottomenu del menu*/
{
width:220px; /* Larghezza Pulsanti Sottomenu del menu*/	
}
	
}

@media only screen and (min-width: 320px) and (max-width: 767px) 
{

nav#navigation
{
margin: 0px;
display: none;
width:100%;
}

nav#navigation ul li 			
{
float:        none; 
display:      block; 
width:        100%; 

}

nav#navigation  ul li a 	/* altezza pulsanti Mobile */
{ 
height:        24px;
line-height:   24px;
font-size:     1.1em;
padding:       12px 0 12px 20px;
border-bottom: 1px solid #005a00;
	-webkit-transition:1s ease;
    -moz-transition:1s ease;
    -o-transition:1s ease;
    transition:1s ease;
}

nav#navigation  ul li a:hover  	
{ 
color: #FFF;          
background: #009036; /* colore roll over pulsanti */
}


nav#navigation ul ul 
{
width: 100%;
position: relative;
display: table;
}


nav#navigation ul ul li a	/*aspetto e altezza pulsanti della tendina per IPhone*/
{	
font-size: 1.1em;	
height: 24px;
line-height: 24px;
padding: 12px 10px 12px 30px;
background: #000;

}

nav#navigation ul ul li a:hover 
{
color:#FFF;          
background:#36b306;
text-decoration: none; 
}

	nav#navigation ul ul li a	/* Aspetto Sottomenu del menu*/
{
	
	border-top-width: 0pt;
	
}	

nav#navigation ul ul ul 
{
width: 100%;
margin: 0 0 0 -100%;	
border: 0px solid #af3738;
}	


nav#navigation ul ul li ul 
{
width:         100%;
position:      relative;

}


.btn-responsive-menu
{
display: block;
position:absolute; 
top:20px;  /*   Posizionamento del pulsante MENU-iPhone*/
right:20px; 
}

.btn-responsive-menu:hover
{
opacity:0.5;
}

nav#navigation ul ul { 
visibility:visible; 
opacity:1;
filter:alpha(opacity=100);

} 

nav#navigation ul li:hover > ul 	{ 
visibility:visible;
opacity:1;
filter:alpha(opacity=100);
}

nav#navigation ul #chisiamo ul li ul { /* Nasconde i sottomenù della tendina*/
visibility:visible;
opacity:1;
filter:alpha(opacity=100);
width: 100%;
position: relative;
display: table;
margin-top:0px;
margin-left:0px;
} 

nav#navigation ul #chisiamo ul li ul li a{ /* Sub-Sub-Menu- Aspect*/
padding: 0 10px 0 40px;
background-color:#888;
} 

nav#navigation ul #chisiamo ul li ul li a:hover{ /* Sub-Sub-Menu- Aspect RollOver*/
background-color:#AAA;
} 

nav#navigation ul #chisiamo ul li ul li { /* Nasconde i sottomenù della tendina*/
	margin-bottom:0px;
} 

nav#navigation ul ul li {	
margin-bottom:0px; /* Distanza tra i Pulsanti del Sottomenu del menu*/
}

ul #chisiamo ul li .freccina-menu {
	display:none;
}

.freccina-menu-main {
	display:none;
}


}


/************************************************************************************
CLEARFIX
*************************************************************************************/
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
.clearfix { display: block; zoom: 1; }