/*
* Per ridefinire gli stili, su un particolare progetto verticalizzato, è possiblile intervenire
* ridefinedo le classi in questo file (sul progetto verticalizzato)  
*/
html, body
{
    background-color: #F4F3ED;
    background-image: none;
}
/*
* 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;
}
.mainform {
    padding-top: 0px;
    max-width: 1148px;

  display: block;
  margin-left: auto;
  margin-right: auto;
    
}


.container {
    background-color: #f9f9f9;
    width: auto;

}

.header{
    width: auto;
    padding-top: 0px;
    text-align:left;
}


.main {
     width: auto;
     text-align: center;
}
.mainMenu{
 	width: auto;
 	text-align: center;
}

.header{
    padding-top: 0px;
}

 
/* personalizzazione menu inizio*/
.ui-menubar.myMenubar {
    padding-left: 5px;
    text-align: left;
    border-top: 1px solid #e9536c;
    margin-bottom: 1px;
    background: -webkit-gradient(linear, left top, right top, from(#c6475c), to(#fb5a74));
    background: -webkit-linear-gradient(top, #c6475c, #fb5a74);
    background: -moz-linear-gradient(top, #c6475c, #fb5a74);
    background: -o-linear-gradient(top, #c6475c, #fb5a74);
    background: -ms-linear-gradient(top, #c6475c, #fb5a74);
    background-color: #c6475c;
}

.ui-menu .ui-menuitem-text {  
    color: white;
}
.ui-menuitem-active .ui-state-hover {
    background: #c6475c !important;
}
/* personalizzazione menu fine*/