html, body {
    background-color: white;
    background-image: none;
	  background-repeat: repeat-x;
}

/*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 {
	padding-top: 0px;
	max-width: 70%;
	margin: 0 auto;
}
.header {
	padding-top: 0px;
}

/* per avere il logo ea sx e banda colorata su tutto il top della pagina come nella pagina del protale*/
.mainLogo a {
	background: #01458A !important;
}
.mainLogo{
	padding-top: 60px;
	background-image: url(../images/bg_top_logo.jpg) !important;
	background-repeat: no-repeat !important;
}
.header{
	background-image: url(../images/bg_top_logo_2.jpg) !important;  
	background-repeat: repeat-x !important;
}
/* per avere l'onbregiatura come da portale firenze sotto il menu */
.mainMenu{
	padding-bottom: 25px;
	width: 1068px;
	background-image: url(../images/bg_nav_shadow.png);
	background-size: 1068px, 25px; 
	background-repeat: repeat-x;
    background-position: bottom;
}
/*
* 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-menuitem-active .fa {
	color: white;
}

/* personalizzazione menu inizio*/
.ui-menubar.myMenubar {
	background: #01458A;
	background-color: #01458A !important;
	padding-left: 5%;
  	position: relative;
}

.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: white;  
}
.ui-menubar.myMenubar .ui-state-hover {
	background: #01458A !important;
}
/* tutto bianco*/
.ui-widget-content{
	background: white !important;
	background-color: white !important;
}
/* personalizzazione menu fine*/