/* selektory ogolne */
html {height: 100%;}
body {margin: 0px; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px;}
.tab {margin: auto; width: 980px; background: url(../img/paski.gif) repeat-y; margin-bottom: 0px;}
.lewa {float: left;}
.prawa {float: right;}
.clear {clear: both;}
a img {border: none;}
 
/* selektory szczegolne */
a {text-decoration:none;}
a:hover {text-decoration:underline;}
h1 {color: #66CC00;}
.yellow {color: #FFCC00;}

/* sekcje strony */
#header .logo {position: relative; left: 250px;}
#header #topmenu {float: right;}
#header #topmenu a {height: 43px; vertical-align: middle; background-repeat:repeat-x; padding: 0px 10px 0px 10px; color:#000000; margin-left: 1px; display: block; float: left; padding-top: 12px;}
#header #topmenu a.uslugi {background-image: url(../img/bg-uslugi.gif);}
#header #topmenu a.partnerzy {background-image: url(../img/bg-partnerzy.gif);}
#header #topmenu a.odziez {background-image: url(../img/bg-odziez.gif);}
#header #topmenu a.pieczatki {background-image: url(../img/bg-pieczatki.gif);}
#header #topmenu a.kontakt {background-image: url(../img/bg-kontakt.gif);}

#header #logowanie {text-align: right; color:#7f7f7f;}
#header #logowanie form {margin: 10px 0px 15px 0px;}
#header #logowanie input {border: solid 1px #b9b9b9; background-color: #fbf1cd; color: #7f7f7f; padding: 3px; width: 90px; margin-left: 5px; float: left;}
#header #logowanie input.button {background-image: url(../img/ok-button.jpg); border:none; background-color: #FFFFFF; width: 23px; height: 23px; background-repeat:no-repeat;}
#header #logowanie input.login {margin-left: 0px;}
#header #logowanie .account {padding: 3px; border: solid 1px #dadad9; padding-left: 22px; margin-left: 5px;}
#header #logowanie .add {background: url(../img/add-account.gif) 5px center no-repeat; background-color: #ebebeb; color:#639e29;}
#header #logowanie .przypomij {background: url(../img/przypomnij.gif) 5px center no-repeat; background-color: #ebebeb; color:#038cd0; padding-left: 26px;}
#header #logowanie .kod {background: url(../img/send-code.gif) 5px center no-repeat; background-color: #ebebeb; color: #CC6600; padding-left: 26px;}
#header #logowanie .panel {background: url(../img/account.gif) 5px center no-repeat; background-color: #ebebeb; color:#038cd0; padding-left: 26px;}
#header #logowanie .logout {background-image: url(../img/del.png); background-repeat: no-repeat; background-position:right; color:#CC0000; padding-right: 18px; text-decoration:none;}

#header #koszyk {margin: 10px 0px 10px 0px; background-image:url(../img/koszyk.png); background-repeat:no-repeat; background-position:left;}

#menu {width: 221px; background-color: #FFFFFF; padding: 20px 0px 20px 0px;}
#menu .kategorie {background-image: url(../img/header-menu.gif); background-repeat:repeat-x; font-weight: bold; font-style:italic; color:#FFFFFF; font-size: 18px; width: 191px; height: 33px; padding-left: 30px; padding-top: 10px; border-bottom: solid 1px #b9dc80;}
#menu ul, #tresc ul {margin-left: 0px; padding: 0px; border-bottom: solid 1px #b8d128; margin-top:0px;}
#menu ul ul, #tresc ul ul {border-bottom: 0px; padding: 0px; background-color:#FFFFFF; }
#menu li, #tresc li {list-style:none;}
#menu ul li a, #tresc ul li a {background-image: url(../img/arrow-menu.gif); background-repeat:no-repeat; background-position: center left; background-color:#fbf1cd; padding: 5px; display: block; border-top: #b8d128 solid 1px; padding-left: 30px; color: #cc6600;}
#menu ul li a:hover #tresc ul li a:hover {background-image: url(../img/arrow-menu-hover.gif); background-color: #b8d128; color: #FFFFFF; text-decoration:none;}
#menu ul li.active div, #tresc ul li.active div {background-image: url(../img/arrow-menu-active.gif); background-repeat: no-repeat; background-color:#e49108; background-position: center left; padding: 5px; padding-left: 30px; font-weight: bold; color: #FFFFFF;}
#menu ul li.active a, #tresc ul li.active a {background-color: #FFFFFF; border: 0px; background-image: url(../img/arrow.gif); background-repeat:no-repeat; background-position: center left; padding-left: 10px; margin-left: 30px;}
#menu ul li.active a:hover, #tresc ul li.active a:hover {color: #b8d128;}
#menu ul ul li.active div, #tresc ul ul li.active div {color: #f8c300; background-image: url(../img/arrow.gif); background-repeat:no-repeat; background-position: center left; padding-left: 10px; margin-left: 30px; background-color:#FFFFFF; font-weight:bold;}

#szukaj {margin-bottom: 20px;}
#szukaj .szukajinput {border: solid 1px #f8c300; padding: 5px; color: #939393; float: left;}
#szukaj .szukajbutton {background-image: url(../img/szukaj-button.gif); background-repeat:no-repeat; border: 0px; height: 28px; width: 28px; margin-left: 10px; float:right;}

#copyright {color: #b9b9b9; text-align: right; font-size: 16px; font-style:italic;}
#copyright .yellow {font-weight: bold; color:#f9cd29;}
#copyright .green {font-weight: bold; color:#93c93c;}

#content {width: 730px; padding-top: 65px;}
#content #filtry {width: 205px; text-align:center; margin-top: -40px;}
#content #filtry #loga {margin-top: 30px;}
#content #filtry #loga a {padding: 5px; width: 90px; height: 50px; display: block; width: 45%; float: left;}
#content #tresc {width: 500px;}

.productlist td {border: solid 1px #d7d7d7; padding: 10px; text-align: center; vertical-align: top; width: 45%;}
.productlist .productname {color: #548d2c;}
.productlist .productnamecontainer { clear: both; min-height: 30px; display: block; }
.productlist .shortinfo { clear: both; min-height: 30px; display: block; font-size: 11px; color: #8c8c8c; text-align:left; margin: 5px 0px 15px 0px;}
.productlist .cena {font-size: 22px; font-style:italic; color: #e4661e;}
.productlist .cena span {font-size: 16px; color: #949494;}

#form div {color: #999999;}
#form div.yellow {color: #FFCC00;}
#send  {border: solid 1px #003300; color:#003300; background-color:#FFCC00; padding: 5px;}

#koszyk {width: 100%;}
#koszyk th {background-color: #cc3300; color: #FFFFFF; padding: 5px;}
#koszyk td {padding: 5px;}
td.lp, td.ilosc, td.wartosc, td.cena {text-align: right;}
td.usun {text-align: center;}

.produktfoto {padding: 10px; text-align: center; border: solid 1px #CCCCCC; width: 205px;}

.cena {font-size: 22px; font-style:italic; color:#999999; float:left;}
.cena span {color: #FF9900; font-weight: bold;}
.rozmiar {float:left; width: auto; padding-left: 20px; padding-right: 20px;}
.rozmiar label {float: left; color:#999999; }
.rozmiar input {float: left;}
.dokoszyka {float: left; padding-right: 20px;}

.paginacja {text-align: center; padding: 10px;}
.paginacja a {padding: 5px; background-image: url(../img/bg-pieczatki.gif); background-position: center; margin: 3px; color: #003300; font-weight: bold;}
.paginacja a:hover {background-image: url(../img/bg-uslugi.gif);}
.paginacja span {background-image: url(../img/bg-odziez.gif); padding: 5px; background-position: center; margin: 3px; color: #993300; font-weight: bold;}

.forminput input, .forminput textarea {border: solid 1px #f8c300; padding: 5px; color: #939393; float: left;}