/* stylesheet.css */
*{
    padding: 0px;
    margin: 0px;
    line-height: 18px;
    text-decoration: none;
    color: #630;
}

a img{
    border: 2px solid #630; 
}
    
body{
    background: url(img/bg.gif) repeat-x;
    /*background-repeat: repeat-x;*/
    background-color: #ff8f17;
    font: 90% bold Verdana, Arial, sans-serif black;
    text-align: center;
    min-width: 989 px;
}
    
#main{
    width: 989px;
    margin: 0 auto;                     
    background: url(ledge.gif) repeat-y center;
}
    
#top{
    padding: 0px; margin: 0px;
    width: 989px;
    height: 270px;
    background: url(img/topbg.jpg) no-repeat center top;
    text-align: left;
}
   
#menu{
    padding: 0px; margin: 0px;
    position: relative;
    left: 250px;
    top: 90px; 
    width: 580px;
    height: 115px;
}

.hddn span{
    visibility: hidden;
    position: absolute;
    top: 1px;
    left: 580px;
}

.hddn:hover span{
    visibility: visible;
}

#menu img{
    border: 0px;
}
    
#bottom{
    _margin-left: 37px;
    width: 989px;
    height: 19px;
    clear: both;
    background: url(bottom.gif) no-repeat;
}
    
#menu ul{
     padding: 0px; margin: 0px;
}
    
#menu li{
    list-style-type: none;
    float: left;
    text-align: center;
    font: normal bolder Verdana;
    margin-left: 5px;
    margin-right: 5px;
}
    
#onas{background: url(img/menu/onas.gif) no-repeat;}
#onas:hover{background: url(img/menu/onasa.gif) no-repeat;}
#hudba{background: url(img/menu/hudba.gif) no-repeat;}
#hudba:hover{background: url(img/menu/hudbaa.gif) no-repeat;}
#historie{background: url(img/menu/historie.gif) no-repeat;}
#historie:hover{background: url(img/menu/historiea.gif) no-repeat;}
#clenove{background: url(img/menu/clenove.gif) no-repeat;}
#clenove:hover{background: url(img/menu/clenovea.gif) no-repeat;}
#texty{background: url(img/menu/texty.gif) no-repeat;}
#texty:hover{background: url(img/menu/textya.gif) no-repeat;}
#video{background: url(img/menu/video.gif) no-repeat;}
#video:hover{background: url(img/menu/videoa.gif) no-repeat;}
#fotky{background: url(img/menu/fotky.gif) no-repeat;}
#fotky:hover{background: url(img/menu/fotkya.gif) no-repeat;}
#forum{background: url(img/menu/forum.gif) no-repeat;}
#forum:hover{background: url(img/menu/foruma.gif) no-repeat;}
#kontakt{background: url(img/menu/kontakt.gif) no-repeat;}
#kontakt:hover{background: url(img/menu/kontakta.gif) no-repeat;}
#koncerty{background: url(img/menu/koncerty.gif) no-repeat;}
#koncerty:hover{background: url(img/menu/koncertya.gif) no-repeat;}
#odkazy{background: url(img/menu/odkazy.gif) no-repeat;}
#odkazy:hover{background: url(img/menu/odkazya.gif) no-repeat;}

p{
    padding: 20px;
}

.wl{
    margin: 20px;
    _margin-left: 40px;
    width: 300px;
    float: left;
    background-color: #fc6;
    border: 1px solid #630;
}

.content{
    float: left;
    width: 680px;
    margin: 10px;
    /*text-align: right;*/
}

.news{
    /*argin-top: 20px;*/
    
    padding: 10px;
    float: left;
    width: 250px;
    text-align: justify;
    background: url(img/news_bg.gif) repeat-y;
    /*background-color: #fc6;*/
}

.wr{
    margin: 20px 10px;
    padding: 5px;
    float: left;
    width: 180px;
    text-align: justify;
    background-color: #fc6;
    border: 1px solid #630;
}

.test{
    margin: 20px;
    padding-bottom: 10px;
    color: #630;
}

.dwn{
    padding-left: 20px;
    background: url(disk.gif) no-repeat left;
    list-style-type: decimal;
    color: #333;
    font-weight: bolder;
    text-decoration: underline;
}

pre{
    color: #630;
    font-size: medium;
}

.txt{
    color: #630;
    font-weight: bolder;
}

.txt:hover{
    color: #f90;
    background-color: #630;
}

table{
    color: #630;
    font-family: verdana;
}

.drk{
    color: #F90;
    background-color: #630;
}

h1{
    padding-top: 20px;
    height: 28px;
    font: Courier bold;
    font-size: 1.3em;
    clear: both;
}

h2{
    padding-top: 40px;
    clear: both;
    width: 200px;
    text-align: center; 
    font: Courier bold;
    font-size: 1.2em;
}

/*fotoalbum*/
h3{text-align: center;}

/*Album block - one album*/
.ab{padding:10px;margin:0px;width:420px;height:170px;float:left;}
/*Album view*/
.av{width:160px;height:170px;float:left;padding:5px;text-align:center;}
/*.ab:hover{border: 1px solid #630;}*/
.af{float:left;margin: 10px;}

.fl{float:left;}
.fr{float:right;}
.cb{clear:both;}
.img_link{margin: 5px 10px;}

.g{
  background: url(gray.gif) no-repeat;
}

.centr{
    text-align: center;
    margin: 25px;
}

.disco{
    color: #F90;
    background-color: #630;
    padding-left: 30px;
    padding-right: 30px;
    width: 100px;
}

.img{
    color: #666;
    font-style: italic;
    text-align: center;
}

.form{
width: 350px;
text-align: right;
}

.se{
margin-left: 50px;
}

.first{
width: 175px;
float: left;
text-align: right;
font-weight: bold;
}

.second{
margin-left: 200px;
margin-bottom: 5px;
text-align: left;
} 

input, textarea{
    background-color: #fc6;
    border: 1px solid #630;
}

input.btn{
    color: #f90;
    background-color: #630;
    font-weight: bolder;
    border: 3px outset #630;
}

hr{
    margin: 20px;
    border: 1px solid #630;
}

a.out{
    text-decoration: none;
    border-bottom: 1px dashed #630;
    background: url(img/out.gif) no-repeat right center;
    padding-right: 14px;
}

a.in{
    text-decoration: none;
    border-bottom: 1px dashed #630;
    background: url(img/in.gif) no-repeat right center;
    padding-right: 14px;
}

.text{
    text-align: justify;
    margin: 20px;
}