/* element str-leva */

.uvod-item {
  position:relative;
  float:left;
  padding:40px 17px 17px 17px;
  margin:0px 15px 18px 0px;
  font-size:9pt;
  color:#ffffff !important;
  background-position:center top;
  background-repeat:no-repeat;
}

  .uvod-item p {
    text-align:left !important;
  }

  .uvod-item a {
    color:#ffffff;
  }
  
#str-leva h2 {
  position:relative;
  margin:0px 0px 15px 0px;
  font-size:180%;
  color:#cb0100;
  overflow:hidden;
}

  .h2-detail {
    padding-right:70px;
  }
  
    .h2-detail small {
      position:absolute;
      right:0px;
      top:7px;
      font-size:60%;
      font-weight:normal;
      color:#ec9fa0;
    }

#str-leva h3 {
  position:relative;
  padding:15px 0px 10px 0px;
  font-size:140%;
  color:#cb0100;
}

#str-leva h4 {
  position:relative;
  padding:10px 0px 5px 0px;
  font-size:120%;
  color:#1157A0;
}

#str-leva h5 {
  position:relative;
  padding:7px 0px 0px 0px;
  font-size:100%;
  color:#1157A0;
}

#str-leva ul, #str-leva ol {
  position:relative;
  padding:5px 0px 5px 20px;
}

  #str-leva ul li {
    padding:1px;
  }

#str-leva p {
  text-align:justify;
}

#str-leva p.kalendar-links {
  position:relative;
  float:right;
  top:5px;
  text-align:right;
  line-height:1.5em;
}

  #str-leva p.kalendar-links .pdf {
    padding-left:24px;
    background-image:url('/img/iko-pdf.gif');
    background-position:left top;
    background-repeat:no-repeat;
  }

/* clanky */
  
.perex {
  position:relative;
  padding:7px 0px 7px 0px;
}
  
  .perex h3 {
    padding:15px 0px 5px 0px !important;
  }
  
    .perex h3 a {
      text-decoration:none;
      color:#cb0100;
    }
    
    .perex h3 a:hover {
      text-decoration:underline;
      color:#990000;
    }
    
    .perex h3 small {
      font-size:70%;
      font-weight:normal;
    }
    
  .perex img {
    top:20px;
  }
  
/* editor */

.editor {
  clear:left;
}

.editor table {
  margin:5px 0px 5px 0px;
}

  .editor table th, .editor table td {
    padding:2px 4px 2px 0px;
  }
  
/* obrazky */
  
.foto-right {
  float:right;
  position:relative;
  margin:5px 0px 12px 12px;
  border:3px solid #e2f2fe;
  z-index:200;
}

.foto-left {
  float:left;
  position:relative;
  margin:5px 12px 12px 0px;
  border:3px solid #e2f2fe;
  z-index:200;
}
  
.foto-normal {
  position:relative;
  margin:12px 0px 12px 0px;
  border:3px solid #e2f2fe;
  z-index:200;
}

/* listovani */
  
.listovani {
  position:relative;
  margin:30px 0px 0px 0px;
}

  .listovani p {
    text-align:center !important;
    font-size:120%;
    font-weight:bold;
  }

    .listovani p a {
      margin:0px 4px 0px 4px;
      color:#1157A0;
      text-decoration:none;
    }

    .listovani p a:hover {
      text-decoration:underline;
      color:#990000;
    }

    .listovani p strong {
      padding:2px 3px 2px 3px;
      margin:0px 4px 0px 4px;
      color:#ffffff !important;
      background-color:#1157A0;
    }
    
/* tabulky */

table.galeriedetail {
  margin:10px 0px 10px 0px;
  width:99%;
}
      
  table.galeriedetail td {
    width:33%;
    padding:0px 20px 0px 0px;
    _padding:0px 17px 0px 0px;
  }
        
    table.galeriedetail td div {
      width:140px;
      height:140px;
      padding:12px;
      margin:4px 0px 4px 0px;
      _margin:4px 0px 4px 0px; /* MSIE 6 */
      text-align:center;
      background-image:url('/img/fotogalerie-bg.png');
      background-position:top left;
      background-repeat:repeat;
      _background-color:#f0f5f9;
      _background-image:none;
    }

      table.galeriedetail td small {
        display:block;
        width:140px;
        padding-bottom:10px;
        color:#6699cc;
      }

table.formular {
  margin:15px 0px 15px 0px;
}
  
  table.formular th {
    padding:5px;
    text-align:left;
  }
    
  table.formular td {
    padding:5px;
  }
    
  .formfield {
    font-family:arial,helvetica,sans-serif;
    font-size:100%;
    background-image:url('/img/formfield-bg.gif');
    background-position:top left;
    background-repeat:no-repeat;
    background-color:#efefef;
    border:1px solid #cccccc;
  }
  
table.kalendar {
  width:99%;
  margin:25px 0px 15px 0px;
  color:#000000;
  background-color:#deebfe;
}

  table.kalendar th {
    padding:0px 0px 10px 0px;
    font-weight:bold;
    text-align:left;
    background-color:#ffffff;
    border:2px solid #ffffff;
  }
  
  table.kalendar td {

    padding:10px;
    width:14%;
    height:66px;
    _height:66px;
    border:2px solid #ffffff;
  }
  
  table.kalendar td.k-licha {
    background-color:#c9e1fb;
  }
  
  table.kalendar td.k-nedele {
    background-color:#bcddff;
  }
  
  table.kalendar td.k-prazdna {
    background-color:#ffffff;
  }
  
    table.kalendar td h4 {
      padding:0px 0px 5px 0px;
      font-size:120%;
      text-align:center;
    }
    
      div.k-ikona {
        position:relative;
        float:left;
        width:40px;
        height:40px;
        margin:1px;
      }
      
        div.k-ikona a {
          position:relative;
          display:block;
          width:100%;
          height:100%;
          font-size:8pt;
        }
        
          div.k-ikona a .im {
            cursor:pointer;
          }
          
          .kultura .im {
            background-image:url('/img/iko-kultura.png');
            _background-image:url('/img/iko-kultura.gif');
          }
          
          .hudba .im {
            background-image:url('/img/iko-hudba.png');
            _background-image:url('/img/iko-hudba.gif');
          }
          
          .deti .im {
            background-image:url('/img/iko-deti.png');
            _background-image:url('/img/iko-deti.gif');
          }
          
          .sport .im {
            background-image:url('/img/iko-sport.png');
            _background-image:url('/img/iko-sport.gif');
          }
        
        div.k-ikona div {
          position:absolute;
          top:20px;
          left:20px;
          width:200px;
          padding:10px;
          font-size:80%;
          color:#ffffff;
          background-color:#3a87cb;
          background-image:url('/img/k-ikona-div-bg.gif');
          background-position:bottom;
          background-repeat:repeat-x;
          border:1px solid #ffffff;
          visibility:hidden;
          z-index:1000;
        }
        
        .k-nedele div.k-ikona div {
          left:-200px !important;
        }
        
        div.k-ikona:hover div {
          visibility:visible;
        }
        
          div.k-ikona h5 {
            padding:0px 0px 5px 0px;
            font-size:110%;
          }
          
          div.k-ikona p {
            padding:0px;
            text-align:left !important;
          }
          
          div.k-ikona a {
            text-decoration:none;
            color:#ffffff;
          }
          
          div.k-ikona a:hover {
            color:#ffffff;
          }