/***********************************
 * polozka                      RADEK
 *=================================== 
 * pozadi menu                  18 
 * pozadi hover polozka menu    101 
 * pozadi submenu               118 
 * pozadi hover polozka submenu 122, aktivni nadrazena polozka submenu 121
 *   
 ***********************************/

/* horizontální menu */
#main-menu {
	position: absolute;
	top: 269px; left: 0;
	height: 50px; /* vyska menu v závislosti na vysce se musí nastavit padding prvni parametr na rádku 8 layout.css */
	width: 956px; /* sirka menu */
    background: #446EA3 url('/img/default/menu-corners-bottom.png') 0 100% no-repeat;
}

#main-menu .main-menu, #main-menu .main-menu * {
	margin: 0;
	padding: 0;
	list-style:	none;
}

#main-menu .main-menu {
	line-height: 1.0;
}

#main-menu .main-menu ul {
	position: absolute;
	top: -999em;
	width: 150px; /* sirka submenu */
}

#main-menu .main-menu li:hover {
	visibility: inherit; /* fix IE7 'sticky bugu' */
}

#main-menu .main-menu li {
    min-width: 100px;
	position: relative;
	float: left;
	margin-right: 7px;
}

#main-menu .main-menu a {
    font-size: 15px;
	position: relative;
	display: block;
}

#main-menu .main-menu li:hover ul,
#main-menu .main-menu li.sfHover ul {
	top: 30px; /* odpovida vysce (radek 15) */
	left: 0;
	z-index: 99;
}

ul#main-menu .main-menu li:hover li ul,
ul#main-menu .main-menu li.sfHover li ul {
	top: -999em;
}

ul#main-menu .main-menu li li:hover ul,
ul#main-menu .main-menu li li.sfHover ul {
	left: 150px; /* odpovida sirce submenu (radek 34) */
	top: 0;
}

ul#main-menu .main-menu li li:hover li ul,
ul#main-menu .main-menu li li.sfHover li ul {
	top: -999em;
}

ul#main-menu .main-menu li li li:hover ul,
ul#main-menu .main-menu li li li.sfHover ul {
	top: 0; left: 10em;
}

/*** DEMO SKIN ***/
#main-menu .main-menu {
	float: left;
	margin: 8px 0 0 8px;
}

#main-menu .main-menu a {
	text-decoration: none;
}

#main-menu .main-menu a .content {
    float: left;
	padding: 11px 2px 6px 23px;
	text-decoration: none;
	background: url('/img/default/bullet-menu.png') 0 9px no-repeat;
}

#main-menu .main-menu a .corner-left,
#main-menu .main-menu a .corner-right {
    float: left;
    display: block;
    width: 15px;
    height: 32px;
}
    #main-menu .main-menu a .corner-left {
        background: url('/img/default/menu-corner-left.gif') 0 -100px no-repeat;
    }

    #main-menu .main-menu a .corner-right {
        background: url('/img/default/menu-corner-right.gif') 0 -100px no-repeat;
    }

#main-menu .main-menu a, #main-menu .main-menu a:visited  {
    font-weight: bold;
	color: #fff;
}

/* HOVER */
#main-menu .main-menu a:hover .content {
	/*background-color: #1D4577;*/
	background-color: #E29839;
}

    #main-menu .main-menu a:hover .corner-left,
    #main-menu .main-menu a:hover .corner-right {
        background-position: 0 0;
    }

#main-menu .main-menu a, #main-menu .main-menu a:visited  {
    font-weight: bold;
	color: #fff;
}

#main-menu .main-menu li {}
#main-menu .main-menu li li {}
#main-menu .main-menu li li li {}

#main-menu .main-menu li:hover, #main-menu .main-menu li.sfHover,
#main-menu .main-menu a:focus, #main-menu .main-menu a:hover, #main-menu .main-menu a:active {
/*	background: #1D4577;*/
}

/*** Nastaveni SUBmenu ***/
		
/* 1. uroven MENU */
#main-menu .main-menu li {}
		
/* 1. uroven SUBmenu */
#main-menu .main-menu ul {
	position: absolute;
	width: 150px;
}
	#main-menu .main-menu ul li {
    	width: 100%;
		display: block;
        background: #B6C4C7;
	}
		
	#main-menu .main-menu ul li:hover { background-color: #C2CFD1; }
	#main-menu .main-menu ul li a:hover { background-color: #C2CFD1;}
		
/* 2. uroven SUBmenu */
#main-menu .main-menu ul ul {
	
}
	#main-menu .main-menu ul ul li {}
	#main-menu .main-menu ul ul li a {}
	
    #main-menu .main-menu ul ul li:hover {}
    #main-menu .main-menu ul ul li a:hover {}
		
/* 3. uroven SUBmenu */
#main-menu .main-menu ul ul ul {
	margin-left: 29px; /* odsazení menu 4.úrovně - od menu 3.úrovně pravého okraje */
}
	#main-menu .main-menu ul ul ul li {}
	#main-menu .main-menu ul ul ul li a {}
	
    #main-menu .main-menu ul ul ul li:hover {}
    #main-menu .main-menu ul ul ul li a:hover {}
		
/* 4. uroven SUBmenu */
#main-menu .main-menu ul ul ul ul {
	margin-left: 28px; /* odsazení menu 4.úrovně - od menu 3.úrovně pravého okraje */
}
	#main-menu .main-menu ul ul ul ul li {}
	#main-menu .main-menu ul ul ul ul li a {}
	
    #main-menu .main-menu ul ul ul ul li:hover {}
    #main-menu .main-menu ul ul ul ul li a:hover {}

/* VOLITELNE STYLY - indikator submenu a stin pod submenu
*
*  indikator submenu - musi se povolit v superfish.js (radek 26)
*  stin pod submenu - musi se povolit v superfish.js (radek 27)
*  
*/

/*** Indikator submenu ***/
#main-menu .main-menu a.sf-with-ul {
	padding-right: 2.25em;
	min-width: 1px; /* IE7 bugFix */
}

.sf-sub-indicator {
	position: absolute;
	display: block;
	right: .75em;
	top: 1.05em; /* jen IE6 */
	width: 10px;
	height: 10px;
	text-indent: -999em;
	overflow: hidden;
/*	background: url('/img/arrow.png') no-repeat -10px -100px; */
}

a > .sf-sub-indicator {  /* pro vsechny prohlizece vyjma IE6 */
	top: .8em;
	background-position: 0 -100px;
}

/* pozice indikatoru pro vsechny prohlizece vyjma IE6 */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px;
}

/* point right for anchors in subs */
#main-menu .main-menu ul .sf-sub-indicator { background-position:  -10px 0; }
#main-menu .main-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
#main-menu .main-menu ul a:focus > .sf-sub-indicator,
#main-menu .main-menu ul a:hover > .sf-sub-indicator,
#main-menu .main-menu ul a:active > .sf-sub-indicator,
#main-menu .main-menu ul li:hover > a > .sf-sub-indicator,
#main-menu .main-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0;
}

/* Zobrazování jednotlivých submenu v závislosti na zanoření */
.menu-collapsable > li > .level-1-wrapper {
    display: none;
}

.menu-collapsable > li > .level-1-wrapper ul li.active .level-1-wrapper ul {
    display: block !important;
}

.menu-collapsable > li.opened > .level-1-wrapper {
    display: block;
}