body 
{
    margin:0;
    font-size:10px;
    font-family:Verdana, MS Sans Serif, MS Serif;
    background:#cde8e3 url(../images/bodyback.gif) repeat-x 0px 0px;
}
h1, h2, h3 
{
    margin:0;
    padding:0;}
    #middle-main
    {
        float:left;
        
        width:600px;
     padding-bottom:170px;   
    }
a 
{
    text-decoration:none;}
a img 
{
    border-style:none;}
#container 
{
    width:988px;
    margin:0 auto;}


#left 
{
    float:left;
    width:184px;
    padding:15px 5px 0px 0px;
    background-color:#cde8e3;}
div#Tree 
{
    background:#f3ff2d url(../images/treebot.gif) no-repeat center bottom;
    padding-bottom:20px;
    }
div.promobox
{
    background:#bed55f url(../images/divbottom.gif) no-repeat center bottom;
    margin-top:20px;}
div.promobox div 
{
    background:url(../images/promoback.gif) no-repeat center top;
    text-align:center;
    padding:10px;}
div.promobox div a.promoname 
{
    color:White;
    font-weight:bold;
    display:block;}
div.promobox div a.promoname:hover 
{
    text-decoration:underline;}
div.promobox div div.promoimg 
{
cursor:pointer;
    display:block;
    margin-top:7px;}
div.promobox div span 
{
    display:block;
    margin-top:7px;
    color:White;
    font-size:11px;
    font-weight:bold;
    }
div.promobox div span strong 
{
    font-size:12px;
    color:#ec1b1b;
    margin-left:5px;}
div.htmlcollumn 
{
    background:White url(../images/htmlback.gif) no-repeat 0px 0px;
    color:#157dba;
    margin-top:20px;
    padding:10px 9px 0px 9px;}
span.htmbottom 
{
    display:block;
    height:9px;
    background:url(../images/htmback2.gif) no-repeat 0px 0px;
    }
div#middle 
{
    float:left;
    background-color:White;
    width:608px;}
div#navbar
{
    color:#0d0d0d;
    height:18px;
    font-size:11px;
    font-weight:bold;
    background:url(../images/navback.gif) no-repeat 0px 0px;
    padding:15px 0px 10px 30px;}
div#navbar a 
{
    color:#0d0d0d;
    font-size:11px;}
div#navbar a:hover 
{
    text-decoration:underline;}
div#navbar img 
{
    margin:0px 8px 0px 8px;}
div#htmlmiddle 
{
    border:solid 1px #e6f3f1;
    background-color:#f6fdff;
    margin:7px 5px 5px 5px;
    color:#157dba;
    padding:5px;}
div.produkt 
{
    float:left;
    display:inline;
    width:196px;
    height:305px;
    border-right:solid 1px #e6f3f1;
    border-bottom:solid 1px #e6f3f1;}
div.produkt h2 
{
font-size:10px;}
.prodname 
{
    display:block;
    text-decoration:none;
    color:#157dba;
    padding:12px 12px 5px 12px;
    text-align:center;
    font-weight:bold;
    height:35px;}
.prodname:hover 
{
    text-decoration:underline;}
.prodimg 

{
    cursor:pointer;
    display:block;
    height:130px;
    text-align:center;}
div.produkt p 
{
    font-size:9px;
    color:#157dba;
    padding:4px 8px 0px 8px;
    margin:0px 0px 0px 0px;
    height:60px;}
div.produkt span 
{
    display:block;
    height:17px;
    text-align:center;
    margin-top:8px;
    color:#157dba;
    font-size:11px;
    font-weight:bold;
    }
div.produkt span strong 
{
    font-size:12px;
    color:#fe0000;
    margin-left:5px;
   
    }
a.proddetail 
{
    float:left;
    margin:6px 0px 0px 5px;
    height:14px;
    width:70px;
    text-align:center;
    padding-top:3px;
    background:url(../images/detailback.gif) 0px 0px;}
a.prodbasket 
{
    float:left;
    margin:6px 0px 0px 4px;
    height:14px;
    width:100px;
    text-align:center;
    padding-top:3px;
    background:url(../images/basketback.gif) 0px 0px;}
div#right 
{
    float:left;
    display:inline;
    width:184px;
    padding:15px 0px 0px 0px;
    margin-left:6px;
    height:300px;
    }
div#artykuly 
{
    background:#f3ff2d url(../images/aktualnosci.gif) no-repeat 0px 0px;
    padding:35px 0px 0px 0px;}
div#artykuly h3 
{
    font-size:10px;
    margin-top:12px;
    text-decoration:underline;
    margin-left:11px;}
div#artykuly h3 a 
{
        color:#054a61;}
div#artykuly h3 a:hover 
{
    color:#e66d14;
    text-decoration:underline;}
div#artykuly p 
{
    margin:0px;
    color:#054a61;
    padding:3px 11px 3px 11px;}
div#artykuly a#archiwum 
{
    background:url(../images/aktback.gif) no-repeat 0px 0px;
    display:block;
    height:19px;
    text-align:right;
    padding-right:12px;
    margin-top:8px;
    color:#054a61;
    font-weight:bold;
    text-decoration:underline;}
div#artykuly a#archiwum:hover 
{
        color:#e66d14;
    text-decoration:underline;}
div#footer 
{
    position:relative;
    clear:both;
    height:51px;
    padding-top:30px;
    background:url(../images/footerback.gif) no-repeat 0px 30px;}
div#footer ul 
{
    list-style:none;
    margin:0;
    padding:8px 0px 0px 25px;
    height:14px;}
div#footer ul li 
{
    float:left;
    color:#86b1ca;
    margin-left:5px;}
div#footer ul li a 
{
    color:#86b1ca;
    margin-right:5px;}
div#footer ul li a:hover 
{
    text-decoration:underline;}
div#footer a#goshop 
{
    display:block;
    text-align:center;
    color:#86b1ca;
    padding-top:5px;}
div#footer a#goshop:hover 
{
    text-decoration:underline;}
div#htmid 
{
    color:#157dba;
    background-color:#cde8e3;
    padding:1px 5px 20px 5px;
    text-align:center;}
    #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;
}
div#Tree ul
{
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 4px;
    margin-left:7px;
 
   
}
div#Tree li
{
 
    padding:2px 0px 2px 0px;
}
div#Tree ul li a
{
   
    display: block;
   
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 13px;
   color:#054960;
    display:block;
    font-weight:bold;
      background-repeat: no-repeat;
}

.t0
{
    
      background-image: url(../images/treedot1.gif);
   font-size:11px;
    background-position: 0px 9px;
     text-decoration: none;
   
}
.t1
{
    
    margin-left: 10px;
    font-size: 10px;
     text-decoration: none;
        background-position: 3px 10px;
      background-image: url(../images/treedot2.gif);
       font-size:10px;
   
   
}


.t2
{
     text-decoration: none;
    margin-left: 20px;
      background-position: 3px 10px;
      background-image: url(../images/treedot2.gif);
       font-size:10px;
}

.t3
{
     text-decoration: none;
    margin-left: 30px;
      background-position: 3px 10px;
      background-image: url(../images/treedot2.gif);
       font-size:10px;
  
}

.selected
{
   
   text-decoration:underline;
}
.pselected
{
    color: #74AC24;
    background-repeat: no-repeat;
    background-position: 4px 6px;
}
#fromFCK
{
    margin:8px 15px;
}
div.News
{
  float:left;
  margin:10px;
  margin-right:18px;
  margin-left:16px;
  border-bottom:solid 1px #DFDDD8;
  display:inline;
  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:#86B1CA;
   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:#86B1CA;
}
div.News h4
{
     clear:both;
     float:left;
     color:Red;
     margin:0;
     padding:0;
     font-size:11px;
     padding-left:5px;
    
   
}
div.News h4 a
{
    color:#E66D14;
}
div.News h4 a:hover
{
    text-decoration:underline;
}
div.News a.detail
{
     text-decoration:none;
     color:#86B1CA;
     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;
}
#pager
{
    clear: both;
    height: 20px;
    padding-top: 20px;
    text-align: center;
    padding-bottom: 3px;
    margin-bottom: 10px;
}
#pager a
{
    text-decoration: none;
    font-size: 11px;
}
#pager a.selected
{
    border: solid 1px #157DBA;
    padding: 5px 9px 5px 9px;
    font-weight: bold;
    color: #157DBA;
}
#pager a.unselected
{
    padding: 5px 9px 5px 9px;
    color: #157DBA;
}

div#top
{
    height: 263px;
    background: url(../images/topback.jpg) no-repeat 561px 65px;
}
div#top div#topper
{
    float: left;
}
div#MKoszyk
{
    float: left;
    width: 604px;
    height: 53px;
    background: url(../images/basketback.jpg) no-repeat right top;
    padding: 12px 0px 0px 120px;
}
div#MKoszyk a#basket_case
{
    float: left;
    font-size: 11px;
    line-height: 14px;
    height: 37px;
    width: 180px;
    color: #157dba;
    background: url(../images/basketlink.gif) no-repeat left top;
    padding: 6px 0px 0px 55px;
}
div#MKoszyk a#basket_button
{
    float: left;
    margin-top: 10px;
}
div#logowanie
{
    float: left;
    width: 549px;
    height: 124px;
    background: url(../images/logback.jpg) no-repeat 0px 0px;
    padding: 35px 0px 0px 12px;
}
form#LoginForm
{
    width: 175px;
    height: 90px;
    padding: 0;
}
form#LoginForm label
{
    float: left;
    width: 42px;
    height: 13px;
    font-weight: bold;
    color: #157dba;
    margin: 9px 0px 0px 5px;
}
form#LoginForm input#Login, input#Password
{
    float: left;
    width: 105px;
    height: 16px;
    padding: 3px 0px 0px 2px;
    color: #157dba;
    border: solid 1px #0097b4;
    margin-top: 5px;
    font-size: 10px;
}
form#LoginForm a#addnew
{
    float: left;
    color: #157dba;
    text-decoration: underline;
    margin: 11px 0px 0px 5px;
}
form#LoginForm input#logbutton
{
    background-color: transparent;
    border-style: none;
    letter-spacing: 1px;
    color: #ff7474;
    cursor: pointer;
    float: left;
    font-size: 11px;
    font-weight: bold;
    height: 20px;
    line-height: 21px;
    margin: 7px 0px 0px 28px;
    width: 60px;
}
form#LoginForm span
{
    float: left;
    font-size: 9px;
    color: #ff7474;
    margin: 0px 0px 0px 5px;
}

div#top_bottom
{
    clear: both;
}

form#search
{
    float: left;
    width: 190px;
    height: 35px;
    margin-top:-5px;
}
#search-frase
{
    float: left;
    width: 155px;
    height: 16px;
    padding: 3px 0px 0px 2px;
    color: #157dba;
    border: solid 1px #0097b4;
    margin-top: 5px;
    font-size: 10px;
}
#searchbutton 
{
    float:left;
    width:19px;
    height:25px;
    background:url(../images/search_button.gif) no-repeat 0px 0px;
    border-style:none;
    margin:4px 0px 0px 7px;
    }
form#search a 
{
    color:#157dba;
    text-decoration:underline;
    font-size:9px;
    margin-left:7px;}
div#top_bottom ul
{
    float:left;
    height:29px;
    padding:0;
    margin:0;
    display:inline;
    list-style:none;
    margin-left:40px;}
div#top_bottom ul li 
{  display:inline;
    float:left;
    height:24px;
    text-align:center;
    font-size:11px;
    font-weight:bold;
    padding-top:5px;
    margin-left:4px;}
div#top_bottom ul li a 
{
    color:#60a31b;}
div#top_bottom ul li.m1 
{
    width:90px;
    background:url(../images/liback1.gif) no-repeat 0px 0px;}
div#top_bottom ul li#m2 
{
    width:97px;
    background:url(../images/liback2.gif) no-repeat 0px 0px;}

div#top_bottom ul li.m4 
{
    width:106px;
    background:url(../images/liback4.gif) no-repeat 0px 0px;}
.highlight
    {
        quotes:none;
        background-color:Yellow;
    }
    
fieldset
{
  border: solid 1px White; 
  padding-left:10px;  
    
}
fieldset table
{
    margin:0 auto;
}
fieldset  select
{
    border:solid 1px  #AFDFE8;
   padding:4px;
   font-size:11px; 
   width:300px;
}
fieldset input
{
     border:solid 1px  #AFDFE8;
   padding:4px;
   font-size:11px;
}
fieldset input#Send
{ 
  color:#DC610D;
  background-color:#F8F7F2;
  font-weight:bold;
  border:solid 1px #D3BA81;
 
  cursor:pointer;
  font-size:13px;
    
}
#logged
{
    padding-top:10px;
}
#logged strong
{
    display:block;
    margin-bottom:5px;
}
#logged a
{
    display:block;
    text-decoration:none;
    color:Black;
    width:100px;
}
.stopka
{
 
 height:170px;
 width:100%;
 clear:both;

 
}
.stopka div
{

 float:left;   
 height:140px;
 width:130px;
 margin-bottom:25px;
 margin-left:17px;
 display:inline;
 
}
.stopka strong
{
    display:block;
    border-bottom:solid 2px #DAEBF2;
    padding-left:18px;
    color:#137DB9;
    padding-bottom:5px;
    margin:0px 15px 0px 15px;
      background:url(../images/dot.png) no-repeat 2px 1px;
}
.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 div.promoimg{cursor:pointer; display:block;text-align:center;margin-bottom:10px;height:75px;}

#sorter
{
    padding:5px;
    
    height:20px;
   
    width:595px;
    }
    #sorter span
    {
         float:right;
         padding-top:3px;
         padding-right:5px;
        color:#157DBA;
        font-weight:bold;
    }
#sorter select
{
    font-size:10px;
    float:right;
    margin-right:5px;
    
    }