BODY, HTML {
  margin: 0;
  padding: 0;
  font-family: 'trebuchet ms',helvetica,sans-serif;
  font-size: 11px;
  text-align: center;
  height: 100%;
  background-color: #d3d2b3;
  /*
  background-image: url(../img/joz_tlo-dwn2.jpg);
  */
  color: #665b4e;
}

P {
  margin: 5px 0 5px 0;
}

TABLE {
 border-collapse: collapse;
}

A {
  color: #665b4e;
  font-weight: bolder;
  text-decoration: none;
}

IMG {
  border: none;
}

#flash {
  height: 350px;
  width: 1000px;
  margin: auto;
}

#layout {
  border-bottom:1px solid #cccccc;/* keep opera happy */
  margin:0 auto;
}

#main {
  width: 1000px;
  text-align: left;
  margin: auto;
  padding-bottom: 20px;
}

TD {
  vertical-align: top;
  padding: 0;
}

#content {
  width: 770px;
}
#left {
  width: 230px;
}

#right {
  float: right;
  width: 230px;
}

#left ul {
  list-style-image: url(../img/cross1.gif);
  padding-left: 1px;
  margin-left: 15px;
}

#left ul ul {
  list-style-image: none;
  list-style-type: none;
  margin: 0;
}

#left ul ul li a {
  font-weight: normal;
}

#current {
  color: #e67d00;
  font-weight: bolder;
}

#footer {
  text-align:left;
}

#fsi {
  font-size: 10px;
  width: 1000px;
  text-align: left;
  margin: auto;
  color: #665b4e;
  margin-top: 10px;
}

#dzial {
  width: 100%;
}

TABLE.produkt TD P {
  margin: 0;
  padding: 0;
  display: inline;
}

/* Produkty */

TABLE#produkty TD {
  padding: 4px;
  text-align: left;
}

TD.title H2 {
  font-weight: bolder;
  color: #665b4e;
  font-size: 14px;
  margin: 0;
  padding: 0;
}

TD.img {
  text-align: center;
}

TD.img img {
  border: 2px solid white;
}

span.cena {
  color: #e67d00;
  font-size: 14px;
  font-weight: bolder;
  text-align: left;
}

/* Produkt */

UL.kxgaleria {
  list-style-type: none;
  margin: auto;
  padding: 0;
}

UL.kxgaleria LI {
  margin: auto;
  margin-bottom: 10px;
}

UL.kxgaleria LI.navi {
  width: 239px;
  margin: auto;
  margin-top: 5px;
  display: block;
}

UL.kxgaleria LI IMG {
  border: 2px solid white;
}

div.canva_off, div.canva_on {
  background-image: url(../img/canva_off.gif);
  width: 22px;
  height: 22px;
  float: left;
  margin-left: 5px;
  color: #665b4e;
  cursor: pointer;
  font-size: 11px;
  font-weight: bolder;
  line-height: 22px;
}

div.canva_powieksz {
  background-image: url(../img/powieksz.gif);
  background-repeat: no-repeat;
  float: right;
  width: 53px;
  height: 10px;
  cursor: pointer;
}

div.canva_on {
  background-image: url(../img/canva_on.gif);
}

div.sekcja_cena {
  text-align: center;
  margin-top: 20px;
}

div.sekcja_cena span.cena {
  font-size: 11px;
}

div.sekcja_rozmiar {
  margin-top: 10px;
}


/* input */

INPUT {
  font-size: 11px;
  font-family: 'trebuchet ms',helvetica,sans-serif;
}

TEXTAREA {
  font-family: 'trebuchet ms',helvetica,sans-serif;
  font-size: 11px;
}

table.kxinput td input {
  border: none;
  background-color: #EDECD8;
  font-size: 11px;
  text-align: center;
  margin: 2px;
}

table.kxinput td {
  border: none;
  background-color: white;
}

table.kxinput {
  border: 1px solid #BEBCAA;
}


.inputek, .errorek {
  background: rgb(237,236,216);
	color: #665b4e;
	width: 150px;
	height: 13px;
	border: none;
}

.textareak, .textareaerrorek {
  background: rgb(237,236,216);
	border: none;
	color: #665b4e;
	width: 150px;
	height: 100px;
	overflow: auto;
}

.errorek, .textareaerrorek {
  background: rgb(255,204,255);
}


div.b {
    border: 1px solid rgb(190,188,170);
    margin-left: 5px;
    margin-bottom: 5px;
}

div.w {
    border: 2px solid white;
    background-color: rgb(237,236,216);
}

TABLE.inputy TD {
  vertical-align: middle;
}

TABLE.inputy TD.label {
  /*text-align: right;*/
  padding-right: 5px;
  width: 100px;
  background: url(../img/drop_lewo.gif) no-repeat right;
}

/* drop_down */

table.dropdown_red {
  padding: 0;
	margin: 0;
	border-collapse: collapse;
	empty-cells: show;
}

table.dropdown_red1 {
  padding: 0;
	margin: 0;
	border-collapse: collapse;
	empty-cells: show;
}

table.dropdown_red1 td.text {
  padding: 0;
}

tr.option td {
  text-align: center;
}

table.dropdown_red td.text, table.dropdown_red1 td.text {
	vertical-align: middle;
	background-image: url(../img/drop_tlo.gif);
  height: 22px;
}

table.dropdown_red td.text input, table.dropdown_red1 td.text input {
  border: none;
  background: transparent;
  color: #665b4e;
	width: 33px;
	padding: 0;
	margin: 0;
	text-align: center;
  vertical-align: middle;
}

table.dropdown_red1 td.text input {
  width: 100px;
}

table td.red_l, table td.red1_l {
  background-image:url(../img/drop_lewo.gif);
  width:3px;
}

table td.red_r, table td.red1_r {
  background-image:url(../img/drop_right.gif);
  width:3px;
}


table.dropdown_red td.arrow, table.dropdown_red1 td.arrow {
	background-image: url(../img/drop_arrow.gif);
	background-position: left;
	width: 18px;
	padding: 0;
}

div.dropdown_red, div.dropdown_red1 {
  border: 1px solid rgb(212,208,200);
	background-color: #edecd8;
	margin-top: 1px;
	margin-left: -1px;
}

div.dropdown_red table
{
	width: 30px;
}

div.dropdown_red1 table
{
	width: 100px;
}

div.dropdown_red tr.option td, div.dropdown_red1 tr.option td {
	cursor: pointer;
	padding: 1px 2px 1px 2px;
}

div.dropdown_red tr.option td.selected, div.dropdown_red1 tr.option td.selected {
	background-color: #edecd8;
	color: #665b4e;
}

div.dropdown_red tr.option td.hover, div.dropdown_red1 tr.option td.hover {
	background-color: white;
	color: #665b4e;
}

/* drop_down */

#akcje {
  list-style-image:url(../img/cross2.gif);
  margin: 0;
  margin-left:30px;
  padding-left:0pt;
  font-weight: normal;
}

#akcje p {
  margin: 0;
  margin-top: 5px;
  margin-bottom: 5px;
}

#akcje li span.a {
  font-weight: normal;
  color: #e67d00;
}

#akcje li a {
  font-weight: normal;
  color: #e67d00;
}

#akcje span a {
  font-weight: normal;
  color: #665b4e;
}

/* basket */

p.basket {
  margin: 0;
  margin-left: 10px;
  margin-bottom: 5px;
  display: block;
}

div.basket {
  width: 520px; 
  margin: 5px;
  margin-right: 10px;
  border: 1px solid rgb(190,188,170);
}

table.basket  {
   width: 100%;
}

table.basket td a {
  font-weight: normal;
}

table.basket th {
  background-color: #f8f7e7;
}

table.basket tr.c1 td {
  background-color: #e2e1d0;
}

table.basket td {
  background-color: #edecd9;
  vertical-align: middle; 
}

table.basket td, table.basket th  {
  padding: 5px;
}

table.basket td, table.basket th {
  text-align: center;
}

table.basket td.p, table.basket th.p {
  width: 300px;
  text-align: left;
}


/* user */

#user_show_form .inputek, #user_show_form .errorek {
    width: 200px;
}

TD.opis {
  text-align: right;
}

TD.pole {
  width: 200px;
}

/* dzial z prawa kolumna */

div.dzial_content {
  padding: 0 25px 0 0;
}


/* aktualnosci */

UL#aktualnosci {
  list-style-type: none;
  margin: auto;
  padding: 0;
}

UL#aktualnosci A:hover {
  color: #e67d00;
}

UL#aktualnosci LI {
  margin-bottom: 10px;
  margin-right: 10px;
}

UL#aktualnosci LI div.news {
  display: none;
}

UL#aktualnosci LI span.title {
  font-weight: bold;
}

UL#aktualnosci LI div.b {
  margin: 0;
}

UL#aktualnosci LI div.desc {
  padding: 3px;
}

/* faq */

OL.faq {
  margin: 0;
  padding: 0;
  margin-left: 25px;
  margin-right: 20px;
}


/* galeria */

div#black_layer, div#formblack_layer {
background-color:#000000;
display:none;
height:100%;
left:0px;
opacity:0.8;
filter: alpha(opacity=80);
position:absolute;
top:0px;
visibility:hidden;
width:100%;
z-index:1000;
}
img#photo_container {
border:5px solid #FFFFFF;
cursor:pointer;
display:none;
position:absolute;
visibility:hidden;
z-index:1001;
}
#form_layer {
display:none;
left:0px;
opacity:1;
filter: alpha(opacity=100);
position:absolute;
top:0px;
visibility:hidden;
z-index:1001;
}
#loader {
background-color:#FFFFFF;
border:10px solid #FFFFFF;
display:none;
visibility:hidden;
z-index:1001;
}

table.history td {
  padding: 2px;
}

table.rozmiarowka {
  width: 510px;
}

table.rozmiarowka td {
 vertical-align: middle;
 text-align: center;
 padding: 2px;
 border: 1px solid #BEBCAA;
}

table.rozmiarowka tr.th td {
  background-color: #f8f7e7;
}

table.rozmiarowka tr.c1 td {
  background-color: #e2e1d0;
}

table.rozmiarowka td {
  background-color: #edecd9;
  vertical-align: middle; 
}