@import url(unistyl.css);
@charset "ISO-8859-2";

body {margin: 0; padding: 0; min-width:640px;
	color: #003; background: #d0dce0 url("zs_sanky.jpg") no-repeat;
  padding: 0; font-family: "Arial CE", Arial, Helvetica, sans-serif;
  font-weight: normal; font-size: normal;}
a:link {color: #058;}
a:visited {color: #16a;}
a:hover {color: #0ad;}
#kontejner { background: url(zs_rh01.jpg) no-repeat right top;}
#kontejner:after{content:"Buďte cool!"; font-size:180%; margin:10px 50px 20px auto; text-align:right; display:block;}
#index {background: url(pravypruh.png) repeat-y right;}
#hlavicka
 {height: 260px;	color: #fff; font-size: 120%; text-align: center;
	margin:px; padding:0; border: 0;}
#hlavicka h1
	{text-align: center; margin: 0 auto 20px auto; padding: 10px 20px 5px 0;
	font-family: Times, serif; width: 50%; font-size: 210%; letter-spacing: 0;
  background: }
#hlavicka h1 a	{ text-decoration: none; color: #389;	border: 0;}
#hlavicka h1 span	{display:none;_display:block;}
#hlavicka h1 a:hover	{color:#2af;}
#hlavicka h1 a:after	{content:"Blog ledové královny"; padding: 20px;}
#hlavicka #ecko {display:none;}
#klikovka { position:absolute; width:197px; height:155px;
 top:40px; left:127px; background: url(zssankt.gif) no-repeat;}
#klikovka a {display: block; margin:0; padding:0; width:100%; height:100%;}
#klikovka a span {display:none;}
#hlavicka #popis:after {content:"Význam mrazu v boji proti infekčním chorobám.";
 display:block; color: #045; width:11em; margin: 20px auto;}
#spacer {float:left; width:106px; min-height:200px; border: 1px solid #589;
 position:relative; top: -38px; margin: 0 37px 0 15px; font-size:250%;
 padding-top: 3.6em; color: #bbb; _height: 9.8em; _margin: 0 25px 15px 9px; }
#spacer:after {content:"aaa bbb cccc aaa aa bbb aa bbb a a bb";}

/* ####### NAVIG 2 ############*/
#navig2 {position:absolute; top: 208px; left: 0px; width: 140px; _top:207px;}
#slovnik {margin: 0; padding: 0;}
#slovnik h4 {font-size:90%;text-align:center; color: #fff;}
#slovnik dl, #slovnik h4 {width: 90%; margin:15px 0 5px 2%; padding: 12px 2%;
 border: 1px solid; border-color: #9df #135 #123 #69d;
 background-color: #7ab;}
#slovnik dl  {display:block; font-size: 70%;}
#slovnik dl dt {background:url(c148_o70.png); margin: 0 60px 3px 0;
 padding: 0 0 0 3px; color: #bef;}
#slovnik dl dt span {}
#slovnik dl dd {margin-left:1em; color: #eff;}
#navig2 #AdLaar, #navig2 #infostyl_2 {display:none;}
#navig2 a:visited, #navigace a:visited {color: #06b;}
#navig2 em {color: #fe0;}

/*################# NAVIGACE ################*/
#navigace {position: absolute; top: 547px; width:260px; right: 0; background-color:#8ea7b5; border-left: #abc 1px solid; padding-bottom: 15em; _width:235px; _padding-left:25px; _right:-1px;}
#navigace a {text-decoration:none;}
#navigace a:hover {text-decoration:underline;}
#navigace>div {background:#bde no-repeat top right;
  margin: 0 20px 2em 50px; padding: 5px 2px 10px 4px; width: 160px;
  border:1px solid; border-color: #254 #143 #132}
#navigace>div h4 {border-top: 4px #268 solid; border-bottom: 4px #268 solid;
  margin: 0 0 1.2em; height: 20px;}
#navigace div>div {color:#056; margin: 3px; font-size: 95%;}
#navigace #pocitadlo {margin: 20px 13px 15px; background-color: #deb; width: 87px;}
#navigace #sluzby {font-size:80%;_margin-top:15px;}
#navigace #gsearch {margin: 8px 6px 3px -3px;}
#gtext {margin:1px 4px; width:80%}

#navigace #infostyl_1 {display:block;}
#navigace #infostyl_1 h4 {margin: 3px 0 15px 0;}
#navigace #infostyl_1 #is1_1:after {content:" Sněhulka"; font-weight: bold;}
#navigace #infostyl_1 #is1_2:after {content:" 50kB"; font-weight: bold;}
#navigace #infostyl_1 #is1_3:after {content:" 12.2.2006"; font-weight: bold;}
#navigace #infostyl_1 #is1_4:after {content:" Částečně použitelný i v MSIE6. Minimální šířka okna - 640px. Nahoře u sáněk je použit trik \'3D lejout\', který jsem okoukal od SuE.";}

#styly div {font-size:smaller; margin: 0.1em 0 2px; padding: 0;
   width:95%; height:34px; margin-bottom:1px}
#styly div a {display:block;width:100%; height:100%; margin-bottom:1px;
  border-top: 1px solid #d4f2f2; border-bottom: 1px solid #acc;}
#navigace #styly h4>span {display:none;}
#styly h4:after {content: "styLoviště";}
#styly #css1 a {background: #8be url(tmavmodi.png) no-repeat;
  background-position: 93% center;}
#styly #css1 a:hover {background-color:#468;}
#styly #css1 a:hover:after {content: " pro_mozillu"; color: #4ff;}
#styly #css2 a {background: url(exploder.gif) no-repeat;
  background-position: 90% center;}
#styly #css2 a:hover {background-color:#a00;}
#styly #css2 a:hover span {display:none;}
#styly #css2 a:hover:after {content: "bléee"; font-size:34px; text-decoration:none;
  letter-spacing: 0.1em; font-weight:bold; color: #4cf;}
#styly #css3 a {background: #cdb url(cekanico.png) no-repeat;
  background-position: 91% center;}
#styly #css3 a:hover {background-color:#154;}
#styly #css3 a:hover:after {content: " moudrosti,lásky"; color: #cf8;}
#styly #css4 {display:none;}
#styly #css5 a {background: url() no-repeat;
  background-position: 92% center;background-color:#dec;}
#styly #css5 a:hover:after {content: " sněženky"; color: #046;}

#styly #cssoff a {background: #ccc url(nestyl_bw.png) no-repeat;
  background-position: 90% center;}
#styly #cssoff a:hover {background: #024 url(nestyl.png) no-repeat;
  background-position: 90% center; color:#aaa;}
#styly #cssoff a:hover span {display:none;}
#styly #cssoff a:hover:after {content: " Všechno bude neformátované"; color: #bbb;}

#navigace #archiv #archlnk {overflow: auto; height: 11.9em; border: 1px solid #ace;
 border-style: solid none solid none;}
#seolinx, #seolinx a {color: #6ab}


/*################# PRISPEVKY ################*/
#prispevky {margin: 20px 264px 0 0; padding: 0 0 0 0px;
  background: url(dt.gif) no-repeat top left;}
h2.datum {margin: 0 2px; letter-spacing: 0.5em; color: #eb2; background-color:#dee; padding-right:24px; font-family: monospace; border-top:1px solid #fff; text-align:right;}
/*h2.datum {margin:0 30px 0 156px; letter-spacing: 0.5em; color: #889; background-color:#dee; padding-left:6px; font-family: monospace; border-top:1px solid #fff;}*/

h3 {background: #bde url("vlocka.png") no-repeat center left; padding:3px 0 0 40px;
 font-size: 155%; margin: 0 0 0 50px; border-bottom: 2px solid #acd;}
/*h3 {background: #ed8 url("") no-repeat center left; padding: 0 0 0 33px; font-size: 155%;
  margin: 0 0 0 50px; border-bottom: 2px solid #acd;}*/
div.prispevek h3 a, div.prispevek h3 a:visited {text-decoration:none;
 color:#259; font-weight:bold;}
div.prispevek h3 a:hover {color:#002; text-decoration:underline;}
.prispevek {padding: 0 30px 50px 25px; background: url(snih.jpg) repeat-x bottom;}

#prispevky div.prispevek:first-child {clear:none; border:none;}
.prispevek-perex {}
.prispevek-text {background-color: transparent}

.prispevek-rubrika {padding: 4px 20px; margin: 0 0 24px auto; font-size:70%;
 width:190px; height:22px; background: #ccd url("zz_box1.jpg") no-repeat;
 visibility:hidden;}
.prispevek-rubrika a {visibility:visible; display:block; float:left; width:6.5em;}
div.cunnilingus div.prispevek-text {background: url("") no-repeat;
 background-position: right bottom ;}
div.tiskace div.prispevek-text {background: url("") no-repeat;
 background-position: right bottom ;}
.prispevek-text p, div.prispevek-perex {text-indent:2em;}
.prispevek-pata,.prispevek-rubrika {_font-size:80%; color: #000;}
.prispevek-pata a,.prispevek-rubrika a {_text-decoration: none;}

.prispevek-pata {font-size:75%; padding: 1.7em 10px 0 0;margin-bottom:30px;}
div.more {padding:3px; font-weight:bold; margin:12px 5px 10px auto; width:12em;}
div.prispevek-navigace {position:absolute; margin:-60px auto 0 50%;
 width:150px; text-align:right;}
div.prispevek-navigace div {float:left;}
/* ---- archiv.php ------- */
#prispevky div.link-archiv {font-size:130%; margin: 0.8em 1.2em;}
#prispevky #spacer + div.link-archiv:before {content:"Mrazicí boxy"; display:block;
background: #bde url("vlocka.png") no-repeat center left; padding:3px 0 0 40px;
 font-size: 155%; margin: 0 0 2em 140px; border-bottom: 2px solid #acd;}


/*########### KOMENTARE ################# */
#komentare {padding: 0px;}
#komentare h3 {color:#fff; height: 31px; padding-top:0;border-bottom:#79b; background-color:#8ac; margin: 0}
#komentare h3 span {height:100%;}

#comalert {font-size:70%; margin: 2px 30px 3px 130px; color: #888;}
#comalert h5 {margin: 0 1em 0.1em 0px; font-size:100%; font-weight:normal;}
div.komentar {clear:right; padding: 10px 10px 0 94px; margin:0;
  border-top: 4px solid #ec8; min-height: 8em;
  border-bottom: 2px solid #fdfdfd; min-height: 7em;
  background: url("") 41px bottom no-repeat;
  position: relative;}
div.komentar:after {content: "."; clear:both; display:block; height:2px;}
span.komentar-id {font:250% bold; color:#fff; position:absolute; left: 25px; top:1em; _display:none;}
span.komentar-titulek {display:block; position: absolute; top:11px; left: 70px;
  font-weight:bold; color: #58a; font-size:110%}
span.komentar-detaily {display: block; float: right; max-width:45%;
  border: 2px solid; border-color: #cde #8bd #7ac #bde; padding: 8px 10px 14px 9px;
  font-weight:bold; color: #8ac; font-size:110%;margin: 0 -15px 10px 20px;
  background-color: #d0dfef}
span.komentar-autor {display:block; color:#035; font-weight:bold;}
span.komentar-mailto {display:block;font-size:90%;}
span.komentar-web {font-size:80%;}
span.komentar-cas {display:block; font-size:75%;padding-top: 4px; width: 6em;}
div.komentar-text {padding: 25px 0 40px 0;background: url("") no-repeat; background-position: right bottom; }
/* ------ formular ---------*/
#komentar-dalsi>h4 {display:none}
input, textarea {background-color: #fff; color:#00c;}
label:hover {background-color: #68a;}
fieldset {padding:9px 0 9px 18px; margin:20px 0 10px 10px; border:1px #354 solid;
  background-color:#cdd8db;}
legend {padding:2px 10px; font-weight:bold; color:#8bd;}
#komentar-dalsi div.imput {width: 18.2em; margin: 3px 4px 2px auto;}
input[type=submit] {background-color: #358; color:#fff; margin: 0 0 0 70%; width:auto;}


#ikona,#valid,#ff {position:absolute; right: 50px;}
#ikona {top:131em; right: 50px; width:88px; height:31px;
  background-image: url("http://www.bloguje.cz/bloguje.png");}
#valid {top: 133.5em;}
#ff {top: 136em; right: 58px;}

.ne_snehulka, .jen_explorer, .jen_tmavomodry, .jen_nestyl, .jen_zahrada,
.jen_jaro {display:none}

.rinfo, .linfo {color: #47b; background-color: #f4f6f1; border-color: #edece9;
 margin-bottom:12px}
.rinfo {border-left: #edece9 4px solid; padding-left:8px;
  packground: url(dt.gif) no-repeat top right;}
.linfo {border-right:  #edece9 5px solid; padding-right:16px;
  packground: url(jasnll90.jpg) no-repeat top left;}
.linfo p, .rinfo p {text-indent:0;}
div.limg, div.rimg {background-color:#eff; color:#005; font-size:80%;}
code,span.code {background-color: #241; color: #fda; background-color: #f4f6f1;
  font: 90%/1.4 monospace; padding: 0.15em 0.9em; color: #47b;}
code {width:90%; margin: 1em auto; padding: 0.5em 0.9em;}

div.basnicka {width: 45%; font-variant:small-caps; text-transform:capitalize;
  background: #e4eff5 url(dt.gif) no-repeat; padding:0;}
div.basnicka h4 {height: 30px; position:relative; margin: 0 0em 0.1em 0;
  background: url("vlocka.png") repeat-x; padding:15px 20px 0 47px;}
div.basnicka h4 span, div.basnicka_konec span {margin: 0;}
div.basnicka div {padding:5px 20px 0 60px; margin:0}
div.basnicka_konec {background: url("vlocka.png") repeat-x; margin-left:0}
em {color: #b04;}
.vsuvka {color: #789;}
.kviz .odp {border-color:#bbc #eee #f5f7f9 #ccd; position:relative; top:4px;}
div.bigimg {overflow:auto; margin: 10px 2px 10px 10px;}

.schovej * {visibility:visible;}
.schovej:hover * {visibility:hidden;}

pre.akord {color:#79a;}
pre.akord b {font-weight:bold; color:#000;}
pre.akord i {font-weight:bold; color:#f78;}
.akordy sup {color:#79b;}
.akordy {font-size:85%;}
.akordy p {text-indent:0;}