@CHARSET "UTF-8";

body { color: #363636; background: #C7C7C7 url(gfx/tlo.jpg) no-repeat fixed center top; font-size: 12px; font-family: Tahoma, Arial, Helvetica, sans-serif; text-align: left; margin: 0; padding: 0;}
img { border: none; }
a { color: #000000; cursor: pointer; text-decoration: none; }
a:hover { text-decoration: none; }
h1 { font-size: 65px; text-shadow: 3px -3px 2px #CCC; padding: 0px; margin: 0px; }
h2 { color: black; margin: 0; font-size: 24px; text-shadow: 2px -2px 2px #BFBFBF; }

div#body { width: 900px; margin: auto; }

div#header { height: 110px; padding-top: 40px; text-align: center; background: white url(gfx/baner.jpg) no-repeat center; }
div#teksty { text-align: center; padding: 10px; background: #f8f8f8; border-bottom: 1px #CCC solid; }
div#teksty a { padding: 5px 8px; border: 1px #CCC solid; text-shadow: 2px -2px 2px #BFBFBF; background: url(gfx/gradient3.jpg) repeat-x; }
div#teksty a:hover { border: 1px #9D9D9D solid }
div#teksty a.aktywny { border: 1px #9D9D9D solid; color: red; text-shadow: 2px -2px 2px #BFBFBF; }
div#kategorie { text-align: center; padding: 10px; background: #E9E9E9; border-bottom: 1px #CCC solid; }
div#kategorie a { padding: 5px 8px; border: 1px #CCC solid; text-shadow: 2px -2px 2px #BFBFBF; background: url(gfx/gradient3.jpg) repeat-x; }
div#kategorie a:hover { border: 1px #9D9D9D solid }
div#kategorie a.aktywny { border: 1px #9D9D9D solid; color: red; text-shadow: 2px -2px 2px #BFBFBF; }
div#linki { text-align: center; padding: 10px; background: #f5f5f5; border-bottom: 1px #CCC solid; }
div#linki a { padding: 5px 8px; border: 1px #CCC solid; text-shadow: 2px -2px 2px #BFBFBF; background: url(gfx/gradient3.jpg) repeat-x; }
div#linki a:hover { border: 1px #9D9D9D solid }
div#linki a.aktywny { border: 1px #9D9D9D solid; color: red; text-shadow: 2px -2px 2px #BFBFBF; }
#footerLinks { text-align: center; background: white; padding-top: 20px; }
#footerLinks a { background: url(gfx/gradient3.jpg) repeat-x; border: 1px #CCC solid; padding: 5px 15px; text-shadow: 2px -2px 2px #BFBFBF; }
#footerLinks a:hover { border: 1px #9D9D9D solid }

div#content { background: white; }
div.produkt td { padding: 10px; text-align: center; cursor: pointer; background: url(gfx/gradient.jpg) repeat-x bottom; border: 1px #FFF solid; }
.produkt { font-size: 13px; font-weight: bold; }
.zdjecie { border: 1px #DDD solid; background: white; padding: 3px; }
div.tresc { padding: 15px; }
.zdjecie2 { padding: 25px; border-left: 1px #CCC solid; border-bottom: 1px #CCC solid; cursor: pointer; }
.zdjecieAktywne { padding: 25px; border-left: 1px #9D9D9D solid; border-bottom: 1px #9D9D9D solid; cursor: pointer; }
table.atrybuty { width: 100%; }
table.atrybuty th { background: url(gfx/gradient3.jpg) repeat-x bottom; border-bottom: 1px #CCC solid; padding: 10px; text-shadow: 2px -2px 2px #BFBFBF; }
table.atrybuty td { padding: 10px; border-bottom: 1px #CCC solid; }
table.atrybuty td.naglowek { background: transparent url(gfx/gradient2.jpg) repeat-y right; font-weight: bold; text-align: right; }
table.atrybuty td.naglowek p { margin: 0px; }
table.atrybuty td ul { background: #f5f5f5; padding: 5px; list-style-type: none; border-left: 1px #CCC solid; border-bottom: 1px #CCC solid; }
a.info { color: red; font-weight: bold; font-size: 14px; text-shadow: 2px -2px 2px #BFBFBF; }
a.info:hover { text-shadow: 2px -2px 2px #9D9D9D; }
table.lista { text-shadow: 2px -2px 2px #BFBFBF; }
div#footer { text-align: center; background: white; color: #666; }
div.przerwa { height: 5px; }
div#akceptowane_formy_platnosci { background: url(gfx/akceptowane_formy_platnosci.png) no-repeat scroll 0 0 transparent; height: 268px; padding-top: 50px; text-align: center; width: 200px; }
.tematyPowiazaneTop2 { background: url("gfx/menuBoxTop2.png") no-repeat scroll 0 0 transparent; height: 8px; width: 200px; }
.tematyPowiazaneBottom { background: url("gfx/menuBoxBottom.png") no-repeat scroll 0 0 transparent; height: 8px; width: 200px; }
div#kontakt { cursor: pointer; background: white url(gfx/kontakt.jpg) no-repeat center; height: 130px; border-top: 1px #CCC dotted; border-bottom: 1px #CCC dotted; }
div#kontakt span { color: #363636; text-decoration: blink; }
div#formularz { background: white; padding: 15px; display: none; }
div#formularz table { margin: auto; font-weight: bold; }
div.input { background: url(gfx/input.jpg) no-repeat scroll 0 0 transparent; display: block; height: 27px; position: relative; width: 283px; }
div.input input { background: none repeat scroll 0 0 transparent; border: 0 none; left: 4px; position: absolute; top: 4px; width: 275px; }
div.textarea { background: url(gfx/textarea.jpg) no-repeat scroll 0 0 transparent; display: block; height: 149px; position: relative; width: 567px; }
div.textarea textarea { background: none repeat scroll 0 0 transparent; border: 0 none; height: 144px; left: 4px; position: absolute; top: 4px; width: 560px; }
.linkDoSklepu { background: #EEE; border: 1px #CCC solid; padding: 6px 10px; color: red; font-size: 14px; font-weight: bold; text-shadow: 2px -2px 2px #BFBFBF;}
.linkDoSklepu:hover { border: 1px #9D9D9D solid; text-shadow: 2px -2px 2px #9D9D9D; }
.cena { color: red; font-weight: bold; }
.infoPodstawowe { position: relative; }
.infoPodstawowe span { position: absolute; right: -30px; }
#div404 { background: white url(gfx/404.jpg) no-repeat center top; height: 200px; line-height: 300px; font-weight: bold; text-align: center; font-size: 14px;  }