/*
    based on
    code written 2009 by JJ, jasj@karnet.up.wroc.pl
    this file is released under GPL license
*/
#pobieralnia ul {
    position: absolute;
    height: 500px;
    top: 300px;
    background-color: transparent;
    display: block;
    padding-left: 0px;
    padding-right: 0px;
    margin: 20px 405px;
    z-index: 2;
}
                                    /*okno z tekstem*/
#pobieralnia>ul>li {
    list-style-type: none;
    display: block;
    z-index: 200;
 }
a.notepad_tab_start {
    position: absolute;
    margin-left: -271px;
    margin-top: 48px;
    width: 151px;
    height: 45px;
    padding-left: 0px;
    padding-right: 0px;
    text-decoration: none;
    padding-top: 0px;
    padding-bottom: 0px;
    background-image: url('../images/stuff/menu/start1.png');
    background-repeat: no-repeat;
    background-position: 0px 0px;
    outline:none;
    z-index: 100;
}
li.selected a.notepad_tab_start {
    position: absolute;
    width: 151px;
    height: 45px;
    padding-left: 0px;
    padding-right: 0px;
    text-decoration: none;
    padding-top: 0px;
    padding-bottom: 0px;
    background-image: url('../images/stuff/menu/start3.png');
    background-repeat: no-repeat;
    background-position: 0px 0px;
    outline:none;
    z-index: 100;
}
a.notepad_tab_start:hover {
   position: absolute;
    width: 151px;
    height: 45px;
    padding-left: 0px;
    padding-right: 0px;
    text-decoration: none;
    padding-top: 0px;
    padding-bottom: 0px;
    background-image: url('../images/stuff/menu/start2.png');
    background-repeat: no-repeat;
    background-position: 0px 0px;
    outline: none;
    z-index: 100;
}
a.notepad_tab_onas {
    position: absolute;
    margin-left: -120px;
    margin-top: 48px;
    width: 58px;
    height: 45px;
    padding-left: 0px;
    padding-right: 0px;
    text-decoration: none;
    padding-top: 0px;
    padding-bottom: 0px;
    background-image: url('../images/stuff/menu/onas1.png');
    background-repeat: no-repeat;
    background-position: 0px 0px;
    outline:none;
    z-index: 100;
}
li.selected a.notepad_tab_onas {
    position: absolute;
   width: 58px;
    height: 45px;
    padding-left: 0px;
    padding-right: 0px;
    text-decoration: none;
    padding-top: 0px;
    padding-bottom: 0px;
    background-image: url('../images/stuff/menu/onas3.png');
    background-repeat: no-repeat;
    background-position: 0px 0px;
    outline:none;
    z-index: 100;
}
a.notepad_tab_onas:hover {
   position: absolute;
    width: 58px;
    height: 45px;
    padding-left: 0px;
    padding-right: 0px;
    text-decoration: none;
    padding-top: 0px;
    padding-bottom: 0px;
    background-image: url('../images/stuff/menu/onas2.png');
    background-repeat: no-repeat;
    background-position: 0px 0px;
    outline: none;
    z-index: 500;
}
a.notepad_tab_aktual {
    position: absolute;
    margin-left: -62px;
    margin-top: 48px;
    width: 115px;
    height: 45px;
    padding-left: 0px;
    padding-right: 0px;
    text-decoration: none;
    padding-top: 0px;
    padding-bottom: 0px;
    background-image: url('../images/stuff/menu/aktual1.png');
    background-repeat: no-repeat;
    background-position: 0px 0px;
    outline:none;
    z-index: 100;
}
li.selected a.notepad_tab_aktual {
    position: absolute;
        width: 115px;
    height: 45px;
    padding-left: 0px;
    padding-right: 0px;
    text-decoration: none;
    padding-top: 0px;
    padding-bottom: 0px;
    background-image: url('../images/stuff/menu/aktual3.png');
    background-repeat: no-repeat;
    background-position: 0px 0px;
    outline:none;
    z-index: 100;
}
a.notepad_tab_aktual:hover {
   position: absolute;
       width: 115px;
    height: 45px;
    padding-left: 0px;
    padding-right: 0px;
    text-decoration: none;
    padding-top: 0px;
    padding-bottom: 0px;
    background-image: url('../images/stuff/menu/aktual2.png');
    background-repeat: no-repeat;
    background-position: 0px 0px;
    outline: none;
    z-index: 100;
}
a.notepad_tab_uslugi {
    position: absolute;
    margin-left: 53px;
    margin-top: 48px;
    width: 118px;
    height: 45px;
    padding-left: 0px;
    padding-right: 0px;
    text-decoration: none;
    padding-top: 0px;
    padding-bottom: 0px;
    background-image: url('../images/stuff/menu/uslugi1.png');
    background-repeat: no-repeat;
    background-position: 0px 0px;
    outline:none;
    z-index: 100;
}
li.selected a.notepad_tab_uslugi {
    position: absolute;
        width: 118px;
    height: 45px;
    padding-left: 0px;
    padding-right: 0px;
    text-decoration: none;
    padding-top: 0px;
    padding-bottom: 0px;
    background-image: url('../images/stuff/menu/uslugi3.png');
    background-repeat: no-repeat;
    background-position: 0px 0px;
    outline:none;
    z-index: 100;
}
a.notepad_tab_uslugi:hover {
   position: absolute;
     width: 118px;
    height: 45px;
    padding-left: 0px;
    padding-right: 0px;
    text-decoration: none;
    padding-top: 0px;
    padding-bottom: 0px;
    background-image: url('../images/stuff/menu/uslugi2.png');
    background-repeat: no-repeat;
    background-position: 0px 0px;
    outline: none;
    z-index: 100;
}
a.notepad_tab_promocje {
    position: absolute;
    margin-left: 171px;
    margin-top: 48px;
    width: 94px;
    height: 45px;
    padding-left: 0px;
    padding-right: 0px;
    text-decoration: none;
    padding-top: 0px;
    padding-bottom: 0px;
    background-image: url('../images/stuff/menu/promocje1.png');
    background-repeat: no-repeat;
    background-position: 0px 0px;
    outline:none;
    z-index: 100;
}
li.selected a.notepad_tab_promocje {
    position: absolute;
        width: 94px;
    height: 45px;
    padding-left: 0px;
    padding-right: 0px;
    text-decoration: none;
    padding-top: 0px;
    padding-bottom: 0px;
    background-image: url('../images/stuff/menu/promocje3.png');
    background-repeat: no-repeat;
    background-position: 0px 0px;
    outline:none;
    z-index: 100;
}
a.notepad_tab_promocje:hover {
   position: absolute;
      width: 94px;
    height: 45px;
    padding-left: 0px;
    padding-right: 0px;
    text-decoration: none;
    padding-top: 0px;
    padding-bottom: 0px;
    background-image: url('../images/stuff/menu/promocje2.png');
    background-repeat: no-repeat;
    background-position: 0px 0px;
    outline: none;
    z-index: 100;
}
a.notepad_tab_cennik {
    position: absolute;
    margin-left: 265px;
    margin-top: 48px;
    width: 77px;
    height: 45px;
    padding-left: 0px;
    padding-right: 0px;
    text-decoration: none;
    padding-top: 0px;
    padding-bottom: 0px;
    background-image: url('../images/stuff/menu/cennik1.png');
    background-repeat: no-repeat;
    background-position: 0px 0px;
    outline:none;
    z-index: 100;
}
li.selected a.notepad_tab_cennik {
    position: absolute;
        width: 77px;
    height: 45px;
    padding-left: 0px;
    padding-right: 0px;
    text-decoration: none;
    padding-top: 0px;
    padding-bottom: 0px;
    background-image: url('../images/stuff/menu/cennik3.png');
    background-repeat: no-repeat;
    background-position: 0px 0px;
    outline:none;
    z-index: 100;
}
a.notepad_tab_cennik:hover {
   position: absolute;
      width: 77px;
    height: 45px;
    padding-left: 0px;
    padding-right: 0px;
    text-decoration: none;
    padding-top: 0px;
    padding-bottom: 0px;
    background-image: url('../images/stuff/menu/cennik2.png');
    background-repeat: no-repeat;
    background-position: 0px 0px;
    outline: none;
    z-index: 164;
}
a.notepad_tab_galeria {
    position: absolute;
    margin-left: 342px;
    margin-top: 48px;
    width: 69px;
    height: 45px;
    padding-left: 0px;
    padding-right: 0px;
    text-decoration: none;
    padding-top: 0px;
    padding-bottom: 0px;
    background-image: url('../images/stuff/menu/galeria1.png');
    background-repeat: no-repeat;
    background-position: 0px 0px;
    outline:none;
    z-index: 100;
}
li.selected a.notepad_tab_galeria {
    position: absolute;
        width: 69px;
    height: 45px;
    padding-left: 0px;
    padding-right: 0px;
    text-decoration: none;
    padding-top: 0px;
    padding-bottom: 0px;
    background-image: url('../images/stuff/menu/galeria3.png');
    background-repeat: no-repeat;
    background-position: 0px 0px;
    outline:none;
    z-index: 100;
}
a.notepad_tab_galeria:hover {
   position: absolute;
      width: 69px;
    height: 45px;
    padding-left: 0px;
    padding-right: 0px;
    text-decoration: none;
    padding-top: 0px;
    padding-bottom: 0px;
    background-image: url('../images/stuff/menu/galeria2.png');
    background-repeat: no-repeat;
    background-position: 0px 0px;
    outline: none;
    z-index: 100;
}
a.notepad_tab_kontakt {
    position: absolute;
    margin-left: 411px;
    margin-top: 48px;
    width: 89px;
    height: 45px;
    padding-left: 0px;
    padding-right: 0px;
    text-decoration: none;
    padding-top: 0px;
    padding-bottom: 0px;
    background-image: url('../images/stuff/menu/kontakt1.png');
    background-repeat: no-repeat;
    background-position: 0px 0px;
    outline:none;
    z-index: 100;
}
li.selected a.notepad_tab_kontakt {
    position: absolute;
        width: 89px;
    height: 45px;
    padding-left: 0px;
    padding-right: 0px;
    text-decoration: none;
    padding-top: 0px;
    padding-bottom: 0px;
    background-image: url('../images/stuff/menu/kontakt3.png');
    background-repeat: no-repeat;
    background-position: 0px 0px;
    outline:none;
    z-index: 100;
}
a.notepad_tab_kontakt:hover {
   position: absolute;
      width: 89px;
    height: 45px;
    padding-left: 0px;
    padding-right: 0px;
    text-decoration: none;
    padding-top: 0px;
    padding-bottom: 0px;
    background-image: url('../images/stuff/menu/kontakt2.png');
    background-repeat: no-repeat;
    background-position: 0px 0px;
    outline: none;
    z-index: 100;
}
div.notepad_card {                                           /*główne okno*/
    position: absolute;
    top: 90px;
    left: -286px;
    width: 786px;
    height: auto;
    background-image: url('../images/main_window.jpg');
    border: 0px;
    color: #FFD798;
    z-index: 0;
    }
li.selected div.notepad_card {
    display: block;
    z-index: 0;
    }
li.passive div.notepad_card {    
display: none;
}
a img {
    border: 0px;
}