#center  #zelena  {position: relative;  width: 750px; height: 100%;  background: #56903c url(../images/center-zelena-prasatko.jpg) no-repeat top left; padding: 10px; margin-bottom: 10px; color: #fff}
#center  #zelena h2  {color: #feff66; background: none}
#center  #zelena h3  {color: #feff66;  background: none}
#center  #zelena .listy  {width: 750px; height: 100%;  background: #56903c url(../images/center-zelena-podklad.jpg) repeat-y; }

#center  #zelena  .menu  {position: relative; width: 400px}
#center  #zelena  .menu ul {padding: 0; margin: 0; padding: 20px 10px 20px 10px}
#center  #zelena  .menu ul li { list-style: none; text-align: center; padding: 5px}
#center  #zelena  .menu ul li a {position: relative; display: block; background: #56903c; padding: 7px; color: #fff; text-decoration: none; font-size: 14px; border-top: 1px solid #ffffa1;}
#center  #zelena  .menu ul li a:hover { background: #000;}


#center  #zelena  .menu2 {left: 0px; padding: 0px; margin: 40px 0 0 0; width: 770px; height:235px}
#center  #zelena  .menu2 ul {padding: 0px; margin: 0px; left: 0px; width: 770px}
#center  #zelena  .menu2 ul li {list-style: none; text-align: center; padding: 0 10px 10px 0; margin: 0px; display: block;; float: left; width: 242px}
#center  #zelena  .menu2 ul li a {position: relative; background: #56903c; padding: 0px; margin: 0px;  color: #fff; text-decoration: none; font-size: 14px;  width: 242px; height: 225px; display: block}
#center  #zelena  .menu2 ul li a span {position: absolute; left: 0; top:0; width: 242px; height: 225px; }
#center  #zelena  .menu2 ul li a span.wh {background: url(../images/zelena-aquaticwh750.jpg) no-repeat top left;}
#center  #zelena  .menu2 ul li a span.whv {background: url(../images/zelena-aquaticwh750v.jpg) no-repeat top left;}
#center  #zelena  .menu2 ul li a span.solar {background: url(../images/zelena-solar.jpg) no-repeat top left;}
#center  #zelena  .menu2 ul li a span.wh:hover {background: url(../images/zelena-aquaticwh750-a.jpg) no-repeat top left;}
#center  #zelena  .menu2 ul li a span.whv:hover {background: url(../images/zelena-aquaticwh750v-a.jpg) no-repeat top left;}
#center  #zelena  .menu2 ul li a span.solar:hover {background: url(../images/zelena-solar-a.jpg) no-repeat top left;}

/* #center  #zelena  {position: absolute;  left: 10px; top: 154px; width: 40px; height: 50px; background:  url(../images/prasatko.gif) no-repeat; color: transparent}*/