* {margin: 0; padding: 0;}
body, html {background: #fff; margin: 0; padding: 0; font-family: "Trebuchet MS", sans-serif; "Verdana CE", "Arial CE", "Lucida Grande CE", "Helvetica CE", Verdana, Arial, lucida, sans-serif; font-size: 90%; }
body { text-align: center; }
h2 { color: #BCDB10; font-size: 130%; }
h3 { background: #fff; margin: 10px 0 10px 0; color: #9DB900; font-size: 120%;   }
h4 { color: #0A51B1; font-size: 120%;  }
h4 span { color: #B8D900; font-family: "Arial Black", "Trebuchet MS", sans-serif; "Verdana CE", "Arial CE", "Lucida Grande CE", "Helvetica CE", Verdana, Arial, lucida, sans-serif; }
p { padding: 0 0 10px 0; }
#top, #main, #footer { width: 760px; position: relative; margin: 0 auto; text-align: left; background: #fff; }
#top {  text-align: center; height: 145px; border: 1px solid #DEDEDE; border-width: 0 0 1px 0; background:url("grafika/bg-head.gif") 100% 100% repeat-x #fff; }
#top h1 img { margin: 18px 0 0 0; } 
#top h2 { text-align: center; width: 760px;  position: relative; bottom: 10px; } 
#main { padding: 15px 0 15px 0; }
#side { width: 320px; float: right; padding: 0 0; border: 1px dashed #C4C4C4; border-width: 0 0 0 1px; }
#side img#hpillustration { display: block; width: 141px; height: 232px; float: right; margin: 0 0 0 10px; }
#side h3 { font-size: 100%; padding: 10px 10px 0 20px; margin: 0 0 0 0; background: none; color: #0A51B1;  }
#side p { padding: 10px 10px 10px 20px; margin: 0 0 0 0; background: none; }
form { padding: 15px; margin: 0 0 40px 0; width: 380px; border: 1px solid #EAEEF0; background:url("grafika/bg-box.gif") 100% 100% repeat-x #FCFDFE; } 
form p { height: 25px; padding: 0 0 0 0; }
form p label { display: block; width: 150px; float: left; text-align: right; font-weight: bold; color: #444E57; padding: 0 4px 0 0; }
form input { width: 150px; }
form input.tlacitko { padding: 1px 3px; font-weight: bold;  font-family: "Trebuchet MS", sans-serif; "Verdana CE", "Arial CE", "Lucida Grande CE"; cursor: pointer; cursor: hand; position: relative; left: 155px;   }
body#generator form { width: 760px; text-align: center; padding: 15px 0; }
body#generator form fieldset { text-align: left; border: 3px solid #B1C0C7; border-width: 0 0 3px 0; padding: 10px 0 5px 0; margin: 0 15px 5px 15px; }
body#generator form fieldset select { width: 210px; }
body#generator form fieldset legend { display: block; padding: 3px; color: #000; font-weight: bold; }
body#generator form p label { width: 250px; }
#footer { border: 1px solid #E2E8EB; border-width: 1px 0 0 0;   text-indent: 10px; padding: 10px 0; color: #5C6B70; }
#footer a:link, #footer a:visited { color: #5C6B70; }
#footer a:active, #footer a:hover { color: #000; }
.clear { clear: right; height: 25px; border: 1px solid #DEDEDE; border-width: 1px 0 0 0; background:url("grafika/bg-clear.gif") 0% 0% repeat-x #fff; margin: 0 0 0 0; position: relative; top: 15px; }

ul li { margin: 0 0 0 0; padding: 0 0 0 0; list-style-type: none; font-weight: bold; font-size: 100%; }
ul li ul { margin: 0 0 0 0; padding: 0 0 20px 0; }
ul li ul li { margin: 0 0 0 0; padding: 0 0 0 0; font-weight: normal; font-size: 100%;}
a:link { color: #225ADD; }
a:visited { color: #863184; }
a:active, a:hover { color: #000; }