@charset "utf-8";
/* CSS Document */

body { _behavior: url("stranky/inc/csshover.htc"); }

#menu {	position:relative;
	/*background-color:#FF6633;*/
	z-index:2;
	
	width:  262px;
	
	min-height: 250px;
	height: auto;
	_height: 170px;
	
	padding-bottom:  20px;
	
	top:       0px;/* pozice shora pro ostatní prohlížeče - Mozilla, Firefox, Opera */
	&top:     12px;/* pozice shora pro IE7  (+12px)*/
	_top:     12px;/* pozice shora pro IE6  (+12px) - nutno zachovat toto pořadí! */
	
	left:    -15px;

	FONT-SIZE: 70%;
	font-weight: normal;
	text-align: left;
	color: #CC0000;/*______________________________barva písma MENU______*/
	
	font-family: Arial, Verdana, Helvetica, sans-serif;		
}
#menu ul a, #menu ul a:visited {
	width: auto;
	COLOR: #CC0000;/*______________________________odkazy MENU___________*/
	
	display:       block;
	text-decoration:none;
	
	padding-top:     0px;
	padding-right:  0px;
	padding-bottom:  0px;
	padding-left:   0px;
}
#menu ul a:hover {
 	COLOR: #FF3300;/*____________________najeté odkazy MENU - pro IE 6___*/
}
#menu ul span {
}


	
/* menu 1. urovne */
#menu ul { 
	list-style-type: none;
}
	
#menu ul li { float: left;
	
	background-image:url(../images/menu-out.gif);
	background-position: left top;
	background-repeat:no-repeat;

	width:       177px;	
	position: relative;
	line-height:  20px;
	
	border-bottom: #F2AD53 1px solid;	
	
	padding-top:     2px;
	padding-right:  10px;
	padding-bottom:  2px;
	padding-left:   35px;
}

#menu ul li:hover   { 
	color: #FF3300;
	border-bottom: #CF8521 1px solid;
	background-image:url(../images/menu-in.gif);
	background-position: left top;
	background-repeat:no-repeat;
}
#menu ul li:hover a  { 
 	COLOR: #FF3300;/*____________________najeté odkazy MENU a odjeté do podmenu _________*/
}

/* submenu */
#menu ul li ul {
	visibility: hidden;
	background-image:  url(../images/bg_menu.jpg);
	background-repeat: repeat-y;
	background-position: right bottom;
 	COLOR: #CC0000;/*______________________________barva písma PODmenu______*/
	background-color: #F2ECBB;/*___________________podklad PODMENU_______________________*/
	FONT-SIZE: 100%;
	text-align: left;
	letter-spacing:0px;
	line-height:  21px;
	
	position: absolute;
	left:   220px;
	top:    0px;
	width:         226px;
	_width:         170px;
	
	border-top:    #FFCC00 3px solid;
	border-right:  #C1A466 2px solid;
	border-bottom: #999999 1px solid;
	border-left:   #EED39D 2px solid;/*_________________rám podmenu________________________*/

	/*padding-top:    3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left:  35px;*/
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}


/* pozice pro menu >2. urovne */
#menu ul li ul li ul { 
	left:  220px;
	top:     0px;
}



/* vzhled odkazu v submenu */

#menu ul li ul a, #menu ul li ul a:visited { 
 		COLOR: #CC0000;/*_______________ pododkazy - blok________________*/
		display: block;
		width: auto;
}
#menu ul li ul a:hover { 
 		COLOR: #FF3300;/*________________najeté pododkazy - blok__________*/
}
#menu ul li ul li a {
 		COLOR: #CC0000;/*____________________pododkazy - ostatní________________*/
		width: auto;
}
#menu ul li:hover ul li a, #menu ul li:hover ul li a:visited { 
 		COLOR: #CC0000;/*____________________pododkazy - pro IE6_________________*/
		width: auto;
}
#menu ul li:hover ul li a:hover  {  
 		COLOR: #FF3300;/*____________________najeté pododkazy ____________________*/
}

/* 2.uroven */
#menu ul li:hover ul  { 
	/*background-image:  url(../images/bg_podmenu.jpg);
	background-repeat: repeat-y;
	background-position: right bottom;*/
	/*padding-top:    5px;
	padding-bottom: 0px;*/
	display:    block;
	visibility: visible;
 	/*COLOR: #ffffff;____________________barva písma PODmenu celková_______________*/
}
#menu ul li:hover ul li { 
	background-image:    url(../images/menu-out.gif);
	background-repeat:   no-repeat;
	background-position: left top;
	width:   180px;
	/*padding-left: 45px;*/
	/*border-bottom: #084081 0px solid;_____________podtržení řádku podmenu__________ */
}
#menu ul li:hover ul li:hover  {  
	background-image:    url(../images/menu-in.gif);
	background-position: left top;
	background-repeat:   no-repeat;
	width:   180px;
 	COLOR:   #FF3300;/*____________________najeté pododkazy ____________________*/
}

/* 3.uroven */
#menu ul li:hover ul li ul { 
		visibility: hidden; }
#menu ul li:hover ul li:hover ul {
		display:    block;
		visibility: visible;
		width:      226px;
}
#menu ul li:hover ul li:hover ul li {  }
#menu ul li:hover ul li:hover ul li a {  }
#menu ul li:hover ul li:hover ul li:hover { 
		width:      180px;
}

/* 4.uroven */
#menu ul li:hover ul li:hover ul li ul { 
		visibility: hidden; }
#menu ul li:hover ul li:hover ul li:hover ul { 
		display:    block;
		visibility: visible;
		width:      226px;
}		
#menu ul li:hover ul li:hover ul li:hover ul li {  }
#menu ul li:hover ul li:hover ul li:hover ul li a {  }
#menu ul li:hover ul li:hover ul li:hover ul li:hover {  
		width:      180px;
}