@charset "utf-8";

body {
  margin: 20px auto;
  background: #000 url('../images/bg.gif');
  font-family: tahoma;
}

a {
  color: #36c;
}

img {
  border: 0;
}

input {
  margin: 2px;
  font-size: 11px;
  color: #eee;
  text-align: center;
  background: none;
  border: 0;
  border-bottom: 1px solid #ccc;
}

input[type="submit"], input[type="button"] {
  background: #7B7B7B url('../images/sub-menu-bg.gif');
  border: 0;
  border-top: 1px solid #eee;
  border-left: 1px solid #ddd;
}

input[type="submit"]:active, input[type="button"]:active {
  border: 0;
  border-bottom: 1px solid #eee;
  border-right: 1px solid #ddd;
}

dfn {
  cursor: help;
  border-bottom: 1px dotted #03C;
  color: #003;
}

#pravy-sloupec a img {
  margin: 2px;
}

#pravy-sloupec a {
  color: #ccc;
}

#pravy-sloupec a:hover {
  color: #fff;
}

#pravy-sloupec form {
  padding: 0;
  margin: 0;
}

#logo {
  margin: auto;
  display: block;
  width: 694px;
  height: 76px;
  text-decoration: none;
  background: #fff url('../images/logo-sackboy.jpg') no-repeat;
  border-left: 1px solid #7b7b7b;
  border-right: 1px solid #7b7b7b;
}

#menu {
  margin: auto;
  padding: 0;
  width: 694px;
  height: 15px;
  background: #1963D0 url('../images/menu.gif') repeat-x;
  border-top: 1px solid #7B7B7B;
  border-bottom: 1px solid #7B7B7B;
  border-left: 1px solid #7b7b7b;
  border-right: 1px solid #7b7b7b;
}

#sub-menu {
  margin: auto;
  width: 694px;
  height: 16px;
  background: url('../images/back3000.gif');
  color: #fff;
  font-size: 12px;
  border-left: 1px solid #7b7b7b;
  border-right: 1px solid #7b7b7b;
}

#obsah {
  margin: auto;
  width: 694px;
  text-align: center;
  background: url('../images/back0000.gif');
  border-left: 1px solid #7b7b7b;
  border-right: 1px solid #7b7b7b;
}

#pravy-sloupec {
  float: left;
  width: 132px;
  color: #eee;
  font-size: 0.7em;
  background: url('../images/back2000.gif');
}

#hlavni-sloupec {
  float: left;
  margin: auto;
  width: 544px;
  background: none;
}

#zapati, #copyright {
  margin: 0 auto;
  padding: 5px 0 2px 0;
  width: 694px;
  height: 65px;
  text-align: center;
  background: #ccc;
  border-left: 3px solid #7B7B7B;
  border-right: 3px solid #7B7B7B;
  border-bottom: 1px solid #7B7B7B;
}

#copyright {
  background: none;
  font-size: 0.7em;
  border: none;
  height: 20px;
  color: #ccc;
}

h1, .h2-kategorie, .koment-nadpis {
  margin: 0 auto;
  width: 470px;
  height: 15px;
  color: #fff;
  font-size: 0.7em;
  text-align: center;
  font-weight: normal;
}

.h1-logo {
  margin: 0;
  font-weight: bold;
}

.h1-logo a span {
  float: left;
  display: block;
  font-size: 10px;
  color: #333;
  margin-top: 3px;
  margin-left: 15px;
}

.h1-logo a span:hover {
  text-decoration: underline;
}

.li-menu {
  float: left;
  margin-left: 0px;
  padding: 0 10px;
  height: 15px;
  display: inline;
  color: #fff;
  font-size: 12px;
  border-right: 1px solid #3E8BF2;
}

.li-menu:first-child {
  margin-left: 58px;
  border-left: 1px solid #3E8BF2;
}

/* ROHY */

.pruh-horni, .pruh-spodni {
  margin: auto;
  width: 689px;
  height: 13px;
  text-align: right;
  padding-right: 5px;
  border-top: 1px solid #7b7b7b;
  border-left: 1px solid #7b7b7b;
  border-right: 1px solid #7b7b7b;
  background: url('../images/back3000.gif');
}

.pruh-spodni {
  height: 15px;
  font-size: 0.7em;
  color: #fff;
  background: url('../images/back3000.gif');
  border-top: 0;
  border-bottom: 1px solid #7b7b7b;
}


/* PISMO */
.podtrzeno {
  text-decoration: underline;
}

.male {
  font-size: 0.7em;
}

.stredni {
  font-size: 0.8em;
}

.bila {
  color: #fff;
}

.seda {
  color: #ccc;
}

.bez-deko {
  text-decoration: none;
}

.bez-deko:hover {
  color: #ff0;
}

.s-deko {
  color: #ff0;
}

.clanek {
  margin: 20px 22px;
  padding: 15px;
  padding-top: 0;
  background: url('../images/back2000.gif');
}

.text, .fck, .komentare {
  float: left;
  width: 450px;
  padding: 10px 10px 20px 10px;
  font-size: 0.7em;
  color: #333;
  text-align: left !important; 
  background: #fff;
  border-top: 1px solid #7B7B7B;
  border-bottom: 1px solid #7B7B7B;
  border-left: 1px solid #7B7B7B;
  border-right: 1px solid #7B7B7B;
}

.text h3 {
  color: #000;
  text-align: center;
}

.fck {
  padding: 0;
  width: 468px;
  background: none;
}

.text img {
  margin: auto;
  text-align: center;
}

.mini {
  float: left;
  width: 90px;
}

/* OSTATNI */

.clear {
  clear: both;
}

.sub-menu-nadpis {
  margin: 0;
  height: 15px;
  background: #999;
  color: #fff;
  font-weight: normal;
  font-size: 1em;
  border-top: 1px solid #7B7B7B;
  border-bottom: 1px solid #7B7B7B;
}

.editorial {
  float: left;
  background: #fff;
  margin: 0;
  width: 450px;
  text-align: left !important;
  clear: both;
  padding: 10px 0;
}

#google {
  float: right;
  margin: 20px 0;
  margin-right: 22px;
  text-align: center;
  width: 120px;
  height: 240px;
}

#formular {
  float: left;
  margin: 20px;
  padding: 20px;
  width: 460px;
  text-align: left;
  background: url('../images/back2000.gif');
}

#formular textarea {
  background: #E2E2E2;
  border: 1px solid #999;
}

#diskuze {
  width: 460px;
  height: 300px;
  background: #E2E2E2;
  border: 1px solid #999;
}

.edit {
  float: left;
  width: 20px;
}

.link-service {
  width: 16px;
  height: 16px;
  display: block;
  float: left;
  margin: 0 3px;
}

.link-service span {
  display: none;
}

.facebook {
  background: 16px 0 url('../images/facebook.png');
}

.n4g {
  background: 16px 0 url('../images/n4g.png');
}

.digg {
  background: 16px 0 url('../images/digg.png');
}

.delicious {
  background: 16px 0 url('../images/delicious.png');
}

.twitter {
  background: 16px 0 url('../images/twitter.png');
}

.googlebookmark {
  background: 16px 0 url('../images/googlebookmark.png');
}

.topclanky {
  background: 16px 0 url('../images/topclanky.png');
}

.linkuj {
  background: 16px 0 url('../images/linkuj.png');
}

.jagg {
  background: 16px 0 url('../images/jagg.png');
}

.link-service:hover {
  background-position: 0 0;
}

.strankovani {
  float: right;
  font-size: 1.2em;
}

.komentare input[type=text] {
  background: #efefef;
  border: 1px solid #666;
  color: #000;
  font-weight:bold;
}

.komentare textarea {
  width: 445px;
  height: 100px;
  border: 1px solid #666;
}

.def-input {
  border: 1px solid #666;
  color: #666;
}

#result {height: 20px;}
#novy-tag {height: 40px; width: 320px; background: gray; border: 1px solid #ccc; margin-bottom: 10px; display:none;}
#novy-tag-input {background: #fff; color: #000; text-align: left; margin: 12px;}

.autor {float:right;}
.red {color:#f00;}
.green {color:#090;}
.help {cursor:help;}
.ruka {cursor:pointer;}
.komentar {width: 448px; background: #ccc url('../images/bg2.gif') repeat-x; float:left;border: 1px solid #000;}
.nick {color:#fff;margin-top:5px;}
.nick a {font-weight:bold;}
.nick-datum {float:left;}
.uzivatel {width: 70px;float:left;text-align:center;}
.uzivatel img {margin: 4px; border:1px solid #aaa;}
.vzkaz {position:absolute;visibility:hidden;}
.koment-telo {width: 368px; float:left;padding: 0 5px;}
.koment-rate {width: 40px; height: 16px;float:right;text-align:center;}
.koment-rate img {cursor:pointer;}
.ip, .browser, .final-rate {width:128px;float:right;border-top:1px solid #000;border-left:1px solid #000;text-align:center;background:#ccc;color:#000;}
.browser {}
.final-rate {border-right:0;width:100px;background:#E5E5E5}
.child {width: 428px;float:right;}
.child-telo {width:346px;}
.reagovat {float: left;display:block;font-weight:bold;margin-left: 5px; padding: 0 4px;color:#036;background-color:#fff;border:1px solid #000;text-decoration:none;border-bottom:0;}
.reagovat:hover {color:#fff;background:#036;}
.reakce-sipka {width:20px; height:32px;background:url('../images/sipka-reakce.gif');float:left;}
.prodlouzeni-sipky {width:450px; height:15px;border-left:1px solid #aaa;}
.mezera {width:450px; height:15px;}
.clear {clear: both;}
.rate3 {background-color:#222;color:#fff;}
.rate2 {background-color:#333;color:#fff;}
.rate1 {background-color:#666;color:#ccc;}
.rate-1 {background-color:#ccc;color:#777;}
.rate-2 {background-color:#ddd;color:#bbb;}
.rate-3 {background-color:#eee;color:#ddd;}
.special-mgs {background: #fff url('../images/mgs-bg.png') no-repeat;