/* MAIN MENU */
#menu {
      position:absolute;
      clear:both;
      width:951px;
      height:56px;
      top:101px;/*111*/
      margin-left:17px;
      /*background:#dfd9cf;*/
      background:url('../img/menuback.jpg') no-repeat left bottom !important;
}


#menu ul.mainmenu {
      list-style:none;
      height:50px;
	  margin-left: 5px;
      /*background:url('../img/menuback.jpg') no-repeat left top !important;*/
}

#menu ul.mainmenu li {
      float:left;
      display:inline;
      behavior: url('/css/mainmenu.htc');
}

#menu ul.mainmenu li a {
      display:block;
      color:#393634;
      /*padding-left:20px;
      padding-right:20px;*/
x      font-family:tahoma;
      font-size:1.42em;
      font-weight:bold;
      text-transform:uppercase;
      text-decoration:none;
      /*background:url('../img/m-odr.gif') no-repeat right center;*/ /*kdyby se pozila txt verze, tak tohle jsou odrazky za polozkami*/
}

/* položky v menu */
/* o společnosti */
#menu ul.mainmenu li a.o-spolecnosti {
	width:160px;
	height:56px;
	margin-left:0px;
	background:url('../img/cs/m-o-spolecnosti.jpg') no-repeat left bottom !important;
}

#menu ul.mainmenu li a.o-spolecnosti:hover {
	  width:160px;
	  height:56px;
	  margin-left:0px;
	  background:url('../img/cs/m-o-spolecnosti-h2.gif') no-repeat left bottom !important;
}

/* e-shop */
#menu ul.mainmenu li a.e-shop {
	width:94px;
	height:56px;
	margin-left:0px;
	background:url('../img/cs/m-eshop-h.gif') no-repeat left bottom !important;
}

#menu ul.mainmenu li a.e-shop:hover {
	  width:94px;
	  height:56px;
	  margin-left:0px;
	  background:url('../img/cs/m-eshop-h2.gif') no-repeat left bottom !important;
}

/* hra velka cena */
#menu ul.mainmenu li a.hra-velka-cena {
	width:169px;
	height:56px;
	margin-left:0px;
	background:url('../img/cs/m-hra-velka-cena-h.gif') no-repeat left bottom !important;
}

#menu ul.mainmenu li a.hra-velka-cena:hover {
	  width:169px;
	  height:56px;
	  margin-left:0px;
	  background:url('../img/cs/m-hra-velka-cena-h2.gif') no-repeat left bottom !important;
}

/* clanky */
#menu ul.mainmenu li a.clanky,
#menu ul.mainmenu li a.clanky-2 {
	width:99px;
	height:56px;
	margin-left:10px;
	background:url('../img/cs/m-clanky-h.gif') no-repeat left bottom !important;
}
#menu ul.mainmenu li a.clanky:hover,
#menu ul.mainmenu li a.clanky-2:hover {
	  width:99px;
	  height:56px;
	  margin-left:10px;
	  background:url('../img/cs/m-clanky-h2.gif') no-repeat left bottom !important;
}

/* hry a souteze */
#menu ul.mainmenu li a.hry-a-souteze {
	width:143px;
	height:56px;
	margin-left:10px;
	background:url('../img/cs/m-hry-a-souteze.jpg') no-repeat left bottom !important;
}
#menu ul.mainmenu li a.hry-a-souteze:hover {
	  width:143px;
	  height:56px;
	  margin-left:10px;
	  background:url('../img/cs/m-hry-a-souteze-h2.gif') no-repeat left bottom !important;
}

/* zakaznickz servis */
#menu ul.mainmenu li a.zakaznicky-servis {
	width:191px;
	height:56px;
	margin-left:0px;
	background:url('../img/cs/m-zakaznicky-servis-h.gif') no-repeat left bottom !important;
}
#menu ul.mainmenu li a.zakaznicky-servis:hover {
	  width:191px;
	  height:56px;
	  margin-left:0px;
	  background:url('../img/cs/m-zakaznicky-servis-h2.gif') no-repeat left bottom !important;
}

/* kontakty */
#menu ul.mainmenu li a.kontakty {
	width:112px;
	height:56px;
	margin-left:0px;
	background:url('../img/cs/m-kontakty.jpg') no-repeat left bottom !important;
}
#menu ul.mainmenu li a.kontakty:hover {
	  width:112px;
	  height:56px;
	  margin-left:0px;
	  background:url('../img/cs/m-kontakty-h2.gif') no-repeat left bottom !important;
}
 	/* NAS KATALOG *//*
      #menu ul.mainmenu li a.e-shop {
            width:155px;
            height:56px;
            margin-left:17px;
            background:url('../img/cs/m-nas-katalog.jpg') no-repeat left bottom !important;
      }
        #menu ul.mainmenu li a.e-shop:hover {
            width:155px;
            height:56px;
            margin-left:17px;
            background:url('../img/cs/m-nas-katalog-h2.gif') no-repeat left bottom !important;
        }

*/
 #menu ul.mainmenu li a.first {
       /*padding-right:30px;*/
       background:none;
 }
 #menu ul.mainmenu li a:hover {
       color:#6c6c6c;
 }


#menu ul.mainmenu li a .opt {
      display:block;
      padding-top:10px;
      padding-bottom:10px;
}


/*
	druha uroven
*/
#menu ul.mainmenu li ul {
	position:absolute;
	visibility: hidden;
	/*top:41px;*/
	padding-bottom:10px;
	background: url('../img/m-submenuback.gif') no-repeat left bottom;
}

#menu li li {
	clear: left;
x	float: left;
	width:185px;
}

#menu ul.mainmenu li ul li a {
	display:block;
	font-size:1em;
	font-weight:normal;
	color:#000;
	text-decoration:underline;
	text-transform:none;
	background:#e3e0d7;
}


  #menu ul.mainmenu li ul li a.next {
    background: #e3e0d7 url('../img/m-s-next.gif') no-repeat 170px 6px;
  }


  #menu ul.mainmenu li ul li a .opt {
      padding:5px 15px 4px 16px;
	  margin-left: 10px;
	
  }

#menu ul.mainmenu li ul li a:hover {
  color:white;
}

#menu ul.mainmenu li ul li a.next:hover {
    background: #E3E0D7 url('../img/m-s-next-h.gif') no-repeat 170px 6px;
  }

#menu ul.mainmenu li ul li a:hover .opt
{
	background:#b8320e;
}


#menu ul.mainmenu li ul li a.next:hover .opt
{
	background: #b8320e url('../img/m-s-next-h.gif') no-repeat 160px 6px;
}

/*
	treti uroven
*/
#menu ul.mainmenu li ul li ul {
	position:absolute;
	visibility: hidden;
	margin-top:-25px;
	margin-left:185px;
	padding-bottom:10px;
	/*background:#e3e0d7 url('../img/m-submenuback.gif') no-repeat left bottom;*/
	z-index:99;
}

#menu li li li {
	clear: left;
	width:185px;
}

#menu ul.mainmenu li ul li ul li a {
  display:block;
  font-size:1em;
  font-weight:normal;
  color:#000;
  text-decoration:underline;
  text-transform:none;
	background:#e3e0d7;
}

/*
	udalosti
*/
#menu ul li:hover ul ul, #menu ul li:hover li:hover ul ul, #menu ul li:hover li:hover li:hover ul ul,
#menu ul li.hover ul ul, #menu ul li.hover li.hover ul ul, #menu ul li.hover li.hover li.hover ul ul {
	visibility: hidden;
} 

#menu ul li:hover ul, #menu ul li:hover li:hover ul, #menu ul li:hover li:hover li:hover ul, #menu ul li:hover li:hover li:hover li:hover ul,
#menu ul li.hover ul, #menu ul li.hover li.hover ul, #menu ul li.hover li.hover li.hover ul, #menu ul li.hover li.hover li.hover li.hover ul   {
	visibility: visible;
}



/* NAVIGATOR */

.navi {
          margin-top:6px;
		  padding-bottom: 4px;       
}

.navi .sm-l {
         width:745px;
         padding-top:10px;
x         background:#f3f2ef;
}

.navi .sm-r {
         float:right;
x         width:291px;
         padding-right:15px;
         padding-top:10px;
         background:#f3f2ef;
}


.navi h4 {
         float:left;
         padding-left:17px;
         margin-right:4px;
         font-size:1em;
         height:26px;
		 font-weight: normal;
}

.navi .hotline {
         float:left;
         font-weight:bold;
         color:#b8320e;
}

.navi ul {
         list-style:none;
}

.navi ul li {
         display:inline;
}

.navi ul li a {
      float:left;
      color:#000000;
      padding-left:15px;
      padding-right:15px;
      padding-top:px;
      padding-bottom:5px;
      text-decoration:underline;
      background:url('../img/sm-ullia.gif') no-repeat 0px 3px;
}

.navi ul li span {
      float:left;
      color:#000000;
      padding-left:15px;
      padding-right:15px;
      padding-top:px;
      padding-bottom:5px;
      background:url('../img/sm-ullia.gif') no-repeat 0px 3px;
}

.navi ul li a:hover {
          color:#333;
          text-decoration:none;
 }
.navi ul li.active {
      padding-left:15px;
      background:url('../img/sm-ullia.gif') no-repeat left center;
}

.navi ul li.first a {
      background:none;
}


.navi #navigator {
  padding-left:20px;
  overflow: hidden;
}

.navi #navigator a {
      color:#000000;
      xpadding-left:10px;
      xpadding-right:10px;
      padding-top:px;
      padding-bottom:5px;
      text-decoration:underline;
}

  .navi #navigator a {
    text-decoration:underline;
  }
  
  .navi #navigator a:hover {
    text-decoration:none;
  }
  
  .navi #navigator strong {
	white-space: nowrap;
  }

 
.navi #navigator .odrazka {
  padding:0px 3px;
}
/* funny solution of IEbug - menu disappear behind select (IE 6) */

.search-form-HP .select-wrapper select {
    visibility: hidden;   
}

#search-form-HP .category {background: url('/img/select-category.png') no-repeat -999px 0;}
#search-form-HP .opportunity {background: url('/img/select-opportunity.png') no-repeat -999px 0;}
.search-form-HP .category,
.search-form-HP .opportunity {background-position: 1px 10px !important;}