body{
  background: url(img/dane_od_kacky_bg.jpg) no-repeat center top;
  color: #000;
  text-align:left;
    
  font-family: Georgia, Arial, sans-serif;
  font-size: 16px;  
}

#menu{
  width:121px;
  height:215px;
  position: relative;
  float:right;
  }

#menu_1{
  background: url(img/menu_1.png) no-repeat;
  width:104px;
  height:51px;
  margin-bottom:3px;
  position: relative;
  float:left;
}

#menu_1:hover{
  background: url(img/menu_1.png) no-repeat;
  background-position: 0 -53px;
}

#menu_2{
  background: url(img/menu_2.png) no-repeat;
  width:103px;
  height:45px;
  margin-bottom: 6px;
  position: relative;
  float:left;
}

#menu_2:hover{
  background: url(img/menu_2.png) no-repeat;
  background-position: 0 -47px;
}

#menu_3{
  background: url(img/menu_3.png) no-repeat;
  width:97px;
  height:42px;
  margin-left: 3px;
  margin-bottom: 23px;
  position: relative;
  float:left;
}

#menu_3:hover{
  background: url(img/menu_3.png) no-repeat;
  background-position: 0 -44px;
}

#menu_4{
  background: url(img/menu_4.png) no-repeat;
  width:115px;
  height:42px;
  margin-left: 5px;
  position: relative;
  float:left;
}

#menu_4:hover{
  background: url(img/menu_4.png) no-repeat;
  background-position: 0 -44px;
}

#obsah{
  width:580px;
  height:790px;
  margin: auto;
  margin-top: 99px;
  position: relative;
  left: 155px;
  
/*  
  border-style:dotted;
  border-width:1px;
  border-color:#000;
*/ 
}

#nadpis_strany{
  background: url(img/nadpis_o_nas.png) no-repeat;
  width:355px;
  height:40px;
  margin-bottom:10px;
  margin-top: 17px;
  float: left;
  
/*  
  border-style:dotted;
  border-width:1px;
  border-color:#000;
*/ 
}

#texty_strany{
  width:440px;
  float: left;
  
/*  
  border-style:dotted;
  border-width:1px;
  border-color:#000;
*/ 
}

#index_pata{
  width:440px;
  float: left;
  position: absolute;
  bottom: 0;
  
/*  
  border-style:dotted;
  border-width:1px;
  border-color:#000;
*/ 
}

#index_pata_nadpis{
  width:300px;
  height: 15px;
  float: left;
  
/*  
  border-style:dotted;
  border-width:1px;
  border-color:#000;
*/ 
}

#index_pata_nadpis_2{
  width:120px;
  height: 15px;
  float: right;
  
/*  
  border-style:dotted;
  border-width:1px;
  border-color:#000;
*/ 
}

#index_pata_okna{
  width:164px;
  height: 50px;
  float: left;
/*  
  border-style:dotted;
  border-width:1px;
  border-color:#000;
*/ 
}

#index_pata_okna_stred{
  width:104px;
  height: 50px;
  float: left;
/*  
  border-style:dotted;
  border-width:1px;
  border-color:#000;
*/  
}

#index_pata_okna_2{
  width:120px;
  height: 50px;
  float: right;
/*
  border-style:dotted;
  border-width:1px;
  border-color:#000;
*/  
}

.phone {
  margin-top: 3px;
  margin-right: 5px;
}

.jablotron {
	position: absolute;
	top: 25%;
	left: 5%;
	height: 70vh;
}

@media screen and (max-width: 1300px) {
  .jablotron {
		position: relative;
		top: 10%;
		left: 50%;
		margin-left: -25%;
		width: 50%;
		height: auto;
	}
	 .jablotron {
		position: relative;
		top: 10vh;
		left: 50%;
		margin-left: -45%;
		width: 90%;
		height: auto;
	}
}