/* CSS Document */

.page {
  position: absolute;
  left: 50%;
  top: 20px;
  margin-left: -400px;
  width: 800px;
  font-family: verdana;
  color: #ffffff;
}

#zpet {
  color: #000000;
  text-decoration: none;
  position: absolute;
  left: 619px;
  font-size: 14px;
}

.hlava {
  position: absolute;
  top: 0px;
}

#hlavaeko {
  left: 360px;
}

#hlavafatherm {
  left: 240px;
}

#hlavahw {
  left: 291px;
}

h1 {
  margin-top: 12px;
  font-size: 15px;
  letter-spacing: -1px;
  font-weight: normal;
}

h2 {
  font-size: 11px;
  letter-spacing: -1px;
  font-weight: normal;
  margin: 0px;
}

h4 {
  font-size: 12px;
  letter-spacing: -1px;
  font-weight: normal;
  margin: 20px 0px 0px 0px;
}

h3 {
  margin-top: 0px;
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: normal;
  margin: 15px 0px 10px 0px;
}

#texteko {
  position: absolute;
  top: 175px;
  left: 207px;
  font-size: 8pt;
  width: 420px;
  letter-spacing: -1px;
  word-spacing: 0pt;
}

#textservis {
  position: absolute;
  top: 170px;
  left: 210px;
  font-size: 10px;
  width: 430px;
  letter-spacing: -1px;
  word-spacing: 0px;
  line-height: 13px;
}

#texthw {
  position: absolute;
  top: 190px;
  left: 23px;
  font-size: 11pt;
  width: 750px;
  letter-spacing: -1px;
  word-spacing: 2pt;
  line-height: 20px;
}

#bodyhw {
  position: absolute;
  top: 619px;
  left: 205px;
  font-size: 11pt;
  width: 750px;
  letter-spacing: -0.5pt;
  word-spacing: 2pt;
  line-height: 20px;
}

#texttvorba{
  position: absolute;
  top: 170px;
  left: 214px;
  font-size: 10px;
  width: 420px;
  letter-spacing: -1px;
  word-spacing: 0px;
  line-height: 13px;
}

#tvorbadodatek {
  text-align: center; 
  font-size: 10px; 
  position: relative; 
  top: 560px; 
  left: 10px; 
  color: #000000;
  word-spacing: -1px;
  letter-spacing: -1px;
}

#textkontakt {
  font-size: 11px;
  position: absolute;
  top: 182px;
  left: 170px;
}

#textkontakt table {
  font-size: 10px;
  letter-spacing: 0px;
  word-spacing: 0px;
  color: #ffffff;
  border-collapse: collapse;
}

td {
  height: 8px;
}

#textfatherm {
  position: absolute;
  top: 180px;
  left: 25px;
  font-size: 13px;
  width: 520px;
  letter-spacing: 0px;
  word-spacing: 0px;
}

#popisfatherm {
  position: absolute;
  top: 555px;
  left: 25px;
  font-size: 12px;
  width: 250px;
  letter-spacing: -0.5pt;
  word-spacing: 0px;
  line-height: 15px;
}

#popisvyvoj {
  position: absolute;
  top: 150px;
  left: 11px;
  font-size: 10px;
  width: 180px;
  letter-spacing: -1px;
  word-spacing: -1px;
  line-height: 14px;
}

#odrfatherm {
  position: absolute;
  top: 401px;
  left: 303px;
  font-size: 12px;
  width: 460px;
  letter-spacing: -1px;
  word-spacing: -1px;
  line-height: 15px;
}


#odrfatherm strong {
  font-weight: normal;
  color: #80a0ff;
}

p {
  margin: 0px;
}

#index {
  height: 600px;
}

#eko{
  background-image: url("images/ekonomicky_system_pohoda.jpg");
  height: 600px;
}

#fath{
  background-image: url("images/fatherm_win.jpg");
  height: 1168px;
}

#kontakty{
  background-image: url("images/kontakty.jpg");
  height: 822px;
}

#hardware{
  background-image: url("images/prodej_hardware.jpg");
  height: 1458px;
}

#servis{
  background-image: url("images/servis_a_sprava.jpg");
  height: 600px;
}

#tvorba{
  background-image: url("images/tvorba_aplikacnich_sw.jpg");
  height: 613px;
}

#menu {
  width: 740px;
  position: absolute;
  left: 50%;
  top: 277px;
  margin-left: -348px;
}

#menu .box{ 
  width: 102px;
  height: 80px;
  margin: 8px;
  margin-right: 29px;
  text-align: right;
  font-family: verdana;
  font-size: 20px;
  font-weight: normal;
  line-height: 19px;
  float: left;
}

#menu a,#kontakt a {
  text-decoration: none;
}

#menu a:link,#kontakt a:link {
  color: #ffffff;
}

#menu a:visited,#kontakt a:visited {
  color: #ffffff;
}

#menu a:hover,#kontakt a:hover {
  color: #ffff00;
}

#kontakt {
  width: 136px;
  position: absolute;
  left: 50%;
  margin-left: -68px;
  top: 495px;
  text-align: center;
  font-family: verdana;
  font-size: 20px;
}

#copy {
  width: 70px;
  position: absolute;
  bottom: 4px;
  left: 50%;
  margin-left: -35px;
  font-family: verdana;
  font-size: 7px;
  text-align: center;
  color: #000000;
}