#wrapper {
position: relative;
width: 1070px;
margin: 0 auto;
border: 0px solid red;
}

#container {
position: relative;
width: 1070px;
margin: 0 auto;
border: 0px solid green;
}

a {
color: #ff7c00;
text-decoration: none;
font-weight: bold;
}

a:hover {
color: #e70000;
text-decoration: none;
font-weight: bold;
}

/* headers */

h1 {
color: #808080;
font-weight: normal;
margin-bottom: 24px;
font-size: 24px;
}

h2 {
color: #808080;
font-weight: normal;
margin-bottom: 8px;
font-size: 17px;
}

.text-block ul {
padding: 0;
margin: 0;
margin-left: 16px;
list-style-image: url("../fx/arrow01.gif");
}


/* top */
#top {
position: relative;
width: 1070px;
height: 150px;
margin: 0 auto;
border: 0px solid red;
}

#top .logo {
position: relative;
top: 20px;
left: 0;
float: left;
width: 226px;
height: 80px;
}

#top .top-icon {
position: relative;
width: 433px;
height: 34px;
background: url("../fx/c-bgtopicon.png") left top repeat-x;
float: right;
margin-top: 36px;
margin-right: 11px;
}

#top .top-icon .left {
float: left;
background: url("../fx/l-bgtopicon.png") left top no-repeat;
width: 11px;
height: 34px;
margin-left: -11px;
border: 0px solid yellow;
}

#top .top-icon .right {
float: right;
background: url("../fx/r-bgtopicon.png") left top no-repeat;
width: 11px;
height: 34px;
margin-right: -11px;
border: 0px solid yellow;
}

#top a {
color: #ffffff;
font-weight: bold;
text-decoration: none;
font-size: 11px;
}

#top a:hover {
color: #ff7c00;
font-weight: bold;
text-decoration: none;
}

#top .top-icon a {
padding-right: 18px;
}

.top-logowanie {
background: url("../fx/top-logowanie.png") left center no-repeat;
padding: 6px 0 6px 26px; 
}

.top-rejestracja {
background: url("../fx/top-rejestracja.png") left center no-repeat;
padding: 6px 0 6px 26px; 
}

.top-konto {
background: url("../fx/top-konto.png") left center no-repeat;
padding: 6px 0 6px 26px; 
}

.top-koszyk {
background: url("../fx/top-koszyk.png") left center no-repeat;
padding: 6px 0 6px 26px; 
}

.top-przechowalnia {
background: url("../fx/top-przechowalnia.png") left center no-repeat;
padding: 6px 0 6px 26px; 
}

.top-wyloguj {
background: url("../fx/top-wyloguj.png") left center no-repeat;
padding: 6px 0 6px 26px; 
}

.top-zmiana-hasla {
background: url("../fx/top-zmiana-hasla.png") left center no-repeat;
padding: 6px 0 6px 26px; 
}


/*left*/
#left {
position: relative;
width: 225px;
float: left;
border: 0px solid red;
}

#left .box {
border: 0px solid red;
margin-bottom: 12px;
}

#left .box .header-koszyk {
background: url("../fx/box-header-koszyk.png") left top no-repeat;
width: 223px;
height: 40px;
}

#left .box .header-profil {
background: url("../fx/box-header-profil.png") left top no-repeat;
width: 223px;
height: 40px;
}

#left .box .header-zamowienia {
background: url("../fx/box-header-zamowienia.png") left top no-repeat;
width: 223px;
height: 40px;
}

#left .box .header-kategorie {
background: url("../fx/box-header-kategorie.png") left top no-repeat;
width: 223px;
height: 40px;
}

#left .box .header-bestselery {
background: url("../fx/box-header-bestsellery.png") left top no-repeat;
width: 223px;
height: 40px;
}

#left .box .header-opinie {
background: url("../fx/box-header-opinie.png") left top no-repeat;
width: 223px;
height: 40px;
}

#left .box  {
background: url("../fx/box-content.png") left top repeat-y;
padding: 12px 26px 12px 18px;
text-align: justify;
font-size: 11px;
}

#left .box .header-ikony {
background: url("../fx/box-header-ikony.png") left top no-repeat;
width: 223px;
height: 5px;
}

#left .box .footer {
background: url("../fx/box-footer.png") left top no-repeat;
width: 223px;
height: 20px;
}

#left .separator {
background: url("../fx/left-separator.png") left top no-repeat;
width: 196px;
height: 55px;
margin: 0 auto;
text-align: center;
padding-top: 12px;
}

#left .separator {
background: url("../fx/left-separator.png") left top no-repeat;
width: 196px;
height: 12px;
margin: 0 auto;
text-align: center;
padding-top: 12px;
}

#left .bestseler {
margin-bottom: 12px;
background: url("../fx/arrow01.gif") left top no-repeat;
padding-left: 12px;
text-align: left;
}

#left .bestseler a {
color: #545454 !important;
font-weight: normal;
}

#left .bestseler a:hover {
color: #ff7c00 !important;
}


#left .opinia {
margin-bottom: 12px;
}

#left .opinia .title {
background: url("../fx/arrow01.gif") left top no-repeat;
color: #545454 !important;
font-weight: bold;
padding-left: 12px;
}

#left .bestseler a:hover {
color: #ff7c00 !important;
}

/*navigation*/

.navigation-main {
border: 0px solid red;
margin: 0 auto;
padding: 0;
list-style-type: none;
position: absolute;
top: 106px;
right: 0;
}

.navigation-main ul {
border: 0px solid red;
margin: 0 auto;
padding: 0;
list-style-type: none;
}

.navigation-main li {
float:left;
padding: 0px 0px 0px 0px;
background: url("../fx/menu-shadow.png") right top no-repeat;
}

.navigation-main a {
font-family: arial;
font-weight: bold !important;
font-size: 13px !important;
padding: 8px 28px 8px 18px;
display: block;
}

.navigation-main li:hover, .navigation-main .active {
background: url("../fx/menu-shadow-over.png") right top no-repeat;
color: #000 !important;
}

.navigation-main a:hover {
color: #000 !important;
}

.navigation-kategorie ul {
margin: 0;
padding: 0;
list-style-type: none;
}

.navigation-kategorie li {
text-align: left;
}

.navigation-kategorie .level_1 li {
padding-left: 12px;
border-bottom: 1px solid #C0C0C0;
background: url("../fx/arrow02.gif") left center no-repeat;
padding-top: 4px;
padding-bottom: 4px;
}

.navigation-kategorie .level_2 li {
padding-left: 8px;
padding-top: 3px; padding-bottom: 3px;
background: url("../fx/arrow03.gif") left center no-repeat;
border-bottom: 1px dotted #C4C4C4;
margin-left: 12px;
}

.navigation-kategorie .level_3 li {
margin-left: 24px;
padding-top: 2px; padding-bottom: 2px;
background: none;
}

.navigation-kategorie .level_4 li {
padding-left: 24px;

}


.navigation-kategorie .level_5 li {
padding-left: 36px;
}

.navigation-kategorie ul a{
color: #000;
font-weight: normal;
display: block;
}

.navigation-kategorie ul a:hover {
color: #ff7c00 !important;
}

.navigation-kategorie .level_1 a {
font-weight: bold;
}

.navigation-kategorie .level_2 a {
font-weight: normal;
}

.navigation-kategorie .level_3 a {
font-weight: normal;
padding: 0;
}

.navigation-icons ul {
margin: 0;
padding: 0;
list-style-type: none;
}

.navigation-icons li {
text-align: left;
}

.navigation-icons a {
font-weight: normal !important;
font-size: 13px !important;
padding: 6px 0px 6px 0px;
display: block;
color: #5b5b5b;
}

.navigation-icons a:hover {
color: #ff7c00 !important;
}

.navigation-icons .cenniki {
background: url("../fx/ico-left-cenniki.gif") left center no-repeat;
padding-left: 36px;
}

.navigation-icons .wyprzedaze {
background: url("../fx/ico-left-wyprzedaze.gif") left center no-repeat;
padding-left: 36px;
}

.navigation-icons .promocje {
background: url("../fx/ico-left-promocje.gif") left center no-repeat;
padding-left: 36px;
}

.navigation-icons .nowosci {
background: url("../fx/ico-left-nowosci.gif") left center no-repeat;
padding-left: 36px;
}

.navigation-icons .wydarzenia {
background: url("../fx/ico-left-wydarzenia.gif") left center no-repeat;
padding-left: 36px;
}

.navigation-icons .forum {
background: url("../fx/ico-left-forum.gif") left center no-repeat;
padding-left: 36px;
}

.breadcrumb {
border: 0px solid red;
clear: both;
margin-bottom: 0px;
}

.breadcrumb, .breadcrumb a {
font-size: 12px;
color: #000000;
font-weight: normal;
}

/*main*/
#main {
position: relative;
width: 840px;
float: left;
top: -8px;
}

#main .header {
position: relative;
background: url("../fx/main-header.png") left top no-repeat;
width: 840px;
height: 15px;
float: left;
}

#main {
position: relative;
background: url("../fx/main-content.png") left top repeat-y;
width: 840px;
float: left;
}

#main .inside {
position: relative;
padding: 0 24px;
float: left;
}

#main .footer {
position: relative;
background: url("../fx/main-footer.png") left top no-repeat;
width: 840px;
height: 47px;
float: left;
border: 0px solid red;
}


/*product*/

.product {
border: 0px solid red;
float: left;
position: relative;
width: 100%;
}

.product .opiekun {
border: 0px solid red;
float: left;
position: relative;
margin-top: 6px;
}

.product .info {
float: left;
position: relative;
margin-top: 12px;
font-weight: bold;
color: #E60000;
}

.product .cena {
border: 0px solid red;
float: right;
position: relative;
text-align: right;
}

.product .cena .big {
font-size: 24px;
color: #ff9b00;
font-weight: normal;
}

.product .icons {
clear: both;
background: url("../fx/bg-icons.gif") left top no-repeat;
float: left;
position: relative;
height: 50px;
width: 792px;
margin: 18px 0;
padding-left: 6px;
padding-top: 1px;
}

.product .icon{
float: left;
padding:0px 10px;
background: url("../fx/spacer01.gif") right center no-repeat;
}

.product .icon-koszyk{
float: right;
padding:0px 10px;
background: url("../fx/spacer01.gif") left center no-repeat;
}

.product .icon-powiadom{
float: right;
padding:0px 10px;
background: url("../fx/spacer01.gif") left center no-repeat;
}


.product .pic{
float: left;
padding:0;
position: relative;
}

.product .desc{
float: left;
padding-left: 20px;
position: relative;
clear: both;
}

/*product-short*/

.product-short {
position: relative;
float: left;
width: 762px;
padding: 16px;
margin-bottom: 12px;
clear: both;
background: url("../fx/bg-round.gif") right top no-repeat;
border: 0px solid #fff;
}

.product-short:hover {
border: 0px solid #FF9900;
background: url("../fx/bg-round2.gif") right top no-repeat;
}

.product-short img {
border: 0px solid #c0c0c0;
padding: 1px;
float: left;
margin: 0px;
}

.product-short .pic {
border: 1px solid #c0c0c0;
padding: 1px;
}

.product-short .desc {
float: left;
border: 0px solid red;
padding-left: 12px;
clear: right;
}

.product-short .cena {
border: 0px solid red;
float: right;
position: relative;
text-align: right;
}

.product-short .cena .big {
font-size: 24px;
color: #ff9b00;
font-weight: normal;
}

.product-short .promocjacena {
border: 0px solid red;
float: right;
position: relative;
text-align: right;
font-size: 14px;
color: #ff9b00;
font-weight: normal;
text-decoration: line-through;
}

.product-short .icons {
background: url("../fx/bg-icons2.gif") left top no-repeat;
float: left;
position: relative;
height: 50px;
width: 645px;
margin-left: 12px;
margin-top: 16px;
border: 0px solid red;
}

.product-short .icon{
float: left;
padding: 0px 10px;
background: url("../fx/spacer01.gif") right center no-repeat;
}

.product-short .zestaw{
float: left;
padding: 10px 18px;
}

.product-short .icon-koszyk{
float: right;
padding:0px 10px;
background: url("../fx/spacer01.gif") left center no-repeat;
}

.product-short .icon-powiadom{
float: right;
padding:0px 10px;
background: url("../fx/spacer01.gif") left center no-repeat;
}

.product-short .big{
font-size: 16px;
font-weight: bold;
}

/*tables*/

table {
border-bottom: 2px solid #b2b2b2;
float: left;
padding: 2px;
background-color: #FF8000;
background: url("../fx/bg-table.gif") left top repeat-x;
border-collapse:collapse;
}

td, th {
padding: 6px 16px;
}

th {
text-align: left;
background: #000 url("../fx/submit-button.gif") left center repeat-x;
color: #fff;
}

.td01 {
background: #f7f7f7;
}

.td02 {
background: #eaeaea;
}

.table-search, .table-search td {
border: 0;
padding: 0;
background: transparent;
}

/*search*/

.search {
position: relative;
float: left;
width: 792px;
height: 90px;
background: url("../fx/search.gif") left top no-repeat;
margin: 0px 0;
border: 0px solid red;
}

/*scategory-boxes*/

.category-boxes {
position: relative;
float: left;
width: 245px;
height: 175px;
margin: 8px;
}

.category-boxes-header {
position: relative;
float: left;
width: 245px;
border: 0px solid red;
background: url("../fx/category-header.gif") left top no-repeat;
color: #fff;
padding-top: 9px;
padding-bottom: 10px;
padding-left: 28px;
font-size: 12px;
white-space: wrap;
}

.category-boxes-image {
position: relative;
float: left;
width: 245px;
height: 139px;
border: 0px solid red;
}

.category-boxes-header a {
color: #f7f7f7;
display: block;
border:0px solid red;
width: 210px;
}

.category-boxes-header a:hover {
color: #FF9900;
}

.highlightit img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.highlightit:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
}

/*polecamy*/
.polecamy {
position: relative;
float: left;
width: 150px;
background: url("../fx/bg-polecamy.gif") left top no-repeat;
text-align: center;
margin-right: 7px;
margin-bottom: 24px;
}

.polecamy img {
border: 1px solid #c0c0c0;
padding: 0px;
margin: 12px 0 0 0;
text-align: center;
}

.polecamy .desc {
padding: 1px;
font-size: 11px;
}

.polecamy .cena {
margin: 0 auto !important;
padding: 0 !important;
font-weight: bold;
text-align: center !important;
float: none;
font-size: 11px;
}

/*kreator kabla*/

.kreator-kabla {
position: relative;
float: left;
margin-top: 24px;
}

.kreator-kabla .item {
position: relative;
float: left;
margin-bottom: 24px;
padding-top: 10px;
background: url("../fx/bg-kreator.gif") left top no-repeat;
width: 250px;
text-align: center;
border: 0px solid red;
}

.kreator-kabla .pic {
position: relative;
margin: 0 auto !important;
padding: 0 !important;
width: 200px;
border: 0px solid red;
clear: both;
}

.kreator-kabla img {
margin: 0 auto !important;
padding: 0 !important;
text-align: center !important;
border: 1px solid #E0E0E0 !important;
}

.kreator-kabla .desc {
position: relative;
float: left;
margin: 0 !important;
padding: 0 !important;
margin-top: 12px !important;
font-size: 11px;
line-height: 1.1em;
padding-left: 24px !important;
text-align: left;
}

.kreator-kabla .zlacze {
position: relative;
float: left;
width: 762px;
padding: 16px;
margin-bottom: 12px;
clear: both;
background: url("../fx/bg-round.gif") right top no-repeat;
}

.kreator-kabla .zlacze img {
margin-right: 12px !important;
border: 1px solid #E9E9E9 !important;
}

.kreator-kabla .zlacze .summ0 {
float:left;
}

.kreator-kabla .zlacze .summ1 {
float:left;
width: 250px;
text-align: right;
padding: 6px;
}

.summ5 {
float:left;
width: 400px;
text-align: left;
padding: 6px;
}

.kreator-kabla .zlacze .summ2 {
float:left;
}





/*koszyk*/
.koszyk {
position: relative;
float: left;
width: 762px;
padding: 16px;
margin-bottom: 12px;
clear: both;
background: url("../fx/bg-round.gif") right top no-repeat;
border: 0px solid red;
}

.koszyk img {
border: 1px solid #c0c0c0;
padding: 1px;
float: left;
margin: 0px;
}

.koszyk .desc {
float: left;
border: 0px solid red;
padding-left: 12px;
width: 640px;
clear: right;
}

.koszyk .id {
float: left;
border: 0px solid red;
padding-left: 12px;
}

.koszyk .cena {
float: left;
padding-left: 48px;
}

.koszyk .oczekiwanie {
float: left;
padding-left: 48px;
}

.koszyk .ilosc {
float: left;
margin-left: 120px;
width: 500px;
clear: both;
margin-top: -20px;
}

.koszyk .ilosc div {
float: left;
margin-right: 12px;
}

/*others*/
.round {
position: relative;
float: left;
width: 762px;
padding: 16px;
margin-bottom: 12px;
clear: both;
background: url("../fx/bg-round.gif") right top no-repeat;
}

.round img {
border: 0px solid #c0c0c0;
padding: 1px;
float: left;
margin: 12px 12px 2px 12px;
}

.round .desc {
padding: 1px;
margin-top: 12px;
}

.round .cena {
padding: 1px;
float: right;
color: #e00000;
font-weight: bold;
margin-top: 12px;
margin-right: 12px;
}

.text-block {
border: 0px solid red;
position: relative;
float: left;
clear: both;
line-height: 1.6em;
text-align: justify;
width: 792px;
}

.today {
width: 770px;
font-weight: bold;
text-align: right;
font-size: 9px;
margin-top: 5px;
}

.orange {
color: #ff9b00;
}

.caption {
font-size: 14px;
font-weight: normal;
}

.clear{
height:0.1px;
font-size:0.1px;
line-height:0.1px;
clear:both;
}

.pagination {
width: 792px;
position: relative;
float: left;
clear: both;
}

.info {
float: left;
position: relative;
margin-top: 12px;
font-weight: bold;
color: #E60000;
font-size: 16px;
line-height: 2em;
}

.info-small {
float: left;
position: relative;
margin-top: 12px;
font-weight: normal;
color: #E60000;
font-size: 12px;
line-height: 1.3em;
}

.banner {
float: left;
position: relative;
margin-bottom: 24px;
clear: both;
}

/*footer*/
#footer {
position: relative;
width: 1065px;
height: 148px;
float: left;
border: 0px solid red;
background: url("../fx/footer.png") left center no-repeat;
clear: both
color: #fff;
}

#footer ul {
margin: 0 auto;
padding: 10px;
list-style-type: none;
}

#footer li {
}

#footer a {
color: #fff;
font-weight: normal;
font-size: 11px;
}

#footer a:hover {
color: #FF9900;
}

.copyright {
position: relative;
float:right;
color: #898989;
margin-top: 56px;
margin-bottom: 12px;
padding-bottom: 24px;
font-weight: bold;
}

#footer .menu1 {
position: relative;
width: 200px;
float: left;
left: 270px;
top: 14px;
color: #fff;
font-weight: bold;
border: 0px solid red;
}

#footer .menu2 {
position: relative;
width: 200px;
float: left;
left: 275px;
top: 14px;
color: #fff;
font-weight: bold;
border: 0px solid red;
}

#footer .menu3 {
position: relative;
width: 200px;
float: left;
left: 280px;
top: 14px;
color: #fff;
font-weight: bold;
}

#footer .menu4 {
position: relative;
width: 200px;
float: left;
left: 290px;
top: 14px;
color: #fff;
font-weight: bold;
}


/*forms*/

.search input.text  {
width: 450px;
padding: 4px;
background: url("../fx/input-text.gif") left top repeat;
border: 1px solid #c0c0c0;
}

input.text {
width: 180px;
padding:4px;
background: url("../fx/input-text.gif") left top repeat;
border: 1px solid #c0c0c0;
margin-top: 2px; margin-bottom: 4px;
}

input.text-med  {
width: 250px;
padding: 4px;
background: url("../fx/input-text.gif") left top repeat;
border: 1px solid #c0c0c0;
margin-top: 2px; margin-bottom: 4px;
}

input.text-short  {
width: 52px;
padding: 4px;
background: url("../fx/input-text.gif") left top repeat;
border: 1px solid #c0c0c0;
margin-top: 2px; margin-bottom: 4px;
}

input.text-tel  {
width: 190px;
padding: 4px;
background: url("../fx/input-text.gif") left top repeat;
border: 1px solid #c0c0c0;
margin-top: 2px; margin-bottom: 4px;
}

input.text-long  {
width: 400px;
padding: 4px;
background: url("../fx/input-text.gif") left top repeat;
border: 1px solid #c0c0c0;
margin-top: 2px; margin-bottom: 4px;
}

input.text-short:focus, input.text-med:focus, input.text-long:focus, input.text-tel:focus, .search input.text:focus, input.text:focus{
background: #fff;
border: 1px solid #c0c0c0;
}

fieldset
{
margin:0em 0em 1.5em 0em;
padding:1.4em;
border:1px solid #c6c6c6;
margin-top: 23px;
line-height: 1.3em;
}

legend
{
font-weight:bold;
font-size:1.2em;
color: #FF9900;
}

label
{
font-weight:bold;
padding-top: 12px;
}

.mandatory
{
font-weight:bold;
color: #FF9900;
}

input.checkbox
{
margin-right:12px;
}

input.radio
{
margin-right:12px;
}

select
{
width:200px;
margin:0.25em 0.25em 0.25em 0em;
border:1px solid #c6c6c6;
padding: 2px;
background: url("../fx/input-text.gif") left top repeat-x;
}

select:focus
{
background-color:#fff;
border:1px solid #c0c0c0;
}

textarea
{
width:650px;
height:120px;
margin:0.25em 0.25em 0.25em 0em;
padding:4px;
border:1px solid #c6c6c6;
background: #f6f6f6 url("../fx/textarea.gif") left top repeat-x;
}

textarea:focus
{
background:#ffffff;
border:1px solid #c0c0c0;
}


.submit-button
{
margin:0.25em 0.25em 0.25em 0em;
padding: 12px 44px;
background: url("../fx/submit-button.gif") left center repeat;
border: 0;
border-right: 1px solid #000;
border-left: 1px solid #000;
font-weight: bold;
color: #fff;
cursor: pointer;
}

.submit-button-short
{
margin:0.25em 0.25em 0.25em 0em;
padding: 4px 6px;
background: url("../fx/submit-button.gif") left center repeat;
border: 0;
border-right: 1px solid #000;
border-left: 1px solid #000;
font-weight: bold;
color: #fff;
cursor: pointer;

}

.submit-button-short2
{
margin:0.25em 0.25em 0.25em 0em;
padding: 4px 6px;
background: url("../fx/submit-button2.gif") left center repeat;
border: 0;
border-right: 1px solid #FF9900;
border-left: 1px solid #FF9900;
font-weight: bold;
color: #fff;
cursor: pointer;

}

.error  {
padding: 6px;
background: #FFF0F0;
border: 2px solid #ff0000;
color: #ff0000;
margin: 6px 0;
}


.no_error  {
padding: 0px;
background: #FFFFFF;
border: 0px solid #000000;
color: #FFFFFF;
margin: 0px 0;
}