body {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: black; margin: 0!important; padding: 0; background-color: black; background-image: url(grafika/bgr-rep.jpg); background-repeat: repeat-y; height: 100%;}
html {height: 100%; margin: 0; padding: 0;}
/* \*/ 
* html #hnizdo { height: 1%; } 
/* */ 

#hnizdo {background-image: url(grafika/bgr.jpg); background-repeat: no-repeat; min-height: 100%; margin: 0; background-position: left top;}
h1 {font-weight: normal; font-size: 13px; margin: 0 0 12px 0; color: #9ABB73;} 

a {color: #9ABB73;}
a:hover {color: #82A952;}
a img {border: none;}
p {margin: 0 0 15px 0;}


#menubgr {
    width: 616px; height: 191px;
    background: url(grafika/menu3.jpg);
    margin: 0 0 0 315px ; padding: 0;
    position: relative; z-index: 10; background-repeat: no-repeat;}
#menubgr li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}cc
#menubgr li, #menubgr a {
    height: 191px; display: block;}
	
#one {left: 0; width: 105px;}
  #two {left: 107px; width: 80px;}
  #three {left: 189px; width: 142px;}
  #four {left: 335px; width: 87px;}
  #five {left: 420px; width: 98px;}
  #six {left: 520px; width: 94px;}
  
  
/*#one a:hover {
    background: transparent url(grafika/menu.jpg) 0 -186px no-repeat;}
#two a:hover {
    background: transparent url(grafika/menu.jpg) -107px -186px no-repeat; background-color: red;}
#three a:hover {
    background: transparent url(grafika/menu.jpg) -189px -186px no-repeat;}
#four a:hover {
    background: transparent url(grafika/menu.jpg) -335px -186px no-repeat;}
#five a:hover {
    background: transparent url(grafika/menu.jpg) -420px -186px no-repeat;}

*/

#one a:hover {
    background: transparent url(grafika/menu3.jpg) 0 -191px no-repeat;}
#two a:hover {
    background: transparent url(grafika/menu3.jpg) -107px -191px no-repeat;}
#three a:hover {
    background: transparent url(grafika/menu3.jpg) -189px -191px no-repeat;}
#four a:hover {
    background: transparent url(grafika/menu3.jpg) -335px -191px no-repeat;}
#five a:hover {
    background: transparent url(grafika/menu3.jpg) -420px -191px no-repeat;}
#six a:hover {
    background: transparent url(grafika/menu3.jpg) -520px -191px no-repeat;}



#one a#active {
    background: transparent url(grafika/menu3.jpg) 0 -382px no-repeat;}
#two a#active {
    background: transparent url(grafika/menu3.jpg) -107px -382px no-repeat;}
#three a#active {
    background: transparent url(grafika/menu3.jpg) -189px -382px no-repeat;}
#four a#active {
    background: transparent url(grafika/menu3.jpg) -335px -382px no-repeat;}
#five a#active {
    background: transparent url(grafika/menu3.jpg) -420px -382px no-repeat;}
#six a#active {
    background: transparent url(grafika/menu3.jpg) -520px -382px no-repeat;}


#logo {position: absolute; width: 100px; left: 810px; float: left; color: white; height: 126px; overflow: hidden; z-index: 1000;width: 100px;}

#content {padding: 15px 20px 20px 160px; width: 715px; line-height: 130%;}
#content-home {padding: 15px 20px 20px 100px; width: 775px; line-height: 130%;}
#content-viz {padding: 15px 20px 20px 230px; width: 645px; line-height: 130%;}
#obrazek {width: 370px; float: left;}
#content-home #obrazek {width: 444px;}
#content-viz #obrazek {width: 300px;}
#text {width: 300px; float: right; margin-top: 12px;}
#clearing {clear: both;}