/*
 * WebAdmin
 * This file is part of the WebAdmin package.
 * (c) 2008-2010 Piotr Orzechowski <p.orzechowski@webcom.pl>
 * @author Piotr Orzechowski p.orzechowski@webcom.pl
 */ 

@charset "UTF-8";

body {
  font: .7em Tahoma, Arial, Verdana, Helvetica, sans-serif;
	color: #434343;
	margin: 0;
	padding: 0;
	text-align: center;
}
.clear {
	clear: both;
	font-size: 1px;
	line-height: 1px;
	height: 1px;
}
img {
	border: none;
}
a {
	cursor: pointer;
	text-decoration: none;
}
form{
  margin:0;
  padding:0;
}
a,p,div,span,td,ul,li,option,input,select,textarea,dd,legend {
  font-size: 1em;
  font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
}
.center {
  text-align: center
}
p {
  margin: 0;
  padding: 0;
}
.brd {
	height: 1px;
  font-size: 1px;
  margin: 15px 0;
  padding: 0;
  border-bottom: 1px solid #c7c7c7;
  clear: both;
}
.brdSklep {
  height: 1px;
  font-size: 1px;
  margin: 15px 25px 15px 50px;
  padding: 0;
  border-bottom: 1px solid #c7c7c7;
}
h1.nagl {
  font-size: 1.5em;
  font-weight: normal;
  clear: both;
  margin: 0 0 15px 0;
  text-align: left;
}
h1.naglOpis {
  margin: 0;
  padding: 0;
  font-size: 1.4em;
  text-align: left;
}
#katalog h2.naglBie{
  color: #727272;
  font-size: 1.2em;
}
h2.naglSklep {
  margin: 15px 0;
  padding: 0;
  font-size: 1.5em;
  text-align: left;
}
h3 {
  margin: 0 0 5px 0;
  font-size: 1.5em;
  font-weight: bold;
  color: #434343;
}
h3 a {
  color: #434343;
  text-decoration: none;
}
h3 a:hover {
  color: #d10f00;
  text-decoration: underline;
}
p a {
  position: relative;
  font-size: 0.8em;
  font-weight: bold;
  color: #d10f00;
  text-decoration: none;
  border-bottom: dashed 1px #ed877f;
}
p a:hover {
  color: #d10f00;
  text-decoration: underline;
}
p a.aimg {
  display:block;
  position: relative;
  font-weight: bold;
  color: #d10f00;
  text-decoration: none;
  border-bottom: none;
  margin: 10px 0 0 0;
}
p a.aimg:hover {
  border-bottom: none;
}
span.red {
  color: #df0029;
  font-size: 1.2em;
  font-weight: bold;
}


/* main */

#main {
  position: relative;
  top: 0;
  left: 0;
  width: 900px;
  margin: 0 auto;
  padding: 0;
  border: 0;
}


/* góra */

#top {
  position: relative;
  top: 0;
  left: 0;
  text-align: left;
  background: #df0029;
  z-inedx: 0;
}

/* górny baner */

#topBanner {
  position: relative;
  width: 900px;
  height: 128px;
  color: #d2d2d2;
  z-inedx: 1;
}
#date {
  position: absolute;
  top: 71px;
  left: 240px;
  width: 118px;
  height: 26px;
  z-index: 3;
  background: transparent;
}


/* górne menu */

#topMenu {
	position: relative;
  height: 36px;
  background: url(/gfx/bg_top_menu.png) repeat-x 0 0;
}
#topMenu ul {
	position: absolute;
	top: 0;
	left: 5px;
	margin: 0;
	padding: 0;
	list-style: none;
}
#topMenu li {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
}
#topMenu a, #home a {
	position: relative;
	display: block;
	font-size: 1.2em;
  font-weight: bold;
	color: #ffffff;
	text-decoration: none;
  height: 36px;
  line-height: 36px;
  margin: 0;
  padding: 0 10px;
}
#topMenu a:hover {
  background: url(/gfx/bg_top_menu_hover.png) repeat-x;
}

/* content */
#mainContainer {
  position: relative;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
	background: #fff url(/gfx/bg_left_menu.gif) repeat-y 0 0;
}
#content {
  position: relative;
  width: 600px;
  float: left;
  padding: 0;
  margin: 0;
  text-align: left;
}
#mainBaner {
  position: relative;
	width: 610px;
	height: 230px;
	border-top: 1px solid #fff;
}
#mainMenu {
  position: relative;
  float: left;
  width: 300px;
  padding: 0;
  margin: 0;
}
#zapytanie, #infolinia, #licznik {
	position: relative;
	top: 0;
	left: 0;
	margin: 0;
	padding: 5px 0;
  background: url(/gfx/bg_menu_brd.gif) no-repeat 50% 100%;
}
#zapytanie h2, #infolinia h2 {
  position: relative;
	text-align: left;
  margin: 0 0 0 15px;
  padding: 0;
  font-size: 1.25em;
  font-weight: bold;
}
#zapytanie div {
  text-align: right;
  margin: 5px 20px 5px 0;
  padding: 0;
}
#infolinia div{
  text-align: right;
  margin: 5px 20px 0 0;
  padding: 0;
  font-size: 2.3em;
}
#mapa {
  float: left;
  width: 79px;
  height: 67px;
  margin: 0;
  padding: 0;
  text-align: left;
  background: url(/gfx/bg_licznik.gif) no-repeat 1px 0;
}
#mapa div {
  margin: 0 0 0 7px;
}
#licznikT1 {
  float: left;
  width: 45px;
  height: 67px;
  line-height: 67px;
  text-align: left;
  margin: 0 5px 0 15px;
  font-size: 1.25em;
  font-weight: bold;
}
#licznikT2 {
  float: left;
  width: 140px;
  text-align: left;
  margin: .5em 0 0 10px;
  font-size: 1.25em;
  font-weight: bold;
}
#licznik img {
  position: relative;
  top: 0;
  left: 0;
  margin: 20px 0 0 0;
  padding: 0 0 0 1px;
  border: 0;
  vertical-align: middle;
}
#mainMenu h1.nagl {
  margin: 1em 15px;
  font-size: 1.25em;
  font-weight: bold;
}
#mainMenu ul {
  margin: 1em 15px;
}
#mainMenu h4 {
  font-size: 1.3em;
  font-weight: bold;
  clear: both;
  margin: 1em 15px .2em 15px;
  text-align: left;
  color: #ff0000;
}
#mainMenu h5 {
  font-size: 1.3em;
  font-weight: bold;
  clear: both;
  margin: 0 15px .2em 15px;
  text-align: left;
  color: #969696;
}
#mainMenu p {
   text-align: justify;
   margin: 0 15px 5px 15px;
   color: #858585;
 }
#mainMenu input{
  width: 270px;
}
#mainMenu input.btn {
	float: right;
  width: auto;
  height: auto;
  padding: 0;
  margin: 10px 15px;
  border: 0;
}
.siteMenu, .mediaMenu{
  margin: 0;
  padding: 0 0 1em 20px;
  list-style: none;
  text-align: left;
  background: url(/gfx/bg_menu_brd.gif) no-repeat 50% 100%;
}
.siteMenu li, .mediaMenu li{
  width: auto;
  text-align: left;
	margin: 5px 0;
  padding: 0;
  list-style-image: url("/gfx/strzalka.gif");
}
.siteMenu a, .mediaMenu a{
  font-size: 1.1em;
  color: #434343;
  text-decoration: none;
}
.siteMenu a:hover, .mediaMenu a:hover{
  color: #d10f00;
  text-decoration: underline;
}
.mediaMenu{
  background: none;
}
.mediaMenu li{
  list-style-image: url("/gfx/strzalka_szara.gif");
}
.mediaMenu a{
  color: #969696;
}

/* zawartość serwisu */
#contentBanner {
  width: 600px;
}

/* zawartość strony */
#contentSite {
  margin: 0 0 15px 15px;
  text-align: left;
}

/* zawartość strony startowej */
#start {
  text-align: left;
  margin: 15px 0 0 0;
}
#start h1.nagl, #start h3 {
	color: #ff0000;
  font-size: 1.25em;
  font-weight: bold;
  clear: both;
  margin: 0 0 10px 0;
}
#start h1.nagl a {
  color: #969696;
  text-decoration: none;
  font-size: .75em;
  font-weight: bold;
  margin: 0 0 0 10px;
}
#start h1.nagl a:hover {
  text-decoration: underline;
}
#start h3 {
  margin-top: 20px;
}
#startNews {
  background: url(/gfx/brd_start.gif) no-repeat 289px 0;
  min-height: 262px;
  border: 0;
}
.textNews {
  margin: 10px 0;
  height: 80px;
  text-align: justify;
}
.textNews a{
	float: right;
  display: block;
  text-decoration: none;
  margin: 5px 0 0 0;
}
.boxLeft {
  float: left;
  width: 286px;
  margin: 0;
  padding: 7px 7px 0 0;
}
.boxRight {
  float: left;
  width: 285px;
  margin: 0;
  padding: 7px 0 0 7px;
}
.boxRight .textNews {
  margin: 10px 0 0 5px;
}
.boxLeft .textNews {
  margin: 10px 10px 0 0;
}
.boxLeft .news {
	min-height: 3em;
  margin: 0 10px 5px 0;
}
.boxRight .news {
  min-height: 3em;
	margin: 0 0 5px 5px;
}
.news span{
  display: inline;
  font-size: .8em;
  padding: 0 10px 0 0;
  color: #a0a0a0;
}
.news a{
	font-weight: bold;
	font-size: 1.1em;
  text-decoration: none;
  color: #434343;
}
.news a:hover, .info h2 a:hover{
  color: #df0029;
  text-decoration: underline;
}
.photoNews{
	clear: both;
  margin: 20px 0 0 0;
}
#startInfo{
  background: url(/gfx/bg_start_info.png) repeat-y;
}
.infoText h2 {
  margin: 0 0 5px 0;
  padding: 0;
}
.infoText h2 a {
  font-weight: bold;
  font-size: .8em;
  text-decoration: none;
  color: #434343;
}
.infoText h2 a:hover {
  color: #d10f00;
  text-decoration: underline
}
.graf {
	width: 44px;
	min-height: 51px;
  float: left;
  margin: 0 7px;
}
.graf1 {

  float: right;
  margin: 0 7px 10px 0;
}
.infoText {
  float: left;
  width: 218px;
}
.infoText p{
  text-align: justify;
  color: #969696;
}
#startInfo .boxCenter {
  clear: both;
  width: 100%;
  margin: 0 0 15px 0;
  padding: 7px 7px 0 0;
}
#startInfo .boxLeft, #startInfo .boxRight {
  width: 285px;
  margin: 0 0 15px 0;
}
#startInfo .boxCenter .infoText {
  float: left;
  text-align: justify;
  width: 517px;
}
#startInfo .boxCenter .infoText h2 {
  margin: 0 0 5px 0;
  padding: 0; 
  min-height: 1.3em;
}
#boxKategorie {
  position: relative;
  left: 0;
  float: left;
}
#boxKategorie h1.naglKat {
	position: relative;
  top: 0;
  left: 0;
  margin: 0;
  padding: 10px 0 0 0;
  font-size: 1.8em;
  color: #434343;
  text-align: left;
  background: #f6f6f6;
}
#twojKoszyk{
  background: #eeeeee url(/gfx/brd_tk.gif) repeat-x 0 100%;
  padding: 10px 0;
}
#twojKoszyk p{
	margin: 0 25px 5px 35px;
}
#twojKoszyk p.netto{
  color: #df0029;
}
#twojKoszyk p#btnKoszyk{
  margin: 5px 14px 0 0;
  text-align: right;
}
#twojKoszyk a{
  border: 0;
}
#searchForm {
  position: relative;
  margin: 0;
  width: 275px;
  height: 55px;
  margin: 0;
  padding: 0;
  background: #eeeeee url(/gfx/brd_tk.gif) repeat-x 0 100%;
}
#searchForm .container {
  position: absolute;
  top: 15px;
  left: 10px;
  width: 275px;
}
.searchField {
  width: 181px;
  height: 23px;
  background: url(/gfx/bg_input_szukaj.gif) no-repeat 0 0;
  text-align:left;
  float:left;
  margin-right: 10px;
}
.searchField input{
  width: 135px;
  height: 23px;
  padding: 0;
  margin: 4px 0 0 35px;
  color: #626262;
  border: none;
  background: none;
}
#menuKategorie {
  width: auto;
  margin: 0;
  padding: 5px 25px 20px 25px;
  list-style: none;
  text-align: left;
  background: #f6f6f6;
}
#menuKategorie li {
  text-align: left;
  padding: 0;
  border-bottom: 1px solid #c5c5c5;
  padding: 6px 0;
}
#menuKategorie li#active {
  background: #e3e3e3;
}
#menuKategorie li a span {
	display: block;
}
#menuKategorie li a {
	display: block;
  font-weight: bold;
  color: #434;
  text-decoration: none;
  margin-left: 10px;
  background: url(/gfx/strzalka.gif) no-repeat 96% 50%;
}
#menuKategorie li a:hover, #menuKategorie li.podmenu ul li a:hover {
  color: #df0029;
}
#menuKategorie li.podmenu a {
  background: url(/gfx/strzalka_dol.gif) no-repeat 96% 50%;
}
#menuKategorie li img {
  margin: 0 10px;
  vertical-align: middle;
}
#menuKategorie li.podmenu ul {
  width: auto;
  margin: 5px 0 0 0;
  padding: 0;
  list-style: none;
  border-top: 1px dashed #c5c5c5;
}
#menuKategorie li.podmenu ul.close {
  display: none;
}
#menuKategorie li.podmenu ul li {
  margin: 0 0 0 20px;
  padding: 3px 0;
  border: 0;
}
#menuKategorie li.podmenu ul li a {
  width: 195px;
  display: block;
  font-weight: bold;
  color: #6a6a6a;
  text-decoration: none;
  margin-left: 10px;
  background: url(/gfx/strzalka_podmenu.gif) no-repeat 96% 50%;
}
#menuKategorie li.podmenu ul li a span {
  display: block;
  width: 172px;
}
#menuStrony {
  width: auto;
  margin: 0;
  padding: 5px 25px 5px 25px;
  list-style: none;
  text-align: left;
  background: #a1a1a1 url(/gfx/brd_tks.gif) repeat-x 0 0;
}
#menuStrony li {
  text-align: left;
  padding: 0;
  padding: 3px 0;
}
#menuStrony li#active {
  background: #e3e3e3;
}
#menuStrony li a {
  display: block;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  margin-left: 10px;
  background: url(/gfx/strzalka_szara.gif) no-repeat 96% 50%;
}
#menuStrony li a:hover {
  color: #df0029;
}

/* katalog produktów */
#katalog {
	position: relative;
	top: 0;
	left: 0;
  margin: 15px 0 0 0;
  text-align: left;
}
.boxKat {
  margin: 0 0 15px 0;
}
.boxKat p {
  text-align: justify;
}
#katalog p.link{
  text-align: right;
  margin: 10px 0 0 0;
}
#katalog p.link a{
  border: none;
}
#katalog h2{
	margin: 0 0 20px 0;
	padding: 0;
  font-size: 1.4em;
  font-weight: bold;
  color: #434343;
}
#katalog h3{
  margin: 0 0 5px 0;
  padding: 0;
  font-size: 1.3em;
  font-weight: bold;
}
.katalogImg {
  width: 120px;
  height: 120px;
  padding: 5px;
  border: 1px solid #c7c7c7;
  float: left;
  margin: 0 10px 0 0;
}
.katalogBoxImg {
  position: relative;
  top: 0;
  left: 0;
  width: 80px;
  height: auto;
  border: solid 1px #c8c8c8;
  text-align: center;
  vertical-align: top;
  padding: 5px;
}
.katalogBoxNazwa a{
	font-weight: bold;
  color: #434343;
  vertical-align: bottom;
}
.katalogBoxNazwa a:hover {
  color: #d10f00;
  text-decoration: underline;
}
#katalog td {
 padding: 2px 5px;
 text-align: center;
}
#katalog .nazwyCechy {
 text-align: left;
 font-weight: bold;
}
.katalogColor td{
  background: #f6f6f6;
}
#katalog p.katalogOpis{
  padding: 0;
  margin: 0 0 30px 0;
  text-align: justify;
}
.Hr {
	clear: both;
	margin: 0 0 20px 0;
	font-size: 1px;
	line-height: 1px;
	height: 1px;
	border-bottom: dashed 1px #ccc;
}
.plink{
  margin-top: 10px;
  text-align: right;
}
.plink a{
  border: 0;
}
.plink a:hover{
  border: 0;
}
.text {
  margin: 15px 0 0 0;
  text-align: left;
}
.text h3{
  margin: 0;
  font-size: 1.1em;
  font-weight: bold;
}
#podstrony h3{
  margin: 0 0 10px 0;
  padding: 0;
  font-size: 1.25em;
  font-weight: bold;
}
.text h2, #podstrony h2{
	margin: 0;
	padding: 0;
  font-size: 1.2em;
  font-weight: bold;
}
.text h2 a{
	display: block;
  margin: 0 0 5px 0;
  padding: 0;
  color: #434343;
}
.text h2.nagl{
  margin: 20px 0;
  font-size: 1.1em;
  font-weight: bold;
  color: #747474;
}
.text h2.ok{
  margin: 20px 0;
  font-size: 1.1em;
  font-weight: bold;
}
.text h5{
	margin: 10px 0 0 0;
	padding: 0;
  font-size: .8em;
  font-weight: bold;
  color: #a0a0a0;
}
.text p{
  margin: 0 0 0 0;
  padding: 0;
}
.text p.nlink{
	text-align: left;
  margin: 20px 0;
  padding: 0;
}
.text p.btm{
  margin: 0 0 20px 0;
}
.strona{
	display: block;
  clear: both;
  margin-bottom: 25px;
  text-align: left;
}
p.pdf{
	display: block;
  margin: 15px 0;
  border: 1px slid red;
}
p.pdf img{
  vertical-align: middle;
  margin-right:10px;
}
p.pdf a{
  border: 0;
  font-size: 1em;
}
.stronaImg {
  width: auto;
  height: auto;
  padding: 5px;
  border: 1px solid #c7c7c7;
  float: left;
  margin: 0 25px 0 0;
}
#podstrony{
  margin: 0;
}
#foto {
  margin: 20px 0;
}
#foto span{
  padding: 1px;
  border: 1px solid #c7c7c7;
  float: left;
  margin: 0 2px 4px 0;
}
#foto img{
  vartical-align: middle;
}
#foto .opis{
	max-width: 140px;
	padding: 0;
  border: 0;
  float: none;
  margin: 3px 0 0 0;
}
#daneCol1 {
  float: left;
  width: 400px;
  margin: 0;
  padding: 0;
}
#daneCol2 {
  float: left;
  width: 440px;
  margin: 0;
  padding: 0;
}
#daneZamaw, #daneDost {
  float: left;
  width: 280px;
  margin: 0;
  padding: 0;
}
#daneDost {
  width: 260px;
	background: #f6f6f6;
	padding: 0 0 0 10px;
}
#daneZamaw h2, #daneDost h2 {
  width: 250px;
}
#daneDost p{
	width: auto;
  margin: 0 0 20px 0;
  paddiing: 0;
}
.kontaktCenter {
  text-align: center;
  margin: 25px;
}
.rowForm {
  margin: 5px 0;
  clear: both;
}
.rowForm input, .rowForm textarea, .rowForm div{
  vertical-align: middle;
}
.rowForm input.radio {
  width: auto;
  padding: 0;
  margin: 0 5px 0 0;
  border: 0;
}
.rowForm input.radioR {
  width: auto;
  padding: 0;
  margin: 0 5px 0 20px;
  border: 0;
}
.rowForm input.check, #zamForm .rowForm input.check{
  width: auto;
  float: left;
  margin: 0 10px 20px 0;
  border: 0;
}
.rowForm .help {
  margin: 0 0 0 150px;
  font-size: .9em;
  color: #a9a9a9;
}
.rowForm .help1 {
  margin: 0;
  font-size: .9em;
  color: #a9a9a9;
}
.rowForm span {
  font-weight: bold;
  display: block;
  margin: 0 0 0 150px;
  padding: 2px 5px;
  width: 200px;
  height: auto;
  background: #f6f6f6;
}
.rowForm span.txt {
  width: 400px;
}
.rowForm p{
	font-size: 1em;
  font-weight: bold;
}
.label {
	width: 150px;
  float: left;
  padding: 5px 0 0 0;
}
.label1 {
  width: 50px;
  float: left;
  padding: 5px 0 0 0 ;
}
.label2 {
  width: 150px;
  float: left;
  padding: 0;
}
.rowCenter {
  text-align: center;
  margin: 10px 0;
}
.rowCenter input, .rowCenter img{
  margin: 0 auto;
}
#logForm{
  text-align: center;
  margin: 0 0 25px 0;
}
#logForm p{
  text-align: left;
}
#karta {
  position: relative;
  top: 0;
  left: 0;
	width: 305px;
  margin: 0 0 0 15px;
  float: left;
}

a.productBoxPhoto, span.productBoxPhoto {
  display: block;
  width: 80px;
  height: 120px;
  float: left;
  padding: 5px;
  border: solid 1px #c8c8c8;
  background-color: #fff;
  font-size: .8em;
  text-decoration: none;
  color: #434343;
  text-align: center;
  vertical-align: middle;
}
.productBoxContent {
	float: left;
  margin: 0 0 0 15px;
}
 .productBoxContent h1 {
  position: relative;
  top: 0;
  left: 0;
  width: 160px;
  height: auto;
  margin: 0 0 10px 0;
  padding: 0;
  font-weight: bold;
}
.productBoxContent h1 a {
	display: inline;
	position: relative;
  margin: 0;
  padding: 0 0 2px 0;
  font-weight: bold;
  text-decoration: none;
  color: #434343;
  width: auto;
  height: auto;
  background: url(/gfx/bg_nagl.gif) repeat-x 0 100%;
  line-height: 1.4em;
}
.productBoxContent h1 a:hover {
  color: #df0029;
}
.productBoxContent p {
  font-size: 1em;
}
.productBoxContent p.cena {
  color: #df0029;
  font-size: 1.1em;
  font-weight: bold;
  margin: 0 0 10px 0;
}
.productBoxContent p.cenab {
  font-weight: bold;
  margin: 0 0 20px 0;
}
a.productBoxPhotoKatalog, span.productBoxPhotoKatalog {
	position: relative;
	left: 0;
  display: block;
  margin: 0;
  padding: 5px;
  width: 250px;
  background-color: #fff;
  font-size: .8em;
  text-decoration: none;
  color: #434343;
  text-align: center;
  vertical-align: middle;
  border: solid 1px #c8c8c8;
}
#zamForm {
  width: 850px;
  margin: 0 25px;
  font-size: 1.1em;
}
#zamForm input, #zamForm textarea, #zamForm select {
  padding: 3px;
  margin: 0;
  width: 300px;
  border: solid 1px #ccc;
}
#order .label{
  width: 260px;
}
#zamForm input.check {
  width: auto;
  float: left;
  margin: 0 10px 20px 0;
}
#zamForm input.button {
  width: auto;
  margin: 20px 0;
  border: 0;
}
.errorMsg {
  margin: 0 0 2px 150px;
  color: #f33;
}
.errorMsg1 {
  margin: 0 0 2px 0;
  color: #f33;
}
#zamForm .formErrors {
  margin: 20px 0 0 0;
  border: 1px solid #f33;
  text-align: left;
  background: white;
}
.formErrors {
	width: 200px;
  margin: 20px 25px 0 50px;
  border: 1px solid #f33;
  text-align: left;
  background: white;
}
.formErrors h2, #zamForm .formErrors h2{
  margin: 0;
  padding: 5px 20px 5px 25px;
  font-size: 1.1em;
  color: #fff;
  background: #f33 url("/gfx/important.png") no-repeat 5px 3px;
}
.formErrors dl {
  padding: 5px;
}
.formErrors dd.msg{
  font-size: 1.1em;
  font-weight: bold;
  padding: 10px 5px;
}
.formErrors dd {
  margin: 0;
}
.formErrors dt {
  font-weight: bold;
  float: left;
  padding-right: 5px;
}
.formErrors h3 {
  color: #f33;
  text-align: center;
}
.formErrors p {
  text-align: center;
}
.formErrors img {
  margin: 10px 20px;
}
#tableError {
   position: relative;
   top: 0;
   left: 0;
   height: 100%;
   width: 100%;
   margin: 2px 0 0 0;
   padding: 0;
   vertical-align: top;
   text-align: left;
}
#error {
  width: 100%;
  height: 100%;
  text-align: center;
  vertical-align: middle;
}
#error .formErrors {
  text-align: left;
  width: 500px;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #08742a;
  padding: 0;
}
#error .formErrors h2 {
  margin: 0;
  padding: 5px 20px 5px 25px;
  font-size: 12px;
  color: #fff;
  background: #08742a url("/gfx/important.png") no-repeat 5px 3px;
}
#error .formErrors dl {
  padding: 5px;
}
#error .formErrors dt {
  font-weight: bold;
  float: left;
  padding-right: 5px;
}
#error .formErrors dt.msg {
  font-weight: bold;
  padding: 10px 5px 10px 0;
}
#error .formErrors dd.msg {
  font-size: 1.2em;
  font-weight: bold;
  padding: 10px 5px;
}
#error .formErrors dd {
  margin: 0;
}
#error .formErrors h3 {
  color: #f33;
  text-align: center;
}
#error .formErrors p {
  text-align: center;
}
#error .formErrors img {
  margin: 10px 20px;
}
#error .formErrors p a {
  color: #08742a;
  font-weight: bold;
}
#lista, #basketLista {
  float: left;
  width: 625px;
  margin: 0 0 25px 0;
}
#path, #pathKarta {
  width: 585px;
  margin: 5px 0 0 0;
  padding: 0;
}
#path a, #pathKarta a{
  font-size: 1em;
  font-weight: normal;
  display: inline;
  margin: 0;
  padding: 0;
  border: none;
  text-decoration: none;
  color: #969696;
}
#path span, #pathKarta span {
  font-size: 1em;
  font-weight: bold;
  color: #434343;
}
#path a:hover, #pathKarta a:hover {
  text-decoration: underline;
  color: #d10f00;
}
h2.naglBie, h2.naglBieSklep{
  margin: 0;
  padding: 0;
  font-size: 1.1em;
  font-weight: bold;
  color: #727272;
}
h2.naglBieSklep{
  margin: 0 0 0 50px;
}
a.productBoxPhotoKarta {
  display:block;
  float: left;
  padding: 5px;
  border: solid 2px #ccc;
  background-color: #fff;
  font-size: .8em;
  text-decoration:none;
  color: #434343;
  text-align:center;
  vertical-align:middle;
}
a:hover.productBoxPhotoKarta {
  background-color: #f4f4f4;
}
a.productBoxPhotoKarta img {
  vertical-align:middle;
}
#productBoxContentKarta {
  float: right;
  width: 465px;
}
#productBoxContentKarta a.back {
  clear: both;
}
#speckat {
  margin-bottom: 20px;
}
.textBoxKarta {
  float:left;
  width:270px;
  margin:0 15px 0 0;
}
.textBoxKarta h3{
  font-size: 1.1em;
  font-weight: bold;
}
.priceBoxLista {
  float: left;
  width: 165px;
  margin: 0 15px 0 0;
  text-align: right;
}
.priceBoxLista div {
  margin: 0 0 5px 0;
}
#opis {
  position: relative;
  top: 0;
  left: 0;
  clear: both;
  margin: 0;
  padding: 0;
}
#opis p {
  font-size: 1em;
}
#basketLink{
  margin: 15px 0 0 0;
}
#katalog h3.tech {
  margin: 15px 0 5px 0;
  font-size: 1.4em;
  font-weight: bold;
  color: #434343;
}
#cechy {
  margin: 0;
}
#cechy td{
  padding: 5px;
  font-size: 1em;
}
#cechy td.name{
  text-align: left;
}
#cechy thead th{
	padding-bottom: 10px;
  border-bottom: 1px dashed #c7c7c7;
}
#cechy tfoot th{
  border-top: 1px dashed #c7c7c7;
}
#cechy tr.cechyColor td{
  background: #f6f6f6;
}
#links {
  clear: both;
  text-align: center;
  height: 20px;
  line-height: 20px;
  margin: 25px 0;
}
#links #active {
  font-weight: bold;
}
#links a {
  text-decoration: none;
  color: #d10f00;
}
#links a:hover {
  text-decoration: underline;
  color: #434343;
}
#map {
  width: 580px;
  height: 600px;
  padding: 1px;
  border: 1px solid #c8c8c8;
  margin: 0 0 25px 0;
}
#searchProd {
	margin: 20px 0 20px 50px;
  width: 550px;
}
#searchProd h3 {
  font-size: 1.2em;
  font-weight: bold;
  color: #767676;
}
#searchProd input, #searchProd select {
  padding: 3px;
	border: solid 1px #ccc;
  background: #fff;
  color: #434343;
}

/* koszyk */

a.basketAddLista {
  position: absolute;
  top: 55px;
  right: 15px;
  display: block;
  margin:0;
  padding: 0;
  width: 100px;
  height: 26px;
  overflow: hidden;
}
a.basketAddLista span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(/gfx/but_basket_add.gif) no-repeat 0 0;
}
a:hover.basketAddLista {
  border: none;
}
#basketLista table{
	margin: 20px 0 0 50px;
  width: 550px;
}
#basketLista table td{
  border-bottom: dashed 1px #c3c3c3;
  text-align:center;
  padding:5px;
}
#basketLista table td.foto{
  width:230px;
  text-align:left;
}
#basketLista table td.foto img{
  float:left;
  margin:0 15px 0 0;
}
#basketLista table td.foto div.basketText{
  font-size: .8em;
}
#basketLista table td.foto a{
  margin: 0 15px 0 0;
}
#basketLista table td.color{
  background: #f6f6f6;
  border-left: dashed 1px #c3c3c3;
  border-right: dashed 1px #c3c3c3;
}
#basketLista table td.lcolor{
  background: #f6f6f6;
  border-left: dashed 1px #c3c3c3;
  border-right: 0;
}
#basketLista table td input{
  width: 20px;
  padding: 3px;
  margin: 0;
  border: solid 1px #ccc;
  background: #fff;
  color: #434343;
  text-align: right;
}
#basketBtn {
  margin: 25px 25px 25px 50px;
  clear: both;
}
#basketBtnForm {
  margin: 25px 0 25px 0;
  clear: both;
}
#basketBtn .btnPn, #basketBtnForm .btnPn{
	float: left;
	margin: 0;
	padding: 0;
  text-align: center;
  width: 61px;
  height: 23px;
}
#btnCenter{
  float: left;
  margin: 0 114px;
  padding: 0;
  width: 200px;
  height: 23px;
}
#btnCenter div{
  float: left;
  width: 40px;
  height: 23px;
  text-align: center;
  margin: 0 5px;
  font-weight: bold;
  color: #ffffff;
  padding: 4px 0;
}
#btnCenter .btnSzary{
  background: url(/gfx/bg_btn_szary.gif) no-repeat 0 0;
}
#btnCenter .btnAktywny{
  background: url(/gfx/bg_btn_aktywny.gif) no-repeat 0 0;
}
#btnCenter .btnNaktywny{
  background: url(/gfx/bg_btn_naktywny.gif) no-repeat 0 0;
}
.basketNagl td{
  height: 20px;
  line-height: 20px;
  background: #f9f9f9;
  border-top: dashed 1px #c3c3c3;
  border-bottom: dashed 1px #c3c3c3;
  color: #434343;
  font-weight: bold;
  margin: 0;
  padding: 0;
}
.basketNagl td.basketIlosc{
  width:78px;
}
.basketNagl td.basketDel{
  width:40px;
}
#pay{
  text-align: right;
  margin: 15px 0;
}
#pay p{
  margin: 0 0 20px 0;
  font-size: 0.8em;
  font-weight: bold;
}
#pay p.red{
  margin: 0 0 5px 0; 
  color: #ed1c24;
  font-weight: bold;
}
#pay div{
  margin: 0 0 10px 0;
}
#pay select {
  margin: 5px 0;
  padding: 2px;
  color: #626262;
  border: solid 2px #c3c3c3;
}
.brakKosztDost{
  text-align: left;
  color: #d10f00;
  border: solid 1px #d10f00;
  padding: 10px;
  margin:20px 0;
}
.brakKosztDost p{
  font-size: 1.2em;
}
.brakKosztDost h2{
  font-size: 1.4em;
  font-weight: bold;
	margin: 0 0 10px 0;
  padding: 0;
}
.kosztNetto{
  font-size: 1.2em;
  font-weight: bold;
  text-align: right;
  margin: 10px 0;
  color: #d10f00;
}
.koszt{
  font-size: 1.2em;
  font-weight: bold;
  text-align: right;
  margin: 10px 0;
}
.kosztCalk{
  font-size: 1.4em;
  font-weight: bold;
  text-align: right;
  margin: 10px 0;
  border-top: dashed 1px #c3c3c3;
  padding-top: 10px;
}
.dostKosztNetto{
  font-size: 1.2em;
  font-weight: bold;
  margin: 25px 0 10px 0;
  color: #d10f00;
}
.dostKosztWysylki{
  font-size: 1.2em;
  font-weight: bold;
  margin: 0 0 10px 0;
}
.dostKosztCalk{
  font-size: 1.4em;
  font-weight: bold;
  margin: 10px 0;
  border-top: dashed 1px #c3c3c3;
  padding-top: 10px;
}
#del{
  font-weight: bold;
  text-align: right;
  margin: 10px 25px
}
.boxBLeft {
  position: relative;
  left: 25px;
  float: left;
  margin: 25px 0;
  width: 424px;
  border-right: 1px solid #fff;
}
.boxBRight {
  float: left;
  margin: 0;
  width: 425px;
  margin: 25px 0 25px 50px;
}
#order{
  padding: 0;
  margin: 15px 0 0 0;
}
#order input, #order select, #order textarea {
  padding: 3px;
  width: 240px;
  border: solid 1px #ccc;
}
#order select {
  width: 250px;
}
#order input.btn {
  width: auto;
  height: auto;
  padding: 0;
  margin: 0;
  border: 0;
}
#order h2, #zamForm h2{
  margin: 20px 0 10px 0;
  padding: 0;
  font-size: 1.2em;
  font-weight: bold;
}
#order h2 span{
	display: block;
  font-size: .8em;
}
#order input.readonly, #order textarea.readonly, #order select.readonly{
  background: #f6f6f6;
}
#order h2.gora{
  margin: 0 0 10px 0;
}
#uwagi textarea {
  width: 500px;
}
#newsletterOrder{
  text-align: left;
  border: 0;
}
#newsletterOrder input{
  background: none;
  width: auto;
  margin: 0 10px 0 0 ;
  border: 0;
  padding: 0;
}
#msg, #msgSearch{
  clear:both;
  padding:20px;
  text-align:center;
  font-weight: bold;
  color: #626262;
  border-top: dashed 1px #c3c3c3;
  border-bottom: dashed 1px #c3c3c3;
}
#msgSearch{
  border-top: none;
}
#msg img, #msgSearch img{
  vertical-align: middle;
  margin-right: 10px;
}
.change{
  margin: 0 0 0 5px;
  vertical-align: middle;
}
.center {
  text-align: center;
  margin: 10px 0;
}
#confirmImg{
  text-align:center;
}
#confirmImg a, #confirmImg img{
  text-decoration:none;
  border:0;
}
#confirmImg img{
  margin: 10px 0;
}
.price{
  color: #d10f00;
}
.info{
  margin: 20px 0 20px 0;
  text-align: left;
}

/* logowanie */
#login{
  width:270px;
  margin: 20px auto;
}
#login form{
  margin-bottom: 20px;
}
.loginRow{
  margin: 5px 0;
  clear: both;
}
.loginRow div{
  height: 20px;
  line-height: 20px;
  float: left;
  margin: 0 10px;
  width: 30px;
}
.loginRow input{
  vertical-align: middle;
  width: 150px;
  padding: 3px;
  border: solid 1px #ccc;
  background: #fff;
  color: #434343;
  text-align: center;
}
.btn{
  margin-top: 10px;
  text-align: center;
}
.btnWstecz {
  margin: 10px 0;
}

/* dół */

#bottom {
  background: #eeeeee;
  border-bottom: 1px solid white;
}
#bottom img.start{
  float: left;
  margin-right: 5px;
  border: 1px solid #c7c7c7;
  padding:4px;
  background: white;
}

/* stopka */

#stopka {
  position: relative;
  height: 90px;
  padding: 0;
  background: url(/gfx/bg_footer.jpg) no-repeat;
  clear: both;
}
#stopka .container{
  position: relative;
  margin: 0 auto;
  padding-top:32px;
}
#stopkaLogo{
	position: relative;
  left: 24px;
  border: 0;
  float:left;
}
#stopkaMenu {
	position: relative;
  width: 757px;
  float: right;
	text-align: center;
	margin: 0 auto;
	color: #e7768d;
}
#stopkaMenu ul {
	margin: 0 auto;
	padding: 0;
	list-style: none;
	text-align: center;
}
#stopkaMenu li {
	display: inline;
	margin: 0;
}
#stopka a {
  color: #fff;
  text-decoration: none;
}
#stopka a:hover {
  color: #e7768d;
  text-decoration: underline;
}
#stopkaCopy {
  margin-top: 10px;
  text-align: center;
  color: #e7768d;
}


/* okienko */

#backgroundPopup{  
  display:none;
  position:fixed;
  _position:absolute; /* hack for internet explorer 6*/  
  height:100%;  
  width:100%;  
  top:0;  
  left:0;  
  background:#000;  
  border:1px solid #cecece;  
  z-index:100;
  text-align: center;
}  
#popupContact{  
  display:none;  
  position:fixed;  
  _position:absolute; /* hack for internet explorer 6*/  
  height:400px;  
  width:650px;  
  background:#fff;  
  border:2px solid #cecece;  
  z-index:101;  
  padding:12px;  
  font-size:13px;
  margin: auto;
}  
#popupContactClose{  
  font-size:30px;  
  line-height:30px;  
  right:6px;  
  top:4px;  
  position:absolute;  
  color:#000;
  font-weight:700;  
  display:block;  
}  
#button{  
  text-align:center;  
  margin:100px;  
}