/*** MENU start *******************************************************************/
/* for this demo only */
#nav {
 /*margin:20px 0 80px 0;*/
  
}

/* the styling */
#nav {
  
  width:716px;
  height:0px;
  position:relative;
  padding-top: 12px;
  float: right;
  margin-left: 1px;
}

#nav .select, #nav .current {
  margin:0;
  padding:0;
  list-style:none;
}

#nav li {
  display:inline;
  margin:0;
  padding:0;
  height:auto;
}


#nav .select a,
#nav .current a {
  display:block;
  height:43px;
  float:left;
  /*padding:0 10px 0 10px;*/
  text-decoration:none;
  /*line-height:20px;*/
  white-space:nowrap;
  font-size: 13px;
  text-transform: uppercase;
  /*border-right:1px solid #fff;
  color:#fff;*/
  color:#ffffff;
}
  
#nav .select .prvni a{
  background: url(../../img/menu_1.jpg);
  background-repeat: no-repeat;
  background-position: left top;
  width: 160px;
  height:28px;
  padding-top: 15px;
}
#nav .select .druhy a{
  background: url(../../img/menu_2.jpg);
  background-repeat: no-repeat;
  background-position: left top;
  width: 139px;
  height:28px;
  padding-top: 15px;
}
#nav .select .treti a{
  background: url(../../img/menu_3.jpg);
  background-repeat: no-repeat;
  background-position: left top;
  width: 255px;
  height:28px;
  padding-top: 15px;
}

#nav .select .prvni li ul a,
#nav .select .druhy li ul a,
#nav .select .treti li ul a,
#nav .select .ctvrty li ul a{
  width: auto;
}

#nav .select .ctvrty a{
  background: url(../../img/menu_4.jpg);
  background-repeat: no-repeat;
  background-position: left top;
  width: 141px;
  height:28px;
  padding-top: 15px;
}

/*#nav .select .prvni a ul,
#nav .select .druhy a ul,
#nav .select .treti a ul,
#nav .select .ctvrty a ul{
  width: 696px;
}*/

* html #nav .select a, 
* html #nav .current a {
  width:1px;
  height:21px;
}


#nav .select a:hover,
#nav .select li:hover a {
  background:#888;
  cursor:pointer;
  color:#ff0;
}

#nav .select .prvni a:hover {
  cursor:pointer;
  background: url(../../img/menu_1_oz.jpg) left top; 
  text-transform: uppercase;
  color: #FFFFFF;
}

#nav .select  li:hover a{
  text-transform: none;
}

#nav .select .prvni li:hover a{
  text-transform: uppercase;
  background: url(../../img/menu_1_oz.jpg) left top;
  color: #ffffff;
}

#nav .select .druhy li:hover a{
  text-transform: uppercase;
  background: url(../../img/menu_2_oz.jpg) left top;
  color: #ffffff;
}

#nav .select .treti li:hover a{
  text-transform: uppercase;
  background: url(../../img/menu_3_oz.jpg) left top;
  color: #ffffff;
}

#nav .select .ctvrty li:hover a{
  text-transform: uppercase;
  background: url(../../img/menu_4_oz.jpg) left top;
  color: #ffffff;
}

#nav .select .druhy a:hover {
  cursor:pointer;
  background: url(../../img/menu_2_oz.jpg) left top;
  text-transform: uppercase;
  color: #FFFFFF;
}



#nav .select .treti a:hover {
  cursor:pointer;
  background: url(../../img/menu_3_oz.jpg) left top;
  text-transform: uppercase;
  color: #FFFFFF;
}


#nav .select .ctvrty a:hover {
  cursor:pointer;
  background: url(../../img/menu_4_oz.jpg) left top;
  text-transform: uppercase;
  color: #FFFFFF;
}


#nav .sub {
  display:none;
}

/* for IE5.5 and IE6 only */
#nav table {
  display: none;
  position:absolute;
  border-collapse:separate;
  left:0;
  top:0;
}

#nav .current a {
  background:#666;
  color:#ffffff;
}

#nav .current .prvni a {
background: url(../../img/menu_1_oz.jpg); 
 background-repeat: no-repeat;
 background-position: left top;
 width: 160px;
 text-align: center;
 height:28px;
 padding-top: 15px;
 }
 
#nav .current .druhy a {
background: url(../../img/menu_2_oz.jpg);
 background-repeat: no-repeat;
 background-position: left top;
 width: 139px;
 text-align: center;
 height:28px;
 padding-top: 15px;
 }
 
#nav .current .treti a {
background: url(../../img/menu_3_oz.jpg);
 background-repeat: no-repeat;
 background-position: left top;
 width: 255px;
 text-align: center;
 height:28px;
 padding-top: 15px;
 }
 
#nav .current .ctvrty a {
background: url(../../img/menu_4_oz.jpg);
 background-repeat: no-repeat;
 background-position: left top;
 width: 141px;
 text-align: center;
 height:28px;
 padding-top: 15px;
 }

#nav .sub li a:hover,
#nav .select a:hover .sub li a:hover,
#nav .select li:hover .sub li a:hover {
  
  text-decoration: underline;
}

#nav .sub_active .current_sub a,
#nav .sub_active a:hover {
   /* podmenu najeti cursoru */
  color:#ffffff;
  text-decoration: underline;
}

#nav .select li a:hover .sub,
#nav .select li:hover .sub {
  display:block;
  position:absolute;
  width:750px;
  top:55px;
  left:0;
  margin-top:0;
  padding:0;
  z-index:100;
  color:#fff;
  font-size:11px;
  width: 695px;
}

#nav .sub, #nav .sub_active {
  margin:0;
  padding:0;
  list-style:none;
}

#nav .sub_active {
  display:block;
  position:absolute;
  /*width:750px;*/
  top:55px;
  left:0;
  margin-top:0;
  padding:0;
  z-index:10;
  width: 695px;
}

* html #nav .sub_active, * html #nav .select a:hover .sub {
  z-index:-1;
  margin-top:0;
  margin-t\op:1px;
}

#nav .sub_active a {
  /*height:21px;
  text-decoration:none;
  line-height:20px;
  white-space:nowrap;
  display:block;
  float:left;
  background:#666;
  padding:5px 10px 10px 10px;
  margin:0;
  font-size:12px;
  white-space:nowrap;
  border:0;
  color:#fff;*/
  
  display:block; 
  height:14px;
  text-decoration:none;
  line-height:0;
  %line-height:1;
  white-space:nowrap;
  display:block;
  float:left;
  margin:0;
  font-size:13px;
  white-space:nowrap;
  border:0;
  color:#fff;

  
  background:url(../../img/menu_down_linka.jpg); 
  padding:14px 10px 0px 10px;
  %padding:9px 10px 0px 10px;
  text-align:center;
}

#nav .select a:hover .sub li a,
#nav .select li:hover .sub li a {
  /*display:block; 
  padding:5px 10px 10px 10px;
  margin:0;
  white-space:nowrap;
  border:0;
  color:#fff;
  font-size:12px;*/
  
  display:block; 
  height:14px;
  text-decoration:none;
  line-height:0;
  %line-height:1;
  white-space:nowrap;
  display:block;
  float:left;
  margin:0;
  font-size:13px;
  white-space:nowrap;
  border:0;
  color:#fff;
  text-transform: none;
  
  background:url(../../img/menu_down_linka.jpg); 
  padding:14px 10px 0px 10px;
  %padding:9px 10px 0px 10px;
  text-align:center;
}


#nav .select .prvni li .sub,
#nav .select .druhy li .sub,
#nav .select .treti li .sub,
#nav .select .ctvrty li .sub{
  width: 695px;
  background:url(../../img/menu_down_linka.jpg); 
  background-repeat: repeat-x;
  background-position: left top;
}
/*** MENU end ***/