@charset "utf-8";
/* CSS Document */
/* MENU VERTICALE SX CORTO*/
#menu_sx {
	width: 200px;
	height: 40px; 		/* =altezza immagine */
	/*margin: 5px auto; 	 cambiare il valore 5 per impostare i pixel del margine superiore e inferiore della barra */
}
#menu_sx_ul {
	padding:0px;
	margin:0px;
	list-style:none;
}
#menu_sx_ul li {
overflow: hidden;
height:40px; 		/* =l' altezza dell' immagine */
}
#menu_sx  {
background: url(../img/siti_utili_fr.gif) no-repeat; /* =path immagine di default della barra */
}
#menu_sx ul#menu_sx_ul  li a {
	display: block;
	width: 200px;
	height: 40px;
	text-indent: -9000px;
	/*border:1px solid #990000;*/ 
}
#menu_sx_ul  li a:hover, #menu_sx_ul  li a.selected {
 background: url(../img/siti_utili_fr_over.gif) no-repeat;		/* =path immagine stato hover della barra */
}

li#siti_utili a {
	width:185px;		/* =larghezza dei bottoni escluso l'ultimo */
}

/* MENU VERTICALE SX LUNGO*/
#menu_sx_lungo {
	width: 200px;
	height: 280px; 		/* =altezza immagine */
	/*margin: 5px auto; 	 cambiare il valore 5 per impostare i pixel del margine superiore e inferiore della barra */
}
#menu_sx_lungo ul {
	padding:0px;
	margin:0px;
	list-style:none;
}
#menu_sx_lungo ul li {
overflow: hidden;
height:40px; 		/* =l' altezza dell' immagine */
}
#menu_sx_lungo  {
background: url(../img/menusx_fr.gif) no-repeat; /* =path immagine di default della barra */
}
#menu_sx_lungo   li a {
	display: block;
	width: 200px;
	height: 40px;
	text-indent: -9000px;
	/*border:1px solid #990000;*/ 
}
#menu_sx_lungo li a:hover, #menu_sx_lungo li a.selected {
 background: url(../img/menusx_fr_over.gif) no-repeat;		/* =path immagine stato hover della barra */
}

li#homepage a:hover, li#homepage a:active, li#homepage a.selected  {
	background-position:0px 0px;
}
li#workopp a:hover, li#workopp a:active, li#workopp a.selected  {
	background-position:0px -40px;
}
li#utili a:hover, li#utili a:active, li#utili a.selected  {
	background-position:0px -80px;
}
li#pc a:hover, li#pc a:active, li#pc a.selected  {
	background-position:0px -120px;
}
li#pr a:hover, li#pr a:active, li#pr a.selected  {
	background-position:0px -160px;
}
li#re a:hover, li#re a:active, li#re a.selected  {
	background-position:0px -200px;
}
li#mo a:hover, li#mo a:active, li#mo a.selected  {
	background-position:0px -240px;
}

/* BOX SX */
.modular{
	width:200px;
    background:url(../img/box_sx_fr_fondo.gif) no-repeat bottom left;
    padding-bottom:10px
}
.modular div{
    background:url(../img/box_sx_fr_fondo.gif) repeat-x top left;
    padding:40px 10px 0 30px;
	font-size:1em;
}