* {
 font-size: 10pt;
}
body {
 background-color: black;
 font-family: verdana;
 color: white; 
 text-align: center;
 top: 0px;
}

td{
  vertical-align: top;
}

A:link    { color: white } 
A:visited { color: white }   /* visited links   */
A:hover   { color: yellow } /* user hovers     */
A:active  { color: lime }   /* active links    */

div.text{
	margin-left : 15px;
	margin-top : 10px;
	margin-bottom : 10px;	
  
  width: 720px; 
}

div.text2{
	margin-left : 15px;
	margin-top : 10px;
	margin-bottom : 10px;	
  
  width: 570px; 
}


h1.nadpis{
	margin:0;
  padding:0;
  font-size: 20pt;
}
.onrow {
  background-color: black;
}

.offrow {
  background-color: #464646;
}

.bunka
{
text-align:center;
height:180px;
width:134px;
border:1px solid #000000;
float:left;
margin-left:4px;
margin-top:4px;  
background-color: #6D6D6D;
position:relative;
}
.bunka_vnitrni
{
text-align:center;
height:121 px;
width:121 px;
position:bottom;
float:bottom;
}

.bunka_vnitrni2
{
text-align:center;
height:40 px;
width:130 px;
}



.menu {
	padding: 0;
	margin: 0;
	background:url(images/menubg.bmp);
}
.menu a {
  color:white;
  font-weight:bold;
  text-decoration:none;
	text-align: center;
}
.menu ul, .menu li {
	list-style-type: none;
	margin: 0;
	padding: 0 .5em;
}
ul.uroven1 li.polozka1 {
	float: left;
	position: relative;
	padding: .2em .5em;
	height: 1em;
	_width: 1px; /* IE */
}
ul.uroven2 {
	position: absolute;
	left: 0;
	top: 1.4em;
	_top: 1.6em; /* IE */
	background: #80a4ff;
	border: solid #80a4ff 1px;
	visibility: hidden;
	padding: .4em .2em;
}

ul.uroven2 img {
	border: solid #80a4ff 1px;
}
ul.uroven2 li.polozka2 a {
  font-size: 10px; 
  color:black;
	text-align: left;
	padding: 0 .5em .1em;
	margin: 0 -.5em;
}
ul.uroven2 li.polozka2 a:hover {
	background: #80a4ff;
	text-decoration:underline;
  font-size: 12px; 
  color:yellow;
}

ul.uroven1 li.polozka1 {
	behavior: url(hover.htc);
}
ul.uroven1 li.polozka1Hover ul.uroven2,
ul.uroven1 li.polozka1:hover ul.uroven2 {
	visibility: visible;
}


 #produkty {
  padding: 5px 0 0 0;
  margin: 0 0 5px 0;
  background-color: white;
 }
 
 #produkty p {
  position: relative;
  display: inline-block;
  width: 247px;
  height: 178px;
  margin: 5px 3px 0 0;
  padding: 0;
  background: url(images/bg-produkt.jpg) no-repeat left top;
  cursor: pointer;
  color: black;
  text-align: center;
 }
 #produkty p img {
  display: block;
  height: 126px;
  margin: 1px auto 0 auto;
 }
 #produkty p a {
  display: block;
  height: 21px;
  text-decoration: none;
  color: black;
  text-align: left;
 }
 #produkty p a strong {
  padding: 5px 0 0 10px;
  display: block;
 }
 #produkty p span {
  padding: 0 0 0 10px;
  margin: 0 13px 0 0;
  display: block;
  text-align: right;
  font-size: 14px;
  font-weight: bold;
 }
 #produkty p span img {
  display: block;
  height: 32px;
  margin: 1px auto 0 auto;
  position: relative;
 }

