body{
	background: #3f2120;
	color: #000;
	font-family: Arial, Verdana, sans-serif;
	font-size: small;
	background-image: url(img/bg_root.jpg);
	background-repeat: no-repeat;
	background-position: center left;
}
* html body{
	font-size: x-small;
	f\ont-size: small;
}
div#kontener{
  height: auto !important;
  position: relative;
  width: 802px;
  margin: 1% auto 0 auto;
  padding: 0;
  border: none;
  text-align: left;
}
div#kontener div#rlg{
position: relative;
float: left;
width: 25px;
height: 25px;
margin: 0;
padding: 0;
}
div#kontener div#rlg img{
margin: 0;
}
div#kontener div#sg{
position: relative;
float: left;
width: 752px;
height: 24px;
margin: 0;
padding: 0;
border: none;
border-top: solid #696969 1px;
background: #6e3b3a;
}
div#kontener div#rpg{
position: relative;
float: left;
width: 25px;
height: 25px;
margin: 0;
padding: 0;
}
div#kontener div#rpg img{
margin: 0;
}
div#kontener div#glowna{
position: relative;
clear: both;
height: auto !important;
margin: 0;
padding: 0;
width: 800px;
border-left: solid #696969 1px;
border-right: solid #696969 1px;
background: #6e3b3a;
border-top: solid #6e3b3a 1px;
border-bottom: solid #6e3b3a 1px;
}

div#kontener div#rld{
position: relative;
float: left;
width: 25px;
height: 25px;
margin: 0;
padding: 0;
}
div#kontener div#rlg img{
margin: 0;
}
div#kontener div#sd{
position: relative;
float: left;
width: 752px;
height: 24px;
margin: 0;
padding: 0;
border: none;
border-bottom: solid #696969 1px;
background: #6e3b3a;
}
div#kontener div#rpd{
position: relative;
float: left;
width: 25px;
height: 25px;
margin: 0;
padding: 0;
}
div#kontener div#rpg img{
margin: 0;
}
/* definicje menu */
div.menu{
	position: relative;
	clear: both;
	margin: 0;
	margin-bottom: auto;
	padding: 0;
	width: 100%;
	height: 140px;
	min-height: 140px;
	max-height: 140px;
	background-color: #FFA500;
	color: #e8ffff;
	text-align: center;
	font-size: 80%;
}
div.menu a.m1:link, a.m1:visited{
display: block;
float: left;
background-color: #FFA500;
	color: #e8ffff;
	height: 130px;
	min-height: 130px;
	max-height: 130px;
	width: 89px;
	margin: 0;
	border: none;
	border-right: solid #a9a9a9 1px;
	text-decoration: none;
	font-weight: bold;
	padding: 5px;
	background-image: url(img/1m.jpg);
	background-repeat: no-repeat;
	background-position: 0px bottom;
	}
	div.menu a.m1:hover{
	display: block;
    background-color: #FF8C00;
	color: #e8ffff;
	height: 130px;
	min-height: 130px;
	max-height: 130px;
	background-image: url(img/1m.jpg);
	background-repeat: no-repeat;
	background-position: -100px bottom;
	}

	div.menu a.m2:link, a.m2:visited{
display: block;
float: left;
background-color: #FFA500;
	color: #e8ffff;
	height: 130px;
	min-height: 130px;
	max-height: 130px;
	width: 89px;
	margin: 0;
	border: none;
	border-right: solid #a9a9a9 1px;
	text-decoration: none;
	font-weight: bold;
	padding: 5px;
	background-image: url(img/2m.jpg);
	background-repeat: no-repeat;
	background-position: 0px bottom;
	}
	div.menu a.m2:hover{
	display: block;
    background-color: #FF8C00;
	color: #e8ffff;
	background-image: url(img/2m.jpg);
	background-repeat: no-repeat;
	background-position: -100px bottom;
	}


	div.menu a.m3:link, a.m3:visited{
display: block;
float: left;
background-color: #FFA500;
	color: #e8ffff;
	height: 130px;
	min-height: 130px;
	max-height: 130px;
	width: 89px;
	margin: 0;
	border: none;
	border-right: solid #a9a9a9 1px;
	text-decoration: none;
	font-weight: bold;
	padding: 5px;
	background-image: url(img/3m.jpg);
	background-repeat: no-repeat;
	background-position: 0px bottom;
	}
	div.menu a.m3:hover{
	display: block;
    background-color: #FF8C00;
	color: #e8ffff;
	background-image: url(img/3m.jpg);
	background-repeat: no-repeat;
	background-position: -100px bottom;
	}

	div.menu a.m4:link, a.m4:visited{
display: block;
float: left;
background-color: #FFA500;
	color: #e8ffff;
	height: 130px;
	min-height: 130px;
	max-height: 130px;
	width: 89px;
	margin: 0;
	border: none;
	border-right: solid #a9a9a9 1px;
	text-decoration: none;
	font-weight: bold;
	padding: 5px;
	background-image: url(img/4m.jpg);
	background-repeat: no-repeat;
	background-position: 0px bottom;
	}
	div.menu a.m4:hover{
	display: block;
    background-color: #FF8C00;
	color: #e8ffff;
	background-image: url(img/4m.jpg);
	background-repeat: no-repeat;
	background-position: -100px bottom;
	}


	div.menu a.m5:link, a.m5:visited{
display: block;
float: left;
background-color: #FFA500;
	color: #e8ffff;
	height: 130px;
	min-height: 130px;
	max-height: 130px;
	width: 89px;
	margin: 0;
	border: none;
	border-right: solid #a9a9a9 1px;
	text-decoration: none;
	font-weight: bold;
	padding: 5px;
	background-image: url(img/5m.jpg);
	background-repeat: no-repeat;
	background-position: 0px bottom;
	}
	div.menu a.m5:hover{
	display: block;
    background-color: #FF8C00;
	color: #e8ffff;
	background-image: url(img/5m.jpg);
	background-repeat: no-repeat;
	background-position: -100px bottom;
	}

	div.menu a.m6:link, a.m6:visited{
display: block;
float: left;
background-color: #FFA500;
	color: #e8ffff;
	height: 130px;
	min-height: 130px;
	max-height: 130px;
	width: 89px;
	margin: 0;
	border: none;
	border-right: solid #a9a9a9 1px;
	text-decoration: none;
	font-weight: bold;
	padding: 5px;
	background-image: url(img/6m.jpg);
	background-repeat: no-repeat;
	background-position: 0px bottom;
	}
	div.menu a.m6:hover{
	display: block;
    background-color: #FF8C00;
	color: #e8ffff;
	background-image: url(img/6m.jpg);
	background-repeat: no-repeat;
	background-position: -100px bottom;
	}

	div.menu a.m7:link, a.m7:visited{
display: block;
float: left;
background-color: #FFA500;
	color: #e8ffff;
	height: 130px;
	min-height: 130px;
	max-height: 130px;
	width: 89px;
	margin: 0;
	border: none;
	border-right: solid #a9a9a9 1px;
	text-decoration: none;
	font-weight: bold;
	padding: 5px;
	background-image: url(img/7m.jpg);
	background-repeat: no-repeat;
	background-position: 0px bottom;
	}
	div.menu a.m7:hover{
	display: block;
    background-color: #FF8C00;
	color: #e8ffff;
	background-image: url(img/7m.jpg);
	background-repeat: no-repeat;
	background-position: -100px bottom;
	}

	div.menu a.m8:link, a.m8:visited{
display: block;
float: left;
background-color: #FFA500;
	color: #e8ffff;
	height: 130px;
	min-height: 130px;
	max-height: 130px;
	width: 89px;
	margin: 0;
	border: none;
	border-right: solid #a9a9a9 1px;
	text-decoration: none;
	font-weight: bold;
	padding: 5px;
	background-image: url(img/8m.jpg);
	background-repeat: no-repeat;
	background-position: 0px bottom;
	}
	div.menu a.m8:hover{
	display: block;
    background-color: #FF8C00;
	color: #e8ffff;
	background-image: url(img/8m.jpg);
	background-repeat: no-repeat;
	background-position: -100px bottom;
	}
	/* koniec definicji dla menu */
	#dhtmltooltip{
position: absolute;
text-align: center;
left: -300px;
width: 150px;
border: 1px solid #a9a9a9;
padding: 2px;
background-color: #F5DEB3;
visibility: hidden;
z-index: 100;

filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}
#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}
div.top{
position: relative;
height: 40px;
	margin: 0;
	padding: 0;
	width: 800px;
	border: none;
	border-bottom: dotted #ccc 1px;
	text-align: center;
}
div.top h1{
 color: #fff;
 font-family: Georgia, Arial, Verdana;
 font-size: 110%;
 border-left: solid #704a49 200px;
 border-right: solid #704a49 200px;
 word-spacing: 1.0em;
 margin-left: 15px;
 margin-right: 15px;
 }
 table.in{
 position: relative;
 clear: both;
margin: 3px;
margin-top: 1%;
border: none;
 }
   table.in tr{

   }
  table.in td.lewa{
  width: 300px;
border-collapse: collapse;

background: #6e3b3a;
vertical-align: top;
padding: 0;
  }
   table.in td.lewa img{
   border: none;
   border: solid #696969 2px;
   margin: 0;
  }
   table.in td.prawa{
   width: 500px;
   background: #fff;
border-collapse: collapse;
border: dotted #704a49 1px;
padding: 5px;
vertical-align: top;
   }
 
   p{
   text-indent: 0.5em;
   font-size: 90%;
   margin: 5px 2% 5px 2%;
   }
   div.stopka{
 position: relative;
  width: 802px;
  margin: 0 auto auto auto;
  padding: 0;
  border: none;
  text-align: center;
   }
   div.stopka .stl{
	position: relative;
	/* zmiana na local */
    color: #696969;
	font-size: 80%;
	float: left;
	margin: auto;
	padding: 2px;
	text-align: left;
	width: 49%;
	border: none
   }
    div.stopka .stp{
	position: relative;
	float: left;
	width: 49%;
	border: none;
	margin: auto;
	padding: 2px;
	text-align: right;
   }
   div.stopka .stp a.st:link, a.st:visited{
   font-size: 80%;
   color: #696969;
   text-decoration: none;
   }
   div.stopka .stp a.st:hover{
   color: #f5f5f5;
   }
   div.ssh_top{
    color: #fff;
	float: left;
	padding: 0; 
	text-align: right;
	padding-left: 15px;
	padding-right:0;
	width: 70%;
	margin: 10px auto 10px auto; 
	max-height: 20px;
	font-size: 120%;
	font-weight: bold;
	border: none;
	word-spacing: 0.1em;
	letter-spacing: 0.1em;
   }

   div.okienko{
   background: #fff;
	width: 290px;
	height: 70px;
	margin-top: 3px;
	border: solid #696969 2px;
	vertical-align: middle;
	text-align: center;
   }
   div.language{
   float: right;
		vertical-align: middle;
		width: 20%;
		margin: 10px 0 10px auto; 
	max-height: 20px;
	padding: 0; 
	padding-left: 3px;
	padding-right: 3px;
   }
    div.language img {
		border: none;
vertical-align: middle;
}

table.tabelka{
max-width: 500px;
margin: 1px auto 1px;
padding: auto;
border: solid #dcdcdc 1px;
border-collapse: collapse;
padding: 0;
}
table.tabelka tr td{
vertical-align: top;
border-collapse: collapse;
margin: 0;
border: solid #dcdcdc 1px;
}

.header1 {
	font-size: 130%;
}

.header2 {
	font-size: 120%;
}

.header3 {
	font-size: 110%;
}
.header4 {
	font-size: 100%;
}
a.linki2:link, a.linki2:visited{
font-size: 90%;
color: darkorange;
text-decoration: none;
}
a.linki2:hover{
color: brown;
}
#dropmenudiv {
position : absolute; 
border : 1px solid #808080; 
border-bottom-width : 0; 
font : normal 12px Arial, Tahoma, Verdana; 
line-height : 18px; 
z-index : 100; 
} 
#dropmenudiv a {
width : 100%; 
display : block; 
text-indent : 3px; 
border-bottom : 1px solid #808080; 
padding : 1px 0; 
color : #fff; 
text-decoration : none; 
font-weight : normal; 
} 
#dropmenudiv a:hover {
background-color : #dcdcdc; 
color : #696969; 
font-weight : normal; 
} 
a.koszyk:link, a.koszyk:visited{
font-size: 90%;
color: darkorange;
text-decoration: none;
}
a.koszyk:hover{
color: #696969;
}
.listingproduct{
width: 100%;
}
.headTabPro{
background: darkorange;
color: #fff;
font-weight: bold;
font-size: 70%;
}

table.listingproduct td{
border-collapse: collapse;
border: dotted #cdcdcd 1px;
text-align: center;
padding: 5px;
}

a.linkListProd:link, a.linkListProd:visited{
text-decoration: underline;
color: green;
font-size: 11px;
}
 a.linkListProd:hover{
 color: darkorange;
 }
 forfoto_fullwiev{
 width: 350px;
 padding: 0;
 text-align: center;
 vertical-align: middle;
 }
 .cenaforfullwiev{
width: 100px;
height: 20px;
max-height: 20px;
height: auto !important;
font-size: 11px;
font-weight: bold;
 vertical-align: top;
 }
 .fornazwafullwiev{
width: 950px;
height: 20px;
max-height: 20px;
height: auto !important;
font-size: 11px;
font-weight: bold;
color: green;
 }
 .foropisfullwiev{
padding: 15px;
text-align: left;
 vertical-align: top;
 font-size: 11px;
 }
/* Definicja okna komunikatu o bÅ,ÄTdzie */
div.komunikat_error{
z-index: 100;
margin: 15% auto 2% auto;
padding: 0;
background-color: #F5F5F5;
text-align: center;
width: 35%;
border-top: solid #808080 1px;
border-right: solid #808080 1px;
border-bottom: solid #808080 1px;
border-left: solid #000000 10px;
}

div.komunikat_error p{
font-size: 90%;
text-align: center;
font-family: Arial, Tahoma, Helvetica, sans-serif;
font-variant: small-caps;
color: #696969;
margin: 3%;
padding: 1%;
}

div.komunikat_error ul{
text-align: right;
position: relative;
z-index: 101;
letter-spacing: 0.2em;
margin-top: -20px;
margin-bottom: 0;
margin-right:  0px;
padding: 0;
color: #000000;
}

div.komunikat_error  ul li{
font-size: 90%;
font-family: Arial, Tahoma, Helvetica, sans-serif;
list-style-type: circle;
list-style-position: inside;
}
/* Koniec definicji o bÅ,ÄTdzie */

/* Definicja okna komunikatu o powodzeniu */
div.komunikat_ok{
z-index: 100;
margin: 15% auto 2% auto;
padding: 0;
background-color: #F5F5F5;
text-align: center;
width: 35%;
border-top: solid #808080 1px;
border-right: solid #808080 1px;
border-bottom: solid #808080 1px;
border-left: solid #2E8B57 10px;
}

div.komunikat_ok p{
text-align: center;
font-family: Arial, Tahoma, Helvetica, sans-serif;
font-variant: small-caps;
color: #696969;
margin: 3%;
padding: 1%;
}

div.komunikat_ok ul{
text-align: right;
position: relative;
z-index: 101;
margin-top: -20px;
letter-spacing: 0.2em;
margin-bottom: 0;
margin-right:  0px;
padding: 0;
color: #2E8B57;
}

div.komunikat_ok  ul li{
font-size: 90%;
font-family: Arial, Tahoma, Helvetica, sans-serif;
list-style-type: circle;
list-style-position: inside;
}
/* Koniec definicji o powodzeniu */
.zamDlaRoz{
border: none;
width: auto;
background: #fff;
color: darkorange;
cursor: hand;
background-image: url("img/koszyk.gif");
background-repeat: no-repeat;
background-position: top left;
font-size: 90%;
padding: auto;
padding-left: 20px;
}
.zamDlaRoz:hover{
color: #696969;
}