/* reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, 
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figure, figcaption, hgroup, 
menu, footer, header, nav, section, summary, time, mark, audio, video 
{margin: 0; padding: 0; border: 0;}

/* základní nastavení */
body {font-size: 16/24px; font-family: Tahoma, Geneva, sans-serif; color:#333333; margin:0; padding:0; height:100%; background: url('image/main-bg.png') top center repeat fixed}

.clrlevy {clear:left;}
.clroba {clear:both;}

.right {float: right;}
.left {float: left;}
.num {text-align: right; white-space: nowrap;}
.center {text-align: center;}
.chyba {color: red; font-weight: bolder; text-align: center;}
.modra {color: blue;}
.zelena {color: green}
.zluta {color: yellow}
.cervena {color: red}
.bd {font-weight: bold;}

.hidden {display: none;}

h1, h2, h3, h4, h5, h6, ul, ul li, p {padding: 0; margin: 0; list-style:none; font-weight: 500;}
h1, h2, h3, h4, h5, h6 {color: #2c85ca;}
img {border:none; border-radiusx: 5px;}
a {color:#333333/*#2c85ca*/; text-decoration:none; border: none;}
th, td {margin: 1px; padding: 2px;}

/* různé */
.zelena {color: green;}
.cervena {color: red;}
.modra {color: blue;}
.seda {color: grey;}
.clr {clear: both;}
.pol {width: 150px; text-align: right; padding-right: 3px;}
.poltx {width: 150px; text-align: right; vertical-align: top; padding-right: 3px;}
.bd {font-weight: bolder;}
.txcent {text-align: center;}

#nav {width: 12em; /*height: 100%;*/ font-size: 0.8em; border-right: 1px solid #c6c6c6; border-bottom: 1px solid #c6c6c6; border-bottom-right-radius: 10px; background-color: #fafafa; position: absolute; /*float: left;*/ padding: 1em 0.25em;}
#nav h3 {color: #2c85ca; font-size: 1.5em; font-weight: 500; margin-bottom: 0.5em; text-align: left;}
#nav p {color: #2c85ca; margin: 0 0 0 0.5em; padding: 0;}
#uzivatel {margin-bottom: 1em;}
#nav ul {margin: 0 0 0.5em 0; padding: 0.5em 0; list-style: none; border-bottom: 1px dotted #c6c6c6; }
#nav li {margin: 0 0 0 1em; padding: 3px;}
#nav a {padding: 3px; width: 100%;}
#nav a:hover {background-color: #e5e5e5; color: #000000; text-decoration: underline; border-radius: 3px;}

#data {margin-left: 12em; width: 70%; min-width: 800px; position: absolute; left: 0px; top: 0px;}
#data h2 {color: #2c85ca; margin: 10px 0;}

#toolbar, #toolbar_rub {font-size: 0.9em; white-space: nowrap; padding: 0.25em 0.5em; background-color: #eeeeee; border: 1px solid #dddddd; border-radius: 3px;}
#toolbar h3 {padding: 0; margin: 8px; float: right;}
#toolbar p {padding: 0; margin: 4px; float: right;}
#toolbar a {/*font-size: 80%;*/}

#loading {display: none; position: fixed; z-index: 100000; top: 0; left: 0; height: 100%; width: 100%; background: rgba( 255, 255, 255, .8 ) url('/admin/icons/loading.gif') 50% 50% no-repeat;}

/* tabulka s daty */
table {font-size: 0.75em; color: black; border: 0px none; margin-bottom: 1em;}
tr.hlava {background-color: #dddddd; color: #000000;}
.lichy {background-color: #f0f0f0;}
.sudy {background-color: #f8f8f8;}
th {white-space: nowrap; padding: 0.25em 0.5em; vertical-align: text-bottom; border: 1px solid #cccccc; border-radius: 3px;}
th a {font-size: 0.5em;}
th img {vertical-align: text-bottom;}
tr.hlavaflt {background-color: #e6e6e6; color: #000000;}
tr.hlavaflt th {padding: 1px;}
tr.hlavaflt th input {font-size: 0.9em; padding: 1px; width: 90%;}
tr.hlavaflt th select {font-size: 0.9em; padding: 1px;}

td {vertical-align: top; padding: 0.25em; border-radius: 3px;}
td.nowrap {white-space: nowrap;}
td.linebar {white-space: nowrap; text-align: center; vertical-align: middle;}
td.linebar a {font-size: 0.75em;}

/* formulář */
form {padding: 5px; width: 95%; font-size: 0.8em;}
fieldset {width: 100%; border: 1px dotted #aaaaaa; border-radius: 5px; padding: 5px 10px; margin: 0;}
fieldset.toolbar {min-height: 300px;}
#fld_text {}
select {border-radius: 3px; border: 1px solid #888888; padding: 2px 0}
button {border-radius: 3px; border: 1px solid #888888; cursor: pointer;}
input, textarea {font-family: Tahoma, Geneva, sans-serif; border-radius: 3px; border: 1px solid #888888; padding: 3px; font-size: 1em;}
input[type=checkbox] {margin-top: 6px;}
legend {/*width: 150px; */color: #2c85ca; padding: 0 5px 0 5px; font-size: 1em; vertical-align: bottom; /*background-image: url("icons/double-up.png"); background-position: 2px 0px; background-repeat: no-repeat;*/}
legend img {float: left;  margin: 0; padding: 2px 5px; width: 14px; height: 14px;}
legend img:hover {cursor: pointer;}
legend input {margin: 0 5px; float: right;}
label {width: 12em; text-align: right; float: left; clear: left; padding: 5px 5px 0 0;}
.lbl {padding: 0 5px 0 15px;}
.siroky {width: 18em;}
fieldset span {display: inline-block; padding: 5px 5px 0 0;}
fieldset div.box {float: left; padding: 5px 5px 0 0; margin-left: 18.4em; display: inline-block; clear: none;}
/* login */
#frmlogin {width: 25em; margin: 5em auto;}
#frmlogin label {width: 7em;}
/* články */ 
#clanek_stav {border: 1px solid #888888; border-radius: 3px; background-color: #ececec; padding: 2px 10px; margin: -5px 0 0 0; float: right;}
#clanek_stav {cursor: pointer;}
#clanek_stav.backgreen {background-color: #ccff99;}
#clanek_stav.backred {background-color: #ff99cc;}
#ilustrace_imgdiv, #prehled_imgdiv, #img_banner, #img_kalendar {display: inline-block; text-align: center; max-width: 600px; margin: 10px; padding: 10px; border: 1px dotted #aaaaaa; border-radius: 3px;}
#ilustrace_imgdiv img, #prehled_imgdiv img {max-width: 800px;}
#txt {width: 700px; height: auto;}
.req {}
.reqchyba {border-bottom: 2px solid Red;}
.reqsave {border-bottom: 2px solid #ff9900;}
.reqok {border-bottom: 2px solid Blue;}
.nofloat {float: none; width: auto;}
#clanky_pod_toolbar {margin: 10px 0 0 5px;}
#clanky_pod_toolbar div {float: left; font-size: 1.1em; margin: 0 1px; padding: 3px 10px; border-top: 1px solid #888888; border-right: 1px solid #888888; border-left: 1px solid #888888; border-top-left-radius: 3px; border-top-right-radius: 3px;}
#clanky_pod_toolbar div.selected {background-color: #aaaaaa;}
#clanky_pod_toolbar div:hover {background-color: #888888; color: #eeeeee; cursor: pointer;}
.fld_clanky_pod {border: 1px solid #aaaaaa;}
.fld_clanky_pod table {font-size: 0.9em;}
fieldset h3 {font-size: 0.9em; font-weight: 700; color: #2c85ca; margin-top: 0.5em; }
/*#clanky_mn li {display: inline; vertical-align: bottom; }
#clanky_mn li:hover {background-color: #dddddd;}
#clanky_mn li.selected {background-color: #888888; color: #eeeeee;}
#clanky_mn li div.stav {float: right; border: 1px solid Red; width: 13px; height: 13px; margin: 2px;}
*/
/* upload a práce s obrázky */
.frm_img {margin: 10px 220px 0 0; padding: 10px; border: 1px solid #cccccc;}
#nahledcrop {float: right; width: 150px; margin-top: 5px;}
div.nahledcropin {background-color: #ffffff; border: 1px dotted #aaaaaa; border-radius: 3px; width: 140px; margin: 5px; padding: 5px 2px; font-size: 0.5em; text-align: left;}
div.nahledcropin:hover {background-color: #dddddd; cursor: pointer;}
div.nahledcropin.select {border-color: Blue; border-style: solid; background-color: #99ccff;}
div.nahledcropin h4 {font-size: 1.3em;}
div.nahledcropin div.full {width: 136px; height: auto; margin-right: 3px; overflow: hidden;}
div.nahledcropin div.full img.full {width: 100%; height: auto;}
div.nahledcropin div.half {width: 68px; height: auto; margin-right: 3px; overflow: hidden; float: left;}
div.nahledcropin div.half img.half {width: 100%; height: auto;}
div.nahledcropin div.quart {width: 34px; height: auto; margin-right: 3px; overflow: hidden; float: left;}
div.nahledcropin div.quart img.quart {width: 100%; height: auto;}
div.nahledcropin.impossible {color: #dddddd;}
div.nahledcropin.impossible:hover { background-color: #ffffff; cursor: default;}
div.nahledcropin.impossible div img {display: none;}

div.selectimage {float: left; width: 150px; margin: 3px; padding: 5px; border: 1px dotted #aaaaaa; border-radius: 5px; text-align: center;}
div.selectimage img {max-width: 130px; max-height: 200px;}
div.selectimage p {font-size: 0.7em;}
div.selectimage.select {border-color: Blue; border-style: solid; background-color: #99ccff;}
div.selectimage:hover {background-color: #dddddd; cursor: pointer;}

/* správa rubrik */
#data_prehled ul {margin-top: 20px; width: 300px;}
.rub_rd {padding: 3px 0;}
.rub_rd span {/*border-bottom: 1px dotted #aaaaaa; padding: 3px; */}
.rub_rd_in {border-left: 1px dotted #cccccc; border-bottom: 1px dotted #aaaaaa; border-bottom-left-radius: 3px; padding: 3px; }
.ico {float: left; width: 15px; height: 15px; margin: 2px 5px;}
.expand {background: url('../icons/down-arrow-square-silver-Shapes4FREE.png') 0% 50% no-repeat; }
.last {/*background: url('../icons/rt-arrow-square-silver-Shapes4FREE.png') 0% 50% no-repeat; */}
.collapse {background: url('../icons/up-arrow-square-silver-Shapes4FREE.png') 0% 50% no-repeat; }
.zruseno {color: #cccccc; text-decoration: line-through;}
.rubriky_tools {float: right; width: 60px; white-space: nowrap;}
.rubriky_tools a {font-size: 0.5em;}
.rubriky_url {float: right; white-space: nowrap;}
.rubriky_stav {float: right; width: 100px; white-space: nowrap;}
.rubriky_stav img {width: 16px; height: 16px; padding: 4px 2px 0 2px;}
#rubriky_editor {margin-left: 20px;}
#rubriky_editor h3 {color: #2c85ca; }
/* soutěže */
button.ukazsoutodp {width: 90%;}