/*============================================================================*/ /* ROUNDED CORNERS - pridava sa to cez jquery */ /* Je to velmi tazke, skoro nemozne to tam dat klasicky, kvoli padding margin vlastnostiam, ktore ma
  • ??? */ #horizontal-menu-1 .r-wrap { /*border: 1px solid blue;*/ display: block; position: relative; bottom: 12px; margin-left: 14px; padding: 11px 0 13px 0; /* NOTE: na ukor #horizontal-menu-1 a {margin-left: 14px;} */ } #horizontal-menu-1 .hd .c, #horizontal-menu-1 .ft .c { font-size: 1px; /* ensure minimum height */ height: 2px; } #horizontal-menu-1 .ft .c { height: 2px; } #horizontal-menu-1 .hd { background: transparent url(../images/site/img_menu/rounded_corners/tl.gif) no-repeat top left; position: relative; top: -2px; left: 0px; } #horizontal-menu-1 .hd .c { background: transparent url(../images/site/img_menu/rounded_corners/tr.gif) no-repeat top right; position: relative; top: 0px; right: 0px; } #horizontal-menu-1 .ft { background: transparent url(../images/site/img_menu/rounded_corners/bl.gif) no-repeat bottom left; position: relative; bottom: -3px; left: 0px; } #horizontal-menu-1 .ft .c { background: transparent url(../images/site/img_menu/rounded_corners/br.gif) no-repeat bottom right; position: relative; bottom: 0px; left: 0px; } /* http://www.1976design.com/blog/archive/2003/11/14/shadows/ */ /* div.img-ilus { background: url('../images/site/img_menu/shadow.gif') no-repeat bottom right; margin: 10px 5px; padding: 0; position: relative; border: 1px solid red; } */ /*============================================================================*/ .menutop,.menutop *{margin:0;padding:0;} div#horizontal-menu-1{/* this is a z-index ie6 and ie7 bug fix */ position:relative;z-index:50;} /* ak vymazem position: relative; tak zmyzne menu */ #horizontal-menu-1 li li{margin:0;} .menutop{line-height:1.0;float:left;margin-bottom:1.5em;position:relative;} .menutop ul{background:#fff;/*IE6 needs this*/ padding:0;} .menutop li{float:left;list-style:none;position:relative;} div#horizontal-menu-1 li li a{display:block;padding:0;margin:0;text-decoration:none;float:none;height:25px;line-height:25px;text-indent:18px;width:98%;} .menutop li ul{float:none;left:-999em;position:absolute;width:177px;z-index:5;} .menutop li:hover ul, .menutop li.sfHover ul{left:-1px;top:32px;} /*top:23px; - tu sa da posunut smerom nadol, nahor prve vysuvacie menu*/ .menutop li:hover li ul, .menutop li.sfHover li ul, .menutop li li:hover li ul, .menutop li li.sfHover li ul, .menutop li li li:hover li ul, .menutop li li li.sfHover li ul{top:-999em;} .menutop li li:hover ul, .menutop li li.sfHover ul, .menutop li li li:hover ul, .menutop li li li.sfHover ul, .menutop li li li li:hover ul, .menutop li li li li.sfHover ul{left:177px;top:0px;} .menutop li li{position:relative;float:none;width:100%;} /* Menustyle 3 */ /* @group Horizontal Menu */ #horizontal-menu-1 { margin: 0; position: absolute; bottom: 42px; /* 11px */ left: 0px; text-align: left; z-index: 21; /* dal som to sem, tym padom som sa zbavil vonkajsieho divu s class="content-wrapper" a tym sa stratil problem v IE, ze vysuvacie menu bolo ako keby v pozadi, ako keby zly z-index */ width: 976px; margin-left: auto; margin-right: auto; } /* Pridaj stranku */ #horizontal-menu-1 .addPage {margin: 4px auto; width: 177px; text-align: center;} #horizontal-menu-1 ul { margin: 0; padding: 0; list-style: none; background: none; } #horizontal-menu-1 li { margin: 0; padding: 0; list-style: none; background: none; position: relative; float: left; display: block; background: url('../images/site/img_menu/arepoc_menu_oddelovac.gif') no-repeat top left; height: 31px; /* bez width: auto; */ margin: 0 0 0 14px; /* toto margin left sa musi zhodovat s margin left pri odkaze "a" */ } #horizontal-menu-1 ul li ul li, #horizontal-menu-1 ul li ul li ul li { background: none; margin: 0; } #horizontal-menu-1 li#menu_1 {background: none; margin: 0;} /* Posunutie prveho vysuvacieho menu viac doprava, aby to bolo zlava zarovnane */ #horizontal-menu-1 ul ul {/*left: 18px;*/ margin-left: 15px;} #horizontal-menu-1 ul ul ul {margin-left: 0px;} #horizontal-menu-1 a { white-space: nowrap; /* display: block; float: left; */ display: inline; /*margin-left: 14px;*/ /* zakomentovane len kvoli pouzitiu rounded corners technike, vid vrch suboru + js */ padding: 10px 10px; vertical-align: middle; height: 29px; line-height: 29px; font-weight: normal; font-size: 15px; text-decoration: none; color: #3f3f3f; /*background: url(img_menu/menu3-dot.png) 50% 100% no-repeat;*/ } #horizontal-menu-1 a:hover, #horizontal-menu-1 a.active { background: #f4f4f4; } #horizontal-menu-1 ul li:hover a {background: #f4f4f4;} /* nech je background pre na prvej urovni vzdy vysvieteny ked sa pohybujeme v podmenu */ /* SIPKA DOPRAVA PRE VNORENE MENU */ #horizontal-menu-1 ul li:hover ul li.parent span { position: relative; float: right; top: 12px; right: 5px; width: 3px; height: 5px; background: url(../images/site/img_menu/sipka_mouseout_doprava_0.png) no-repeat; } #horizontal-menu-1 ul li:hover ul li:hover.parent span { position: relative; float: right; top: 12px; right: 5px; width: 3px; height: 5px; background: url(../images/site/img_menu/sipka_mouseover_doprava.png) no-repeat; } #horizontal-menu-1 ul li:hover.parent ul li:hover.parent ul li.parent span {background: url(../images/site/img_menu/sipka_mouseout_doprava_0.png);} #horizontal-menu-1 ul li:hover.parent ul li:hover.parent ul li:hover.parent span {background: url(../images/site/img_menu/sipka_mouseover_doprava.png);} #horizontal-menu-1 ul li:hover.parent ul li:hover.parent ul li:hover.parent ul li.parent span {background: url(../images/site/img_menu/sipka_mouseout_doprava_0.png);} #horizontal-menu-1 ul li:hover.parent ul li:hover.parent ul li:hover.parent ul li:hover.parent span {background: url(../images/site/img_menu/sipka_mouseover_doprava.png);} #horizontal-menu-1 ul li:hover.parent ul li:hover.parent ul li:hover.parent ul li:hover.parent ul li.parent span {background: url(../images/site/img_menu/sipka_mouseout_doprava_0.png);} #horizontal-menu-1 ul li:hover.parent ul li:hover.parent ul li:hover.parent ul li:hover.parent ul li:hover.parent span {background: url(../images/site/img_menu/sipka_mouseover_doprava.png);} /* Znackovanie cesty, zmena farby predchadzajucej polozky v ramci danej cesty v multilevel menu */ #horizontal-menu-1 ul li:hover a {color: #3f3f3f;} #horizontal-menu-1 ul li:hover ul li:hover a {color: #ecac4a;} #horizontal-menu-1 ul li:hover ul li:hover ul li a {color: #3f3f3f;} #horizontal-menu-1 ul li:hover ul li:hover ul li:hover a {color: #ecac4a;} #horizontal-menu-1 ul li:hover ul li:hover ul li:hover ul li a {color: #3f3f3f;} #horizontal-menu-1 ul li:hover ul li:hover ul li:hover ul li:hover a {color: #ecac4a;} #horizontal-menu-1 ul li:hover ul li:hover ul li:hover ul li:hover ul li a {color: #3f3f3f;} #horizontal-menu-1 ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover a {color: #ecac4a;} #horizontal-menu-1 ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul li a {color: #3f3f3f;} /* #horizontal-menu-1 a:hover { background: url(img_menu/menu3-dot-active.png) 50% 100% no-repeat; text-decoration: none; color: #333; } */ #horizontal-menu-1 li li a, #horizontal-menu-1 li li a:hover, #horizontal-menu-1 li:hover li a, #horizontal-menu-1 li.sfHover li a, #horizontal-menu-1 li.parent:hover li a, #horizontal-menu-1 li.parent.sfHover li a, #horizontal-menu-1 li.active.parent:hover li a, #horizontal-menu-1 li.active.parent.sfHover li a { border: 0; background: none; color: #777; } #horizontal-menu-1 li li.parent:hover, #horizontal-menu-1 li li.parent.sfHover, #horizontal-menu-1 li li.active.parent:hover, #horizontal-menu-1 li li.active.parent.sfHover { background: none; } /* #horizontal-menu-1 li:hover a, #horizontal-menu-1 li.sfHover a, #horizontal-menu-1 li:hover a.topdaddy, #horizontal-menu-1 li.sfHover a.topdaddy, #horizontal-menu-1 a.topdaddy:hover { background: none; } */ #horizontal-menu-1 li li:hover, #horizontal-menu-1 li li.sfHover, #horizontal-menu-1 li li:hover a:hover, #horizontal-menu-1 li li.sfHover a:hover, #horizontal-menu-1 li.active li:hover a:hover { background: none; color: #ecac4a; /* farba pre vo vysuvacom menu pri mouseover */ } /* #horizontal-menu-1 li:hover li a, #horizontal-menu-1 li.sfHover li a, #horizontal-menu-1 li.active:hover a, #horizontal-menu-1 li.active.sfHover a { background: url(img_menu/menu3-l.png) 0 0 repeat-x; } #horizontal-menu-1 li.active, #horizontal-menu-1.splitmenu li.active:hover, #horizontal-menu-1.splitmenu li.active.sfHover, #horizontal-menu-1 li.active.parent:hover, #horizontal-menu-1 li.active.parent.sfHover, #horizontal-menu-1 li.active:hover, #horizontal-menu-1 li.active.sfHover { background: url(img_menu/menu3-r.png) 100% 0 no-repeat; } #horizontal-menu-1 li.active a, #horizontal-menu-1.splitmenu li.active:hover a, #horizontal-menu-1.splitmenu li.active.sfHover a, #horizontal-menu-1 li.active.parent:hover a, #horizontal-menu-1 li.active.parent.sfHover a, #horizontal-menu-1 li.active:hover a, #horizontal-menu-1 li.active.sfHover a { background: url(img_menu/menu3-l.png) 0 0 no-repeat; color: #333; } */ /* #horizontal-menu-1 li:hover, #horizontal-menu-1 li.sfHover, #horizontal-menu-1 li.parent:hover, #horizontal-menu-1 li.parent.sfHover { background: url(img_menu/menu3-dot-active.png) 50% 100% no-repeat; } */ /* #horizontal-menu-1 li:hover a, #horizontal-menu-1 li.sfHover a, #horizontal-menu-1 li.parent a:hover, #horizontal-menu-1 li.parent.sfHover a { background: url(img_menu/menu3-dot-active.png) 50% 100% no-repeat; } */ #horizontal-menu-1 li li.parent a.daddy, #horizontal-menu-1 li.active li.parent a.daddy { background: url(../images/site/img_menu/menu3-dot.png) 95% 50% no-repeat; } #horizontal-menu-1 li li.parent:hover a.daddy, #horizontal-menu-1 li.active li.parent:hover a.daddy { background: url(../images/site/img_menu/menu3-dot.png) 95% 50% no-repeat; } #horizontal-menu-1 li li, #horizontal-menu-1 li:hover li, #horizontal-menu-1 li.sfHover li, #horizontal-menu-1 li.parent:hover li, #horizontal-menu-1 li.parent.sfHover li, #horizontal-menu-1 li.active.parent:hover li, #horizontal-menu-1 li.active.parent.sfHover li { background: url(../images/site/img_menu/menu3-sidediv.png) 0 100% repeat-x; } #horizontal-menu-1 ul ul { background: #F3F6F6; border-left: 1px solid #fff; border-right: 1px solid #fff; } #horizontal-menu-1 ul ul ul { background: #F3F6F6; border-left: 1px solid #fff; border-right: 1px solid #fff; } /* mouseovers */ #horizontal-menu-1 li li a:hover { background: none; } #horizontal-menu-1 li li.active, #horizontal-menu-1 li.active li a, #horizontal-menu-1 li.active li a:hover { background: none; } #horizontal-menu-1 li li a { font-size: 12px; /* povodne tu bolo 100% */ font-weight: normal; color: #fff; } .menutop li.sfHover ul { left: 0; top: 33px; } div#horizontal-menu-1 li li a { height:28px; line-height:28px; } /* @end */