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


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

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;
display: flex;
}


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

nav#navigation ul li {flex-grow: 1;}

nav#navigation ul li a 	{display: block;text-align: center;font-size: 17px;/* font-family: "Lato", sans-serif; *//* letter-spacing:0.08em; */font-weight:700;color: #601621;border-right: 1px solid rgb(203 193 169);text-decoration:none;padding: 0 10px;height: 50px;line-height: 50px;transition-duration: 0.5s;}

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

nav#navigation ul li a.attivo {
background: #f1e6cd;
}

nav#navigation ul ul 
{
background:    #000000;
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:    #000000;
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 #949fad;
border-right:none;
}	


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



/*===BUTTON FOR RESPONSIVE MENU===*/
.btn-responsive-menu
{
display:                none;
padding:                0px;
cursor:                 pointer;
color:                  #fff;
}

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


.show{display:block!important;}



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

nav#navigation
{
margin:       0;
display:      none;
float: none;
}
	
nav#navigation ul ul#pulsante-menu4-sub, nav#navigation ul ul#pulsante-info-sub, nav#navigation ul ul#pulsante-areariservata-sub
{
		margin: 0;
		display: none;
		float: none;
}

nav#navigation  ul {
display: block;
}

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

nav#navigation  ul li a {height:        45px;line-height:   45px;text-align: left;text-shadow:    none;padding:       0 0 0 20px;border-bottom: 1px solid rgb(213 198 163);border-right:0px;border-radius:0;margin:0;}


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:          10px;
	z-index:200;
}	
	
	
nav#navigation li#pulsante-menu4, li#pulsante-info, li#pulsante-areariservata
{
cursor: pointer;
}
	
	
}



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

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

nav#navigation li#pulsante-menu4 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; }