/**
  * Internetový obchod
  * ----------------------------------------------------------------
  *
  * Copyright (C) 2008 Ing. Pavel Kryštůfek
  * http://kryspin.esero.net
  *
   * ----------------------------------------------------------------
  * Version: 1.0
  * Date: 12.09.2008
  * ----------------------------------------------------------------
  * CSS Document
  * ----------------------------------------------------------------
**/

/* MENU */
.menu {
	padding: 0;
	margin: 0;
	color: #9c9d9f;
}

.menu a {
	text-decoration: none;
	color: #9c9d9f;
	display: block;
	width: 100%;
	text-align: center;
}

.menu ul, .menu li {
	list-style-type: none;
	margin: 0;
	padding: .2em .5em .2em .5em;
}

ul.uroven1 li.polozka1 {
	float: left;
	position: relative;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	background-color: #5E5E5E;
	background: #5E5E5E url('../gfx/menu_b2.gif') 0 0 repeat-x;
	padding: 0 3em;
	_width: 1px; /* IE */
	/*_width: expression(document.body.clientWidth < 400? "400px" : "auto" );*/
	border-bottom: 0px solid #505050;
	border-left: 1px solid #505050;
	border-right: 1px solid #505050;
	border-top: 0px solid #505050;
}

ul.uroven2 {
	position: absolute;
	/*line-height: 100%;*/
	left: 0;
	top: 30px;
	_top: 31px; /* IE */
	width: 220px;
	background: #5E5E5E;
	visibility: hidden;
	/*padding: .3em .5em;*/
	padding: 0 0 0 0;
	border-left: 1px solid #505050;
	border-right: 1px solid #505050;
	border-bottom: 4px solid #505050;
	z-index:30;
}

ul.uroven1 img {
	vertical-align: middle;
	margin-left: 0px;
	margin-right: 10px;
	border: 0;
}

ul.uroven1 li.polozka1 a:hover {
	color: #fff;
}

ul.uroven2 li.polozka2 a {
	font-weight: normal;
	text-align: left;
	padding: 0 .5em .1em;
	margin: 0 -.5em;
}

.menu a:hover {
	text-decoration: none;
}

ul.uroven2 li.polozka2 a:hover {
	color: #fff;
	background: #e2001a;
	background: #e2001a url('../gfx/menu_b2c.gif');
	background-repeat: repeat-x;
}

ul.uroven1 li.polozka1 {
	behavior: url(hover.htc);
}

ul.uroven1 li.polozka1:hover, 
ul.uroven1 li.polozka1Hover {
	color: #fff;
	background: #e2001a;
	background: #e2001a url('../gfx/menu_b2c.gif');
	background-repeat: repeat-x;
} 

ul.uroven1 li.polozka1Hover ul.uroven2, 
ul.uroven1 li.polozka1:hover ul.uroven2 {
	visibility: visible;
}