/* CSS Document */

body  {
  text-align: center;
  margin: 0px;
  padding: 0px;
  font-family: arial, helvetica, sans-serif;
  font-size: 80%; }

div.hlavni  {
  width: 620px;
  margin: 0px auto; 
  padding: 0px; 
  text-align: center; }

div.clear {
  width: 0px;
  height: 0px;
  line-height: 0px;
  margin: 0px;
  padding: 0px;
  clear: both; }

/* ZÁHLAVÍ */
div.zahlavi {
  background-image: none;
  width: 620px; 
  height: 200px;
  margin: 0px;
  padding: 0px; }
  
  div.zahlavi div.top {
    background-image: none;;
    width: 620px;
    height: 120px;
    text-align: center;
    margin: 0px;
    padding: 0px; }

    div.zahlavi div.top div.logo {
      width: 350px;
      height: 120px;
      margin: 0px auto;
      padding: 0px; }

      div.zahlavi div.top div.logo h1 {
        font-family: times new roman, times, serif;
        color: #000099;
        font-size: 300%;
        text-align: center;
        margin: 0px;
        padding: 40px 0px 0px 0px; }

  div.zahlavi div.modry_pruh {
    width: 620px;
    height: 25px;
    margin: 0px;
    padding: 0px;
    text-align: center;
    background-color: #FFFFFF; }

    div.zahlavi div.modry_pruh div.logo {
      width: 350px;
      height: 25px;
      margin: 0px auto;
      padding: 0px; }

      div.zahlavi div.modry_pruh div.logo h1 {
        color: #000000;
        text-align: center;
        margin: 0px;
        padding: 0px;
        font-size: 140%; }

/* LEVÉ MENU */
div.leve_menu { display: none; }

div.prava_cast  {
  float: right;
  width: 620px; }

/* PRAVÉ MENU */
div.prave_menu { display: none; }
      
/* STŘED   */
div.stred {
  float: left;
  width: 620px;
  padding: 0px;
  margin: 0px 0px 30px 0px; }
  
  img.index {
    margin: 0px;
    width: 290px;
    height: 219px; }

  img.mapa {
    margin: 0px;
    width: 420px;
    height: 331px; }

  span.bold {
    font-weight: bold; }

  span.bold_red {
    font-weight: bold;
    color: #FF0000; }

  h2 {
    font-size: 145%;
    margin: 0px 0px 20px 0px;
    padding: 0px;
    color: #333399; }

  h4 {
    font-size: 130%;
    margin: 20px 0px 10px 0px;
    padding: 0px;
    text-align: left; }

  p {
    text-align: left;
    margin: 0px; }

  p.center  {
    text-align: center; }

  p.center_i  {
    text-align: center;
    font-style: italic; }

  a.obycejne  {
    color: #000000;
    text-decoration: underline; }
  
  a.obycejne:hover  {
    color: #0000CC; }

  a.zapati  {
    color: #0000CC;
    text-decoration: none; }
  
  a.zapati:hover  {
    color: #000000; }

  a.vice  {
    font-weight: bolder;
    color: #0000CC; }
  
  a.vice:hover  {
    color: #000000;
    background-color: #99CCFF; }

  div.vice  {
    text-align: center;
    font-weight: bolder;
    color: #0000CC; }

  table.terminy {
    background-image: none;
    padding: 0px; 
    text-align: left;
    width: 620px;
    border-collapse: collapse;
    margin-bottom: 20px; }

    table.terminy td {
      border-top: 2px solid #000099;
      border-right: 1px solid #000099;
      border-bottom: 1px solid #000099;
      border-left: 1px solid #000099;
      padding: 5px; }

    table.terminy td.nadpis_obor {
      width: 122px;
      border: 2px solid #000099;
      font-weight: bold; }
      
    table.terminy td.nadpis_typ {
      width: 139px;
      border: 2px solid #000099;
      font-weight: bold; }
      
    table.terminy td.nadpis_cena {
      width: 77px;
      border: 2px solid #000099;
      font-weight: bold; }
    
    table.terminy td.zahajeni-delka {
      width: 67px;
      border: 2px solid #000099;
      font-weight: bold; }

    table.terminy td.nadpis_prazdny {
      border: none; }

    table.terminy td.predel {
      border-top: none;
      border-right: none;
      border-bottom: 2px solid #000099;
      border-left: none; 
      height: 15px; }

      table.terminy td a  {
        color: #3333CC;
        font-weight: bold;
        text-decoration: none; } 

      table.terminy td a:hover  {
        color: #3333CC;
        text-decoration: none; } 

  table.terminy_dalsi {
    background-image: none;
    padding: 0px; 
    text-align: left;
    width: 620px;
    border-collapse: collapse;
    margin-bottom: 20px; }

    table.terminy_dalsi td  {
      padding: 5px;   
      border: 1px solid #000099;
      width: 25%; }


  span.povinne  {
    color: #FF0000;
    font-weight: bold;
    font-size: 120%; }

  form.prihlaska  {
    width: 620px;
    margin-left: 2px; }

    form.prihlaska div.prihlaska  {
      width: 620px;
      background: url('../pics/back_terminy.gif') repeat-x top left;
      border: 1px solid #000099; } 

      form.prihlaska div div.left {
        width: 240px;
        float: left;
        padding: 25px 0px 25px 30px; }
  
      form.prihlaska div div.right {
        width: 240px;
        float: right;
        padding: 25px 0px 25px 30px; }

      form.prihlaska div div.both {
        width: 510px;
        padding: 25px 0px 25px 30px; }
  
        form.prihlaska input  {
          width: 200px;
          margin: 5px 0px 0px 0px; }
      
        form.prihlaska textarea  {
          margin: 5px 0px 0px 0px; }

        form.prihlaska input.adresa  {
          width: 470px; }

        form.prihlaska input.odeslani  {
          width: 150px;
          margin: 10px 50px 20px 50px;
          background-color: #9EB6FF;
          font-weight: bold;
          border-right: 2px solid #626262;
          border-bottom: 2px solid #626262; }

        form.prihlaska input.odeslani:hover  {
          width: 150px;
          background-color: #9EB6FF;
          font-weight: bold;
          border-right: none;
          border-bottom: none;
          border-left: 2px solid #626262;
          border-top: 2px solid #626262; }

        form.prihlaska select  {
          margin: 5px 0px 0px 0px; }

div.skryte  { display: none; }

/*  ZÁPATÍ  */
div.zapati  {
  width: 620px;
  height: 80px;
  text-align: center; 
  border-top: 1px solid #3366FF;
  background-image: none;
  margin: 0px;
  clear: both; }
  
  p.datum {
    margin: 5px 0px 0px 0px;
    padding: 5px 0px 5px 0px;
    color: #0000CC;
    text-align: center; }