@charset "UTF-8";


html, body, div, span, object, iframe, 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;
	position:relative;
	width:100%;
	z-index:10;
	background-color:#320605;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-family: 'Open Sans', sans-serif;	/* CARATTERE MENU*/
	font-weight: 400;
	
}

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;

} 

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*/
{
	color: #FFF;
	display: block;
	font-size:12pt; /* Corpo carattere del menu*/
	line-height:12px;
	text-decoration:none;
	height:14px;
	padding:14px;
	border-right-width: 1pt; /* Separatore*/
	border-right-style: dotted;
	border-right-color: #FBBA00;	

}


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

}

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

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

}

nav#navigation ul ul li a	/* Aspetto Sottomenu del menu*/
{
	background:#F6F6F6;
	height:       40px;
	line-height:  40px;
	padding:      0 20px;
	color: #FBBA00;
}	


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


/*  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;}


#navigation ul #areaReserved a {
	background-color: #320605;
	color:#FBBA00;
}

#navigation ul #areaReserved a:hover {
	color:#FFFFFF;
		
}



/*===Media Queries===*/
@media (min-width: 768px) and (max-width: 980px) {
	
		/* Aspetto Pulsanti principali del menu*/
nav#navigation ul li a {
	font-size:10pt; 
	padding: 10px 8px 10px 8px;

}


}


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

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

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

nav#navigation  ul li a 	
{ 
height:        36px;
line-height:   35px;
font-size:     1.1em;
padding:       0 0 0 20px;
border-bottom: 1px solid #fff;
}

nav#navigation  ul li a:hover  	
{ 
color: #FBBA06;          
background: #654443;
}


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


nav#navigation ul ul li a	
{	
font-size: 1.1em;	
height: 36px;
line-height: 35px;
padding: 0 10px 0 30px;
}

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


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);
}


}


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