* {margin:0;padding:0;color:#444;}

body,html {font-size:90%;font-family:sans-serif;line-height:160%;text-align:center;}

body {background:#fff url('../img/bodyback.png') repeat-x fixed;overflow-y:scroll;text-align:center;}

img {border:0;}

p {margin:10px 0;}

iframe {width:500px;height:100%;border:0;}

h1,h2,h3,h4 {margin:.5em 0;font-family:"Georgia CE","Times New CE","New York CE","Times CE",Georgia,times,serif;
padding:.1em 0;;border-bottom:1px solid #f90;}
h1 {font-size:130%;}
h2 {font-size:115%;width:80%;}
h3 {font-size:105%;width:65%;}
h4 {font-size:100%;width:50%;}

h2 a {text-decoration:none;}

hr {color:#ccc;background-color:#ccc;height:1px;border:0;}

a:link,a:visited {color:#f90;font-weight:bold;}
a:hover{color:#f60;text-decoration:none;}
a:active {color:#f00;}

img.galerie {margin:4px;}
a img.galerie {border:2px solid #f90;}
a:hover img.galerie {border:2px solid #f60;}
a:active img.galerie {border:2px solid #f00;}

ul, ol {margin:15px 20px;}
ul {list-style:none;}
ul li {display:block;padding:4px 4px 4px 20px;background:#fff url('../img/li.png') 0 .6em no-repeat;_height:1px;}

ol li {padding:4px 4px 4px 20px;}
ul#pismena {list-style:none;margin:20px 0;}
ul#pismena li {display:inline;margin-right:4px;background:none;padding:2px;}

dl {border-top:1px solid #f90;margin:1em 0;padding:1em 0;}
dd {font-weight:bold;line-height:180%;}

dl.about {border-width:0px;}

#obsah {position:relative;margin:auto;width:506px;background:#fff url('../img/obsahback2.png') repeat-y;text-align:left;
padding:3em 30px 0 230px;_width:766px;min-height:300px;_height:300px;}
  
#logo {display:block;margin:auto;margin-top:10px;position:relative;width:766px;height:210px;line-height:210px;
font-size:150%;background-color:#fc9;}
#logo span {position:absolute;left:0;top:0;display:block;width:766px;height:210px;background-image:url('../img/logo2.png');
cursor:pointer;font-size:0;}

#levy {float:left;width:200px;position:relative;left:-220px;top:-3em;margin-right:-220px;margin-bottom:-52px;}

#paticka {background:transparent url('../img/pataback2.png') left bottom no-repeat;min-height:44px;_height:64px;width:766px;
margin:20px -30px 0 -230px;font-size:80%;}
#paticka span {float:right;margin:10px 20px 10px 230px;}
.ukazka_01, .ukazka_02, .ukazka_03, .ukazka_04 {width:200px;padding-bottom:60px;margin-left:10px;
background:transparent url('../img/podpis.gif') left bottom no-repeat;font-size:85%;}
.ukazka_01 {color:#c96;}
.ukazka_02 {color:#c99;}
.ukazka_03 {color:#8b8;}
.ukazka_04 {color:#c9c;}
  
#menu {display:block;list-style:none;margin:0;padding:0;width:200px;position:relative;background:ivory;}
#menu li {display:block;list-style:none;width:200px;height:30px;background-position:-200px;
overflow:hidden;line-height:30px;text-indent:10px;margin:0;padding:0;font-weight:bold;color:#111;}

li.li_01 {background:#fcc url('../img/li_01.png') left top no-repeat;}
li.li_01 a {background:#fcc url('../img/li_01.png') left top no-repeat;}
li.li_01 a:hover {background-color:#ebb;}
li.li_02 {background:#9cf url('../img/li_02.png') left top no-repeat;}
li.li_02 a {background:#8be url('../img/li_02.png') left top no-repeat;}
li.li_02 a:hover {background-color:#7ad;}
li.li_03 {background:#cfc url('../img/li_03.png') left top no-repeat;}
li.li_03 a {background:#cfc url('../img/li_03.png') left top no-repeat;}
li.li_03 a:hover {background-color:#beb;}
li.li_04 {background:#ffc url('../img/li_04.png') left top no-repeat;}
li.li_04 a {background:#ffc url('../img/li_04.png') left top no-repeat;}
li.li_04 a:hover {background-color:#eeb;}
li.li_05 {background:#fc9 url('../img/li_05.png') left top no-repeat;}
li.li_05 a {background:#fc9 url('../img/li_05.png') left top no-repeat;}
li.li_05 a:hover {background-color:#eb8;}
li.li_06 {background:#fcf url('../img/li_06.png') left top no-repeat;}
li.li_06 a {background:#fcf url('../img/li_06.png') left top no-repeat;}
li.li_06 a:hover {background-color:#ebe;}
  
#menu li a {display:block;width:200px;height:30px;color:#333;text-decoration:none;font-weight:normal;}
#menu li a.aktivni {background-position:-200px;font-weight:bold;color:#111;}
#menu li a:hover.aktivni {color:#333;}
#menu li a:hover {background-position:-200px;color:#111;}
#menu li a:active {background-position:0px;color:#f00;}


#navi {display:block;position:absolute;left:215px;top:2px;font-size:80%;height:4em;overflow:hidden;width:543px;}
#cse-search-box {width:200px;display:block;margin:10px 0;}
#q {width:146px;border:1px inset #ccc;}
#sa {cursor:pointer;width:48px;}

#pisnicky {margin:20px 0;}
#pisnicky a {text-decoration:none;}

ul.foto li a img {border:1px solid #f90;}
ul.foto li a:hover img {border-color:#f30;}
ul.foto li {margin:3px;background:none;padding:0;}


.none {display:none;}
.bezti {text-indent:0px;}
.clear {clear:both;}
.prvni {font-size:larger;}
.refren {margin-left:1em;}
.otazka {font-weight:bold;}
.big {font-size:120%;}
.bold {font-weight:bold;}
.autor {text-align:right;font-style:italic;}
.smaller {font-size:smaller;}
.male {font-size:85%;}
a.neodkaz {color:#444;text-decoration:none;font-weight:normal;cursor:text;}
a.neodkaz:hover {color:#444;}

.foto li {display:inline;list-style:none;}

.blank:after {content:url('../img/new.gif');}

.mail:after {content:url('../img/mail.gif');}

.ukazka:before {content:url('../img/ukazka.gif');}

.blank {
  ruby-align: expression(
  this.runtimeStyle.rubyAlign = "auto",
  this.innerHTML +="<img src='../img/new.gif'>"
  )
}

.mail {
  ruby-align: expression(
  this.runtimeStyle.rubyAlign = "auto",
  this.innerHTML +="<img src='../img/mail.gif'>"
  )
}

.ukazka {
  ruby-align: expression(
  this.runtimeStyle.rubyAlign = "auto",
  this.innerHTML="<img src='../img/ukazka.gif'>"+this.innerHTML
  )
}