/*** ESSENTIAL STYLES ***/
#left_column h4.kat {
    background: url("../img/h4menutop.png") no-repeat scroll 0 0 transparent;
    height: 49px;
    margin: 0;
    padding: 0;
}

.sf-contener {
    background: none repeat scroll 0 0 #555354;
    clear: both;
    height: auto;
    padding: 0 0 15px;
    padding: 0;
    right: 0;
    width: 180px;
}
.sf-right {
    display: none;
    float: right;
    margin-right: 14px;
    width: 7px;
}
.sf-menu, .sf-menu * {list-style:	none;}
.sf-menu {
    margin: 0 !important;
    padding: 0;
    width: 180px;
}
.sf-menu ul {
    background: none repeat scroll 0 0 #555354;
    position: absolute;
    top: -999em;
    width: 10em;
    border-top:0px;
}
.sf-menu ul li {
    border: medium none;
    margin: 0;
    width: 200px;
    border-bottom:1px solid #6D696B;
}
.sf-menu li:hover {
	visibility:inherit; /* fixes IE7 'sticky bug' */
}

.sf-menu li:hover {
   
}

.sf-menu li {
    border-top: 1px solid #6D696B;
    float: left;
    position: relative;
    width: 100%;
    z-index: 40;
}

.sf-menu li:hover ul, .sf-menu li.sfHover ul {
    left: 180px;
    top: -1px;
    width: auto;
    z-index: 99;
    padding: 1px 0px 1px 0px;
}

ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:-999em;
}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
    left: 100%;
    top: -10px;
    border: none;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:100%; /* match ul width */
	top:0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:left;
	margin-bottom:	1em;
}

.sf-menu a {
    white-space: normal !important;
    border: 0 none;
    color: #FFFFFF;
    display: block;
    font-size: 13px;
    font-weight: normal;
    min-height: 30px;
    line-height: 30px;
    margin-right: 0;
    padding: 0 0 0 18px !important;
    position: relative;
    text-decoration: none; 
    z-index: 3;
}

.sf-menu li:nth-child(28) {
    background: #0fe40f;
    border-top: 1px solid #0fe40f;
}
.sf-menu li:nth-child(29) {
    background: #ff9900;
    border-top: 1px solid #ff9900;
}
.sf-menu li:nth-child(30) {
    background: #24bee0;
    border-top: 1px solid #24bee0;
}

#bgshadow {
    background: url("../../../img/sfshadow.gif") no-repeat scroll 0 0 transparent;
    float: left;
    height: 16px;
    width: 950px;
}

.sf-menu a, .sf-menu a:visited {
    color: #fff;
    white-space: nowrap;
}
.sf-menu a:hover {
    background: #6D696B;
    color: #FFFFFF;
}

.sf-menu li li { }

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right:2.25em;
	min-width:1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	overflow:hidden;
	display:block;
	position:absolute;
	top:1.05em; /* IE6 only */
	right:10px;
	width:10px;
	height:10px;
	text-indent:-999em;
	background:url(../img/arrow.png) no-repeat 4px 0px /* 8-bit indexed alpha png. IE6 gets solid image only */

}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */

}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position: -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {

}
.sf-shadow ul.sf-shadow-off {background:transparent;}
li.sf-search {
  float:right;
  line-height: 25px;
  background:inherit;
}
li.sf-search input {
  margin-top:4px;
  padding:3px 0 3px 20px;
  -moz-border-radius:0 5px 5px 0;
  background:url(../img/search.gif) no-repeat left center #fff;
}

.sf-menu ul {
    padding: 1px 0 0 !important;
}





.sf-menu ul ul {
    border-top: 1px solid #B9B9B9;
    margin-left: 0;
    margin-top: 9px;
    padding-top: 0;
}
.sf-menu ul ul li { }

.sf-menu li a .sf-sub-indicator { }
.sf-menu ul li a .sf-sub-indicator, .sf-menu ul li a:hover .sf-sub-indicator {

}

div#nakladka {
    background: url("../../../img/bga.gif") repeat-x scroll right 0 transparent;
    display: none;
    float: left;
    height: 43px;
    position: absolute;
    top: 103px;
    z-index: 1;
}

#index div#nakladka { left: 0; width: 74px; }
#category div#nakladka {
    left: 75px;
    width: 86px;
}

#cmscms_id_4 div#nakladka {
    left: 161px;
    width: 76px;
}

#cmscms_id_1 div#nakladka {
    left: 429px;
    width: 92px;
}

#cmscms_id_3 div#nakladka {
    left: 519px;
    width: 100px;
}

#module-productquestion-productquestion-form div#nakladka {
    left: 238px;
    width: 189px;
}

#contact-form div#nakladka {
    left: 621px;
    width: 86px;
}