<style>
    /* ------------------------ POZIOME MENU CSS ------------------------ */
    /* wyglÄ…d elementu - ol */
    #menukart {
        width:240px;
        height:
            25px !important;
        margin:0 auto;
        padding:0;
        list-style-type:none;
        /*background-color:#FDF;*/
    }

    /* naprawa wysokości elementu - ol */
    #menukart:after {
        content:'';
        display:block;
        clear:both;
    }

    /* wygląd elementów - li */
    #menukart > li {
        float:left;
    }

    /* pierwszy element - li - elementu o identyfikatorze menu */
    #menukart > li:first-child {

        width:100%;
    }

    /* drugi element - li - elementu o identyfikatorze menu */
    #menukart > li:first-child + li {

        width:100%;
    }

    /* trzeci element - li - elementu o identyfikatorze menu */
    #menukart > li:first-child + li + li {

        width:100%;
    }

    /* wygląd elementów - a */
    #menukart > li > a {
        display:block;
       /* padding:15px;*/
        text-decoration:none;
        text-align:center;
        color:#000;
        background-color:transparent;
        /*  box-shadow:0 0 0 1px #FFF inset;*/
       /* background-image:linear-gradient(#FFF 0%, #EEE 30%, #DDD 70%, #FFF 100%);*/
    }

    /* wygląd elementów - a - po najechaniu kursorem myszki na element - li */
    #menukart > li:hover > a {
        /*color:#00F;*/
        background-color:transparent;
        background-image:none;
    }

    /* -------------------- ROZWIJANA CZĘŚĆ MENU CSS -------------------- */
    /* wygląd elementów - li - rodzica każdej części rozwijanej menu CSS */
    #menukart > li {
        position:relative;
    }

    /* wygląd elementów - ul */
    #menukart > li > ul {
        width:100%;
        display:none;
        position:absolute;
        z-index:1;
        margin:0;
        padding:0;
        list-style-type:none;
        background-color:#FFF;
    }

    /* wygląd elementów - ul - po najechaniu kursorem myszki na element - li */
    #menukart > li:hover > ul {
        display:block;
    }

    /* wygląd elementów - li */
    #menukart > li > ul > li {
        box-shadow:0 -4px 4px -4px #AAA;
    }

    /* wyglÄ…d pierwszego dziecka elementu typu - li */
    #menukart > li > ul > li:first-child {
        box-shadow:none;
        width: 100% !important;
    }

    /* wyglÄ…d ostatniego dziecka elementu typu - li */
    #menukart > li > ul > li:last-child {
        box-shadow:0 -4px 4px -4px #AAA, 0 4px 4px -4px #AAA;
        width: 100% !important;
    }

    /* wygląd elementów - a */
    #menukart > li > ul > li > a {
        display:block;
        text-decoration:none;
        padding:12px;
        color:#000;
    }

    /* wygląd elementów - a - po najechaniu kursorem myszki na element - li */
    #menukart > li > ul > li:hover > a {
        /*color:#00F;*/
        background-color:#F0F0F0;
        background-image:linear-gradient(#FFF, #EEE, #FFF);
    }
    .napisOnlinem{

        top: 0px;
        z-index: -1;
        display: inline-block;

        height: 15px;
        text-transform: uppercase;
        text-align: left;
        font: bold 10px 'Segoe UI';
        line-height: normal;
                color: #fff;
        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
        margin-left: -1px;
        webkit-transition: all .8s ease;
        -moz-transition: all .8s ease;
        -ms-transition: all .8s ease;
        -o-transition: all .8s ease;
        transition: all .8s ease;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
    }
</style>


<link href="/dynamic/equipment/style_tecdoc.css" rel="stylesheet" type="text/css">
<style>
.tdInfo_back2{ display:none;}
</style>
<script>

  function open_and_append_detail(data)
  {
     // jQuery('#tdSec1').slideUp('fast');
	  jQuery('#tdSec2').slideUp('fast');
	  jQuery('#tdSec3').slideUp('fast');
	  jQuery('#tdSec4').slideDown('fast');
      jQuery('#tdSec4').html(data);
  }

</script>

<div id="gTowkod" style="display:none;"></div>
<div id="gGru" style="display:none;"></div>
<span id="tdDis" style="display:none;"></span> <!-- Parametr wskazuj¹cy sposów wy?wietlania grup - 'tree' - 'link' - 'combo' -->
<span id="tdOfe" style="display:none;"></span> <!-- Parametr m?wi?cy, czy w zak?adce towary wy?wietla? wszystko czy tylko ofert? IC - wartosc 'all' lub 'ic' -->
<span id="tdDev" style="display:none;"></span> <!-- Parametr developerski -->
<span id="td2Tab" style="display:none;">F</span> <!-- Parametr wskazuj?cy spos?w wy?wietlania danych - w dw?ch tabach w bok (T) lub rozwijane w d?? (F) - m?wi kolejnym skryptom o sposobie nawigacji -->
<div id="dPageTitle" style="cursor:pointer;"><img width="28" height="26" align="absmiddle" border="0" style="margin-right:15px; padding-top:-3px;" src="/images/images_equipment/back.png" onclick="history.go(-1);">Wyszukiwarka narz&#281;dziowa</div>
<table border="0" width="100%" align=center>
  <tr><td align=center>
   
    <div id="KatalogTecDoc" >
        <div id='tdContainer1' class="TecDocNag" style='width: 100%; display:none;' >
            <div class="NapisNagl"><span class='NapisNagl'></span></div>
            <div style='position: relative; top:-30px; height: 30px; z-index: 100;'>
			<a href="javascript:void(null);" onfocus="this.blur();" onclick="jQuery('#tdSec1').slideDown('fast');jQuery('#tdSec2').slideUp('fast');jQuery('#tdSec3').slideUp('fast');jQuery('#tdSec4').slideUp('fast');" class="NapisNagl">Pojazdy</a></div>
        </div>
        <div id="tdSec1" class="tdSection" style="width:;height:;display:non;">
            <center><img src="/images/ajax-loader.gif" width=16px height=16px></center>
    	</div>
		<div id=tdInfo></div>
		
        <div id='tdContainer2_parent' style="display:none;" onfocus="this.blur();">
      	  <div id='tdContainer2' class="TecDocNag" style='width: 100%;' >
            <div class="NapisNagl"><span class='NapisNagl'></span></div>
            <div style='position: relative; top:-30px; height: 30px; z-index: 100;'><a href="javascript:void(null);" onfocus="this.blur();" onclick="jQuery('#tdSec2').slideDown('fast');jQuery('#tdSec1').slideUp('fast');jQuery('#tdSec3').slideUp('fast');jQuery('#tdSec4').slideUp('fast');" class="NapisNagl">Grupy towarowe</a></div>
          </div>
      	  <div id="tdSec2" class="tdSection" style="width: 98px; display:none;">
              Wybierz pojazd
      	  </div>
      	</div>

    	<div id='tdContainer3' class="TecDocNag" style='width: 100%;display:none;'>
            <div class="NapisNagl"><span class='NapisNagl'></span></div>
          <div style='position: relative; top:-30px; height: 30px; z-index: 100;'><a href="javascript:void(null);" onfocus="this.blur();" onclick="jQuery('#tdSec3').slideDown('fast');jQuery('#tdSec2').slideUp('fast');jQuery('#tdSec4').slideUp('fast');" class="NapisNagl">Towary</a></div>
        </div>
    	<div id="tdSec3" class="tdSection" style="display:none;border:0px;">
            Wybierz grup� towar�w
    	</div>
        <div id='tdContainer4_parent' style="display:none;width:100%;">
       	  <div id='tdContainer4' class="TecDocNag" style='width: 100%;display:none;'>
            <div class="NapisNagl"><span class='NapisNagl'></span></div>
              <div style='position: relative; top:-30px; height: 30px; z-index: 100;'><a href="javascript:void(null);" onfocus="this.blur();" onclick="jQuery('#tdSec4').slideDown('fast');jQuery('#tdSec2').slideUp('fast');jQuery('#tdSec3').slideUp('fast');" class="NapisNagl">Karta towaru</a></div>
          </div>
              <div id="tdSec4" class="tdSection" style="width:100%;display:none;border:0px;">
                Wybierz towar
              </div>
        </div>

    </div>
	

   </td></tr>
</table>
<script>
function kasuj_clase(klasa){

    var tab =  jQuery("#navigation-1 li");
    tab.find("a").removeClass(klasa);

}

jQuery(document).ready(function(){
    kasuj_clase("ajax");
});

		createCookie('view', 'P', 31);
        jQuery('#tdSec1').load('/dynamic/uni/ws_katalog_utf.php?notitle=1&wsk=0&typ=&call=daj_tdGrupyeq&td=1&wit=EQUIPMENT&pro=525&gen=', function(){
        
    });

</script><div style="height:px"></div>