﻿
body 
{
    margin:0;
    background:#e3debe url(../images/body.gif) repeat 0px 0px;
    font-family:Tahoma,Verdana MS Sans Serif, MS Serif;
    font-size:10px;
}
h1,h2,h3,p,ul,form
{
    padding:0;
    margin:0;}
a 
{
    text-decoration:none;}
a img 
{
    border-style:none;}

#outer {

    background:url(../images/outer.gif) repeat-x 0px 0px;}
#outer2 {

    background:url(../images/outer2.jpg) no-repeat center 0px;}
#container 
{
    width:986px;
    margin:0 auto;
}
#top 
{
    height:278px;}


#MKoszyk 
{
    float:left;
    font-size:11px;
    display:inline;
    height:37px;
    width:230px;
    margin:20px 0px 0px 750px;}
#MKoszyk em {

    float:left;
    width:135px;
    height:37px;
    font-style:normal;}

#MKoszyk span 
{
    display:block;
    margin:3px 0 0 0;
    color:#e4bcab;
    }
#MKoszyk span strong 
{
    color:#d08f23;}
#MKoszyk a 
{
    float:left;
    display:inline;
    margin:9px 0 0 0;}

  
#top #htop 
{
    float:left;}

form#selectbar 
{
   float:left;
   display:inline;
   width:535px;
   height:61px;
   margin:0px 0px 0px 178px;
   padding:54px 0 0 0;}
   form#selectbar div 
{
   float:left;}
form#selectbar div select 
{
   margin:0px 0px 0px 15px;
  }
form#selectbar select 
{
    float:left;
    display:inline;
    font-size:10px;
    height:21px;
    border:solid 1px #594440;
    background:#3c0400 url(../images/sel.gif) repeat-x 0px 0px;
    color:#e4bcab;
    padding-top:2px;
    }
select#var1 
{ width:85px;
    margin:0px 0px 0px 15px;}
select#var2 
{ width:85px;
    margin:0px 0px 0px 15px;}
select#var3 
{ width:85px;
    margin:0px 0px 0px 15px;}
form#selectbar input 
{
    float:left;
    display:inline;
    background:url(../images/pokaz.gif) no-repeat 0px 0px;
    width:53px;
    height:21px;
    border-style:none;
    cursor:pointer;
    margin:0 0 0 22px;
    
    }
form#selectbar strong 
{
    float:left;
    font-size:16px;
    color:#ff6f6f;
    margin:3px 0px 0px 200px;}

#top ul 
{
    clear:both;
    height:18px;
    list-style:none;
    padding:0;
    margin:0;
    }
#top ul li 
{
    float:left;
    display:inline;
    margin:16px 0 0 13px;}

#top ul li#n1 {

    margin-left:42px;}


#top ul li#n3 {

    margin-left:217px;}

#center 
{
    background:#e3debe url(../images/center.gif) repeat-x 0px 0px;
    float:left;
    width:986px;
}


#left 
{
    float:left;
    width:190px;}


#search
{
    height:56px;
}
#search input#query
{
    border:solid 1px #72502d;
    color:#72502d;
    font-size:11px;
    margin:23px 0 0 13px;
    height:17px;
    padding:2px 0px 0px 2px;
    width:104px;
    float:left;
}
#search input#go
{
   
    background: url(../images/szukaj.gif) no-repeat 0px 0px;
    border-style:none;
    width:53px;
    height:21px;
    cursor:pointer;
    float:left;
    margin:23px 0 0 5px;
    
}
.highlight
{
    quotes:none;
    background-color:Yellow;
}

#TreeContainer 
{
    float:left;
    width:190px;
    background:#5d0800 url(../images/tree1.gif) no-repeat 0px 0px;
    padding-top:49px;}
#TreeContainer select 
{
    display:block;
    width:160px;
    height:20px;
    border:solid 1px #72502d;
    background-color:#ffffff;
    color:#72502d;
    margin:0 auto;}
div#Tree
{
    clear:both;
   
}
div#Tree ul
{
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 20px;
 
   
}
div#Tree li
{
 
    padding:0px 0px 1px 0px;
    background:#630900 url(../images/li.gif) repeat-x 0px 0px;
}
div#Tree ul li a
{
    display: block;
}

.t0
{
    
    background: url(../images/treedot1.gif) no-repeat 21px 9px;
    font-size:12px;
    color:#e9e5c9;
    padding:4px 5px 3px 31px;
   
}
.t1
{
    
    font-size:11px;
    color:#e9e5c9;
    padding:4px 5px 3px 41px;
   
}


.t2
{
     font-size:11px;
    color:#e9e5c9;
    padding:4px 5px 4px 41px;
}

.t3
{
   font-size:11px;
    color:#e9e5c9;
    padding:4px 5px 4px 41px;
  
}

.selected
{
    font-weight:bold;
    background:url(../images/sel2.gif) repeat-x 0px 0px;
}

div#logged
{
   
   padding:15px;
}
div#logged strong
{
       display:block;
       margin-bottom:10px;
}
div#logged a
{
       display:block;
       color:#72502d;
}
div#logowanie 
{
    clear:both;
    background:url(../images/logback.gif) no-repeat 0px 0px;
    height:124px;
    padding:40px 0 0 0;}
div#logowanie form 
{
    height:124px;}
div#logowanie form label 
{
    color:#72502d;
    display:block;
    clear:both;
    font-size:11px;
    padding:5px 0 2px 22px;}
input#Login, input#Password 
{
    float:left;
    height:17px;
    border:solid 1px #72502d;
    margin-top:5px;
    margin:0 0 0 13px;
    padding:2px 0px 0px 2px;
    font-size:11px;
    color:#72502d;}
input#Login {
    width:162px;}
input#Password {
    width:104px;}

div#logowanie form a 
{
    display:block;
    clear:both;
    color:#72502d;
    width:60px;
    margin:15px 0px 0px 18px;
    padding:5px 0 0 7px;
    font-size:11px;
    background:url(../images/la.gif) no-repeat 0px 10px;
    }
div#logowanie form a:hover 
{
    text-decoration:none;}
input#logbutton 
{
    float:left;
    background:url(../images/zaloguj.gif) no-repeat 0px 0px;
    border-style:none;
    width:53px;
    height:21px;
    cursor:pointer;
    margin:0px 0px 0px 6px;
   }
div#logowanie form span 
{
    display:block;
    clear:both;
    color:#E11414;
    padding:5px 0 0 18px;
    
    }
div#middle 
{
    float:left;
    width:786px;
    position:relative;
    padding:0 0 0 10px;}
div #midhtml     
{
    margin:21px;
   }

#navbar 
{
    padding:26px 0 0 20px;
    font-size:11px;
    color:#72502d;
    height:31px;
    background:url(../images/nav.png) no-repeat right bottom;}
#navbar a 
{
    color:#72502d;}

#navbar img 
{
    margin:0px 7px 0px 7px;}

#sorter
{
    position:absolute;
    top:26px;
    right:20px;
    height:20px;
  
    }
    #sorter span
    {
       /*  float:right;*/
         padding-top:3px;
         padding-right:5px;
        color:#72502d;
        font-size:11px;
    }
#sorter select
{
    font-size:11px;
   /* float:right;*/
    margin-right:5px;
    color:#72502d;
    
    }

#middle-main {

    background:url(../images/mm.png) no-repeat 0px bottom;
    padding:25px 0 25px 0;
    float:left;
    width:786px;}
    
div.produkt 
{
    float:left;
    display:inline;
    height:192px;
    width:120px;
    text-align:center;
    margin-left:22px;
     margin-right:10px;
     
     
    }
div.produkt div.prodimg 
{
    height:142px;
    display:block;
    cursor:pointer;
    text-align:center;}
div.produkt div.prodimg img
{
    border:solid 1px #e8e8e8;}
div.produkt a.prodname
{
    display:block;
    color:#72502d;
    font-weight:bold;
    text-align:center;
    margin-top:2px;
    }
div.produkt a.prodname:hover 
{
    text-decoration:underline;}
div.produkt strong 
{
    display:block;
    color:#ac0f00;
    text-align:center;
    font-size:11px;
    margin-top:3px;}


#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;
}

#pager
{
    clear: both;
    height: 20px;
    padding-top: 20px;
    text-align: center;
    padding-bottom: 3px;
    margin-bottom: 10px;
}
#pager a
{
      color: #72502d;
    font-size: 11px;
    margin-left:1px;
    margin-right:1px;
}
#pager a.selected
{
  
    font-weight: bold;
    background-image:none;
    color:#ac0f00;

}
#pager a.unselected
{
 
}

#pager a.next
{
   background-image: url(../images/pdot1.png);
    background-repeat: no-repeat;
    background-position: 2px 4px;   
    
}
#pager a.prev
{
   background-image: url(../images/pdot2.png);
    background-repeat: no-repeat;
    background-position: 15px 4px;   
    
}

#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:#E11414;
text-decoration:none;
}

#fromFCK
{
 padding:0 22px 0 22px;   
}

#footer 
{
    clear:both;
    background:url(../images/footer.gif) no-repeat 0px 0px;
    height:83px;
   }

div#footer #fmenu 
{
    height:15px;
    width:700px;
    margin:0 auto;
    padding:22px 0 0 350px;}
div#footer #fmenu li
{
    float:left;
    list-style:none;
    font-size:11px;
    color:#72502d;}
div#footer #fmenu li a 
{
    color:#72502d;
    margin:0px 7px 0px 7px;}
div#footer #fmenu li a:hover 
{
    text-decoration:underline;}

#footer div {

    height:18px;
    padding:27px 10px 0 10px;}
#footer div span {

    float:left;
    color:#a69983;
    font-size:11px;}

#footer div a {

    float:right;
    color:#a69983;
    font-size:11px;}



