/* content by blazsak.pl */


/**************************
 * CSS RESET 
 */

html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	line-height: 1.5;
	font-family: inherit;
  font-size: inherit;
	text-align: inherit;
	vertical-align: baseline;
  background:transparent;
  color: inherit;
  
}
em{  font-style:italic; }
strong {font-weight:bold;}

textarea{	overflow: auto;;}
a img, :link img, :visited img {border: 0;}
table {	border-spacing: 0;}
  td{ vertical-align: middle; }
ul {list-style: none;}
q:before, q:after,blockquote:before, blockquote:after {content: "";}
:focus {outline: 0;}

sup { font-size:0.7em; position:relative; top:-0.6em; left:0;}


.hid {margin-top:-5000px; position:absolute;}
a {text-decoration:none; color: #fff;  }
a:hover{ text-decoration: none;}


/********************************
 * Struktura podstawowowa
 */
html { background: #f5f5f5 url(/gfx/site/bg_body.jpg) no-repeat top center; color: #3C2A1F; font-size:11px; font-family:  Tahoma, Verdana,Arial,Helvetica,sans-serif;}
body{    text-align: center;}

img {margin:0px; border:0; vertical-align: middle;}
input,textarea,select {font-size: 11px; margin:0 2px; padding:2px 3px; }
select { font-size: 11px;}
button { }
label{}


/********************************
 * MAIN
 */
div.matrix {width: 980px; margin: 0 auto; text-align: left;  }

#site{ padding-bottom: 30px;}
#top{ height: 290px;  }
  #logo { float: left; margin:45px 8px;}

#mid { height: 48px; }

#content{}


/********************************
 * MENU
 */
#mainmenu{float: right; margin-top: 10px; text-align: right; padding:0 2px 0 8px; background: url(/gfx/site/mainmenu_bg.gif) no-repeat top left;  }
html>body #mainmenu {background: url(/gfx/site/mainmenu_bg.png) no-repeat 0 0;}
#mainmenu a{color: #dad6cd; padding: 1px 30px; height: 22px; display: inline-block; ; font-size: 13px;  background: url(/gfx/site/a_mainmenu_bg.gif) repeat-x 0 0; }
html>body #mainmenu a{background: url(/gfx/site/a_mainmenu_bg.png) repeat-x 0 0;}
#mainmenu a.first { border-left:0;}
#mainmenu a:hover, #mainmenu a.active{ color: #fff;}


/********************************
 * LEFT MENU
 */
#leftmenu { float: left; width:230px; background: url(/gfx/site/bg_leftmenu.jpg) no-repeat 0 0; }
html>body #leftmenu {background: url(/gfx/site/bg_leftmenu.png) no-repeat 0 0;}
#leftmenu div.lm-katalog{clear:both; padding-top: 22px; background: url(/gfx/site/menu-katalog.png) no-repeat 0 0;}
#leftmenu div.lm-kontakt{clear:both;margin-top:1px; }
#leftmenu div.lm-newsletter{clear:both; }

#leftmenu img { ; margin:0 ; padding: 0;}

#productlist {list-style: none outside; height:100%;}
#productlist li {border-top: 0px solid red; width: 203px; overflow:visible;}
#productlist a {margin:0 1px; padding: 2px 15px;  display: block; color: #000; border-bottom: 1px solid #000; font-size: 13px; }
#productlist a.child {padding-left: 35px; background: url(/gfx/site/parent.png) no-repeat left center}
#productlist a:hover {color: #693118;}
#productlist a.bold{ font-weight: bold; color: #693118;}

ul.head-kontakt { margin-bottom: 30px;}
ul.head-kontakt li {margin-top: 1px; width: 205px; height: 22px; background: url(/gfx/site/bg_menu-kontakt.png) no-repeat 0 0;}
ul.head-kontakt li a {padding-left: 20px; color: #000; display: block;}
ul.head-kontakt li a:hover {color: #fff;}


/********************************
 * SITEMAP
 */
#sitemap {margin-left: 200px; float: left; width: 500px;}
#sitemap a {color: #5b422f; font-weight: bold;}
#sitemap a:hover { text-decoration: underline;}
.sitemap-2 { margin-left: 25px;}
.sitemap-3 { margin-left: 50px;}

/********************************
 * FOOT
 */
#foot {clear: both; margin-top:30px; border-top: 1px solid #C9C3B8; padding: 15px 15px 30px 15px;}
#foot-copy { float: left; width: 500px;}
#foot-created{ float: right;}
.stat24{margin-left: 20px; float: right;}

/********************************
 * POLECAMY
 */
#polecamy {padding:0 10px; color: #000; font-size: 13px;}
  .polecamy-item {float: left; margin-bottom:15px; clear: both; padding: 10px; background: url(/gfx/site/bg_polecamy.png) ; border: 1px solid #8F6F60; }
  .polecamy-foto { float: left; width: 170px; min-height: 130px; margin-right: 5px; }
    .polecamy-foto img.foto { border: 1px solid #000; background: #fff; padding: 1px;}
  .polecamy-title {margin-top: 10px; float: left; width: 130px; color: #3B2A1E;  font-weight: bold; margin-bottom: 15px;}
  .polecamy-opis { float: left; width: 130px; }
  .polecamy-more{ clear: both; font-family: "Trebuchet MS", Arial; font-weight: bold; color: #3b2a1e; font-size: 12px;}
    .polecamy-more a { margin-right: 10px;}
    .polecamy-more span { font-weight: bold;  }
   .polecamy-more span.promo { text-decoration: line-through; padding: 0 2px; margin-right: 5px; font-style: italic; font-size: 11px;}
   .polecamy-more span.promo2 { color: #d90000;}
/********************************
 * PRODUKTY
 */
#katalog {float: left; width: 700px;  }
#katalog table{ margin: 5px 0 25px 0; font-size: inherit; }
#katalog td { padding: 5px; vertical-align: top; }
#katalog a { font-weight: bold; color: #75543c; font-size: 13px;;}
#katalog a:hover { text-decoration: underline;}

.katalog-item { float: left; width: 720px; border-bottom: 1px solid #C9C3B8; padding-top:20px; }
html>body .katalog-item {width: 730px;}

.katalog-foto{width: 170px; text-align: center;}
.katalog-foto img.foto, .maplink img {border: 1px solid #693118; background: #fff; padding: 1px;}

.katalog-product-short td.katalog-foto { width: 100%;}
.katalog-product-opis { vertical-align: top; font-size: 13px;}

.katalog-product,.katalog-product-short{ float: left; width: 350px; }
html>body .katalog-product, html>body.katalog-product-short{padding-left: 10px;}
  .katalog-product-short {width: 240px; text-align: center;}

.katalog-product td { }

.order-reserved,.order-sold {padding-left: 50px; text-align: left; font-size: 13px; font-weight: bold; font-family:"Trebuchet MS", Arial;   color: #ff8040;}
.order-sold { color: #d90000;}

.details{ padding-top: 20px; text-align: center;}

.maplink{ text-align: center;}

/********************************
 * ORDER
 */
#order {margin-top: 20px;}

#orderform {}
div.formrow {margin:2px;}
#orderform div.formrow label {text-align: right; float: left; width: 100px; margin-right: 5px; }
#orderform div.formrow label.req { font-weight: bold;}
#orderform div.formrow input,#orderform div.formrow textarea { width: 200px; background: url(/gfx/site/bg_polecamy.png) ; border: 1px solid #8F6F60;}
#orderform div.formrow textarea {height: 100px;}
div.zgoda { text-align: center;}
div.zgoda input.submit {margin-top: 20px; padding: 2px 10px; background: #5b422f; color: #fff;; border: 1px solid #8F6F60; } 
div.zgoda input.submit:hover { background: #fff; color: #5b422f;}

/********************************
 * KONTAKT FORM
 */
#kontaktform {}
#kontaktform div {margin: 3px;}
#kontaktform label { float: left; width: 100px; text-align: right; margin-right: 5px;}
#kontaktform input, #kontaktform textarea{ width: 230px; background: url(/gfx/site/bg_polecamy.png) ; border: 1px solid #8F6F60; }
#kontaktform input.short {width: 50px;} 
#kontaktform textarea {  height: 100px;}
#kontaktform img { border: 0px solid #8F6F60; background: 0;}

/********************************
 * SEARCH
 */
#search { float: left; width: 300px; margin: 8px 20px;}
#search input.search-field {padding:6px 12px; height: 15px; width: 145px; background: url(/gfx/site/input_bg.gif) no-repeat 0 0; border:0; font-size: 11px; color: #670000;}
html>body #search input.search-field {background: url(/gfx/site/input_bg.png) no-repeat 0 0;}
#search input.submit {padding:0; border:0;  text-align: center; color: #fff; height: 25px; width: 63px;  margin-left:30px; background: url(/gfx/site/input_submit-search.gif) no-repeat 0 0;}
html>body #search input.submit {  background: url(/gfx/site/input_submit-search.gif) no-repeat 0 0;}

/********************************
 * NEWSLETTER
 */
#newsletter{ color: #666; padding: 10px 0;}
#newsletter input {height: 25px; padding: 2px 10px; border:0; width: 188px; background: url(/gfx/site/input_nl_bg.jpg) no-repeat 0 0;}
html>body #newsletter input { background: url(/gfx/site/input_nl_bg.png) no-repeat 0 0;}
#newsletter input.submit {margin-right: 15px; background: none; border:0; text-decoration: underline; color: #666; text-align: right; float: right; padding: 2px 10px;}
#newsletter p {padding: 5px 40px 5px 10px; text-align: justify; line-height: 150%}

/********************************
 * CONTAINER
 */
#container { float: left; width: 725px; }
#cont-head { height: 25px; float: left; }
  #cont-head h1{ float: left; clear: right; font-weight: normal; padding: 2px 70px 5px 0; color: #fff; font-size: 11px; background: url(/gfx/site/bg_cont-head.gif) repeat-x top right;}
  html>body #cont-head h1 {background: url(/gfx/site/bg_cont-head.png) repeat-x top right;}
  #cont-head a:hover { text-decoration: underline;}
  
  div.titleback {float: left; color: #753a00; width: 300px; padding:2px  5px; height: 25px;}
  div.titleback a { color: #753a00; font-weight: bold;}
  
#cont-title {}
#cont-text {width: 380px; float: left; }
  #cont-text a { color: #6a3500; font-weight: bold;}
  #cont-text a:hover { text-decoration: underline;}
#cont-addon {width: 360px; float: left;}
#cont-fotosy {float: left; text-align: center; margin-top: 30px; width: 740px; border-top:1px solid #C9C3B8; }
 #cont-fotosy img.foto,#cont-addon img.foto {border: 1px solid #693118; background: #fff; padding: 1px; margin: 5px; }

/********************************
 * PAGE
 */
.page{ padding:20px 20px 0 0;  font-size: 11px; ; color: #000;  }
.page p {text-align: justify; padding: 5px 0; }
.page ul {padding: 5px 20px; list-style: outside disc }
.page ol {padding: 5px 20px; list-style: outside decimal}
.page a {text-decoration: none; font-weight: normal; color:#053D7F}
  .page a:hover { text-decoration: underline; }

.page h1 {margin:5px 0 5px 0; font-weight: normal; font-size: 14px; font-family: Verdana; color:#063E80; }
.page h2 {margin:5px 0 5px 0; font-weight: normal; font-size: 18px; text-transform: uppercase; font-family: Verdana; color:#767676; }
.page h3 {margin:5px 0 5px 0; font-weight: normal; font-size: 14px; font-family: Verdana; color:#063E80;  }
.page h4 {margin:5px 0 5px 0; vertical-align: middle; font-weight: normal; font-size: 18px; font-family: Verdana; color:#063E80; border-bottom: 1px solid #1f3036;  }



.page h1,.page h2,.page h3,.page h4 {font-family: "Trebuchet MS"; font-style: italic;;}


.page img {margin:5px 10px; background:#fff ; padding: 2px; border: 1px solid #EBEFF2}
.page img.prawa {float:right;}
.page img.lewa {float:left;}
.page img.nb {margin: 0px; padding: 0px; border: 0px solid #1f3036}

.iframe {margin:5px 10px;  padding: 10px; border: 1px solid #c7c7c7; text-align: center;}

.page table{ margin: 5px 0 25px 0; font-size: inherit; }
.page td , .page th{ padding: 2px;  }
.page th { color: #000; text-align: left; font-weight: normal;}




/********************************
 * OTHERS
 */
.hr,.hr-news{ border-bottom:1px solid #c7c7c7;clear: both; font-size: 1px; height:1px; }
.hr-news {height:20px; width: 200px; margin: 0 auto;}

.ui-tabs-hide { display: none; }

.noramka{padding:0; margin:0; border:0;}

.nb{ border: 0;}

#debug{text-align: left; margin-top:600px; } 
#debug textarea {font-size: 12px; width:95%; height: 500px;}
.error404{ text-align: center; font-weight: bold; padding:100px 20px;}
  p.error404 {}
.rinfo {color: #BD0909; font-weight: bold; font-size: 10px;}
.ginfo {color: #009900; font-weight: bold; font-size: 10px;}
.yinfo {color: #343434; font-weight: bold; font-size: 10px;}
.clear {clear: both; }
.center{ text-align: center;}