@charset "utf-8";

body { text-align: center; background-image: url("../images/bckgnd.gif");}
#page { position: relative; z-index: 0; border-left: 1px solid #FCB700; border-right: 1px solid #FCB700; width: 789px; margin: 0 auto; color: white; background-color:#121213; text-align: left; }
a { color: white; /*#49A8C7;*/ background-color: inherit; background-image: none; font: 75% Verdana, 'Arial CE', Arial, 'Helvetica CE', Helvetica, sans-serif; }
a:visited { color: #49A8C7; background-color: inherit; background-image: none; }
a:visited:hover { color: #49A8C7; background-color: inherit; background-image: none; }
a:hover, a:focus, a:active { color: #49A8C7; background-color: inherit; background-image: none; }
a.e-mail:hover, a.e-mail:focus, a.e-mail:active { color: #49A8C7; background: inherit; } /* odkaz na e-mail */
a img { border: none; }
span.hidden { display: none; }
hr.hidden { display: none; }
div.cleaner { width: 100%; height: 1px; clear: both; }
#page div.cleaner { display: block; }
p { line-height: 1.4em; margin: 20px 0px;  font-size: 15px; }

/* accessibility */
#accessibility { display: none; }

/* header */
/*#header { position: relative; width: 789px; height: 169px; margin: 0; padding: 0; background: #121213 url("../images/header.gif") repeat-x; }
#header img { position: absolute; top: 18px; left: 292px; z-index: 1; margin: 0; padding: 0; font-size: 22px; }
#header h1 { position: absolute; top: 18px; left: 292px; z-index: 1; margin: 0; padding: 0; font-size: 22px; }
#header h1 a { display: block; position: relative; width: 167px; height: 133px; padding: 0; color: white; overflow: hidden; }
#header h1 a span { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; margin: 0; padding: 0; background: url("../images/logo.gif") no-repeat; cursor: pointer; }*/

#header { position: relative; width: 789px; height: 169px; margin: 0; padding: 0; background: #121213 url("../images/header.gif") repeat-x; }
#header img { position: absolute; top: 18px; left: 322px; z-index: 1; margin: 0; padding: 0; font-size: 22px; }
#header h1 { position: absolute; top: 18px; left: 322px; z-index: 1; margin: 0; padding: 0; font-size: 22px; }
#header h1 a { display: block; position: relative; width: 135px; height: 131px; padding: 0; color: white; overflow: hidden; }
#header h1 a span { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; margin: 0; padding: 0; background: url("../images/logo.gif") no-repeat; cursor: pointer; }

#icons { position: absolute; top: 21px; left: 389px; z-index: 2; margin: 0; padding: 0; }
#icons a { display: block; position: absolute; top: 0; z-index: 2; width: 17px; height: 17px; color: white; overflow: hidden; }
#icons a span { position: absolute; top: 0; left: 0; z-index: 3; width: 100%; height: 100%; margin: 0; padding: 0; background-position: center; background-repeat: no-repeat; cursor: pointer; }
#home { left: 0; }
#home span { background-image: url("../images/quick-menu-home.gif"); }
#sitemap { left: 38px; }
#sitemap span { background-image: url("../images/quick-menu-sitemap.gif"); }
#contact { left: 76px; }
#contact span { background-image: url("../images/quick-menu-contact.gif"); }
#header-image { position: absolute; top: 0; right: 0; width: 513px; height: 277px;  }

/* content */
#content { position: relative; width: 789px; margin: 0px 0 0 0; padding: 12px; background: url("../images/content-1-back.gif") no-repeat; } #page>#content { width: 785px; }
#content h2 { margin: 0 0 0.5em 0; color: #4999cb; font-size: 1.5em; }
#content h3 { margin: 0 0 1em 0; color: #585858; font-size: 1.5em; }
#content ul { margin: 0; padding: 0 0 0 9px; list-style-type: none; }
#content ul li { position: relative; /* kvĹŻli zobrazenĂ­ pozadĂ­ v IE6 */ line-height: 2em; padding: 0 0 0 25px; background: url("../images/list-item.gif") left center no-repeat;}
#content p.recommend {text-align:left; margin: 13px 16px -5px 16px;}
#content p.links {text-align:left; margin: 13px 16px 10px 16px;}
#content hr.top {  background-color: #FCB700; border:none; height:5px; margin-right:auto; margin: 30px 100px 15px 100px; }

#content hr.top1 {  background-color: #FCB700; border:none; height:5px; margin-right:auto; margin: 30px 100px 15px 100px; }
#content hr.middle { margin: 0px 0px 15px 70px; background-color: #333333; border-bottom: 0px solid #333333;}

/* menu */
#menu { position: absolute; top: 169px; left: 0px; z-index: 1; width: 789px; height: 32px; font-size:16px; margin: 0; padding: 0; font-weight: bold; background: url("../images/menu_item.gif") repeat-x;}
#menu h4 { display: none; }
#menu ul { margin: 0 0 0 97px; padding: 0; left: 71px;}
#menu li { display: inline; padding: 0; margin: 0px;}
#menu a { display: block; height: 32px; line-height: 32px; margin: 0 0 0 0; padding: 0; color: #444444;  text-align: center; text-decoration: none; float: left; }
#menu li.active a, #menu li a:hover, #menu li a:focus, #menu li a:active { background-position: 0 -33px; }
a.menu-item-1 { background-image: url("../images/novinky.gif");text-decoration: none; width: 105px; height:32px;}
a:hover.menu-item-1 { background-image: url("../images/novinky_on.gif"); text-decoration: none; width: 105px; height:32px;}
a.menu-item-2 { background-image: url("../images/o_nas.gif"); text-decoration: none; width: 81px; height:32px;}
a:hover.menu-item-2 { background-image: url("../images/o_nas_on.gif"); text-decoration: none; width: 81px; height:32px;}
a.menu-item-3 { background-image: url("../images/desky.gif"); text-decoration: none; width: 86px; height:32px;}
a:hover.menu-item-3 { background-image: url("../images/desky_on.gif"); text-decoration: none; width: 86px; height:32px;}
a.menu-item-4 { background-image: url("../images/fotogalerie.gif"); text-decoration: none; width: 127px; height:32px;}
a:hover.menu-item-4 { background-image: url("../images/fotogalerie_on.gif"); text-decoration: none; width: 127px; height:32px;}
a.menu-item-5 { background-image: url("../images/koncerty.gif"); text-decoration: none; width: 110px; height:32px;}
a:hover.menu-item-5 { background-image: url("../images/koncerty_on.gif"); text-decoration: none; width: 110px; height:32px;}
a.menu-item-6 { background-image: url("../images/forum.gif"); text-decoration: none; width: 84px; height:32px;}
a:hover.menu-item-6 { background-image: url("../images/forum_on.gif"); text-decoration: none; width: 84px; height:32px;}

/* footer */
#footer { position: relative; width: 789px; height: 58px; margin: 0 0 0 0; padding: 0; color: #B1B1B1; background: #444444 url("../images/footer.gif") repeat-x; clear: both; }
#footer hr { display: none; }
#footer p { margin: 0; }
#footer a { color: white; }
#copyright { position: absolute; top: 35px; right: 16px; color: #9e925c; font-size:11px; }

.index #content { padding: 0; } #page.index>#content { width: 789px; }
.index #content h3 span { display: none; }


.index #content #top { background: url("../images/content_top.gif") no-repeat; margin-bottom: -60px; /* ne mezera v IE */ padding: 46px 0 40px 0; border: 0px solid white;} .index #content>/**/#top { margin-bottom: 0; /*background: url("../images/content_top.gif") no-repeat;*/}

/* novinky */
.novinky { font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#FFFFFF; margin: 0px 0px 0px 70px; }
.nadpis { font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#FCB700; margin: 0; padding: 0; }
.datum { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#8A8A8A; margin-left:100px; }

/* novinky prvni novinka */
/*
.novinky1 { font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#FFFFFF; margin: 0px 70px 0px 150px; }
.nadpis1 { font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#FCB700; margin: 0; padding: 0; }
.datum1 { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#8A8A8A; margin-left:180px; }
*/
.novinky1 { font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#FFFFFF; margin: 0px 0px 0px 150px; }
.nadpis1 { font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#FCB700; margin: 0; padding: 0; }
.datum1 { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#8A8A8A; margin-left:180px; }

/* seznamy */
.list {margin: 0px 100px 10px 0px; height: auto;}
.event { font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#FFFFFF; margin-left: 200px; }
.date { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#8A8A8A; float: left; width:200px;text-align:right; /*margin-left:150px; */}
.descr { font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#49A8C7; margin-left: 350px; text-decoration: underline;}
.descrnormal { font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#FFFFFF; margin-left: 350px;}
.name { font-family:Arial, Helvetica, sans-serif; font-size: 16px; color:white;/*#FCB700;*/ float: left; width:350px;text-align:right; /*margin-left:150px; */}

.onasTable {/*border: 1px solid white; */font-family: Verdana, Arial, Helvetica, Sans-Serif; color: white;/*#FCB700;*/ font-size: 12px; margin-left:180px; text-align:center; /*border-spacing: 30px;*/	}
/*.onasTable.tr.td {padding: 50px; border: 1px solid white;}*/
.inOnasTable {/*border: 1px solid white; */width: 200px;}
.onasTable img {width: 100px; margin: 10px 0 7px 0; }

.odsazeno{margin-left:100px;}
 
/* prohlaseni_o_pristupnosti */
#accesskeys { margin-bottom: 2em; }
#accesskeys p { margin-bottom: 0.5em; }
#accesskeys ul { margin-bottom: 1em; }

/* fotogalerie  - doplň*/
/*
#content p.fotogalerie { border:0px solid black; margin: 0px 110px;  font-size: 16px; }
#content span.fotogalerie { font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; margin-right: 20px; }
#content span.fotograf { font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size: 11px; margin-left:20px; }
*/
/* alba - doplň */
#content #alba {border-top:0px dotted #FCB700; } /*background-color:#121213;*/
#content p.alba { border:0px solid black; margin: 20px 10px 0 10px; font-size: 13px; }
#content .alba_left { float:left;width:300px;  margin:0 0 0 0 ; }
#content .alba_left form { padding: 0; margin:0;}
#content .alba_right { border-left:0px solid #554a2c;   background: url("../images/table_alba.gif") repeat-x; border-top:0px solid #554a2c; margin: 0 0 0 300px; padding:0px; }
#content .alba_right img a { margin: 15px 0 5px 0px; text-underline:none;}
#content .alba_right td { padding: 21px 0 0 21px;}
#content .alba_right table { color: #FCB700; }
#content .alba_right table a { color: #FCB700; }

/* submity */
.submitlink {
	/*border:1px solid white;
	margin: 50px 0px 50px 0px;*/
	font-size:11px;
}
.submitlink:hover {
	color: #49A8C7; 
}

.forum {
	/*border:1px solid white;*/
	margin-left: 100px;
	margin-top:100px;
}

/* desky */

#content #desky {border-top:0px dotted #FCB700;font-family:Arial, Helvetica, sans-serif; height:300px; padding-top:30px; } 
#content #desky h2 { margin: 0 0 0 0; font-size:20px; color:#FCB700; margin-left:5px; text-align: center; padding-bottom:20px; }
#content p.recording {  font-size: 13px; padding-right: 50px; border:0px solid #554a2c; }
#content .desky_left img { border:0px solid black; font-size: 13px; margin-left:65px;}
#content .desky_left img.zivaky { border:0px solid black; font-size: 13px; margin-left:20px;}
#content .desky_left { float:left;width:300px;  margin:0px 0 0 0px ; border:0px solid #554a2c; }
#content .desky_right { border:0px solid #554a2c; text-align: left; height:auto; font-size: 15px; margin: 0 0 0 300px; padding:0px; }
#content table.songs { padding:0px 0 0 20px ; background-color: #0e0d07; width: 410px; border:1px solid #554a2c; }
#content td.songs_block { color:#FFFFFF; width: 150px; margin-left: 20px; }


/*
#content #desky {}
*/

.anketa {margin-left: 250px;}
.hide {display: none;}
/*#flashplayer {margin-left: 250px; margin-top: 80px;}*/
#flashplayer {margin-left: 340px; margin-top: 30px;}


#lyrics { margin-top: 0; margin-bottom: 0; margin-left: 100px; margin-right: 100px; padding: 0;}

/*
.tab-box { 
  border-bottom: 1px solid #DDD;
  padding-bottom:5px;
}
.tab-box a {
  border:1px solid #DDD;
  color:#666666;
  padding: 5px 15px;
  text-decoration:none;
  background-color: #eee;
}
.tab-box a.activeLink { 
  background-color: #fff; 
  border-bottom: 0; 
  padding: 6px 15px;
}
.tabcontent { border: 1px solid #ddd; border-top: 0;}
*/
.tab-box { 
  /*border-bottom: 1px solid #DDD; */
  text-align:center;
  padding-bottom:0px;
}
.tab-box a {
  border:1px solid #DDD;
  color: #8A8A8A;
  padding: 5px 15px;
  text-decoration:none;
  background-color: #0e0d07;  
}
.tab-box a.activeLink {
  color: #0e0d07;  
  background-color: white; /*#585858; #DDD;*/ 
  border-bottom: 0; 
  padding: 5px 15px;
}

.tabcontent { text-align: center; /*border: 1px solid #554a2c; border-top: 0;*/}
.tabLink {display: inline-block;}