/* CSS Document */
html, body { margin: 0; padding: 20px 0; text-align: center; background: #fff0d1 url("bcg.jpg") repeat; color: #262626; }
body, table, table th, table td { font-family: "times new roman",serif; font-size: 90%; }
table, table th, table td { font-size: 100%; border-collapse: collapse; vertical-align: top; }
table { width: 100%; }
table th,
table td { padding: 5px; }
hr, .noPrint { display: none; }
.clear { clear: both; }
a { color: #136eb9; text-decoration: underline; }
a:hover { color: #262626; text-decoration: none; }
img { display: block; border: 0; }
strong { font-weight: bold; }
p { margin: 0.5em 0; padding: 0; }
form { margin: 0; padding: 0; }
input { border: 2px solid #ffe2ab; }
input[type='submit'] { background: #ffe2ab; padding: 0 5px; font-size: 90%; }
textarea { width: 580px; }
select { border: 2px solid #ffe2ab; font-size: 85%; }
fieldset { margin: 10px 0; padding: 5px; border: 1px solid #ffe2ab; }
legend { font-weight: bold; }
address { font-style: normal; }

#parent { width: 1000px; margin: 0 auto; background: url("border_top.png") no-repeat top center; }
#parent #daughter { background: url("bcg_daughter.png") no-repeat; }
#parent #daughter #son { padding: 0 10px; }

#header { position: relative; }
#header .content { padding: 10px; }
h1 { width: 260px; height: 200px; margin: 0; padding: 0; font-size: 250%; position: absolute; top: 45px; left: 52px; z-index: 100; }
h1 a { display: block; width: 100%; height: 100%; }
h1 strong, #header p { display: none; }
h2 strong { display: none; }
h3 strong { display: none; }

#body { text-align: left; }
#body .contentBody { padding: 10px 0; }

#main { width: 650px; float: right; position: relative; }
#main .contentMain { padding: 0 15px; margin-right: 20px; }
#main .image { margin: 0; }
#main .image img { margin: 5px auto 20px auto; }
#main object { position: absolute; top: 5px; left: 53px; }
#main form img { display: inline; padding-right: 5px; }

h2 { text-align: center; margin: 2px 0; }
h2 img { margin: 0 auto; }
h3 { font-size: 125%; color: #9a5935; }
h3 img { border: 0 !important; float: none !important; margin: 0 !important; padding: 0 !important; }
h4 { color: #262626; margin: 1em 0 0.5em 0; font-size: 115%; }

/* clanky */
.article { margin: 0 0 20px 0; }
.article .articleTop { background: url("corners_top.png") no-repeat top center; padding-top: 11px; }
.article .articleBottom { background: url("corners_bottom.png") no-repeat bottom center; padding-bottom: 11px; }
.article .articleContent { background: url("corners_content.png") repeat-y top center; padding: 1px 15px; *height: 100%; }
.article h3 { font-size: 165%; color: #ff0000; margin: 0.5em 0 0 0; }
.article h4 { font-size: 125%; color: #9a5935; margin: 0.25em 0; }
.article p { ; }
.article img { display: inline; float: right; margin: 0.5em 0 5px 10px; border: 2px solid #fff; }
.article .datum { font-weight: bold; }
.article .popis { font-style: italic; }
.article .more { text-align: center; font-weight: bold; text-transform: uppercase; padding-top: 5px; }

table.articleEdit { border: 1px solid #b37f5c; margin: 1em 0; background: #fff; }
table.articleEdit thead th { background: #fff0d1; }
table.articleEdit tbody th { border-top: 1px solid #b37f5c; border-bottom: 1px solid #b37f5c; }
table.articleEdit th,
table.articleEdit td { padding: 5px; }
table.articleEdit td { background: #fff; border-top: 1px solid #fff0d1; }
table.articleEdit td.procedura { text-align: left; }

table.articleEdit td.kc { text-align: right; }

/* kulturni kalendar */
.culture { margin: 0 0 10px 0; }
.culture table { border-bottom: 2px solid #ffe2ab; }
.culture table td { padding: 5px 0 10px 10px; }
.culture table h4 { margin: 0; color: #136eb9; }
.culture table p { margin: 0; }
.culture table .popis { font-style: italic; }
.culture table td img { float: right; margin: 0 0 5px 10px; border: 2px solid #fff; }
.culture .date { width: 90px; height: 90px; padding: 0 0 10px 0; background: url("date.png") no-repeat top center; ; text-align: center; vertical-align: top; }
.culture .date img { float: none; border: none; margin: 0; }

/* fotografie pod clankem */
.gal { width: 100%; height: 110px; overflow: auto; }
.gal table { margin: 0; width: auto; border: 0; }
.gal table td { margin: 0; padding: 2px; background: #fff; }
.gal table td img { border: 0; margin: 0; }

/* vzkazy */
.message { background: #f6f6f6; border-bottom: 2px solid #eee; margin: 10px 0; padding: 5px; color: #333; }
.message h3 { margin: 0; font-size: 120%; color: #009; }
.message p { margin: 0.25em 0; }
.message .datum { font-size: 90%; float: right; }
.message .popis { font-size: 90%; margin-bottom: 0.5em; }

/* admin - uprava clanku */
#admin h3 { font-size: 165%; color: #136eb9; margin: 0.5em 0; text-align: center; }
.articleEdit { border-bottom: 2px solid #fff; margin-bottom: 2px; }
.articleEdit td { padding: 5px 2px; background: #f6f6f6; text-align: center; vertical-align: middle; }
table.active { border-bottom: 2px solid #f26522; }
.clanek .clanek,
.uredni-deska .uredni-deska,
.razicky-obcasnik .razicky-obcasnik,
.razicky-hravy-spolek .razicky-hravy-spolek,
.verejna-zakazka .verejna-zakazka,
.neverejny-vzkaz .neverejny-vzkaz { background: #f26522; }
.clanek .clanek a,
.uredni-deska .uredni-deska a,
.razicky-obcasnik .razicky-obcasnik a,
.razicky-hravy-spolek .razicky-hravy-spolek a,
.verejna-zakazka .verejna-zakazka a,
.neverejny-vzkaz .neverejny-vzkaz a { color: #fff; font-weight: bold; text-decoration: none; }
.expired td { color: #999; }
.unprinted td { background: #eee; border-color: #fff; }
.procedura { text-align: left; }

/* flags */
#flags { margin: 10px 0; height: 30px; padding-left: 81px; }
#flags p { margin: 0; }
#flags a, #flags strong { margin: 0 15px; width: 36px; height: 18px; display: block; float: left; }
#flags a img, #flags strong img { margin: 0; background: #fff; display: inline; padding: 2px; border: 1px solid #ccc; }
#flags a:hover img, #flags strong img { border: 1px solid #333; }
#flags #cz { ; }
#flags #de { ; }
#flags span { display: none; }

/* column box */
#column .box { margin-top: 20px; padding-top: 20px; background: url("break.gif") no-repeat top center; }
#column .box .content { padding: 0 10px 1px 10px; }
#column .box h3 { margin: 5px 0 0 0; }
#column .box h3 img { margin: 0 auto; }

/* footer */
#footer { clear: both; padding-top: 150px; margin: 0 auto; background: url("border_bottom.png") no-repeat top center; }
#footer,
#footer a, #footer a:hover { color: #666; }
#footer a:hover { color: #000; }
#footer #copyright { display: none; }
#footer #webmaster { ; }
#footer #webmaster a { display: block; width: 398px; height: 34px; margin: 0 auto; background: url("webmaster.png") no-repeat; background-position: top center; }
#footer #webmaster a:hover { background-position: bottom center; }
#footer #webmaster span { display: none; }

/* barvy podklad*/
.orangered { background:#ff4500; }
.orange { background:#ffa500; }
.green { background:#008000; }
.violet { background:#ee82ee; }
.lightblue { background:#add8e6; }
.red { background:#ff0000; }
.white { background:#ffffff; }
.black { background:#000000; color: #fff; }

/* barvy písmo*/
.c_orangered { color:#ff4500; }
.c_orange { color:#ffa500; }
.c_green { color:#008000; }
.c_violet { color:#ee82ee; }
.c_lightblue { color:#add8e6; }
.c_red { color:#ff0000; }
.c_white { color:#ffffff; }
.c_black { color:#000000;}

br.clear { font-size: 1px; display: block; clear: both; width: 100%; }
.center { text-align: center; }

p.kryt { cursor: pointer; cursor: hand; text-decoration: underline; }
.hidden { display: none; border-bottom: 1px dotted #989898; }