* { padding: 0; margin: 0; }

body { background: #659CB8 url('img/pozadi.gif') top left repeat; color: black; font: 65%/1.5 verdana, helvetica, sans-serif; text-align: center; }

a { color: black; text-decoration: underline; }
a:hover { text-decoration: none; }
a img, img { border: none;}

.right { float: right; }
.left { float: left; }
.clear { clear: both; }
.center { margin: 0 auto; text-align: center; }
.hidden { display: none; }


#gradient { background: url('img/gradient.gif') top left repeat-x; width: 100%; min-height: 369px; }
#obal { background: url('img/obal.gif') top left repeat-y; width: 760px; text-align: left; margin: 0px auto; display: block; position: relative; }


#hlava { background: url('img/hlava.jpg') top left no-repeat; display: block; width: 760px; height: 285px; }
#hlava h2 { float: left; position: relative; display: block; width: 328px; height: 50px; margin: 24px 0 0 45px; overflow: hidden;  }
#hlava h2 a span { position: absolute; top: 0; left: 0; display: block; width: 328px; height: 50px; cursor: hand; background: url("img/jaromir-vit.gif") top left no-repeat;  }
#hlava #kontakt-mail { position: absolute; top: 43px; left: 553px; display: block; color: #848484; font-weight: bold; font-size: 100%; }
#hlava #kontakt-mail a { color: #1343B7; text-decoration: none; }
#hlava #kontakt-mail a:hover { text-decoration: underline; }

#content { float: right; margin: 15px 11px 20px 20px; width: 530px; display: inline; }
#content h1 { font-size: 180%; margin: 0 0 8px 0; }
#content h2 { font-size: 150%; margin: 30px 0 0 0; }
#content h3 { font-size: 120%; margin: 7px 0 1px 0; }
#content p { text-align: justify; margin: 0 0 5px 0; }

#content ol { margin: 5px 0 0 20px; }
#content ol li { margin: 0 0 2px 0; }
#content ol li ul { margin: 0 0 0 20px; }
#content ol li ul.alpha { list-style-type: lower-alpha; }

#content ol.bold { font-weight: bold; }
#content ol.bold span { font-weight: normal; }
#content ol.bold ul { font-weight: normal; }
#content ol.bold li { margin: 0 0 8px 0; }
#content ol.bold li ul li { margin: 0 0 2px 0; }


#content .separator { width: 100%; height: 1px; font-size: 1%; display: block; background: #659CB8; }
#content strong.archiv { float: right; color: #8E8E8E; padding: 2px 0 0 0; }
#content strong.archiv a { color: #6E6E6E; }
#content .kdy { color: #6E6E6E; }

#menu { width: 184px; float: left; margin: 0 0 20px 11px; display: inline; }
#menu ul { margin: 15px 0 15px 0; list-style-type: none; }
#menu ul li { width: 188px; height: 28px; margin: 0 0 4px 0; display: block; text-align: left; clear: left; } /*real width: 188, height: 28*/
#menu ul li a { width: 168px; height: 23px; display: block; border-top: 1px solid #1764D4; padding: 5px 5px 0 15px; color: white; font-weight: bold; text-decoration: none; background: #1B80EE url("img/menu-li.gif") top left repeat-y;  }
#menu ul li a:hover { background: #144ABD url("img/menu-li-hover.gif") top left no-repeat; text-decoration: underline;  }

#menu #box { width: 176px; background: #B4CFDC; padding: 4px 5px 10px 5px; border: 1px solid white; }
#menu #box h3 { font-size: 110%; margin: 0 0 8px 0; }
#menu #box a { color: #1343B7; }

#pata { width: 752px; padding: 15px 0 0 0; background: #FFFFFF url("img/pata.gif") top left no-repeat; margin: 0 4px; text-align: center; }
#pata strong { margin: 2px 0 4px 15px; display: block; }
#pata div { color: #8E8E8E; padding: 0 0 1px 15px; display: block; }
#pata div a { color: #8E8E8E; }
#pata #podpata { margin: 0; padding: 0 0 4px 0; }

#image-preload { height: 1px; overflow: hidden; position: relative; }
#image-preload div { height: 1px; width: 1px; display: block; float: left; }
#image-preload span { height: 1px; width: 1px; background: #5F98B5; position: absolute; top: 0; left: 0; display: block; }
#image-preload #imgpr_menu_li_hover { background: url('img/menu-li-hover.gif') top left no-repeat;}