﻿body 
{
    margin:0;
    font-size:11px;
    font-family:Tahoma, Verdana, MS Sans Serif, MS Serif;
    background-color:#e7ecd3;
    padding-bottom:25px;
}
h1, h2, h3, form
{
    margin:0;
    padding:0;}
a 
{
    text-decoration:none;}
a img 
{
    border-style:none;}
#container 
{
    width:988px;
    margin:0 auto;
    background-color:#ffffff;}

#top 
{
    height:231px;
    border-right:solid 1px #f1f1e9;
    background:#d7e0b1 url(../images/topback.jpg) repeat-x 0px 0px;}

.top_border 
{
    float:left;
    width:179px;
    height:231px;}
#top_mid 
{
    float:left;
    width:629px;
    height:231px;
    background:#d7e0b1 url(../images/t3_main.jpg) no-repeat 0px 0px;
    }

#Newsletter 
{
    height:131px;
    background:#d7e0b1 url(../images/t1_news_log.jpg) no-repeat 0px 0px;}
#Newsletter p 
{
    padding:39px 0px 0px 32px;
    margin:0;
    background:url(../images/newsletter.gif) no-repeat 32px 18px;
    }

#EmailNews 
{
    float:left;
    width:96px;
    font-size:11px;
    height:18px;
    background:Transparent url(../images/newsinput.gif) no-repeat 0px 0px;
    padding:3px 0px 0px 5px;
    margin:10px 0px 0px 29px;
    border-style:none;}

#newsbutton 
{
     float:left;
     margin:10px 0px 0px 0px;
     cursor:pointer;
     width:21px;
     height:21px;
     border-style:none;
     background:Transparent url(../images/newsbutton.gif) no-repeat 0px 0px;
    
     }
#Newsletter span 
{
    color:Red;
    display:block;
    clear:both;
    padding:3px 0px 0px 3px;
    font-size:10px;}
#Searchbox 
{
     background:#7da937 url(../images/t2_search_basket.jpg) no-repeat 0px 0px;
    height: 100px;
    }
form#search
{
    height: 65px;
    padding-top:35px;
    background:Transparent url(../images/wyszukiwarka.gif) no-repeat 32px 23px;  
    }
#search-frase
{
    float:left;
    width:96px;
    font-size:11px;
    height:18px;
    background:Transparent url(../images/newsinput.gif) no-repeat 0px 0px;
    padding:3px 0px 0px 5px;
    margin:10px 0px 0px 29px;
    border-style:none;
}
#searchbutton 
{
      float:left;
     margin:10px 0px 0px 0px;
     cursor:pointer;
     width:21px;
     height:21px;
     border-style:none;
     background:Transparent url(../images/newsbutton.gif) no-repeat 0px 0px;
    
    }
form#search a 
{
    color:#000000;
    float:left;
    text-decoration:none;
    font-size:9px;
    margin:2px 0px 0px 26px;}
form#search a:hover 
{
    text-decoration:underline;}
#top_mid ul#menu1
{
    padding:4px 0px 0px 63px;
    margin:0;
    list-style:none;
    height:20px;}
#top_mid ul#menu1 li 
{
    float:left;
    display:inline;
    margin-left:17px;}
#top_mid ul#menu1 li a 
{
    color:#505345;
    font-weight:bold;}
#top_mid ul#menu1 li a:hover 
{
    text-decoration:underline;}
#top_mid div#topper 
{
    padding:40px 0px 0px 90px;}
#top_mid strong 
{
    display:block;
    padding:20px 0px 0px 91px;}
#top_mid ul#menu2
{
    padding:12px 0px 0px 13px;
    margin:45px 0px 0px 0px;
    list-style:none;
    height:26px;
    background:url(../images/t4_menu.jpg) no-repeat 0px 0px;}
#top_mid ul#menu2 li 
{
    float:left;
    display:inline;
    margin-left:12px;
    background:url(../images/menudot.gif) no-repeat 0px 3px;
    padding-left:10px;
    }
    
div#logowanie
{
    height: 106px;
    background: url(../images/t1_news_log.jpg) no-repeat 0px 0px;
    padding: 25px 0px 0px 15px;
}
form#LoginForm
{
    height: 86px;
    background: url(../images/logowanie.gif) no-repeat 31px 0px;
    padding-top:20px;
   
}
form#LoginForm label
{
    float: left;
    width: 30px;
    height: 18px;
    color: #000000;
    margin: 8px 0px 0px 0px;
}
form#LoginForm input#Login, input#Password
{
    float: left;
    width: 86px;
    height: 18px;
    padding:3px 0px 0px 5px;
    margin:5px 20px 0px 0px;
    background:url(../images/logback.gif) no-repeat 0px 0px;
    border-style:none;
    font-size: 11px;
}
form#LoginForm input#Password 
{
    margin:5px 0px 0px 0px;
     background:url(../images/passback.gif) no-repeat 0px 0px;
    }

form#LoginForm input#logbutton
{
      float:left;
     margin:5px 0px 0px 0px;
     cursor:pointer;
     width:21px;
     height:21px;
     border-style:none;
     background:Transparent url(../images/newsbutton.gif) no-repeat 0px 0px;
}
form#LoginForm a#addnew
{
    float: left;
    color: #000000;
    font-size:10px;
    text-decoration: none;
    margin:3px 0px 0px 12px;
}
form#LoginForm a#addnew:hover 
{
    text-decoration:underline;}
form#LoginForm span
{
    clear:both;
    display:block;
    padding:3px 0px 0px 12px;
    font-size: 9px;
    color: red;
    font-weight:bold;
}
div#MKoszyk
{
    height: 100px;
    background: url(../images/t2_search_basket.jpg) no-repeat 0px 0px;
    
}
div#MKoszyk div
{
    height: 100px;
    background: url(../images/basket.gif) no-repeat 38px 20px;}
div#MKoszyk a#basket_case
{
    float: left;
    font-size: 11px;
    line-height: 14px;
    height: 33px;
    width: 102px;
    color: #000000;
    font-weight:bold;
    margin:43px 0px 0px 24px;
}
div#MKoszyk a#basket_case:hover 
{
    text-decoration:underline;}
div#MKoszyk a#basket_button
{
    float: left;
    margin-top: 47px;
}
div#MKoszyk span 
{
    font-size:9px;
                 }

#left 
{
    float:left;
    width:196px;
    padding-bottom:10px;}
#middle 
{
    float:left;
    width:576px;
    padding:0px 10px 0px 10px;
}
#right 
{
    float:left;
    width:196px;
    padding-bottom:10px;}
#footer 
{
    clear:both;
    height:101px;
    background:#ffffff url(../images/footerback.gif) no-repeat 0px 38px;}

.c_header 
{
    background:#0a0b06 url(../images/header.gif) no-repeat left top;
    text-align:center;
    color:#e7e6b2;
    font-size:12px;
    height:18px;
    padding-top:5px;}

div#Tree 
{
    background:#f7f9ee url(../images/treeback.gif) repeat-y left top;
    margin-top:12px;
    }
div#Tree ul
{
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 4px;
    background:url(../images/treebottom.gif) no-repeat left bottom;
    padding-bottom:12px;
}
div#Tree li
{
 
    padding:2px 0px 2px 0px;
}
div#Tree ul li a
{
   
    display: block;
    color:#000000;
    display:block;
    font-weight:bold;
    padding:3px 0px 2px 0px
}
div#Tree ul li a:hover 
{
    text-decoration:underline;}

div#Tree ul li a.t0
{
    
   background: url(../images/treedot.gif) no-repeat 15px 5px;
   font-size:11px;
   padding-left:30px;
   
}
div#Tree ul li a.t1
{
       font-size:10px;
       padding-left:40px;
       font-weight:normal;}
div#Tree ul li a.t2
{
     font-size:10px;
       padding-left:45px;
       font-weight:normal;
}

div#Tree ul li a.t3
{font-size:10px;
       padding-left:50px;
       font-weight:normal;
  
}

div#Tree ul li a.selected
{
   
   text-decoration:underline;
   color:#71a600;
}
div#Tree ul li a.pselected
{
    color: #74AC24;
    background-repeat: no-repeat;
    background-position: 4px 6px;
}

#bestseller 
{
    background:#f9faf5 url(../images/bestback.gif) repeat-y left top;
    margin:12px 0px 12px 0px;
    position:relative;}
#best1 
{
    position:absolute;
    top:-3px;
    right:-8px;}

#bestseller h3 
{
    font-size:11px;
    padding:12px 20px 10px 20px;
    text-align:center;}
#bestseller h3 a 
{
    color:#000000;}
#bestseller h3 a:hover 
{
    text-decoration:underline;}
#bestseller a.ImgLnk 
{
    display:block;
    text-align:center;}
#bestseller p 
{
    padding:10px 20px 5px 20px;
    margin:0;
    }
#bestseller div 
{
    background:url(../images/bestbottom.gif) no-repeat left bottom;
    padding:3px 20px 10px 20px;
    height:22px;}
#bestseller div strong 
{
    float:left;
    font-size:13px;
    width:90px;
    margin-top:3px;}
#bestseller div a 
{
    float:left;}
.htmborder 
{
    display:block;
    height:9px;
    background:url(../images/htm1-top.gif) no-repeat left bottom;
    }
.promoborder 
{
    display:block;}
.htmlcollumn 
{
    background:#f7f9ee url(../images/treeback.gif) repeat-y left top;}


div#navbar
{
    color:#959986;
    height:14px;
    font-size:11px;
    margin-top:13px;
    margin-left:9px;
    padding:4px 0px 3px 0px;}
div#navbar a 
{
    color:#959986;
    font-size:11px;}
div#navbar a:hover 
{
    text-decoration:underline;}
div#navbar img 
{
    margin:0px 4px 0px 4px;}
div#navbar span 
{
    margin-left:4px;}

div.produkt 
{
    float:left;
    display:inline;
    width:186px;
    height:257px;
    margin:1px 8px 9px 0px;
    background:url(../images/prodback.gif) no-repeat 0px 0px;}
div.produkt h2 
{
font-size:11px;}
.prodname 
{
    display:block;
    text-decoration:none;
    color:#000000;
    padding:19px 7px 5px 7px;
    text-align:center;
    font-weight:bold;
    height:35px;}
.prodname:hover 
{
    text-decoration:underline;}
.prodimg 
{
cursor:pointer;
    display:block;
    height:115px;
    text-align:center;}
div.produkt p 
{
    font-size:10px;
    color:#000000;
    padding:6px 8px 0px 13px;
    margin:0px 0px 0px 0px;
    line-height:13px;
    height:47px;}
div.produkt div 
{
    padding:0px 23px 0px 13px;
   /* height:22px;*/}
div.produkt div strong 
{
    float:left;
    font-size:13px;
    width:80px;
    margin-top:3px;}
div.produkt div a 
{
    float:left;}

#pager
{
    clear: both;
    height: 20px;
    padding-top: 20px;
    text-align: center;
    padding-bottom: 3px;
    margin-bottom: 10px;
}
#pager a
{
    text-decoration: underline;
    font-size: 12px;
    padding: 0px 6px 0px 6px;
    
}
#pager a:hover 
{
    text-decoration:none;}
#pager a.selected
{
    
    font-weight: bold;
    color:#71a600;
}
#pager a.unselected
{
    
    color: #000000;
}


#artykuly 
{
    margin-top:12px;
    background:#f7f9ee url(../images/treeback.gif) repeat-y left top;
    }

#artykuly h3 
{
    font-size:11px;
    padding:0px 25px 0px 25px;}
#artykuly span 
{
    padding:15px 25px 0px 25px;
    display:block;
    font-weight:bold;
    color:#848876;}
#artykuly h3 a 
{
    color:#000000;
}
#artykuly h3 a:hover 
{
        text-decoration:underline;}
#artykuly p 
{
    margin:0px 25px 0px 25px;
    padding:0;
    }
#artykuly a.prodmore 
{
    display:block;
    margin:8px 25px 0px 25px;
    padding:1px 5px 12px 0px;
    background:url(../images/moreback.gif) no-repeat right 0px;
    border-bottom:solid 1px #000000;
    color:#000000;
    text-align:right;
    font-weight:bold;}
#archiwum 
{
    display:block;
    background:url(../images/treebottom.gif) no-repeat left bottom;
    padding:4px 0px 6px 0px;
    color:#6f6c61;
    text-align:center;}
#archiwum:hover 
{
        text-decoration:underline;}

#promobox 
{
    background:#f9faf5 url(../images/bestback.gif) repeat-y left top;
    margin:12px 0px 12px 0px;
    padding-bottom:15px;
    border-bottom:solid 1px #CFD4BB;
    }
.promo 
{
    margin:0;
    padding:0;
    }

.promo h3 
{
    font-size:11px;
    padding:10px 20px 10px 20px;
    text-align:center;}
.promo h3 a 
{
    color:#000000;
    display:block;}
.promo a:hover 
{
    text-decoration:underline;}
.promo div.ImgLnk 
{
height:120px;
cursor:pointer;
    display:block;
    text-align:center;}
.promo p 
{
    padding:10px 20px 5px 20px;
    margin:0;
    }
.promo div 
{
    border-bottom:solid 1px #000000;
    margin:3px 20px 0px 20px;
    height:32px;}
.promo div strong 
{
    float:left;
    font-size:13px;
    width:97px;
    margin-top:3px;}
.promo div a 
{
    float:left;}
#fmenu1 
{
    width:576px;
    height:24px;
    padding:8px 0px 0px 0px;
    margin:0 auto;
    list-style:none;}
#fmenu1 li 
{
    float:left;}
#fmenu1 li a 
{
   float:left;
   margin-right:1px;}
#footer div 
{
    height:40px;
    margin-top:25px;}
#footer div span 
{
    color:#505345;
    float:left;
    width:214px;
    height:33px;
    padding:7px 0px 0px 15px;}

#footer div ul
{
    float:left;
    padding:12px 0px 0px 0px;
    margin:0;
    list-style:none;
    height:28px;}
#footer div ul li 
{
    float:left;
    display:inline;
    margin-left:17px;}
#footer div ul li a 
{
    color:#505345;
    font-weight:bold;}
#footer div ul li a:hover 
{
    text-decoration:underline;}

#goshop {color:#505345;
         float:left;
         display:inline;
         margin:12px 0px 0px 80px;}
#goshop:hover 
{
    text-decoration:underline;
    color:#71a600;}
#htmf 
{
    width:988px;
    margin:0 auto;
    color:#000000;}


.stopka
{
 
 
 width:100%;
 clear:both;

 
}/*
.stopka div
{

 float:left;   
 height:140px;
 width:130px;
 margin-bottom:25px;
 margin-left:17px;
 display:inline;
 
}
*/
.stopka span
{
 display:block;
 text-align:center;  
   color:#157FB9; 
   
}
.stopka span em
{font-weight:bold;font-style:normal;}
.stopka a.promoname 
{
    display:block;
    text-align:center;
    margin-bottom:8px;
    margin-top:5px;
    height:40px;
    color:#157FB9;
    }
.stopka a.promoimg{ display:block;text-align:center;margin-bottom:10px;height:75px;}

#sorter
{
    padding:15px 0px 5px 0px;
    height:25px;
   
    
    }
    #sorter span
    {
         float:right;
         padding-top:3px;
         padding-right:5px;
        color:#000000;
       font-size:11px;
        margin-left:10px;
    }
#sorter select
{
    font-size:10px;
    float:right;
    margin-right:5px;
    
    }



    #Loader
{
    position: absolute;
    top: 0;
    left: 0;
    padding: 4px;
    visibility: hidden;
    padding-left: 18px;
    border: solid 1px Black;
    z-index: 500;
    background-color: White;
    width: 90px;
    text-align: center;
    font-weight: bolder;
    background-image: url(../images/const/indicator.gif);
    background-repeat: no-repeat;
    background-position: 1px 1px;
}
#InfoBox div
{
    margin:15px;
}
#InfoBox
{
 text-align:center; 
 
 padding-top:10px;
   
    background-repeat: no-repeat;
    background-position: bottom center;
    padding-bottom:60px;
    
}
#InfoBox strong
{
 color:Black;
    
}
#InfoBox a{
color:#DC620D;
text-decoration:none;
}

.highlight
    {
        quotes:none;
        background-color:Yellow;
    }

#logged
{
    padding-top:10px;
}
#logged strong
{
    display:block;
    margin-bottom:5px;
}
#logged a
{
    display:block;
    text-decoration:none;
    color:Black;
    width:100px;
}


div.News
{
  float:left;
  margin:10px;
  margin-right:18px;
 margin-left:4px;
  border-bottom:solid 1px #DFDDD8;
 width:550px;
  padding-bottom:5px;
    
}
div.News p
{
    clear:both;
    margin:0;
    padding:2px;
    padding-top:4px;
    padding-left:5px;
    
    margin-bottom:8px;
}
div.News span
{
   float:left;
   font-style:italic;  
   font-weight:normal;
   clear:both; 
   color:#848876;
   margin-left:5px;
    font-size:10px; 
}
div.News a
{
 float:left;
 text-decoration:none;
}
div.News em
{
    float:left;
    margin-left:20px;
    font-style:italic;  
    font-size:10px; 
  
    color:#848876;
}
div.News h4
{
     clear:both;
     float:left;
     color:Red;
     margin:0;
     padding:0;
     font-size:11px;
     padding-left:5px;
    
   
}
div.News h4 a
{
    color:Black;
}
div.News h4 a:hover
{
    text-decoration:underline;
}
div.News a.detail
{
     text-decoration:none;
     color:#848876;
     float:right;
     font-size:10px;
     background-position:right 4px;
     background-repeat:no-repeat;
     padding-right:12px;
     background-image: url(../images/go.gif);
     background-repeat:no-repeat;
     cursor:pointer;
     margin-right:4px;
}
