@charset "utf-8";
/* CSS Document 
horizontal css drop-down menu 
966Web Studio - http://www.966web.com 
*/



html, body {
     width: 100%;
	 height: 100%;
	 margin: 0;
	 padding: 0;
}

body {
	font: 86% Verdana, Arial, Helvetica, sans-serif;
	background: #333;
	text-align: center; 
	color: #CCC;
    
}
 #container {
	width: 100%;
	text-align: left;
}

/******************************************Codice da implementare***************************************************/
 #menu {
	 width: 100%;
	 height: 90px;
	 background: url(../images/menu2.png) 0 0 repeat-x;
     margin-top:12px;
     font-size: 14px;
     top: 0;
     left: 0;
}

#menu a, a:link, a:visited {
	color: #CC3;
	text-decoration: none;
}

#menu a:hover {
	color: #F00;
}

 ul.dropdown, ul.dropdown li, ul.dropdown ul {
   list-style : none;
   margin : 0;
   padding : 2px 12px;
}

 ul.dropdown {
   display: inline;
}

 ul.dropdown li {
   float: left;                 /******************** float: right; per avere il menu allineato a destra******************************/
}

 ul.dropdown li, ul.dropdown li:hover {
   position : relative;
   z-index : 200;
   cursor : default;
}

 ul.dropdown ul {
   visibility : hidden;
   position : absolute;
   top : 100%;
   left : 0;
   width : 120px;                    /* Larghezza del drop down */
   z-index : 250;
   background: url(../images/menu2.png);
}

 ul.dropdown li:hover > ul {
   visibility : visible;
   margin-left: -16px;                 /* Centra il drop down */
}