body {
background: #fff url(css/bg.png) bottom right no-repeat;
margin: 0 auto;
}
*{
outline: none;
text-decoration: none;
border: 0px;
font-family: Verdana, Tahoma, ArialCE, HelvaticaCE, Arial, Helvetica, sans-serif;
font-size: 11px
}
a {
color: #666
}
a:hover {
text-decoration: underline;
}
#main {
position: relative;
width: 975px;
margin: 0 auto;
background:  #fff;
border-left: #bdbdbd solid 1px;
border-right: #bdbdbd solid 1px;
padding: 15px
}
#ttop {
height: 16px;
background: url(css/ttop.png) center;
}
.tprod {
position: absolute;
top: -16px; left: 275px
}
#bottom {
font-size: 10px;
padding: 20px 20px;
color: #666
}
#bottom_nd {
font-size: 10px;
padding: 15px 20px;
background: #fff url(css/content_bottom_nd.png) top center no-repeat;
color: #666
}
#bottom_nd  b{
font-size: 10px;
}
#bottom_nd  a{
font-size: 10px;
text-transform: lowercase
}
img.logo {
margin: 12px -2px
}
img.logo_m {
float: right
}
#content {
width: 964px;
margin: 0 auto;
padding: 2px;
position: relative;
background: #fff url(css/content_bg.png);
}
#top_line {
width: 968px;
height: 40px;
margin: 0 auto;
position: relative;
background: #fff url(css/content_bg.png);
margin-bottom: 20px
}
#top_line a {
padding: 13px 12px;
font-size: 12px;
display: block;
text-align: center;
float: left;
}
#top_line a:hover {
text-decoration: none;
}
#loga {
text-align: center;
padding: 5px 0px
}
#stitle, #stitle a {
font-size: 16px;
font-family : 'Trebuchet MS';
font-weight: bold;
margin-bottom: 5px;
padding-bottom: 10px;
border-bottom: 1px solid #ccc
}
#stitle a, #stitle a:hover  {
color: #000;
text-decoration: none;
}
#sfoto, #skom, #mfoto {
font-size: 14px;
font-family : 'Trebuchet MS';
font-weight: bold;
margin-bottom: 5px;
padding-bottom: 10px;
border-bottom: 1px solid #ccc
}
#stitle span{
font-family : Verdana;
}
#text #in{
padding: 10px;
font-size: 11px;
text-align: justify;
line-height: 150%;
position: relative
}
#text #in table{
text-align: left;
}
#text #in .extnd{
position: absolute;
top: -15px;
right: -25px
}
#text #in ul{
font-size: 11px;
}
.c_t{
position: absolute;
top: 0px; left: 0px;
}
.c_b{
position: absolute;
bottom: 0px; left: 0px;
}
.corn_tr{
position: absolute;
top: 0px; right: 0px;
z-index: 98;
}
.new{
position: absolute;
top: -55px; right: -20px;
z-index: 99;
}

#menu {
width: 198px;
overflow: hidden
}
a.menu_cr {
width: 198px;
height: 115px;
display: block;
background: url(css/menu_cr.png);
}
a.menu_baron {
width: 198px;
height: 115px;
display: block;
background: url(css/menu_baron.png);
}
a.menu_mapa {
width: 196px;
height: 122px;
display: block;
background: url(css/menu_mapa.png) no-repeat;
}
a.menu_katalogi{
width: 198px;
height: 80px;
display: block;
background: url(css/katalogi.png) repeat-x;
}
a.menu_facebook{
width: 175px;
height: 75px;
display: block;
background: url(css/fb.jpg) no-repeat;
}
#sform {
display: block;
background: url(css/menu_bg.png) bottom repeat-x;
position: relative
}
#sform input {
width: 145px;
font-size: 12px;
padding: 5px 5px 5px 25px;
margin: 5px 0px 4px 10px;
background: url(css/sform.png) top left;
}
#menu .m {
font-size: 11px;
font-weight: bold;
width: 180px;
padding: 10px 5px 10px 15px;
display: block;
background: url(css/menu_bg.png) bottom;
text-transform: capitalize
}
#menu .m1 {
font-size: 11px;
font-weight: bold;
width: 180px;
padding: 10px 5px 10px 15px;
display: block;
background: url(css/menu_bg1.png) bottom;
text-transform: capitalize
}
#menu .m:hover {
background: url(css/menu_bgh.png) bottom;
}
a.pdf {
font-size: 11px;
font-weight: bold;
width: 128px;
padding: 5px;
float: left;
display: block;
text-align: center;
text-transform: capitalize;
text-decoration: none
}
.line {
height: 100%;
width: 3px;
position: absolute;
top: 0px;
left: 198px;
}
#lang {
position: absolute;
top: 0px; right: 20px
}
.ln {
margin: 0px 5px
}
#top_pr{
background:url(css/koszykn.gif) no-repeat left center;
font-size:12px;
left:800px;
line-height:175%;
padding:12px 12px 12px 50px;
position:absolute;
top:111px;
width:150px;
z-index:10;
}
#punkty{
background:url(css/punkty.png) no-repeat left center;
font-size:12px;
left:800px;
line-height:175%;
padding:8px 12px 16px 50px;
position:absolute;
top:72px;
width:150px;
z-index:10;
}
#konto{
background:url(css/konto.png) no-repeat left center;
font-size:12px;
left:800px;
line-height:175%;
padding:8px 12px 10px 50px;
position:absolute;
top:72px;
width:150px;
z-index:10;
}
#img_main {
width: 764px;
border-bottom: 1px solid #ccc;
background: bottom;
}
.txt {
background: url(css/tr-gray.png);
color: #fff;
padding: 0px;
font-size: 14px;
}
.txt span {
font-size: 16px;
font-family : 'Trebuchet MS';
}
#text {
padding: 15px 15px 15px 15px;
}
.clear {
clear: both
}

.clear_szal {
clear: both;
height: 351px;
background: url(css/szal_promocja.png) no-repeat;
}

#main_left {
float: left;
position: relative;
width: 199px;
}
#main_right{
float: right;
position: relative;
width: 765px;
}
#bottom_left {
float: left;
position: relative;
width: 199px;
}
#bottom_right{
float: right;
position: relative;
width: 765px;
padding-top: 20px
}
.mq {
padding: 5px 0px
}
.prod_lista {
margin: 5px;
float: left;
width: 220px;
text-align: center;
position: relative
}
.prod_lista .cont {
background: url(css/p_bottom.png) bottom no-repeat;
}
.prod_lista .img {
background: url(css/p_top.png) top no-repeat;
height: 162px;
}
.img_pr {
margin-top: 5px
}
.prod_lista .nazwa {
font-weight: bold;
font-size: 12px;
padding: 10px 10px 0px 10px;
}
.prod_lista .ops {
font-size: 11px;
padding: 0px 10px 10px 10px;
}
.prod_lista .ops a{
color: #000;
text-decoration: none
}
.prod_lista .ops a:hover{
text-decoration: underline
}
.cena {
margin: -2px 10px 0px 60px;
color: #fff;
text-align: right;
background: #800000 url(css/c_bg.png) bottom;
}
.cext {
margin: -2px 10px 0px 10px;
color: #fff;
text-align: right;
background: #800000 url(css/c_bg.png) bottom;
}
.cena span.c{
font-size: 14px;
font-weight: bold
}
.cena span.st{
text-decoration: line-through;
color: #D3D3D3
}
.cena .prc {
padding: 4px 0px;
height: 25px;
}
.cena .cl {
float: left
}
.cena .cr {
float: right
}
img.ext {
position: absolute;
top: -5px;
right: -5px;
}
.navi {
text-align: center;
clear: both;
padding-top: 40px
}
.navi a {
background: url(css/next.png) center no-repeat;
padding: 7px 20px;
text-align: center
}
.navi a.no {
background: url(css/next.png) center no-repeat;
padding: 7px 20px;
text-align: center
color: #ccc
}
.n_p {
margin: 0 auto;
width: 280px
}
.n_p a{
width: 100px;
float: left;
display: block
}
.exl {
position: relative;
overflow: hidden
}
.exlimg {
position: absolute;
top: 5px;
right: -20px
}
.exlimg_baron {
position: absolute;
top: 2px;
right: 20px
}
.sb {
float: right;
margin: 0px 10px;
cursor: pointer
}
.p_img {
border: 1px solid #ccc;
margin: 15px
}
#mbBottom {
background: url(css/logo_mini.png) left center no-repeat;
height: 32px
}
.ml {
position: relative;
}
.ml span {
background: url(css/tr-gray.png);
bottom: 19px;
color: #ffffff;
left: 17px;
padding: 3px;
position: absolute;
width: 192px;
}
.p_cena .ops img {
margin-bottom: -1px
}
.p_cena .ops a {
cursor: pointer
}
.dost  {
margin: 0px 0px 10px 0px
}
.bck {
color: #000
}
.koszyk_lista {
width: 100%;
background: #ccc;
}
.koszyk_lista tr{
background: #fff;
}
.koszyk_lista td{
text-align: right;
}
.koszyk_lista tr:hover{
background: #eee;
}
.koszyk_lista tr.end{
background: #ddd;
}
.koszyk_lista .ilosc {
width: 30px
}
.koszyk_lista input {
width: 25px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-left: 1px solid #eee;
border-top: 1px solid #eee;
text-align: right;
padding: 2px;
}
.dane input, .dane select, .dane textarea  {
width: 95%;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-left: 1px solid #eee;
border-top: 1px solid #eee;
text-align: left;
padding: 2px;
}
.clear_koszyk {
text-align: right;
padding: 10px
}
.clear_koszyk a {
cursor: pointer
}
.koszyk_lista td.usun {
text-align: center
}
table.wysylka {
width: 100%;
}
table.wysylka  td{
text-align: center;
}
table.wysylka .nc{
background: #ccc;
}
table.wysylka .nd{
background: #ddd;
}
table.wysylka .rest {
background: #eee;
}
table.wysylka .rest_in {
background: #eee;
padding: 15px;
text-align: left;
}
.czas_r{
background: no-repeat left center url(css/question-pic.gif);
color: #c30000;
margin-left: 10px;
padding: 0 0 4px 15px;
}
#razem {
text-align: center;
font-size: 12px;
font-weight: bold;
}
td.center {
text-align: center
}
#who {
float: right;
font-size: 10px
}
.osobowe {
text-align: left;
width: 100%;
background: #ccc;
}
.osobowe  td{
background: #fff;
}
table.osobowe .nagl  td{
background: #ddd;
font-weight: bold;
text-align: left
}
table.koszyk_lista td.rest {
background: #eee;
text-align: left
}
.token {
border: 1px #ccc solid;
}
table.osobowe td{
text-align: right
}
table.osobowe td.nc{
background: #ccc;
}
table.osobowe td.nd{
background: #ddd;
}
table.osobowe td.rest {
background: #eee;
text-align: left
}
.submit, button {
padding: 10px;
background: #ccc
}
table.osobowe td.more {
text-align: left
}
table.osobowe td.more input {
width: 20px
}
.right {
text-align: right
}
.left {
text-align: left
}
.center {
text-align: center
}
span.error {
color: #c30000;
font-weight: bold
}
div.error {
padding: 10px;
border: 1px solid #ccc;
margin-bottom: 10px;
color: #c30000;
font-weight: bold
}
td.kom {
background: #fff url("css/kom_bg.png") bottom repeat-x;
text-align: left
}
.qpic {
margin-bottom: -4px
}
.kom_m {
float: right
}
tr.zam_l td {
background: #fafafa
}
div.qsm {
padding: 10px;
}
.t {
font-weight: bold;
font-size: 11px
}
.sbs {
cursor: pointer;
margin-top: -4px;
margin-left: 105px;
margin-bottom: -20px;
}
.szukaj td.l {
text-align: left
}
.szukaj td.l input, .szukaj td.l select {
width: 200px;
border: 1px solid #ccc;
padding: 3px
}
.szukaj td.oddo input {
width: 100px;
border: 1px solid #ccc;
padding: 3px
}
div.mtxt {
background: url("css/mtxt.png") bottom repeat-x;
float: left;
margin:0 2px;
width:964px;
}
div.mtxt a:hover{
background: url("css/kom_bg.png");
float: left
}
.lg {
float: left
}
.rem_pr  {
background: url(css/next.png) center no-repeat;
float: right;
width: 120px;
position: relative;
text-align: center;
color: #555;
font-size: 14px;
font-family : 'Trebuchet MS';
padding: 5px;
height: 17px
}
.rem_pr  .desc {
position: absolute;
top: 0px;
left: 0px
}
.rem_pr  .asc {
position: absolute;
top: 0px;
right: 0px
}
a.str {
background: url(css/next.png) center no-repeat;
padding: 7px;
}
a.strl {
background: url(css/next.png) center left no-repeat;
padding: 7px;
}
a.strr {
background: url(css/next.png) center right no-repeat;
padding: 7px;
}
.b {
font-weight: bold;
text-decoration: underline
}
.kontakt_t {
width: 100%
}
.kontakt_te {
background: #fff;
width: 300px
}
.kontakt_te  td{
background: #fff
}
.kontakt_te  td.kn{
font-weight: bold
}
.plec {
display: block;
float: left;
width: 220px;
margin: 0px 18px 10px 18px;
padding: 11px 10px 12px 80px;
position: relative;
background: url(css/plec.png) center right;
font-size: 18px
}
.plec div {
font-size: 16px
}
#dam {
width: 70px;
height: 56px;
position: absolute;
top: 0px;
left: 0px;
background: url(css/plec.png) top left;
}
#mes {
width: 70px;
height: 56px;
position: absolute;
top: 0px;
left: 0px;
background: url(css/plec.png) bottom left;
}
input.gogo {
padding: 10px;
background: #ccc
}
a.kgo {
background: #ccc;
color:black;
display:block;
padding:2px 0;
text-align:center;
width:100%;
}

div.seofootkeywords,h3.seofootkeywords {
color:#777777;font-size:10px;font-style:italic;font-weight:normal
}
div.seofootkeywords{margin-top:4px;padding-top:5px;}
h3.seofootkeywords {display:inline}
h1.seotytul{color:#666666;font-size:14px;margin-top:2px;padding-top:2px; margin-bottom:20px
}

#bottom a{
font-size:10px;
}

.kartka_zyczenia { font-size: 9px; }
.kartka_podglad_tlo { margin: auto; width:600px; height: 400px; border: 1px solid #000; }
.kartka_podglad_tekst  { font-size: 14px; font-style: italic; text-align: left;}
.kartka_podglad_tekst div { margin-top: 5px; font-size: 12px; font-style: italic; }
.kartka_podglad_buttony { margin: auto; width: 602px; float: none; }

div.banner_bottom{
	display: block;
	float: left;
	background: #ccc;
	width: 765px;
	height: 190px;}