html, body {margin: 10px; padding: 0; height: 100%; min-height: 101%; text-align: center; background: url(img/bg.gif);
font: normal 12px verdana, tahoma, sans-serif;
}

* {margin: auto;}

img {padding: 0 0 10px 20px;}

h1 {font: bold 13px verdana, tahoma, sans-serif; color: #00D200; margin: 0; padding: 0;}
h2 {font: normal 13px verdana, tahoma, sans-serif; color: #008000; margin: 0; padding: 0;}

#over {width: 700px; border: 1px solid #4E4E4E; background: white;}
#kontekst {padding: 0 15px 10px 15px; text-align: justify;}

#stopka {background: url(img/grad02.gif); height: 30px; font-size: 10px; color: #666666; border-top: 1px solid #C0C0C0; padding: 0 0 0 15px; text-align: left;}


#stopka a {color: #666666;}
#stopka a:hover {color: #666666;}


p {font: normal 12px verdana, tahoma, sans-serif; margin: 18px 0;}

.bmiopis {padding: 0 5px; font-weight: bold; color: #008000;}


a {color: #800040; text-decoration: none;}
a:hover {color:  #800040; text-decoration: underline;}


#bmi {background-color: #CCFFCC; width: 100%; height: 24px; margin: 10px 0;}


#bmi ul
{display: block; list-style: none; padding: 0 0 0 20px; background-color: #CCFFCC;
}
        
#bmi ul li
{float: left;
margin-right: 20px;
}

#bmi ul li a
{display: block; text-decoration: none; background: #CCFFCC; padding: 5px;
}

#bmi ul li a:hover
{display: block; text-decoration: none; background: White; padding: 5px; color: #A80054;
}





/* set millions of background images */
.rbroundbox { background: url(img/nt.gif) repeat; }
.rbtop div { background: url(img/tl.gif) no-repeat top left; }
.rbtop { background: url(img/tr.gif) no-repeat top right; }
.rbbot div { background: url(img/bl.gif) no-repeat bottom left; }
.rbbot { background: url(img/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 7px; }
.rbroundbox { width: 180px; margin: 1em auto; text-align: center;}