* {
  margin: 0; padding: 0; border: 0;
}

body {
		margin: 0 0.3em 0 0.3em;
		background-color: #226093;
		text-align: center;
}

#body-in {
		margin: 0 auto;
		width: 770px;
		background: url('../img/back.png') repeat-y transparent;
		text-align: left;
}

/* vrchni lista */
#logo-bar {
    position: relative;
    width: 770px; height: 145px;
		background: url('../img/head.png') no-repeat transparent;
}

#logo a {
    display: block; position: relative;
    top: 10px; left: 15px;
    width: 150px; height: 110px;
    /*border: 1px solid black;*/
}

#h-o a, #v-o a, #ld-o a {
    display: block; position: absolute; width: 135px; height: 135px; top: 0;
}
#h-o a { left: 198px; } #v-o a { left: 342px; } #ld-o a { left: 486px; }

/* hlavni obsah */

#main {
    width: 770px; min-height: 400px;
		background: url('../img/menu-back.png') no-repeat transparent 5px bottom;
}

#menu { float: left; width: 198px; }
#menu .submenu { margin: 5px 0 7px 0; }
.menu-in { padding: 5px 5px 1px 12px; }

#content {
    float: right;
    width: 550px; padding: 0 15px 0 0;
    overflow: hidden;
}


/* leve menu */
#menu h2 { margin: 0 0 0 6px; padding: 0; width: 100%; height: 24px; overflow: hidden; }
#menu h2.y { background: url('../img/menu-back-y.png') no-repeat transparent; }
#menu h2.r { background: url('../img/menu-back-r.png') no-repeat transparent; }
#menu h2.g { background: url('../img/menu-back-g.png') no-repeat transparent; }
#menu h2.b { background: url('../img/menu-back-b.png') no-repeat transparent; }

#menu h2 a { display: block; width: 100%; height: 100%; padding: 0 0 0 6px; text-decoration: none; background: none; color: #ffffff; font-weight: bold; font-size: 11px; line-height: 23px; }
#menu h2 a:hover, #menu h2 a.active { text-decoration: underline; background: url('../img/menu-back-hover.gif') no-repeat transparent; }
#menu h2 a.active { font-weight: bold; text-decoration: none; }

#menu h3 { margin: 0 0 0 6px; padding: 0; width: 191px; height: 18px; overflow: hidden; }
#menu h3 a { display: block; width: 100%; height: 100%; padding: 0 0 0 18px; text-decoration: none; background: none; color: #555555; font-weight: normal; font-size: 11px; line-height: 18px; }
#menu h3 a:hover, #menu h3 a.active { text-decoration: underline; background: url('../img/menu-back-hover2.gif') no-repeat transparent; color: #000000; }
#menu h3 a.active { font-weight: bold; text-decoration: none; }

#menu h4 { margin: 0 0 0 6px; padding: 0; width: 191px; height: 18px; overflow: hidden; }
#menu h4 a { display: block; width: 100%; height: 100%; padding: 0 0 0 30px; text-decoration: none; background: none; color: #555555; font-weight: bold; font-size: 10px; line-height: 15px; }
#menu h4 a:hover, #menu h4 a.active { text-decoration: underline; background: url('../img/menu-back-hover2.gif') no-repeat transparent 11px -1px; color: #000000; }
#menu h4 a.active { font-weight: bold; text-decoration: none; }

/* leve menu - konec */

/* paticka */
#foot {
    width: 770px; height: 39px;
    background: url('../img/foot-back.png') no-repeat transparent;
}
#foot .foot-text {
    font-size: 85%; color: #606060; padding-top: 18px; width: 198px; text-align: center; /* sirka jako menu */
}
#foot .foot-text a { color: #606060; text-decoration: underline; }
#foot .foot-text a:hover { color: #000000; }

/* paticka - konec */

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

div { border: 0px solid black; }