/* CSS Document */
body{
  background-color: white;
  font-family:Arial;
  position: relative;
  }  
#podklad{
  width:100%;
  height:100%;
  background-color: #ffffff;
  }
#horni{
  position: absolute;
  top: 10px;
  left: 50px;
  width: 1000px;
  height: 140px;
  background-image: url(horni.jpg);
  }
#telo{
  position: absolute;
  top: 200px;
  left: 250px;
  width: 600px;
  height: 400px;
  background-color: #ffffff;
  color: black;
  text-align: left;
  color: black;
  padding: 8px;
  border-bottom: solid black 1px;
  border-top: solid black 1px;
  }
#vyskove_prace{
  position: absolute;
  top: 150px;
  left: 50px;
  width: 166px;
  height: 50px;
  background-color: #ffffff;
  border-left: solid black 1px;
  padding: 5px;
}
#levy_vyskove_prace{
  position: absolute;
  top: 200px;
  left: 50px;
  width: 200px;
  height: 400px;
  background-image: url(img/vyskove_prace/vyskove_prace_levy.jpg);
  border-bottom: solid black 1px;
  border-top: solid black 1px;
  border-left: solid black 1px;
  }
#klempirstvi{
  position: absolute;
  top: 150px;
  left: 192px;
  width: 170px;
  height: 50px;
  background-color: #ffffff;
  border-left: solid black 1px; 
  padding: 5px;
}
#klempirstvi_levy{
  position: absolute;
  top: 200px;
  left: 50px;
  width: 200px;
  height: 400px;
  background-image: url(img/klempirstvi/klempirstvi_levy.jpg);
  }
#strechy_stred{
  position: absolute;
  top: 760px;
  left: 250px;
  width: 600px;
  height: 50px;
  background-image: url(img/strechy/stresni_krytiny.jpg);
  border-left: solid black 1px;
}
#izolace_stred{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 600px;
  height: 50px;
  background-image: url(img/strechy/izolace/izolace_stred.jpg);
}
#strechy{
  position: absolute;
  top: 150px;
  left: 334px;
  width: 166px;
  height: 50px;
  background-color: #ffffff;
  border-left: solid black 1px;
  padding: 5px;
}
#strechy_levy{
  position: absolute;
  top: 760px;
  left: 50px;
  width: 200px;
  height: 400px;
  background-image: url(img/strechy/strechy_levy.jpg);
  }  
#strechy_levy_ploche{
  position: absolute;
  top: 200px;
  left: 50px;
  width: 200px;
  height: 400px;
  background-image: url(img/strechy/izolace/strechy_levy_ploche.jpg);
  }
#strechy_pravy{
  position: absolute;
  top: 760px;
  left: 850px;
  width: 200px;
  height: 400px;
  color: black;
  color: white;
  text-align: center;
  border: solid black 1px;
  padding: 5px;
  }
  
#fasady{
  position: absolute;
  top: 150px;
  left: 476px;
  width: 166px;
  height: 50px;
  background-color: #ffffff;
  border-left: solid black 1px;
  padding: 5px;
}
#fasady_levy{
  position: absolute;
  top: 200px;
  left: 50px;
  width: 200px;
  height: 400px;
  background-image: url(img/fasady/fasady_levy.jpg);
  color: black;
  color: white;
  text-align: center;
  border-bottom: solid black 1px;
  border-top: solid black 1px;
  border-left: solid black 1px;
  padding: 5px;  
  }
#ocelove_konstrukce{
  position: absolute;
  top: 150px;
  left: 618px;
  width: 166px;
  height: 50px;
  background-color: #ffffff;
  border-left: solid black 1px;
  padding: 5px;
}
#ocel_konst_levy{
  position: absolute;
  top: 200px;
  left: 50px;
  width: 200px;
  height: 400px;
  background-image: url(img/ocelove_konst/ocel_konst_levy.jpg);
  color: black;
  color: white;
  text-align: center;
  border-bottom: solid black 1px;
  border-top: solid black 1px;
  border-left: solid black 1px;
  padding: 5px;  
  }
#reference{
  position: absolute;
  top: 150px;
  left: 760px;
  width: 166px;
  height: 50px;
  background-color: #ffffff;
  border-left: solid black 1px;
  padding: 5px;
}
#reference_pravy{
  position: absolute;
  top: 200px;
  left: 850px;
  width: 200px;
  height: 1050px;
  background-image: url(img/reference/reference_pravy.jpg);
  }
#reference_levy{
  position: absolute;
  top: 200px;
  left: 50px;
  width: 200px;
  height: 1050px;
  background-image: url(img/reference/reference_levy.jpg);
}
#kontakt{
  position: absolute;
  top: 150px;
  left: 902px;
  width: 170px;
  height: 50px;
  background-color: #ffffff;
  border-left: solid black 1px; 
  padding: 5px;
}
#kontaky_pravy{
  position: absolute;
  top: 200px;
  left: 850px;
  width: 200px;
  height: 400px;
  color: black;
  color: white;
  text-align: center;
  background-image: url(img/kontakty/kontakty_pravy.jpg);
  border: solid black 1px;
  padding: 5px;
  }
#levy{
  position: absolute;
  top: 200px;
  left: 50px;
  width: 200px;
  height: 400px;
  background-image: url(img/kontakty/kontakty_levy.jpg);
  color: black;
  color: white;
  text-align: center;
  border-bottom: solid black 1px;
  border-top: solid black 1px;
  border-left: solid black 1px;
  padding: 5px;
  }
#pravy{
  position: absolute;
  top: 200px;
  left: 850px;
  width: 200px;
  height: 400px;
  color: black;
  text-align: center;
  border: solid black 1px;
  padding: 5px;
  }
.butt1{
  text-decoration: none;
  width: 166px;
  height: 30px;
  background-color: #ffffff;
  color: #000000;
  font-weight: bold;
  vertical-align: bottom;
}
.butt1:hover{
  text-decoration: none;
  color: #990000;
  font-weight: bold;
  vertical-align: bottom;
}
.mail{
  color:#000000;
  text-decoration: none;
  font-weight: bold;
}
#foto{
  height:70px;
  border:solid #ffffff 1px;