/* CSS Document */

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */


a {
   color:white;
}

a img {
   border:none;
}

body {
   text-align:center;
   font-family: verdana, arial, sans-serif;
   font-size:75%;
   background-color:#505050;
   background-image:url(img/bodyBack.jpg);
   background-repeat:repeat-x;
   padding:0px;
   margin:0px;
   color:white;
}

h1 {
   font-size:130%;
   margin:10px 0px;
   padding:0px;
   color:#B0AF19;
}

h2.sekce {
  margin:1px 1px 10px 1px;
  padding:1px;
  color:#666;
  font-size:110%;
  text-decoration:underline;
  font-family:verdana;
  font-weight:normal;
  
}

h2 a, h3 a {
   color:#000;

}

h2 span.smaller {
   font-size:70%;
}



table {

}

div#content {
   padding-bottom:20px;
   width:800px;
   text-align:left;
   margin: 0px auto;
   margin-top:0px;
   
}

div#top {

   background-image:url(img/logo.gif);
   background-repeat:no-repeat;

}


div#topLeft {
   float:left;
   width:457px;
   padding-top:235px;
}

div#stalyText {
   height:148px;
   apadding:10px;
}

div#stalyText div.clanek {
   margin:7px;
   padding:0px 7px;

}

div#stalyText div.clanek div.payload {
   border-left:1px dotted #cccccc;
}

div#stalyText div.clanek h2 {
   font-size:120%;
   color:#CCCC00;
}


div#topRight {
  float:left;
  width:343px;
}


div#topRight div#fotky {
   height:343px;
   text-align:center;
}

div#fotky img {
   width:343px;
}



div.menu {
   background-image:url("img/menuBack.jpg");
   height:40px;
   padding-top:30px;
   text-align:left;
   margin-bottom:20px;
}

div.menu div.menuItem {
   display:inline-block;
   border-right:1px solid #e0e0e0;
   text-align:center;
   margin:0px -2px;
   padding:5px 20px;
   color:#d4d4d4;
   text-decoration:none;
   font-weight:bold;
}


div.menu div.menuItem a {
   color:#d4d4d4;
   text-decoration:none;
   font-weight:bold;
}

div.menu div.menuItem.selected a {
   color:white;
   text-decoration:underline;
}


div#bottom {
   background-color:#3C3A3E;
   padding:4px 20px;
   text-align:right;
   font-size:90%;
   color:#aaaaaa;
}

div#afterBottom {
   height:10px;
   background-color:white;
   margin:0px 31px;
}



div.briefInfo {
   margin:10px 0px;
   padding:4px;
}

div#middle {
   background-color:#cccc00;
   min-height:410px;
}

div#middleLeft {
   float:left;
   width:457px;
}


div#middleRight {
  padding-top:52px;
  float:left;
  width:343px;
  position:relative;
}

div#aktuality {
   aheight:162px;
   width:343px;
   position:absolute;
   top:-110px;
   
}

div#nahravka {
   background-color:#CCCC00;
   height:65px;
   opacity:0.8;
}



div#koncert {
   padding:10px;
   height:75px;
   background-image:url(img/koncertBack.gif);
   border-bottom:1px solid #a9a911;
}



div.title {
   font-size:110%;
   font-weight:bold;
   margin-bottom:8px;
}

div.title.lesser {
   color:#aaaaaa;
}

div#middle h1#pageTitle {

}

div#middle div.text {
   text-align:justyfy;
   padding:20px 40px;

   min-height:300px;
   _height:400px;
}


div.text h2 {
   font-size:120%;
   color:#000;
}


div.text div.clanek {
   margin-bottom:20px;
}

div.text div.clanek div.payload {
   border-left:1px dotted #444444;
   color:black;
   apadding:0px 4px;
}


div#sponzori {
   padding-top:10px;
}

div#sponzori div.payload {
   color:black;
}

/* Fotogalerie */

div.fotogalerie.brief {
   margin: 0px 6px 20px 6px;
   float:left;
   width:300px;
   height:150px;
   font-size:90%;
}

div.fotogalerie.brief img {
   float:left;
   margin:1px 6px 6px 1px;
   border:1px solid #6f2a25;
}


div.fotogalerie.full {
   margin: 0px 6px 20px 6px;
   font-size:90%;
}

div.fotogalerie.full div.nahled {
   margin:10px;
}

div.fotogalerie.full img {
   border:1px solid #6f2a25;
   margin:1px 6px 6px 1px;
}


div.backLink {
    text-align:right;
    padding-right:20px;
    font-size:90%;
}

a.backLink {
   color:#ffdddd;
}


span.fotka {
   display:inline-block;
}



div#koncert div.box {
  padding:0px;
  margin:0px;
}

div#koncert div.payload {
   padding:0px;
}




div.payload {
   padding:2px 10px;
}

div.box {
  padding:6px;
  margin:6px;
}

div.box h3 {
   text-decoration:none;
   font-size:100%;
}


/* player */

div#playerControlls {
   background-color:#333;
   aborder:1px solid black;
   position:absolute;
   right:1px;
   top:54px;
}

div#jplayer_volume_bar {
   position:relative;
   top:-4px;
   display:inline-block;
   width:80px;
   height:4px;
   border:1px solid #666;
}

div#jplayer_volume_bar_value {
   height:4px;
   background-color:#999
}

div#nahravka span {
   display:inline-block;
   color:black;
   font-weight:bold;
   cursor:pointer;
}



span span.ui-icon {
   display:inline-block;
}

/* Hudba */
div.pisnicka.listItem {
  margin:0px;
}

div.pisnicka.listItem span {
   cursor:pointer;
}


div.pisnicka.listItem span.title {
   font-weight:bold;
}