body{ /*centrovani pro IE*/
  margin: 0px;
  padding: 0px;
  text-align: center;
  background: white;
  font: 12pt Arial, sans-serif;
  color: #f0f0f0;
  background-color: #eaeaea;
}
#center{ /*centrovani pro ostatni ktery dodoryuji specifikaci*/
  position: relative; /*vytvoreni novyho sour. systemu*/
  width: 705px;
  margin: 3px auto;
  padding: 0px;
  text-align: left;
/*  border: 1px solid red;*/
} 
#hlavicka{ /*hlavicka webu: Logo, Menu*/
  position: relative; /*vytvoreni novyho sour. systemu*/
  height: 390px;
  margin: 0px;
  padding: 0px;
  border-width: 0px;
  background: #040404 url("../grafika/hlavicka.jpg") center bottom no-repeat scroll;
}
h1{
  font-size: 200%;
}
h2{
  font-size: 150%;
  margin-left: 10px;
}
h3{
  font-size: 120%;
  margin-left: 30px;
}
li h3{
  margin-left: 0px;
}
a, a:hover, a:visited{
  color: #f0f0f0;
}
#hlavicka h1 a span{ /*zneviditelneni nadpisu - poydeji zobrayeni obrazku*/
  display: none;
}
#hlavicka h1 a{ /*odkaz na http://www.interierysoukup.cz/*/
  margin: 0px;
  padding: 0px;
  display: block;
  width: 237px;
  height: 118px;
  background-image: url("../grafika/logo.jpg");  
}
li{
  list-style: square outside url("../grafika/odrazka.gif");
}
#hlavicka h1{ /*logo*/
  position: relative;
  left: -117px;
  top: 152px;
}
li h3{
  margin-bottom: 0px;
}
li p{
  color: #f0f0f0;
  margin: 0px 0px 5px 20px;
}
p{
  width: 80%;
  margin-left: 50px;
}
p:first-line{
  padding-left: 100px;
}
#menu{
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  margin: 0px;
  padding: 0px;
  height: 3em;
  line-height: 3em;
  _width: 100%; /*podtržítkový hack kvuli IE ... prekvapive :-)*/
  background-color: black;
/*nastaveni pruhlednosti ale zpruhlednuje se i text*/
  opacity: 0.8;
  filter: alpha(opacity=80);  
  -moz-opacity: 0.8;  
  -khtml-opacity: 0.8;
}
#menu li{
  list-style: none;
  width: 117px;
  float: left;
  text-align: center;
}
#menu li a, #menu2 li a{
  color: white;
  font-weight: bold;
  text-decoration: none;
}
#menu li a:hover, #aktualni, #menu2 li a:hover{
  border-color: white;
  border-style: solid;
  border-width: 0px 0px 0.25ex 0px;
}
#aktualni{
  border-color: grey;
}
#menu li a:visited, #menu2 li a:visited{
  color: white;
}
#menu2{
  position: absolute;
  right: 0px;
  bottom: 48px;
  margin: 0px;
  padding: 0px;
  height: 3em;
  line-height: 3em;
}
#menu2 li{
  list-style: none;
  width: 350px;
  float: right;
  text-align: center; 
    _width: 100%; /*podtržítkový hack kvuli IE ... prekvapive :-)*/
  background-color: black;
/*nastaveni pruhlednosti ale zpruhlednuje se i text*/
  opacity: 0.8;
  filter: alpha(opacity=80);  
  -moz-opacity: 0.8;  
  -khtml-opacity: 0.8; 
}
#obsah{
  position: relative; /*vytvoreni novyho sour. systemu*/
  margin: 1ex 0px 0px 0px;
  padding: 1em 3em;
  min-height: 300px;
  background-color: #414141;
  border-style: solid;
  border-color: #040404;
  border-width: 1ex 0px 0px 0px;
  _height: 300px;
}
#paticka{
  position: relative; /*vytvoreni novyho sour. systemu*/
  margin: 1ex 0px 0px 0px;
  padding: 0px;
  min-height: 2em;
  line-height: 2em;
  _height: 2em;
  background-color: #040404; 
}
address{
  text-align: center;
  font-weight: bold;
}
p{
  text-align: justify;
}
p:first-line{
  margin-left: 200px;
}

.neviditelny {
  display: none;
}

#odkazy {clear:both;padding:15px;text-align:center;font-size:10px;}
#odkazy a {color:#888;}
#odkazy a:hover {color:#000;}
