* {
  margin: 0; padding: 0;
  list-style: none inside;
}

html {
	height: 100%;
}

body {
  font-size: small;
  font-family: Verdana, 'Geneva CE', lucida, sans-serif;
  height: 100%;
}
body.ie6 {
  font-size: x-small;
  font-family: Verdana, 'Geneva CE', lucida, sans-serif;
  height: 100%;
}

h1,h2,h3,h4,h5,h6,p {
  margin-bottom: 1em;
}

a {
  color: #E43A29;
}

.vpravo {
  text-align: right;
}

.cleaner {
  clear: both;
  height: 1px;
  margin-top: -1px; padding:0;
  border: none;
  visibility: hidden;
}

#hlavicka-obal {
  background-color: #5177a2;
}

#hlavicka {
  height: 160px;
  padding-top: 20px;
  width: 990px;
}

#hlavicka #logo {
  display: block;
  width: 174px;
  height: 125px;
  background: url('/grafika/logo.gif') no-repeat center center;
  margin-top: 0;
  margin-left: 2em;
  float: left;
}

.ie6 #page #hlavicka #logo {
  margin: 0 2em 0 1em;
}

#hlavicka strong {
  display: none;
}

#hlavicka #tasky {
  width: 442px;
  height: 125px;
  background: url('/grafika/tasky.gif') no-repeat;
  margin-left: 2em;
  float: left;
}

.ie6 #hlavicka #tasky {
  margin-left: 0;
}

#hlavicka #novinky {
  float: left;
  height: 115px;
  border: 1px solid #b8b8b8;
  width: 288px;
  margin-left: 30px;
  margin-top: 3px;
  text-align: center;
  background: url('/grafika/aktualne.gif') no-repeat;
}

#hlavicka #novinky ul li a {
  text-decoration: none;
  color: #000;
  font-weight: bold;
  line-height: 20px;
}

#hlavicka #novinky ul {
  padding: 1em;
}

#obsah {
  margin-left: 210px;
}

#page {
  min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0px auto -66px 0;
	min-width: 990px;
}

#text {
  margin-bottom: 100px;
  margin-top: -12px;
  margin-left: 30px;
  width: 730px;
}

.ie6 #page {
  width: expression(document.body.clientWidth < 990? "990px" : "auto" );
}

/* horizontalni menu */

#menu-horizontal-obal {
  background: url('/grafika/menu-pozadi-cele.gif') repeat-x;
  margin-left: -220px;
}

#menu-horizontal {
  height: 30px;
  margin-bottom: 3em;
}

#menu-horizontal li {
  display: block;
  float: left;
  text-align: center;
  height: 30px;
  line-height: 30px;
  background: url('/grafika/menu-pozadi.gif') no-repeat -149px 0;
  width: 149px;
}

#menu-horizontal li a {
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  display: block;
  width: 149px;
  height: 30px;
  line-height: 30px;
  background: url('/grafika/menu-pozadi.gif') no-repeat -149px 0;
  white-space: nowrap;
}

#menu-horizontal li a:hover {
  background: url('/grafika/menu-pozadi.gif') no-repeat 0 0;
  letter-spacing: 1px;
}

#levy-sloupec {
  float: left;
  padding-top: 5em;
  width: 210px;
}
#levy-sloupec ul li a {
  color: #009;
}

#levy-sloupec ul li a:hover {
  color: #fff;
}

#levy-sloupec strong {
  display: block;
  width: 210px;
  color: #2b2b2b;
  text-align: left;
  font-size: 140%;
  padding: 1em 0 0 1em;
  margin-top: -21px;
  position: relative;
  z-index: 999;
}


.push {
  height: 66px;
  clear: both;
  height: 1px;
  margin-top: -1px; padding:0;
  border: none;
  visibility: hidden;
}

#paticka {
  color: #fff;
  width: 100%;
  height: 66px;
  background: url('/grafika/paticka-pozadi.gif') repeat-x;
}

.ie6 #paticka {
  margin-top: 2em;
}

#paticka #copyright {
  float: left;
  margin: 10px 0 0 10px;
  line-height: 25px;
  position: absolute;
  left: 0;
}

#paticka #copyright a {
  color: #fff;
}

#paticka #copyright a:hover {
  text-decoration: none;
}

#doporucujeme {
  float: right;
  width: 500px;
  margin: 10px 10px 0 0;
}

#kontakt h2 {
  margin-top: 1em;
}













.sf-vertical {
  width: 200px;
  overflow: visible;
  position: relative;
  margin-bottom: 100px;
  margin-top: 2em;
}

.ie6 .sf-vertical {
  margin-bottom: 0;
}

.sf-vertical li {
  width: 200px;
  padding-left: 1em;
}

.sf-vertical li ul li {
  padding-left: 0;
  text-indent: 1em;
}

.sf-vertical li a {
  color: #000;
  width: 200px;
  text-decoration: none;
  font-size: small;
  padding: 0.3em 0;
}
.ie6 .sf-vertical li a {
  font-size: x-small;
}

/* sirka a odsazeni ! */
.sf-menu ul, .sf-vertical, .sf-vertical li {
  width:	200px;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul,
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
  left: 210px;
}

/* sirka submenu **/
#menu li ul, #menu li ul li, #menu li ul li a {
  width: 150px;
  text-transform: none;
}

/* barva pozadi aktivni polozky v menu */
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active, .sf-vertical li ul {
  background-color: #ffaf9f;
  background-color: #E23929;
}

.sf-vertical li ul li a {
  background-color: #fff;
  display: block;.
  color: #000;
}

.sf-vertical li ul li a:hover {
  background-color: #ffaf9f;
  background-color: #E23929;
  color: #fff;
}

.sf-vertical li a:hover {
  background-color: #ffaf9f;
  background-color: #E23929;
  color: #fff;
}

#sortiment {
  width: 30em;
}

#sortiment dt {
  background-color: #E43A29;
  padding: 0.3em;
  color: #fff;
}

#sortiment dd {
  border-left: 1px solid #fe9e8f;
  border-right: 1px solid #fe9e8f;
  border-bottom: 1px solid #fe9e8f;
  margin-bottom: 1em;
  padding: 0.3em;
}

#sortiment a:hover {
  text-decoration: none;
}

.vpravo {
  float: right;
  margin: 1.5em;
}

#mapa {
  float: right;
  margin: 1.5em;
  width: 400px;
  height: 400px;
  border: 1px solid black;
}