﻿@import url(clearbox.css);
* { padding:0; margin:0; border:0; font-family:Trebuchet MS, Tahoma; list-style:none; text-decoration:none; }
html { width:100%; height:100%; font-size:11px;margin:0px;}
body { background:url(images/body_bg.jpg) top repeat #000000; width:100%; height:100%; position:relative; top:0; z-index:0;margin:auto; }

#all { width:927px; margin:auto; background:#fff;padding:0px; }
#all a { cursor:pointer; }
#all a:focus { outline:none; }
.btn-grey { display:block; height:25px; float:left; margin:0 3px; font-size:11px; color:#fff; width:auto; }
.btn-grey span { float:left; display:block; height:25px; width:11px; }
.btn-grey span.l { background:url(images/btn_grey_l.png) no-repeat; position:relative; left:0; }
.btn-grey span.r { background:url(images/btn_grey_r.png) no-repeat; position:relative; left:0; }
.btn-grey a, .btn-grey input, .btn-grey input { float:left; display:block; background:url(images/btn_grey_c.png) repeat-x #474746; height:25px; font-style:normal; color:#fff; cursor:pointer; font-size:11px; }
.btn-grey input { width:auto; border:0; }
.btn-grey a { padding-top:5px; height:20px; }
.btn-grey a:hover { text-decoration:underline; }

.btn-gold { display:block; height:25px; float:left; margin:0 3px; font-size:11px; color:#ffe3b8; width:auto; font-weight:bold }
.btn-gold span { float:left; display:block; height:25px; width:10px; }
.btn-gold span.l { background:url(images/btn_gold_l.png) no-repeat; position:relative; left:0; }
.btn-gold span.r { background:url(images/btn_gold_r.png) no-repeat; position:relative; left:0; }
.btn-gold a, .btn-gold input, form .btn-gold input { float:left; display:block; background:url(images/btn_gold_c.jpg) repeat-x #aa8c0c; height:25px; font-style:normal; color:#fff; cursor:pointer; font-size:11px; border:0; width:auto }
.btn-gold input { width:auto; border:0; }
.btn-gold a { padding-top:5px; height:20px; }
.btn-gold a:hover, .btn-gold input:hover { text-decoration:underline; }

#loader { width:100%; height:100%; z-index:100; text-align:center; background:#000; opacity:0.7; position:fixed; top:0 }
#loader img  { position:fixed; top: 50%; z-index: 90; margin:-11px 0 0 -63px }
#loader p  { position:fixed; top: 53%; z-index: 92; margin:-11px 0 0 0; text-align:center; width:100%; font-size:12px; font-style:italic; color:#4e3632  }
#loader .in { position:fixed; top: 0; left: 0; z-index: 90; width: 100%; height:100%; background-color: #000; opacity:0.7; text-align:center;  }
#top { width:927px; float:left; background-color:black; border-bottom:4px solid #ccad44; }
#top img#fade { width:927px; height:325px; float:left;background-color:black; margin-top:0px; margin-bottom:0px; z-index:0; }
#top .t1 { background:url(images/t1_bg.jpg) no-repeat; float:left; width:927px;height:160px; }
#top .t1 .panel { float:right; height:130px; color:#1e1c00;}
#top .t1 .panel .cart { float:right;display:inline;padding-top:6px; background:url(images/top_cart_bg.png) left no-repeat; padding-left:125px; }
#top .t1 .panel .cart ul li { float:left; padding:1px; clear:left; }
#top .t1 .panel .cart .btn-grey { clear:both; }
#top .t1 .panel .bt { position:relative; left:20px; }
#top .t1 form.login-form { height:85px; float:left; width:385px; }
#top .t1 form.login-form form fieldset { position:relative; top:-4px; }
#top .t1 form.login-form .btns {float:right; padding:0 10px; height:20px; }
#top .t1 form.login-form label { float:left; margin:10px; }
#top .t1 form.login-form label.rem { clear:left; }
#top .t1 form.login-form label.rem input {width:auto; float:left; height:auto; margin:0; vertical-align:middle }
#top .t1 form.login-form label.login { background:url(images/top_form_login_field.png) no-repeat; width:172px; height:28px; }
#top .t1 form.login-form label.pass { background:url(images/top_form_password_field.png) no-repeat; width:170px; height:28px; }
#top .t1 form.login-form label input { width:102px; display:block; float:right; height:16px; margin:7px 5px 0 12px; background:none; color:#e4c475; }
#top .t1 form.login-form label.submit { width:20px; background:none; }
#top .t1 form.login-form label.submit input { width:23px; display:block; float:left; font-size:11px; height:17px; }
#top .t1 form.login-form label.login span, #top .t1 form label.pass span { float:left; width:50px; display:block; height:16px; text-indent:-9999px; }
#top .t1 form.login-form label span { float:left; display:block; height:16px; }

#top .t1 .menu { width:747px; height:22px; float:left; }
#top .t1 .menu li { display:inline; float:left; font-size:16px; color:#fff; padding:7px 12px 0 6px; background:url(images/top_menu_li_bg.jpg) right 15px no-repeat; font-weight:bold; }
#top .t1 .menu li.last { background:none; }
#top .t1 .menu li ul { position:absolute; width:120px; background:#d7c381; opacity:0.8; padding:5px; display:none }
#top .t1 .menu li ul li { display:block; float:left; clear:left; font-size:11px; color:#523b03; font-weight:normal; background:none }
#top .t1 .menu li ul li a { color:#523b03; }
#top .t1 .menu li a { color:#fff; }
#top .t1 .menu a#act { color:#523b03; }


#top #logo { width:132px; height:144px; margin:20px 10px 5px 5px; background:url(images/logo_bg.png) no-repeat; text-indent:-9999px; float:left; display:inline; position:relative; top:0; z-index:1 }
#top #admin { height:20px; float:right; font-size:14px; }
#top #belowslideshow { float:left; font-size:14px;width:927px;background-color:#f2ecde; }
#top #admin li { height:20px; color:#fff; height:100%; margin:0 0.5px; float:left; opacity:0.8 }
#top #admin li a { float:left; display:block; color:#fff; background:#ccad44; height:20px; padding:5px; }

#content { width:927px; float:left; background:#fff; color:#7b5b0b; }
#content #main { width:927px; float:left; padding:0px 0px 0px 0px; }
#content #main h3 { width:837px; padding:20px 5px; border-bottom:1px solid #efeaea; margin:0px 35px 0 35px; color:#433000; font-size:14px; clear:left; }
#content #main h3 em, #content #main h3 em a { color:#634700; }
#content #main belowslideshow h3 { width:837px; padding:10px 5px; border-bottom:1px solid #efeaea; margin:30px 35px 0 35px; color:#433000; font-size:14px; clear:left;background-color:#f2ecde; }
#content #main .txt { width:837px; float:left; padding:10px 45px; color:#433000; }
#content #main .box .txt p a { color:#7b5b0b; text-decoration:underline }
#content #main .box { width:907px; float:left; margin:0 0 5px 0; }
#content #main .box h4 { width:907px; height:38px; float:left; }

#content #main #welcome-box { width:320px; padding:15px; float:left; margin-top:25px; text-align:justify }
#content #main #welcome-box h2 {  background:url(images/txt_welcome.png) no-repeat; width:320px; height:20px; float:left; text-indent:-9999px; }
#content #main #welcome-box .msg { width:100%; float:left; margin:10px 0 }



#content #main #highend { width:308px; padding:15px 0; float:right; border-left:1px solid #f3efe2; margin-top:25px; }
#content #main #highend h2 {  width:300px; height:26px; position:relative; left:20px; float:left;color:black;font-size:18pt;font-weight:normal;font-family:serif, sans-serif; }
#content #main #highend ul { width:300px; float:left; }
#content #main #highend li { width:240px; height:100%;float:left;clear:both; padding:15px 5px; border-left:1px solid #f3efe2; position:relative; left:-1px; text-align:center }
#content #main #highend li img { max-width:235px; }
#content #main #highend li h5 { font-size:11px; color:#433000; width:100%; float:left; }
#content #main #highend li label { font-size:11px; color:#433000; width:100%; float:left; }
#content #main #highend li label a { color:#433000; font-style:normal }
#content #main #highend li span.cena { font-size:16px; color:#785f09; font-weight:bold; width:100%; float:left; }
#content #main #highend li del { font-size:12px; font-weight:bold; color:#433000; text-decoration:line-through; width:100%; float:left; }
#content #main #highend .btn-grey, #content#content #main #bestseller .btn-gold { margin:0 7px; position:relative; left:40px; }
#content #main #highend table a { font-weight:bold; color:white; }

#content #main #recomend { width:308px; padding:15px 0; float:right; border-left:1px solid #f3efe2; margin-top:25px; }
#content #main #recomend h2 {  width:300px; height:26px; position:relative; left:20px; float:left;color:black;font-size:18pt;font-weight:normal;font-family:serif, sans-serif;}
#content #main #recomend ul { width:300px; float:left; }
#content #main #recomend li { width:240px; height:100%; padding:15px 5px; float:left;clear:both; border-left:1px solid #f3efe2; position:relative; left:-1px; text-align:center }
#content #main #recomend li img { max-width:235px; }
#content #main #recomend li h5 { font-size:11px; color:#433000; width:100%; float:left; }
#content #main #recomend li label { font-size:11px; color:#433000; width:100%; float:left; }
#content #main #recomend li label a { color:#433000; font-style:normal }
#content #main #recomend li span.cena { font-size:16px; color:#785f09; font-weight:bold; width:100%; float:left; }
#content #main #recomend li del { font-size:12px; font-weight:bold; color:#433000; text-decoration:line-through; width:100%; float:left; }
#content #main #recomend .btn-grey, #content#content #main #recomend .btn-gold { margin:0 7px; position:relative; left:40px; }
#content #main #recomend table a { font-weight:bold; color:white; }

#content #main #bestseller { width:308px; padding:15px 0; float:right; border-left:1px solid #f3efe2; margin-top:25px; }
#content #main #bestseller h2 {  width:300px; height:26px; position:relative; left:20px; float:left;color:black;font-size:18pt;font-weight:normal;font-family:serif, sans-serif; }
#content #main #bestseller ul { width:300px; float:left; }
#content #main #bestseller li { width:300px; height:100%;float:left;clear:both; padding:15px 5px; border-left:1px solid #f3efe2; position:relative; left:-1px; text-align:center }
#content #main #bestseller li img { max-width:235px; }
#content #main #bestseller li h5 { font-size:11px; color:#433000; width:100%; float:left; }
#content #main #bestseller li label { font-size:11px; color:#433000; width:100%; float:left; }
#content #main #bestseller li label a { color:#433000; font-style:normal }
#content #main #bestseller li span.cena { font-size:16px; color:#785f09; font-weight:bold; width:100%; float:left; }
#content #main #bestseller li del { font-size:12px; font-weight:bold; color:#433000; text-decoration:line-through; width:100%; float:left; }
#content #main #bestseller .btn-grey, #content#content #main #bestseller .btn-gold { margin:0 7px; position:relative; left:60px; }
#content #main #bestseller table a { font-weight:bold; color:#000000; }

#content #p-adm { width:837px; float:left; padding:10px 45px; }
#content #big { float:left; width:250px; padding:10px; text-align:center }
#content #big img { max-width:250px; }
#content #obig.txt { float:left; width:547px; padding:10px; }
#content #obig.txt .info { width:100%; padding:10px 0; float:left; text-align:center; }
#content #obig.txt .info span.price { font-size:18px; font-weight:bold; width:100%; float:left; }
#content #obig.txt .info .btn-gold { position:relative; left:218px; top:3px; }
.ed_ilosc { display:inline; width:25px; height:14px;padding:3px; font-size:11px;  border:1px solid #aaaaaa; color:#7b5b0b; background:#f3f3f3;}
#content #news { width:907px; padding:10px; float:left }
#content #news .news { width:440px; padding:10px; float:left; }

#content #main p a { color:#7b5b0b }

#content #main .box .w-list { width:464px; font-size:14px; position:absolute; z-index:9999; opacity:0.9; background:#d7c381; display:none; }
#content #main .box .w-list ul { width:464px; float:left; }
#content #main .box .w-list li { width:454px; padding:5px; border-bottom:1px solid #ac9353; float:left; }
#content #main .box .w-list li a { color:#523b03; }
#content #main .box .w-list li a:hover { text-decoration:underline; }

#content #main .box .p-list { width:820px; float:left; position:relative; left:54px; }
#content #main .box .p-list li { width:258px; float:left; margin:5px 6px; }
#content #main .box .p-list li div.t { float:left; width:258px; height:10px; background:url(images/products_list_t_bg.jpg) no-repeat; }
#content #main .box .p-list li div.c { float:left;height:250px; width:258px; text-align:center; background:url(images/products_list_c_bg.jpg) repeat-y;}
#content #main .box .p-list li div.c img { max-width:140px;max-height:140px; }
#content #main .box .p-list li div.c h5 { font-size:16px; color:#7b5b0b; width:80%; padding-left:25px; }
#content #main .box .p-list li div.c label { font-size:11px; color:#7b5b0b; width:100%; float:left; }
#content #main .box .p-list li div.c label a { color:#7b5b0b; font-style:normal }
#content #main .box .p-list li div.c span.cena { font-size:18px; color:#785f09; font-weight:bold; width:100%; float:left; padding:5px 0 }
#content #main .box .p-list li div.c del { font-size:18px; font-weight:bold; color:#785f09; text-decoration:line-through; width:100%; float:left; }
#content #main .box .p-list li div.c .btn-grey, #content #main .box .p-list li div.c .btn-gold { margin: 10px 3px; position:relative;left:30px;}
#content #main .box .p-list li div.b { float:left; width:258px; height:10px; background:url(images/products_list_b_bg.jpg) no-repeat; }
#content #main .box .p-list li.hr { float:left; width:100%; background:none; margin:5px 0; position:relative; top:-7px; font-size:9px; border-bottom:1px solid #f2d892; visibility:hidden }

#content #main .box .f-list { width:175px; float:left; padding:10px; _padding:0px; }
#content #main .box .f-list li { width:175px; float:left; margin:0 2px; text-align:center }
#content #main .box .f-list li .thumb { float:left; background-repeat:no-repeat }

#content #main .box .a-list { width:721px; float:left; padding:10px; _padding:0px; }
#content #main .box .a-list li { width:300px !important; float:left; margin:0 2px; padding:8px 5px 5px 20px;  }
#content #main .box .a-list li .thumb { float:left; background-repeat:no-repeat; left:0; top:0; }
#content #main .box .a-list li a.tit { color:#7b5b0b; position:relative; left:10px; top:25px; width:140px; float:left; }
#content #main .box .a-list li a.tit:hover { text-decoration:underline; }
#content #main .box .a-list li span.cena { font-size:14px; color:#785f09; font-weight:bold; position:relative; top:45px; left:10px; float:left; }
#content #main .box .a-list li del { font-size:12px; font-weight:bold; color:#785f09; text-decoration:line-through; position:relative; top:45px; left:10px; padding-right:10px; float:left; }
#content #main .box .a-list li.hr { float:left; width:600px !important; background:none; margin:5px 0; position:relative; top:-7px; font-size:9px; border-bottom:1px solid #f2d892; }

#content #main .box .k-list { width:721px; float:left; padding:10px; }
#content #main .box .k-list li { width:701px; height:17px; float:left; margin:0 2px; padding:8px 5px 5px 20px; background:url(images/icon_main.jpg) left no-repeat }
#content #main .box .k-list li.indent {  background:url(images/icon_lessmain.jpg) left bottom no-repeat }
#content #main .box .k-list li a { color:#7b5b0b; }
#content #main .box .k-list li a:hover { text-decoration:underline; }

#content #main .box .z-list { width:721px; float:left; padding:10px; _padding:0px; }
#content #main .box .z-list li { width:701px; float:left; margin:0 2px;  }
#content #main .box .z-list li ul { float:left; width:701px; }
#content #main .box .z-list li li {  background:url(images/icon_lessmain.jpg) 0 4px no-repeat; padding-left:12px; width:680px; }
#content #main .box .z-list li a { color:#7b5b0b; }
#content #main .box .z-list li a:hover { text-decoration:underline; }
#content #main .box .z-list li p { float:left; clear:left; width:620px; }

#content #main .box .fotos { width:723px; float:left }
#content #main .box .fotos .bigth { float:left; display:block; margin:5px; position:relative; left:20px; top:0px; }
#content #main .box .thumb { float:left; display:block; position:relative; left:10px; top:0px; margin-bottom:4px; }
#content #main .box .fotos a.dodaj-do-koszyka { float:right; display:block; background:url(images/dodaj_do_koszyka_bg.jpg) no-repeat; width:195px; height:151px; text-align:center; padding-top:100px; position:relative; top:5px; }
#content #main .box .fotos a.dodaj-do-koszyka del { font-size:12px; font-weight:bold; color:#c22400; text-decoration:line-through; width:195px; float:left; text-align:center; }
#content #main .box .fotos a.dodaj-do-koszyka span { font-size:16px; font-weight:bold; color:#8aac00; width:195px; float:left; text-align:center; }
#content #main .box .fotos div.btns { float:right; width:195px; text-align:center; position:relative; top:5px; padding:10px 0 }

#content #main .box dl { width:400px; float:left; position:relative; left:12px; }
#content #main .box dl dt { width:200px; float:left; }
#content #main .box dl dd { width:200px; float:left; }
#content #main .box p img { float:left;}

#content #main ul.cl { font-size:11px; padding:10px; color:#7b5b0b; position:relative; left:20px; }
#content #main ul.cl li { list-style:square; float:left; margin:2px 0; }
#content #main ul.clf { font-size:11px; padding:10px; color:#7b5b0b; position:relative; left:20px; }
#content #main ul.clf li { list-style:square; margin:2px 0; }

#sites { width:877px; padding:25px; float:left; background:url(images/sites_bg.jpg) left top no-repeat #d5c17f; color:#453307; position:relative; top:0; z-index:0; }
#sites .men { padding:5px; float:left; color:#453307; }
#sites .men h5 { font-size:11px }
#sites .men ul { padding:5px; }
#sites .men li a { font-size:11px; color:#453307; }
#sites .men li a:hover { text-decoration:underline; }
.selected {font-weight:bold; }

.form_search { float:left; font-size:12px; width:300px;margin-top:42px;color:#7b5b0b;text-align:bottom;display:inline; }
.form_search label, .form div.y { float:left; clear:left;display:inline; margin:2px 0 2px 0; width:300px; }
.form_search span.x { display:inline; float:left; width:60px; padding:3px 10px 3px 3px; color:#7b5b0b; text-indent:20px; font-weight:bold; text-align:right; }
.form_search select { display:inline; float:left; width:200px; height:24px; padding:3px; font-size:11px;  border:1px solid #aaaaaa; color:#333333; background:#f3f3f3; }
.form_search input { display:inline; float:left; width:100px; height:14px; padding:3px; font-size:11px;  border:1px solid #aaaaaa; color:#7b5b0b; background:#f3f3f3; }
.form_search #txt { display:inline; float:left; width:100px; height:24px; padding:3px; font-size:11px;  border:1px solid #aaaaaa; color:#7b5b0b; background:#f3f3f3; }
.form_search .submit input { display:inline; float:left; width:208px; height:23px; font-size:11px; }
.form_search .file input { height:20px; }
.form_search p { float:left; clear:left; padding:5px 5px 5px 5px; width:210px; text-align:justify }
.form_search p a { border-bottom:1px dashed; background:#ffe3b8; color:#7b5b0b }

.form { float:left; font-size:12px; width:600px; padding:10px 0; color:#7b5b0b; }
.form label, .form div.y { float:left; clear:left;display:block; margin:2px 0 2px 0; width:600px; }
.form span.x { display:block; float:left; width:120px; padding:3px 10px 3px 3px; color:#7b5b0b; text-indent:20px; font-weight:bold; text-align:right; }
.form select { display:block; float:left; width:200px; height:24px; padding:3px; font-size:11px;  border:1px solid #aaaaaa; color:#333333; background:#f3f3f3; }
.form input { display:block; float:left; width:200px; height:14px; padding:3px; font-size:11px;  border:1px solid #aaaaaa; color:#7b5b0b; background:#f3f3f3; }
.form #txt { display:block; float:left; width:200px; height:200px; padding:3px; font-size:11px;  border:1px solid #aaaaaa; color:#7b5b0b; background:#f3f3f3; }
.form .submit input { display:block; float:left; width:208px; height:23px; font-size:11px; }
.form .file input { height:20px; }
.form p { float:left; clear:left; padding:5px 5px 5px 132px; width:210px; text-align:justify }
.form p a { border-bottom:1px dashed; background:#ffe3b8; color:#7b5b0b }

.add { padding:3px 3px 3px 20px; background:url(images/icon_add.jpg) left no-repeat; font-weight:bold; color:#7b5b0b }
.edit { padding:3px 3px 3px 20px; background:url(images/icon_edit.png) left no-repeat; font-weight:bold; color:#7b5b0b }
.del { padding:3px 3px 3px 20px; background:url(images/icon_del.gif) left no-repeat; font-weight:bold; color:#7b5b0b }

#content #main .details { font-weight:bold; cursor:pointer; }
#content #main .det { width:700px; float:left; background:#fff; position:relative; left:64px; margin:10px 0; border:1px solid #f3efe2; }
#content #main .dett { width:800px; float:left; background:#fff; position:relative; left:64px; margin:10px 0; }
#content #main .det table.t { display:none; width:680px; margin:10px; }
#content #main .dett table.t { margin:10px; _margin:10px 5px; }
#content #main h6 { font-size:11px; font-style:italic; width:100%; float:left; }

#content #main table.t { float:left; width:780px; border-collapse:collapse; font-size:11px; border:1px solid #f3efe2; }
#content #main table.t tr, #content #main table.t td {  border:1px solid #f3efe2;  }
#content #main table.t tr.head { height:10px; background:url(images/news_tn.jpg) no-repeat; border:0 }
#content #main table.t tr.bb, #content #main table.t tr.bb * { }
#content #main table.t td { padding:5px; _padding:0px; }
#content #main table.t td.mini { width:150px; text-align:center; }
#content #main table.t td.nazwa { width:300px; }
#content #main table.t td.cena { width:150px; }
#content #main table a { font-weight:bold; color:#521503 }


#footer { height:64px; float:left; width:927px; background:#fff; position:relative; top:0; z-index:1; border-top:4px solid #ccad44; position:relative; top:0; z-index:0; }
#footer a#realizacja { display:block; float:left; visibility:hidden; width:120px; height:20px; text-indent:-9999px; position:relative; top:7px; left:10px; margin-top:10px; }
#footer a#copyrights { display:block; float:right; color:#785f09;width:200px; height:25px;font-size:10pt;  position:relative; top:27px; right:10px; }

#navbar a:link	     { color: black; text-decoration: none;}
#navbar a:visited	   { color: black;  text-decoration: none;}
#navbar a:active	   { color: black; text-decoration: blink;}
#navbar a:focus 	   { color: black; text-decoration: underline;}
#navbar a:hover 	   { color: black; text-decoration: underline;}

a.navbar:link	     { color: black; text-decoration: none;}
a:visited	   { color: black;  text-decoration: none;}
a.navbar:active	   { color: black; text-decoration: blink;}
a.navbar:focus 	   { color: black; text-decoration: underline;}
a.navbar:hover 	   { color: black; text-decoration: underline;}