@charset "utf-8";
/* CSS Document */

body { font: normal 0.7em Arial, Helvetica, sans-serif; color: #FFFFFF; background: black url(images/bg.jpg) repeat-y center top; text-align: center; margin: 0px; padding: 0px; }
div { text-align: left; position: relative; margin: 0; padding: 0; outline: none; }
ul, ol { margin: 0px; padding: 0px; list-style: none; }
p { font-size: 1.1em; margin: 0px; padding: 0px; }
h1 a, h2 a { color: white; }
h1 a:hover, h2 a:hover { text-decoration: underline; font-weight: normal; }
a { font-size: 1em; color: #ffd818; text-decoration: none; margin: 0px; padding: 0px; outline: none; }
a:hover { font-weight: bold; }
img { border: none; }
form, fieldset 
{ margin: 0px; padding: 0px; }
h1, h2, h3
{ font-size: 2.1em; font-weight: normal; color: #fff; margin: 0px; padding: 0px; }
h4, h5, h6
{ font-size: 1.2em; font-weight: bold; color: #FFFFFF; margin: 0px; padding: 0px; }

/* layout stranka */
#ccontainer { position: static; width: 100%; min-height: 824px; background: url(images/bg-body.jpg) no-repeat center top; }
#container { width: 901px; margin: 0 auto 0 auto; left: 10px; background: #000; }
.image { position: absolute; left: 0; top: 0; width: 901px; heigth: 562px; z-index: 0; }
.content { position: relative; left: 425px; top: 410px; width: 440px; padding-bottom: 200px; }
#menu { position: absolute; left: 415px; top: 225px; width: 150px; height: auto; }
#naviga { position: absolute; right: -3px; top: 60px; width: 36px; height: 155px; z-index: 100; overflow: hidden; display: block; }
#fb { position: absolute; right: -3px; top: 15px; width: 36px; height: 33px; z-index: 100; overflow: hidden; }
#pokec { position: absolute; left: 435px; top: 10px; width: 100px; height: 35px; z-index: 100; overflow: hidden; }
#pokec a { display: block; width: 100px; height: 35px; background: url(images/transparent-bg.gif) repeat; }
#pokec a span { display: none; }

#menu ul li a { display: block; width: 150px; text-indent: -9000px; }
#menu ul li span { display: block; width: 150px; text-indent: -9000px; height: 33px; }

#menu ul li.m1 a { height: 33px; background: url(images/uvod.gif) no-repeat left top; }
#menu ul li.m1 a:hover, #menu ul li.m1 span { background: url(images/uvod.gif); background-position: -150px top; }

#menu ul li.m2 a { height: 32px; background: url(images/lineup.gif) no-repeat left top; }
#menu ul li.m2 a:hover, #menu ul li.m2 span { background: url(images/lineup.gif); background-position: -150px top; }

#menu ul li.m3 a { height: 32px; background: url(images/press.gif) no-repeat left top; }
#menu ul li.m3 a:hover, #menu ul li.m3 span { background: url(images/press.gif); background-position: -150px top; }

#menu ul li.m4 a { height: 30px; background: url(images/kontakt.gif) no-repeat left top; }
#menu ul li.m4 a:hover, #menu ul li.m4 span { background: url(images/kontakt.gif); background-position: -150px top; }

.content h1, .content h2 { margin: 0px 0 8px 0; width: 380px; padding: 30px 60px 0 0; }
.content h1 img { position: absolute; right: -20px; top: 28px; }
.content h2 img { position: absolute; right: -20px; top: 28px; }
.content p { line-height: 1.4em; margin-bottom: 8px; }
#container .content p a { text-decoration: underline; color: white; font-weight: normal; }
#container .content p a:hover { color: #ffd818; }
.content span { color: white; }
.content span strong { font-size: 1.3em; margin-left: 5px; }
#container .current { border-bottom: 1px solid white; padding-bottom: 30px; }

ul.pagelist { margin-top: 100px; float: left; padding-bottom: 200px; }
ul.pagelist li { display: inline; }
ul.pagelist span { display: block; border: 1px solid #ffd818; font-size: 1em; padding: 2px; float: left; margin-right: 8px; color: black; background: #ffd818; font-weight: bold; }
ul.pagelist a { display: block; border: 1px solid #ffd818; font-size: 1em; padding: 2px; float: left; margin-right: 8px; }
ul.pagelist a:hover { color: black; background: #ffd818;  }
div.archivepages { float: left; margin: 100px 12px 0 0; color: gray; font-size: 1.4em; }

.topic p { margin-bottom: 16px; line-height: 1.6em; }
.topic p#last { font-weight: bold; padding-bottom: 200px; }
.topic h1 { width: auto; margin-bottom: 24px; padding: 30px 0 0 0; }
.content span.tlacovky { margin-right: 6px; color: #ffd818; }

.contacts h1 { padding-bottom: 20px; }
.contacts h2 { font-size: 1.2em; color: #ffd818; font-weight: bold; padding-top: 10px; }

#container #naviga a { display: block; width: 36px; height: 155px; background: url(images/navigacia.gif) no-repeat left top; }
#container #naviga a:hover { background-position: -36px top; }
div#naviga span { visibility: hidden; }
#lineup .content span { font-weight: bold; margin-right: 12px; }
#lineup .content p strong { display: block; margin-top: 20px; }