@charset "utf-8";
/* CSS Document */

body {margin:0; padding:0; font:11px/16px Verdana, Arial, Helvetica, sans-serif; color:#727272;}

img {border:none;}

#box {width:980px; padding:0; margin:auto;}

#position {position:absolute; left:50%; top:0; margin:0 0 0 -490px; z-index:1;}
#top {width:980px; height:80px; clear:both; overflow:hidden;}
#top #logo {float:left; height:80px; width:210px;}
#top #logo a {display:block; margin:20px 0 0 30px;}
#top #menu {float:right; height:80px; width:770px;}
#top #menu #wyszukiwarka {float:right; height:30px; width:260px; background:#f3f3f3 url(szukaj_bg.jpg) left top no-repeat;}
#top #menu #wyszukiwarka table {height:30px; float:right;}
#top #menu #wyszukiwarka .buttontop {background:url(szukaj_button.jpg) left top no-repeat; border:none; cursor:pointer; padding:0; margin:0 10px; width:60px; height:19px;}
#top #menu #wyszukiwarka .text {width:143px; height:17px; margin:0; padding:2px 5px 0 5px; border:none; background:url(szukaj_pole.jpg) left top no-repeat; color:#727272; font:11px/19px small-caps Verdana, Arial, Helvetica, sans-serif; text-align:right;}

#top #menu ul {float:right; margin:0; padding:0; clear:both; list-style:none; height:50px;}
#top #menu li {float:left; margin:0; padding:0; list-style:none;}
#top #menu li a{display:block; height:42px; margin:4px 25px 0 0;}
#top #menu li a#o_nas{background:url(o_nas.jpg) left top no-repeat; width:55px;}
#top #menu li a#poradniki{background:url(poradniki.jpg) left top no-repeat; width:84px;}
#top #menu li a#dystrybutorzy{background:url(dystrybutorzy.jpg) left top no-repeat; width:119px;}
#top #menu li a#kontakt{background:url(kontakt.jpg) left top no-repeat; width:74px;}

#top #menu li a#o_nas:hover{background:url(o_nas.jpg) right top no-repeat; width:55px;}
#top #menu li a#poradniki:hover{background:url(poradniki.jpg) right top no-repeat; width:84px;}
#top #menu li a#dystrybutorzy:hover{background:url(dystrybutorzy.jpg) right top no-repeat; width:119px;}
#top #menu li a#kontakt:hover{background:url(kontakt.jpg) right top no-repeat; width:74px;}

#block {clear:both; width:980px; height:480px; overflow:hidden;}
#bottom {width:980px; height:30px; clear:both; padding:10px 0 0 0; background:url(bottom_bg.jpg) left top no-repeat; overflow:hidden; position:absolute; z-index:2; left:50%; top:560px; margin:0 0 0 -490px;}
#bottom #left {float:left; margin:0 0 0 10px; line-height: 30px; color:#cccccc;}
#bottom #right {float:right; margin: 0 10px 0 0; line-height:30px; color:#cccccc; }
#bottom #right a {color:#cccccc; text-decoration:none;}

.display {display:block;}
.none {display:none;}
.newsletter {display:block;}
#newsletter_okno {width:310px; height:70px; background:url(newsletter_bg.png) left top no-repeat; top:490px; position:absolute; z-index:3;}
#newsletter_okno form {padding:20px 0 0 10px;}
#newsletter_okno .text {width:210px; height:15px; margin:0; padding:0 5px 0 5px; border:none; background:url(newsletter_text.jpg) left top no-repeat; color:#727272; font:11px/19px small-caps Verdana, Arial, Helvetica, sans-serif; text-align:right;}
#newsletter_okno #button_ok {background:url(button_ok.gif) left 6px no-repeat; border:none; cursor:pointer; padding:0; margin:0 10px 0 10px; width:60px; height:25px;}
#newsletter_okno #akcja span {display:block; padding:4px 10px 0 0; float:left;}
#newsletter_okno #akcja input {float:left;}

#kolumna {position:absolute; width:370px; left:50%; top:180px; margin:0 0 0 85px; color:#373737;}

.head {font:bold 13px/normal small-caps Verdana, Arial, Helvetica, sans-serif; color:#373737; text-transform:uppercase; padding:20px 0 10px 0;}

.newsletter_submit .button {background:url(zapisz_1.gif) left 6px no-repeat; border:none; cursor:pointer; padding:0; margin:0 10px 0 10px; width:60px; height:25px; color:#ffffff; font-size:10px;}
.newsletter_temat {font-weight:bold;}
.newsletter_temat_opis {}