@charset "UTF-8";


html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, 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:#FF6600;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-family: "Maven Pro", Arial, Helvetica, sans-serif;	/* CARATTERE MENU*/
	font-weight: 700;
}

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:11pt; /* Corpo carattere del menu*/
	text-decoration:none;
	padding:15px;
	height:10px;
	line-height:10px;
	border-right-width: 1pt;
	border-right-style: solid;
	border-right-color: #FFF;	

}


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

}

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

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


}

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


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


/*  BUTTONE QUADRATO PER MENU SMART    */
.btn-responsive-menu
{
	display:none;
	padding:5px;
	cursor:pointer;
	color:#000;
	background:#F90;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}

	
.icon-bar 			
{
display:block;
width:15px;
height:2px;
margin:4px;
background-color:#FFF;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
}

.show{display:block!important;}



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

}


}


@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:        35px;
line-height:   35px;
font-size:     1em;
padding:       0 0 0 20px;
border-bottom: 1px solid #fff;
}

nav#navigation  ul li a:hover  	
{ 
color: #FFF;          
background: #F90;
}


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


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

nav#navigation ul ul li a:hover 
{
color: #FFF;          
background-color: #FC0;
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; 
}


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