/* ---- obycejne tabulky s jednoduchymi carami ---  */

/* TEST: table {margin: 0; padding:0 ; border: solid 4px red;} */
table {
    margin: 5px 0px 10px 0px;
    padding: 0;
}

table.tb {
    border: solid 1px black;
    border-collapse: collapse;
    border-spacing: 0em;
    padding: 0em;
    table-layout: fixed;
    margin-left: 1.5em;
    margin-right: 1.5em;
    width: 100%;
}

th.tb {
    font-family: helvetica, arial, sans-serif;
    text-align: center;
    background-color: #d8d8d8;
    color: black;
    padding-left: .5em;
    padding-right: .5em;
    border: solid 1px black
}

th.tbl {
    font-family: helvetica, arial, sans-serif;
    text-align: left;
    background-color: #d8d8d8;
    color: black;
    padding-left: .5em;
    padding-right: .5em;
    border: solid 1px black
}

th.tbr {
    font-family: helvetica, arial, sans-serif;
    text-align: right;
    background-color: #d8d8d8;
    color: black;
    padding-left: .5em;
    padding-right: .5em;
    border: solid 1px black
}


td.tb {
    font-family: helvetica, arial, sans-serif;
    padding-left: .5em;
    padding-right: .5em;
    border: solid 1px black;
    background-color: #efefef;
    text-align: center;
}

td.tbl {
    font-family: helvetica, arial, sans-serif;
    padding-left: .5em;
    padding-right: .5em;
    border: solid 1px black;
    background-color: #efefef;
    text-align: left;
}

td.tbr {
    font-family: helvetica, arial, sans-serif;
    padding-left: .5em;
    padding-right: .5em;
    border: solid 1px black;
    background-color: #efefef;
    text-align: right;
}

/* tabulky: speciality*/

th.svatky {
    /* color: #e56c00; */
    color: #bF620e;
}

td.forumlist,
th.forumlist {
    background-repeat: no-repeat;
    background-position: 5px 0px;
}

/* vicesloupcovy seznam.... */
div.yndex {
    font-size: 12px;
    column-width: 210px;
    column-gap: 14px;
    column-rule: thin solid #335c33;
    -moz-column-width: 210px;
    -moz-column-gap: 14px;
    -moz-column-rule: thin solid #335c33;
    -webkit-column-width: 210px;
    -webkit-column-gap: 14px;
    -webkit-column-rule: thin solid #335c33;
}


input[type=text],
input[type=file],
input[type=password],
input[type=number],
input[type=email],
input[type=url],
input[type=date],
input[type=tel],
textarea,
select {
    border: 1px solid #d7d7d7;
    margin: 2px 2px 1px 2px;
    padding: 2px 1px 1px 1px;
    height: 22px;
}

.select2-selection {
    /* padding: 2px 1px 1px 1px !important; */
    border: 1px solid #d7d7d7 !important;
    margin: 2px 2px 1px 2px;
    border-radius: unset !important;
    height: 27px !important;
    line-height: 24px !important;
}

/* --------------  formulare: test: devel! ----------------- */

div.tags_uldiv {
    border: 1px solid #d7d7d7;
    margin: 2px 5px 1px 120px;
    padding: 2px 3px 0px 3px;
    min-height: 18px;
}

/**/
select.tag_select {
    /* barva elementu ve formulari slouzici javascriptovym udelatkam... */
    background-color: #ffffc8;
}

select option.opt_title {
    font-weight: bold;
}

select option.opt_flag {
    padding-left: 12px;
    background: transparent url('/img/icons/tag.gif') no-repeat center left;
}

select option.opt_song {
    padding-left: 16px;
    background: transparent url('/img/icons/song.gif') no-repeat center left;
}

select option.opt_add {
    padding-left: 18px;
    background: transparent url('/img/icons/add.gif') no-repeat center left;
    font-style: italic;
}

ul.tag_ul {
    margin: 1px 0 5px 1px;
    list-style: none;
    display: block;
}

ul.tag_ul li {
    display: inline;
    position: relative;
    padding-right: 5px;
}

/****** TODO TODO TODO, predelat pomoci::. 
ul.tag_ul li.first {
  color: green;
}

ul.tag_ul li.last {
  color: red;
} ***********************************/

ul.tag_ul li:before {
    content: "| ";
}

ul.tag_ul li:first-child:before {
    content: "";
}

ul.tag_ul li img,
ul.song_ul li img {
    cursor: pointer;
}


textarea {
    clear: both;
    width: 99%
}

input.fullsize {
    width: 83.5%;
}

/* vyber poctu radku v textarea */
div.input_rows_hidden {
    display: none;
}

div.input_rows {
    float: right;
    font-size: 80%;
}

select.input_rows {
    font-size: 90%;
}

/* text v ramecku uvnitr formulare... */
div.forminfo {
    font-size: 11px;
    padding: 10px 0px 14px 0px;
}

div.forminfo_frame {
    font-size: 11px;
    border-width: 1px;
    border-style: solid;
    padding: 5px 7px 5px 7px;
    border-color: #c4c4c4;
    margin: 7px 0px 10px 0px;
}

div.forminfo_red {
    font-size: 11px;
    border-width: 3px;
    border-style: solid;
    border-color: #bd0000;
    padding: 5px 7px 5px 7px;
    margin: 7px 0px 10px 0px;
}

div.formsection {
    background-color: #f6f6f6;
    border-width: 1px;
    border-style: solid;
    padding: 5px 7px 5px 7px;
    margin: 4px 0px 6px 0px;
}

div.formsection2 {
    background-color: #efefe0;
    border-width: 1px;
    border-style: solid;
    padding: 5px 7px 5px 7px;
    margin: 4px 0px 6px 0px;
}

div.formcatz {
    float: left;
    background-color: #f6f6f6;
    /*  border-width: 1px ;
      border-style: solid; */
    padding: 0px 7px 15px 7px;
    margin: 14px 5px 7px 0px;
    width: 176px;
}

div.formask {
    background-color: #ececec;
    border-width: 1px;
    font-size: 1.2em;
    border-style: solid;
    padding: 5px 7px 5px 7px;
    margin: 24px 0px 6px 0px;
    width: 468px;
}

/* label (tabulkovy) */
label.tbl {
    float: left;
    width: 15%;
    margin-top: 6px;
    /*width: 110px;*/
    /*border: solid black 1px;*/
}

/* "popup" okno s upozornenym na zapnuty capslock u hesel */
div.capslockwarning {
    /* top + left + zIndex + position: defined by javascript! */
    border-style: solid;
    border-color: #bd0000;
    border-width: 2px;
    /* CSS3: zahnute rohy... */
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;

    line-height: 1.3;
    margin: 2px;
    padding: 6px;
    font-size: 80%;
    font-weight: bold;
    background-color: #f8f8f8;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

/* "popup" vyskakovaci okno... */
div.popuplink {
    /* top + left + zIndex + position: defined by javascript! */
    text-align: left;
    overflow: hidden;
    border-style: solid;
    border-color: #b8b8b8;
    border-width: 1px;
    /* CSS3: zahnute rohy... */
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    /*  line-height: 1.3; */
    margin: 2px;
    padding: 6px;
    font-size: 95%;
    max-width: 320px;
    background-color: #f8f8f8;
    opacity: 0.96;
    filter: alpha(opacity=96);
    padding: 8px 5px 8px 5px;
}

div.popuplink dl {
    border-top: dotted 1px #aaa;
    margin: 4px 4px 0px 0px;
}

div.popuplink dl dd {
    margin: 0px;
    font-style: italic;
}

/* nadpis */
span.popuplink_hdr {
    font-weight: bold;
    color: #335c33;
}

/* popup: dodatecne informace */
div.popuplink_info {
    font-weight: normal;
    color: orange;
}

/* misc... */
abbr, acronym {
    cursor: help;
    border-bottom: 1px dotted;
}

a.biblnk {
    border-bottom: 1px dotted;
    cursor: alias;
}

a.jslink {
    cursor: pointer;
}

li {
    list-style: inside;
    /*font-size: 0.8em;*/
}

ul, ol {
    padding: 0px;
    margin: 2px 2px 2px 1em;
    /* margin-left: 1em; */
}

/* !!!!!!!!! odkazy !!!!!!!!!!!!!!!!!!!!! */

a {
    color: #bd0000;
    text-decoration: underline;
}

a:hover {
    color: #335c33;
    text-decoration: underline;
}

/* IKONY ------------------------------ */

a[target="_new"],
a[target="_blank"],
a.ext {
    padding-right: 15px;
    background: transparent url('/img/icons/extern.gif') no-repeat center right;
}

#footer a[target="_new"],
#footer a[href ^="http://"],
#footer a.ext {
    padding-right: 15px;
    background: transparent url('/img/icons/extern_white.gif') no-repeat center right;
}

.panel a[target="_new"],
.panel a.ext,
#page .right a[target="_new"],
#page .right a.ext,
#rss a[target="_new"],
#rss a.ext {
    padding-right: 15px;
    background: transparent url('/img/icons/extern_green.gif') no-repeat center right;
}

a[target="_new"].noext {
    padding: 1px;
    background: none;
}

a.vcard,
a[href $=".vcf"] {
    padding-left: 16px;
    background: transparent url('/img/icons/vcard.gif') no-repeat center left;
}

a[href ^="mailto:"] {
    padding-right: 13px;
    background: transparent url('/img/icons/mail.gif') no-repeat center right;
}

a.preview {
    padding-right: 16px;
    background: transparent url('/img/icons/eye.gif') no-repeat center right;
}

.panel a[href ^="mailto:"],
#page .right a[href ^="mailto:"] {
    padding-right: 13px;
    background: transparent url('/img/icons/mail_green.gif') no-repeat center right;
}

span.time {
    padding-left: 13px;
    background: transparent url('/img/icons/time.gif') no-repeat center left;
}

span.man {
    padding-left: 13px;
    background: transparent url('/img/icons/man.gif') no-repeat center left;
}

span.edit, a.edit {
    padding-left: 17px;
    background: transparent url('/img/icons/edit.gif') no-repeat center left;
}

span.document, a.document {
    padding-left: 14px;
    background: transparent url('/img/icons/document.gif') no-repeat center left;
}

span.todo, a.todo {
    padding-left: 16px;
    background: transparent url('/img/icons/todo.gif') no-repeat center left;
}

span.done, a.done {
    padding-left: 14px;
    background: transparent url('/img/icons/done.gif') no-repeat center left;
}

span.admin, a.admin {
    padding-left: 13px;
    background: transparent url('/img/icons/admin.gif') no-repeat center left;
}

span.remove, a.remove {
    padding-left: 13px;
    background: transparent url('/img/icons/remove.gif') no-repeat center left;
}

span.add, a.add {
    padding-left: 12px;
    background: transparent url('/img/icons/add.gif') no-repeat center left;
}

span.tag, a.tag {
    padding-left: 11px;
    background: transparent url('/img/icons/tag.gif') no-repeat center left;
}

span.sbal, a.sbal {
    padding-left: 11px;
    background: transparent url('/img/icons/sbal.gif') no-repeat center left;
}

span.rozbal, a.rozbal {
    padding-left: 11px;
    background: transparent url('/img/icons/rozbal.gif') no-repeat center left;
}

span.diskuze, a.diskuze {
    padding-left: 13px;
    background: transparent url('/img/icons/diskuze.gif') no-repeat center left;
}

span.prilohy, a.prilohy {
    padding-left: 13px;
    background: transparent url('/img/icons/prilohy.gif') no-repeat center left;
}

span.reply, a.reply {
    padding-left: 16px;
    background: transparent url('/img/icons/reply.gif') no-repeat center left;
}

span.replyto, a.replyto {
    padding-left: 16px;
    background: transparent url('/img/icons/replyto.gif') no-repeat center left;
}

span.svet, a.svet {
    padding-left: 13px;
    background: transparent url('/img/icons/svet_g.gif') no-repeat center left;
}

span.lnk, a.lnk {
    padding-left: 15px;
    background: transparent url('/img/icons/extern_grey.gif') no-repeat center left;
}

span.prev, a.prev {
    padding-left: 13px;
    background: transparent url('/img/icons/prev.gif') no-repeat center left;
}

span.next, a.next {
    padding-right: 13px;
    background: transparent url('/img/icons/next.gif') no-repeat center right;
}

span.phone {
    padding-left: 16px;
    background: transparent url('/img/icons/phone.gif') no-repeat center left;
}

span.mobilphone {
    padding-left: 13px;
    background: transparent url('/img/icons/mobilphone.gif') no-repeat center left;
}

/* === textove elementy, etc.. ================ */

span.ramecek {
    background-color: #efefe0;
    border: 1px solid #eaeadb;
    padding: 1px 4px 1px 4px;
}

span.ramecek_red {
    background-color: #efefe0;
    border: 1px solid #bd0000;
    padding: 1px 4px 1px 4px;
}

span.error,
label.error,
div.error {
    color: #bd0000;
}


/* prava nudle... */

.pnudle_float {
    float: right;
    width: 50px;
    text-align: right;
}

.odkazy_main {
    float: left;
    width: 245px;
    /* DEBUG  background-color: yellow; */
}

.odkazy_main ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    margin-right: 20px;
    /* DEBUG  background-color: #eeee77; */
}

.odkazy_main ul li {
    display: inline;
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    /* DEBUG  background-color: #eeee77; */
}


img {
    border: 0px;
}

h2.special {
    background: #f6f6f6;
    border-top: 1px solid #eaeadb;
    border-left: 1px solid #eaeadb;
    border-right: 1px solid #eaeadb;
    padding: 5px 9px 4px 9px;
    margin: 0;
    font: bold 1em 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;
    color: #335c33;
}

/* normalni tlacitka... */
input.submit, button {
    border: 1px solid #335c33;
    margin: 5px 0 0 0;
    height: 22px;
    color: #ffffff;
    font: bold 0.9em 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;
    background: url(../img/bg-login-submit.gif) repeat-x center top;
}

/* zobrazeni sboru: adresni 'floutek' (vpravo uprostred)*/

div.floutek {
    float: right;
    /*  background-color: #eeeeff; */
    width: 210px;
    /* resize: CSS3, zatim podpora jen u WebKitu */
    resize: horizontal;
    max-width: 350px;
    min-width: 100px;
    border-left: 1px solid #d7d7d7;
    padding-left: 10px;
    margin-bottom: 7px;
}

div.floutek_small {
    float: right;
    width: 130px;
    /* resize: CSS3, zatim podpora jen u WebKitu */
    resize: horizontal;
    max-width: 250px;
    min-width: 70px;
    border-left: 1px solid #d7d7d7;
    padding-left: 10px;
    margin-bottom: 7px;
}

span.fl_icons {
    font-weight: normal;
    font-size: 13px;
    color: #c0bb93;
}

/* ---- kalendar v prave nudli ---- */

div#kalendarik div.normal {
    float: left;
    text-align: center;
    /* text-align: middle; */
    border-width: 0px 1px 1px 0px;
    border-style: solid;
    border-color: #e8e8e8;
    margin: 0px;
    padding: 1px;
    width: 25px;
    height: 20px;
    cursor: pointer;
}


div#kalendarik div.actual {
    float: left;
    text-align: center;
    /* text-align: middle; */
    border-width: 0px 1px 1px 0px;
    border-style: solid;
    border-color: #e8e8e8;
    margin: 0px;
    padding: 1px;
    width: 25px;
    height: 20px;
    background-color: #cfe6ac;
    cursor: pointer;
}

div#kalendarik div.select {
    float: left;
    text-align: center;
    /* text-align: middle; */
    border-width: 0px 1px 1px 0px;
    border-style: solid;
    border-color: #e8e8e8;
    margin: 0px;
    padding: 1px;
    width: 25px;
    height: 20px;
    background-color: #ebc56e;
    /*  background-color: #bd4848; */
    font-style: italic;
    color: white;
    cursor: cell;
}

div#kalendarik div.select a {
    color: white;
    cursor: cell;
}

div#kalendarik div.select a:hover {
    color: white;
    cursor: cell;
}

div#kalendarik div.header {
    float: left;
    text-align: center;
    border-width: 0px 1px 1px 0px;
    border-style: solid;
    border-color: #e8e8e8;
    margin: 0px;
    padding: 1px;
    width: 25px;
    height: 20px;
    background-color: #f4f4f4;
}

div#kalendarik div.header1 {
    float: left;
    text-align: center;
    border-width: 0px 1px 1px 1px;
    border-style: solid;
    border-color: #e8e8e8;
    margin: 0px;
    padding: 1px;
    width: 26px;
    height: 20px;
    background-color: #f4f4f4;
}

div#kalendarik div.header_up {
    float: left;
    text-align: center;
    border-width: 1px 1px 1px 0px;
    border-style: solid;
    border-color: #e8e8e8;
    margin: 0px;
    padding: 1px;
    width: 25px;
    height: 20px;
    background-color: #f4f4f4;
}

div#kalendarik div.header_up1 {
    float: left;
    text-align: center;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    border-color: #e8e8e8;
    margin: 0px;
    padding: 1px;
    width: 26px;
    height: 20px;
    background-color: #f4f4f4;
}

div#kalendarik div.nawi_left {
    float: left;
    text-align: left;
    margin-right: 5px;
}

div#kalendarik div.nawi_right {
    float: right;
    text-align: right;
    margin-left: 5px;
}

hr {
    margin: 15px 0px 15px 0px;
    color: #c4c4c4;
}


tr.header {
    border-top: 1px solid #eaeadb;
    border-left: 1px solid #eaeadb;
    border-right: 1px solid #eaeadb;
    padding: 5px 9px 4px 9px;
}

/* horni index: "NOVE", "DNES"...*/
sup.nove {
    font-size: 9px;
}


/* FIXME */
/* TEST, TODO...
 ::  -> fix formulars to genedare disabled="disabled"...

input[disabled="disabled"] {
  background-color:red;
} */


span.addinfo {
    font-size: 0.9em;
}

/* AJAX */

.loading {
    color: red;
    cursor: wait;
    font-style: italic;
}

.loadingerror {
    color: red;
    cursor: not-allowed;
    font-style: italic;
    font-weight: bold;
}

.nevalidni {
    font-style: italic;
}

td.loading {
    background-color: #ffccde;
    color: #dddddd;
}

td.loadingerror {
    background-color: #ff9999;
    color: #dddddd;
}

select.loading, select.loading option {
    font-style: normal;
}

select.loadingerror, select.loadingerror option {
    font-style: normal;
    font-wight: normal;
/ / / FIXME . . .
}

/*
div.loading {
  width: 100%;
}*/

/* test */


/* tabulka misc flout */
td div.flout,
th div.flout {
    float: right;
    margin-left: 4px;
}

/* diskuze: navigace */

div.disknavi {
    margin: 0px;
}

div.disknavi a {
    color: #335c33;
}

div.disknavi a:hover {
    color: #bd0000;
}


/* FONTY: cizi pisma... */

@font-face {
    unicode-range: U+590-5FF;
    src: local("Ezra SIL"), local("SBL Hebrew");
}


/* rectina: unicode-range: U+370-3FF, U+1F00-1FFF; */

/* ========================= */

del.probehlo {
    color: #a0a0a0;
    background-color: transparent;
}

/* TODO: zaradit mezi hlavni komponenety!!! */
ul.seznam {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

ul.seznam li {
    list-style-type: none;
    padding: 0px 0px 2px 2px;
    margin: 0px;
    font-size: 12.5px;
}

ul.seznam li span.dodatek {
    font-size: 11px;
}

/* >> wiki: rozcestnik na hlavni strance ... */
ol.rozcestnik_rom {
    padding: 0px;
    margin: 0px;
}

ol.rozcestnik_rom li {
    list-style-type: lower-roman;
    padding: 0px 0px 2px 2px;
    margin: 0px;
    font-size: 12.5px;
}

/* TODO: zaradit jinam!! */
div.bloginfo {
    width: 100%;
    background-color: #f8f8f8;
}

div.bloginfo img {
    float: right;
    padding-left: 5px;
}

div.bloginfo div.motto {
    padding: 10px 2px 8px 3px;
}

/* ============================================================
 * bpop = big popup
 */

/* pozadi */
div.bpop_back {
    position: fixed;
    _position: absolute;
    _top: expression(0+body.scrollTop);
    _left: expression(0+body.scrollLeft);
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background-color: #222;
    opacity: 0.6;
    filter: alpha(opacity=60);
    z-index: 900;
}

/* container */
div.bpop {
    position: fixed;
    _position: absolute;
    _top: expression(0+body.scrollTop);
    _left: expression(0+body.scrollLeft);
    left: 50%;
    top: 50%;
    width: 900px;
    height: 400px;
    z-index: 901;
}

div.bpop div {
    position: relative;
    text-align: left;
    left: -310px;
    top: -200px;
    width: 900px;
    height: 400px;
    opacity: 1;
    background: white;
    border: 1px solid #665;
    /* CSS3: zahnute rohy... */
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    z-index: 902;
}

div.bpop div div.nudle {
    position: relative;
    left: 0px;
    top: 0px;
    height: 22px;
    width: 100%;
    border: 0px;
    /* background-color: #4f764f; color: white; */
    background-color: #efefe0;
    border-radius: 7px 7px 0px 0px;
    -moz-border-radius: 7px 7px 0px 0px;
    -webkit-border-radius: 7px 7px 0px 0px;
}

div.bpop div div.nudle .floutek {
    float: right;
    margin: 1px 4px 2px 4px;
}

div.bpop div div.nudle .header {
    background-color: transparent;
    margin: 1px 4px 2px 4px;
    font-weight: bold;
}

div.bpop div iframe.content {
    /*  background: #ffffff url(../img/bg-page.gif) repeat-x left top; */
    overflow: auto;
    height: 375px;
    width: 100%;
    border: 0;
}

/* ============================================================
 * obrazky (galerie etc.)
 */


div.obrazek_s {
    float: left;
    width: 90px;
    height: 65px;
    border: solid 1px #eaeadb;
    margin: 2px 6px 4px 0px;
    background-color: #f6f6f6;
    overflow: hidden;
    text-align: center;
}

div.obrazek_m {
    float: left;
    width: 232px;
    height: 200px;
    border: solid 1px #eaeadb;
    margin: 6px 12px 6px 0px;
    background-color: #f6f6f6;
    overflow: hidden;
    text-align: center;
}

div.obrazek_l {
    width: 460px;
    height: 315px;
    border: solid 1px #eaeadb;
    margin: 12px 4px 20px 3px;
    background-color: #f6f6f6;
    overflow: hidden;
    text-align: center;
}

div.obrazek_3c {
    width: 254px;
    height: 190px;
    margin: 0px;
    background-color: #f6f6f6;
    overflow: hidden;
    text-align: center;
}

a.no-background {
    background-image: unset;
    padding: 0;
    color: indianred;
}

a.no-background:hover {
    color: darkgreen;
}

i.channel-icon {
    margin-right: 10px;
}

@font-face {
    font-family: 'Font Awesome 5 Brands';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("fa-brands-400.ttf") format("truetype");
}

@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url("fa-solid-900.ttf") format("truetype");
}

.fab {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400;
}

.fa,
.fas {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}

.popup-close {
    color: red;
    text-decoration: underline;
    cursor: pointer;
}