/* common styling */
.menu {	width:954px; position:relative;	margin:0px;  background-color: #333; height:30px;}
.menu ul li a {
	display:block;
	height: 20px;
	float: left;
	padding: 5px 15px;
	text-decoration:none;
	text-align:center;
	color:#fff;
	line-height:20px;
	margin: 0px;
	font-size: 11px;
	overflow: hidden;
	background-color: #333;
	letter-spacing: 1px;
	border: 0px solid #333;
	}
	
.menu ul.but1 li a {width: 160px; padding-left:10px }
.menu ul.but2 li a {width: 130px; padding-left:10px}
.menu ul.but3 li a {width: 178px; padding-left:10px}

.menu ul {padding:0px; margin:0px;list-style-type: none;}
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {display:block; background-color: #5e5e5e; color: #fff;}
.menu ul li:hover ul {display:block; position:absolute; top:30px; left:0; width:217px;}

.menu ul li:hover ul li a.hide {background-color: #ff8f45; color:#fff; }
.menu ul li:hover ul li:hover a.hide {background-color: #5e5e5e; color:#fff;}
.menu ul li:hover ul li:hover ul li a.hide {background-color: #ff8f45; color:#fff; }
.menu ul li:hover ul li:hover ul li:hover a.hide {background-color: #5e5e5e; color:#fff;} /*necha zabarveny button pod najeti do dalsiho submenu*/

.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background-color: #ff8f45; color:#fff; text-align:left; border-top: 1px solid #ffcaa6;}
.menu ul li:hover ul li a:hover {background-color: #666666; color:#fff;}

.menu ul li:hover ul li:hover ul.subbut {display:block; position:absolute; left:155px; top:0;}
.menu ul li:hover ul li:hover ul.subbut li a{ width:180px}

.menu ul li:hover ul li:hover ul.subbut2 {display:block; position:absolute; left:-145px; top:0;}
.menu ul li:hover ul li:hover ul.subbut2 li a{ width:120px}

.menu ul li:hover ul li:hover ul li:hover ul.subsubbut {display:block; position:absolute; left:-145px; top:0;}
.menu ul li:hover ul li:hover ul li:hover ul.subsubbut li a{ width:120px;}
.menu ul li:hover ul li:hover ul li:hover ul.subsubbut li:hover a{ background-color: #5e5e5e}

.menu ul li:hover ul li:hover ul li:hover ul.subsubbut2 {display:block; position:absolute; left:-175px; top:0;}
.menu ul li:hover ul li:hover ul li:hover ul.subsubbut2 li a{ width:150px;}
.menu ul li:hover ul li:hover ul li:hover ul.subsubbut2 li:hover a{background-color: #5e5e5e}

/*.menu ul li:hover ul li:hover ul.leftik{left:-135px;}*/

.corner {background-image: url(../../img/menu-corner.gif); background-repeat: no-repeat; background-position: 98% 17px}