body {
    background-image: url("images/background.jpg");
    background-repeat: repeat-x;
    background-color: #e7e3e3;
    padding: 0px;
    margin: 0px;

}

.body {
    width: 990px;
    position: absolute;
    left: 50%;
    margin: 0 0 0 -495px;
}

/* ----------- HLAVIČKA ----------- */

.heading {

  height: 300px;

}

.heading a {
  
  position: relative; 
  top: 4px;
  left: 18px;
}

.heading img {
  border-width: 0px;
}



/* ----------- MENU ----------- */

.menu {

  clear: both;
  padding-left: 25px;
}

.menu a {
    text-indent: 100%;
    Line-height: 100;
    overflow: hidden;
    display: block;
    height: 30px;
    margin-bottom:20px;
    float: left;

}

.menu a.aktivity {
    width: 141px;
    background-image: url("images/link_aktivity.jpg");
}

.menu a.aktivity:hover {
  background-image: url("images/link_over_aktivity.jpg");
}

.menu a.firma {
    width: 101px;
    background-image: url("images/link_firma.jpg");
}

.menu a.firma:hover {
  background-image: url("images/link_over_firma.jpg");
}

.menu a.foto {
    width: 87px;
    background-image: url("images/link_foto.jpg");
}

.menu a.foto:hover {
  background-image: url("images/link_over_foto.jpg");
}

.menu a.video {
    width: 102px;
    background-image: url("images/link_video.jpg");
}

.menu a.video:hover {
  background-image: url("images/link_over_video.jpg");
}

.menu a.download {
    width: 162px;
    background-image: url("images/link_download.jpg");
}

.menu a.download:hover {
  background-image: url("images/link_over_download.jpg");
}

.menu a.spoluprace {
    width: 182px;
    background-image: url("images/link_spoluprace.jpg");
}

.menu a.spoluprace:hover {
  background-image: url("images/link_over_spoluprace.jpg");
}

.menu a.kontakt {
    width: 145px;
    background-image: url("images/link_kontakt.jpg");
}

.menu a.kontakt:hover {
  background-image: url("images/link_over_kontakt.jpg");
}

/* ----------- OBSAH ----------- */
body, a {
  font-family:"Trebuchet MS","Arial CE", sans-serif;
  color: black;
}

a:hover {
  text-decoration: none;
}

h2,h3,h4,h5,h6 {

    line-height: 1.2;
}

h1 {

    color: #87c218;
    margin-bottom: 20px;
    line-height: 1.2;

}

.content, .mainlinks, .hometext {
  
  clear: both;
 
}

.hometext {
  
  padding-top: 5px;

}

.content {
  
  padding-top: 10px;

}

.mainlinks a {
    text-indent: 100%;
    Line-height: 100;
    overflow: hidden;
    display: block;
    float: left;
    position: relative;    
}



.mainlinks a.kop {
  
  width: 273px;
  height: 211px;
  background-image: url(images/menu_new/green.jpg);
  left: 100px;
  top: -9px;
  

}

.mainlinks a.kop:hover {
  
  background-position: 273px 0px;

}

.mainlinks a.kop_free {

  width: 273px;
  height: 211px;
  background-image: url(images/menu_new/orange.jpg);
  top: 22px;
  left: 80px;
  
}

.mainlinks a.kop_free:hover {
  
  background-position: 273px 0px;

}


.mainlinks a.kop_cola {

  width: 258px;
  height: 211px;
  background-image: url(images/menu_new/red.jpg);
  top: 22px;
  left: 80px;
  
}

.mainlinks a.kop_cola:hover {
  
  background-position: 258px 0px;

}


.mainlinks a.kop_sunny {

  width: 273px;
  height: 184px;
  background-image: url(images/menu_new/sunny.jpg);
  left: 355px;

}

.mainlinks a.kop_sunny:hover {
  
  background-position: 273px 0px;

}




/* ----------- SOUBORY ----------- */

.file li {
    margin: 5px;
    padding: 5px;
    width: 450px;
    float: left;
}

.galleries li {
    margin: 5px;
    padding: 5px;
    width: 280px;
    float: left;
}

/* ----------- GALERIE ----------- */

.part {
    border-top: 1px solid black;
    margin-top: 30px;
    clear: both;
}
.thumbwrap {
    padding: 15px 0px 0 0px;
    text-align: left;
    margin: 0;
    width: 100%;
}
.thumbwrap li {
    display: -moz-inline-box;
    display: inline-block;
    /*\*/ vertical-align: top; /**/
    margin: 0 12px 15px 12px;

    padding: 0;
    text-align: center;
}

.thumbwrap li>div {
    /*\*/ display: table; /**/
    width: 120px;
}
.thumbwrap a {
    display: block;
    text-decoration: none;
    color: #000;
    cursor: pointer;
    border: 3px solid white;
}
/*\*/
.thumbwrap>li .wrimg {
    display: table-cell;
    vertical-align: middle;
    width: 120px;
    height: 120px;
}
/**/

.thumbwrap img {

    vertical-align: middle;
    border: 1px solid black;
}
.thumbwrap a:hover {
    /*background-color: #43b0d7;*/
    border: 3px solid #e7e3e3;
}


/*\*//*/
* html .thumbwrap li .wrimg {
    display: block;
    font-size: 1px;
}
* html .thumbwrap .wrimg span {
    display: inline-block;
    vertical-align: middle;
    height: 120px;
    width: 1px;
}
/**/
.thumbwrap .caption {
    display: block;
    padding: .3em 5px;
    font-size: .8em;
    line-height: 1.1;
    w\idth: 110px;  /* Moz, IE6 */
}

@media all and (min-width: 0) {
    .thumbwrap  {
        border-collapse: collapse;
    }
    .thumbwrap a {
        display: inline-block;
        vertical-align: top;
    }
    .thumbwrap {
        display: inline-block;
    }
}