body {
  margin:0;
  background-color:#ccc;
  font:8pt arial;
  color:#eee;
  background:url('../img/mainBack.jpg');
}

#area {
  text-align:center;
}

#header {
  height:151px;
  background-image:url('../img/headerBack3.png');
  background-position: bottom;
}

#header div {
  border:solid 0px #fff;
}

#headerArea {
  width:830px;
  margin-left:auto;
  margin-right:auto;
}

#logo {
  float:left;
  margin-top:36px;
/*  margin-left:5px; */
}

#logo img { border:0; }

#menu {
  float:right;
  font:16pt Arial Narrow;
  font-weight:bold;
}

#menu ul {
  list-style:none;
  padding:0;
  margin:50px 0 0 0;
}

#menu li {
  float:left;
  padding:0;
  margin:0;
}

#menu li a {
  display:block;
  text-decoration:none;
  padding:0 15px 0 25px;
  margin-bottom:8px;
  color:#999; 
  background:url('../img/menu.jpg');
  background-position:left center;
  background-repeat:no-repeat;
}

#menu li a:hover {
  color:#70bbee;
  background:url('../img/menuHover.jpg');
  background-position:left center;
  background-repeat:no-repeat;
}

#menu li ul {
  font:9pt Arial;
  margin:0;
  visibility: hidden;
}

#menu ul ul li {
  float:left;
  padding:0;
  margin:0;
}

#menu li li a {
  display: block;
  background:none;
  margin:0;
  padding:0 5px;
  line-height:1.5em;
}

#menu li li a:hover {
  display: block;
  background:none;
  font-weight:bold;
}

#page {
  width:830px;
  min-height:350px;
  margin-left:auto;
  margin-right:auto;
  background:url('../img/mainAreaBack.jpg');
  text-align:left;
  font-size: 10pt;
}

#page h1 {
  padding-left:15px;
  font-size:14pt;
}

#page h1 img {
  height:18px;
  margin-right:10px;
}

#page p {
  padding:15px;
  color:#ccc;
  margin:0;
}

#page hr {
  width:97%;
  border:0;
  height:1px;
  background-color:#666;
  color:#666;
  text-align:center;
}

#page ul {
  color:#ccc;
}

#pageMenu {
  position:absolute;
  float:right;
  left: 660px;
  width:350px;
  height:40px;
  text-align:left;
  background-image:url('../img/pageMenu-back.png');
  background-position:bottom;
}

#pageMenu ul {
  margin:13px 0;
  padding:0;
  list-style:none;
  text-align:center;
}

#pageMenu ul li {
  float:left;
}

#pageMenu ul li a {
  font-size:12pt;
  font-weight:bold;
  padding:0 10px;
  color:#ccc;
  border-right:solid 2px #999;
  text-decoration:none;
}

#pageMenu ul li a:hover {
  color:#70bbee;
}

#banner {
  text-align:center;
  padding-top:10px;
  
}

#mainArea {
  float:none;
  clear:both;
}

#mainArea a {
  color:#70bbee;
  text-decoration:underline;
}

#mainArea a:hover {
  text-decoration:none;
}

#banner img {
  margin-top:10px;
}

#footer {
  height:120px;
  background:url('../img/footerBack.png');
  color:#999;
}

#footer div {
  border:solid 0px #ccc;
}

#footer #footerMenu {
  float:right;
}

#footer #footerAddress {
  float:left;
  font-size: 8pt;
  width:195px;
}

#footerAddress b {
  font-size:11pt;
  color:#70bbee;  
}

#footerAddress p {
  margin:0 5px;
  line-height:1.5em;
  padding-top:10px;
}

#footerAddress img {
  float:right;
}

#footerArea {
  width:830px;
  margin-left:auto;
  margin-right:auto;
  padding-top:30px;
  text-align:left;
}

#footerMenu {
  margin:0 5px;
}

#footerMenu ul {
  margin:0;
  padding:0;
  list-style:none;
}

#footerMenu li {
  text-align:left;
  float:left;
  margin:0;
  padding:0;
}

#footermenu li a {
  padding:0 5px;
  border-right:solid 1px #999;
  text-decoration:none;
  color:#999;
}

#footermenu li a:hover {
  color:#70bbee;
}

#copyright {
  text-align:right;
  padding-top:60px;
  font-size: 7pt;
}

#copyright a {
  color:#70bbee;
  font-weight:bold;
  text-decoration:none;
}

#copyright b {
  color:#70bbee;
}

.produkty {
  height:170px;
  padding:0 10px;
}

.produkty img {
  margin:0 15px;
  height:160px;
}