#nav{list-style: none; }

 #nav ul { 
	 padding: 0;
	 margin:0;
	 left:1px;
    width:100px;
    z-index:100;
    position:absolute;
    overflow:visible;  
	 border-top: solid 0px #000000;
	 border-bottom:0px;
   }

#nav li { 
    margin:0px;
    margin-right:0px; 
    padding: 0;  
    position: relative; 
    float:left;
	 width: 100px;
	 display:block;
    height:50px;
    border: solid px #000000;
	 background-image: url('images/menu_tlo.gif');  
	 background-repeat: no-repeat;  
    
}
#nav ul li{ 
background-image: url('images/tlo_do_menu.gif');
opacity: .8;
filter: alpha(opacity=80);
height:28px;
width: 120px;
text-align: left;
}

#nav ul li{ border-width:0px 0px 0px 0px;}
#nav ul ul li{ border-width:px 0px 0px 0px;}
#nav ul ul li:last-child{border-width:0px;}
 
#nav a {
    text-decoration:none; 
    display:block;
    height:22px;
	 color: #ffffff;
	 text-align: center;
	 width:100px;

	
}

#nav li:hover{
background-image: url('images/menu_tlo_hover.gif');  
background-repeat: no-repeat;  

}
#nav a:hover{
	text-decoration:none; 
   display:block;
   color: #000000;
}
#nav ul li a:hover{


}

#nav ul{
    display:none; 
    margin-top:16px !important; 
    margin-top: 27px; /* IE */
		width: 120px;
    }

/*all see this */
#nav ul ul{

    display:none; 
    position:absolute; 
    margin-top:-19px !important; 
    margin-top: -11px; /* IE */
    margin-left:120px;
    width: 120px;
}

 /* non-IE browsers see this */
 #nav ul li>ul, #nav ul ul li>ul{
    margin-top:-10px; 


}

 
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li:hover ul ul ul ul ul{
    display:none; 
    
}

#nav li:hover ul, #nav ul li:hover ul, #nav ul ul li:hover ul, #nav ul ul ul li:hover ul, #nav ul ul ul ul li:hover ul{
    display:block;
}



li>ul { 
	top: auto;
	left: auto;
}
#nav{
position:absolute; 
top: 4px !important;
top: 16px; /* IE */
left: -40px !important;
left:-40px; /* IE */
z-index:99; 
width: 800px;
}