body {
background: white;
text-align: center;
font-size: 1px;
}
.left {
float: left;
}
.clear {
clear: both;
}
p {
font: 12px Verdana;
color: black;
text-indent: 20px;
}

.italic {
  font-style: italic;
}
h1 {
  font-size: 140%;
  text-align: center;
  padding-bottom: 0.5em;
}
h2 {
  font-size: 110%;
  padding-bottom: 0.5em;
}
input {
  margin-bottom: 3px;
}
.foto {
  float: right;
  margin-left: 8px;
}
.fotoStred {
  text-align:center;
}

div#container {
margin: 10px auto;
width: 964px;
}

div#header {
width: 964px;
height: 320px;
position: relative;
background: url('img/header.jpg') no-repeat;
}
  #header a.button {
  position: absolute;
  display: block;
  width: 95px;
  height: 95px;
  }
    a#akce_na_klic {
    top: 0;
    left: 607px;
    }
    a#hry_a_hlavolamy {
    top: 0;
    left: 718px;
    }
    a#vytvarne_dilny {
    top: 0;
    left: 829px;
    }
    a#koncerty_pro_deti {
    top: 108px;
    left: 607px;
    }
    a#detske_dny {
    top: 108px;
    left: 718px;
    }
    a#family_day {
    top: 108px;
    left: 829px;
    }
div#menu_banner {
width: 964px;
height: 85px;
position: relative;
background: url('img/menu_banner.jpg') no-repeat;
}
  #menu_banner a.menu_link {
  position: absolute;
  display: block;
  height: 36px;
  }
    a#poptavka {
    left:15px;
    top:16px;
    width:115px;
    }
    a#typy_programu {
    left:148px;
    top:16px;
    width:185px;
    }
   /*
    a#pokrocile_vyhledavani {
    top: 38px;
    left: 15px;
    width: 263px;
    }
    */
    a#kontakt {
    left:350px;
    top:16px;
    width:93px;
    }
  #menu_banner a.banner_468 {
  position: absolute;
  top: 5px;
  left: 474px;
  }

div#obsah {
font: 12px Verdana;
color: black;
}
div.spacer {

margin: 0 10px 10px 10px;
text-align: justify;
}
  #obsah div#s1 {
  background: #ffdeb7;
  width: 215px;
  margin-left: 2px;
  }
  #obsah div#s2 {
  background: #ffdeb7;
  width: 522px;
  margin-left: 3px;
  min-height: 500px;
  }
  #obsah div#s3 {
  background: #ffdeb7;
  width: 215px;
  margin-left: 3px;
  }
  img.nadpis {
  margin: auto;
  display: block;
  }
  
  div#s4{
  background: #ffdeb7;
  margin-left: 3px;
  min-height: 500px;
  width: 739px;
  }
div#pata {
  width: 964px;
  height: 82px;
  background: url('img/pata.jpg') no-repeat;
  text-align: center;
  font: 12px Verdana;
  color: white;
}
  #pata div.space {
  padding: 20px;
  }
  #pata a {
  font: 12px Verdana;
  color: white;
  text-decoration: none;
  }
  #pata a:hover {
  text-decoration: underline;
  }
  
  
  li {
  padding-top: 5px;
  margin-left: 30px;
  padding-left: 7px;
  list-style-type: circle;
  list-style-image: url(img/typy/odrazka.png);
  }


#hlavicka_typ{
  background: #ffdeb7;
  text-align: right;
  background-image: url(img/typy/hlavicka.jpg);
  background-repeat: no-repeat;
  background-color: white;
  width: 522px;
  height: 50px;
  margin-left: -10px;
  margin-right: -10px;
}


#hlavicka_typ img{
  background: #ffdeb7;
  position: relative;
  top: 3px;
  left: -10px;
}

#obsah_typ{
  background: #ffdeb7;
  padding: 0px 20px 0px 20px;
  margin-left: -10px;
  margin-right: -10px;
  background-image: url(img/typy/natahovaci.jpg);
  background-repeat: repeat;
}

#paticka_typ{
  margin-left: -10px;
  margin-right: -10px;
  background-image: url(img/typy/spodni.jpg);
  background-repeat: no-repeat;
  width: 100%px;
  height:14px;
  background-color: #ffdeb7;
}

#karta_long{
  background-image: url(img/karta_long.png);
  background-repeat: no-repeat;
  width: 710px;
  height: 80px;
  position: relative;
  font-size: 15px;
  padding-top: 8px;
}
#home_karta{
  background-image: url(img/karta.png);
  background-repeat: no-repeat;
  width: 355px;
  height: 300px;
  float: left;
  position: relative;
}
#home_karta p{
  text-indent: 0;
  text-align: left;
  margin-left: 12px;
}

#home_karta li{
  font-size: 13px;
  text-align: left;
  margin-bottom: 12px;
  margin-right: 5px;
}

#home_karta img{
  margin-top: 12px;
  margin-left: 12px;
  margin-bottom: 12px;
}

.karta_img{
  margin-right: 12px;
  width: 120px;
  height: 90px;
  float: right;
}

.nodecoration a{
  text-decoration: none;
  color: black;
}
.nodecoration a:hover{
  text-decoration: none;
  color: black;
}