/* ----- [ HLAVNI MENU ] ---------------------------------------------------- */
#main-menu
{
  float:left;
	width:950px;
	text-align:center;
	background:#000;
	margin:3px 0 3px 0;
  background:url('system-img/main-menu-up.gif');	
}


#main-menu ul
{
  list-style:none;
  padding:0px;
  margin:0;
}

#main-menu ul li
{
  float:left;
  margin:0;
  padding:0;
}

#main-menu a
{
	text-transform:uppercase;
  float:left;
  display:block;
  /*margin:0 2px 0 2px;*/
  /*border-left:1px solid #000;*/
  border-right:2px solid #000;
  padding: 7px 33px 6px 33px;
/*  background:#111;*/
/*  border-bottom:3px solid #444;*/
  text-decoration:none;
  font-weight:bold;
  font-size:12px;
  
	color:black;  
  background:url('system-img/main-menu-up.gif');
}

#main-menu a:hover, #main-menu .active
{
  background:url('system-img/main-menu-down.gif');
/*  background:#222;
  border-bottom:3px solid red;*/
  color:white;
}





/* ----- [ VERTIKALNI MENU ] ------------------------------------------------ */

#sub-menu  {
  display:block;
  float:left;

    width: 218px;
    border-left: 1px solid #111;
    border-right: 1px solid #111;
    border-bottom: 2px solid #111;
    /*border-top: 3px solid #E10000;*/
    border-top: 3px solid #666;
    _overflow:hidden;
    margin:0 0 5px 0;
}

/* ------------- STYL PRO <ul>, DALSI DEFINUJI JEN POZADI DANE UROVNE --------*/

#sub-menu ul {
    padding:0;
    margin: 0;
    list-style: none;
    border-style: none;
    background: #222;
    font-weight: bold;
}

#sub-menu ul ul{
background: #1a1a1a;
font-weight: normal;
list-style:none;
}

#sub-menu ul ul ul{
background: #151515;
}

#sub-menu ul ul ul ul{
background: #151515;
}

#sub-menu ul ul ul ul ul{
background: #151515;
}




/* -------- STYL <li>, DALSI DEFINUJI JEN POZICI VIRTUALNI ODRAZKY -----------*/


#sub-menu ul li {
/*height: 24px;*/
border-top: 1px solid #111;
margin:0;
}


/* ----------------- STYLY ODKAZU JEDNOTLIVYCH UROVNI  -----------------------*/

#sub-menu a{
display: block;
text-decoration: none;
/*color:red;*/
padding: 5px 5px 5px 10px;
width: 193px;
_width: 216px;
/*background: url("http://img.kasa.cz/kasa-img/plus.gif") no-repeat 8px 50% ;*/
_font-size:11px;
}

#sub-menu a:hover{
text-decoration: underline;
background:#333;
color:white;
}


#sub-menu .active
{
text-decoration: underline;
color:white;
}

#sub-menu ul ul a{
display:block;
padding: 5px 5px 5px 30px;
width: 188px;
_width: 216px;
background: /*#f06*/ url("system-img/arrow.gif") no-repeat 15px 50% ;
}

#sub-menu ul ul ul a{
/*background: #F8C;*/
padding-left: 45px;
width: 173px;
_width: 216px;
background: url("system-img/arrow.gif") no-repeat 30px 50% ;
}

#sub-menu ul ul ul ul a{
/*background: #f4d;*/
padding-left: 60px;
width: 158px;
_width: 216px;
background: url("system-img/arrow.gif") no-repeat 45px 50% ;
}

#sub-menu ul ul ul ul ul a{
/*background: #f0d;*/
padding-left: 75px;
width: 143px;
_width: 216px;
background: url("system-img/arrow.gif") no-repeat 60px 50% ;
}

#sub-menu ul ul ul ul ul ul a{
padding-left: 90px;
width: 128px;
_width: 216px;
background: url("system-img/arrow.gif") no-repeat 75px 50% ;
}

#sub-menu ul ul ul ul ul ul ul a{
padding-left: 105px;
width: 113px;
_width: 216px;
background: url("system-img/arrow.gif") no-repeat 90px 50% ;
}