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

.mainLogo{
	text-align: left;
	padding-left: 25%
}

/* per avere banda colorata sotto il logo in alto nella pagina*/
.container .mainLogo {
	background-repeat: no-repeat !important;
    background-size: 100% 26%;
}

.container {
    background-color: #f9f9f9;
}
.container .ui-widget-content {
	background: #f9f9f9 !important;
	background-color: #f9f9f9 !important;
}
.mainMenu {
	background: #f9f9f9 !important;
}

/*Prendo tutta la pagina in larghezza*/
.mainform {
	padding-top: 0px;
	max-width : 100%;
	margin: 0 auto;
}
/*il contenuto dei dati prende 80% della larghezza*/
.main {
	background: #f9f9f9 !important;
	padding-top: 0px;
	width: 80%;
	margin: 0 auto;
}

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



/* personalizzazione menu inizio*/
.ui-menubar.myMenubar {
	background: #1e7fd1 !important;
	position: relative;
	width: auto;
	height: auto;
	padding-left: 15%
}

.ui-menubar.myMenubar .ui-state-hover {
	background: #f9f9f9 !important;
}
	/* no bordi arrotondati nel menu*/
/**/
.ui-corner-all.myMenubar {

	border-radius: 0px !important;
}

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


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


/* personalizzazione menu fine*/