body { margin:0px; padding:0px;background-image:url(static/andrzej/tapeta_wilson_2015.jpg);background-repeat:no-repeat;
background-attachment:fixed;background-color: #020203 }
img { margin:0px; padding:0px; border:0px;}

td, table, select, div, input, textarea{
	font-family:arial,tahoma,verdana;
	font-size:9pt;
	vertical-align:top;
	line-height:15px;
	color:#222;
}

@font-face {
    font-family: Raisin;
    src: url(raisin.ttf);
}


a:link, a:active, a:visited {color:black; text-decoration:none;}
a:hover {color:dodgerblue; text-decoration:none;}
.gre:link, .gre:active, .gre:visited {color: darkblue; text-decoration: none;}
.gre:hover {color: #f1e300; text-decoration: none;}


p {margin: 0; padding: 5px 0;}
form {padding:0; margin:0;}
.clear { clear: both; height: 0; margin: 0; }

/* ------------------------------------------ HEADER STYLER START */
#header {
	width:990px;
  background: url(images/bg-menu.gif) repeat-x;
  height:44px;
	overflow:hidden;
	padding-top:0px;
	margin:0px;
	border-left:1px solid white;
		border-right:1px solid white;
}
.login {
  margin:5px 0 0 5px;
  color: #dcdcdc;
  width:200px;
  text-align:center;
}
.kontakt {
  margin-top:36px;
  margin-left:5px;
  color:#fff;
}
.kontakt a:link, .kontakt a:visited, .kontakt a:active {
  color:#fff;
}
.kontakt a:hover {
  color:#fff;
}
.szukaj {padding-top:10px;}
.gap-szukaj {
  width:152px;
  height:20px;
  border:1px solid #000;
  background-color:#cad4c2;
  display:block;
  float:left;
}
.but-ok {
  margin: 1px 0 0 2px;
}
.menu {
  width:783px;
  text-align:center;
  padding-top:10px;
  margin:0;
}
.menu a {
  font-size:14px;
  font-weight:bold;
  color: #54c0ee !important;
  padding-left:10px;
  padding-right:15px;
  text-decoration: none;
  line-height:20px;
}
.menu a:hover {
  font-size:14px;
  font-weight:bold;
  color: #ffce1c !important;
  text-decoration: none;
   line-height:20px;
}
/* ------------------------------------------ HEADER STYLER END */

#stopka {
  width:990px;
  height:24px;
  background-color: #245a75;
}
#stopka td {
  padding:0px 6px;
  color: #fff;
  height:24px;
  line-height:22px;
}
.belka {
  width:200px;
  height:25px;
  color: White;
  padding: 5px 0px 0px 20px;
  font: bold 13px Arial;
  text-transform: uppercase;
}
#nav {
  width: 200px;
  margin: 0px;
  padding: 0px;
  float: left;
}
#nav ul {
  position: relative;
  overflow: visible;
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

#nav li.ulek a {
  color: #02284e;
  font-weight:normal;
  font-size:11px;
  width: auto !important;
  width: 100%; /* ie */
  height: auto;
  margin: 2px;
  padding: 2px 0px 2px 40px;
  display: block;
  background: url(images/r.gif) no-repeat 15% 50%;
  text-decoration: none;
}
#nav li.ulek a:hover {

  margin: 2px;
  padding: 2px 0px 2px 40px;
  background: url(images/r.gif) #8cdbfa no-repeat 15% 50%;
  color: #02284e !important;
}
#nav li.ulek2 a {
  color: #02284e;
  font-weight:normal;
  font-size:11px;
  width: auto !important;
  width: 100%; /* ie */
  height: auto;
  margin: 2px;
  padding: 2px 0px 2px 55px;
  display: block;
  background: url(images/r.gif) no-repeat 22% 50%;
  text-decoration: none;
}
#nav li.ulek2 a:hover {
  color: #fff;
  margin: 2px;
  padding: 2px 0px 2px 55px;
  background: url(images/r.gif) #f5dd8e no-repeat 22% 50%;
  color: #02284e !important;
}
#nav li {
  width: 200px;
  float: left;
  line-height: 15px;
  height: auto;
  margin: 0px;
  padding: 0px;
}

.input_form
{
border:1px solid steelblue;
background-color:#c1e4ff;

}

#nav a {
  color: #0c3700;
  font-weight:bold;
  font-size:12px;
  width: auto !important;
  width: 100%; /* ie */
  height: auto;
  margin: 2px;
  padding: 2px 25px;
  display: block;
  background: url(images/r.gif) no-repeat 7% 50%;
  text-decoration: none;
}
#nav ul li a:hover {
  color: #0c3700;
  margin: 2px;
  padding: 2px 25px;
  background: url(images/r.gif) #8cdbfa no-repeat 7% 50%;
  color: #02284e;
}

#nav3 {
  width: 200px;
  margin: 0px;
  padding: 0px;
  float: left;
}
#nav3 ul {
  position: relative;
  overflow: visible;
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

#nav3 li.ulek a {
  color: #02284e;
  font-weight:normal;
  font-size:11px;
  width: auto !important;
  width: 100%; /* ie */
  height: auto;
  margin: 2px;
  padding: 2px 0px 2px 40px;
  display: block;
  background: url(images/r.gif) no-repeat 15% 50%;
  text-decoration: none;
}
#nav3 li.ulek a:hover {
  color: #fff;
  margin: 2px;
  padding: 2px 0px 2px 40px;
  background: url(images/r.gif) #d5a509 no-repeat 15% 50%;
  color: #02284e !important;
}
#nav3 li.ulek2 a {
  color: #02284e;
  font-weight:normal;
  font-size:11px;
  width: auto !important;
  width: 100%; /* ie */
  height: auto;
  margin: 2px;
  padding: 2px 0px 2px 55px;
  display: block;
  background: url(images/r.gif) no-repeat 22% 50%;
  text-decoration: none;
}
#nav3 li.ulek2 a:hover {
  color: #fff;
  margin: 2px;
  padding: 2px 0px 2px 55px;
  background: url(images/r.gif) #f5dd8e no-repeat 22% 50%;
  color: #02284e !important;
}
#nav3 li {
  width: 200px;
  float: left;
  line-height: 15px;
  height: auto;
  margin: 0px;
  padding: 0px;
}
#nav3 a {
  color: #0c3700;
  font-weight:bold;
  font-size:12px;
  width: auto !important;
  width: 100%; /* ie */
  height: auto;
  margin: 2px;
  padding: 2px 25px;
  display: block;
  background: url(images/r.gif) no-repeat 7% 50%;
  text-decoration: none;
}
#nav3 ul li a:hover {
  color: #0c3700;
  margin: 2px;
  padding: 2px 25px;
  background: url(images/r.gif) #d5a509 no-repeat 7% 50%;
  color: #02284e;
}

#nav4 {
  width: 200px;
  margin: 0px;
  padding: 0px;
  float: left;
}
#nav4 ul {
  position: relative;
  overflow: visible;
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

#nav4 li.ulek a {
  color: #02284e;
  font-weight:normal;
  font-size:11px;
  width: auto !important;
  width: 100%; /* ie */
  height: auto;
  margin: 2px;
  padding: 2px 0px 2px 40px;
  display: block;
  background: url(images/r.gif) no-repeat 15% 50%;
  text-decoration: none;
}
#nav4 li.ulek a:hover {
  color: #fff;
  margin: 2px;
  padding: 2px 0px 2px 40px;
  background: url(images/r.gif) #d5a509 no-repeat 15% 50%;
  color: #02284e !important;
}
#nav4 li.ulek2 a {
  color: #02284e;
  font-weight:normal;
  font-size:11px;
  width: auto !important;
  width: 100%; /* ie */
  height: auto;
  margin: 2px;
  padding: 2px 0px 2px 55px;
  display: block;
  background: url(images/r.gif) no-repeat 22% 50%;
  text-decoration: none;
}
#nav4 li.ulek2 a:hover {
  color: #fff;
  margin: 2px;
  padding: 2px 0px 2px 55px;
  background: url(images/r.gif) #f5dd8e no-repeat 22% 50%;
  color: #02284e !important;
}
#nav4 li {
  width: 200px;
  float: left;
  line-height: 15px;
  height: auto;
  margin: 0px;
  padding: 0px;
}
#nav4 a {
  color: #0c3700;
  font-weight:bold;
  font-size:12px;
  width: auto !important;
  width: 100%; /* ie */
  height: auto;
  margin: 2px;
  padding: 2px 25px;
  display: block;
  background: url(images/r.gif) no-repeat 7% 50%;
  text-decoration: none;
}
#nav4 ul li a:hover {
  color: #0c3700;
  margin: 2px;
  padding: 2px 25px;
  background: url(images/r.gif) #d5a509 no-repeat 7% 50%;
  color: #02284e;
}

#nav5 {
  width: 200px;
  margin: 0px;
  padding: 0px;
  float: left;
}
#nav5 ul {
  position: relative;
  overflow: visible;
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

#nav5 li.ulek a {
  color: #02284e;
  font-weight:normal;
  font-size:11px;
  width: auto !important;
  width: 100%; /* ie */
  height: auto;
  margin: 2px;
  padding: 2px 0px 2px 40px;
  display: block;
  background: url(images/r.gif) no-repeat 15% 50%;
  text-decoration: none;
}
#nav5 li.ulek a:hover {
  color: #fff;
  margin: 2px;
  padding: 2px 0px 2px 40px;
  background: url(images/r.gif) #d5a509 no-repeat 15% 50%;
  color: #02284e !important;
}
#nav5 li.ulek2 a {
  color: #02284e;
  font-weight:normal;
  font-size:11px;
  width: auto !important;
  width: 100%; /* ie */
  height: auto;
  margin: 2px;
  padding: 2px 0px 2px 55px;
  display: block;
  background: url(images/r.gif) no-repeat 22% 50%;
  text-decoration: none;
}
#nav5 li.ulek2 a:hover {
  color: #fff;
  margin: 2px;
  padding: 2px 0px 2px 55px;
  background: url(images/r.gif) #f5dd8e no-repeat 22% 50%;
  color: #02284e !important;
}
#nav5 li {
  width: 200px;
  float: left;
  line-height: 15px;
  height: auto;
  margin: 0px;
  padding: 0px;
}
#nav5 a {
  color: #0c3700;
  font-weight:bold;
  font-size:12px;
  width: auto !important;
  width: 100%; /* ie */
  height: auto;
  margin: 2px;
  padding: 2px 25px;
  display: block;
  background: url(images/r.gif) no-repeat 7% 50%;
  text-decoration: none;
}
#nav5 ul li a:hover {
  color: #0c3700;
  margin: 2px;
  padding: 2px 25px;
  background: url(images/r.gif) #d5a509 no-repeat 7% 50%;
  color: #02284e;
}

#nav6 {
  width: 200px;
  margin: 0px;
  padding: 0px;
  float: left;
}
#nav6 ul {
  position: relative;
  overflow: visible;
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

#nav6 li.ulek a {
  color: #02284e;
  font-weight:normal;
  font-size:11px;
  width: auto !important;
  width: 100%; /* ie */
  height: auto;
  margin: 2px;
  padding: 2px 0px 2px 40px;
  display: block;
  background: url(images/r.gif) no-repeat 15% 50%;
  text-decoration: none;
}
#nav6 li.ulek a:hover {
  color: #fff;
  margin: 2px;
  padding: 2px 0px 2px 40px;
  background: url(images/r.gif) #d5a509 no-repeat 15% 50%;
  color: #02284e !important;
}
#nav6 li.ulek2 a {
  color: #02284e;
  font-weight:normal;
  font-size:11px;
  width: auto !important;
  width: 100%; /* ie */
  height: auto;
  margin: 2px;
  padding: 2px 0px 2px 55px;
  display: block;
  background: url(images/r.gif) no-repeat 22% 50%;
  text-decoration: none;
}
#nav6 li.ulek2 a:hover {
  color: #fff;
  margin: 2px;
  padding: 2px 0px 2px 55px;
  background: url(images/r.gif) #f5dd8e no-repeat 22% 50%;
  color: #02284e !important;
}
#nav6 li {
  width: 200px;
  float: left;
  line-height: 15px;
  height: auto;
  margin: 0px;
  padding: 0px;
}
#nav6 a {
  color: #0c3700;
  font-weight:bold;
  font-size:12px;
  width: auto !important;
  width: 100%; /* ie */
  height: auto;
  margin: 2px;
  padding: 2px 25px;
  display: block;
  background: url(images/r.gif) no-repeat 7% 50%;
  text-decoration: none;
}
#nav6 ul li a:hover {
  color: #0c3700;
  margin: 2px;
  padding: 2px 25px;
  background: url(images/r.gif) #d5a509 no-repeat 7% 50%;
  color: #02284e;
}


#nav7 {
  width: 200px;
  margin: 0px;
  padding: 0px;
  float: left;
}
#nav7 ul {
  position: relative;
  overflow: visible;
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

#nav7 li.ulek a {
  color: #02284e;
  font-weight:normal;
  font-size:11px;
  width: auto !important;
  width: 100%; /* ie */
  height: auto;
  margin: 2px;
  padding: 2px 0px 2px 40px;
  display: block;
  background: url(images/r.gif) no-repeat 15% 50%;
  text-decoration: none;
}
#nav7 li.ulek a:hover {
  color: #fff;
  margin: 2px;
  padding: 2px 0px 2px 40px;
  background: url(images/r.gif) #d5a509 no-repeat 15% 50%;
  color: #02284e !important;
}
#nav7 li.ulek2 a {
  color: #02284e;
  font-weight:normal;
  font-size:11px;
  width: auto !important;
  width: 100%; /* ie */
  height: auto;
  margin: 2px;
  padding: 2px 0px 2px 55px;
  display: block;
  background: url(images/r.gif) no-repeat 22% 50%;
  text-decoration: none;
}
#nav7 li.ulek2 a:hover {
  color: #fff;
  margin: 2px;
  padding: 2px 0px 2px 55px;
  background: url(images/r.gif) #f5dd8e no-repeat 22% 50%;
  color: #02284e !important;
}
#nav7 li {
  width: 200px;
  float: left;
  line-height: 15px;
  height: auto;
  margin: 0px;
  padding: 0px;
}
#nav7 a {
  color: #0c3700;
  font-weight:bold;
  font-size:12px;
  width: auto !important;
  width: 100%; /* ie */
  height: auto;
  margin: 2px;
  padding: 2px 25px;
  display: block;
  background: url(images/r.gif) no-repeat 7% 50%;
  text-decoration: none;
}
#nav7 ul li a:hover {
  color: #0c3700;
  margin: 2px;
  padding: 2px 25px;
  background: url(images/r.gif) #d5a509 no-repeat 7% 50%;
  color: #02284e;
}


.zima a {color:#0571a2 !important;}
.zima li a:hover {background: url(images/r.gif) 7% 50% no-repeat #21bef5 !important; color:#fff !important;}
.lato a {color:#f55c00 !important;}
.lato li a:hover {background: url(images/r.gif) 7% 50% no-repeat #fac800 !important; color:#f55c00 !important;}

.bela {height:30px; line-height:30px; color:#fff; font-size:13px; font-weight:bold; padding-left:10px; text-transform:uppercase;}
.bela-1 {background: url(images/bg-belka-1.gif) repeat-x;}
.bela-2 {background: url(images/bg-belka-2.gif) repeat-x;}
.bela-3 {background: url(images/bg-belka-3.gif) repeat-x;}
.bela-4 {background: url(images/bg-belka-4.gif) repeat-x;}
.bela-c {border: 1px solid #c7c7c7; border-top:none;  padding:15px 4px 0px 15px;background: url(images/bg-belka-c.gif) 0% 100% repeat-x;}
.bela-c h1 {font-size:13px; font-weight:bold;margin:0;padding:0;}
.bela-top5 {border: 1px solid #c7c7c7; border-top:none;  padding:6px 4px 0px 6px;background: url(images/bg-belka-c.gif) 0% 100% repeat-x;}

.bela-news {background: url(images/bg-news.gif) 0% 100% repeat-x #ffd672; padding: 10px;}
.bela-news p.more {text-align:right;border-bottom:1px solid #f28f1f;margin-bottom:10px;}
.bela-news a:link, .bela-news a:active, .bela-news a:visited {color:#b72115;}
.bela-news a:hover {color:#b72115;text-decoration:underline}
.bela-news2 {background: url(images/bg-news2.gif) 0% 100% repeat-x #ddd; padding: 10px;}
.bela-news2 p.more {text-align:right;border-bottom:1px solid #c9c9c9;margin-bottom:10px;}
.bela-news2 a:link, .bela-news a:active, .bela-news a:visited {color:#b72115;}
.bela-news2 a:hover {color:#b72115;text-decoration:underline}

#subskrypcja {
  color: #21241f;
  background: url(images/koperta.gif) 80% 30% no-repeat;
}
#subskrypcja input {
  background: #efefef;
  border: 1px solid #ddd;
  padding:1px;
  width:170px;
  font-weight:bold;
  color:#003b74;
  margin-bottom:6px;
}
#subskrypcja input.sub {
  cursor:pointer;
  width:64px;
  text-transform:uppercase;
  background: url(images/s.gif) 10% 50% no-repeat #2a3027;
  color:#fff;
  border:0px;
  padding-left:8px;
}
#subskrypcja input.radio {
  margin: 0 10px 0 3px;
  padding:0px;
  background: none;
  width:20px;
  border:0;
}
.hit img {border:1px solid red; float:left;margin:0 4px 2px 0;}
.hit h1, .hit p {color:#af2517}

.metka_1 {
  text-align:center;
  display:inline;
  float:left;
  background-color: #af1717;
  color:#fff;
  font-size:10px;
  padding: 1px 7px;
  margin-left:4px;
      width:30px;
}
.metka_2 {
  text-align:center;
  display:inline;
  float:left;
  background-color: #4ab426;
  color:#fff;
  font-size:10px;
  padding: 1px 10px;
  margin-left:6px;
    width:30px;
}
.t-more {
  display:inline;
  float:right;
  border:0;
  background: url(images/s.gif) 10% 50% no-repeat #2a3027;
  text-transform:uppercase;
  margin:4px;
  font-weight:bold;
  width:72px;
}
.t-more a:link, .t-more a:active, .t-more a:visited {
  line-height:19px;
  color:#fff;
  border:0px;
  padding-left:18px;
}
.t-more a:hover {color:#d5a509}

.top10 {
  padding:4px 3px;
  margin:3px 0;
  border-bottom: 1px solid #c4c4c4;
  width:190px;
  height:110px;
}
.top10 img {
  width: 42px;
  height: 42px;
  border: 1px solid #ffce1c;
  display:inline;
  float:left;
  margin-right: 4px;
}
.top10 span {
  color:#294453;
  font-weight:bold;
}
.top10 span.cena_1 {
  color:#245b7a;
  font-weight:bold;
  text-decoration: line-through;
}
.top10 span.cena_2 {
  color:#ff0000;
  font-weight:bold;
  font-size: 14px;
}
.top10 .abso_1 {
  position:absolute;
  height:15px;
  width:37px;
  text-align:center;
  background-color: #af1717;
  color:#fff;
  font-size:10px;
  padding: 1px 0px;
  margin-top:15px;
  margin-left:0px;
}
.top10 .abso_2 {
  position:absolute;
  height:15px;
  width:37px;
  text-align:center;
  background-color: #4ab426;
  color:#fff;
  font-size:10px;
  padding: 1px 0px;
  margin-top:15px;
  margin-left:40px;
}

 .abso_2 {

  text-align:center;
  display:inline;
  float:left;
  background-color: #4ab426;
  color:#fff;
  font-size:10px;
  padding: 1px 7px;
  margin-left:4px;
  width:30px;

}

.top10 .abso-more {
  position:absolute;
  height:20px;
  width:48px;
  margin-left:140px;
  _margin-left:120px;
  margin-top:15px;
}
.top10 .abso-more div {margin:0 !important;}
.opinia {color:#287b00;padding:20px 60px 20px 60px; background: url(images/cudzy.gif) 20% 30% no-repeat;}

.cena_1 {
  text-decoration: line-through;
  color: #444;
  margin-right:10px;
  line-height:20px;
  font-size:13px;
  font-weight:bold;
}
.cena_2 {
  color:#ff0000;
  font-size:22px;
  font-weight:bold;
  line-height:20px;
}
.koszyk { background:url(images/bg-kosz.jpg) 100% 0% no-repeat;width:209px;height:104px;text-align:center; padding-top:50px; }
.koszyk a:link, .koszyk a:active, .koszyk a:visited {color:#ffc300;line-height:20px;}
.koszyk a:hover {color:#30d800;}

.box-y { background:url(images/bg-box-top.jpg) no-repeat; height:104px; color:#fff }
.box-y-nag {margin:4px 0px 0px 20px;}
.box-y-ico {margin:10px 0px 0px 7px; float:left;display:inline;}
.box-y-txt {display:block; line-height:13px; float:left; margin:6px 6px 2px; width:183px; height:56px; _height:53px; overflow:hidden; color:#fff !important;}
.box-y-more {display:inline; float:left; border:0; font-weight:bold; padding:2px 5px 3px 18px; margin:0 4px 0px 10px; background: url(images/s.gif) no-repeat 10% 55% #222; }
.box-y-more a:link, .box-y-more a:visited, .box-y-more a:active {color:#fcd608}
.box-y-more a:hover {color: #60db3d;}


.box-y-comp {display:inline; float:left; border:0; font-weight:bold; padding:2px 5px 3px 18px; margin:0 4px 0px 10px; background: url(images/s.gif) no-repeat 10% 55% steelblue; color:white }
.box-y-comp a:link, .box-y-more a:visited, .box-y-more a:active {color:#fcd608;}
.box-y-comp a {color:#fcd608 !important;}

.box-y-comp a:hover {color: #60db3d;}


.belka_top {
  width:582px;
  height:104px;
  background: url(images/bg-belkatop.jpg) repeat-x;
  margin-top:1px;
  margin-left:1px;
}
.belka_top a:link, .belka_top a:active, .belka_top a:visited {
  color:#ffce1c;
}
.belka_top a:hover {
  color:#69f042;
}
.belka_top td {
  color:#fff;
  font-weight:bold;
  padding:4px;
}
.belka_top td h1 {
  font-size:18px;
  margin: 6px 10px;
  color:#fff;
  padding:0;
  line-height:20px !important;
}

.belka_top h3 {
  font-size:14px;
  margin: 6px 10px;
  color:#fff;
  padding:0;
}

.belka_top td h2 {
  font-size:13px;
  margin: 10px 10px;
  color:#fff;
  padding:0;
}

.lista_1 {
  background-color: #f0f7fa;
}
.lista_3 {
  background-color: #245a75;
}

.lista_4 {

    background-repeat:no-repeat;
  background-color: #bbd4ff;

}



.lista_1 td, .lista_2 td, .lista_4 td{
  border-bottom: 3px solid steelblue;
  padding: 10px 3px;
  color: black;
  vertical-align:middle;
}

 .lista_3 td
{
  border-bottom: 3px solid #31568b;
  padding: 10px 3px;
  color: white;
  vertical-align:middle;
}


.lista_1 td table td, .lista_2 td table td, .lista_3 td table td, .lista_4 td table td {
  border-bottom: 0px solid steelblue !important;
  padding: 0px !important;
}
.lista_2 {
  background-color: #c0dcea;
}
.lista-tytul {
  font-weight:bold;
  font-size:14px;
  vertical-align:middle;
  height:25px;
}
.lista-tytul a {
  color: #17435b !important;
 }
.etapy {
  background: url(images/bg-etapy.jpg) no-repeat;
  margin-left:1px;
  height:141px;
  overflow:hidden;

}
.etapy_help {
  background: url(images/bg-etapy_help.jpg) no-repeat;
  height:29px;
  line-height:19px;
  color: #fff;
}
.etap_on {
  color: #174e7b;
  padding:3px 4px;
}
.etap_off {
  color: gray;
  padding:3px 4px;
}
.blueinput
{
font-family:arial,tahoma,verdana;
font-size:9pt;
background:url(images/blueback.gif) 0% 100% repeat-x #fff;
border: 1px solid steelblue;
padding:2px;
}
.div_error {
  margin:20px auto;padding:5px;width:420px;padding:5px;border:1px solid red;background-color:khaki; text-align:center;
}
 .div_info {
margin:5px;width:100%;padding:5px;border:1px solid steelblue;background-color:#c1e4ff;
}
h3 {
  color: #1d3441;
  font-size:12px;
  font-weight:bold;
  background: url(images/u.gif) 0% 50% no-repeat;
  line-height:20px;
  height:20px;
  padding-left:10px;
  text-transform: uppercase;
  text-align:left;
}

.h_prod {
  color: #02284e;
  font-weight:bold;
  font-size:11px;
  background: url(images/r.gif) no-repeat 16px 50%;
  line-height:20px;
  height:20px;
  padding-left:25px;
  text-transform: uppercase;
  text-align:left;
}



.produkt_l {
  padding-left:10px;
  padding-right:10px;
  width:565px;
	background: url(images/w.gif) 100% 0% repeat-y;
}
.produkt_p {
  width:198px;
  padding-top:10px;
  padding-left:3px;
  text-align:center;
}
table.refer {border-top:2px solid #1e8002;}
table.refer td img {border:1px solid #d5a509}
table.refer td {padding:3px;color:#135600;border-bottom:2px solid #1e8002;vertical-align:middle}
table.refer td div.nowa_cena {display:block; margin:1px 0;font-size:16px; font-weight:bold;color:#3d3b3c}
table.refer td div.stara_cena {display:block; margin-top:3px;font-size:11px; font-weight:normal;color:#8b8d84; text-decoration:line-through;}
table.refer td div.produkt_metka2, table.refer td div.produkt_metka1 {margin:1px;}



/* ------------------------------------------ Ponizej oryginalny kod css */
.smaller_linki{
	color:#02284e !important;
	text-decoration:underline !important;
}

.smaller{
	font-family:arial,tahoma,verdana;
	font-size:11px;
	vertical-align:top;
	line-height:13px;
	color:#222;
}

.searching
{
font-family:arial,tahoma,verdana;
font-size:9pt;
background-color:#f4fafe;
border: 2px dotted #1c5190;
padding:4px;
height:30px;


}

a.link1:link, a.link1:visited, a.link1:active {
  color: #af1717; text-decoration: none;
}
a.link1:hover {
  color: #af1717; text-decoration: underline;
}

#tresc {
	width:990px;
	background-color:#fff;
	overflow:hidden;
  padding:0;
  margin:0 auto;

}

.promo-pic {
  margin-top:5px;
  background:#ccc;
  height:100px;
  width: 100px;
  border:1px solid #333;
  overflow: hidden;
}
.promo-desc {
  margin-top:2px;
  color:#fff;
  font-weight:bold;
  height:27px;
  width: 170px;
  overflow: hidden;
}
.promo-more {
  display:inline;
  float:right;
  width:60px;
  border:0;
  font-weight:bold;
  padding:0px 0 3px;
  margin:0 10px 4px 22px;
  background: url(images/s.gif) no-repeat 10% 50% #222;
}
.promo-more a {
  padding: 2px 16px;
}
.promo-more a:hover {
  color: #fff !important;
  text-decoration:none;
  padding: 2px 16px;
}
.an {
  color: #02284e !important;
}

#opinia {
  width: 282px;
  height:171px;
  background: url(images/bg-opinia.gif) no-repeat;
}
#opinia div.op-tre {
  color:#fff;
  height:120px !important;
  border:0px solid black;
  margin:25px 15px 0px;
  overflow:hidden;
}
#opinia input.sub {
  cursor:pointer;
  padding:1px 10px;
  background: url(images/s.gif) 10% 50% no-repeat #003b74;
  color:#fff;
  border:0px;
  font-weight:bold;
}
.hnews {
  border:0;
  background: url(images/bg-news.gif);
  height: 22px;
  width:582px;
}
.hnews span {
  background: url(images/o.gif) 5% 50% no-repeat;
  padding-left: 17px;
  height:22px;
  line-height:22px;
  font-weight:bold;
  font-size:13px;
}
.tnews {
  border:1px solid #d3c097;
  background: url(images/bg-tnews.gif) repeat-y;
}
#boxes td {
  width: 280px;
  max-width: 280px;
  overflow: hidden;
  padding:3px;
}
#boxes td span {
  color:#700000;
  font-weight:bold;
  text-transform: uppercase;
}
#boxes td div.news_data {
  margin-top:10px;
  display:inline;
  float:right;
  padding:3px 15px;
  background: url(images/bg-news_data.gif) 0% 50% no-repeat;
}
#boxes td div.news_koment {
  margin-top:10px;
  display:inline;
  float:right;
  padding:3px 15px;
  background: url(images/bg-news_koment.gif) 0% 50% no-repeat;
}


.onas_headred
{
font-weight:bold;
font-family:Arial,Tahoma;
font-size:13px;
color:red;

}
.onas_headblack
{
font-weight:bold;
font-family:Arial,Tahoma;
font-size:15px;
color:black;

}


.produkt_1test
{

	  background: url(images/w.gif) 100% 0% repeat-y;
}

.produkt_p1 {
  width:200px;
  padding-top:10px;
  padding-left:10px;
  text-align:left;
  line-height: 16px !important;
}
.produkt_cena {
  background: #064162;
  color: #fff !important;
  font-weight:bold;
  font-size:20px;
  height:42px;
  line-height:22px;
  width: 136px;
  padding: 0px 0 0;
  vertical-align: middle;
  text-align:center !important;
}
.produkt_metka1 {
  text-align:center;
  background-color: #af1717;
  color:#fff;
  font-size:10px;
  width:35px;
  height:21px;
  line-height:20px;
}
.produkt_metka2 {
  text-align:center;
  background-color: #4ab426;
  color:#fff;
  font-size:10px;
  width:35px;
  height:21px;
  line-height:20px;
  }
.produkt_cena span {
  font-size: 12px;
}
.produkt_cena div {
  color: #a3d7f3;
  font-size: 11px;
  font-weight:normal;
  padding-top:2px;
}
.produkt_oszczedzasz {
  background: #3c3b3b;
  color:#ddd;
  text-align:center;
  padding:2px 0;
  height:16px;
  line-height:16px;
}
.raty_head {
  background: url(images/raty-head.gif) no-repeat;
  width:162px;
  height:25px;
}
.raty_cena {
  background: url(images/x24.gif) 95% 50% no-repeat #8e9889;
  width:152px;
  height:40px;
  padding-left:10px;
}
.raty_cena div{
  font-size: 20px;
  color: #af1717;
  font-weight:bold;
  line-height: 40px;
}

.zoom a {
  padding: 1px 15px 1px 1px;
  color: #01396c !important;
  background: url(images/zoom.gif) 100% 50% no-repeat;
  line-height:18px;
}
.l_links a {
  padding: 1px 1px 1px 15px;
  line-height:16px;
  font-size:11px;
  margin-right:10px;
}
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}

 .tdt
 {
 line-height:18px;
 margin-bottom:9px;

 }
  .tdt:first-letter
 {
margin-left:40px;
color:darkblue;
font-weight:bold;

}


.div_ok
{

	margin:5px;width:96%;padding:5px;border:1px solid green;background-color:GreenYellow;

}

.tblok
{
line-height:20px;
text-align:justify;



}
.tblok:first-letter
{
margin-left:25px;
color:dargreen;
font-size:11pt;
font-weight:bold;


}

.player_table
{
border-collapse:collapse;
border:1px solid darkgreen;
margin-right:15px;



}

.rowt1
{
background-color:#e9fee6;

}

.rowt2
{
background-color:#d9ebcf;

}

.tbl_feature
{
border-collapse:collapse;
border:1px solid darkgreen;


}
.tbl_feature_col
{
border-collapse:collapse;
border:1px solid darkgreen;
background-color:darkgreen;
color:white;
font-weight:bold
}



th {
	background-color: #eee;
	padding: 4px 4px 4px 14px;
}




.sortedASC {
	background: url(images/icon-table-sort-asc.png) no-repeat 2px 4px #eee;
}

.sortedDESC {
	background: url(images/icon-table-sort-desc.png) no-repeat 2px 10px #eee;
}

.tableHeaderOver {
	cursor: pointer;
	color: #354158;
}



/***************************/
.tableFilter {
	border: 1px solid #ccc;
	padding: 2px;
	margin: 5px 0 10px 0;
}

.tableFilter input {
	border: 1px solid #ccc;
}

.tableFilter select {
	border: 1px solid #ccc;
}


/*************************************************************/


#dhtmltooltip{
position: absolute;
width: 150px;
border: 1px solid #3e444e;
padding: 4px;
background-color:#cddaed;
visibility: hidden;
z-index: 100;
color:black;
font-family:Arial;
font-size:9pt;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}
.overthetable
{
background-color:#e4eef8;


}
/* nowy kod */


.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
border-bottom-width: 6px;
width: 420px; /*width of featured content slider*/
height: 185px;
_height:195px;
}

.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
width: 420px;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
height:100%;
}

.pagination{
width: 400px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
_width:420px; /* IE hack */
text-align: right;
padding: 5px 10px;
background: #ddd;

}

.pagination a{
padding: 0 5px;
text-decoration: none;
color: #287b00;
background: #fff;
}

.pagination a:hover, .pagination a.selected{
color: #fcd608;
background-color: #555;
}

.question_number
{
font-size:13pt;
color:#00681c;
margin:10px;
font-weight:bold;
display:inline;



}
.question_ask
{
padding-left:30px;
padding-top:5px;
line-height:22px;

}
.question_ask input
{
border:1px solid #00518c;
background-color:#c5e7ff;
color:black;
font-weight:bold;
padding:2px;
margin-right:15px;

}
.question_ask select
{
border:1px solid #00518c;
background-color:#c5e7ff;
color:white;
font-weight:bold;
padding:2px;
margin-right:15px;

}
.question_ask textarea
{
border:1px solid #00518c;
background-color:#c5e7ff;
color:black;
padding:2px;
margin-right:15px;

}


		.tooltip {
			border-bottom: 1px dotted #000000; color: #000000; outline: none;
			cursor: help; text-decoration: none;
			position: relative;
		}
		.tooltip span {
			margin-left: -999em;
			position: absolute;
		}
		.tooltip:hover span {
			border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
			box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
			font-family: Calibri, Tahoma, Geneva, sans-serif;
			position: absolute; left: 1em; top: 2em; z-index: 99;
			margin-left: 0; width: 250px;
		}
		.tooltip:hover img {
			border: 0; margin: -10px 0 0 -55px;
			float: left; position: absolute;
		}
		.tooltip:hover em {
			font-family: Candara, Tahoma, Geneva, sans-serif; font-size: 1.2em; font-weight: bold;
			display: block; padding: 0.2em 0 0.6em 0;
		}
		.classic { padding: 0.8em 1em; }
		.custom { padding: 0.5em 0.8em 0.8em 2em; }
		* html a:hover { background: transparent; }
		.classic {background: #FFFFAA; border: 1px solid #FFAD33; }
		.critical { background: #FFCCAA; border: 1px solid #FF3334;	}
		.help { background: #9FDAEE; border: 1px solid #2BB0D7;	}
		.info { background: #dafbd9; border: 1px solid #013e00; color:black !important;	}
		.warning { background: #FFFFAA; border: 1px solid #FFAD33; }

		.img_opacity
{
opacity:0.75;
filter:alpha(opacity=75); /* For IE8 and earlier */
}
	.img_opacity:hover
{
opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
}

.cnnclass{
width: 190px;
padding: 5px;
background-color: #F3F3F3;
border: 1px solid black;
margin-bottom: 1em;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=80); /*Specify fade effect in IE. Remove if desired.*/
-moz-opacity: 0.8; /*Specify fade effect in Firefox. Remove if desired.*/
}

.cnnclass a{
text-decoration: none;
}

#opinia_pracownika
{

width:580px;
background-image:url(images/opinia_background.jpg);
background-repeat:no-repeat;
background-color:#cbe4f9;


}

#opinia_pracownika p
{
line-height:23px;
margin-left:50px;
margin-right:10px;
margin-top:0px !important;
margin-bottom:0px !important;
}

#opinia_pracownika span
{
line-height:23px;
margin-left:80px;
color:#787878;
margin-top:10px;
}

#opinia_pracownika p:first-letter
{
font-size:12pt;
font-weight:bold;
color:steelblue;
margin-left:30px !important;


}

/* glowny div z like box'em */
#like-box {
	position: fixed;
	z-index: 99;
	top: 150px;  /* jego polozenie od gory */
	left: -296px; /* szerokosc wygenerowanego boxa + 4px obramowania */
	-webkit-transition: left 0.5s ease-out;
	-moz-transition: left 0.5s ease-out;
	-o-transition: left 0.5s ease-out;
	transition: left 0.5s ease-out;
}

/* wysuniecie like box'a */
#like-box:hover {
	left: 0px;
}

/* zewnetrzna ramka boxa */
#like-box .outside {
	position: relative;
	z-index: 1;
	background: #3b5999;
	padding: 2px;
	min-width: 1px;
	float: left;
}

/* wewnetrzne tlo boxa */
#like-box .inside {
	position: relative;
	z-index: 2;
	background: #fff;
}

/* pasek z logo FB */
#like-box .belt {
	position: relative;
	z-index: 0;
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
	float: left;
	width: 100px;
	height: 40px;
	padding: 7px 0px 0px 20px;
	margin: 50px 0px 0px -55px;
	background: #3b5999;
	color: #fff;
	font-weight: bold;
	font-family: Verdana;
	font-size: 16px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.tabela_produktu
{
    border-collapse:collapse;
    border-style:solid;
    border-width:1px;
    border-color:#707070;
    font:12px Georgia, serif;
    padding:0px;
    box-shadow:1px 1px 3px 1px #6E6D6D;
}

.tabela_produktu th
{
    color:#FFFFFF;
    background:#2e72dc;
    background: -moz-linear-gradient(top,  #2e72dc 0%, #6699e2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#DB2C2C), color-stop(100%,#6699e2));
    background: -webkit-linear-gradient(top,#2e72dc 0%,#6699e2 100%);
    background: -o-linear-gradient(top,#2e72dc 0%,#6699e2 100%);
    background: -ms-linear-gradient(top,#2e72dc 0%,#6699e2 100%);
    background: linear-gradient(top,#2e72dc 0%,#6699e2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2e72dc',endColorstr='#6699e2',GradientType=0s);
    font-weight:bold;
    padding:5px;
    text-align:center;
    vertical-align:top;
}

.tabela_produktu tr
{
    color:#000000;
    border-top-style: solid;
    border-width:1px;
    border-color:#707070;
    font-weight:normal;
}

.tabela_produktu tr:hover td
{
    background:#2e72dc;
    color:#FFFFFF;
}

.tabela_produktu tr:nth-child(odd) td
{
background:#EBEBEB;
}

.tabela_produktu tr:nth-child(odd):hover td
{
    background:#2e72dc;
}

.tabela_produktu td
{
    background:#FFFFFF;
    padding:3px 5px;
    text-align:left;
    vertical-align:top;
}

.wyszukiwarka div
{

    background-color:#e5e9eb;
    background-image:url(static/andrzej/Zoom_icon.png);
    background-repeat:no-repeat;
    background-position:left bottom;


}


.wyszukiwarka input, .wyszukiwarka select
{
    background-color: 	 	#d8e6f1;
    color:black;
    border:2px solid #37647f;
       background-image:url();


}


#porownaj .tab_rozm
{


	margin-top: 10px;
	border: 1px solid #93abbf;
	border-collapse: collapse;
	text-align: center;

}

#porownaj .tab_rozm th
{
	padding:5px;
	background-color: #3d8dce;
	color: white;
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
}

#porownaj .tab_rozm td
{
	border: 1px solid #93abbf;
	vertical-align: middle !important;
}

#porownaj .tab_rozm tr:nth-child(odd)
{
    background-color: white;

}

#porownaj .tab_rozm tr:nth-child(even)
{
		background-color: #d8e6f1;
}

#porownaj .tab_rozm th:first-of-type
{
	text-align: left;
	padding-left: 10px;
	border-right-style: none;
}

#porownaj .tab_rozm td:first-of-type
{
	text-align: right;
	padding-right: 5px;
	background-color: #afcce4;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 90%;
	border-right-style: none;
}

#porownaj .tab_rozm td:first-letter
{
	text-transform: uppercase;
}

.tooltip {
    position: relative;
    display: inline-block;
}

.tooltip .tooltiptext {
    visibility: hidden;
    min-width: 300px;
    background-color: gray;
    color: white;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;

    position: absolute;
    z-index: 1;
    top: 135%;
    right: 0%;
    margin-left: -60px;

    opacity: 0;
    transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 45%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #555 transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.tooltiptext a {
	color: lightblue
}

.our-sites a:link, .our-sites a:visited {
    color: #fff;}
	
.our-sites a:hover {
	color: #08fcf9;
}