/********** MENU A TENDINA **********/

#menu{
width:53%;
float:left;	
height:20px;
font-family: 'Open Sans', sans-serif;
position:relative;
top:0;
display:block;
}

nav#navigation
{
width:770px;
text-align:left;
color:#336;
top:25px;
z-index:20;
position:absolute;
}

nav#navigation ul ul{ 
display: none;
}

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

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

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

nav#navigation ul li {
float: left;
margin-left:0px; 

}

nav#navigation ul li a 	
{ 
color:#fff; 
display:block; 
font-size:0.9em; 
text-decoration:none; 
padding:0 25px;	
height:30px;
line-height:30px;
border-right:1px solid #fff;
transition:all ease 0.3s;
}
nav#navigation ul li a:hover 	
{ 
color:#9cc;
}

nav#navigation ul ul 
{	
background:rgba(053,153,204,0.8);
padding:0;
position:absolute; 
top:30px;
left:35px; <! menu a tendina - larghezza>
width:190px;
}

nav#navigation ul ul li 
{
float:none;
position:relative;
margin-left:0px;
}

nav#navigation ul ul li a	
{
	
color:#fff;
height:35px;
line-height:35px;
padding:0 15px;
border-right:0px solid #fff;
transition:linear all 0.3s;
-webkit-transition:linear all 0.3s;
moz-transition:linear all 0.3s;
o-transition:linear all 0.3s;
ms-transition:linear all 0.3s;
}	

nav#navigation ul ul li a:hover
{
text-decoration:none;
color:#9cc;
background:#99c;
line-height:35px;
}



/********** BOTTONE PER RESPONSIVE MENU' **********/

.btn-responsive-menu
{
display:                none;
padding:                5px;
cursor:                 pointer;
color:                  #fff;
background:             #076;
-webkit-border-radius:  4px;
-moz-border-radius:     4px;
border-radius:          4px;
width:40px;
height:40px;
}

.show{display:block!important;}


/********** MEDIAQUERY **********/


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

#menu{
width:100%;
max-width:100%;
float:none;	
font-family: 'Open Sans', sans-serif;
height:auto;
top:105px;
position:absolute;
}	

nav#navigation ul li 
{	
float:none;
margin:0;

}

nav#navigation  ul li a 	
{ 
height:35px;
line-height:35px;
font-size:1em;
border-right:0;
padding:0 10px;
position:relative;
}

nav#navigation ul ul 
{	
background:0;
width:100%;
position:relative;
display:block;
left:0;
top:5px;
margin-bottom:10px;

}
nav#navigation  ul li a:hover  	
{ 
color:#fff;
background:#99c000         
}
nav#navigation ul ul li{
width:100%;
padding:0;
margin:0;
}
nav#navigation ul ul li a	
{	
width:100%;
color:#336;
font-size:.85em;	
height:35px;
line-height:35px;
font-weight:bold;
cursor:pointer;
}
nav#navigation ul ul li a:hover	
{	
color:#fff;
}

nav#navigation ul ul ul 
{
width:100%;
}	

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

.btn-responsive-menu
{
display:block;
position:absolute; 
top:40px; 
right:20px; 
}
nav#navigation
{
width:100%;
position:relative;
display:none;
height:100%;
background:rgba(153,204,404, 0.8);
top:0px;
}

.icona-menu{
font-size:1.7em;
line-height:28px;
margin-left:3px;
}
header{
height:105px;
}	
}