/* global */

body { font-family: Arial, Tahoma, Helvetica, sans-serif; font-size: 12px; color: black; margin:0; padding: 0; text-align: left; background: #ffffff; }

body2 { font-family: Arial, Tahoma, Helvetica, sans-serif; font-size: 12px; color: black; margin:0; padding: 0; text-align: left; background: url('../pics/tlo-pasek.gif') top left repeat-x; }

/* outline:none wylacza ramki dookola klikanych linkow w mozilli */
a {color: #213655; text-decoration: none; font-weight: bold; text-decoration: none; outline:none;}
a:hover {color: #C7C7C5; text-decoration: none;}
div {font-size: 12px; font-weight: normal; text-align: left; margin: 0; padding: 0;}
p {font-size: 12px; font-weight: normal; text-align: left; margin: 15px 0px; padding: 0;}
p:first-letter {color:#a11002; font-size:300%;font-style:italic; font-family:serif; }


/* std */
.ramkaDuza {border: 5px solid #E0E0E0; margin-bottom:2px;}
.doPrawej {float:right;margin:10px 5px 2px 20px;}
.podpis {clear:both; text-align:center; border: 0px solid red;margin: 0; padding:0;font-style:italic;}

fieldset {
    border: none;
    padding: 0;
    padding-bottom: 20px;
}

label {
  text-align:left;
  height:auto;
}
 
/* newsy */
div.gallery  {
 float: left;
 display: inline;
 margin-right: 8px;
 width: 164px;
 font-size: 95%;
 color: gray;
}

.error { color:red; }

/* galeria */
.gal_kat {	margin: 5px; padding: 10px; width:30%; float:left; } 
.gal_kat img {float:left; border: solid 4px #E0E0E0; margin:4px;} 
.gal_alb {	margin: 5px; padding: 10px; width:30%; float:left; } 
.gal_alb img {float:left; border: solid 4px #E0E0E0; margin:4px; } 
.gal_back {text-align:left;}
.gal_mini {width:130px;height:130px;border:1pt solid gray; text-align:center;vertical-align:middle;padding:10px;}
.gal_mini img { border:0;}
.gal_foto {}
.gal_foto {text-align:center;}
.rewind {font-family: arial; margin-bottom:10px;text-align:center;}
.rewind a {color: white; background: #dddddd; font-weight: bold; text-decoration: none; margin: 4px; padding: 3px 8px;}
.rewind b {color: white; background: #9cc008;  font-weight: bold; text-decoration: none; margin: 4px; padding: 3px 8px;}

#table_gal td {text-align:center;vertical-align:middle;}

/* oferta - poczatek*/
ul.oferta-kategorie {
  list-style-image: url('../pics/kulka.gif') ;
	list-style-type: none;
  margin-top:0px;
  width: 150px;
}

ul.oferta-kategorie li {
	text-align:left;
  margin-bottom:6px;
  margin-left:14px;
  padding-bottom: 6px;
  border-bottom: 1px solid red;
  line-height:100%;
}
ul.oferta-kategorie li a {
	font-family: arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
  font-size:110%;
}
ul.oferta-kategorie li a:hover {
	text-decoration: none;
}
ul.oferta-kategorie li a.current {
	font-family: arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #e87819;
	text-decoration: none;
  font-size:110%;
}
ul.oferta-kategorie li a.current:hover {
	color: #e87819;
	text-decoration: none;
}

ul.oferta-podkategorie {
  list-style-image: none ;
	list-style-type: none;
  margin-top:6px;
  border-left: 0px solid;
  margin-left: 0px;
  padding-left: 14px;
}
ul.oferta-podkategorie li {
	text-align:left;
  margin:0;
  padding: 0 0 2px 0px;
  border-bottom: 0px;
  border-left: 0px;

}
ul.oferta-podkategorie li a {
	font-family: arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
  font-size:100%;
}
ul.oferta-podkategorie li a:hover {
	text-decoration: none;
}
ul.oferta-podkategorie li a.current {
	font-family: arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
  font-size:110%;
}
ul.oferta-podkategorie li a.current:hover {
	color: #e87819;
	text-decoration: none;
}

/* miniaturki*/
.oferta {padding: 20px 0 0 0; margin: 5px; width:160px; height:130px; text-align:center; border-bottom: 1px solid #e0e0e0; list-style: none; float:left;}


table.oferta-produkt {clear:both; text-align:left; border: 0px solid red; margin: 0; padding:0;  font-size:90%;}
table.oferta-produkt td.produkt-opis { color: #982A29; font-weight: bold; padding-bottom:5px;}
table.oferta-produkt td.produkt-wartosc { color: black; font-weight: bold; padding-bottom:5px;}

table.oferta-produkt h2 { padding-bottom:20px; }

ul.oferta_zakupy {
  list-style-type: none;
}

ul.oferta_zakupy li {
/*  height: 100px;  */
  border-bottom: 1px dotted black;
}

ul.oferta_zakupy li td {
/*  border: 1px solid red; */
}

ul.oferta_zakupy li td.pic {
  width: 100px;
  text-align: center;
}

ul.oferta_zakupy li td.pic img {
  max-width: 90px;
  max-height: 90px;
}

ul.oferta_zakupy li td.opis {
  width: 200px;
}

ul.oferta_zakupy li textarea {
  width: 180px;
  height: 60px;
}

ul.oferta_zakupy li td.opcje {
  width: 190px;
  text-align: right;
}

.przycisk {text-decoration:none; font-size: 90%; }
.przyciski {width:180px; height:25px; font-weight: bold; border:0; background-color:#213655; font-size:13px;color: white;}

.fotka {border:0px solid #D7B551;}
.fotocenter {border:1px solid #D7B551;}

#koszyk th { background-color: #C3CADC; border-bottom: 5px solid #536897; padding: 0px 5px;}
#koszyk th.lp { width:5%; border-right:0px; }
#koszyk th.kat { border-left:0px; text-align:left; }
#koszyk th.nazwa { border-left:0px; text-align:left; }
#koszyk th.ilosc { width:10%; text-align:right; }
#koszyk th.cena { text-align:right; }
#koszyk th.wartosc { text-align:right; }
#koszyk th.akcje { text-align:center; }
#koszyk td { border-bottom: 1px solid black; padding:5px 5px; }
#koszyk td.lp { width:5%; text-align:right; }
#koszyk td.kat { text-align:left; }
#koszyk td.nazwa { text-align:left; }
#koszyk td.ilosc { width:10%; text-align:right; }
#koszyk td.cena { text-align:right; }
#koszyk td.wartosc { text-align:right; }
#koszyk td.akcje { text-align:center; }

/* oferta - koniec*/

div.ankieta textarea { width:300px; height:100px; }

table.koszyk_dane th, table.koszyk_dane td {
  text-align:left;
  vertical-align:top;
}

/* #zzz: Ajax - nie usuwac! */
#zzz {
  display: none;
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  border: none;
  background: #cccccc url('img/zzz.gif') no-repeat fixed center center;
  filter: alpha(opacity=50);
  opacity: 0.5;
}

h1 {font-family: Arial, serif; font-size: 22px; color: #2A2A2A; font-weight: bold; margin: 2px 0 30px 0; padding: 0;}
h2 {font-family: Arial, serif; font-size: 22px; color: #2A2A2A; font-weight: normal; line-height: 120% }
h3 {font-family: Arial, sans-serif; font-size: 20px; color: #091D42; font-weight: bold; margin: 0 0 10px 0; padding: 0; }
h4 {font-family: Arial, serif; font-size: 15px; color:#a11002;  margin: 8px 0 0px 0; padding: 0;}
h5 {font-family: Arial, serif; font-size: 16px; color: #6278A9;  margin-bottom: 0px; padding-bottom: 0; text-align:left;}
h6 {font-family: Arial, serif; font-size: 15px; color:#6278A9;  margin: 0 0 8px 0; padding: 0;}

/* container */
#container {width: 860px; height: auto; margin: auto; padding:0; overflow: hidden; border: 0px solid red; background: url('../pics/tlo-pasek.gif') top left repeat-x; }

/* gora*/
#jpgheader { position:relative; width: 860px; height: 165px; background: url('../pics/top2.jpg') top right no-repeat ; margin: 0; padding: 0; outline: 0px solid green; }

#logo { position:absolute; padding: 0; left:360px; top:18px; height: 60px; width: 135px; outline: 0px solid gray; }
#logo a { display:block; position:relative; left:0px; top:0px; width:135px; height:60px; outline: 0px solid red; }

#baner { position: absolute; padding: 0; margin: 88px 0px 0 255px; height: 35px; width: 350px; outline: 0px solid gray; }

#menu2 { position: absolute; padding: 0; margin: 120px 0px 0 90px; width: 650px;	height: 30px; outline: 0px solid yellow;   
color: #455161; font-size: 11px; }

#menu2 ul {	margin: 8px 0 5px 0; padding: 0px 0 0 0; color: #455161;}
#menu2 li {	display: inline;	list-style-type: none; margin: 0px 2px 0 2px; }
#menu2 li a {color: #455161; text-decoration: none; font-weight: bold; text-decoration: none; padding: 5px 2px 5px 2px; margin:0;}
#menu2 li a:hover,
#menu2 li a.active
 {color: white; text-decoration: none; padding: 5px 2px 5px 2px; margin:0;}

#glowna { position: absolute; padding: 0; margin: 0px 0px 0 170px; height: 490px; width: 478px; outline: 0px solid gray; }

/* content*/
#content {width: 860px; height: auto; overflow: hidden;  padding: 0; line-height:140%;  border: 0px solid orange; background: url('../pics/tlo.jpg') repeat-x #ABABAB; } 

#content2 {width: 860px; height: 577px; overflow: hidden;  padding: 0; line-height:140%; background: url('../pics/tlo.jpg') repeat-x #ABABAB; border: 0px solid orange;} 

/* footer*/
#footer {clear:both; overflow: hidden;  font-size: 11px; color: #757575; padding: 0; margin: 10px 0 0 0; outline: 0px solid red; background: url('../pics/footer2.gif') top left no-repeat #FFFFFF; width: 780px; height: 71px; text-align:left;}
#menufooter  { text-align:left; margin: 5px 0px 0 0; padding:0;}
#menufooter ul {margin: 50px 10px 20px 10px; padding:0; font-size: 11px;}
#menufooter li {display:inline; float:left; list-style: none; padding:0 5px 0 0px; font-size: 11px; margin:0; color: #a1a1a1;}
#menufooter li a {color: #a1a1a1; text-decoration: none; font-weight: bold; text-decoration: none;}
#menufooter li a:hover {color: #454545; text-decoration: none;}
.trzyw {font-size:100%; margin: 90px 0 10px 100px; color: gray; }
.trzyw-g {font-size:100%; margin: 0px 0 10px 200px; color: gray; }

.podstr_gora {background: url(../pics/gora.jpg) no-repeat; position:relative;  width: 860px; height: 25px; overflow: hidden; padding: 22px 100px 2px 100px; margin:0; font-size: 16px; color: #ffffff; font-weight: bold;}
.podstr_gora a { color: #b0b0b0; padding: 0 10px;}
.podstr_gora a:hover,
.podstr_gora a.active { color:white; }
.podstr_dol {background: url(../pics/dol.jpg) no-repeat; width: 860px; height: 167px; overflow: hidden; padding: 0px; margin:0;}

.podstr_srodek {background: url(../pics/srodek.jpg) repeat-y; width: 860px; padding: 0px 0px 0 0px; margin:0 ; min-height: 190px; text-align:left; overflow: hidden;}

#pad {padding: 20px 90px 30px 80px; }

table#przedstawiciele {border-collapse:collapse; padding:0; margin:0}
table#przedstawiciele th {border-bottom: 1px solid gray; padding: 1px 15px 1px 0; font-weight: bold; text-align:left;}
table#przedstawiciele td {border-bottom: 1px solid gray; padding: 1px 15px 1px 0;}