body{
margin: 0;
padding: 0;
border: 0;
font-family:Tahoma, Verdana, Arial, sans-serif;
font-size: 0.8em;
overflow: hidden;
height: 100%; 
max-height: 100%;

}

body a {
  text-decoration:none;
}

body a img {
  border-color: #ffffff;
}

body a:hover {
  text-decoration:underline;
}

#spodek{
width: 100%; height: 100px;
position: absolute; 
left: 0; bottom: 0;
background:#000000 url(../img/frame-bg.gif) repeat-x 0 0; 
overflow: hidden;
}

#ornament {
  width:100%; height:100px;
  position:absolute;
  left:0; top:0;
  background: url(../img/ornament.gif) no-repeat right top;
}

#menu, #menu2, #menu3, #menu4, #menu5, #menu6, #menu7, #menu8, #menu9, #menu10 {
  width:100%; height:99px;
  display:block;
  position:absolute;
  bottom:0; left:0;
}

#menu ul, #menu2 ul, #menu3 ul, #menu4 ul, #menu5 ul, #menu6 ul, #menu7 ul, #menu8 ul, #menu9 ul, #menu10 ul {
  height:99px;
  float:left;
  margin:0;
  padding:0;
}

#menu li, #menu2 li, #menu3 li, #menu4 li, #menu5 li, #menu6 li, #menu7 li, #menu8 li, #menu9 li, #menu10 li {
  list-style-type:none;
  display: inline;
}

#menu li a, #menu2 li a, #menu3 li a, #menu4 li a, #menu5 li a, #menu6 li a, #menu7 li a, #menu8 li a, #menu9 li a, #menu10 li a {
  width:105px; height:89px;
  color:#7d7d7d;
  font-size:90%;
  text-transform:uppercase;
  background: url(../img/menuline.gif) no-repeat 100% 0;
  float:left;
  margin:0;
}

#menu li a:hover {
  color:#ffffff;
  border-bottom:10px solid #93117e;
}

#menu2 li a:hover {
  color:#ffffff;
  border-bottom:10px solid #e3004f;
}

#menu3 li a:hover {
  color:#ffffff;
  border-bottom:10px solid #006f9f;
}

#menu4 li a:hover {
  color:#ffffff;
  border-bottom:10px solid #e2001a;
}

#menu5 li a:hover {
  color:#ffffff;
  border-bottom:10px solid #41a62a;
}

#menu6 li a:hover {
  color:#ffffff;
  border-bottom:10px solid #425199;
}

#menu7 li a:hover {
  color:#ffffff;
  border-bottom:10px solid #887e00;
}

#menu8 li a:hover {
  color:#ffffff;
  border-bottom:10px solid #956939;
}

#menu9 li a:hover {
  color:#ffffff;
  border-bottom:10px solid #e95d0f;
}

#menu10 li a:hover {
  color:#ffffff;
  border-bottom:10px solid #fdc502;
}

#menu li span, #menu2 li span, #menu3 li span, #menu4 li span, #menu5 li span, #menu6 li span, #menu7 li span, #menu8 li span, #menu9 li span, #menu10 li span {
  margin:15px 0 0 15px;
  float:left;
  cursor:pointer;
}

#background {
position:absolute;
bottom:100px; left:0;
width:100%;
}

#obsah {
  width:55%; height:50%;
  overflow:auto;
  position:absolute;
  left:50px; top:75px;
}

#obsah a {
  color:#ffffff;
  font-weight:bold;
}

.n-okno {
  padding:0 15px 0 0;
  background: url(../img/n-okno.gif) no-repeat right 4px;
}

#obsah p {
  margin:0 0 10px 0;
}

h1 {
  color:#dddddd;
  font-size:180%;
  font-weight:bold;
  margin:0 0 10px 0;
}

h2 {
  color:#cccccc;
  font-size:150%;
  margin:0 0 10px 0;
}

h3 {
  color:#bbbbbb;
  font-size:120%;
  margin:0 0 10px 0;
}

#obsah2 {
  width:55%; height:70%;
  overflow:hidden;
  background:#887e00;
  position:absolute;
  left:50px; top:50px;
}

#nadpis {
  width:100%; height:10%;
  display:block;
  color:#ffffff;
  font-size:200%;
  font-weight:bold;
  text-align:right;
  position:absolute;
  left:0; top:0;
}

#nadpis2 {
  width:80%; height:36px;
  display:block;
  color:#ffffff;
  font-size:200%;
  font-weight:bold;
  text-align:right;
  position:absolute;
  right:30px; top:0;
}

#nadpis img {
  position:absolute;
  right:30px; top:0;
}

#zpatky {
  position:absolute;
  left:20px;top:15px;
}

#screen {
  width:100%; height:80%;
  overflow:auto;
  position:absolute;
  left:0; top:15%;
}

#content {
  height:100%;
  color:#ffffff;
  position:relative;
  padding:0 20px 0 20px;
}

iframe {
  width:100%; height:90%;
  overflow:auto;
  border:0;
  position:absolute;
  left:0; top:46px;
}

#jmeno {
  width:328px; height:93px;
  display:block;
  position:absolute;
  left:50px; bottom:135px;
}

#myspace a, #myspace a:hover {
  width:136px; height:36px;
  display:block;
  background:#000000 url(../img/myspace.gif) no-repeat 0 0;
  position:absolute;
  left:418px; bottom:138px;
}

#facebook a, #facebook a:hover {
  width:136px; height:36px;
  display:block;
  background:#000000 url(../img/facebook.gif) no-repeat 0 0;
  position:absolute;
  left:574px; bottom:138px;
}

.novinka, .koncerty {
  width:100%;
  margin:0 0 15px 0;
  padding:0 0 15px 0;
  border-bottom:1px solid #ffffff;
}

.projekt {
  width:100%;
  margin:0 0 15px 0;
  padding:0 0 15px 0;
  border-bottom:1px solid #ffffff;
  float:left;
}

.projekt img {
  float:left;
  margin:0 20px 10px 0;
}

.datum {
	width:45px;
	display: block;
	color: #fdb3bb;
	float: left;
	text-align: right;
	margin:0 3px 0 0;
}

.subinfo {
  width:45px;
	display: block;
	float: left;
	text-align: right;
	margin:0 3px 0 0;
}

#bio p {
  width:100%;
  margin:0 0 10px 0;
  padding:0 0 10px 0;
  border-bottom: 1px solid #ffffff;
}

.skryty {
  display:none;
}

.fotogalerie, .nahravka {
  width:124px; height:160px;
  background:#cc0000;
  float:left;
  margin:0 10px 10px 0;
  text-align:center;
}

.fotogalerie span, .nahravka span {
  width:100%;
  color: #ffffff;
  font-size:80%;
  text-align:center;
  padding:3px 0 3px 0;
  float:left;
}

.doleva {
  float:left;
  margin:0px 20px 20px 0px;
}

#butonek a {
  width:20px; height:20px;
  display:block;
  background: url(../img/butonek.gif) no-repeat 0 0;
  position:absolute;
  left:20px; top:20px;
  cursor:pointer;
}

#butonek a:hover {
  background-position:0 -20px;
}

#butonek-popisek {
  color:#959595;
  font-size:80%;
  position:absolute;
  left:50px; top:23px;
}

#fotocopy {
  color:#ffffff;
  font-size:80%;
  position:absolute;
  right:20px; bottom:110px;
}

.clear {
  width:100%;
  clear:both;
}

.empetrojka {
  padding:0 0 10px 0;
  border-bottom:1px solid #ffffff;
}

object {
  margin:0 0 -5px 0;
}