body {background-color:#ffffba; margin:10px; padding:0; min-width:650px}
body {font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; font-size:12px}
body.notfound {margin-left:50px; margin-right:50px}
body.notfound #obalka {text-align:center}
body.notfound #hlavni {margin:auto}

img {border:0}
acronym, abbr {cursor:help}

h1 {font-size:1em}
h2 {font-size:1.5em}
h3 {font-size:1.17em}
h4 {font-size:1em}
h5 {font-size:0.83em}
h6 {font-size:0.67em}

#logo {margin: 12px 0; text-align: right}
#logo a {display:block; height:62px; background:#ffffba url(/images/kmilicovu-old.png) no-repeat center}
#logo span {display:none}

#kontakt {background-color:#ffb200; font-size:11px; padding:5px}
#kontakt ul {display:inline; padding:0; margin:0}
#kontakt li {display:inline}
#kontakt > b {color:#600}
#kontakt a {color:black}
#kontakt a:hover {color:#ff0}

#hlavni {margin-left:170px; border:solid 1px #ffb200; min-width:400px}
#hlavni {background:#f5f2e2 url(/images/skola-bg.jpg) no-repeat bottom center}
#hlavni {width:100%}
body[id] #hlavni {width:auto}

#nadpis {text-align:center; background-color:#ffb200; color:#600; font-size:.9em; font-weight:bold}
#nadpis {margin:0; padding:.4em 0; text-transform:uppercase; letter-spacing:.2em}

#nadpis1 {text-align:center; background-color:#f9f8fd;}

#obsah {padding:10px; text-align:justify}
#obsah, #obsah table {font-size:12px}
#obsah {width:100%}
body[id] #obsah {width:auto}
#obsah :link {color:#00f}
#obsah :visited {color:#800080}
#obsah a:hover {background-color:#fff7b5}
#obsah h3, #obsah h4, #obsah h5, #obsah h6 {color:#600}

#lpanel-bg {position:absolute; top:140px; width:160px}
#lpanel-bg {background-color:#fff7b5; border:solid 1px #ffb200; text-align:center}
#lpanel h2 {background-color:#ffb200; color:#600; text-align:center; margin:0; padding:.4em 0; font-size:.9em; font-weight:bold}

#menu {text-align:left; margin:0; padding:0; margin-top:8px; margin-bottom:4px; padding-bottom:154px}
#menu {line-height:1.5em; background:#fff7b5 url(/images/logo1.gif) no-repeat bottom center; width:100%}
body[id] #menu {width:auto}
#menu li {display:inline; list-style:none}
#menu a {display:block; margin-left:10px; padding-left:20px; background:url(/images/trojuhel.gif) no-repeat 0 50%}
#menu a {color:black; text-decoration:none}
#menu a:hover {text-decoration:underline}

#hledani {margin:5px 0}
#hledani input {font-size:10px; width:90px}
#hledani input.submit {width:auto}

/* sidebar */
body.sidebar {min-width:0; font-size:10px}
body.sidebar input {font-size:10px; width:70px}
body.sidebar input.submit {width:auto}


/* obsah - doladit */
.mainobr {text-align:center}

.novinka h3 {font-size:12px; font-weight:normal; padding:0; margin:0}
.novinka p {margin:1em 0}
.novinka .datum {color:#c90; font-weight:bold; margin-right:10px}
.novinka .nadpis {font-weight:bold; color:#000}

table.simple4 {border-collapse: collapse; border: solid 6px #ffb200;	margin: 5px; border-left-color: Maroon;	border-right-color:#7d0e07;
	border-top-color: #d56f16;}
table.simple4 {background-color:#ffc; text-align:left}
table.simple4 th {background-color:#ffb200; border:solid 1px #ffb200; padding:2px}
table.simple4 td {background-color:#ffc; border:solid 1px #ffb200; padding:2px}
table.simple4 caption {color:#600; text-align:left}

table.simple2 {border-collapse:collapse; border:solid 1px #ffb200; margin:10px}
table.simple2 {background-color:#ffc; text-align:left}
table.simple2 th {background-color:#ffb200; width:45%; border:solid 1px #ffb200; padding:2px}
table.simple2 td {background-color:#ffc; width:45%; border:solid 1px #ffb200; padding:2px}
table.simple2 caption {color:#600; text-align:left}

table.simple3 {border-collapse:collapse; border:solid 1px #ffb200; margin:10px}
table.simple3 {background-color:#ffc; text-align:left}
table.simple3 th {background-color:#ffb200; width:20%; border:solid 1px #ffb200; padding:2px}
table.simple3 td {background-color:#ffc; width:20%; border:solid 1px #ffb200; padding:2px}
table.simple3 caption {color:#600; text-align:left}



table.simple1 {border-collapse: collapse; border: solid 6px #ffb200;	margin: 5px; border-left-color: Maroon;	border-right-color:#7d0e07;
	border-top-color: #d56f16;}
table.simple1 {background-color:#ffc; text-align:center}
table.simple1 th {background-color:#ffb200; width:10%; border:solid 1px #ffb200; padding:2px; text-align:left}
table.simple1 td {background-color:#ffc; width:10%; border:solid 1px #ffb200; padding:2px}
table.simple1 caption {color:#600; text-align:left;}

.tbl-1 {text-align:center}
.tbl-1 table {margin:1em auto; text-align:left; border-collapse:collapse; border:1px solid black}
.tbl-1 caption {margin:0 auto; padding:.5em; text-align:center; font-weight:bold;color:#600; font-size:1.17em}
.tbl-1 td, .tbl-1 th {border:1px solid black; padding:.3em}
.tbl-1 thead {background-color: #ffb200; color:#600}
.tbl-1 tbody tr:hover {background-color: #ffffba}

#obsah p {margin:1em 0}
#obsah dd ol {margin:1em 0; padding:0}

/* fotogalerie */
/* a.galerie {margin-left:30px; }*/ /* TODO obrazek fotaku u odkazu na galerii */
p.galerie {text-align:center; margin:10px}
.spacer {clear:both; height:1px}
.v-spacer {height: 350px;}

#obsah .foto {margin:15px; float:left}
#obsah .foto a:hover, #obsah .foto a:hover img {background-color:transparent}
#obsah .foto img {border:solid 1px #000}

/* FIXME problem se semantikou, kdyz fotku neotevru v novem okne */
#fotka-bg {border:solid 1px #ffb200; background-color:#f5f2e2}
#fotka #obsah {text-align:center; margin:10px; margin-bottom:0}
#fotka #obsah .foto a:hover, #fotka #obsah .foto a:hover img {background-color:transparent} /* FIME nefunguje */
#fotka #obsah .comment {font-weight:bold; margin:5px}
#fotka #obsah .navig {margin:5px; font-size:10px}

#csstable {
	width: 836px;
	border-top: 5px solid #daa520;
	border-left: 10px solid #d2b48c;
}
#csstable div {
	float: left;
	width: 196px;
	padding: 4px;
	border-bottom: 2px solid #a0522d;
	border-right: 5px solid #a0522d;
	
}.title {    background:#FFCC00;    font-weight:bold;}.br {    clear:both;} a:hover {color:yellow}



