/*clanek dne*/

#article-of-the-day {
  float: left;
  width: 599px;
  min-height: 180px;
}
#article-detail {
  margin-bottom: 20px;
  border-bottom: 1px solid #418F1A;
  padding-bottom: 0px;
  float: left;
  width: 468px;
  clear: both;
}
  #article-of-the-day h1,
  #article-of-the-day h2,
  #article-detail h2 {
    font-size: 160%;
    margin-bottom: 10px;
  }
  #article-of-the-day h3,
  #article-detail h4 {
    font-size: 140%;
  }
  .article-perex h1,
  .article-perex h2,
  .article-perex h3 {
    margin-bottom: 5px;
    padding: 0px;
    line-height: 1;
  }
  #more-perex h1,
  #more-perex h2,
  #more-perex h3,
  #more-perex h4 {
    margin-bottom: 5px;
    font-size: 120%;
    color: #418F1A;
  }
  #more-perex .article-perex {
    width: 468px;
    float: left;
    border-bottom: 1px dotted #CEE9C4;
    margin-bottom: 10px;
  }
  #article-of-the-day h1 a,
  #article-of-the-day h1,
  .article-perex h1,
  .article-perex h1 a,
  .article-perex h2,
  .article-perex h2 a {
    color: #418F1A;
    text-decoration: none;
  }
  .article-perex h3 a,
  .article-perex h4 a {
    color: #137F00;
    text-decoration: none;  
  }
  #article-of-the-day .article-perex,
  .article-perex {
    margin-bottom: 10px;
    clear: both;
    float: left;
    width: 468px;
  }
 
  #article-of-the-day .image,
  .article-perex .image {
    width: 140px;
    float: left;
    margin-top: 3px;
    /*margin-bottom: 10px;*/
    /*padding-bottom: 10px;*/
  }
  #article-detail .image {
    width: 220px;
  }
  #more-perex .image {
    width: 138px;
    height: 88px;
    /*background-image: url('../img/layout/bg_perex_image_120x80.png');*/
    background-repeat: no-repeat;
    margin-bottom: 10px;
  }
  /*.article-perex .image div.t_,*/
  .article-perex .image div.n_ {
    padding: 3px;
    border: 1px solid #adadad;
    background-color: #ffffff;
    border-color: #d68b8b;
  }
  .article-perex .image .gallery div.t_ {
    margin-bottom: 2px;
    margin-right: 2px;
    border: 1px solid #000000;
    width: 48px;
    height: 48px;
  }
    .article-perex .image .gallery div.t_ img {
      float: left;
      margin: 0px;
      padding: 0px;
    }
    #col2 table.articles_dist {
      width: 100%;
    }
    #col23 table.articles_dist td {
      padding: 5px;
      padding-top: 10px;
      border-top: 1px solid #89921f;      
    }
    #col23 table.articles_dist td.title {
      padding-right: 10px;
    }
    #col23 table.articles_dist td.title p { 
      padding-bottom: 5px;
      width: 80px;
      overflow: hidden;
    }
      #col23 #col2 table.articles_dist td.title p {
        width: 100%;
      }
    #col23 table.articles_dist td.distance {
      padding-left: 10px;
      text-align: center;      
    }
    #col2 table.articles_dist td.distance {
      width: 120px;
    }
    table.articles_dist td.distance div.t_ {
      border: 1px solid #000000;
      width: 48px;
      margin: auto;            
      margin-bottom: 10px;      
    }
    table.articles_dist td.distance div.n_ {
      border: 1px solid #000000;
      margin: auto;            
      margin-bottom: 10px;          
      width: 120px;
      height: 80px;
      overflow: hidden;
    }
    table.articles_dist td.distance div.t_ img {
      float: left;
    }
  #article-detail .gallery {
    margin-bottom: 5px;
  } 
  #article-of-the-day .gallery img,
  #article-detail .gallery img,
  #column2 .gallery img {
    /*margin-bottom: 2px;
    margin-right: 4px;
    padding: 0px;*/
  }
   #article-detail .image .gallery img {
    /*margin-right: 2px;*/
   }
  #article-lists {
    clear: both;
    float: left;
    width: 609px;
  } 
    #article-lists div.list {
      width: 304px;
      margin-bottom: 10px;
      float: left;
    }
    #article-lists div.list .top {
      width: 299px;
      overflow: hidden;
      float: left;
    }
    #article-lists div.list .middle {
      width: 299px;
      float: left;
    }   
    #article-lists div.list .bottom {
      width: 299px;
      float: left;
      margin-bottom: 10px;
    }
    #article-lists div.list table {
      width: 290px;
      font-size: 90%;
    }
    #article-lists .list h1,
    #article-lists .list h2,
    #random-photos h2 {
      text-transform:uppercase;
      font-size: 90%;
    }
      #col3 #random-photos {
        text-align: center;
        border: 1px solid #89921F;
        width: 144px;
        height: 288px;
        margin: auto;
        margin-bottom: 15px;
      }
      #col3 #random-photos img {
        margin-bottom: 0px;
        padding: 0px;
        float: left;
        background-color: #FAFED6;
        border: 0px solid #89921F;
      }
    #article-lists .list h1,
    #article-lists .list h1 a,
    #article-lists .list h2,
    #article-lists .list h2 a,
    #random-photos h2,
    #random-photos h2 a {
      color: #cc0000;
      text-decoration: none;
    }
    #article-lists .title {
      color: #333333;
    }
    /*sekce*/
    .article-sections.hide {
      /*display: none;*/
    }
    .article-sections span.less-more {
      float: right;
      font-weight: normal;
      cursor: pointer;
    }
    .article-sections li {
      margin-bottom: 5px;
      /*padding-left: 5px;*/
    }
    .article-sections li a {
      padding-left: 5px;
      display: inline-block;
      margin: 0px;
    }
    #menu .article-sections li.last,
    #menu .article-sections li.last a {
      border: 0px;
    }
    .article-sections {
      margin-bottom: 15px;
    }
    #menu .article-sections {
      background: url('../img/layout/bg_col3.png') no-repeat top left #F6FCB5;
      padding-top: 5px;
      padding-bottom: 0px;       
    }
    #menu .article-sections .article-sections {
      padding-top: 0px;
      background-image: none;
    } 
      #menu .article-sections li.last {
        padding-bottom: 10px;
        background: url('../img/layout/bg_col3_bottom.png') no-repeat bottom left #F6FCB5;
      }
    #menu .article-sections.b2,
    #menu .article-sections.b3 {
      margin-top: 10px; 
    }      
    /*#menu .article-sections.b2 {
      background: #F3FFEF;
      padding-top: 5px;
      padding-bottom: 5px;
      margin-top: 10px; 
    }
    #menu .article-sections.b3 {
      margin-top: 5px;
    }*/
.perex {
  /*clear: both;*/
  color: #000000;
}    
#article-detail p.perex {
  font-weight: bold;
}
#article-of-the-day p.perex {
  font-size: 90%;
}
.text,
.text p,
.text li {
  line-height: 1.5;
}
#more-perex .article-perex .text p {
  margin-bottom: 5px;
}
.text li {
  margin-bottom: 0px;
}
.text ul {
  margin-bottom: 10px;
}
.article-perex .text {
  padding-bottom: 5px;
}
.article-perex .text table {
  width: 100%;
  background-color: #F3FFEF;
  margin-bottom: 5px;
}
  #col23 .article-perex .text table.info td {
    padding: 0px;
    padding-left: 3px;
    padding-right: 3px;
    font-size: 10px;
    color: #666666;
  }
  .article-perex .text table td span {
    color: #000000;
    font-size: 11px;
  } 
    .article-perex .text table td.cena {
      text-align: right;
      width: 100px;
      white-space: nowrap;
    }
    .article-perex .text table td.kapacita {
      text-align: left;
      width: 129px;
    }
/*perex v column1*/
#column1 .article-perex .text {
  float: right;
  border: 0px solid black;
}   
#column1 h1 {
 

} 

.article-perex .text {
  float: right;
  width: 455px;
  border: 0px solid black;
}   
.article-perex .date {
  font-style: italic;
  font-weight: bold;
}
table.articles .date {
  /*font-weight: bold;
  color: #418F1A;*/
  font-weight: bold;
}
#article-detail .article-perex .text {
  width: 245px;
  width: 468px;
}
#more-perex .text p,
#more-perex .text li {
  line-height: 1.3;
}

.distance {
  font-weight: bold;
  color: #8c0505;
  text-align: center;
  padding-right: 5px;
}
ul.categories  {
  margin-bottom: 10px;
}
#info {

}
#info p span {
  font-weight: bold;
  color: #418F1A;
  font-size: 110%;
}
#info ul  {
  margin-left: 0px;
}
#info ul li {
  list-style: none;
  margin-left: 0px;
  font-weight: bold;
}
#info ul li ul {
  margin-left: 10px;
  margin-bottom: 10px;
}
#info ul li ul li {
  list-style: square;
  margin-left: 10px;
  font-weight: normal;
}
#info ul li ul li ul {
  margin-bottom: 0px;
}
#info ul li ul li ul li {
  list-style: disc;
}
/*REGIONY*/
#regions {
  font-size: 80%;
  text-align: center;
  padding-bottom: 10px;
}
#regions-links {
  margin-bottom: 20px;
}
  #regions-links li ul {
    margin-bottom: 8px;
  }
/*PRIORITY ZAZNAM = TARIF*/
.privileged .article-perex {
  background-color: #f4f4f4;
  margin-bottom: 10px;
  border: 1px solid #dbdbdb; 
  border-left: 0px;
  border-right: 0px;
}
.privileged .text {
  margin-top: 10px;
}
.privileged h1 a {
  color: #f00000;
}

td.image {
  padding:2px;
  padding-left: 0px;
}
 td.image img {
  border: 1px solid #adadad;
  padding: 2px;
  background-color: #ffffff;
  border-color: #d68b8b;
 }
td.title {
  padding:2px;
  padding-right: 0px;
  padding-left: 5px;
}
td.title a {
  font-weight: bold;
}
.map {
  clear: both;
  float: left;
  width: 100%;
}
.map iframe {
  width: 100%;
  height: 360px;
}

.turnusy {
  width: 100%;
}
.turnusy td {
  vertical-align: top;
}
.turnusy thead {
  font-weight: bold;
}
.turnusy .vek,
.turnusy .kapacita,
.turnusy .termin {
  text-align: center;
}
.turnusy .cena {
  text-align: right;
  white-space: nowrap;
}

.strankovani {
  clear: both;
  width: 100%;
}
.strankovani table {
  float: right;
}
#col3 .articles td.image {
  /*display: none;*/
}
#col3 .articles td img {
  /*border: 1px solid #CBCF5A;
  margin-top: 5px;
  margin-bottom: 5px;*/
}
  #col3 .articles td div.t_ {
  border: 1px solid #CBCF5A;
  margin-right: 5px;
  margin-left: 0px;
  margin-top: 1px;
  }
#col3 .articles td {
  padding: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-top: 1px solid #89921f;
  /*border-bottom: 1px solid #89921f;*/
}
#col3 .articles .r1 td { 
  border: 0px;
  padding-top: 0px;
}
#catalogue-search {
  margin-bottom: 10px;
  padding: 10px;
  background-color: #CEE9C4;
  border: 1px solid #29691A;
}
#catalogue-search span {
  white-space: nowrap;
}
  #catalogue-search .advanced_search_link {
  text-align: right;
  padding-top: 5px;
  }
  #catalogue-search .advanced_search_link a {
  margin-top: 7px;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  color: #ffffff;
  background-color: #FF7200;
  border: 1px solid #FF7200;
  display: internal-block;
  padding:  6px;
  padding-left: 15px;
  padding-right: 15px;
  text-decoration: none;
  border-radius: 5px;
  }
  #catalogue-search .advanced_search_link a:hover {
    background-color: #E56809;
  }
    #catalogue-search #detske-tabory .advanced_search_link {
      text-align: center;
      margin: 0px;
      padding: 0px; 
      padding-top: 5px;
      padding-bottom: 5px; 
    } 
#catalogue-search table {
  margin: auto;
  width: 100%;
}
#catalogue-search .caption {
  font-size: 11px;
  text-align: right;
  vertical-align: top;
  white-space: nowrap;
}
#catalogue-search .hr {
  border-top: 1px dashed #333333;
  padding-top: 5px;
}
#catalogue-search .center {
  text-align: center;
}
#catalogue-search select {
  width: 150px;
}
#catalogue-search .input {
  text-align: right;
  width: 150px;
}
  #catalogue-search tr.noalign .input {
    text-align: left;
  }
#catalogue-search .input.left {
  text-align: left;
}
#catalogue-search p {
  text-align: right;
}
#catalogue-search p strong {
  /*color: #FF0000;*/
}
#catalogue-search h2 {
  margin-bottom: 10px;
}
#catalogue-search .caption {
  color: #FF0000;
  font-weight: bold;
}
#catalogue-search .submit {
  text-align: right;
}
#catalogue-search input {
  font-size: 11px;
  padding: 3px;
}
#catalogue-search input.text {
  width: 144px;
  border: 0px;
}
#catalogue-search .submit input {
  background-color:#29691A;
  color: #ffffff;
  font-size: 15px;
  font-weight: bold;
  border-radius: 5px;
  padding: 5px;
  padding-left: 15px;
  padding-right: 15px;
  text-transform: uppercase;
}
#catalogue-search .submit input:hover {
    background-color: #1E8C02;
}
#catalogue-search td {
  padding: 5px;
  padding-left: 0px;
  vertical-align: middle;
}
#catalogue-search input {
  border: 1px solid #000000;
}
#catalogue-search #fulltext {
  width: 180px;
  font-size: 15px;
  padding: 5px;
  border-radius: 5px;
}

#col3 table.articles .image.t_ img {
  margin: 0px;
  margin-right: 10px;
}
#col3 table.articles td p {
  margin: 0px;
  padding: 0px;
  padding-bottom: 5px;
}

div.m_, div.t_, div.n_ {
  background-color: #ffffff;
  float: left;
}
div.m_ img, div.t_ img, div.n_ img {
  /*display: block;*/
}
.articles div.t_,
.article-perex div.t_ {
  width: 48px;
  height: 36px;
  float: left;
  text-align: center;
  border: 1px solid black;
}
div.n_ {
  width: 120px;
  height: 80px;
  float: left;
  text-align: center;
  border: 1px solid black;
}
div.m_ {
  width: 200px;
  float: left;
  text-align: center;
}
div.m_ img {
  float: left;
  padding: 2px;
  border: 1px solid black;
  margin-bottom: 2px;
}
.nowrap {
  white-space: nowrap;
}



/* USER INTERFACE */

div.ui {
  /*padding: 10px;*/
  padding-top: 10px;
  margin-bottom: 10px;
  background-color: #EFF5F9;
  background-color: #ffffff;
}
.ui h2 {
  /*text-transform: uppercase;*/
  /*padding-left: 15px;*/
  font-size: 14px;
}
.ui table {
  margin: 0px;
  /*margin-left: 15px;
  margin-right: 15px; */
  margin-bottom: 10px;
}
.ui input,
.ui textarea {
  border-width: 1px; 
  border-color: #000000; 
  font-size: 12px;
}
.ui form,
.ui div.bg {
  background-color: #CEE9C4;
  display: block;
  padding: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 5px;
}
.ui table td {
  vertical-align: top;
}
.ui div.submit {
  text-align: right;
  padding-top: 6px;
}
.ui input.submit {
  background-color: green;
  color: #ffffff;
  border: 1px solid darkgreen;
  padding: 1px;
  font-weight: bold;
}

table.komentare {
  width: 100%;
}

#col23 table.komentare td {
  padding: 5px;
  padding-bottom: 10px;
  padding-top: 10px;
  border-top: 1px dotted #008000;
}
#col23 table.komentare tr.r1 td {
  border: 0px;
}
table.komentare td.uzivatel {
  padding-left: 0px;
  width: 90px;
  font-size: 14px;
  text-align: center;
}
table.komentare td.uzivatel span.datum {
  padding-left: 0px;
  font-size: 10px;
  display: block;
  margin-top: 10px;
}
table.komentare td.komentar {
  padding-right: 0px;
}

/* mapa */
/*map popup*/
#mapa {
  width: 100%;
  height: 320px;
}
  #mapa .title,
  #mapa .title a {
    font-size: 12px;
    color: #255E0E;
  }
  #mapa .more a {
    font-size: 10px;
    color: #255E0E;
  }
  #mapa .mapInfo {
    width: 100%;
  }
  #mapa td {
    text-align: center;
  }
#map_frame {
  background-color: #f6f6f6;
  margin-bottom: 10px;
  padding: 5px;
  clear: both;
  position: relative;
}

#kjhgg,
  #kjhgg * {
    color: #ffffff;
  }
  #kjhgg p {
    margin-bottom: 3px;
  }
  #kjhgg .title {
    font-size: 16px;
    font-weight: bold;
    color: #000000;
  }
  #kjhgg .title a {
    text-decoration: none;
  }
  #kjhgg .close { 
    position: absolute;
    top: 15px;
    right: 10px;
    font-size: 11px;
    text-decoration: none;
  }
  #kjhgg {
    color: #ffffff;
    position: absolute;
    bottom: 5px;
    height: 92px;
    overflow: hidden;
    padding: 10px;
    /*background-image: url('../img/layout/bg_map_popup.png');*/
    background: #f00000;
    width: 613px;    
    z-index: 999;    
  }
    #col2 #kjhgg {
      width: 438px;
      height: 120px;
    }
  #kjhgg .address {
    /*font-size: 12px;*/
    color: #e9f5fa;
    /*font-weight: bold;*/
    padding-bottom: 4px;
    padding-top: 4px;
    border-top: 1px dotted #e9f5fa;
    border-bottom: 1px dotted #e9f5fa;
  }
  #kjhgg div.image {
    height: 90px;
    width: 134px;
    float: left;
  }
  #kjhgg div.text {
    float: left;
    width: 472px;
  }
    #col2 #kjhgg div.text {
        width: 303px; 
    }
  #kjhgg div.image img {
    float: left;
    border: 1px solid #ffffff;
    margin-right: 10px;
    margin-top: 5px;
  }


div.microdata {
  margin-top: 20px;
  line-height: 1.5;
}
div.microdata,
div.microdata a {
  color: #666666;
}