html {
  /*overflow: -moz-scrollbars-vertical;
  background-image: url('../img/layout/bg_bottom.png');
  background-repeat: no-repeat;
  background-position: right 600px;*/
}
body {
  background-color: #68cbeb;
  background-image: url('../img/layout/bg_body.png');
  background-repeat: repeat-x;
  margin: 0px;
  padding: 0px;
  font-family:Tahoma; 
  font-size: 100%;
}
* {
  margin: 0px;
  padding: 0px;
  }
ul, ol {
  margin-bottom: 20px;  
}
ul, ol, li {
  margin-left: 20px;
}  
li ul,
li ol {
  margin-top: 10px;
  margin-bottom: 10px;
}
td {
  vertical-align: top;
}
a {
  text-decoration: none;  
  color: #1f5c8c;
}
h1 {
  margin-bottom: 10px;
  font-size: 150%;
}
h2 {
  margin-bottom: 5px;
  font-size: 120%;
}  
a img {
  border: 0px;
}
p {
  margin-bottom: 10px;
  line-height: 1.5;
}
#container-outter {
  width: 960px;
  margin: auto;
}
#container-inner {
  width: 960px;
  float: left;
  position: absolute;
  clear: both;
}
#quick-tools {
  height: 123px;
  position: absolute;
  right: 10px;
  top: 20px;
  font-size: 65%;
  text-align: right;
}
  #quick-tools img {
    vertical-align: baseline;
    /*padding-left: 10px;
    padding-right: 5px;*/
  } 
  #quick-tools, #quick-tools a {
    color: #ffffff;
  }
#search {
  display: none;
}  
#font-resize {
  position: absolute;
  width: 162px;
  font-size: 65%;
  text-align:right;
  color: #4e8ad0;
}  
#europe {
  width: 132px;
  height: 123px;
  position: absolute;
  right: 80px;
  top: 60px;
  background-image: url('../img/layout/bg_europe.png');
  background-repeat: no-repeat;
}
.reference {
  width: 164px;
  height: 164px;
  position: absolute;
}
.reference img {
  border: 1px solid #89d5ec;
  border-color: #b0e3f1;
}
#right {
  position: absolute;
  top: 239px;
  left: 656px;
  width: 192px;
  height: 300px;
  background-image: url('../img/layout/bg_right.png');
  background-repeat: no-repeat;
  background-position: top left;
}
#logo {
  position: absolute;
  clear: both;
  top: 0px;
  left: 0px;
  width: 656px;
  height: 206px;
  z-index: 99;
}
#ref1 {
  top: 238px;
  left: 0px;
}
#ref2 {
  top: 238px;
  left: 164px;
}
#ref3 {
  top: 402px;
  left: 0px;
}
#ref4 {
  top: 402px;
  left: 492px;
}
#ref5 {
  top: 566px;
  left: 164px;
}
#ref6 {
  top: 566px;
  left: 328px;
}
#reasons {
  border: 1px solid #89d5ec;
  border-color: #b0e3f1;
  background-color: #ddf3fa;
  width: 326px;
  height: 162px;
  position: absolute;
  clear: both;
  top: 402px;
  left: 164px;
  color: #737373;
  font-size: 65%;
}
  #reasons h1 {
    color: #a3bf00;
    text-transform: uppercase;
    font-weight: bold;
  }
  #reasons h2 {
    color: #666666;
    text-transform: uppercase;
    font-weight: bold;
  }  
  #reasons .inner {
    margin: 22px;
    height: 120px;
    overflow: auto;
  }
#hp_contact {
  background-image: url('../img/layout/bg_hp_contact.png');
  background-repeat: no-repeat;
  width: 340px;
  height: 196px;
  position: absolute;
  left: 329px;
  top: 206px;
  font-size: 65%;
  background-color: #b0e3f1;
  z-index: 100;
}

  #hp_contact .inner {
    margin: 24px;
    margin-top: 80px;
  }
#footer {
  clear: both;
  margin-top: 20px;
  margin-bottom: 20px;
  color: #ffffff;
}
#menu  {
  clear: both;
  margin-top: 20px;
}
  #menu ul {
    margin: 0px;
  }
  #menu li {
    display: inline;
    padding-right: 10px;
    margin: 0px;
    text-transform: uppercase;
  }
  #menu li a {
    color: #ffffff;
    white-space: nowrap;
  }

.decrease {
  font-size: 75%;
}
.increase {
  font-size: 120%;
}

/*seznam stranek*/
.perex-image {
  float: left;
  clear: both;
  margin-bottom: 20px;
}
.perex-image img {
  padding: 1px;
  border: 1px solid #000000;
  margin-right: 15px;
  float: left;
}
.perex {
  clear: both;
  margin-bottom: 20px;
}