 /*========================= Styl pro hlavní menu HPPS =========================*/
#menu a{
 	color: white;
 }
#menu {
	position:relative;        /* establish a menu-relative positioning context */
	float:left;                                     /* play nicely with others */
	margin:0px;
	margin-top:151px;
	padding:0px;
	border:0;
	height:30px;                                  /* the menu's overall height */ 
	width:100%;         /* we always want our menu to fill the available space */
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;         /* this (and also below) sets the menu's font size */
	font-weight: bold;
	z-index: 10;
}
#menu table{
	background-color: inherit;
	width: 933px;
	border-collapse: collapse;
	margin-left: 19px;
	*margin-left: 18px;
}
#menu table tr{
	height: 32px;
	*height :31px;
	text-align: center;
}
#menu table tr td{
	padding:0px 10px 0px 10px;
	border-left: 1px solid #7896A5;/*8DAAB8;*/
	border-right: 1px solid #7896A5;/*#8DAAB8;*/
	border-collapse: collapse;
}
#menu table tr td ul {
	padding:0px;
	margin: 0px;
	border:0;
	list-style-type:none;          /* we don't want to view the list as a list */
	line-height: 30px;
	*line-height: 31px;
}                               /* this must be 1.0 or 1.5 or 2.0 for Mozilla */
#menu table tr td ul li {
	position:relative;    /* create local positioning contexts for each button */
}
/*======================== TOP LEVEL MENU DEFINITIONS ========================*/
#menu table tr td ul li ul {
	display:none;                  /* initially hide the entire list hierarchy */
}
#menu table tr td ul li a,
#menu table tr td ul li a:visited {                    /* unselected top-level menu items */
	display:block;
	text-decoration:none;
	height: auto;
}
#menu table tr td ul li:hover a,
#menu table tr td ul li a:hover {                        /* selected top-level menu items */
	height: auto;
	color: #ffffe8;
}
/*======================== 2ND LEVEL MENU DEFINITIONS ========================*/
#menu table tr td ul li:hover ul,
#menu table tr td ul li a:hover ul
 {                           
	display:block;
	position:absolute;
	text-align: left;
	font-size: 8pt;
	font-weight: normal;
	margin-top: 0px;
	left:-11px;       
	height:auto;      
	color:black;       
	border: 1px solid black;
	line-height: 1.5em;
	background-image: url(../index.php_soubory/smenu_bgr.png);
}
#menu table tr td ul li:hover ul li a,
#menu table tr td ul li a:hover ul li a
{
		color: #494949;
}
#menu table tr td ul li ul li,
#menu table tr td ul li a ul li
{/* 2nd level unselected items */
	border:0;
	margin:0;
	padding:0;
	float: left;
	height:auto;
	width:17em;
	border-bottom: 1px solid #A8ACB3;
	border-right: 1px solid #A8ACB3;
	border-left: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	padding: 1px 4px 1px 4px;
	line-height: 1.5em;
	background-image: url(../index.php_soubory/smenu_bgr.png);
}
#menu table tr td ul li ul li:hover,
#menu table tr td ul li a ul li:hover
{/* 2nd level unselected items */
		background-image: none;
		background-color: #27326E;
}
#menu table tr td ul li:hover ul li:hover a,
#menu table tr td ul li a:hover ul li a:hover
{
	color: white;
}
#menu table tr td a img{
	border: 1px solid #A6B5BB;
	margin: 0px 2px 0px 2px;
}
#menu table tr td img{
	border: 1px solid #A6B5BB;
	margin: 0px 2px 0px 2px;
}
 /*========================= Styl pro submeny vložená do stránky menu HPPS =========================*/
.smenu{
	position:relative;        /* establish a menu-relative positioning context */
	float:left;                                     /* play nicely with others */
	margin:0px;
	padding:0px;
	border:0;
	height:28px;                                  /* the menu's overall height */ 
	font-size:12px;         /* this (and also below) sets the menu's font size */
	font-weight: bold;
	padding: 0px 13px 0px 13px;
}
.separator{
	background-image: url(../index.php_soubory/separator.png);
	background-position: right;
	background-repeat: no-repeat;
}
.smenu a{
	color: #494949;
}
.smenu ul {
	padding:0px;
	margin: 0px;
	border:0;
	list-style-type:none;          /* we don't want to view the list as a list */
	line-height: 24px;
}                               /* this must be 1.0 or 1.5 or 2.0 for Mozilla */
.smenu ul li {
	position:relative;    /* create local positioning contexts for each button */
}
/*======================== TOP LEVEL MENU DEFINITIONS ========================*/
.smenu ul li ul {
	display:none;                  /* initially hide the entire list hierarchy */
}
.smenu ul li a,
.smenu ul li a:visited {                    /* unselected top-level menu items */
	display:block;
	text-decoration:none;
	height: auto;
}
.smenu ul li:hover a,
.smenu ul li a:hover {                        /* selected top-level menu items */
	height: auto;
	
}
/*======================== 2ND LEVEL MENU DEFINITIONS ========================*/
.smenu ul li:hover ul,
.smenu ul li a:hover ul {                           /* 2nd level drop-down box */
	display:block;
	position:absolute;
	text-align: left;
	font-size: 8pt;
	font-weight: normal;
	margin-top: 0px;
	*margin-top: 18px;
	left:-15px;       /* left-align our drop-down to the previous button border */
	height:auto;      /* the drop-down height will be determiend by line count */
	line-height: 1.5em;
}
.smenu ul li:hover ul li a,
.smenu ul li a:hover ul li a,
.smenu ul li .submenu_text {                   /* 2nd level unselected items */
	border:0;
	margin:0;
	padding:0;
	float: left;
	height:auto;
	color: #494949;           /* this sets the unselected drop-down text color */
	background-image: url(../img/smenu_bgr.png);
	padding: 1px 4px 1px 4px;
	min-width: 13.5em;
	border: 1px solid #A8ACB3;
	border-right: 2px solid #A8ACB3;
}
.smenu  ul li:hover ul li:hover a,
.smenu  ul li a:hover ul li a:hover,
.smenu ul li .submenu_text:hover {                /* 2nd level selected item */
	
	color: #ffffff;
	background: #27326E;
	cursor: pointer;
	
}