body {
color: #888;
font: 75% Arial, Helvetica, sans-serif;
line-height: 145%;
background-color:#393633;
text-align: center;
margin: 0; padding: 0;
}

a:link {
color: #aaa;
text-decoration: underline;
}

a:visited {
color: #999;
text-decoration: underline;
}

a:hover {
color: #ccc;
text-decoration: underline;
}

#top {
position: relative;
margin: 0 auto;
text-align: left;
width: 800px;
height: 333px;
background-repeat: no-repeat;
background-position: 34px 0px;
padding: 235px 0 0 0;
}

.top1 { background-image: url("img/top-1.jpg"); }
.top2 { background-image: url("img/top-2.jpg"); }
.top3 { background-image: url("img/top-3.jpg"); }
.top4 { background-image: url("img/top-4.jpg"); }
.top5 { background-image: url("img/top-5.jpg"); }
.top6 { background-image: url("img/top-6.jpg"); }
.top7 { background-image: url("img/top-7.jpg"); }
.top8 { background-image: url("img/top-8.jpg"); }
.top9 { background-image: url("img/top-9.jpg"); }
.top10 { background-image: url("img/top-10.jpg"); }
.top11 { background-image: url("img/top-11.jpg"); }
.top12 { background-image: url("img/top-12.jpg"); }
.top13 { background-image: url("img/top-13.jpg"); }

#navigation {
width: 800px;
height: 98px;
margin: 0;
background: url("img/menubg.png");
}

#home {
position: relative;
float: left;
display: block;
width: 220px;
height: 60px;
margin: 0;
}

#home a {
position: relative;
float:left;
margin: 11px 0 0 38px;
width: 220px;
height: 60px;
cursor: pointer;
background: url("img/radiostars-logo.png");
}

#home a span {display:none;}

#menu {
position: absolute;
width: 459px;
height: 28px;
top: 291px; left: 300px;
padding:0;
margin:0;
background: url("img/menu.png") top left no-repeat;
}

#menu li {
display: inline;
list-style-type: none;
position: absolute;
}

#menu li a {
position: absolute;
display: block;
float: left;
}

#menu li a span {display:none;}

li a { position: absolute; width: 52px; height: 24px; text-decoration: none; }
li a span, li a:hover span { display: none;}

body#novinky li.novinky a, body#koncerty li.koncerty a, body#kapela li.kapela a, body#hudba li.hudba a, body#fotky li.fotky a, body#forum li.forum a, body#kontakt li.kontakt a, #menu li a:hover {background: url("img/menu.png") no-repeat;}

li.novinky { left: 0; top: 4px; }
li.novinky a { width: 63px; }
body#novinky li.novinky a, #menu li.novinky a:hover { background-position: 0 -32px !important;}

li.koncerty { left: 74px; top: 3px; }
li.koncerty a { width: 71px; }
body#koncerty li.koncerty a, #menu li.koncerty a:hover { background-position: -74px -31px !important;}

li.kapela { left: 156px; top: 2px; }
li.kapela a { width: 55px; }
body#kapela li.kapela a, #menu li.kapela a:hover { background-position: -156px -30px !important;}

li.hudba { left: 222px; top: 1px; }
li.hudba a { width: 52px; }
body#hudba li.hudba a, #menu li.hudba a:hover { background-position: -222px -29px !important;}

li.fotky { left: 285px; top: 1px; }
li.fotky a { width: 41px; }
body#fotky li.fotky a, #menu li.fotky a:hover { background-position: -285px -29px !important;}

li.forum { left: 337px; top: 0px; }
li.forum a { width: 50px; }
body#forum li.forum a, #menu li.forum a:hover { background-position: -337px -28px !important;}

li.kontakt { left: 397px; top: 0px; }
li.kontakt a { width: 62px; }
body#kontakt li.kontakt a, #menu li.kontakt a:hover { background-position: -397px -28px !important;}


#content {
margin: 0 auto;
position:relative;
padding: 10px 45px 1px 75px;
margin-bottom: 0;
text-align: left;
background: url("img/contentbg.gif") 34px 0 repeat-y;
}

#nadpis {
position: absolute;
display: block;
width: 194px; height: 50px;
top:-11px;right:45px;
text-align: right;
margin:0;
font: italic normal 110% px Arial, Helvetica, sans-serif;
color: #444;
word-spacing: 3px; letter-spacing: 2px;
text-transform: lowercase;
background: none top left no-repeat;
}

#nadpis span {display:none;}

#novinky #nadpis {/*top:120px;right:50px;*/ background: url("img/nadpis_novinky.gif");}
#koncerty #nadpis {background: url("img/nadpis_koncerty.gif");}
#kapela #nadpis {background: url("img/nadpis_kapela.gif");}
#hudba #nadpis {background: url("img/nadpis_hudba.gif");}
#fotky #nadpis {background: url("img/nadpis_fotky.gif");}
#forum #nadpis {background: url("img/nadpis_forum.gif");}
#kontakt #nadpis {background: url("img/nadpis_kontakt.gif");}

h3 {
font: normal bold 180% Arial, Helvetica, sans-serif;
letter-spacing: -1px;
margin: 10px 0 0 2px; padding:0;
color: #bbb;
}

h4 {
font: normal bold 125% Arial, Helvetica, sans-serif;
letter-spacing: -1px;
margin: 10px 0 0 0; padding:0;
color: #555;
}

h4 strong {
margin-left: 5px;
font: normal normal 135% Arial, Helvetica, sans-serif;
letter-spacing: -2px;
word-spacing: 1px;
color: #999;
}

p {
margin: 5px 0 10px; padding:0;
word-spacing: 1px;
}

p a {
border: 0;margin-right:2px; margin-bottom:2px;
}

p a img {
width: 100px;
height: 100px;
border: 1px solid #666;
}

p a:hover img {
border: 1px solid #999;
}

hr {
margin:0 -5px 0 -5px; padding:0;
border: 0px solid #333;
height: 1px;
color: #333;
background: #333;
display:block;
}

hr.vyrazne {
border: 0px solid #444;
height: 2px;
color: #444;
background: #444;
}

#box {
font-size: 95%;
}

#box h3 {
color: #ccc;
}

#box p strong {
margin-right: 5px;
}

#box #nabidka {
display: block;
position: absolute;
margin: 0; padding: 0;
text-align: right;
right: 50px;
top: 13px;
}

#box #nabidka h4 {
font: normal bold 120% Arial, Helvetica, sans-serif;
letter-spacing: -1px;
line-height: 125%;
margin-top: 0;
color: #ccc;
}

#box #nabidka h4 strong {margin-left: 0;}

#box #nabidka h4 strong em span {
color: #999;
}

#box #nabidka h4 strong em {
margin-left: 0;
font: italic bold 110% Arial, Helvetica, sans-serif;
letter-spacing: -1px;
word-spacing: 1px;
color: #aaa;
}

#box #nabidka p {
margin: 3px 0 0 0;
color: #999;
}

#kapela-pruh {
margin: 5px;
padding: 10px;
background: #333;
}

#looky, #smity, #vondracek, #vrana {
position: relative;
height: 75px;
margin: 10px 0 10px 0;
padding: 0 0 0 315px;
}

#looky h4, #smity h4, #vondracek h4, #vrana h4 {
margin: 0;
font-size: 155%;
/*padding-top: 10px;*/
}

#looky {background: url("img/kapela-bg-looky.jpg") center left no-repeat}
#smity {background: url("img/kapela-bg-smity.jpg") center left no-repeat}
#vondracek {background: url("img/kapela-bg-vondracek.jpg") center left no-repeat}
#vrana {background: url("img/kapela-bg-vrana.jpg") center left no-repeat}

fieldset {
border: 0;
}

label {
display: block;
float: left;
width: 75px;
padding-top: 5px;
text-align: right;
}

#guestbook label {
display: block;
float: left;
width: 50px;
/*padding-top: 10px;*/
text-align: right;
}

input, textarea {
margin: 3px 5px 2px 5px;
border: 1px solid #999;
background: #393939;
color: #ddd;
font-family: "Arial CE", "Helvetica CE", Arial, Helvetica, sans-serif;
}

textarea {
width: 20em;
_width: 25em;
}

.robot {
display: none;
}

#footer {
position: relative;
margin: 0 auto;
padding: 0;
height: 48px;
text-align: right;
background: url("img/footerbg.gif") 34px 0px no-repeat;
color: #555;
}

#footer p {
margin: 0 40px 0 70px;padding: 4px 5px 0 5px;
}

#footer p span {
position: absolute;
top: 4px; left: 75px;
font-size: 65%;
}

#footer hr {
margin-right:40px;
margin-left:70px;
}