/* CSS Document */

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

div.hlavni  {
  width: 1007px;
  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: url('../pics/back_top.gif') repeat-x left top #FFFFFF;
  width: 1007px; 
  height: 200px;
  margin: 0px;
  padding: 0px; }
  
  div.zahlavi div.top {
    background: url('../pics/pes.gif') no-repeat 850px 50px;
    width: 1007px;
    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: 1007px;
    height: 25px;
    margin: 0px;
    padding: 0px;
    text-align: center;
    background-color: #6666FF; }

    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: #FFFFFF;
        text-align: center;
        margin: 0px;
        padding: 0px;
        font-size: 140%; }

/* LEVÉ MENU */
div.leve_menu {
  float: left;
  width: 201px; }

  div.leve_menu div  {
    width: 201px;
    height: 40px;
    padding: 0px;
    margin: 0px; }  

    div.leve_menu div a  {
      text-decoration: none;
      font-weight: bolder;
      color: #0000CC;
      font-size: 120%; }
    
    div.leve_menu div a:hover  {
      color: #000000; }
  
  div.leve_menu div.pruh  {
    width: 201px;
    height: 5px;
    padding: 0px;
    margin: 0px;
    text-align: center;
    line-height: 0px; }

    div.leve_menu div.pruh img  {
      width: 201px;
      height: 5px;
      border: 0px;
      display: block; }

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

/* PRAVÉ MENU */
div.prave_menu {
  float: right;
  width: 201px; }

  div.prave_menu h3 {
    font-size: 140%;
    margin: 0px 0px 10px 0px;
    padding: 0px; }   

  div.prave_menu div  {
    text-align: left;
    font-weight: bolder;
    color: #0000CC;
    width: 201px;
    height: auto; 
    margin: 0px 0px 10px 0px;}   

    div.prave_menu div div.left {
      float: left;
      width: 28px;
      margin: 0px; }

    div.prave_menu div div.right {
      width: 172px;
      text-align: left;
      float: right;
      margin: 0px; }

    div.prave_menu div a  {
      font-weight: bolder;
      color: #0000CC; }
  
    div.prave_menu div a:hover  {
      color: #000000;
      background-color: #99CCFF; }
      
/* STŘED   */
div.stred {
  float: left;
  width: 545px;
  padding: 0px 30px 20px 30px;
  margin: 0px 0px 30px 0px; }
  
  img.index {
    margin: 0px 0px 0px 127px;
    width: 290px;
    height: 219px; }

  img.mapa {
    margin: 0px;
    width: 480px;
    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: url('../pics/back_terminy.gif') repeat-x top left;
    padding: 0px; 
    text-align: left;
    width: 545px;
    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-delka1 {
      width: 72px;
      border: 2px solid #000099;
      font-weight: bold; }

    table.terminy td.zahajeni-delka2 {
      width: 63px;
      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: url('../pics/back_terminy.gif') repeat-x top left;
    padding: 0px; 
    text-align: left;
    width: 545px;
    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: 540px;
    margin-left: 2px; }

    form.prihlaska div.prihlaska  {
      width: 540px;
      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  {
  float: left;
  width: 201px;
  margin-top: 30px; }

  div.skryte #index {
    display: none; }

  div.skryte #info {
    display: none; }

  div.skryte #terminy {
    display: none; }

  div.skryte #kurzy {
    display: none; }

  div.skryte #prihlaska {
    display: none; }

  div.skryte #kontakt {
    display: none; }

  div.skryte p  {
    color: #0033CC;  
    text-align: center; }

/*  ZÁPATÍ  */
div.zapati  {
  width: 1007px;
  height: 80px;
  text-align: center; 
  border-top: 1px solid #3366FF;
  background: url('../pics/back_bottom.gif') repeat-x top left;
  margin: 0px;
  clear: both; }
  
  p.datum {
    margin: 5px 0px 0px 0px;
    padding: 5px 0px 5px 0px;
    color: #0000CC;
    text-align: center; }

a.text-foto img {
  float: left;
  margin: 5px 10px 5px 0px;
  border: 0px none;
  display: block;
}