/* File:        navbar.css */
/* Descrizione: stili per barra di navigazione */
/* Versione:    00 */
/* Data:        2017-10-20 */
/* Proprietà:   Q-Ation S.R.L. */


/* CLASSE PER CONTENITORE DELLA BARRA DI NAVIGAZIONE */
/* Stile del contenitore della barra di navigazione */
nav.nb
	{
		position:relative;
		top:-115px; /* -107px */
			
		z-index:20;			

		align-content:center;		
		
		border-radius:2px;
	}
  

/* CLASSE PER IDENTIFICARE GLI ELEMENTI ABILITATI DELLA BARRA DI NAVIGAZIONE (ESCLUSI QUELLI INIZIALE E FINALE) */
/* Testo evidenziato e separatori laterali */
.item.nb
	{
		color:rgba(20,120,192,1);
		cursor:pointer;
	}


.bWrapper
	{
		border-left: 1px solid rgba(255,255,255,0.2); /* separatore sx */
		border-right: 1px solid rgba(20,120,192,0.3); /* separatore dx */
		
		margin-top:-3px; /*-2 -5*/
		position:relative;
		display:inline-block;
	}


.bDetector
	{
		position:absolute;
		left:-1px; /*0*/
	}


#bText
{
	/*margin-top:-40px; /*-40*/*/
}

#bText a
{
	/*display:block;*/ /* altrimenti la barra di navigazione non viene ripartita in parti uguali */
		
	font-family:'Raleway';
	font-weight:700;

	text-decoration:none; /* toglie la sottolineatura del collegamento ipertestuale*/
	text-transform:uppercase; /* forza tutto in maiuscole */
	text-align:center;
	text-shadow:1px 1px 1px rgba(255,255,255,0.35);
		
	cursor:default; /* altrimenti il puntatore cambia anche sui link disabilitati */	
}

#bText a:hover
{
	color:rgba(255,255,255,0.95); /*0.9*/
	text-shadow:1px 1px 2px rgba(20,120,192,1); /* 1 1 1 0.9 */
}

.bWrapper:hover
{
	background:-webkit-radial-gradient(50% 50%, ellipse farthest-corner, rgba(20,120,192,0.8),rgba(27,160,255,0.1)); /*farthest-corner*/
	background:-moz-radial-gradient(50% 50%, ellipse farthest-corner, rgba(20,120,192,0.8),rgba(27,160,255,0.1));
	background:-ms-radial-gradient(50% 50%, ellipse farthest-corner, rgba(20,120,192,0.8),rgba(27,160,255,0.1)); /* (20,120,192,0.00) */
}

#bSketch1, #bSketch3
{
	shape-rendering:crispEdges;
	stroke-width:1px;
	fill:transparent;
	stroke:rgba(255,255,255,0.75); /*stroke:rgba(210,210,210,1);*/
	stroke-dasharray:0 178;
	transition:75ms;
}

#bSketch2, #bSketch4
{
	shape-rendering:crispEdges;
	stroke-width:1px;
	fill:transparent;
	stroke:rgba(255,255,255,0.75); /*stroke:rgba(210,210,210,1);*/
	stroke-dasharray:0 28;
	transition:75ms;

}

.bWrapper:hover #bSketch1
{
	transition-delay:0s;
	stroke-dasharray:178 0;
	stroke-dashoffset:0;
}

.bWrapper:hover #bSketch2
{
	transition-delay:75ms;
	stroke-dasharray:28 0;
	stroke-dashoffset:0;
}

.bWrapper:hover #bSketch3
{
	transition-delay:150ms;
	stroke-dasharray:178 0;
	stroke-dashoffset:0;
}

.bWrapper:hover #bSketch4
{
	transition-delay:225ms;
	stroke-dasharray:28 0;
	stroke-dashoffset:0;
}

.bWrapper:hover #bSketches1, .bWrapper:hover #bSketches2, .bWrapper:hover #bSketches3, .bWrapper:hover #bSketches4, .bWrapper:hover #bSketches5, .bWrapper:hover #bSketches6
{
	transition-delay:500ms; /*500*/
	visibility:hidden;
}

#bSide1, #bSide2, #bSide3, #bSide4
{
	shape-rendering:crispEdges;
	stroke-width:1px;
	fill:transparent;
	stroke:rgba(255,255,255,0.75);
	transition:125ms; /*14/10: 100*/
}

.bWrapper:hover #bSide1
{
	transition-delay:500ms; /*14/10: 400*/
	stroke:rgba(255,255,255,0.9);
}

.bWrapper:hover #bSide2
{
	transition-delay:500ms;
	/*transform:translate(-5px,0px); */
	stroke:rgba(255,255,255,0.9);
}

.bWrapper:hover #bSide3
{
	transition-delay:500ms;
	/*transform:translate(-1px,5px); */
	stroke:rgba(255,255,255,0.9);
}

.bWrapper:hover #bSide4
{
	transition-delay:500ms;
	/*transform:translate(4px,3px);*/
	stroke:rgba(255,255,255,0.9);
}

#bSides1, #bSides2, #bSides3, #bSides4, #bSides5, #bSides6
{
	visibility:hidden;
}

.bWrapper:hover #bSides1, .bWrapper:hover #bSides2, .bWrapper:hover #bSides3, .bWrapper:hover #bSides4, .bWrapper:hover #bSides5, .bWrapper:hover #bSides6
{
	transition-delay:500ms; /*400*/
	visibility:visible;
}