.dj-pre1 {background: url(../images/arrow-down.gif);}
.dj-pre2 {background: url(../images/djmenu-bg-a.gif);}

#dj-main img {
  vertical-align: top !important;
}

#dj-main {
	padding:0; 
	margin:0; 
	list-style:none; 
	height:50px; 
	background:transparent; 
	position:relative; 
	z-index:500; 
	font-family: "Vivaldi.ttf", Tahoma, Geneva, sans-serif;	width:auto;
	}
	
#dj-main li.dj-up {
	display:block; 
	float:left;
	margin: 0 10px;
	}
	
#dj-main li a.dj-up_a {
	float:left;
	display:block; 
	font-family: "Vivaldi.ttf", Tahoma, Geneva, sans-serif;
	white-space: nowrap;
	font-size:24px;
	text-shadow: 0 2px 2px #000;
	color: #f8d59f;
	padding: 11px 0px 13px 0px;
	line-height: 25px;
	height: 25px;
	background: transparent;
	text-decoration: none;	
	}
	
#dj-main li a.dj-up_a span.dj-drop {
	float:left; 
	display:block; 
	background: url(../images/arrow-down.gif) right top no-repeat;
	}

#dj-main li:hover,
#dj-main li.active {
  	background: url(../images/menu.png) center bottom no-repeat;
	}

#dj-main li:hover div,
#dj-main li.active div {
	float: left;
	background: url("../images/menu_l.png") left bottom no-repeat;
	}

#dj-main li:hover div a.dj-up_a,
#dj-main li.active div a.dj-up_a {
	background: url("../images/menu_r.png") right bottom no-repeat;
}


/* Default list styling */

#dj-main li:hover {
	position:relative; 
	z-index:200;
	}
	
/*tutaj SKONCZYLES DROGI PIOTRKU*/
ul.dj-submenu li { }
ul.dj-submenu li div {  }
ul.dj-submenu li div a {   }
ul.dj-submenu li div a img {/* margin: 0!important; border: 1px solid white!important; vertical-align: top!important;*/ }

#dj-main li:hover ul.dj-submenu{
	left:-1px; 
	top:49px; 
	background: transparent; 
	padding:0px; 
	border-top:1px solid #f8d59f;
	border-left:1px solid #f8d59f;
	border-right:1px solid #f8d59f;
	width:240px; 
	height:auto; 
	z-index:300;
	}
#dj-main li:hover ul.dj-submenu li{
	display:block; 
	height:auto; 
	position:relative; 
	float:left; 
	width:240px; 
	font-weight:normal;
	background: transparent;
}

#dj-main li ul.dj-submenu li a,
#dj-main li ul.dj-submenu li.active li a,
#dj-main li:hover ul.dj-submenu li:hover li a,
#dj-main li:hover ul.dj-submenu li:hover li:hover li a,
#dj-main li:hover ul.dj-submenu li:hover li:hover li:hover li a {
  	display:block; 
	font-family: "Vivaldi.ttf", Tahoma, Geneva, sans-serif;
	white-space: nowrap;
	font-size:18px;
	font-weight: bold;
	text-shadow: -1px 1px 10px #28280F;
	height:auto; 
	width:210px;
	line-height:15px; 
	color: #f8d59f;
	text-decoration:none;
	padding:10px 15px;
	background:#530219;
	border-bottom:1px solid #f8d59f;
	/* CSS3 standard */
  	opacity:0.9;
 	/* IE8 */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	/* IE5-7 */
	filter: alpha(opacity=90);
}
#dj-main li ul.dj-submenu li a.dj-more{
	background:#530219;
	}
#dj-main li:hover ul.dj-submenu li:hover a,
#dj-main li:hover ul.dj-submenu li:hover li:hover a,
#dj-main li:hover ul.dj-submenu li:hover li:hover li:hover a,
#dj-main li:hover ul.dj-submenu li:hover li:hover li:hover li:hover a,
#dj-main li ul.dj-submenu li.active a,
#dj-main li ul.dj-submenu li.active li.active a,
#dj-main li ul.dj-submenu li:hover li.active a,
#dj-main li ul.dj-submenu li:hover li:hover li.active a {
	background:#a26759;
	padding-left: 15px;
	width: 210px;
	color:#350309;
	font-family: "Vivaldi.ttf", Tahoma, Geneva, sans-serif;
	}

#dj-main li span.separator {
	display:block; 
	font-size:0px;
	width:240px;
	line-height:0px; 
	margin-bottom:5px; 
	padding:5px 0 0 0;
	color:#f8d59f;
	border-bottom:1px solid #f8d59f; 
	cursor:default;
	}

#dj-main li:hover li:hover ul,
#dj-main li:hover li:hover li:hover ul,
#dj-main li:hover li:hover li:hover li:hover ul,
#dj-main li:hover li:hover li:hover li:hover li:hover ul
{
	left:240px; 
	top:-1px; 
	background: transparent;
	padding: 0;
	border-top:1px solid #f8d59f;
	border-left:1px solid #f8d59f;
	border-right:1px solid #f8d59f;
	width:240px; 
	z-index:400; 
	height:auto;
}

#dj-main ul, 
#dj-main li:hover ul ul,
#dj-main li:hover li:hover ul ul,
#dj-main li:hover li:hover li:hover ul ul,
#dj-main li:hover li:hover li:hover li:hover ul ul
{
	position:absolute; 
	left:-9999px; 
	top:-9999px; 
	width:0; 
	height:0; 
	margin:0; 
	padding:0; 
	list-style:none;
	}    

