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

/*Prendo tutta la pagina in larghezza*/
.mainform {
	padding-top: 0px;
	max-width : 100%;
	margin: 0 auto;
}

.container {
	background: url(../images/bg-body.png) left 190px repeat-x #8192b4;
}

/* per avere banda colorata sotto il logo in alto nella pagina*/
.container .mainLogo {
	background-image: url(../images/bg_top_logo.jpg);
	background-repeat: no-repeat !important;
  	background-size: 100% 100%;
}

/* logo spostato a dx*/
.linklogopagine img{
	width: auto;
	height: 100%;
	padding-right: 2%;
}

.mainMenu {
	background: url(../images/bg-menu.png) left top #5c4a31;
	border-bottom: 1px #30251a solid;
}

/*il contenuto dei dati prende 80% della larghezza*/
.main {
	background-color: url(../images/bg-body.png) left 190px repeat-x #8192b4;
	padding-top: 0px;
  	width: 60%; 
	margin: 0 auto;
	box-shadow: 0px 0px 8px rgba(0,0,0,0.4);
}

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

/* per avere il logo allineato come nella pagina del protale*/
.mainLogo{
	margin-bottom: 0.05%;
 	padding-right: 44%;
}

.ui-menuitem.ui-menubar-options.ui-widget.ui-corner-all{
	padding-right: 24.8%;
}

/* personalizzazione menu inizio*/
.ui-menubar.myMenubar {
	background: url(../images/bg-menu.png) left top #5c4a31;
	position: relative;
	width: auto;
	height: auto;
	font-size: 20px;
	padding-left: 20%;
	margin-bottom: -0.25%;
}

.ui-menubar.myMenubar .ui-state-hover {
	background: #ece5dd !important;
}

.ui-corner-all.myMenubar {
	border-radius: 0px !important;
}

.ui-menu .ui-state-hover .ui-menuitem-text{
	color:black;
}

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

.container.titleH1{
	background-color: white;
}

.container.titleH2{
	background-color: white;
}

.container.titleH3{
	background-color: white;
}

/*.container label{
	color: black;
}*/

/* .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;
	font-size: 15px !important;
	padding-right: 5px;
}

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

/* personalizzazione menu fine*/