/* Winieta = nagłówek strony */

#jeden-procent {
  width: 980px;  
  margin: 0 auto;
}

#winieta {
  width: 954px;
  height: 120px;
  padding: 44px 13px 36px 13px;
  background: rgb(248,249,243) url(obrazki/winieta.jpg) no-repeat top;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  margin: 0 auto;

}


#menu {
  width: 954px;
  height: 86px;
  display: block;
  padding-bottom: 8px;
  border-bottom: rgb(207,207,207) 1px solid;

}
#menu li {}
#menu li.alfa {}
#menu li.omega {}
#menu li a { 
  position: relative; 
  display: block;
  top: 52px; 
  height: 34px;
  text-indent: -9999px;
  background-repeat: no-repeat;  }

#menu li a#menu-glowna { 
  top: 0px; 
  width: 88px;
  height: 88px;
  background-image: url(obrazki/logo.png); }

#menu li a#menu-opracowni { width: 137px; background-image: url(obrazki/menu-opracowni.png); }
#menu li a#menu-dzialania { width: 122px; background-image: url(obrazki/menu-dzialania.png); }
#menu li a#menu-dzikie { width: 139px; background-image: url(obrazki/menu-dzikie.png); }
#menu li a#menu-edukacja { width: 118px; background-image: url(obrazki/menu-edukacja.png); }
#menu li a#menu-publikacje { width: 132px; background-image: url(obrazki/menu-publikacje.png); }

#menu li a#menu-opracowni:hover,
#menu li a#menu-dzialania:hover,
#menu li a#menu-dzikie:hover,
#menu li a#menu-edukacja:hover,
#menu li a#menu-publikacje:hover { background-position: 0 -68px; }

#menu li a#menu-opracowni.aktywne, #menu li a#menu-opracowni.aktywne:hover,
#menu li a#menu-dzialania.aktywne, #menu li a#menu-dzialania.aktywne:hover,
#menu li a#menu-dzikie.aktywne, #menu li a#menu-dzikie.aktywne:hover,
#menu li a#menu-edukacja.aktywne, #menu li a#menu-edukacja.aktywne:hover,
#menu li a#menu-publikacje.aktywne, #menu li a#menu-publikacje.aktywne:hover { 
  background-position: 0 -34px; }




li#szukaj {}
li#szukaj form { width: 218px; height: 34px; position: relative; top: 58px; text-align: right; }
li#szukaj form input { float: right; width: 120px; height: 17px; padding: 1px 0; }
/*  http://particletree.com/features/rediscovering-the-button-element/ */
li#szukaj form button {
    float: right; display:block; margin:0 7px 0 0;
    font-family: Tahoma, Arial, Verdana, sans-serif; text-transform: lowercase;
    font-size: 10px; line-height:130%; text-decoration:none; font-weight:bold; cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
    width:auto; overflow:visible; padding:4px 10px 3px 7px; /* IE6 */
   /* tylko dla szukania: */ margin: 0 0 0 5px; 
    color: rgb(255,255,255); background-color: rgb(105,105,105);
    border: 1px solid rgb(162,162,162); border-bottom: 1px solid rgb(0,0,0); border-right: 1px solid rgb(0,0,0); }
li#szukaj form button[type] {
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */ }
*:first-child+html li#szukaj form button[type] { padding:4px 10px 3px 7px; /* IE7 */ }

li#szukaj form button:hover {}
li#szukaj form button:active {
    background-color: rgb(90,90,90);
    border: 1px solid rgb(162,162,162);
    border-top: 1px solid rgb(0,0,0);
    border-left: 1px solid rgb(0,0,0);
    position: relative; top: 1px; left: 1px; }




#menu-cd {
  width: 250px;
  text-align: right;
  float: right; }
#menu-cd li { float: right; height: 20px; padding-top: 3px; }
#menu-cd a {
  color: rgb(0,28,52);
  font-size: 9px;
  line-height: 9px;
  text-transform: uppercase;
  text-decoration: none;
  padding: 4px 10px 2px 10px;
  border-right: rgb(0,65,90) 1px solid;
}
#menu-cd a:hover { background-color: rgb(203,213,152); }
#menu-cd a.aktywne, #menu-cd a.aktywne:hover { color: rgb(238,239,232); background-color: rgb(141,165,0); }

#menu-cd a#menu-english { 
  background-image: url(obrazki/flaga-en.png);
  background-repeat: no-repeat;
  background-position: right;
  padding-right: 28px; }
#menu-cd a#menu-rss { 
  background-image: url(obrazki/rss.png);
  background-repeat: no-repeat;
  background-position: right;
  padding-right: 20px;
  border-right: none; }


#winieta a.aktywne:hover { cursor: default; }


#okruchy { 
  width: 680px;
  color: rgb(137,137,137);
  font-size: 11px;
  line-height: 11px;
  float: left;
  padding: 8px 0 6px 0; }
#okruchy a { 
  color: rgb(137,137,137); 
  text-decoration: none;
  text-transform: lowercase; }
#okruchy a:hover { 
  text-decoration: underline; }


/*#fb {
position: absolute;
top: 60px; 
right: -4px;
width: 100%;
float: right;
text-align: right;

}

#fb div {
text-align: right;
width: 980px;
margin: 0px auto;
padding: 0px;
   
}*/

#fb {
  margin: 0 auto;
  position: relative;
  top: 60px;
  width: 980px;
}

#fb div {
  float: right;
  position: relative;
  left: 2px;
}


#fb div .dz {
  margin: 0px 5px 0px 0px;
  padding: 0px;
  float: right;
}

#fb iframe {
display: block;
text-align: right;
padding: 0px 0px 0px 0px;
margin: 0px;
float: right;
width: 100px;
height: 30px;
}



#wkoszyk {
position: absolute;
top: 20px; left: 0px;
width: 100%;

}

#wkoszyk div {
width: 954px;
margin: 0 auto;  

}

#wkoszyk a { 
font-size: 10px; font-family: Tahoma, Arial, Verdana; text-decoration: none; 
display: block; border: rgb(37,88,98) 2px solid;
text-align: right;
padding: 10px 10px 10px 50px;
width: auto; 
color: rgb(149,186,193);
background: url(obrazki/wkoszyk.png) no-repeat 10px 8px;
float: right;
}
#wkoszyk a:hover { border-color: rgb(48,114,126); }
#wkoszyk strong { font-size: 11px; font-weight: bold; display: block; }

#button_1_procent { display: block; float: right; width: 51px; position: relative; top: -7px; }
#button_1_procent a { display: block; background-image: url("/1_procent/images/but_przekaz.png"); background-position: 0pt -174px; background-repeat: no-repeat; width: 194px; height: 107px; }
#button_1_procent a span { display: none; }