/* ================================================================ 
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/drop_examples.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/*
    L'HTML originale del menų č in fondo alla pagina


    IMPORTANTE
    Per far funzionare correttamente il menų č necessario inserire nel file HTML il seguente commento condizionale:

    <!--[if lte IE 5.5]>
      <style type="text/css">
        .menu1 ul li a, .menu1 ul li a:visited {height:33px;}
      </style>
    <![endif]-->


    IMPORTANTE (2)
    Per assegnare dei bordi agli elementi, riprendere lo script originale
*/


 /* common styling */
.dropdown_menu {
  float:left; width:100%; font-family: verdana, arial, sans-serif; font-size: 90%; margin:0 0 1px 0; background-color: #8bbcdd;
}
.dropdown_menu ul {
  padding:0;margin:0;list-style-type:none;
}
.dropdown_menu ul li {
  float:left; position:relative;background: url(../immagini/menu_competenze_hover.gif) no-repeat top left; border-right: 1px solid #fff;
}
.dropdown_menu ul li.dropdown_menuone   { background: url(../immagini/menu_competenze.gif) no-repeat top left; }
.dropdown_menu ul li.dropdown_menutwo   { background: url(../immagini/menu_servizi.gif) no-repeat top left; }
.dropdown_menu ul li.dropdown_menuthree { background: url(../immagini/menu_persone.gif) no-repeat top left; }
.dropdown_menu ul li.dropdown_menufour  { background: url(../immagini/menu_clienti.gif) no-repeat top left; border-right: none; }

.dropdown_menu ul li a:link, .dropdown_menu ul li a:visited {
  float:left; display:block; text-decoration:none; width: 194px; padding:0px; line-height:25px; height:47px;
}
/*
   La prima voce del menų DEVE essere larga 1px in meno delle altre, altrimenti l'ultima voce va a capo
   
   Idem per la tendina ad essa associata, quindi se viene modificata la larghezza della voce,
   DEVE ESSERE rivista ed eventualmente modificata la larghezza della tendina (impostata pių avanti)

   Stessa cosa per le altre voci di menų e le relative tendine
*/
.dropdown_menu ul li.dropdown_menuone a:link, .dropdown_menu ul li.dropdown_menuone a:visited {
  width: 193px;
}

.dropdown_menu ul li:hover {width:auto;}

.dropdown_menu ul li a.dropdown_menuone:hover   { background: url(../immagini/menu_competenze_hover.gif) no-repeat top left; }
.dropdown_menu ul li a.dropdown_menutwo:hover   { background: url(../immagini/menu_servizi_hover.gif) no-repeat top left; }
.dropdown_menu ul li a.dropdown_menuthree:hover { background: url(../immagini/menu_persone_hover.gif) no-repeat top left; }
.dropdown_menu ul li a.dropdown_menufour:hover  { background: url(../immagini/menu_clienti_hover.gif) no-repeat top left; }

.dropdown_menu ul li:hover a.dropdown_menuone   { background: url(../immagini/menu_competenze_hover.gif) no-repeat top left; }
.dropdown_menu ul li:hover a.dropdown_menutwo   { background: url(../immagini/menu_servizi_hover.gif) no-repeat top left; }
.dropdown_menu ul li:hover a.dropdown_menuthree { background: url(../immagini/menu_persone_hover.gif) no-repeat top left; }
.dropdown_menu ul li:hover a.dropdown_menufour  { background: url(../immagini/menu_clienti_hover.gif) no-repeat top left;}

.dropdown_menu ul li ul {
  display: none;
}
.dropdown_menu table {
  margin:0; border-collapse:collapse; font-size: 90%; position:absolute; top:0; left:0;
}

/* specific to non IE browsers */
.dropdown_menu ul li:hover ul {
  display:block;position:absolute;top:47px;margin-top:0; left:0;width:154px; border-top: 1px solid #fff;
}
.dropdown_menu ul li:hover ul.endstop {
  left:-92px;
}
.dropdown_menu ul li:hover ul li ul {
  display: none;
}
.dropdown_menu ul li:hover ul li a {
  display:block;background-color:#8abbdc;font-weight: bold;color:#fff;height:auto;line-height:15px;padding:5px 1px 5px 5px; width:188px;
}
.dropdown_menu ul li.dropdown_menuone:hover ul li a {
  width: 187px;
}
.dropdown_menu ul li:hover ul li a.drop { }
.dropdown_menu ul li:hover ul li a:hover {
  background-color: #005aa9;
}
.dropdown_menu ul li:hover ul li a:hover.drop { }
.dropdown_menu ul li:hover ul li:hover ul {
  display:block; position:absolute; left:153px; top:-1px;
}
.dropdown_menu ul li:hover ul li:hover ul.left {
  left:-153px;
}



/* specific to IE5.5 and IE6 browsers */
.dropdown_menu ul li a:hover ul {
  display:block;position:absolute;top:47px; t\op:47px; background-color:#8abbdc;left:0; border-top: 1px solid #fff;
}

.dropdown_menu ul li a:hover ul.endstop {
  left: -92px;
}
.dropdown_menu ul li a:hover ul li a {
  display:block;background-color:#8abbdc;font-weight: bold;color:#fff; height:1px; line-height:15px; padding:5px 1px 5px 5px; width:188px; w\idth:188px;
}
.dropdown_menu ul li.dropdown_menuone a:hover ul li a {
 width:187px; w\idth:187px;
}
.dropdown_menu ul li a:hover ul li a.drop { }
.dropdown_menu ul li a:hover ul li a ul {
  visibility:hidden; position:absolute; height:0; width:0;
}
.dropdown_menu ul li a:hover ul li a:hover {
  background-color: #005aa9
}
.dropdown_menu ul li a:hover ul li a:hover.drop { }
.dropdown_menu ul li a:hover ul li a:hover ul {
  visibility:visible; position:absolute; top:0;font-weight: bold;color:#fff; left:153px;
}
.dropdown_menu ul li a:hover ul li a:hover ul.left {
  left:-153px;
}




/*
<ul>
<li><a class="dropdown_menuone" href="#nogo">Home</a></li>
</ul>
<ul>
<li><a class="dropdown_menutwo" href="#nogo">Products
<!--[if IE 7]><!--></a><!--<![endif]-->
	<table><tr><td>
	<ul>
	<li><a href="#nogo">Mobiles</a></li>

	<li><a href="#nogo">Photoframes</a></li>
	<li><a href="#nogo">Tripods</a></li>
	<li><a href="#nogo">Memory cards</a></li>
	<li><a class="drop" href="#nogo">Cameras
	<!--[if IE 7]><!--></a><!--<![endif]-->
		<table><tr><td>
		<ul>
		<li><a href="#nogo">SLRs</a></li>

		<li><a href="#nogo">Compact</a></li>
		<li><a href="#nogo">Digital</a></li>
		<li><a href="#nogo">Video</a></li>
		</ul>
		</td></tr></table>
	<!--[if lte IE 6]></a><![endif]-->
	</li>

	<li><a href="#nogo">Camcorders</a></li>
	<li><a href="#nogo">Accessories</a></li>
	</ul>
	</td></tr></table>
<!--[if lte IE 6]></a><![endif]-->
</li>
<li><a class="dropdown_menuthree" href="#nogo">Services
<!--[if IE 7]><!--></a><!--<![endif]-->
	<table><tr><td>
	<ul>

	<li><a href="#nogo">Photography</a></li>
	<li><a href="#nogo">Video editing</a></li>
	<li><a href="#nogo">Web site Design and Hosting</a></li>
	<li><a href="#nogo">Reference guides</a></li>
	<li><a href="#nogo">Tutorials</a></li>
	</ul>

	</td></tr></table>
<!--[if lte IE 6]></a><![endif]-->
</li>
<li><a class="dropdown_menufour" href="#nogo">Contact us</a></li>
<li><a class="dropdown_menufive" href="#nogo">Site map</a></li>
<li><a class="dropdown_menusix" href="#nogo">News
<!--[if IE 7]><!--></a><!--<![endif]-->
	<table><tr><td>
	<ul class="endstop">
	<li><a href="#nogo">Breaking</a></li>

	<li><a href="#nogo">Latest</a></li>
	<li><a href="#nogo">May 2006</a></li>
	<li><a class="drop" href="#nogo">News archives and articles
	<!--[if IE 7]><!--></a><!--<![endif]-->
		<table><tr><td>
		<ul class="left">
		<li><a href="#nogo">April 2006</a></li>
		<li><a href="#nogo">March 2006</a></li>

		<li><a href="#nogo">February 2006</a></li>
		<li><a href="#nogo">January 2006</a></li>
		</ul>
		</td></tr></table>
	<!--[if lte IE 6]></a><![endif]-->
	</li>
	</ul>
	</td></tr></table>

<!--[if lte IE 6]></a><![endif]-->
</li>
</ul>
*/