@import url(unistyl.css);
@charset "ISO-8859-2";
body {margin: 0; padding: 0;
	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: #ffc;}

/* ############### OBECNE ############################## */

.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 {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 {background-color:#456; color:#cff; font-size:80%;
 -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px;}
div.limg a, div.rimg a {color:#ffa;}
.vsuvka {color: #bbb;}
div.basnicka {border: 4px #405b84 ; border-style: none solid; width: 51%;
  font-variant:small-caps; text-transform:capitalize; padding: 0}
div.basnicka h4 {margin: 0 0 1em 2em}

.ne_tmavomodry,.jen_explorer, .jen_zahrada, .jen_nestyl, .jen_snehulka, .jen_jaro {display:none}

code,span.code {background-color: #bb8; color: #234;
  font: 85%/1.4 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;
  -moz-border-radius: 8px;}
pre b {color:#ff8}

div.kviz {background: #29395b url(gr/bg_otaz.png); border-bottom:#346 solid; border-top:#203050 solid; }
div.otas {border-bottom: #346 groove;}
div.kviz  div.odp {border-color: #234 #357 #346080 #234; background-color:#28395a; margin-top:1em;}
div.prispevek-text form {margin: 15px auto; background: #89b url(gr/bg_otaz.png);}
.anketa {background-color: #78a; width: 243px; margin: 0 auto;}
.anketa input[type=image] {width: 240px; margin:0 auto;}

/* ################  LEJOUT  ##############  */

#hlavicka
	{ font-size: 150%; text-align: right;
	height: 140px;	color: #fff;
	margin: 0 0 0 20px; 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; letter-spacing: 0.1em;}
#hlavicka h1 a	{ text-decoration: none;	color: white;	border: 0;}
#hlavicka h1:first-letter {color:#09d;}
#hlavicka h1 a:hover	{color:#2af;}
#hlavicka h1 a:hover:first-letter	{color:#fff;}
#ecko {color: #b22;}
#ecko span {color: #000;}
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(levysp33.png); 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;}

#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 li {margin-bottom:0.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.1em 0;
  font-family: serif; font-weight:bold;}
div.prispevek div.more {font-size:80%; margin: 10px 0 0;}
div.prispevek h4 {margin-bottom:0px;}

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.prispevek-pata {text-align:right; margin: 0 0 0 auto; font-size:smaller;}
div.more {width: 9.6em; height:20px; padding: 0 0 0 80px;
  background: transparent url(rsipka3.png) no-repeat;
  background-position: center right; clear:left;}
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 {display:block; width:160px; height: 20px;
  position:relative; top: -10px; left: 30px; padding-bottom:15px;}
div.itemnext, div.itemprev  {width:70px; height:20px; margin: 0px; padding 0;}
div.itemnext {float:left;}
div.itemprev {float:right;}
div.itemprev a, div.itemnext a {display:block;margin:0; padding:0;
	width:100%; height:100%;}
div.itemnext a {width:70px; height:20px; margin: 0 auto 0 0; padding 0;
  background: transparent url(hsipka.png) no-repeat;
  background-position: 0 0; float:left;}
div.itemprev a {width:70px; height:20px; margin: 0 0 0 auto; padding 0;
  background: transparent url(dsipka.png) no-repeat;
  background-position: 0 0; float:right;}

div.itemnext a:hover {background-position: -75px 0;}
div.itemprev a:hover {background-position: -75px 0;}
div.itemprev a span, div.itemnext a span {display:none;}

/* --- archiv.php --- */
#prispevky div.link-archiv {font-size:110%; margin: 0.4em 1.2em 0.3em 44px;}
#prispevky #spacer + div.link-archiv:before {content:"Archív tiskace i psace"; display:block;
margin: 5px 0 1em 42px; padding: 0 0 0 1em; font-size: 130%;
background: #123 url(levysp33.png) no-repeat center left; }


/* #########   KOMENTARE  ####################*/

#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%;}
#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.komentar {margin:2em 0 1em; border-bottom: 3px solid #579; padding-bottom:2em;}
div.komentar-hlavicka {margin-bottom:0.4em}
span.komentar-titulek {font-weight:bold;}
span.komentar-id {font:80% bold; color:#579;}
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;}
#komentar-dalsi {background: url(bluauto1.jpg)  93% top no-repeat;}
input, textarea {color:white; background-color: #35554a;}
input[type=submit] {background-color: #346; padding: 0.4em 2em;}
fieldset {padding:0; margin:0; border:none;}
legend {display:none}
div.komentar-kill a {color:#579}


/* ################# NAVIGACE ##################### */

#navigace, #navig2 {position: absolute;width:170px; padding: 10px;}
#navigace {top: 320px; z-index:1;}
#navigace>div,#navig2>div,#navig2 #AdLaar {margin: 13px 3px 24px; border: 4px solid #469;
  background: #235 none repeat scroll 0%; opacity: 0.8;
  padding: 2px 0.2em 15px 0.3em;
 -moz-border-radius-topright: 20px; -moz-border-radius-bottomright: 20px;
 -moz-border-radius-bottomleft: 20px;}
#navigace h4, #navig2 h4, #navig2 h6  {opacity:1; position: relative; top: -0.8em; left: 1px;
 background-color:#469; padding:0.3em 1em 0.2em 0.3em; border-top: 1px solid #68b;
 -moz-border-radius-topleft: 7px; -moz-border-radius-topright: 7px;
 -moz-border-radius-bottomright: 7px; display:inline;}

#sluzby {font-size:smaller;}
#sluzby div {margin: 0.7em 0;}
#navigace #sluzby #pocitadlo {background-color: #acd; margin: 18px auto 10px 2px; width: 6em;
  padding: 3px 8px;}
#gsearch {color:#69b; margin: 3px; padding:0 7px;}
#gtext {width: 94%; background: #355
 url(http://www.google.com/logos/Logo_25blk.gif) right no-repeat; display:block; margin: 2px 0px 6px; color: #fff; padding: 3px 1px}

#navigace #archiv #archlnk {max-height:8.5em; overflow:hidden;}

#navigace #styly {padding:1px 2px 5px;}
#styly div {font-size:smaller; margin: 0.1em 0 2px; padding: 0;
   width:100%; height:34px;}
#styly div a {display:block;width:100%; height:100%; margin-bottom:2px;
  border-top: 1px solid #445570; border-bottom: 1px solid #223;}
#navigace #styly h4>span {display:none;}
#styly h4:after {content: "styLoviště";}
#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 #cssoff a:hover span {display:none;}
#styly #cssoff a:hover:after {content: " Všechno bude neformátované"; color: #000;}
#styly #css1 a {background: url(cssrojtm.png) no-repeat;
  background-position: 93% center;}
#styly #css1 a:hover {background-color:#468;}
#styly #css1 a:hover:after {content: " Zrovínka aktivní"; color: #4af;}
#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; line-height: 0.9em;}
#styly #css3 a {background: 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: #4af;}
#styly #css4 a {background: url(zsnehico.png) no-repeat;
  background-position: 92% center;}
#styly #css4 a:hover {background-color:#adf;}
#styly #css4 a:hover:after {content: " sněhová_královna"; color: #046;}
#styly #css5 a {background: url(j_icosty.png) no-repeat;
  background-position: 92% center;}
#styly #css5 a:hover {background-color:#cfb;}
#styly #css5 a:hover:after {content: " sněženky"; color: #046;}

#navigace #infostyl_1 {display: block; font-size: 80%;}
#navigace #infostyl_1 h4 {margin: 3px 0 15px 0;}
#navigace #infostyl_1 #is1_1:after {content:" roj tmavomodrý"; font-weight: bold;}
#navigace #infostyl_1 #is1_2:after {content:" 35kB"; font-weight: bold;}
#navigace #infostyl_1 #is1_3:after {content:" 16.9.2005"; font-weight: bold;}
#navigace #infostyl_1 #is1_4:after {content:" pružný, šířka okna od 490px. Minimum obrázkové grafiky. Optimalisován pro mozillácké gecko (oblé rohy).";}


/* ############ NAVIG 2 ##############*/
#nav2ext {position:absolute; width:170px; padding:0; top: 420px;}
#navig2 {top: 85em; z-index: 0;}
#navig2 > div {font-size: 80%;}
#slovnik dl {padding:0; margin:0 0 2px;}
#slovnik {margin: 16px 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;}


/* ######### reklama + spol ###############*/

#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");}
#valid {position:relative; bottom: 90px; left: 30px; width: 90px;}
#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;}

/*reklama*/
#navig2 #reklama {border:none; margin:0; padding:0;}
#navig2 #AdLaar {background-color:transparent !important; position:static !important;}
#navig2 #AdLaar h6 {font-size:100%; text-transform:lowercase; color:#eee;}
#navig2 #AdLaar p {margin: 2px 5px; color:#bcf;}
#navig2 #AdLaar a {display:block;}
#seolinx, #seolinx a {color:#235}

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

pre.akord {color:#789;}
pre.akord b {font-weight:bold; color:#000;}
pre.akord i {font-weight:bold; color:#f56;}
.akordy {font-size:80%;}
.akordy sup {color:#ffa;}