ul.dropdown {
 font-weight: normal;
}

	ul.dropdown li {
	 color: #898989;
	 border:0;
     padding:0 5px;
	 font-size:16px;
	}

  ul.dropdown a {
	 padding: 4px 0;
     font-weight: normal;
   margin:0 7px;
   display: block;
   z-index:100;
   position: relative;
   }

   ul.dropdown li li a {
   border:0 !important;
   }
	
  ul.dropdown li ul li{
    background-color: var(--cerna);
    font-size:14px;
    }
    ul.dropdown  {
    transition:all 150ms ease !imporant;
	}



	ul.dropdown a:link,
	ul.dropdown a:visited	{ color: var(--cerna); text-decoration: none; }
	ul.dropdown a:hover		{ color:  white;}
	ul.dropdown a:active	{ color:  white; }
    ul.dropdown a.actual 	{ color:  white;}

ul.dropdown a {
top:0;
position: relative;
}

ul.dropdown a::before {
content:'';
left:-8px;
bottom:50%;
width:calc(100% + 16px);
height:1px;
position: absolute;
transition:all 100ms ease-in;
z-index:-1;
opacity:0;

background-color:var(--zelena);
border-radius:2px;
}

ul.dropdown a.actual::before {
background-color:var(--zelena2);

}


ul.dropdown a:hover::before, ul.dropdown a.actual::before {

height:100%;
opacity:1;
bottom:0;
}




ul.dropdown li li a::before {
height:1px;
opacity:0.4;
}







	ul.dropdown li li a:link,
	ul.dropdown li li a:visited{ color: white;}
	ul.dropdown li li a:hover	{ color: var(--zluta); }
	ul.dropdown li li a:active	{ color: var(--zluta); }
    ul.dropdown li li a.actual	{ color: var(--zluta); }




ul.dropdown a {
display: block;
}
	/* -- level mark -- */

	ul.dropdown ul {
	 width: 240px;
	 margin-top:0px;
	}

		ul.dropdown ul li {
		 font-weight: normal;
		}



/*-------------------------------------------------/
 * @section		Support Class `dir`
 * @level sep	ul, .class
 */

ul.dropdown *.dir {
 padding-right: 20px;
 background-image: url(images/nav-arrow-down.png);
 background-position:100% 50%;
 background-repeat: no-repeat;
}


/* -- Components override -- */

ul.dropdown-horizontal ul *.dir {
 padding-right: 15px;
 background-image: url(images/nav-arrow-right.png);
 background-position: 100% 50%;
 background-repeat: no-repeat;
}

ul.dropdown-upward *.dir {
 background-image: url(images/nav-arrow-top.png);
}

ul.dropdown-vertical *.dir,
ul.dropdown-upward ul *.dir {
 background-image: url(images/nav-arrow-right.png);
}

ul.dropdown-vertical-rtl *.dir {
 padding-right: 10px;
 padding-left: 15px;
 background-image: url(images/nav-arrow-left.png);
 background-position: 0 50%;
}