/* CSS Document */

body {text-align: center; margin: 0px; padding: 0px; padding-bottom: 20px; background-color: rgb(72,78,42); background-image: url(pozadie.jpg);  background-repeat: repeat-x; behavior: url(csshover.htc);}
  #telo {width: 780px; background-color: white; position: relative; margin: 0px auto 0px; }
  #text {padding-left: 30px; padding-right: 30px; padding-bottom: 20px; font: normal 12px Arial, sans-serif; text-align: justify; color: rgb(19,19,19); width: 780px; position: relative; background-color: white; background-image: url(transparent.jpg); background-repeat: no-repeat; margin: 0px auto 0px; border-left: 2px solid rgb(96,96,96); border-bottom: 2px solid rgb(48,48,48); border-right: 2px solid black;}
  #menu {position: absolute; top: 150px; left: 190px; font: bold 12px Verdana, Arial, sans-serif; text-align: justify; color: white; letter-spacing: 1px; z-index: 2;}
  #menu2 {position: absolute; top: 90px; font-family: Impact, Arial, sans-serif; font: 17px; text-align: justify; color: rgb(32,32,32); padding-left: 21px; letter-spacing: 1px;}
  #menu a {color: white; text-decoration: none;}
  #menu a:hover {color: rgb(254,0,0); text-decoration: none;}
  #text img {float: right; margin: 20px;}
  
  em {font: bold 12px Arial, sans-serif; }
  input, textarea {background-color: transparent; font: bold 12px Arial, sans-serif; text-align: left;}
  
  #produkt {float: left; width: 300px; height: 300px; border: solid 0px black; text-align: center; margin: 0px; padding-left: 40px;}
  #produkt img {height: 200px; border: solid 0px;}
  
  #text1 {padding-left: 30px; padding-right: 30px; padding-bottom: 20px; font: normal 12px Arial, sans-serif; text-align: center; color: rgb(19,19,19); width: 780px; position: relative; background-color: white; background-image: url(transparent.jpg); background-repeat: no-repeat; margin: 0px auto 0px; border-left: 2px solid rgb(96,96,96); border-bottom: 2px solid rgb(48,48,48); border-right: 2px solid black;}
  
  div#nav {position: absolute; width: 600px; top: -25px; left: 150px; font: bold 12px Verdana, Arial, sans-serif; text-align: center; color: white; letter-spacing: 1px; z-index: 2;}
div#nav ul {margin: 0; padding: 0;}
div#nav li {position: relative; padding-top: 3px; padding-bottom: 3px;
  float: left; }
div#nav li:hover {}
div#nav li.submenu {}
div#nav li.submenu li {background-image: url("pozadie_menu.png"); }
div#nav li.submenu:hover {}
div#nav li a {display: block; padding: ;
  text-decoration: none; width: 100px; color: white;}
div#nav li a:hover {color: red;} 
div#nav>ul a {width: 100px;}
div#nav ul ul {position: absolute; width: 100px;
  display: none;}
div#nav ul ul li {border-bottom: 1px solid #CCC;}
div#nav li.submenu li.submenu {background-color: url("pozadie_menu.png"); }
div#nav li.submenu li.submenu:hover {}
div#nav li.submenu li.submenu:hover {background-color: black;}
div#nav ul.level1 li.submenu:hover ul.level2, 
div#nav ul.level2 li.submenu:hover ul.level3, 
div#nav ul.level3 li.submenu:hover ul.level4 {display: block;}
div#nav ul.level2 {top: 17px; left: 0px;}
div#nav ul.level3 {top: -1px; left: 99px;
  border-top: 1px solid #CCC;}
div#nav ul.level4 {top: -1px; left: 99px;
  border-top: 1px solid #CCC;}