* {
margin: 0;
border: 0;
padding: 0;
}
body {
font: 80% verdana, sans-serif;
text-align: center;
background: #fff url(img/bcgr.gif) repeat-x;
color: #000;
}
a {
text-decoration: underline;
}
a:hover {
text-decoration: none;
}
#page {
margin: 0 auto;
margin-top: 10px;
padding: 5px;
width: 488px;
border: 1px #000 solid;
text-align: left;
background: #fff;
}
#hlavicka {
background: #ccc;
height: 218px;
border: 1px #000 solid;
border-bottom: 0;
}
#hlavicka h1 {
text-align: center;
font: 2.5em georgia, serif;
line-height: 2em;
overflow: hidden;
position: relative;
height: 218px;
}
#hlavicka h1 span {
cursor:pointer;
z-index: 1;
position: absolute;
display: block;
left: 0;
top: 0;
width: 488px;
height: 218px;
background: #fff url(img/hlavicka.jpg) top center no-repeat;
}
#telicko {
background: #fff url(img/telicko.jpg);
padding: 0 10px;
padding-bottom: 15px;
border: 1px #000 solid;
border-top: 0;
}
#telicko .rock {
font-family: Georgia, serif;
margin-top: -45px;
position: absolute;
font-size: 1.5em;
}
#telicko b {
font-size: 1.5em;
}
#telicko .skupina {
margin-left: 15px;
}
#telicko .skupina li {
list-style: square;
}
#telicko .kontakt {
margin-left: 15px;
}
#paticka {
position: absolute;
margin-top: 5px;
width: 288px;
height: 49px;
background: url(img/kytara.jpg) no-repeat;
}
.hidden {
display: none;
}