/**
 * SLIDESHOW CSS
 * @version 1.41
 *
 * 1.1 - text pozicovaný přes obrázek (možnost)
 * 1.2 - úpravy pro B+J
 * 1.3 - text nad obrázkem, úpravy rozměrů pro Inotech
 * 1.4 - display: none; --- Aby se obrázky schovaly, než se načtou ---
 * 1.41- pokud není slideshow definováno, neobjeví se (nemá height)   
 *
 **/

#slideshow_box {
  height: 250px; /* pevný box nebo schovávací */
  left: 0px;
  overflow: hidden;
  position: relative;
  max-width: 960px;
}
    
#slideshow {
  clear: both;
  height: 250px;
  overflow: hidden;
  width: 958px;
}


.pics {
    height:  auto;
    /*width:   1000px;*/
    padding: 0;
    margin:  0;
}

.pics div.slide {
    top:  0;
    left: 0;
    display: none;
    /*width:  1002px;*/ /*pokud budou stejně široké slidy, nemělo by to být nutné nastavovat*/
    overflow: hidden;
}

.pics img {
    float: left;
    /*margin-right: 30px;*/
}

.pics .text {
  font-family: tahoma;
  color: #fff;
  /*font-size: 30px;*/
}
/* pokud je požadavek na text v obrazu (nad obrázkem) */
.pics .text {
  bottom: 10px;
  left: 20px;
  position: absolute;
}

.pics div p {
  margin: 10px 0;
}

.pics p a {
  text-decoration: underline;
  color: #fff;
}

#navibox {
  bottom: 0;
  opacity: 0.8;
  position: absolute;
  right: 0;
  z-index: 100;
}

#nav {
    /*display: inline;*/
    float: right;
}

#nav a, #button {
    background-color: #333333;
    color: #CCCCCC;
    margin: 0 5px 0 0;
    padding: 0px 10px;
    text-decoration: none;
}

#nav a.activeSlide {
    color: #333;
    background-color: #00aeef;
}