body {text-align: center;background-color: #B7A661; color: #524F4F; font-family: 'Trebuchet MS', 'Tahoma CE', 'Arial CE', 'Helvetica CE', Tahoma, Arial, lucida, sans-serif;}
 #telo {width: 735px; background-color: #fff; margin: 15px auto 20px auto; padding: 0; border: 0; background: url("obr_design/podklad.gif") repeat-y left top; background-color: #fff;}
 h1 {font-size: 1.2em; margin: 0; padding:0;}
 #nadpis {position:relative; display: block; height: 102px; border: 0; margin: 0; padding: 0; overflow: hidden;}
 #nadpis span {display:block; position:absolute; left:0; top:0; z-index:1; width:735px; height:102px; margin:0; padding:0; background: url("obr_design/nadpis.jpg") no-repeat left top;}
 


 #menu {height: 74px; border: 0; margin: 0; padding: 0; background: url("obr_design/prazdno2.jpg") no-repeat right top; }
 #prazdno {float: left; height: 74px; width: 69px; border: 0; margin: 0; padding: 0; background: url("obr_design/prazdno.jpg") no-repeat left top; }

 #menu a {cursor: pointer; display: block; height: 74px; border: 0; margin: 0; padding: 0; float: left; overflow: hidden; }

 #menu a.p1 {width: 160px; position:relative;}
 #menu a.p2 {width: 144px; position:relative;}
 #menu a.p3 {width: 181px; position:relative;}
 #menu a.p4 {width: 148px; position:relative;}

 #menu a.p1 span {display:block; position:absolute; left:0; top:0; z-index:1; width:180px; height:74px; margin:0; padding:0; background: url("obr_design/ucebnice.jpg") top left no-repeat;}
 #menu a.p2 span {display:block; position:absolute; left:0; top:0; z-index:1; width:144px; height:74px; margin:0; padding:0; background: url("obr_design/ukazky.jpg") top left no-repeat;}
 #menu a.p3 span {display:block; position:absolute; left:0; top:0; z-index:1; width:181px; height:74px; margin:0; padding:0; background: url("obr_design/objednavka.jpg") top left no-repeat;}
 #menu a.p4 span {display:block; position:absolute; left:0; top:0; z-index:1; width:148px; height:74px; margin:0; padding:0; background: url("obr_design/diskuse.jpg") top left no-repeat;}

 #menu a.p1:focus span, #menu a.p1:hover span, #menu a.p1:active span, #menu a.p1 span.aktivni {background: url("obr_design/ucebnice.jpg") -160px;}
 #menu a.p2:focus span, #menu a.p2:hover span, #menu a.p2:active span, #menu a.p2 span.aktivni {background: url("obr_design/ukazky.jpg") -144px;}
 #menu a.p3:focus span, #menu a.p3:hover span, #menu a.p3:active span, #menu a.p3 span.aktivni {background: url("obr_design/objednavka.jpg") -181px;}
 #menu a.p4:focus span, #menu a.p4:hover span, #menu a.p4:active span, #menu a.p4 span.aktivni {background: url("obr_design/diskuse.jpg") -148px;}



 h2 {background: #FBF9EA; text-align: center; font-size: 1.5em; border-bottom: 3px dotted #B2A47C; margin-left: 1em; margin-right: 1em; padding-bottom: 4px; padding-top: 5px; font-family: 'Georgia CE', 'Times New CE', 'New York CE', 'Times CE', Georgia, times, serif;}
 p {margin-left: 1em; }

 h3 {border-left: 8px solid #B2A47C; padding-left: 10px; margin-left: 2em; margin-right: 1em; padding-bottom: 4px; font-family: 'Georgia CE', 'Times New CE', 'New York CE', 'Times CE', Georgia, times, serif;}
 div.posunuti {padding-left: 2.5em; padding-right: 1em;}


 .odkaz {margin: 0 2em 1em 2em; border: 3px solid #B2A47C; padding: 5px;}
 #odkazukazky {display: none;}
 h4.odd {text-align: left; font-size: 1.2em; margin-left: 2em; margin-right: 1em; font-family: 'Georgia CE', 'Times New CE', 'New York CE', 'Times CE', Georgia, times, serif; margin-bottom: 3px;}
 ul.abcd {list-style-type: lower-alpha;}
 ul.dec {list-style-type: decimal;}
 ul em {font-weight: bold;}
 ul.ukazky ul {margin-left: 0; padding-left: 50px; list-style-type: none; margin-bottom: 20px; border: 1px solid #E6DDC2; margin-right: 1em; background: url("obr_design/ukazka.gif") no-repeat top left;}
 ul.ukazky ul li {margin-bottom: 5px;}
 ul.ukazky ul li a {clear: both; display: block; border: 1px solid #E6DDC2; padding: 3px; height: 2em; line-height: 2em; margin-right: 2em; text-decoration: none; font-weight: normal; color: #524F4F; overflow: auto;}
 ul.ukazky ul li a span { font-weight: bold; color:  #B99016; text-decoration: underline;}
 ul.ukazky ul li img {border: 0; float: left; padding-right: 1em;}
 ul.ukazky ul li a.o {padding-left: 50px; background: url("obr_design/image.gif") no-repeat 4px 3px;}
 ul.ukazky ul li a.o:hover, ul.ukazky ul li a.o:focus, ul.ukazky ul li a.o:active {background: #E6DDC2  url("obr_design/image.gif") no-repeat 4px 3px ; color: #FF0000}
 ul.ukazky ul li a.w {padding-left: 50px; background: url("obr_design/word.gif") no-repeat 4px 3px;}
 ul.ukazky ul li a.w:hover, ul.ukazky ul li a.w:focus, ul.ukazky ul li a.w:active {background: #E6DDC2  url("obr_design/word.gif") no-repeat 4px 3px ; color: #FF0000}
 ul.ukazky ul li a.p {padding-left: 50px; background: url("obr_design/pdf.gif") no-repeat 4px 3px;}
 ul.ukazky ul li a.p:hover, ul.ukazky ul li a.p:focus, ul.ukazky ul li a.p:active {background: #E6DDC2  url("obr_design/pdf.gif") no-repeat 4px 3px ; color: #FF0000}

 ul.bez {list-style-type: none;}	
 ul.bez li {margin-bottom: 5px;}


 #obsah {border: 0; margin: 0; padding: 0; margin: 15px 40px 45px 20px; text-align: justify;}
 #paticka {border: 0; background: #5F5941; margin: 0; color: #FCF5CD; padding: 5px 5px 5px 25px; border-top: 1px solid #000; }
 #paticka ul {border: 0; margin: 0; padding: 0; list-style-type: none; float: left; width: 21em ; border: 2px dotted #8C8161; padding-left: 10px; font-size: 0.8em;}
 #paticka span.kontakt {display: block; float: left; width: 6em; overflow: hidden; border-bottom: 2px dotted #8C8161; text-align: center; padding-right: 1em; padding-left: 1em; font-weight: bold; color: #FCF5CD;}
 #paticka a {color: #FCF5CD;}
 #paticka a:hover, #paticka a:focus, #paticka a:active {color: #fff;}



 #vzkazy  {border: 3px solid #91803D; padding: 1em;}
 html>body #vzkazy  {border: 3px dotted #B2A47C; padding: 1em;}
 #vzkazy  legend {border: 1px solid #B2A47C; padding: 3px 6px; background-color: #B2A47C; color: #fff; font-weight: bold;}
 #vzkazy p {margin-top: 1em; margin-bottom: 5px; font-weight: bold;}
 div.vstupni-text {margin: 0 0 0.5em 0; padding:0; text-align: left;}
 textarea#text {width: 600px; height: 70px; border: 1px solid #B2A47C; padding: 5px; text-align: left;}
 input#jmeno {border: 1px solid #B2A47C; padding: 5px; height: 18px; margin: 0; line-height: 18px}
 input#email {border: 1px solid #B2A47C; padding: 5px; height: 18px; line-height: 18px}
 input.inp {border: 1px solid #B2A47C; padding: 5px; height: 18px; line-height: 18px}

 .hodina {color: #fff;}
 #vzkazy p {margin-left: 0; border: 0px solid #000;}

 #obj {float: right; margin: 1em;}

 code {display: block; border: 1px solid #000; background: #fff; padding: 5px; margin: 5px;}


 div.prispevek {margin-left: 1em; background-image: url("obr_design/prouzek-diskuse.gif"); background-position: top left; background-repeat: repeat-x; font-weight: bold; padding: 5px; margin-bottom: 2em; border: 2px solid #91803D; background-color: #FCF5CD;}
 div.left-prispevek {float: left; width: 300px; margin-bottom: 0; color: #fff; padding-left: 10px; background: #91803D;} 
 div.right-prispevek {float: right; width: 300px;margin-bottom: 0; text-align: right; color: #fff;  background: #91803D;} 
 p.spodni-prispevek {clear: both; padding:5px; background-color: #FCF9E8; margin: 0; font-weight: normal; border: 1px solid #E6DDC2;}

 .vanoce {border: 2px solid #0B7E1C; background: #fff url(../obrazky/ostatni/vanoce.jpg) no-repeat left bottom; text-align: center; padding: 10px 10px 10px 60px; }
 
 a {color: #B99016; font-weight: bold;}
 a:link, a:visited {color: #AF0A0A;}
 a:hover, a:focus, a:active {color: #FF0000;}
 
 ul {text-align: left;}
 a img {border: 0;}

 acronym {cursor: help; border-bottom: 1px dashed #000;}

 .help {clear: both;}
 .red {color: red;}
 .tucne {font-weight: bold;}
 .right {text-align: right;}
 .velikost12 {font-size: 1.2em; margin-top: 0; padding-top: 0;}
 .center {text-align: center;}
 .zver {font-size: 0.6em;}

 p.pristupnost {font-size: 0.7em; margin: 0; padding: 0; text-align: right;}
 .pristup {position: absolute; top: -3597px; left: 0; overflow: hidden; width: 1px; height: 1px; }