/*===HEADER===*/
header
{ 
text-align:     left;
overflow:       hidden;
}


/*===Navigation===*/
nav#navigation
{
text-align:  left;
position:    relative;
z-index:     50;
float:right;
}

nav#navigation ul ul { display: none; }

nav#navigation ul li:hover > ul 	{ display: block; }

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


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

nav#navigation ul li {	float: left; }

nav#navigation ul li a 	{
	display:        block;
	font-size: 16px;
	font-family: "Montserrat", sans-serif;
	/* letter-spacing: 0.02em; */
	font-optical-sizing: auto;
	color: #000000;
	font-weight: 700;
	text-decoration:none;
	padding: 0 12px;
	height:         35px;
	line-height:    35px;
	transition-duration: 1.5s;
}

nav#navigation ul li a:hover {
color: #236833;
transition-duration: 0.2s;
}

nav#navigation ul li a.attivo {color: #236833;}

nav#navigation ul ul {
	background: #ffffff;
	padding: 0;
	position: absolute;
	top: 100%;
	width: auto;
	min-width: 210px;
	z-index:90;
}

/*===3 sublivello aggiunto da me===*/
nav#navigation ul ul ul {
background:    #3e5574;
padding:       0;
position:      absolute; 
top:           0%;
width:         170px;
margin-left:170px;
}
/*===fine 3 sublivello aggiunto da me===*/


nav#navigation ul ul li {
float:      none;
position:   relative;
}


nav#navigation ul ul li a {
 height: 40px;
 line-height: 40px;
 padding: 0 15px;
 font-weight: 400;
 border-bottom: 1px solid #d8d8d8;
}	


nav#navigation ul ul li a:hover {
 background: #fff;
}



/*===BUTTON FOR RESPONSIVE MENU===*/
.btn-responsive-menu
{
display:                none;
/*! padding:                5px; */
cursor:                 pointer;
color:                  #fff;
-webkit-border-radius:  4px;
-moz-border-radius:     4px;
border-radius:          4px;
/*! border:1px solid #f5f5f5; */
}

	
.icon-bar {
	display: block;
	width: 40px;
	height: 5px;
	margin: 4px;
	background-color: #000000;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}


.show{display:block!important;}



/*===Media Queries===*/
@media screen and (max-width: 1023px)
{
	
header { 
float:none;
height: 65px;
}

nav#navigation
{
margin-top:   0px;
display:      none;
float: none;
}
	
nav#navigation ul ul#pulsante-menu4-sub, nav#navigation ul ul#pulsante-menu5-sub, nav#navigation ul ul#pulsante-menu6-sub
{
		margin: 0;
		display: none;
		float: none;
}

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

nav#navigation  ul li a 	
{ 
height:        45px;
line-height:   45px;
font-size:     1em;
color:         #292929;
text-shadow:    none;
padding:       0 0 0 20px;
border-bottom: 1px solid rgba(188, 188, 188, 0.2);
border-right: 0px;
border-radius:0;
margin:0;
}

nav#navigation  ul li a:hover  	
{
transition-duration: 0.5s;
}


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


nav#navigation ul ul li a	
{	
font-size:     .95em;	
height:        40px;
line-height:   40px;
padding:       0 10px 0 30px;
border-bottom: 1px solid rgb(242, 242, 242);
}

nav#navigation ul ul li a:hover 
{        
background:     #f5f5f5;
text-decoration: none; 
}


nav#navigation ul ul ul 
{
width:         100%;
position:      relative;
	margin-left:0px;
	padding-left:15px;
	
}	


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


.btn-responsive-menu
{
display:      block;
position:     absolute; 
right:        20px;
top:          15px;
z-index:200;
}
	
	
	
nav#navigation li#pulsante-menu4, nav#navigation li#pulsante-menu5, nav#navigation li#pulsante-menu6
{
cursor: pointer;
background: url(../images/submenu.png) no-repeat 99% 55%;
}
	
	
}



@media screen and (min-width:1023px)
{


	
nav#navigation li#pulsante-menu4, nav#navigation li#pulsante-menu5, nav#navigation li#pulsante-menu6
{
background: url(../images/submenu.png) no-repeat 93% 55%;
padding:        0px 0px 0px 0px;
	cursor: pointer;
}

nav#navigation li#pulsante-menu4 a, nav#navigation li#pulsante-menu5 a, nav#navigation li#pulsante-menu6 a
{ 
padding:        0px 25px 0px 20px;
}


}



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