* {
padding: 0;
margin: 0;
}

html, body {
background: url("img/pagebg.gif") repeat-x top left #383431;
color: #555;
text-align: center;
font: 100% arial, sans-serif;
}

body {
margin-bottom: 30px;
}

a img {
border: 0;
}

a:link, a:visited {
text-decoration: none;
color: #555;
}

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

#container {
margin: 15px auto 0 auto;
text-align: left;
width: 970px;
background: url("img/topbg.gif") 0px 30px no-repeat;
}

#header {
height: 185px;
background: url("img/topphoto.gif") 726px bottom no-repeat;
position: relative;
}

#logo {
background: url("img/topcunt.gif") 0px 0px no-repeat;
width: 275px;
height: 125px;
position: relative;
}

#logo a {
font-size: 110%;
position: absolute;
top: 33px;
left: 35px;
width: 239px;
height: 62px;
color: #fff;
letter-spacing: -2px;
background: url("img/toplogo.gif") 0px 0px no-repeat;
}

#logo a em {
font-size: 60%;
}

#logo a span {
display: block;
width: 239px;
height: 62px;
display: none;
}

#tslinks {
padding: 8px 0 0 0;
text-align: right;
width: 792px;
height: 22px;
color: #666;
font-size: 71%;
word-spacing: 1px;
}

#tslinks a {
letter-spacing: -1px;
}

#sign {
width: 140px;
height: 125px;
position: absolute;
top: 30px;
left: 320px;
background: url("img/topsign-laznicky.gif") 0px 0px no-repeat;
border: 0;
}

#jukebox {
width: 80px;
height: 65px;
position: absolute;
top: 67px;
left: 489px;
background: url("img/topsign-jukebox.gif") 0px 0px no-repeat;
}

#shopak {
width: 95px;
height: 80px;
position: absolute;
font-size: 80%;
top: 55px;
left: 605px;
}

#menu {
width: 708px;
height: 30px;
background: #005ca1;
color: #fff;
font-size: 82%;
letter-spacing: -2px;
padding: 0 0 0 18px;
list-style-type: none;
position: relative;
}

#menu li {
float: left;
display: block;
}

#menu li a {
position: relative;
display: block;
height: 23px;
float: left;
color: #fff;
padding: 7px 0 0 0;
font-weight: bold;
text-align: center;
overflow: hidden;
}

#menu li.novinky a, #menu li.novinky a span {width: 66px;}
#menu li.koncerty a, #menu li.koncerty a span {width: 77px;}
#menu li.kapela a, #menu li.kapela a span {width: 60px;}
#menu li.diskografie a, #menu li.diskografie a span {width: 95px;}
#menu li.fotogalerie a, #menu li.fotogalerie a span {width: 95px;}
#menu li.faq a, #menu li.faq a span {width: 38px;}
#menu li.forum a, #menu li.forum a span {width: 59px;}
#menu li.extra a, #menu li.extra a span {width: 51px;}
#menu li.shopak a, #menu li.shopak a span {width: 79px;}
#menu li.kontakt a, #menu li.kontakt a span {width: 69px;}

#menu li a span {
position: absolute;
display: block;
cursor: pointer;
cursor: hand;
/*z-index: 1;*/
top: 0; left: 0;
height: 30px;
background: url("img/menu.gif") 0% 0% no-repeat;
}

#menu li.novinky a span {background-position: -17px 0px;}
#menu li.koncerty a span {background-position: -84px 0px;}
#menu li.kapela a span {background-position: -162px 0px;}
#menu li.diskografie a span {background-position: -222px 0px;}
#menu li.fotogalerie a span {background-position: -317px 0px;}
#menu li.faq a span {background-position: -412px 0px;}
#menu li.forum a span {background-position: -450px 0px;}
#menu li.extra a span {background-position: -509px 0px;}
#menu li.shopak a span {background-position: -560px 0px;}
#menu li.kontakt a span {background-position: -639px 0px;}

#menu li.novinky a:hover span, #novinky #menu li.novinky a span {background-position: -17px -30px;}
#menu li.koncerty a:hover span, #koncerty #menu li.koncerty a span {background-position: -84px -30px;}
#menu li.kapela a:hover span, #kapela #menu li.kapela a span {background-position: -162px -30px;}
#menu li.diskografie a:hover span, #diskografie #menu li.diskografie a span {background-position: -222px -30px;}
#menu li.fotogalerie a:hover span, #fotogalerie #menu li.fotogalerie a span {background-position: -317px -30px;}
#menu li.faq a:hover span, #faq #menu li.faq a span {background-position: -412px -30px;}
#menu li.forum a:hover span, #forum #menu li.forum a span {background-position: -450px -30px;}
#menu li.extra a:hover span, #extra #menu li.extra a span {background-position: -509px -30px;}
#menu li.shopak a:hover span {background-position: -560px -30px;}
#menu li.kontakt a:hover span, #kontakt #menu li.kontakt a span {background-position: -639px -30px;}

#menu li a:hover {
background: #005ca1;
}

#main {
background: url("img/mainbg.gif") 0px 0px repeat-y #e8e8e7;
width: 970px;
min-height: 100%;
}

#content {
float: left;
width: 700px;
min-height: 300px;
margin: 0; padding: 0 0 5px 20px;
background: url("img/mainbg.gif") 0px 0px repeat-y #e8e8e7;
/*border-right: 1px solid brown;*/
}

#content a {
text-decoration: underline;
}

#content h1, #content h2 {
margin-top: 0;
}

#content h3 {
color: #999;
letter-spacing: -2px;
margin: 20px 0 0 5px;
font-size: 178%;
font-weight: normal;
}

#content h4 {
color: #777;
letter-spacing: -1px;
margin: 20px 0 0 5px;
font-size: 118%;
font-weight: normal;
}

#content p {
background: url("img/roundbox.gif") 0px 0px no-repeat;
margin: 10px 0 20px 0;
padding: 15px;
font-size: 90%;
}

p strong em {
text-transform: uppercase;
color: #005ca1;
font-style: normal;
}

#content p.boxes, #content p.eventbox {
background: none;
margin-top: 10px;
padding: 0 0 0 5px;
}

#content ul.disko-cd, #content ul.disko-dvdbook {
margin-top: 10px;
padding: 0 0 0 5px;
font-size: 90%;
list-style: none;
/*border: 1px solid orange;*/
}

#content ul.kapela {
margin-top: 10px;
padding: 0 0 0 5px;
font-size: 90%;
list-style: none;
}

#content ul.kapela li, #content ul.disko-cd li, #content ul.disko-dvdbook li {
display: block;
float: left;
width: 155px;
height: 185px;
margin: 0 18px 18px 0;
}

#kapela #content ul#profil, #diskografie #content ul#deska {
background: url("img/roundbox.gif") 0px 0px no-repeat;
margin: 10px 0 20px 0;
padding: 15px;
list-style: none;
font-size: 90%;
}

#kapela #content ul#profil li, #diskografie #content ul#deska li {
margin-bottom: 10px;
}

#content ul.disko-dvdbook li {
height: 240px;
}

#content ul.kapela li {
height: 170px;
text-transform: uppercase;
}

#content ul.foto li {
width: 120px;
height: 120px;
}

#content a.block {
display: block;
width: 100%;
height: 100%;
}

#content a.block, #content a.block:link, #content a.block:visited {
text-decoration: none;
color: #777;
}

#content a.block:hover {
background: url("img/box-photo.gif") 0% 0% no-repeat;
color: #444;
}

#content ul.kapela a.block:hover {
background: url("img/box-profile.gif") 0% 0% no-repeat;
}

#content ul.disko-cd a.block:hover {
background: url("img/box-cd.gif") 0% 0% no-repeat;
}

#content ul.disko-dvdbook a.block:hover {
background: url("img/box-dvdbook.gif") 0% 0% no-repeat;
}

#content a.block img {
width: 135px; height: 135px;
border: 2px solid #fff;
margin: 8px 0 0 8px;
}

#content ul.disko-dvdbook a.block img {
height: 190px;
}

#content a.block:hover img {
border: 2px solid #ccc;
}

#content a.block span {
font-size: 86%;
display: block;
text-align: center;
padding-top: 1px;
}

#content a.block strong {
letter-spacing: -1px;
}

#content p.eventbox {
margin: 20px 25px 20px 0;
min-height: 60px;
padding: 0 0 0 75px;
position: relative;
}

.eventbox em.datedisplay {
font-style: normal;
font-size: 79%;
color: #333;
}

.eventbox strong {
font-size: 143%;
color: #333;
letter-spacing: -1px;
}

.eventbox strong em {
font-size: 75%;
color: #005ca1;
font-style: normal;
}

.eventbox strong em a, .eventbox strong em a:link, .eventbox strong em a:visited {
color: #005ca1;
}

.date {
display: block;
width: 60px; height: 60px;
background: url("img/datebox.gif") 0px 0px no-repeat;
position: absolute;
top: 0px;
left: 5px;
}

.eventbox:hover .date {
background: url("img/datebox.gif") 0px -60px no-repeat;
}

.date .month {
display: block;
position: absolute;
top: 0px;
left: 0px;
width: 60px;
height: 15px;
padding-top: 2px;
text-transform: uppercase;
font-size: 73%;
letter-spacing: -1px;
font-weight: normal;
text-align: center;
color: #fff;
}

.date .day {
display: block;
position: absolute;
top: 18px;
left: 0px;
width: 60px;
height: 25px;
padding-top: 0px;
font-size: 238%;
font-weight: bold;
text-align: center;
color: #666;
}

.eventbox:hover .date .day {
display: block;
position: absolute;
top: 16px;
padding-top: 0px;
font-size: 189%;
color: #444;
}

.date .dayname {
display: none;
}

.eventbox:hover .date .dayname {
display: block;
position: absolute;
top: 41px;
left: 0px;
width: 60px;
height: 10px;
padding-top: 0px;
font-size: 79%;
font-weight: bold;
text-align: center;
color: #005ca1;
font-style: normal;
}

p.oldevents {
margin-bottom: 5px !important;
}

p.oldevents strong {
margin-right: 7px;
}

p.oldevents span {
font-size: 80%;
margin-left: 7px;
}

p.oldevents strong em {
font-size: 79%;
color: #005ca1;
font-style: normal;
margin-right: 0;
margin-left: 5px;
}

p.oldevents strong em a, p.oldevents strong em a:link, p.oldevents strong em a:visited {
color: #005ca1;
}

fieldset {
padding: 15px;
border: 0;
}

label {
float:left;
width: 100px;
display:block;
font-size: 90%;
}

p img.pic {
float: left;
margin: 0 15px 10px 0;
}

#forum p.admin {
min-height: 100px;
}

#forum a img.avatar {
float: left;
margin: 0 15px 10px 0;
}

.gallerylist {
height: 100px;
}

/*extra-list*/

.extra-list {
margin-top: 10px;
padding: 0 0 0 5px;
font-size: 90%;
list-style: none;
}

.wallbox, .wallmbox {
float: left;
position: relative;
width: 95px;
height: 80px;
margin: 0 18px 18px 0;
padding: 10px 0 0 115px;
}

.wallbox img, .wallmbox img {
border: 2px solid #fff;
float: left;
display: block;
width: 100px;
height: 80px;
position: absolute;
top: 3px;
left: 3px;
}

.wallmbox {
height: 125px;
}

.wallmbox img {
height: 125px;
}

.banner {
margin: 15px 0 15px 0;
border: 1px solid #fff;
}

/* --obecne-- */

.nodisplay {
display: none;
}

hr.clear {
clear: left;
width: 0px;
border: 0px;
height: 0px;
color: #fcfcfd;
}


p#countdown {
font-size: 195%;
letter-spacing: -1px;
font-weight: bold;
background: none;
padding: 5px;
}

p#countdown span {
color: #005ca1;
font-weight: normal;
}

/* --right-- */

#submenu {
float: right;
display: inline;
width: 220px;
margin-right: 25px;
}

#caption {
font-size: 265%;
font-weight: normal;
text-align: center;
color: #444;
padding: 10px 0 0 0;
height: 55px;
background: url("img/captionbg.gif") 0px 0px no-repeat;
letter-spacing: -3px;
word-spacing: 2px;
}

#submenu ul {
margin-top: 5px;
list-style: none;
}

#submenu ul li {
margin-top: 5px;
text-align: center;
height: 28px;
font-size: 138%;
letter-spacing: -2px;
}

#submenu ul li a {
display: block;
padding: 2px 0 0 0;
width: 100%; height: 28px;
}

#submenu ul li a, #submenu ul li a:link, #submenu ul li a:visited {
color: #999;
}

#submenu ul li a:hover {
background: url("img/choosebg.gif") 0px 0px no-repeat;
color: #666;
}

body.konc-plan #submenu ul li.konc-plan a, body.konc-arch #submenu ul li.konc-arch a, body.kape-prof #submenu ul li.kape-prof a, body.kape-hist #submenu ul li.kape-hist a, body.disk-disk #submenu ul li.disk-disk a, body.disk-hitp #submenu ul li.disk-hitp a, body.foto-konc #submenu ul li.foto-konc a, body.foto-osta #submenu ul li.foto-osta a, body.extr-auvi #submenu ul li.extr-auvi a, body.extr-graf #submenu ul li.extr-graf a, body.extr-osta #submenu ul li.extr-osta a, body.extr-sout #submenu ul li.extr-sout a, body.extr-regi #submenu ul li.extr-regi a {
background: url("img/choosebg.gif") 0px -30px no-repeat;
color: #444;
}

#submenu strong {
font-weight: normal;}

#right {
float: right;
display:inline;
width: 220px;
margin: 20px 25px 0 0;
}

#right div.box {
background: url("img/boxbg.gif") 0% 100% no-repeat;
margin: 0 0 25px 0;
color: #555;
}

#right div.box h3 {
background: url("img/boxtopbg.gif") 0% 0% no-repeat;
height: 33px;
padding: 7px 0 0 45px;
margin: 0 0 10px 0;
color: #ddd;
font-weight: normal;
font-size: 145%;
letter-spacing: -1px;
}

#right div.box h3 em {
font-style: normal;
}

#right div.box h3 a:link, #right div.box h3 a:visited {
text-decoration: none;
color: #d2dde6;
}

#right div.box h3 a:hover {
text-decoration: none;
color: #fff;
}

#right div.box p {
margin-top: 10px;
padding: 0 10px 10px 15px;
font-size: 90%;
letter-spacing: 0px;
}

#right div.box h4 {
margin-left: 15px;
}

#right div.box ul {
margin: 10px 10px 0 15px;
padding-bottom: 10px;
font-size: 90%;
list-style: none;
}

#right div.box ul li {
margin-top: 10px;
list-style: none;
}

#right .box ul a, #right .box p a {
text-decoration: underline;
}

/* --footer-- */

#footer {
background: #000;
color: #555;
clear: both;
padding: 10px 25px 10px 25px;
}

#footer p {
width: 300px;
font-size: 85%;
display: inline;
}