@import url(menu.css);
@import url(product.css);
@import url(koszyk.css);

a, .hoverable {cursor:pointer;}

/* ------------[ Clear, fix ]------------- */
body,div,dl,dt,dd,li,pre,form,fieldset,input,textarea,p,blockquote,th,td,button { margin:0; padding:0; font-family: arial;}
h1,h2,h3,h4,h5,h6 { margin:0; padding:0; font-size:100%; font-weight:normal; }
address,caption,cite,code,dfn,em,var { font-style:normal; font-weight:normal; }
ul { list-style:none; margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
caption,th { text-align:left; font-weight:normal; font-style:normal; }
acronym,abbr,fieldset,img { border:0; }
a{ text-decoration:none;}
a:hover { text-decoration:underline; }
.clear { line-height:0; height:0; clear:both; font-size:0; }
/* ------------[ Przydatne ]------------- */
.fll {	float: left !important;}
.flr {	float: right !important;}
.ml20 {	margin-left: 20px !important;}

/* ------------[ Sortowanie ]------------- */
#sortowanie, #produkt-opis, #powiazane {display: block; position: relative; overflow: hidden; }
#sortowanie .top {display: block; position: relative; top: 10px; overflow: hidden; border-bottom: 1px solid #d1d1d1;  margin: 0 0 0 10px;}
#sortowanie .top ul, #sortowanie .bottom ul {display: block; position: relative; float: left; border-right: 1px solid #d1d1d1; padding: 0 0 5px 5px;}
#sortowanie .top .last, #sortowanie .bottom .last {border-right: none;}
#sortowanie .top ul li, #sortowanie .bottom ul li {display: block; position: relative; float: left; font-size: 10px; color: #000000; margin: 0 5px 0 0; padding: 2px 0 0 0;}
#sortowanie .top ul a, #sortowanie .bottom ul a {text-decoration: none; color: #000000;}
#sortowanie .top ul .inactive, #sortowanie .bottom ul .inactive {text-decoration: none; color: #bcbcbc;}
#sortowanie .top ul li img, #sortowanie .bottom ul li img {margin: -2px 0 0 0;}
#sortowanie .top ul li select, #sortowanie .bottom ul li select, #sortowanie .bottom ul li input {font-size: 10px; }
#sortowanie .bottom {display: block; position: relative; padding-top: 10px; overflow: hidden; margin: 0 0 0 10px; }
#sortowanie .bottom ul {display: block; position: relative; float: left; border-right: 1px solid #d1d1d1; padding: 5px 0 0 5px;}
#sortowanie .filtry-button {float: right; padding: 5px 0 0 0;}



h1 {
    font: bold 14px arial;
    color:#636f0e;
}
h2 {
    font: bold 12px arial;
    color:#636f0e;
}
h3 {
    font: normal 11px arial;
    color:#636f0e;
}

a {color:#333}
body {
    font: 11px arial;
    margin:0;padding:0;
}

div.page_header {
    width: 970px;
    margin: auto;
    height:74px;
    background:transparent url(../images/header_bg.png) repeat-x bottom left;
}

div.logo {
    float:left;
    width:140px;
    height:80px;
}
div.buttons_top {
    width:693px;
    height:23px;
    float:right;
    border:1px solid red;
}
div.top_right{
    float:right;
    height:74px;
}
div.kontakt {
    height:42px;
    clear:both;	
    text-align:right;
}
div.kontakt div.article {
margin:0;
padding:0;
}
div.kontakt h1 {
    
    color:#ff9900;
    font:normal 14px "arial black";
    text-align:right;
    font-style: italic; 
    margin:0px;
    padding-top:2px;
}

div.kontakt a{

    color:#85970f;
    font:normal 12px "arial black";
    
}

div.menu_top{
    height: 21px;
    float: left;
    text-align: right;
}
div.menu_top a {
    font:  12px "arial black";
    color:#636f0e;
    text-decoration: none;
    background: transparent url(../images/menu_top.png) no-repeat;
    display:block;
    width:141px;
    height:22px;
    float:left;
    text-align:center;
    color:#fff;
    line-height: 21px;
    margin-left:1px;
}

div.menu_top a.act {
    background: transparent url(../images/menu_top_act.png) no-repeat;
}
div.menu_top a.extra {
    background: transparent url(../images/menu_top_extra.png) no-repeat;
}


div.menu_top a:hover {
    text-decoration: underline;
}
div.szukaj {
    margin-left:8px;
    height: 67px;
    float:left;
    color:#9a9a9a;
    background:transparent url(../images/main_top_spacer.gif) no-repeat top right;
    padding-right:8px;
	width:339px;
}
div.szukaj h2{
    color:#000;
    font: 14px normal "arial black";
    height:25px;
    line-height:25px;
}

div.szukaj a {
    color:#9a9a9a;
}
input.szukaj {
    width:312px;
    height: 18px;
    border:1px solid #CCCCCC;
    
}
div.koszyk {
    background:transparent url(../images/main_top_spacer.gif) no-repeat top right;
    float:left;
    width:294px;
    height:67px;
}

div.koszyk .d1{
    margin-top:15px;
    padding-left:15px;
    color:#ff9900;
}
div.koszyk .d2{
    color:#333;
}

div.koszyk h2{
    width:84px;
    height:67px;
    color:#ff9900;
    font: normal 17px "arial black";
    padding:10px 0 0 10px;
}

div.logowanie {
    float:left;
    width:294px;
    height:67px;
    
}

div.logowanie h2{
    color:#000;
    font: 14px normal "arial black";
    height:25px;
    line-height:25px;
}


div.logowanie h3 a{
    color:#ff9900;
    font: 12px normal "arial black";
    height:25px;
    line-height:25px;
    
}
div.logowanie .form{
    clear:both;
}
div.logowanie .form input[type='text'], div.logowanie .form input[type='password'] {
    width:128px;
    height:18px;
    margin:0;
    padding:0;
}


div.newsletter{
    width: 125px;
    float:right;
}

div.button{
    float:right;
    margin-left:23px;
}
.flr {float: right;}
.fll {float: left;}

img {
    border:none;
}
div.main_top{
    width:970px;
    height:67px;
    background:#ececec url(../images/main_top_bg.gif) no-repeat bottom left;

}

div.main{
    width: 970px;
    margin: auto;
}



div.banner {
    height:155px;
    width:970px;
    background:#b8c754;
    margin:auto;
    margin-top:2px;
    margin-bottom:2px;;
}

div.pole {
    width:250px;
    float:left;
}
.pole img {float:left;}

div.footer {
    clear:both;
    height:143px;
    background:#ececec;
}

div.footer_box{
    float:left;
    background: transparent url(../images/footer_div.gif) no-repeat top right;
    height:143px;
    min-width:180px;
}

div.footer_box2{
    float:left;
    background: transparent url(../images/footer_logo.png) no-repeat top center;
    background-position:15px 20px;;
    padding-top:76px;
    
}

div.footer_box h1{
    margin:20px;padding:0;
    font:bold 11px arial;
    color:#999;
    margin-bottom:5px;
    text-transform: uppercase;
    
}
div.footer_box a{
    margin:0;padding:0;
    color:#333;
    display:block;
    font:normal 11px arial;
    padding:2px;
    padding-left:24px;
    text-decoration:none;
    
}

div.footer_box2 a{
    margin:0;padding:0;
    color:#333;
    display:block;
    font:normal 11px arial;
    padding:2px;
    padding-left:24px;
    text-decoration:none;
    
}

div.footer2 {
    height:42px;
    color:#989898;
    font-size:10px;
}

div.body2{


}

div.promo_box1{
    height:217px;
    width:400px;
    float:left;
}

div.promo_box1 img.photo {
    float:left;
    margin:3px;
    margin-right:18px;
}
div.promo_box1 h1 {
    font:bold 12px arial;
    margin-bottom:40px;
}
.cena {

    font:bold 18px arial;
    color:#636f0e;
}
ul.tabs {
     list-style:none; margin:0; padding:0;

}
ul.tabs li a { cursor:pointer;}
ul.tabs li {
    float:left;
    margin-left:1px;
}
ul.tabs li.first {
    margin-left:4px;
}
ul.tabs li.content {
    float:none;
    clear:left;
    background:#FFF url(../images/tabs_background.png) no-repeat;
    height:166px;
    position:relative;
    top:-5px;
    padding:3px;    
}

div.promo_box2{

    background:#FFF url(../images/carousel_bg.png) no-repeat;
    float:left;
    width:560px;
    height:195px;
    margin-top:11px;
    margin-left:24px;
}
div.promo_box2 h1 {

    color:#a00467;
    font:bold 14px arial;
    margin-left:40px;
    margin-top:5px;

}

div.carousel {
    height:180px;
}
div.jCarousel {
    verflow:hidden;
    float:left;

}
div.carousel a.prev, div.carousel a.next{

    height:150px;
    width:34px;
    float:left;
    display:block;
}

a.prev {
    background:transparent url(../images/carousel_separator.png) no-repeat center right; 
}
a.next {
    background:transparent url(../images/carousel_separator.png) no-repeat center left;
}
img.prev {

    margin-top:64px;
    margin-left:9px;
    cursor:pointer;
}
img.next {

    margin-top:64px;
    margin-right:9px;
    cursor:pointer;
}
div.carousel ul {

     list-style:none; margin:0; padding:0;
     float:left;
     overflow:hidden;
     width:400px;
    
}

div.carousel ul li {
    display:block;
    width:150px;
    height:168px;
    float:left;
    margin-left:14px;
    margin-right:14px;

}
div.left_column {
    float:left;
    width:215px;
    min-height:500px;
    margin-top:6px;
}
div.left_column_position {
    min-height:50px;
    background:#ECECEC; // url(../images/bga1.gif) no-repeat top left;
    padding-left:8px;
    padding-top:4px;
    
}
div.left_column_position a {cursor:pointer;}
div.left_column_position h1{

    font:bold 12px arial;
    color:#636f0e;
}
div.left_column_position ul{

     list-style:none; margin:0; padding:0;
}
div.left_column_position>ul>li>label>span{
    color:#CCC;
}

div.product_list {
    float:left;
    width:720px;
    padding-left:10px;
}

div.product_list .paging {
    margin-top:7px;
    margin-bottom:7px;
    height:20px;
    text-align:center;
    clear:both;
}
div.product_list .paging .prev_page{
    width:17px;
    height:17px;
    background: transparent url(../images/bg1.gif) no-repeat scroll -132px -53px;
    margin-right:2px;
    display:inline-block;
    vertical-align:middle;
}
div.product_list .paging .next_page{
    width:17px;
    height:17px;
    background: transparent url(../images/bg1.gif) no-repeat scroll -48px -32px;
    margin-left:2px;
    display:inline-block;
    vertical-align:middle;
}
div.product_list .paging .pager {

    width:17px;
    height:17px;
    display:inline-block;
    text-align:center;
    
}
span.psepa{
    color:#ccc;
}
div.product_list .paging .active {font-weight:bold;}

.position {
    width:163px;
    height:175px;
    float:left;
    text-align:center;
    margin:2px;
    border:1px solid #FFF;
    font:normal 12px arial;
    color:#636f0e;
}
.position a img {
    width:159px;
    height:110px;
    display:block
}
.position:hover {

    border:1px solid #666600;

}
div.product_list .position h1{
    margin:0;padding:0;
    font: bold 14px arial;
    color:#636f0e;
    width:163px;
    overflow:hidden;
    height:30px;
}

div.product_list .position h2{

    margin:0;padding:0;
    font: normal 12px arial;
    color:#000;

}

div.product_list .position .cena{
    margin:0;padding:0;
    font: bold 14px arial;
    color:#ff9900;

}

.w50px {
    width:50px;
}

input,select,textarea{
border:1px solid #CCCCCC;
color:#333333;
}

input:hover{
    border:1px solid #999900;
}

input:focus{

    border: 1px solid #ff9900;
}
select:hover{
    border:1px solid #999900;
}

select:focus{

    border: 1px solid #ff9900;
}

.disabled {
    cursor:default;
    opacity:0.3;
}


table.form tr {
    height:25px;

}


input[type='submit']
{
    cursor:pointer;
    background:transparent url(../images/button_submit.gif) no-repeat top right;
    width:103px;
    height:22px;
    border:none;
    font:normal 12px "arial black";
    color:#333;
    text-transform:lowercase;
}


input[type='submit']:hover
{
    background-position:5px -28px;
    color:#999900;
}

input[type='submit']:active
{
    background-position:5px -57px;
    color:#ff9900;
}

input.mini[type='submit']:hover
{
    background-position:0px -28px !important;
    color:#999900;
}

input.mini[type='submit']:active
{
    background-position:0px -57px !important;
    color:#ff9900;
}


input[type='image']
{
    border:none;

}
div.vscroll {
    margin:10px;
    margin-left:30px;
}

.vscroll li{
    
    width:100px;
    height:170px;

}


table.okno {
    	    color:#000;	    
    	    background: transparent url(../images/container-body.png) top left repeat-x;
    	    margin:0px 0 10px;
    	    font-size:11px;
    	    
}	
table.okno td.body {padding:10px;padding-top:0px;}
table.okno th.body {background: #FFF url(../images/container-body.png) top left repeat-x;}
table.okno th.left {width:25px; height:10px;background:  #FFF url(../images/container-left.png) top left no-repeat; text-align:left;padding:10px;white-space:nowrap;font-weight:bold;}
table.okno th.right {width:25px; height:10px;background:  #FFF url(../images/container-right.png) top right no-repeat;text-align:right;	padding:10px;color:#DFDFDF;white-space:nowrap;}
table.okno th.right a{color:#c0c0c0;white-space:nowrap;}
table.oddzielone td { padding:3px;}

table.okno tr.body {

    
}

 table.detail {color:#000;  font-size:11px; }
 table.detail td{padding:3px; vertical-align:top;}
 table.detail th {padding:3px;color:#A0A0A0;font-size:11px;padding-right:10px; vertical-align:top;}
 table.list {color:#000;width:90%; font-size:11px;}
 table.list th {font-weight:normal; text-align:left;padding:3px;color:#A0A0A0;font-size:11px;padding-bottom:10px;}
 table.list td {text-align:left;padding:3px;}
 table.list td a {color: #000000;}


hr {
	width:95%;
	border:none;
	border-top:1px solid #DFDFDF;
	margin-top:0px;
	padding-top:0px;
}


/* ------------[ Produkt - lista ]------------- */
.produkt-lista {display: block; position: relative; overflow: hidden; background: #f0eeee; margin: 0 0 2px;}
.dark {background: #e0e0e0 !important;}
.dark-rozwiniety {background: #e0e0e0  !important; margin: 0 !important;}
.produkt-lista ul {display: block; position: relative; float: left; padding: 10px 5px 2px 0; width: 100%;}
.produkt-lista li {display: block; position: relative; float: left; font-size: 10px; padding: 0 0 0 5px;}
.produkt-lista ul .produkt-info {width: 350px;}
.produkt-lista .produkt-info .nazwa {color: #000000; font-weight: bold; float: left; padding: 0 5px 0 0;}
.produkt-lista .produkt-info .nazwa a {color: #000000; text-decoration: none;}
.produkt-lista .produkt-info .index {color: #818080; float: left;}
.produkt-lista .promocje {padding: 0; margin: -5px 0 0 0;}
.produkt-lista .promocje div {float: left; width: 25px;}
.produkt-lista .promocje .punkty-lojalnosciowe { display:block; position:relative; float: left; height:17px; background:no-repeat top right url(../images/punkty-lojalnosciowe-bg-close.png); width: auto; margin: 2px 2px 0 0;}
.produkt-lista .promocje .punkty-lojalnosciowe span { display:block; position:relative; height:17px; font-size:10px; font-weight:bold; color:#ffffff; padding:3px 0 0 10px; margin:0 8px 0 0; background:no-repeat top left url(../images/punkty-lojalnosciowe-bg.png); }

.produkt-lista .icon {float: right; padding: 0 5px 0 0; margin: -3px 0 0 0;}
.produkt-lista .cena-netto {float: right; padding: 0 5px 0 0; color: #636f0e; font-weight: bold;}
.produkt-lista .cena-brutto {float: right; padding: 0 5px 0 0; color: #636f0e; font-weight: bold;}
.produkt-lista .cena-netto span, .produkt-lista .cena-brutto span {font-size: 9px;}

 div#dodajDoListyDiv{
     width:345px;
     height:59px;
     padding:10px;
     z-index:1000;
     position:absolute;
 }
 div#dodajDoListyC{
     position:absolute;
     z-index:1000;
     width:380px;
     height:109px;
     display:block;
     background:#FFFFFF url(../images/bg2.gif) top left no-repeat;
     position:absolute;
     display:none;
 }




div.newsletter_body{
    position:absolute;
    display:none;
    width:262px;
    height:102px;
    border:1px solid #CCC;
    z-index:29999;
    margin-left:-179px;
    background: #FFFFFF;
    padding:20px;
}

div.banner_opis{
    padding:5px;
    display:block;
    width:975px;
    min-height:30px;
}

.contact_form{
     background:transparent url(../images/bg2.gif) no-repeat;
    width:336px;
    min-height:174px;
    padding:1px 10px;
    z-index:1000;
    position:absolute;


}

.star_24{
    display:block;
    position:relative;
    width:48px;
    height:48px;
    background: transparent  url(../images/star-24h.png) no-repeat;
    top:-295px;
    left:180px;
 }

 .star_nowosc{
    display:block;
    position:relative;
    width:86px;
    height:60px;
    background: transparent  url(../images/star-nowosc.png) no-repeat;
    top:-88px;
    left:73px;
	*left:38px;
 }
 .product_attr{

     font: bold 14px arial;
     color:#FF0000;
     text-transform: uppercase;
}

.main_body{
    padding:8px;
    float:left;
    width:739px;
}

.article{

    padding:10px;
}

div.right_column {

    float:left;
    width:215px;

}

h1.newsletter {
    color:#FFF;
    font: normal 14px "arial black";
    margin:5px;
    padding-top:8px;
    padding-left:8px;
}
input.mini {
    background: transparent url(../images/button_mini.png) no-repeat;
    width:24px;
}

h1.promocje {

    color:#ff9900;
    border-bottom:1px solid #ff9900;
    margin:10px;
}
h1.nowosci {

    border-bottom:1px solid #636f0e;
    margin:10px;
}

.home_news{
    clear:both;
    margin:10px;
    background:#ececec;
    padding:5px;
}


div.formularz form ul table tbody tr td{
    padding:3px;
}


.hide {
    display:none !important;
}

.path, .path a {

    margin-top:3px;
    font-size:11px;
    color:#636F0E;
}

.sortuj {
    
}
div.sort{
    display:inline-block;
    width:9px;
    height:10px;
    background:transparent url(../images/ikony.png) no-repeat;
    background-position:-131px -3px;

	
}
div.sortd{
    display:inline-block;
    width:9px;
    height:10px;
    background:transparent url(../images/ikony.png) no-repeat;
    background-position:-3px -3px;
	
}
div.sorta{
    background-position:-68px -3px !important; 
    display:inline-block;
    width:9px;
    height:10px;
    background:transparent url(../images/ikony.png) no-repeat;
}
.abot30 {
    position:relative !important;
    top:28px !important;
    margin-bottom:-18px;
    margin-top:-18px;
}

.atop30 {
    position:relative !important;
    top:-5px !important;
    margin-bottom:-18px;
    margin-top:-18px;
}


div.arrow_up{
  background-position:-3px -3px !important; 
    display:inline-block;
    width:9px;
    height:10px;
    background:transparent url(../images/ikony.png) no-repeat;
}

div.arrow_left{
  background-position:-101px -3px !important; 
    display:inline-block;
    width:9px;
    height:10px;
    background:transparent url(../images/ikony.png) no-repeat;
}