﻿
/* tipografia, colori e regole per voci di primo livello, titoli e link */

div#menu{ margin:auto;}
ul#nav,ul#nav li,ul#nav ul{margin:0;padding:0;list-style:none}
ul#nav{margin: 0 auto;height:26px; }
ul#nav a{display:block;text-decoration:none}
ul#nav li{float: left;position: relative; font-size:12px;; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
ul#nav li li{float: none;display: block !important;display: inline; /*IE6*/}


/*dichiarazioni chiave per i sottomenu e l'effetto a comparsa
NB: classe open è necessaria per JQuery*/

ul#nav div.mega{
			position: absolute;
			top: -9999px;
			left: -1px; 
			background:url(../images/bg_menu_campionato.png) no-repeat;
			overflow:hidden;
			line-height:1.5;
			list-style-type:none;
			position:absolute;display:none;width:250px;top:32px;left:0;margin:0;padding:10px;-moz-box-shadow:0px 8px 14px rgba(0,0,0,0.3);-moz-border-radius-bottomright:8px;-moz-border-radius-bottomleft:8px;-webkit-box-shadow:0px 8px 14px rgba(0,0,0,0.3);-webkit-border-bottom-right-radius:8px;-webkit-border-bottom-left-radius:8px;box-shadow:0px 8px 14px rgba(0,0,0,0.3);border-bottom-right-radius:8px;border-bottom-left-radius:8px
	}
ul#nav li:hover div.mega,ul#nav li div.mega.open{top: 39px;z-index:100;margin: 0px 0px 0px 20px;}

/*tipologie di sottomenu:
small: colonna singola
mega: 2 colonne  - default
wide: 3 colonne
ultra: 4 colonne
alt: allineato sul lato destro */

ul#nav div.mega div{float:left;width:49%}
ul#nav div.mega.small{width:12em}
ul#nav div.mega.small div{float:left;width:99.9%}
ul#nav div.mega.wide{width:28em}
ul#nav div.mega.wide div{float:left;width:33%; left:2px;}
ul#nav div.mega.ultra{width:36em}
ul#nav div.mega.ultra div{float:left;width:24.9%}
ul#nav div.mega.alt{left:auto;right:-1px}

/*regole aggiuntive per i link dei sottomenu*/

ul#nav div.mega li a{padding:5px 0px 0 20px;color: #5D5D5D;
  background: url(../images/bullet.png) no-repeat left center;}
ul#nav div.mega li a:hover{color: #008ADF;text-decoration: none}



/* #### Menu button_navigation e table title */

#main_menu {
	float: left;
	display: inline;
	margin: 10px 0px 0px 20px;
	padding: 0px;
	width: 67px;
	color: #767676;
	font-size: 12px;
	font-weight: bold;
}
#main_menu img {
	border: 0px;
	margin-right: 10px;
}

#main_navigation {
	float: left;
	display: inline;
	margin: 5px 0px 0px 20px;
	padding: 0px;
	width: 690px;
	color: #767676;
	font-size: 12px;
	font-weight: bold;
}

