* {margin: 0; padding: 0; }
p, h1, h2, h3, h4, h5, h6, ul, ol, li, form, fieldset, img, a {border: none;} 
 
 body {font-size: small; font-family: verdana, sans-serif; text-align: center;}
 #ram {width: 810px; margin: 0 auto; text-align: left;}
 #hlavicka { height: 244px; width: 770px; position: relative; }
 #hlavicka { background: url("/img/podklad-hlavicka.jpg") left bottom no-repeat; }

 #preskocit {position: absolute; left:0; top: -2000px;}
 #hlavicka {margin: 20px 0 10px 0;}
 #hlavicka h1 {width: 770px; height:51px; font-size: 1.2em;}
 #hlavicka h1 a {display: block; width: 770px; height: 51px; overflow: hidden; position: relative;}
 #hlavicka h1 a span {background: url("/img/podklad-nadpis.gif") left top no-repeat; display: block; width: 770px; height: 51px; position: absolute; left: 0;top:0; z-index: 3;}

 #hlavicka h5 {width: 770px; height:51px; font-size: 1.2em;}
 #hlavicka h5 a {display: block; width: 770px; height: 51px; overflow: hidden; position: relative;}
 #hlavicka h5 a span {background: url("/img/podklad-nadpis-bez-sipky.gif") left top no-repeat; display: block; width: 770px; height: 51px; position: absolute; left: 0;top:0; z-index: 3;}
 
 #bioodkaz {position: absolute; left: 354px; top: 189px; width: 180px; height: 55px; dispaly: block;}
 #bioodkaz span {background: url("/img/biologie.gif") left top no-repeat;position: absolute; left: 0px; top: 0px; width: 180px; height: 55px; dispaly: block; z-index:3;}
 #bioodkaz:hover span, #bioodkaz:focus span,#bioodkaz:active span {background: url("/img/biologie.gif") left bottom no-repeat;}
 
 #sportodkaz {position: absolute; left: 670px; top: 87px; width: 100px; height: 104px; dispaly: block;}
 #sportodkaz span {background: url("/img/sport.gif") left top no-repeat;position: absolute; left: 0px; top: 0px; width: 100px; height: 104px; dispaly: block; z-index:3;}
 #sportodkaz:hover span, #sportodkaz:focus span, #sportodkaz:active span {background: url("/img/sport.gif") right top no-repeat;}
 
 
 #levysloupec {width: 219px; float: left; background: url("/img/cara1.gif") right top repeat-y; padding-right: 1px; margin-bottom: 15px;}
 #levysloupec h3 {text-align: center; border:0; padding:0; margin:0;}
 #levysloupec p {margin: 15px 0;}
 
 
 #menu {list-style: none; margin-bottom: 25px;padding-left:0;}
 #menu a {text-decoration: none; color: #f00;}
 #menu li {line-height: 1.4em; margin-bottom: 0; display: inline;}
 #menu li a {background: url("/img/sipka1.gif") 0 8px no-repeat; padding-left: 20px; display: block;}
 #menu li a:hover {background: #ffffe1 url("/img/sipka2.gif") 0 8px no-repeat;}
 /* druha uroven*/
 #menu ul {padding-left: 20px; list-style: none;}
 /* otevrene nebo aktualni polozka*/
 #menu li a.aktualni {color: #000; font-weight: bold; text-decoration: underline; cursor: default;}
 #menu li a.aktualni:hover {background: transparent url("/img/sipka1.gif") 0 8px no-repeat;}
 #menu li a.otevrena {color: #000; background: url("/img/sipka3.gif") 8px 5px no-repeat;}
 #menu li a.otevrena:hover {color: #000; background: url("/img/sipka3.gif") 8px 5px no-repeat;}
 
 #paticka {text-align: right; font-size: 0.8em; padding-top: 10px; margin: 0 0 10px 0; background: url("/img/podklad-paticka.gif") left top no-repeat; clear: both; color: #676767;}
 #paticka span {color: #000;}
 
 #obsah {width: 544px; border-right: 1px solid #ddd; margin-left: 30px; float: left; padding-right: 15px; margin-bottom: 15px;}
 h2 {font-size: 1.7em; text-transform: uppercase; color: #f00; font-weight: normal; text-align: center; margin-bottom: 20px; margin-top:15px;}
 h3 {font-size: 1.2em; color: #0e0789; border-left: 18px solid #0e0789; padding-left: 10px; margin-bottom: 10px; margin-top: 15px;}
 h4 {font-size: 1em; color: #000; text-transform: uppercase; margin-bottom: 5px; margin-top: 10px;}
 
 .aktualitka {background: url("/img/cara2.gif") left bottom repeat-x; padding-bottom: 5px; margin-bottom: 10px;}
 .aktualitka h3 {margin-top: 0;}
 .datum {text-align: right; color: #f00; font-size: 0.7em;}
 #obsah .aktualitka img, #obsah .foto img {border: 1px solid #aaa; padding: 5px; background: #f0f0f0; margin: 0 10px 10px 28px; float: left;}
 #obsah .aktualitka img.zavinac {border: 0px; padding: 0px; margin: 0px 2px 0px 2px; background: none; float: none;}
 .aktualitka p {margin-left: 28px; margin-bottom: 5px;}
 #obsah .aktualitka img.right { float:right;}
 
 img.ramecek {border: 1px solid #aaa; padding: 5px; background: #f0f0f0; margin: 10px;} 
 
 ul, ol {padding-left: 30px; list-style: outside;}
 ol { list-style-type: decimal; }
 li {margin-bottom: 5px;}
 
 p {margin-bottom: 10px;}
 a {color: #00f;}
 a:hover, a:active, a:focus {text-decoration: none; color: #000;}
 .right {text-align: right;}
 .center {text-align: center;}
 .floathelp {clear: both; font-size: 1px; line-height:1px; height: 1px;}
 .fright {float: right;}
 .fleft {float: left;}
 .nezobrazovat {display: none;}
.foto {	font-family: Verdana; font-size: 13px; font-weight: bold; padding: 10px; float:left; position: relative; text-align:center; border: 0; width: 200px; height: 160px; }
td { border: 1px solid black; margin: 0px; padding: 2px; }
form table tr td { border: 0px; margin: 0px; padding: 2px; }