* {margin:0; padding:0; text-align:left}
/*   ---------  ------------ R E S E T   ------------- ---------   */ 
ul {list-style-type:none}
a, a:hover, a:visited {color:#4c2d20; outline:none}
fieldset {border:none; outline:none;}
img {border:none}

.kasownik {clear:both}
.red {color:#f00}
/*   ---------  ------------ L A Y O UT   ------------- ---------   */ 

html body {height:100%, width:100%; background:url('../images/bg_top.jpg') #000 no-repeat 50% 0; color:#4c2d20; font-family: Arial; Verdana; sans-serif; font-size:0.73em}
.wrapper {background:url('../images/bg_bottom.jpg') transparent no-repeat 50% 100%;}
#container {width:980px; margin:0 auto;}
#top {position:relative; height:372px; width:980px; background:url('../images/top_bg.jpg') transparent no-repeat 0 0; }

#top_sub {position:relative; height:119px; width:980px; background:url('../images/top_sub_bg.jpg') transparent no-repeat 0 0; }


#logo {width:280px; height:80px; position:absolute; top:22px; left:49px}
#logo_sub {width:280px; height:60; position:absolute; top:10px; left:49px}
#logo_sub h1#logo-koniko a {display: block; width:280px; height:80px; text-indent:-99999px}

#content{width:940px; margin:0 auto; min-height:600px; background:#fff;  padding:15px 0 20px 0}
#one-column {padding:20px}
#left {width:218px; float:left; padding:0 0 0 20px}
#main {width:640px; padding:0 40px 0 20px; float:right }

.ostatnio-dodany {width:30px}
.new-box-glowna {width:50%; float:left; padding:5px 0; border-bottom:1px dotted #eee}
/*   ---------  ------------ S T O P K A  ------------- ---------   */ 
ul#menu-stopka {display: block; margin:0 auto ; padding:20px 0 0 0;  width:700px}
ul#menu-stopka li {display: inline; float:left;padding: 5px}
ul#menu-stopka li a {color:#fff}
.footer-container {height:120px;  }
.footer {margin:10px auto; padding: 0 20px 0 20px}
#footer-note {width:250px; float:left}
.footer h5 {font-size:11px; color:#765E54}
.footer-column {width:140px; float:left; margin:0 0 0 20px}

.footer-column a {font-size:11px; }


/* -------------------  G L Ó W N E  M E N U --------------------*/
ul#top-menu {float:right;}
ul#top-menu li {display:inline; float:left; margin:3px 5px 0 0}
ul#top-menu li a {color:#d8b79c;}

/* -------------------  headlines --------------------*/

h2 {color:#3f1e10; border-bottom:1px solid #836b62; padding:0 0 2px 20px; text-align:left }
h3 {color:#3f1e10;}
h4, h3.product-name {color:#261407}

/* -------------------  wyszukiwarka --------------------*/
h3#wyszukiwarka {color:#E55715; padding: 0 0 0 25px}
fieldset legend {display:none}
.mini-search {position:relative; height:40px}
input#search {position:absolute; top:3px; left:0; width:140px; height:20px; border:1px solid #836b62; padding:2px 0 0 3px}
input#szukaj {position:absolute; top:2px; left:160px}

.note {background:#e8e0d9; -moz-border-radius: 15px; -webkit-border-radius: 15px; padding:10px}
.in-main-box-left {width:295px; padding:0 30px 0 0 ; float:left}
.in-main-box-right {width:295px; padding:0; float:right}

/* ------------------  przewijanka -----------------------    */

button.prev, button.next {display:block; width:19px;height:191px; border:0;outline:none  }
button.prev, .carousel, button.next {float:left}
button.prev {background:url(../images/left_.jpg) no-repeat; margin-right:30px}
button.next {background:url(../images/right_.jpg) no-repeat; margin-left:30px}
button:focus, button:active {border:none; outline:none}
/*   ---------  ------------ K A T E G O R I E  M E N U  ------------- ---------   */ 
ul#nav {font-size:1em; margin:15px 0}

ul#nav li {line-height:20px; padding:0 0 0 22px; text-align:left}  
ul#nav li.active {background:url('../images/li_active_bg.jpg') no-repeat 0 .12em; padding:0 0 0 22px}
ul#nav li a {color:#3f1e10; font-size:14px; text-decoration:none} 
ul#nav li a:hover {color:#3f1e10; font-size:14px; text-decoration:underline} 
ul#nav li.active a {font-weight:bold}



/*   ---------  ------------ M E N U  ------------- ---------   */         

#menu {
position:absolute;
top:305px;
left:0;
width:980px;
height:90px;
}

#menu ul {
list-style-type: none;
}

#menu ul li {display:inline;float:left}

#menu ul li a {display:block;
/*text-indent: -9000px; */
text-decoration: none;
padding:45px 0 0 0;
overflow: hidden;
height: 0px !important; 
height /**/:45px; /* IE5/Win */
background:url(../images/menu_bg.jpg) #eee no-repeat;
}

#menu ul li a.item1 {width:160px; background-position: 0 0 }
#menu ul li a.item2 {width:140px; background-position: -160px 0;}
#menu ul li a.item3 {width:235px; background-position: -300px 0;}
#menu ul li a.item4 {width:205px; background-position: -535px 0}
#menu ul li a.item5 {width:240px; background-position: -740Px 0}


#menu ul li a.item1:hover {background-position: 0 -45px}
#menu ul li a.item2:hover {background-position: -160px -45px}
#menu ul li a.item3:hover {background-position: -300px -45px}
#menu ul li a.item4:hover {background-position: -535px -45px}
#menu ul li a.item5:hover {background-position: -740px -45px}


#menu ul li.active a.item1 {border-bottom:4px solid #0093dd; cursor:default; background-position: 0 -45px}
#menu ul li.active a.item2 {border-bottom:4px solid #0093dd; cursor:default; background-position: -177px -45px}
#menu ul li.active a.item3 {border-bottom:4px solid #0093dd; cursor:default; background-position: -74px -45px}
#menu ul li.active a.item4 {border-bottom:4px solid #0093dd; cursor:default; background-position: -292px -45px}
#menu ul li.active a.item5 {border-bottom:4px solid #0093dd; cursor:default; background-position: -396px -45px}

/*   ---------  ------------ M E N U  SUB------------- ---------   */         

#menu_sub {
position:absolute;
top:75px;
left:0;
width:980px;
height:45px;
}

#menu_sub ul {
list-style-type: none;
}

#menu_sub ul li {
display:inline;
float:left}


#menu_sub ul li a {
display:block;
/*text-indent: -9000px; */
text-decoration: none;
padding:45px 0 0 0;
overflow: hidden;
height: 0px !important; 
height /**/:45px; /* IE5/Win */
background:url(../images/menu_sub_bg.jpg) #eee no-repeat;
}

#menu_sub ul li a.item1 {width:160px; background-position: 0 0 }
#menu_sub ul li a.item2 {width:140px; background-position: -160px 0;}
#menu_sub ul li a.item3 {width:235px; background-position: -300px 0;}
#menu_sub ul li a.item4 {width:205px; background-position: -535px 0}
#menu_sub ul li a.item5 {width:240px; background-position: -740Px 0}


#menu_sub ul li a.item1:hover {background-position: 0 -45px}
#menu_sub ul li a.item2:hover {background-position: -160px -45px}
#menu_sub ul li a.item3:hover {background-position: -300px -45px}
#menu_sub ul li a.item4:hover {background-position: -535px -45px}
#menu_sub ul li a.item5:hover {background-position: -740px -45px}


#menu_sub ul li.active a.item1 {border-bottom:4px solid #0093dd; cursor:default; background-position: 0 -45px}
#menu_sub ul li.active a.item2 {border-bottom:4px solid #0093dd; cursor:default; background-position: -177px -45px}
#menu_sub ul li.active a.item3 {border-bottom:4px solid #0093dd; cursor:default; background-position: -74px -45px}
#menu_sub ul li.active a.item4 {border-bottom:4px solid #0093dd; cursor:default; background-position: -292px -45px}
#menu_sub ul li.active a.item5 {border-bottom:4px solid #0093dd; cursor:default; background-position: -396px -45px}

