/* CSS Document */

 body {background: #f0f5ef; margin: 0; padding:0; text-align: center; font-family: arial; font-size: small; _font-size: x-small}
 #ram {width: 750px; height: 121px; background: #fff; text-align: left; margin: 20px auto; padding:0 0 20px 0;}
 #helpmenu {position: relative;}
 #obsah {position: absolute; top: 2em; left:0; border: 1px solid #89a384; background: #fff url("../images/podklad-sloupec.gif") right top repeat-y;; padding: 0;}
 #nadpis {width: 748px; height: 121px; overflow: hidden; position: relative; margin:0; padding:0;border: 1px solid #89a384;}
 #nadpis a { margin:0; padding:0;width: 748px; height: 121px; background: #eee; position: absolute; top:0; left:0;}
 #nadpis span {margin:0; padding:0;width: 748px; height: 121px; position: absolute; top:0px; left:0; background: url("../images/hlavicka.jpg") left top no-repeat; z-index: 1;}
 
 #menu {font-size: 1em; background: #4a6545; width: 750px; text-align: center; height: 2em; position: absolute; top: 0px; left:0; margin:0; padding:0; list-style: none;}
 #menu li {display: inline;height: 2em; line-height: 2em;}
 #menu li a { background: #4a6545; display: block; width: auto; float: left; line-height: 2em; height: 2em;color: #fff; text-decoration: none; font-weight: bold; padding: 0 7px; border-right: 1px solid #bec5bd;}
 #menu li a:hover {background: #000;}
 
 #pravysloupec {float: left; width: 468px; padding: 30px 15px; overflow: hidden;}
 #druhysloupec {float: left; width: 219px; padding: 10px 15px; border-left: 1px solid #627f5d; background: #fbf2f2;}
 #druhysloupec p {padding-left: 15px;}
 #druhysloupec table {padding: 10px 0 10px 15px; font-size: 0.85em;}
 #druhysloupec table td {font-weight: bold; vertical-align: top;}
 #druhysloupec table th {font-weight: normal; text-align: right; vertical-align: top;}
 #pravysloupec ul li {margin-bottom: 3px;}
 h1, h2, h3, h4 {margin:0; font-family: georgia;color: #4a6545;}
 h1 {color: #a82c2c} 
 h1 {padding-bottom: 20px; text-align: center; font-weight: bold;}
 h2.zarazka1 {font-size: 1.3em; color: #a82c2c; padding-left: 30px; padding-top: 10px; background: url("../images/zarazka-nadpis1.gif") left 10px no-repeat; padding-bottom:0;}
 h2 { padding-bottom: 15px;}
 
 .odkazy {padding-bottom: 15px; text-align: center;}
 
 #pravysloupec  .messagetable {width: 100%; background: #627f5d; margin-bottom: 15px;}
 #pravysloupec .messageheaderleft {width: 50%; text-align: left;background: #627f5d; color: #fff;}
 #pravysloupec .messagetable a {color: #00e9fe; text-decoration: underline;}
 #pravysloupec .messagetable a:hover {color: #fff; text-decoration: none;}
#pravysloupec  .messageheaderright {width: 50%; text-align: right; background: #627f5d; color: #fff;}
 #pravysloupec .messagetable td {padding: 3px 5px;}
#pravysloupec  td.messagebody {text-align: justify; padding: 10px; background: #fff;}
#pravysloupec  .white {background: #fff;}
 #pravysloupec .white td {background: #fff;}
#pravysloupec  #hledaniskoly {padding: 15px 0;}
 #pravysloupec .polovicnibox { width: 234px; float: left;}
  .clear {clear: both;}
  
 #pravysloupec table {margin: 0 auto 0 auto; background: #89A384; border-collapse: separatre; border-spacing: 1px; }
 #pravysloupec  th,#pravysloupec  td {background: #fff; padding: 3px; text-align: center;}
 #pravysloupec th {background: #89A384; color: #fff;}
 #pravysloupec  caption {display: none;}
 
  #vybrat h2 { text-align: left; color: #4A6545; margin:0 0 5px 0; padding: 0; border-bottom: 1px dotted #4A6545;}
 #vybrat li {margin:0 2em 0 0 ; padding: 0 0 3em 90px; text-align: justify; list-style-type: none;}
  #vybrat {list-style-type: none; margin:0; padding:0;}
 .jedna {background: url("../images/jedna.gif") 40px top no-repeat;}
 .dve {background: url("../images/dve.gif") 40px top no-repeat;}
 .tri {background: url("../images/tri.gif") 40px top no-repeat;}
 .ctyri {background: url("../images/ctyri.gif") 40px top no-repeat;}
 .pet {background: url("../images/pet.gif") 40px top no-repeat;}
 .sest {background: url("../images/sest.gif") 40px top no-repeat;}
 .sedm {background: url("../images/sedm.gif") 40px top no-repeat;}
 .osm {background: url("../images/osm.gif") 40px top no-repeat;}
 .devet {background: url("../images/devet.gif") 40px top no-repeat;}
 .deset {background: url("../images/deset.gif") -3px top no-repeat;}
 
  ul.sloupce {margin:0; padding: 0; list-style-type: none;}
 ul.sloupce li {margin:0 1em 0 10px ; padding: 0 0 3em 0; text-align: justify; list-style-type: none;}


 .sloupce li.jedna {background: url("../images/jedna.gif") left top no-repeat; padding-left: 50px;}
 .sloupce li.dve {background: url("../images/dve.gif") left top no-repeat; padding-left: 50px;}
 .sloupce li.tri {background: url("../images/tri.gif") left top no-repeat; padding-left: 50px;}
 .sloupce li.ctyri {background: url("../images/ctyri.gif") left top no-repeat; padding-left: 50px;}
 .sloupce li.pet {background: url("../images/pet.gif") left top no-repeat; padding-left: 50px;}
 .sloupce li.sest {background: url("../images/sest.gif") left top no-repeat; padding-left: 50px;}
 .sloupce li.sedm {background: url("../images/sedm.gif") left top no-repeat; padding-left: 50px;}
 .sloupce li.osm {background: url("../images/osm.gif") left top no-repeat; padding-left: 50px;}
 
 .jazz li {margin-bottom: 7px;}
  
