/************************/
/****** MENU LEFT *******/
/************************/
#menuleft{
	margin:0;
	padding:0;
	border:0;
	width:280px;
	margin-left:10px;
	margin-top:10px;
}
#menuleft ul,
#menuleft li *{
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-left:5px;
}
#menuleft a{
	height:16px;
	text-decoration: none;
	color:#fff;
	font-size:14px;
	font-family:Arial;
}
#menuleft a:hover{
	color:#c9c35b;
}

b.arrow {
	float:left;
	width:16px;
	height:16px;
	margin-right:10px;
	margin-left:14px;
	line-height:20px;
	background-image:url(../images/li.gif);
	background-repeat:no-repeat;
	background-position:left center;
}

/************************/
/************************/
/************************/


#nav {z-index:5000;padding:0; margin:0; height:22px; width:100%}
#nav li,ul {list-style:none; }
#nav li {float:left; height:22px;margin-left:11px;}
#nav li a {display:block; float:left; height:22px;text-decoration:none}
#nav li a span {visibility:hidden;}

#nav li a.cosa{
	width:62px;
	background-image:url(../images/menu/cosa.jpg);
}
#nav li a.cosa:hover{
	background-position:bottom;
}
#nav li a.cosa_sel{
	width:62px;
	background-image:url(../images/menu/cosa.jpg);
	background-position:bottom;
}
#nav li a.chi{
	width:46px;
	background-image:url(../images/menu/chi.jpg);
}
#nav li a.chi:hover{
	background-position:bottom;
}
#nav li a.chi_sel{
	width:46px;
	background-image:url(../images/menu/chi.jpg);
	background-position:bottom;
}
#nav li a.differenza{
	width:194px;
	background-image:url(../images/menu/differenza.jpg);
}
#nav li a.differenza:hover{
	background-position:bottom;
}
#nav li a.differenza_sel{
	width:194px;
	background-image:url(../images/menu/differenza.jpg);
	background-position:bottom;
}
#nav li a.riconoscimenti{
	width:147px;
	background-image:url(../images/menu/riconoscimenti.jpg);
}
#nav li a.riconoscimenti:hover{
	background-position:bottom;
}
#nav li a.riconoscimenti_sel{
	width:147px;
	background-image:url(../images/menu/riconoscimenti.jpg);
	background-position:bottom;
}
#nav li a.credits{
	width:84px;
	background-image:url(../images/menu/credits.jpg);
}
#nav li a.credits:hover{
	background-position:bottom;
}
#nav li a.credits_sel{
	width:84px;
	background-image:url(../images/menu/credits.jpg);
	background-position:bottom;
}
#nav li a.contatti{
	width:94px;
	background-image:url(../images/menu/contatti.jpg);
}
#nav li a.contatti:hover{
	background-position:bottom;
}
#nav li a.contatti_sel{
	width:94px;
	background-image:url(../images/menu/contatti.jpg);
	background-position:bottom;
}

#nav li:hover {position:relative;}
/*#nav li:hover > a {line-height:33px;}
*/
#nav li:hover a b.p0 {background:url(../images/menu/right2.png);}
#nav li:hover a b.p1 {background:url(../images/menu/bottom2.png);}
#nav li:hover a b.p2 {background:url(../images/menu/corner2.png);}


#nav ul {padding:0 0 0 5px; margin:0; list-style:none; position:absolute; left:-9999px; width:0; height:0; border-top:0}
#nav table {border-collapse:collapse; padding:0; margin:0 0 -1px 0; border:0;}

#nav :hover ul {left:0; top:22px; width:185px; z-index:500; background:url(trans.gif);}
#nav :hover ul ul {position:absolute; left:-9999px;}

#nav :hover ul li {height:21px; width:185px;}
#nav :hover ul li.pad1 {height:8px; width:185px; background:transparent;}
#nav :hover ul li.pad2 {height:8px; width:185px; background:transparent;}
#nav :hover ul li.pad1 b.p3 {display:block; width:8px; height:8px; font-size:1px; float:right;}
#nav :hover ul li b.p4 {display:block; width:8px; height:21px; float:right; background:url(../images/menu/side2.png);}
#nav :hover ul li.pad2 b.p5 {display:block; width:177px; height:8px; font-size:1px; float:left; background:url(../images/menu/bottom2.png);}
#nav :hover ul li.pad2 b.p6 {display:block; width:8px; height:8px; font-size:1px; float:left; background:url(../images/menu/corner2.png);}
#nav :hover ul li.pad1 b.p7 {display:block; width:176px; height:7px; font-size:1px; float:left; background:#58a6cd; border-top:1px solid #a9cfe2; border-left:1px solid #a9cfe2;}
#nav :hover ul li a {
	height:21px;
	line-height:21px;
	padding-left:6px;
	width:170px;
	background:#c3d1ad;
	border-left:1px solid #a9cfe2;
}
#nav :hover ul.color li.pad1 b.p7 {
	background:#c3d1ad;
	border-top:1px solid #b5c2a1;
	border-left:1px solid #b5c2a1;
}
#nav :hover ul.color li a {
	background:#c3d1ad;
	border-left:1px solid #b5c2a1;
	font-family:Arial;
	font-size:12px;
	color:#333333;
	background-image:url(../images/dividmenu_col1.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	margin-left:0;
}
#nav :hover ul.color1 li.pad1 b.p7 {
	background:#b9c3a9; 
	border-top:1px solid #a8b397; 
	border-left:1px solid #a8b397;
}
#nav :hover ul.color1 li a {
	background:#b9c3a9; 
	border-left:1px solid #a8b397;
	font-family:Arial;
	font-size:12px;
	color:#333333;
	background-image:url(../images/dividmenu_col2.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	margin-left:0;
}


#nav :hover ul.color2 li.pad1 b.p7 {background:#9daf9a; border-top:1px solid #81937e; border-left:1px solid #81937e;}
#nav :hover ul.color2 li a {background:#9daf9a; border-left:1px solid #81937e;font-family:Arial;font-size:12px;color:#333333}
#nav :hover ul.color3 li.pad1 b.p7 {background:#839d7f; border-top:1px solid #768e72; border-left:1px solid #768e72;}
#nav :hover ul.color3 li a {background:#839d7f; border-left:1px solid #768e72;font-family:Arial;font-size:12px;color:#333333}
#nav :hover ul li a:hover {color:#fff;}
#nav :hover ul li:hover > a {color:#fff;}
#nav :hover ul :hover ul li.pad1 b.p7 {background:#c3d1ad; border-top:1px solid #e1deed; border-left:1px solid #e1deed;}
#nav :hover ul :hover ul li a {background:#c3d1ad; border-left:1px solid #e1deed;}
.beach {margin-top:-8px;}