@charset "utf-8";
/* CSS Document */

/** CONTAINER - contiene tutto **/
#NavContainer
{
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	padding: 0px;
	height: auto;
	z-index: 100;
	margin-top: 5px;
	margin-bottom: 5px;
}

/** LISTA NON ORDINATA: contiene il menù principale **/
/** Si definiscono: Font, Colore di sfondo per tutta la barra, sicentra con margin-SxDa auto, si fissa un altezza perchè seno tutto scappa fuori **/
/** L'altezza sarà pari al size del font + eventuale padding **/
ul#NaviLista
{
	position: relative;
	width: auto;
	/** box-shadow: 8px 8px 10px #CFCFCF; **/
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 28px;
	font-family: Oswald;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	background-color: #666666;
}


/** regola generica per azzerare le regole della lista in tutti gli elementodove che contengono o potrebbero contenerle - forse un pò ridondante **/
ul#NaviLista, ul#NaviLista ul, ul#NaviLista li
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
/** regola per eliminare le decorazioni per i link - qui ne fa una sola e vale per tutti gli elementi che contengono link - forse perche a cascata ? **/
ul#NaviLista a
{
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	font-family: Oswald;
	font-size: 14px;
	font-weight: 400;
}

/** regola per far girate a sinistra tutti gli elementi della lista non ordinata che contiene il menù principale **/
ul#NaviLista li
{
	float: left;
	margin: 0px;
	height: auto;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

/** regole per le ANCORE del menù principale: colore bianco su sfondo rosso, bordo a destra (l'ultimo andra eliminato con last:child, un pò di padding per allargare il bottone **/
ul#NaviLista li a 
{
	color: #FFFFFF;
	border-right-width: 1px;
	border-right-style: outset;
	border-right-color: #FFFFFF;
	margin: 0px;
	padding-top: 2px;
	padding-right: 8px;
	padding-bottom: 2px;
	padding-left: 8px;
}
/** regole per le ANCORE CON IL MOUSE SOPRA per gli elementi della lista principale - cambia lo sfondo e il colore **/
#NaviLista li a:hover 
{
	color: #E0E0E0;
	background-image: url(../CSS/330x40.png);
}

/** si nasconde la lista dei sottomenù **/
ul#SubNaviLista 
{
	display: none;
	padding: 0px;
}

/** non si fanno flottare gli elementi della lista del sottomenù in modo d'averli in colonna **/
ul#SubNaviLista li
{
	float: none;
	padding-top: 2px;
}
/** un po di spazio tra gli elementi in colonna **/
ul#SubNaviLista li a 
{
	margin: 0px;
	padding: 0px;
}

/** da sinistra verso destra: LISTA DEGLI ELEMENTI DEL SOTTOMENU - CON MAUSE SOPRA GLI ELEMENTI DELLA LISTA DEL MENu' PRINCIPALE - si fa vedere (se esiste) la lista del sottomenu **/
ul#NaviLista li:hover ul#SubNaviLista
{
	display: block;
	position: absolute;
	padding-top: 0px;
	background-color: #000000;
}

/** si continua a vedere la lista anche quando si passa il mouse sugli elementi della lista del sottomenu  la lista (se esiste ) sparira per la regola generale quando non si è sugli elemti menù e sottomenu **/
ul#NaviLista li:hover ul#SubNaviLista li a
{
	display: block;
	width: auto;
	border: none;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 8px;
	padding-right: 8px;
	font-family: Oswald;
	font-weight: 400;
	font-size: 0.9em;
	background-color: #666666;
}