/*
* Per ridefinire gli stili, su un particolare progetto verticalizzato, è possiblile intervenire 
* ridefinedo le classi in questo file (sul progetto verticalizzato)  
*/html, body {
	background-color: white;
	background-image: none;
	background-repeat: repeat-x;
}

.mainform {
    padding-top: 0px;
}

.header {
	background-image: none;
	padding-top: 0px;
	height: 100px;
	min-height: 100px;
}


/* personalizzazione menu inizio*/
.ui-menubar.myMenubar {
	background: #771111;
	padding-left: 1px;
	/*obreggiatura grigia dal basso*/
    background-image: url(../images/menu-active.png) !important;
    background-position: 0px bottom  !important;
	background-repeat: repeat-x;
    position: relative;
    left: 40px; 
    width: 90%;
}
.ui-menubar.myMenubar .ui-state-hover {
	background: #771111 !important;
}

.ui-corner-all.myMenubar{
	/* no bordi arrotondati nel menu*/
   border-radius: 0px !important;
}

.ui-menu .ui-menuitem-text {  
    color: white;
}

.ui-menu .ui-menuitem-active .ui-menuitem-text {  
    color: #FFF097;
}

/*
* N.B. Abilitati primefaces.FONT_AWESOME come context-param nel web.xml per permettere modifica a colore icone fa (ui-icon sono immagini con colore fisso in base al tema scelto)
*/
.fa {
	color: white;
}

.ui-menu .ui-state-hover .fa {
    color: #FFF097;
}

/* personalizzazione menu fine*/