/* ----------------------------------- leve menu --------------------------- */
#leve_menu {
	clear:left;
	width:212px;  /* width - LP okraje */
	float:left;
	padding:0px 0px 0px 0px; /* levy okraj například kvůli stínování */
/*	background:#eeeeec;*/
}

#leve_menu .leve_menu_grafika {
    background:transparent url(./../../obrazy/lm-top.gif) no-repeat left top;
}

#leve_menu .leve_menu_grafika_bot {
    background:transparent url(./../../obrazy/lm-bot.gif) no-repeat left bottom;
    padding:20px 0 10px 0;
}
#leve_menu ul li {
	list-style-type:none;
	/* ostatní nulování atd. není nutné, dělám výše, pokud se dodrží pravidla, je to ok, stejně pro ul */
}

#leve_menu a {
	text-decoration:none; /* pokud nechci podtržené odkazy v menu */
}
#leve_menu ul li a:hover {
	text-decoration:underline;
}
#leve_menu ul li {
	background:#eeeeec url(./../../obrazy/lm-bck.gif) repeat-x left top;
	/* sem vložím obr pokud potřebuju kombinovat 2 obrázky v sobě - sem pozadí a do a níže třeba šipku
		je to vidět na 2. úrovni */
}

.tuleni_wrap #leve_menu ul li {
	background:#eeeeec url(./../../obrazy/tuleni/lm-bck.gif) repeat-x left top;
}



/* nastavím jak bude vypadat klasická položka v 1. úrovni a jak když bude aktivní = span */
#leve_menu ul li a, #leve_menu ul li.active span {
	display:block;
    width:190px; /* TW - padding LR */
	padding:7px 0px 7px 22px;
	height:auto; /* pokud možno auto */
	font-size:100%; /* velikost v první úrovni */
	background:transparent url(./../../obrazy/odr.gif) no-repeat 6px 11px;
	color:#000;
}
/* pokud by active položka měla jiný obr na pozadí a podobně spec. vlastnosti jen pro aktivní položku */
/* vzniklo protoze neslo nastylovat li s padding left, posouvalo i podpolozky a opravy IE nebral */
#leve_menu ul li.active span {
	font-weight:bold;
}

#leve_menu ul li.active  {
	background:#f5ad74 url(./../../obrazy/lm-bck-active.gif) repeat-x left top;
}

.tuleni_wrap #leve_menu ul li.active  {
	background:#bac9da url(./../../obrazy/tuleni/lm-bck-active.gif) repeat-x left top;
}

#leve_menu ul li a:hover, #leve_menu ul li.active span {
	background:transparent url(./../../obrazy/lm-odr-active.gif) no-repeat 6px 11px;
}

.tuleni_wrap #leve_menu ul li a:hover, .tuleni_wrap #leve_menu ul li.active span {
	background:transparent url(./../../obrazy/tuleni/lm-odr-active.gif) no-repeat 6px 11px;
}

/* ------------------------- leve menu submenu - varianta 2 ------------------------------------- */
/* ------------------------- rozbalene submenu 2. úroveň  ------------------------------------- */

/* sem vložím obr pokud potřebuju kombinovat 2 obrázky v sobě - sem pozadí a do a níže třeba šipku */
#leve_menu ul li.active ul li {
	background:#EEE7B1 url(./../../obrazy/obr_16.jpg) repeat-y left top;
}
/* 1. se projeví při výpisu, 2. se projeví, když jsem na podpoložce, 3. když je položka aktivní */
#leve_menu ul li ul li a, #leve_menu ul li.active ul li.active a.active, #leve_menu ul li ul li.active span {
    width:172px; /*200 - padding LP*/
	height:auto;
	padding:7px 0px 4px 28px;
	background:transparent url(./../../obrazy/obr_22.jpg) no-repeat 8px 13px;
	color:#242D28;
	font-weight:normal;
	font-size:90%; /* musím zmenšit, protože jsem výše zvětšil */
}
/* speciality, pokud potřebuju odlišení od základního vzhledu */
#leve_menu ul li.active ul li.active a.active, #leve_menu ul li ul li.active span {
	display:block;
	color:#08714E;
	background:transparent url(./../../obrazy/obr_25.jpg) no-repeat 8px 13px;
	font-weight:bold;
}
/* speciality, pokud potřebuju odlišení od základního vzhledu - hodně zaměřené */
#leve_menu ul li.active ul li.active a.active {
	font-weight:normal;
}
/* speciality, pokud potřebuju odlišení od základního vzhledu - hodně zaměřené */
#leve_menu ul li ul li.active {
	background-color:#FFFFFF;
	border-bottom: 1px solid #C6C6C6;
	background-image:none;
}
/* ------------------------- rozbalene submenu 3. úroveň  ------------------------------------- */
#leve_menu ul li.active ul li ul li {
	background:#EEE7B1 none repeat-y left top;
}
#leve_menu ul li ul li ul li a, #leve_menu ul li.active ul li ul li a, #leve_menu ul li ul li ul li.active span {
    width:172px; /*200 - padding LP*/
	height:auto;
	padding:7px 0px 4px 28px;
	background:transparent none no-repeat 8px 13px;
	color:#242D28;
	font-weight:normal;
	font-size:90%; /* musím zmenšit, protože jsem výše zvětšil */
}
#leve_menu ul li ul li ul li.active span {
	font-weight:bold;
}

#leve_menu .loga {
	padding:10px 0 0 0;
}

#leve_menu .loga p {
	text-align:center;
}

#leve_menu .loga a {
	display:inline;
	background:#fff;
}

#leve_menu hr {
    width:85%;
}