

/* ---- 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;
}


/* --------------  formulare: test: devel! ----------------- */
input[type=text],
input[type=file],
input[type=password],
textarea,
select {
   border: 1px solid #d7d7d7;
   margin: 2px 2px 1px 2px;
}

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 fromulari 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[type=text],
input[type=file],
input[type=password],
textarea
 {
   padding: 2px 1px 1px 1px;
 }

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: 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: zařadit 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: 540px;
 height: 400px;
 z-index: 901;
}

div.bpop div {
 position: relative;
 text-align: left;
 left: -310px;
 top: -200px;
 width: 540px;
 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: none;
 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: 0px;
}

/* ============================================================
 * 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;
}