/* 
    Document   : navigation
    Created on : 2009-07-12, 18:53:46
    Author     : zajac rtechnologies.pl
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}


.navigation{
  width:280px;
  padding:10px;
  float:left;
}
 .navigation > ul {
      width:260px;
      list-style:none;
      margin-left:5px;
    }
 .navigation  > ul > li {
      float:left;
      width:260px;
      margin:0;
      padding:0;
      line-height:35px;
      margin-bottom:5px;
    }
  .navigation > ul > li > a {
      display:block;
      text-decoration:none;
      font-size:18px;
      font-weight:bold;
      color:#504343;
      padding-left:50px;
      
    }
    .navigation > ul > li > span {
      display:block;
      padding:0px 0px 0px 50px;
      color:#504343;
      text-decoration:none;
      font-size:18px;
      font-weight:bold;

    }
  .navigation > ul > li {
      background:url(/images/navigation_background.png) repeat 0 0;
      background-repeat:repeat-x;
    }

    .navigation > ul > li.current {
      background:url(/images/navigation_background.png) repeat -270px 0;
      background-repeat:repeat-x;
    }
   
 /* .navigation  li a:hover, li a:focus, li a:active {*/

   .navigation > ul#dynamic_navigation > li >a {
      background-image:url(/images/motyl.png);
      background-repeat:no-repeat;
      background-position:9px 3px;
    }
    .navigation > ul#dynamic_navigation > li > span {
      background-image:url(/images/motyl.png);
      background-repeat:no-repeat;
      background-position:9px 3px;
    }

  ol#dynamic_subnavigation {
      width:197px;
      list-style:none;
      margin-left:5px;
      margin-top:5px;
    }
 ol#dynamic_subnavigation > li {
      float:left;
      width:197px;
      margin:0;
      padding:0;
      line-height:25px;
      margin-bottom:5px;
    }
  ol#dynamic_subnavigation > li > a {
      display:block;
      text-decoration:none;
      font-size:15px;
      font-weight:bold;
      color:#504343;
      padding-left:50px;

    }
    ol#dynamic_subnavigation > li > span {
      display:block;
      padding:0px 0px 0px 50px;
      color:#504343;
      text-decoration:none;
      font-size:15px;
      font-weight:bold;

    }
  ol#dynamic_subnavigation > li {
      background:url(/images/subnavigation_background.png) repeat 0 0;
      background-repeat:repeat-x;
    }

    ol#dynamic_subnavigation > li.current {
      background:url(/images/subnavigation_background.png) repeat -192px 0;
      background-repeat:repeat-x;
    }

 /* .navigation  li a:hover, li a:focus, li a:active {*/

  ol#dynamic_subnavigation > li >a {
      background-image:url(/images/motyl_maly.png);
      background-repeat:no-repeat;
      background-position:9px 3px;
    }
    ol#dynamic_subnavigation > li > span {
      background-image:url(/images/motyl_maly.png);
      background-repeat:no-repeat;
      background-position:9px 3px;
    }