* {margin: 0; padding: 0; }
 p, h1, h2, h3, h4, h5, h6, ul, ol, li, form, fieldset, img, a {border: none;}
 body {background: #253333 url("./img/podklad.gif") 2px 0  repeat-x; text-align: center; font-size: small; margin: 0; padding:0; color: #fff; font-family: Verdana, Arial, lucida, sans-serif;}
 
 #ram {width: 1000px; text-align: left; margin: 0 auto; background: url("./img/hlavicka.jpg") 0 0 no-repeat;}
 #hlavicka {position: relative;width: 1000px; height:329px; background: url("./img/hlavicka.jpg") left top no-repeat;}
 #logo {position: absolute; left: 717px; width: 283px; height: 71px;}
 #logo a {display: block;position: absolute; left:0; top:0; width: 283px; height: 71px; font-size: small; overflow:hidden;}
 #logo a span {background: url("./img/hlavicka.jpg") right top no-repeat; color: #fff; display: block;position: absolute; left:0; top:0; z-index: 3; width: 283px; height: 71px;}
 
 #telo {width: 1000px; background: url("./img/podklad-obsah.gif") 0px 70px no-repeat;}
 #obsah {overflow: hidden; width: 653px; float: left; padding: 100px 50px 0 0;}
 #pravysloupec {width: 297px; float: left;}


 
 h3.datum {float: left; margin: 0 20px 10px 0; color: #666; padding: 35px 0 0 10px; font-size: 10px; font-weight: normal; width: 59px; height: 52px; background: url("./img/datum.jpg") left top no-repeat;}
 h3.datum span {color: #000; font-size: 9px; letter-spacing: 0.5px; font-weight: bold; text-transform: uppercase;}
 
 .denautor p {text-align: right; font-style: italic;}
 p {margin-left: 90px; line-height: 1.6em; font-size: 1em; text-align: justify; margin-bottom: 10px;}
 p.info { text-align: right; clear: both; padding-top: 7px; border-top: 1px solid #576156; font-size: 0.8em; padding-bottom: 32px;}
 p.info span {color: #999;}

 #menu {width: 214px; margin: 5px 0 0 36px;background: #fff url("./img/menu-top.jpg") left top no-repeat;}
 #menu ul {width: 214px; padding: 30px 0; list-style: none; background: url("./img/menu-bottom.jpg") left bottom no-repeat;}
 #menu li {background: url("./img/menu-podklad1.gif") left bottom no-repeat; padding-left: 15px;}
 #menu a {color: #065ca1; text-decoration: none; padding: 8px 0px 8px 15px; display: block; font-size: 0.9em;} 
 #menu span {text-decoration: none; padding: 8px 0px 8px 15px; display: block; font-size: 0.9em;background: url("./img/menu-podklad2.gif") left center no-repeat; padding-left: 20px; color: #000;} 
 #menu a:hover.aktualni {color: #000;}
 #menu a:hover {background: url("./img/menu-podklad2.gif") left center no-repeat;color: #888;}
 
 #odkazy {width: 214px; margin: 20px 0 20px 36px;}
 #odkazy h3 {margin-bottom: 10px; width: 214px; height: 27px; position: relative; overflow: hidden;}
 #odkazy h3 span {background:url("./img/odkazy.gif") left top no-repeat; width: 214px; height: 27px; position: absolute;display: block; left: 0; top:0; z-index: 3;}
 #odkazy ul{list-style: none; margin-left: 15px;}
 #odkazy li {font-size: 0.8em;padding-left: 22px; background: url("./img/odrazka1.gif") left center no-repeat; margin-bottom: 10px;} 

 #paticka { background: url("./img/paticka.gif") 0 20px no-repeat; clear: both; width: 214px; margin: 0 0 0 738px; font-size: 0.7em; color: #888; padding: 20px 0  25px 0;} 
 #paticka p {margin: 7px 0 0 0;} 
 
 a {color: #accde5; }
 a:hover {color: #fff; text-decoration: none; }
 
 h3.vlastnih {font-size: 1.5em; padding-bottom: 10px; font-style: italic; color: #fbfbd4; font-family: georgia;}
 h3.topcitace {font-size: 1.5em; padding-bottom: 30px; font-style: italic; color: #fbfbd4; font-family: georgia; text-align: center;}
 h3.topcitace2 {font-size: 1.5em; padding: 30px 0 10px 0; font-style: italic; color: #fff; font-family: georgia; text-align: center;}
 h3.topcitace3 {font-size: 1.5em; padding-bottom: 8px; font-style: italic; color: #fbfbd4; font-family: georgia; text-align: center;}
 h3.topcitace4 {font-size: 1.5em; padding: 0px 0 30px 0; font-style: italic; color: #fff; font-family: georgia; text-align: center;}
 div.tvorba p {text-align: center; margin-left:0;}