@charset "utf-8";

/* CSS Document */
body {
    background: #1f1502;
    margin: 0;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
    color: #352302;
}

img {
    border: none;
}

#container {
    width: 955px;
    height: auto;
    margin: 0 auto;
     
}
a{
    text-decoration: none;
    
}

#top {
    width: 955px;
    height: 134px;
    background: url(../images/top.gif) no-repeat;
    margin-top: 4px;
}

#top #logo {
    width: 200px;
    height: 134px;
    float: left;
}

#top #logo img {
    width: 290px;
}

#top #menu {
    width:640px;
    padding-left: 0px;
    float: left;
    height: 45px;
    margin-top: 20px;
    color: #FFF;
}
#top #menu a {
    float: left;
    
}

#top #menu a.main {
    width: 115px;
    height: 88px;
    float: left;
    margin-left: 25px;
    background: url(../images/l_strona_glowna.png) no-repeat;
}
#top #menu a.firma {
    width: 122px;
    height: 88px;
    float: left;
    background: url(../images/l_o_firmie.png) no-repeat;
}
#top #menu a.uslugi {
    width: 108px;
    height: 88px;
    float: left;
    background: url(../images/l_nasze_uslugi.png) no-repeat;
}
#top #menu a.kontakt {
    width: 124px;
    height: 88px;
    float: left;
    background: url(../images/l_kontakt.png) no-repeat;
}
#top #menu a.siec {
    width: 127px;
    height: 88px;
    float: left;
    background: url(../images/l_siec_salonow.png) no-repeat;
}

#top #menu a.main:hover {
    
    float: left;
    background: url(../images/l_strona_glowna_a.png) no-repeat;
}
#top #menu a.firma:hover {
     
    float: left;
    background: url(../images/l_o_firmie_a.png) no-repeat;
}
#top #menu a.uslugi:hover {
     
    float: left;
    background: url(../images/l_nasze_uslugi_a.png) no-repeat;
}
#top #menu a.kontakt:hover {
     
    float: left;
    background: url(../images/l_kontakt_a.png) no-repeat;
}
#top #menu a.siec:hover {
     
    float: left;
    background: url(../images/l_siec_salonow_a.png) no-repeat;
}
 

a#koszyk{
    float: left;
    margin-left: 11px;
    color: #ceb68e;
    margin-top: 48px;
    color:#ceb68e;
    text-decoration: none;
    height: 70px;
    width: 89px;
    
    
    
}
a#koszyk:hover {
    background: url(../images/l_koszyk_a.png) top no-repeat;
}

#baner{
    width: 726px;
    height: 513px;
    float: left;
    background: #ceb68e;
}

#baner_main {
    width: 715px;
    height: 513px;    
    float: left;
}

#szukaj {
    width: 900px;
    padding-left: 80px;
    height: 40px;
    padding-top: 5px;
    float: left;
    background: url(../images/szukaj_bg.gif) no-repeat;
    color: #FFF;
    font-size: 13px;
    display: inline;
}

#szukaj a {
    color: #FFF;
    text-decoration: none;
}

#szukaj form {
    float: right;
    display: inline;
    margin-right: 10px;
}

#szukaj form input.txt {
    width: 170px;
}

#szukaj form input.submit {
    width: 66px;
    height: 28px;
    background: url(../images/szukaj_input.gif) no-repeat;
    color: #FFF;
    border: none;
    font-weight: bold;
}

#main {
    width: 953px;
    height: auto;
    background: #ceb68e;
    float: left;
}

#main #pole {
    width: 710px;
     
    padding-top: 15px;
    height: auto;
    min-height: 595px;
    
    float: left;
    display: inline;
    padding-bottom: 40px;
}
#banerki{
     background: url(../images/banerki_bg.gif) no-repeat;
     float: left;
     height: 106px;
     width: 710px;
}
#banerki a{
   
    float: left;
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
    width: 214px;
    height: 92px;
}
#banerki a.b_szwalnia{
     background: url(../images/banerek_szwalnia.png) no-repeat;
}
#banerki a.b_propoyzcje{
     background: url(../images/banerek_propozycje.png) no-repeat;
}
#banerki a.b_promocja{
     background: url(../images/banerek_promocje.png) no-repeat;
}
#banerki a.b_szwalnia:hover{
     background: url(../images/banerek_szwalnia_a.png) no-repeat;
}
#banerki a.b_propoyzcje:hover{
     background: url(../images/banerek_propozycje_a.png) no-repeat;
}
#banerki a.b_promocja:hover{
     background: url(../images/banerek_promocje_a.png) no-repeat;
}

 h1 {
    color: #352302;
    font-size: 15px;
    font-weight: bolder;
	margin-top:-10px;
	margin-bottom:30px;
	display:block;
}

#main #pole h1 a {
    color: #352302;
    font-size: 15px;
    font-weight: bolder;
}

#main #menu {
    width: 227px;
    min-height: 400px;
    background: url(../images/menu_bg.gif) repeat-y;
    float: left;
    font-size: 13px;
}
a.menu_main{
    float: left;
    margin-left: 32px;
    width: 162px;
    border-bottom: 1px solid #54401e;
    padding-bottom: 5px;
    margin-top: 8px;
    color: #ceb68e;
}
a.normal{
    float: left;
    margin-left: 42px;
    width: 152px;
    border-bottom: 1px solid #54401e;
    padding-bottom: 5px;
    margin-top: 8px;
    color: #ceb68e;
}
a.menu_main:hover{
color:#fcf584;
}
 a.normal:hover{
color:#fcf584;
}
 

#menu #kategorie #top {
    width: 197px;
    padding-left: 55px;
    height: 30px;
    padding-top: 9px;
    background: url(../images/kategorie_top.gif) no-repeat;
    float: left;
    display: inline;
    text-decoration: none;
    color: #ceb68e;
}

 

 

#menu #kategorie .normal:hover {
    background: url(../images/kategorie_normal_hover.gif) no-repeat;
    color: #eaabb0;
}

#footer {
    width: 955px;
    height: 50px;
    float: left;
    background: url(../images/footer.gif) no-repeat;
    color: #352302;
}

#footer #link {
    float: right;
    width: 550px;
 
    margin-top: 15px;
    text-align: right;
    margin-right: 35px;
}

#footer #copy {
    margin-top: 15px;   
    font-size: 12px;
    float: left;
    margin-left: 20px;
}

#footer #link a {
    color: #352302;
    text-decoration: none;
    font-size: 13px;
   
}

 
.banerek{
    float: left;
    margin-top: 20px;
    margin-left: 12px;
    margin-right: 12px;
}
.realizacja {
    float: left;
    width: 210px;
    margin-right: 15px;
    margin-top: 15px;
    border: 1px solid #352302;
    text-align: center;
    padding-bottom: 10px;
}

.realizacja a {
    font-size: 14px;
    font-weight: bold;
    color: #352302;
    text-decoration: none;
}

.realizacja img {
    width: 210px;
    margin-buttom: 10px;
    float: left;
}

img.real_img {
    width: 210px;
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
}

.produkt {
    width: 328px;
    margin-bottom: 20px;
    margin-left: 8px;
    margin-right: 10px;
    float: left;

}

.produkt img {
    width: 200px;
    float: left;
    margin-bottom: 5px;
    margin-top: 5px;
}

.produkt .nazwa {
    color: #1f1502;
    font-size: 14px;
}

.zobacz {
    margin-bottom: 10px;
    float: left;
    margin-left: 4px;
    color: #1f1502;
    
}

.do_koszyka {
    width: 55px;
    height: 55px;
    
    background: url(../images/do_koszyka.gif) no-repeat;
    margin-left: 2px;
    border: none;
    cursor: pointer;
}

.produkt img.pro {
    width: 58px;
    float: left;
}

.cena {
    float: left;
    width: 100px;
    text-align: center;
    font-weight: bold;
    margin-top: 20px;
    font-size: 13px;
    color: #1f1502;
   
}

.norm_cena {
    color: #1f1502;
    font-weight: bold;
}

.pro_cena {
    color: #1f1502;
    text-decoration: line-through;
    font-weight: bold;
}

.wybrany {
    width: 360px;
    float: left;
}

.opis_wybrany {
    float: left;
    width: 315px;
    margin-left: 10px;
    color: #1f1502;
    margin-top: -40px;
}

.ilosc {
    width: 30px;
    text-align: right;
    border: 1px solid #352302;
	background-color: #ceb68e;
}

#gallery {
    width: 680px;
    border-top: 2px solid #9e2f06;
}

#gallery .galeria {
    width: 200px;
    float: left;
    margin-right: 15px;
    margin-top: 10px;
}

.box {
    width: 685px;
    padding-bottom: 25px;
    border: 1px solid #a8a5a5;
    float: left;
    background: #ceb68eb;  
}

.box b {
    color: #352302;
}

h2.nagl {
    width: 680px;
    padding-left: 5px;
    float: left;
    background-color:#362302;          
    margin-top: 0px;
    margin-bottom: 20px;
    color: #ceb68e;
    height: 19px;
    font-size: 13px;
}

.rozmiar_submit {
    background-color:#362302;
    border: none;
    width: 90px;
    height: 20px;
    text-align: center;
    cursor: pointer;
    width: 100px;
    color: #ceb68e;
    float: right;
    text-decoration: none;
}

#stronicowanie{
    width: 700px;
    float: left;
    margin: 10px 0px 10px 0px;
    text-align: center;
    color: #fcf584;
}
#stronicowanie a{
    color: #352302;
}
.t0{
    border-right: 1px solid #352302;
    border-bottom:1px solid #352302;
}
.t1{
    
    border-bottom:1px solid #352302;
}
.t2{
    border-right: 1px solid #352302;
    
}
.t3{
    
}
#tekst{
    width:100%;
    min-height: 500px;
    text-align: center;
    padding-top: 15px;
}