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

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

#menu {		
	/*background-color: #FF66FF;*/
	position:relative;
	float: left;
	clear:none;

	width:  212px;
	_width:  172px;
	height: auto;
	padding-top:    47px;
	padding-bottom: 40px;
	padding-left:   -22px;
		
	top:       0px;
	&top:      7px;
	_top:      7px;
	left:     -22px;/**/

	FONT-SIZE: 75%;
	font-weight: normal;
	letter-spacing: 0px;
	text-align: left;
	color: #333311;/*______________________________barva písma MENU______*/
	
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;		
}

/* vzhled odkazu v celem menu */
#menu ul li a, #menu ul li span {
	display:    block;
	width:      188px;
	
	background-image: none;
	font-size:12px; 
	font-weight:bold; 
	text-decoration:none;
}

#menu ul a, #menu ul a:visited, #menu ul span {
	display:    block;
	width:      188px;
	
	padding-right:   0px;
	padding-bottom:  0px;
	padding-left:    0px;
	padding-top:     0px;
	
	text-decoration:none;
	background-image: none;
	COLOR: #333311;/*__________________________odkazy MENU___*/	
}
#menu ul a:hover, #menu ul span:hover {
	background-image: none;
 	COLOR: #ffffff;/*____________________najeté odkazy MENU___*/
}


	
/* menu 1. urovne */
#menu ul { 
	background-image: none;
	list-style-type: none;
}
	
#menu ul li { float: left;  /*float:left____!!!!! */
	left:        0px;
	
	background-image:  url(../images/menu-out.jpg);
	background-repeat: repeat-x;
	background-position: left top;

	display:      block;
	width:        188px;
	_width:        188px;	
	position: relative;
	text-align: left;
	
	padding-right:  10px;
	padding-bottom:  5px;
	padding-left:   25px;
	padding-top:     5px;
	
	
	/*border-right: 1px solid  #FFDDCC;_________pravý oddělovač položek__________________*/
	border-bottom: 1px solid #E7E9F2;/*  podtržení řádku menu */
}
#menu ul li:hover   { 
	color: #ffffff;
	background-image:  url(../images/menu-in.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
#menu ul li:hover a  { 
 	COLOR: #ffffff;/*____________________najeté odkazy MENU a odjeté do podmenu _________*/
}


/* submenu */
#menu ul li ul{
	border:1px solid #1A5DB6;
	visibility: hidden;
	position: absolute;
	top: -1px;
	left: 223px;
	width:223px;
	padding:0px;
	margin:0px;
	background-color: #CCCCCC;
	text-align:left;
 	COLOR: #AA0000;
}
#menu ul li ul li {
	border-top:   1px solid #D8E0EE;
	border-bottom:1px solid #CDD5E3;
	padding:3px 15px 3px 20px;
	margin:0px;
	left: 0px;
	text-align:left;
}

/* pozice pro menu >2. urovne */
#menu ul li ul li ul {
	top:-2px;
	left:223px;
	/*left:190px;*/
	position:absolute;
}


/* vzhled odkazu v submenu*/
#menu ul li ul li a, #menu ul li ul li span {
	margin:0;
	padding:0px 0px 0px 0px;
}

/* 1. uroven */
#menu ul li:hover {color:#ffffff;}

/* 2.uroven */
#menu ul li:hover ul { visibility: visible;display: block; }
#menu ul li:hover ul li a {	color:#333311; }
#menu ul li:hover ul li:hover {color:#ffffff; }
#menu ul li:hover ul li:hover a, #menu ul li:hover ul li:hover span{color:#ffffff;}

/* 3.uroven */
#menu ul li:hover ul li ul { visibility: hidden; }
#menu ul li:hover ul li:hover ul { visibility: visible;display: block; }
#menu ul li:hover ul li:hover ul li a { color:#333311;}
#menu ul li:hover ul li:hover ul li:hover a, #menu ul li:hover ul li:hover ul li:hover span { color:#ffffff; }

/* 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 { visibility: visible;display: block; }
#menu ul li:hover ul li:hover ul li:hover ul li a { color:#333311;}
#menu ul li:hover ul li:hover ul li:hover ul li:hover a { color:#ffffff;}