body{
	height: 100%;
  /*overflow: hidden;*/
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border: none;
	
	background-image: url(../img/bg.jpg);
	background-position: center;
	background-repeat: repeat;
	
	text-align: center;
	font-family: tahoma, arial, helvetica;		
}

div#page{
   width: 640px;
	margin: 0 auto;
	text-align: left;
}
div#header{
	background-image: url(../img/hbg.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	width: 632px;
	height: 182px;
}
div#hleft{
   height: 142px;
	width: 442px;
	float: left;	
}
div#hltop{
  height: 8px;
  line-height: 0px;
}
div#hltopline{
	background-image: url(../img/hlinetop.jpg);
	background-position: top left;
	background-repeat: no-repeat;
   height: 28px;		
}
div#hlrow{
  height: 106px;
  width: 442px;    		       
}
div#hlleft{
  float: left;
  width: 26px;
  height: 106px; 
}
div#hllogo{
   float: left;
	background-image: url(../img/logo.jpg);
	background-repeat: no-repeat;
	height: 105px;
	width: 63px;
  cursor: pointer;
}
div#hlname{
   float: left;
	background-image: url(../img/hname.jpg);
	background-repeat: no-repeat;
	height: 105px;
	width: 350px;
  cursor: pointer;
}

div#hright{
   height: 142px;
	width: 190px;
	float: left;
}
div#hrtop{
  height: 4px;
  line-height: 0px;
}
div#hrfoto{
	background-image: url(../img/hfoto.jpg);
	background-repeat: no-repeat;
	height: 135px;
	width: 190px;
}

div#hbtn{
	background-image: url(../img/hbtn.jpg);
	background-repeat: no-repeat;
	height: 38px;
	width: 631px;
	clear: left;  	
}

div#menu{  
  top: 8px;
  left: 105px;
  overflow: visible;
}
div.btnfree{
  position: relative;
  top: 8px;
  width: 104px;		 
  float: left;
}
div.btn{
  position: relative;
  top: 8px;		 
  float: left;
  height: 26px;
}
div.btn img{
  cursor: pointer;
  border: none;
}
.hidden{
  visibility: hidden;
  display: none;
}
div.btn{
}
div.btn div img{
  position: absolute;
  top: 0px;
  left: 0px;
}
img.menu_top{ 
}
img.menu_btm{
  position: absolute;
  top: 0px;
  left: 0px;
}
div.submenu{
  position: absolute;
  z-index: 1000;
  left: 15px;
  top: 26px;    
  background-image: url(../img/bg.jpg);
  border: 1px solid #630019;
  display: block;
  padding-left: 2px;
  
}
div.submenu a{
  color: #630019;
  text-decoration: none;
  font-weight: bold;
  white-space: nowrap;
  font-size: 9pt;  
}
div.submenu a:hover{
  color: black;
  text-decoration: underline;
}
div#foot{
  text-align: center;
  font-size: 8pt;
  color: #630019;
  clear: both;
  border-top: 2px solid #630019;
  margin-right: 10px;
  margin-bottom: 2px;
  margin-top: 5px;  
}
div#cntx{
  width: 465px;   
}
div.cnt p{
  margin: 10px 10px 10px 10px; 
}
div#columnx{
  z-index: 50;
  width: 150px;
  margin-right: 10px;
  float: right;
  margin-bottom: 10px;
}
div.soontxt{
  margin-left: 1px;
  border-left: 1px solid #e6c882;
  border-right: 1px solid #e6c882;
  color: #630019;
  font-size: 8pt;
  padding-left: 3px;
}
div.soontxt a{
  color: #630019;
  text-decoration: none;
}
div.soontxt a:hover{
  color: black;
  text-decoration: underline;
}
h1{
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  text-align: center;
  font-size: 20pt;
  color: #630019;
}
h2{
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  text-align: center;
  font-size: 16pt;
  color: #630019;
}
h3.subtitle{
  margin: 5px 0 4px 0;
  padding: 0 0 0 0;
  text-align: center;
  font-size: 11pt;
  color: #630019;
}
h6.spcl{
  text-indent: 15px;
  font-size: 7pt;
  font-weight: normal;
  color: #630019;
  margin: 1px 5px 1px 25px;
}
p{
  text-indent: 15px;
  font-size: 9pt;
  color: #630019;
  margin: 1px 5px 1px 5px;
}
table.center{
	width: 600px;
	margin-right: 15px;
	text-align: center;
}
table.center td{
  width: 100%;
}
table.center img{
	border: 0px;
	text-align: center;
}
table.center a{
	border: 0px;
}
div.center{
  text-align: center;
}
p.clear{
  clear: both;
}
p.photo{
  float: left;
}
p.photo img{
  border: none;
}
p.year{
  text-align: right;
  vertical-align: middle;
}
p.year a{
  font-weight: bold;
  text-decoration: none;
  color: Navy;
}
p.year a:hover{
  text-decoration: underline;
}
p.year img{
  border: none;
}

/*Gallery photo*/
div.photo{
  text-align: center;
  width: 290px;
  float: left;
  margin-bottom: 15px;
  padding-bottom: 10px;
  margin-top: 5px;
  height: 220px;
}
div.photox{
  text-align: center;
  width: 290px;
  float: left;
  margin-top: 5px;
  height: 160px;
  margin-bottom: 15px;
  padding-bottom: 10px;
}
div.photo h3, div.photox h3{
  margin: 0 0 10px 0;
  padding: 0 0 0 0;
  text-align: center;
  font-size: 13pt;
  color: #630019;  
}
div.photo h4, div.photox h4{
  margin: 0 0 4px 0;
  padding: 0 0 0 0;
  text-align: center;
  font-size: 11pt;
  color: #630019;  
}
div.photo h5, div.photox h5{
  margin: 0 0 3px 0;
  padding: 0 0 0 0;
  text-align: center;
  font-size: 8pt;
  color: black;  
}

div.photo a, div.photox a{
  font-weight: bold;
  text-decoration: none;
  color: Navy;
}
div.photo a:hover, div.photox a:hover{
  text-decoration: underline;
}
div.photo img, div.photox img{
  border: 4px solid #e6c882;
}
div.detailphoto{
  z-order: 10000;
  position: absolute;
  top: 200px;
  left: 10px;
  background-color: #e6c882;
  border: 10px solid #e6c882;
}
div.detailphoto a img{
  border: none;
}
.vam{
  vertical-align: middle;
}
.center{
  text-align: center;
}
.red{
  color: red;
}
/*repertoar*/
ul.rep{  
  font-size: 9pt;
  color: #630019; 
}
ul.rep li{
  margin-left: 20px;
}
ul.rep a{
  color: Navy;
  text-decoration: none;
} 
ul.rep a:hover{
  text-decoration: underline;
}
ul.rep li span.nfo{
  margin-left: 50px;
}
/*zajazdy*/
ul.sponzor{
  font-size: 9pt;
  color: #630019; 
}
ul.sponzor li{
  margin-left: 20px;
}
/*navigation*/
div.navigation{
  text-align: right !important;
  margin-right: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
  clear: both;   
}
div.navigation table{
  margin-left: 15px;
}
div.navigation table td{
  vertical-align: middle;
}
div.navigation a{
  font-size: 9pt;
  color: #630019;
  font-weight: normal;
  text-decoration: none;
}
div.navigation a:hover{
  text-decoration: underline;
}
div.navigation img{
  border: none;
}
table.logo{
  margin-right: 20px;
}
table.logo img{
  border: none;
}
/*contact*/
div.cont{
  width: 200px;
  margin-left: 30px;  
  color: #630019;
  display: block !important;
  float: left; 
}
div.cont strong{
  font-size: 12pt;
}
div.cont span{
  font-size: 10pt;
}
div.cont a{
  text-decoration: none;
  color: #630019;
}
div.cont a:hover{
  text-decoration: underline;
}
/*languages*/
div.lang{
  margin-bottom: 3px;
}  
div.lang img{
  border: none;
  height: 14px;
  width: 24px;  
}
/*lists*/
table.list{
  margin-right: 15px;
  margin-left: 5px;
  width: 620px;
}
table.list th{
  border-top: 2px solid #630019;
  border-bottom: 2px solid #630019;
  font-weight: bold;
  color: #630019;
  font-size: 11pt;
}
table.list td{
  color: #630019;
  font-size: 9pt;
}
table.list td.name{
  font-weight: bold;
}
/*songs*/
div#song{
  float: left;
  width: 450px;
}
div#hrasko{
  float: right;
  width: 160px;
  margin-top: 35px;
}
div#song h3{
  margin-top: 15px;
  color: #630019;
  text-align: center;
}
div#song h5{
  color: #630019;
  font-weight: normal;
  text-align: center;
}
div#song h6{
  color: #630019;
  font-weight: normal;
  text-align: left;
  margin-left: 50px;
}
div.alphabet{
  text-align: center;
  margin-top: 15px;
}
div.alphabet a{
  color: #630019;
  font-weight: bold;
  text-decoration: none;
  margin-left: 3px;
  margin-right: 3px;
  font-size: 11pt;   
}
div.alphabet a:hover{
  text-decoration: underline;
}
div.list{
  margin-top: 15px;
}
div.list table td{
  vertical-align: top !important;
  text-align: left;
}
div.list a{
  color: #630019;
  font-weight: normal;
  text-decoration: none;
  font-size: 9pt;
  margin-top: 3px;
}
div.list a:hover{
  text-decoration: underline;  
}
/*team*/
div.teamdiv{
  clear: both;
}
div.team{
  text-align: center;
  width: 150px;
  float: left;
}
div.team img{
  border: 2px solid #e6c882;
  width: 70px;
  height: 70px;
  display: none;;
}
p a.odkaz{
  text-decoration: underline;
  color: #630019;
  font-weight: bold;
}
p a.odkaz:hover{
  text-decoration: none;
}
/* 2% dane */
ul.dan2 li{
  font-size: 9pt;
  color: #630019;	 
}
ul.dan2 li a.odkaz{
  text-decoration: underline;
  color: #630019;
  font-weight: bold;
}
ul.dan2 li a.odkaz:hover{
  text-decoration: none;
}
table.dan2{
  margin: 5px 0px 5px 15px;
}
table.dan2 tr td{
  font-size: 9pt;
  color: #630019;	 
  margin-left: 15px;
  white-space: nowrap;
}
div.stheader{
  font-weight: bold;
  font-size: 16pt;
  color: #630019;
  text-align: center;
  margin-top: 15px;
  margin-bottom: 25px;
}
div.stcast{
  color: #630019;
  font-weight: bold;
  font-size: 13pt;
  text-align: center;
  margin-top: 15px; 
  margin-bottom: 20px;
}
div.stpar{
  color: #630019;
  font-weight: bold;
  font-size: 13pt;
  text-align: center;
  margin-top: 16px;
  margin-bottom: 10px;
}
div.stname{
  color: #630019;
  font-weight: bold;
  font-size: 13pt;
  text-align: center;
}
ol.stnumber{
  margin: 0 0 0 0;
  padding: 0 0 0 27px;
  border: none;
  list-style-type: decimal;
  list-style: outside;
}
ol.stalpha{
  margin: 0 0 0 0;
  padding: 0 0 0 40px;
  border: none;
  list-style-type: lower-alpha;
  list-style: outside;
}
div.stfoot{
  margin-top: 40px;
  text-align: center;
  margin-bottom: 15px;
  font-size: 10pt;
}
div.stanovy{
  color: #630019;
  font-size: 9pt;
  margin-left: 15px;
  margin-right: 10px;
}
/*comments*/
div.comments{
  border-top: 1px dotted #630019; 
  clear: both;
}
h6.comments{
  color: #630019;
  font-size: 10pt;
  margin-left: 20px;  
}
ul.errors{
  list-style-type: none;
}
ul.errors li{
  color: red;
  font-size: 9pt;
  font-weight: bold;    
}
ul.comments{
  color: #630019;
  list-style-type: none;
  width: 530px;
}
ul.comments li.name{
  font-weight: bold;
  font-size: 8pt;
}
ul.comments li.txt, ul.comments li p{
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  border: none;
  font-weight: normal;
  font-size: 8pt;
}

ul.comm{
  list-style-type: none;
}
ul.comm li:before{
  display:none;
}
ul.comm li.name{
  font-weight: bold;
  font-size: 8pt;
  color: #630019;
  marker: none;
}
ul.comm li.podm{
  font-weight: normal;
  font-size: 8pt;
  color: #630019;
  width: 350px;
}
ul.comm li.podm table tr td{
  vertical-align: top;  
}
input#meno, input#email{
  width: 350px;
}
textarea#komentar{
  width: 350px;
  height: 175px;
}
input#submit{
  color: #630019;
  border: none;
  font-weight: bold;
}
a#addBtn{
  color: #630019;
  padding-left: 20px;
  text-decoration: underline;
  font-weight: bold;
  font-size: 9pt;
}
a#addBtn:hover{
  text-decoration: none;
}
div.radio{
  font-size: 7pt;
  color: #630019;
}
div.radio a img{
  border: none;
}
div.radio ul.sng{
  list-style-type: none;
  text-align: center;
  font-size: 7pt;
  margin: 5px 0 0 0;
  padding: 0 0 0 0;  
}
div.radio ul.sng li{
  line-height: 12px;
  padding-top: 5px;
}
div.radio ul.nfo{
  list-style-type: none;
  text-align: left;
  font-size: 7pt;
  margin: 4px 0 0 12px;
  padding: 0 0 0 0;  
}
div.radio ul.nfo li{
  line-height: 13px;   
}
fieldset#maincomm{
  padding: 4px 0 4px 0;
  margin-top: 10px;
  border: 1px solid #630019;
}
fieldset#maincomm legend{
  color: #630019;
  font-size: 9pt;
  font-weight: bold;
  text-align: center;
}
fieldset#maincomm ul{
  padding-left: 5px;
  margin: 2px 0 0 3px;
}
fieldset#maincomm ul li{
  font-size: 7pt;
  list-style-type: none;
  color: #630019;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}
fieldset#maincomm ul li a{
  color: #630019;
  font-size: 7pt;
  font-weight: bold;
  text-decoration:none;
  padding-right: 4px;
}
fieldset#maincomm ul li a:hover{
  text-decoration:underline;
}