* {
margin: 0;
padding: 0;
font-family: verdana;
font-size: 11px;
line-height: 160%;
}

html, body {
	height: 100%;
}

body {
margin: 0;
padding: 0;
text-align: center;
background: url(img/pr2_tlo.jpg);
}

#pagebg {
width: 100%;
min-height: 70%;
background: url(img/pagebg.jpg) repeat-y;
background-position: center;
}

* html #pagebg
{
	height: 70%;
}

#menu {
z-index: 50;
position: absolute;
top: 94px;
width: 100%;
height: 112px;
background: url(img/menubg.jpg);
}

#menu ul, li {	/* list use for the menu  */
  list-style-type: none;	/* suppression of list markers */
  margin:0;
  padding:0;
}

#menu ul {
  background: url(img/menu2.jpg) 0 0px no-repeat;	/* general menu background */
  width: 760px;
  height: 100px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: 6px;
}

#menu li {
  display: block;
  float: left;
  width: 190px;
  border-bottom-color: #ffffff;
  border-bottom-width: 0px;
  border-bottom-style: solid;
  border-top-color: #ffffff;
  border-top-width: 0px;
  border-top-style: solid;
  text-align: center;
}

#menu li:hover, #menu li:focus {
  border-bottom-color: #aaa;
  border-bottom-width: 0px;
  border-bottom-style: solid;
  border-top-color: #aaa;
  border-top-width: 0px;
  border-top-style: solid;
}

#menu li a {	/* buttons dimensions and definitions */
  display: block;
  padding: 0 0 0 0;
  height: 100px;
  color: #555;
  text-decoration: none;
}

#menu ul li a h3 {
	display: none;
}

#menu li a:hover, #menu li a:focus {
  background: url(img/menu2.jpg) 0 40px no-repeat;
  color: #5B87A9;
}
#menu li a.menu1:hover, #menu li a.menu1:focus {
  background-position: -760px 0px;	/* background place offset for each button */
}
#menu li a.menu2:hover, #menu li a.menu2:focus {
  background-position: -950px 0px;
}
#menu li a.menu3:hover, #menu li a.menu3:focus {
  background-position: -1140px 0px;
}
#menu li a.menu4:hover, #menu li a.menu4:focus {
  background-position: -1330px 0px;
}

#baner{
z-index: 70;
position: absolute;
top: 0px;
margin: 0;
padding: 0;
width: 100%;
height: 100px;
background: url(img/baner2.jpg) no-repeat;
background-position: center;
}

#pagetopbg {
z-index: 70;
position: absolute;
top: 200px;
_top: 196px;
margin: 0;
padding: 0;
width: 100%;
height: 6px;
background: url(img/pagetopbg.jpg) no-repeat;
background-position: center;
}

#container {
margin-left: auto;
margin-right: auto;
width: 760px;
}

#page {
padding-top: 220px;
padding-left: 17px;
padding-right: 17px;
text-align: justify;
}

#page a, #page a:visited {
	text-decoration: underline;
}

#page a:hover, #page a:focus {
	text-decoration: none;
}

#page ul,li {
list-style-type: circle;
}

#page ul {
	margin-left: 30px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#page ul.produkty {
margin: 0;
list-style-type: none;
width: 740px;
height: 1040px;
}

#page ul.produkty li {
list-style-type: none;
display: block;
float: left;
width: 170px;
height: 240px;
margin: 5px;
border: 0px dashed black;
}

#page ul.produkty h3 {
	margin: 0;
	padding: 0;
	font-size: 11px;
	text-align: center;
	color: #555;
	font-weight: normal;
}

#page ul.produkty li a {
  display: block;
  padding: 0 0 0 0;
  margin: 0;
  height: 240px;
  color: #555;
  text-decoration: none;
  background: url(img/menu.jpg) 0 20px no-repeat;
  color: #5B87A9;
}

#page ul.produkty li a:hover {
text-decoration: underline;
}

#page ul.produkty li a.pr1 {
background: url(img/audispray.jpg) 0 20px no-repeat;
}

#page ul.produkty li a.pr2{
background: url(img/audibaby.jpg) 0 20px no-repeat;
}

#page ul.produkty li a.pr3 {
background: url(img/daivobet.jpg) 0 20px no-repeat;
}

#page ul.produkty li a.pr4 {
background: url(img/daivonex.jpg) 0 20px no-repeat;
}

#page ul.produkty li a.pr5 {
background: url(img/enterol.jpg) 0 20px no-repeat;
}

#page ul.produkty li a.pr6 {
background: url(img/feroplex.jpg) 0 20px no-repeat;
}

#page ul.produkty li a.pr7 {
background: url(img/fuicidin.jpg) 0 20px no-repeat;
}

#page ul.produkty li a.pr8 {
background: url(img/levopront.jpg) 0 20px no-repeat;
}

#page ul.produkty li a.pr9 {
background: url(img/meteospasmyl.jpg) 0 20px no-repeat;
}

#page ul.produkty li a.pr10 {
background: url(img/molutrex.jpg) 0 20px no-repeat;
}

#page ul.produkty li a.pr11 {
background: url(img/novophane.jpg) 0 20px no-repeat;
}

#page ul.produkty li a.pr15 {
background: url(img/pumovap.jpg) 0 20px no-repeat;
}

#page ul.produkty li a.pr12 {
background: url(img/unimer_h.jpg) 0 20px no-repeat;
}

#page ul.produkty li a.pr13 {
background: url(img/unimerped.jpg) 0 20px no-repeat;
}

#page ul.produkty li a.pr16 {
background: url(img/viscoderm.jpg) 0 20px no-repeat;
}

#page ul.produkty li a.pr14 {
background: url(img/zindaclin.jpg) 0 20px no-repeat;
}

#ftext {
font-size: 9px;
letter-spacing: 1px;
position: relative;
bottom: 0px;
margin: 0;
padding: 0;
padding-top: 20px;
width: 100%;
background: url(img/pagebg.jpg) repeat-y;
background-position: center;
}

#footer{
position: relative;
bottom: 0px;
margin: 0;
padding: 0;
width: 100%;
height: 90px;
background: url(img/footer3.jpg) no-repeat;
background-position: center;
}

/*leightbox*/

#albout {
	width: 760xpx;
	height: 400px;
	position: absolute;
	top: 10px;
	left: 50%;
}

#albin {
	position: relative;
	left: -380px;
}

.leightbox {
	color: #333;
	font-size: 16px;
	display: none;
	position: absolute;
	top: 250px;
	left: 10px;
	right: 10px;
	_width: 95%;
	*height: 90%;
	padding: 1em;
	border: 0em solid #B8B8B8;
	background-color: white;
	text-align: center;
	z-index:1001;
	overflow: auto;	
}

.aleightboxin {
	background-color: white;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	width: 750px;
}

#overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1000;
	background-color:#333;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}

.lbAction {
	font-size: 14px;
	color: red;
}

.lightbox[id]{ /* IE6 and below Can't See This */    position:fixed;    }#overlay[id]{ /* IE6 and below Can't See This */    position:fixed;    }