@import url(unistyl.css);
@charset "ISO-8859-2";
body {margin: 0px; padding: 0px;
	color: white;  background: #235 url(rojlogo1.png) no-repeat;
  padding: 0; font-family: "Arial CE", Arial, Helvetica, sans-serif;
  font-weight: normal; font-size: normal;}
a:link {color: #cff; font-weight: bold;}
a:visited { color: #cff; font-weight: normal;}
a:hover {color: #cff; background-color; #610}

#klikovka {width:245px;height:230px; position:absolute; top:38px; left:18px;}
#klikovka a {display: block; margin:0; padding:0; width:100%; height:100%;}
#klikovka a span {display:none;}
#hlavicka
	{ font-size: 150%; text-align: right;
	height: 140px;	color: #fff; position:relative;
	margin: 0 0 0 200px; padding: 0 0.5em; border: 0;}

#hlavicka h1
	{text-align: right; margin: 0px; padding: 10px 0 0;
	padding-bottom: 20px; font-family:  sans-serif;
	font-size: 200%; color: white;}
#hlavicka h1 a	{ text-decoration: none;	color: white;	border: 0;}

#hlavicka h1:after {content: "Je zvolen styl pro IE, který je značně ohavný. Doporučuji zalovit pro jiný, lepší styl"; display:block; width: 300px;
font-size:x-small; color: #79b; float:left; margin: 0 0 0 40px;
 position: relative; top: -10px;
 background: #234 url(levysp41.gif) no-repeat left center;}
#popis {position: relative; top: -30px ;float:right; _top: -5px;}

#prispevky { margin-left: 230px; padding: 2px 1em 1em 10px;}
#prispevky em {color:#ffb;}

#spacer {float:left; width:45px; height:170px; background-color:transparent; }
div.prispevek {margin-bottom:1.5em;}
div.prispevek-perex {margin-right:20px;}
div.prispevek-perex:first-letter, div.prispevek-perex p:first-child:first-letter
  {float:left; font-size:350%; margin: -0.1em 0.2em 0 0;
  font-family: serif;} 
div.prispevek div.more {width: 9.6em; height:20px; padding: 0 0 0 5px;  
  background: transparent url(rsipka3.png) no-repeat;
  background-position: center right; font-size:80%; margin: 9px 0 0;}

#navigace, #navig2 {position: absolute; width:170px; padding: 10px;}
#navigace {top: 341px;  z-index: 1;
 border-right:5px solid #192a4c; border-bottom:5px solid #124;}
#navigace div {margin: 0.8em 3px 1.5em; border: 4px solid #469;
  padding: 0px 2px 0.5em 6px; background-color: #2c4060;}
#navigace div div {border:none; padding:0; margin: 0em 0;}
#navigace h4, #navig2 h4, #navig2 h6  {margin: 0 auto 0 -5px;
 padding:0.3em 1em 0.2em 0.5em;  border-bottom: 2px solid #469;}
#navigace #sluzby {font-size:smaller;}
#navigace #sluzby div {margin: 0.8em 0;}
#navigace a:hover {display:block;background-color:#8ac; color:#000;}
#navigace #sluzby #pocitadlo {background-color: #acd; margin: 18px auto 10px 2px;
  width: 6em; padding: 3px 8px;}
#navigace #styly {margin: 1em 3px 0.5em; padding-bottom:5px;}
#navigace #styly div {font-size:smaller; margin: 0.7em 0 0; width:100%; height:34px;}
#navigace #styly h4>span {display:none;}
#navigace #styly h4:after {content: "Lepší styly!"; display: inline;}

#styly div a {display:block;width:100%; height:100%; margin-bottom:2px;
  border-top: 1px solid #445570; border-bottom: 1px solid #223;
  margin-top:1px;}
#styly a:hover {color: #ffd;}
#styly #cssoff a {background: url(nestyl.png) no-repeat; 
  background-position: 90% center;}
#styly #cssoff a:hover {background: #fff url(nestyl_bw.png) no-repeat;
  background-position: 90% center; color:#000;}
#styly #css1 a {background: url(cssrojtm.png) no-repeat; 
  background-position: 93% center;}
#styly #css1 a:hover {background-color:#468; color: #ffd; 
  _background: #b00 url(nestyl.png)}
#styly #css2 a {background: url(exploder.gif) no-repeat; 
  background-position: 90% center;}
#styly #css2 a:hover {background-color:#b00;_background-color:#468;}
#styly>#css2 {display:none}
#styly #css3 a {background: url(cekanico.png) no-repeat; 
  background-position: 91% center;}
#styly #css3 a:hover {background-color:#154;}
#styly #css4 a {background: url(zsnehico.png) no-repeat; 
  background-position: 92% center;}

#navig2 {top: 97em; left: 0; border-top:2px solid #356; z-index: 0;
  border-right:5px solid #124; border-bottom:5px solid #112;}
#navig2 div {font-size: 80%;}
#slovnik {margin: 13px 3px 28px; border: 4px solid #469;
  padding: 0px 2px 10px 6px; background-color: #2c4060;}
#slovnik dl dt, #slovnik dl dd em {color: #fff;}
#slovnik dl dd {margin-left:1em; color: #bcf; font-size:85%;}


h2.datum {text-align:right; color:#57a; margin:0 0 0 auto; border-top: 2px #345 solid; width:6em; }
h3 {background-color:#123; margin: 5px 0 1em 42px; padding: 0 0 0.1em 1em;
  background-image: url(levysp41.gif); background-repeat:no-repeat;
  background-position: 0 center;}
h3 span {border-top:2px solid #a00; margin:-1px 0 0 0;
  padding:0.1em 1em 0 1em; display:block;}
h3 a:link, h3 a:visited {text-decoration:none; color:#fff; font-weight:bold;}
h3 a:hover {text-decoration:underline; color:#cff;}

div.prispevek-rubrika {display:block; float:right; margin:0 0 2em 2em;
  background-color:#234; font-size:smaller; padding:10px;
  -moz-border-radius: 15px; border: 1px solid #346;}
div.prispevek-rubrika a {font-weight:normal}

div.komentar {margin:2em 0 1em; border-bottom: 3px solid #579; padding-bottom:2em;}
span.komentar-titulek {font-weight:bold;}
#komentare h3 {margin: 2em 0 0.5em 0; background-color:#234;
  color: #ccd;}
#komentare h3 span {color: #ccd; border-top: 2px solid #a00; display:block;}
#komentare h3 span span {color: #aab; border:none; padding:0; margin:0;
  display:inline; font-size: 90%;}

div.prispevek-pata {text-align:right; margin: 10px 0 0 auto; font-size:smaller;}
div.prispevek-navigace {display:block; margin-top: 15px;}

input, textarea {color:white; background-color: #35554a;}
textarea {width: 90%;}
input[type=submit] {background-color: #346; padding: 0.4em 2em;}

div.komentar-hlavicka {margin-bottom:0.5em}
span.komentar-autor {font-weight:bold; color:#f44}
span.komentar-mailto, span.komentar-web {font-size:smaller;}
span.komentar-cas {display:block; float: right; margin:-1em 0 0 auto;}

.linfo, .rinfo { color:#012; background-color: #acd; font-size:80%;
  padding:8px 6px; -moz-border-radius: 10px;}
.rinfo {margin: 5px 3px 10px 20px; width: 135px;
  text-align: left; clear:none;}
.linfo	{float:left; margin:5px 13px 10px 0px; width:120px;}
.linfo h4, .linfo dl dt, .rinfo h4, .rinfo dl dt  {margin: 0.1em;
  font-weight: bold;}
.linfo dl, .linfo dd, .rinfo dl, .rinfo dd {margin:0;}
.linfo a, .rinfo a, .linfo a:visited, .rinfo a:visited {color: #a00;}
#prispevky .linfo em, #prispevky .rinfo em {color: #009;}
div.limg, div.rimg {font-size:80%;}
div.limg a, div.rimg a {color:#ffa;}
div.limg div, div.rimg div {border-style: none solid solid solid; margin:0;
 border-width:3px; border-color:#469; padding: 0 1.5em 2px;}

#ff {position:absolute; top:16px; left:20px; opacity: 0.35;}
#ff:hover {opacity:1;}

#ikona {position:absolute; top:280px; left: 25px;
  background-image: url(bloguje2.png); width:88px; height:31px;}
#ikona:hover {background-image: url("http://www.bloguje.cz/bloguje.png");}

code,span.code {background-color: #bb8; color: #233;
  font: 85%/1.5 monospace; padding: 0.2em 0.9em;}
code  { width:90%; margin: 1em auto; padding: 0.5em 0.9em;
  border: 2px solid; border-color: #023 #8ab #9bc #123;
  background:  #bb8 url(codebg_1.gif) repeat-x;}
pre b {color:#ff8}

#comalert {width:75%; margin: 2px 5px 0 auto;
  font-size:70%; color:#888; text-align:right; position:relative; top:-9px;}
#comalert h5 {display:inline; margin: 0 1em 2em 0.2em; font-size:100%;
  font-weight:normal;}
div.more a {display: block; margin:0; padding:0; width:100%; height:100%;}
div.more a:hover { background:#dc8 url(rsipkay.png) no-repeat;
  background-position: center right;
  color: #357;}
div.prispevek-navigace {width:160px; height: 16px; position:relative;
  top: -10px; left: 30px;}
div.itemnext {width:45%; height:16px; margin: 0 auto 0 0; padding 0;
  background: transparent url(hsipkab.png) no-repeat;
  background-position: bottom center; float:left;}
div.itemprev {width:45%; height:16px; margin: 0 0 0 auto; padding 0;
  background: transparent url(dsipkab.png) no-repeat;
  background-position: top center; float:right;}
div.itemprev a, div.itemnext a {display:block;margin:0; padding:0;
	width:100%; height:100%;}
div.itemnext a:hover {background:transparent url(hsipkay.png) no-repeat;
  background-position: bottom center;}
div.itemprev a:hover {background:transparent url(dsipkay.png) no-repeat;
  background-position: top center;} 
div.itemprev a span, div.itemnext a span {font-size:xx-small; text-align:center;}

#valid {position:relative; bottom: 100px; left: 30px;}
.ne_explorer, .jen_tmavomodry, .jen_zahrada, .jen_nestyl, .jen_snehulka, .jen_jaro {display:none}
div.basnicka {border: 4px #405b84 ; border-style: none solid; width: 50%;
  font-variant:small-caps; text-transform:capitalize;}
div.basnicka h4 {margin-left:18px;}
.vsuvka {color: #bbb;}