/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/example_flyout.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/*
Questo css fa parte di un menù realizato da Stu Nicholls, ed è stato modificato da Emanuele Ravasi.
*/


/* common styling */
.menu1{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	width:180px; 
	height:156px; 
	position:relative; 
	/*font-size:10px; */
	/*margin:30px 0; */
	/*background:#CCE0F7; */
	/*padding:5px 10px; */
	/*border:1px solid #888;*/
}
.menu1 ul {
	padding:0; /* remove the automatic padding that other browsers use for the text-indent. */
	margin:0; /* remove the automatic margin that some browsers use for the text-indent. */
	list-style-type: none;/* remove the bullets */
	width:182px;
}
.menu1 ul li ul {
	visibility:hidden; position:absolute; height:0; overflow:hidden; top:-1px; left:210px;
}
.menu1 ul li {
	float:left; position:relative; z-index:90;
}
.menu1 ul li a, .menu1 ul li a:visited { /*blocchi*/
	display:block; /* make each link into a block so that hovering over any area of the link  will cause a change of background color */
	float:left; 
	text-decoration:none; 
	color:#124294; 
	width:182px; /*set the width to be the same as the ul width */
	height:20px; 
	line-height:22px;
	font-size:11px; 
	background:transparent; 
	padding:0px 0px 3px 28px;
	border-top:1px solid #ffffff; /* separate the links with a 1px wide white line */
}
* html .menu1 ul li a, .menu1 ul li a:visited {width:182px; w\idth:182px;} /*w\idth per IE è uguale a width nel blocchi*/

/*icone sfondo dei menu principali*/
.menu1 ul li.home {background:url(immagini/sfondo_voce_menu.jpg);}
.menu1 ul li.products {background:url(immagini/sfondo_voce_menu.jpg);}
.menu1 ul li.services {background:url(immagini/sfondo_voce_menu.jpg);}
.menu1 ul li.contact {background:url(immagini/sfondo_voce_menu.jpg);}
.menu1 ul li.sitemap {background:url(immagini/sfondo_voce_menu.jpg);}
.menu1 ul li.news {background:url(immagini/sfondo_voce_menu.jpg);}

/*icone sfondo dei submenu*/
.menu1 ul li ul li.subprod1 {background:url(immagini/icons/ico_balloon.jpg) no-repeat;}
.menu1 ul li ul li.subprod2 {background:url(immagini/icons/ico_curr.jpg) no-repeat;}
.menu1 ul li ul li.subprod3 {background:url(immagini/icons/ico_mail.jpg) no-repeat;}
.menu1 ul li ul li.subnews1 {background:url(immagini/icons/ico_siti_web.jpg) no-repeat;}
.menu1 ul li ul li.subnews2 {background:url(immagini/icons/ico_altri_lavori.jpg) no-repeat;}
.menu1 ul li ul li.subserv1 {background:url(immagini/icons/ico_sviluppo_siti_web.jpg) no-repeat;}
.menu1 ul li ul li.subserv2 {background:url(immagini/icons/ico_hosting.jpg) no-repeat;}
.menu1 ul li ul li.subserv3 {background:url(immagini/icons/ico_servizi_siti_web.jpg) no-repeat;}
.menu1 ul li ul li.subserv4 {background:url(immagini/icons/ico_posizionamento_motori_ricerca.jpg) no-repeat;}
.menu1 ul li ul li.subserv5 {background:url(immagini/icons/ico_altri_servizi.jpg) no-repeat;}
.menu1 ul li ul li.subdown1 {background:url(immagini/icons/ico_freeware.jpg) no-repeat;}
.menu1 ul li ul li.subdown2 {background:url(immagini/icons/ico_sfondi_desktop.jpg) no-repeat;}
.menu1 ul li ul li.subdown3 {background:url(immagini/icons/ico_fotoegrafia.jpg) no-repeat;}
.menu1 ul li ul li.subdown4 {background:url(immagini/icons/ico_mappa_sito.jpg) no-repeat;}
.menu1 ul li ul li.subdown5 {background:url(immagini/icons/ico_siti_web_consigliati.jpg) no-repeat;}

.menu1 table {
	border-collapse:collapse; border:0; padding:0; font-size:1em; position:absolute; left:0; top:0;
}

.menu1 ul li:hover a,
.menu1 ul li a:hover{ /* hover dei pulsanti primari */
	text-decoration:none; 
	border:0; 
	color:#124294; 
	background:url(immagini/sfondo_voce_menu_hover.jpg);
	border-top:1px solid #ffffff; /* separate the links with a 1px wide white line */
}

.menu1 ul li a:hover {
	position:relative; z-index:100;
}

.menu1 ul li:hover ul,
.menu1 ul li a:hover ul {/*menu indentato*/
	visibility:visible; 
	width:170px; 
	height:auto; 
	border:1px solid #124294; 
	z-index:100; 
	background:#eeeeee; 
	overflow:visible;
}

.menu1 ul li:hover ul li a,
.menu1 ul li a:hover ul li a{ /*menu indentato*/
	display:block; 
	background:transparent; 
	color:#124294; 
	width:135px; 
	line-height:15px; 
	padding:5px 0 5px 35px; 
	height:auto; 
	text-decoration:none;
	border-top:1px solid #ffffff; /* separate the links with a 1px wide white line */
}
* html .menu1 ul li a:hover ul li a {width:170px; w\idth:135px;}

.menu1 ul li:hover ul li a:hover,
.menu1 ul li a:hover ul li a:hover {
	text-decoration:underline; 
	border-top:1px solid #ffffff; /* separate the links with a 1px wide white line */
}
.menu1 ul li:hover ul li ul,
.menu1 ul li a:hover ul li a ul {
	visibility:hidden; position:absolute; height:0; overflow:hidden; top:0; left:151px;
}
.menu1 ul li:hover ul li:hover ul,
.menu1 ul li a:hover ul li a:hover ul {
	visibility:visible; 
	position:absolute; 
	width:150px; 
	height:auto; 
	color:#000; 
	padding:0; 
	border:1px solid #888; 
	list-style-type:none; 
	background:#eee;
}
.menu1 ul li:hover ul li:hover ul li a,
.menu1 ul li a:hover ul li a:hover ul li a {
	display:block; width:115px; background:transparent; color:#000;
}
* html .menu1 ul li a:hover ul li a:hover ul li a {width:150px; w\idth:115px;}

.menu1 ul li:hover ul li:hover ul li a:hover,
.menu1 ul li a:hover ul li a:hover ul li a:hover {
	background:#ddd; text-decoration:underline;
}