body {
background-color: rgb(18, 18, 18);
background-attachment: fixed; 
background-position: top center;
background-repeat: no-repeat;
background-image: url(../img/pozadi.jpg); 

scrollbar-base-color: black;
scrollbar-arrow-color: #aa2200;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
font-family: "Trebuchet MS", Geneva, Tahoma, Arial,Times New Roman;
}

h1{
  font-weight: bold;
  font-size: 20px; 
  color: #ffffff;
  text-align: center;          
}

h2{
  font-weight: bold;
  font-size: 18px; 
  color: #ffffff;
  text-align: center;          
}

h3{
  font-weight: bold;
  font-size: 16px; 
  color: #ffffff;
  text-align: center;          
}

h4{
  font-weight: bold;
  font-size: 14px; 
  color: #ffffff;
  text-align: center;          
}

a {
  color:#ffffff;
  text-decoration:underline;  
}

a:hover {
  color:#ffffff;
  text-decoration:none;  
}


form{
  margin:0 auto;
  padding:0;
  text-align:center;
}

form label {
  color:#ffffff;
  padding:5px 10px 5px 0; 
}

form input {
  margin:5px 0 5px 0;
}

form table td {
  border:0; 
}

form table td span {
    font-weight:bold;
    color:red;
}

#hlavniRam {
	width: 987px;
  top: 1px;
  position: relative;
	margin:0 auto;
	padding:0;        
}

#pruhlednypruh { 
  position: absolute;
  left:60px;
  top:75px;
  z-index:9;
  width: 868px;
  height: 39px;
  background: url(../img/pruhlednypruh.png); 
}

#pruhlednypruh .text {
  text-align:right;
  padding:9px 8px 0 0;
  font-weight: bold;
  font-size: 14px; 
  color: #f0f0f0;
}

#logonoa { 
  position: absolute;
  left:39px;
  top:54px;
  z-index:10;
  width: 187px;
  height: 81px;
  background: url(../img/logonoa.png); 
}

#hlavicka {
 position: absolute;
 left:60px;
 top:75px;
 z-index:7;
 width: 868px;
 height: 444px;
 background: url(../img/kapela2025.jpg); 
}

#menu {
 position: absolute;
 left:0px;
 top:445px;
 z-index:8;
 width: 987px;
 height: 140px;
 background: url(../img/stuha.png); 
}

#aktuality {position: absolute; top: 58px; left: 200px;}
#historie {position: absolute; top: 58px; left: 310px;}

#repertoar {position: absolute; top: 58px; left: 420px;}
#akce { position: absolute; top: 58px; left: 550px;}
#mp3 {position: absolute; top: 58px; left: 650px; }



#historieadm {position: absolute; top: 58px; left: 178px;}
#kapelaadm {position: absolute; top: 58px; left: 265px; }
#fotoadm { position: absolute; top: 58px; left: 345px; }
#repertoaradm {position: absolute; top: 58px; left: 402px;}
#akceadm { position: absolute; top: 58px; left: 510px;}
#mp3adm {position: absolute; top: 58px; left: 576px; }
#kontaktadm { position: absolute; top: 58px; left: 630px; }
#diskuzeadm { position: absolute; top: 58px; left: 731px; }

#telo { position: absolute; top: 526px; left: 60px;  z-index:6; background: #0a0a0a; opacity: 0.9; width: 814px; padding-left: 27px; padding-right: 27px;padding-top: 32px;
z-index:2;}

#aktualityText {
  font-weight: bold;
  font-size: 16px; 
  color: #f0f0f0;
  padding-bottom: 30px;
  text-align: justify;           
}

#aktualniakce {
  font-weight: bold;
  font-size: 20px; 
  color: #f0f0f0;
  padding-bottom: 30px;
  text-align: center;           
}

#aktualityText .vlevo {
  float:left;
  width:410px;                     
}
#aktualityText .vpravo {
  float:right;
  width:400px;                     
}

#textRepertoar {
  font-size: 12px; 
  color: #f0f0f0;
  /*padding-bottom: 30px;*/
  text-align: justify;            
}

#textRepertoar p {
  font-size: 12px; 
  /*padding-bottom: 30px;*/
  text-align: center;   
  font-size:16px;         
}

#textRepertoar h1{
  color:#ffd700;
  font-size:14px;  
  padding:0;
  margin:0;          
}

#textRepertoar table{
  padding:0;
  margin:0 auto;            
}

#textRepertoar tr{
  padding:0;
  margin:0;            
}

#textRepertoar td{
  padding:5px;            
}

#textAkce {
  font-weight: bold;
  font-size: 12px; 
  color: #f0f0f0;  
  padding-bottom: 30px;
  margin:0 auto;
  text-align: left; 
}

#textAkce p {
  text-align: center; 
}

#textAkce h2{
  font-weight: bold;
  font-size: 18px; 
  color: #ffffff; 
  text-align: center;          
}


#textAkce table {
  margin:0 auto;
  text-align:left;  
}

#textAkce table img {
  padding:0 0 0 5px;                
}

#textAkce table td {
  padding: 5px 0 5px 0;
}


#textAkce table th {
  padding: 10px 0 10px 0;
  font-weight:bold;
  font-size:16px;
}

#textAkce table td.datum {
  padding: 5px 0 5px 0;
  width:100px;
}


#textAkce span.zvyrazneni{
    color:#faff00;
    font-weight:bold;
}

#textObsah {
  font-weight: bold;
  font-size: 12px; 
  color: #f0f0f0;
  padding-bottom: 30px;
  text-align: justify;           
}

#textObsah table td p{
  margin:0;
  padding:0;           
}

/*
#textObsah img{
  margin:0px 0 20px 15px;        
} */

#textObsah h1{
  font-weight: bold;
  font-size: 20px; 
  color: #ffffff;
  text-align: left;          
}

#textObsah h2{
  font-weight: bold;
  font-size: 18px; 
  color: #ffffff;
  text-align: left;          
}

#textObsah h3{
  font-weight: bold;
  font-size: 16px; 
  color: #ffffff;
  text-align: left;          
}

#textObsah h4{
  font-weight: bold;
  font-size: 14px; 
  color: #ffffff;
  text-align: left;          
}

#textObsah .textNadpis{
  font-weight: bold;
  font-size: 14px; 
  color: #ffffff;
  text-align: left;
  padding:20px 0 10px 0;                        
}

#textObsah .textPopis{
  text-align: left;                        
}

#textDiskuze{
  margin:0 auto;
  padding:0 0 0 20px;
  font-weight: bold;
  font-size: 12px; 
  color: #f0f0f0;
}

#textDiskuze a.pocetPrispevku {
  font-weight:bold;
  font-size:14px;
  color:#c0c000;             
}

#textDiskuze a.odkazfora:link  {
  color: #646464;
  font-family:  "Trebuchet MS", Geneva, Tahoma, Arial,Times New Roman;
  text-decoration: none;
  font-size: 14px; 
}

#textDiskuze a.odkazfora:visited  {
  color: #646464;
  font-family: "Trebuchet MS", Geneva, Tahoma, Arial,Times New Roman;
  text-decoration: none;
  font-size: 14px;
}

#textDiskuze a.odkazfora:hover  {
  color: #000000;
  font-family: "Trebuchet MS", Geneva, Tahoma, Arial,Times New Roman;
  text-decoration: none;
  font-size: 14px;
}

#textDiskuze form span {
  color:#f87c3a;                       
}

#textDiskuze .ramecekprispevku {
  width: 750px;
  border-color: #c8c8c8;
  border-width: 1px;
  border-style: solid;
  position: relative;
  left: 0px;
  padding: 0px;
}


#textDiskuze .listafora {
  width: 100%;
  background: silver;
}

#textDiskuze .jmenoveforu {
  font-weight: normal;
  font-size: 14px; 
  color: #000000;
  padding-left: 0px;
  padding-right: 10px;
  text-align: justify;
}

#textDiskuze .textvtabulce {
font-weight: normal;
font-size: 13px; 
color: #f87c3a;
padding-left: 5px;
padding-right: 5px;
text-align: justify;
}

#textDiskuze .datumcas {
  font-size: 14px; 
  position: relative;
  left: 540px;
  color: #000000;  
}

#textDiskuze .ramecekreakce {
  width: 720px;
  border-color: #c8c8c8;
  border-width: 1px;
  border-style: dashed;
  position: relative;
  left: 30px;
  margin: 5px 0 5px 0;
}

#textDiskuze .datumcas {
  font-size: 14px; 
  position: relative;
  left: 577px;
  color: #000000;  
}

#admin{
  color:#ffffff;
  margin:0 auto;
  text-align:center;
  width:100%;
}


#admin table {
  margin:0 auto;
  border:1px solid;
}

#admin table th {
  text-align:left;
  border:1px solid;
  padding:7px;
  font-weight:bold;   
  font-size:18px;             
}
#admin table td {
  text-align:left;
  border:1px solid;
  padding:5px;  
}
#admin table td .male{
  font-size:9px;
}

#adminClass {
  color:#ffffff;
  margin:0 auto;
  text-align:center;
  width:100%;
}

#paticka {
font-weight: bold;
font-size: 10px;
color: #c8c8c8;
text-align: right;
position: relative;
top: 0px;
height: 30px;
padding:15px 0 0 0;
}

.chyba {
  color:red;
  font-size:16px;                  
} 

.cleaner {
  clear: both;
  overflow: hidden;
  height: 1px;
  margin-top: -1px;
}

.cleaner hr {
  display: none;
}