* {
margin:0;
padding:0;
border:0;
}

html, body {
height: 100%;
font-size: 16px;
text-align: center;
}

div#wrapper {
height: auto;
min-height: 100%;
min-width: 800px;
width: 70%;
margin: 0 auto;
padding: 0;
text-align: left;
position: relative;
z-index: 1;
}

* html div#wrapper {
height: 100%;
}

div#top, ul#navbar, div#main, div#footer {
position: relative;
z-index: 3;
}

div#top {
height: 200px;
}

div#sidebar {
float: right;
padding-right: 10px;
width: 230px;
}

div#content {
margin: 20px 270px 0 25px;
min-height: 100%;
}

div#main {
padding-bottom: 24px;
}

div#footer {
position: absolute;
bottom: 0;
left: 0;
height: 24px;
width: 100%;
}

div#filmpas_L, div#filmpas_R {
width: 70px;
height: 100%;
position: absolute;
top: 0;
z-index: 2;
}

* html div#filmpas_L, * html div#filmpas_R {
height: 600%;
}

div#filmpas_L {
left: -70px;
}

div#filmpas_R {
right: -70px;
}

div#back {
position: absolute;
z-index: 2;
top: 229px;
right: 0;
left: 0;
bottom: 29px;
}

div#settingsLink {
position: absolute;
z-index: 4;
top: 0;
right: 0;
}

div.clear {
clear: both;
}div#skipNavigation {
display: none;
}

ul#navbar {
width: 100%;
background: #000;
height: 24px;
list-style: none;
}

ul#navbar li {
margin: 0 1em 0 30px;
float: left;
}

ul#navbar li + li {
margin-left: 1em;
}

ul#navbar li a {
margin: 0px;
padding: 0px 6px;
text-decoration: none;
color: #c80000;
font: bold 0.8em/24px arial;
}

ul#navbar li a:hover {
color: #f80000;
}
body, html {
background: #800 url('/images/blue.png') left top repeat;
color: #000;
}

div#wrapper {
background: url('/images/plocha1.png') left top repeat;
}

div#filmpas_L {
background: #000 url('/images/filmpas_L.gif') left top repeat-y;
}
div#filmpas_R {
background: #000 url('/images/filmpas_R.gif') right top repeat-y;
}
div#back {
background: url('/images/sidebar_transparent.gif') right top repeat-y;
}
div#settingsLink a {
text-decoration: underline;
color: #66b;
margin: 5px 10px 0 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
div#settingsLink a:hover {
text-decoration: underline;
color: #99f;
}

div#top {
background: #ffcc00;
text-align: center;
}

img#logo {
margin: 20px auto 20px auto;
}

div#main {
background: transparent;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

div.spacer {
background: #ffcc00;
}

div#footer {
background: #000;
text-align: center;
color: #555;
font: 0.8em/24px arial;
}

div#footer a {
color: #880000;
text-decoration: none;
}

div#footer a:hover {
color: #f80000;
text-decoration: underline;
}

p {
text-align: justify;
text-indent: 1em;
margin: 0px 0px 0.7em 0em;
}

h1, h2, h3, h4, h5, h6 {
font-family: arial, sans-serif;
color: #c00;
}

div#main a {
text-decoration: underline;
color: #66b;
}

div#main a:hover {
text-decoration: underline;
color: #99f;
}

div#main h1 {
clear: left;
margin-bottom: 0.5em;
}

div#content {
font-size: 0.9em;
}

div#content ul {
padding: 0 0 0 2em;
margin: 0.5em 0 1em 0;
}

div#content ul li {
padding: 0 1.5em 0 0.6em;
text-align: justify;
}

div#content img {
max-width: 95%;
}

div#sidebar ul li {
margin: auto auto auto 1em;
padding: 0 0 0 0.3em;
text-align: justify;
}

div#sidebar {
font-size: 0.8em;
}

div#sidebar h2 {
margin: 10px 0 5px 0;
padding: 3px 0 2px 0;
border-bottom: 1px solid #000;
}

div#sidebar p {
font-size: 0.8em;
margin: 0;
}

div#flashMessages {
  width: 90%;
  margin: 0 5% 0 5%;
  padding: 0 0 0 0;
  line-height: 0;
  overflow: hidden;
}

div#flashMessages p {
  margin: 10px 0;
  padding: 20px 30px 20px 70px;
  line-height: 30px;
}

div#flashMessages p.flash-info {
  border: 1px solid #437891;
  background: #88B2C6 url('/images/flash-info.gif') 20px 20px no-repeat;
}

div#flashMessages p.flash-error {
  border: 1px solid #800;
  background: #FF7979 url('/images/flash-error.gif') 20px 20px no-repeat;
}
table.calendar {
margin: 0 auto 1em auto;
border-width: 0px;
padding: 0px;
width: 190px;
border-collapse: separate;
border-spacing: 1px;
}

table.calendar caption {
font-size: 1.2em;
font-weight: bold;
}

table.calendar caption a {
text-decoration: none !important;
}

table.calendar td {
margin: 0px;
border-width: 0px;
padding: 0px;
width: 26px;
height: 26px;
text-align: center;
vertical-align: middle;
}

table.calendar thead td {
font-weight: bold;
color: #000;
background: #c00;
}

table.calendar tbody td {
color: #ffcc00;
background: #000;
}

table.calendar td.hasEvents {
background: transparent;
}

table.calendar td.hasEvents div {
position: relative;
margin: 0px;
padding: 0px;
width: 26px;
height: 26px;
line-height: 26px;
}

table.calendar td.hasEvents div a {
color: #c00 !important;
font-weight: bold;
}

table.calendar td ul.eventList {
position: absolute;
top: 13px;
right: 13px;
width: 180px;
height: 120px;
visibility: hidden;
background: #000;
border: 1px solid #ffcc00;
z-index: 5;
padding: 0;
list-style: none;
}

table.calendar td a:hover + ul.eventList,
table.calendar td ul.eventList:hover {
visibility: visible;
}

table.calendar td ul.eventList li {
position: static;
width: 170px;
margin: 3px 5px !important;
padding: 0px !important;
line-height: 1.3em;
}
ul#menuTourAgenda {
list-style-type: none;
margin: 0;
padding: 0;
}

ul#menuTourAgenda li {
margin: 0;
padding: 0;
}

div#menuTourCtrl {
font-size: 0.8em;
text-align: right;
}div#threadFooting {
margin-top: 3.5em;
margin-bottom: 1.5em;
font: 0.6em arial;
text-align: right;
color: #555;
}

ul#threadChildren {
list-style: none;
margin: 0 2em 0 0 !important;
padding: 0 0 0 1em !important;
}

ul#threadChildren li {
margin: 0 0 1em 0 !important;
padding: 0 !important;
}

ul#threadChildren h2 {
margin: 1em 0 0.5em 0;
}

ul#threadChildren h2 a {
text-decoration: underline;
color: #880000 !important;
}

ul#threadChildren h2 a:hover {
text-decoration: underline;
color: #f80000;
}

ul#threadChildren div.moreLink {
font-size: 0.8em;
text-align: right;
}

div#threadCommentLink {
width: 90%;
margin: 2em auto 0 auto;
}

div#threadCommentLink a {
font-weight: bold;
color: #880000;
}

div#threadCommentLink a:hover {
color: #f80000;
}

ul#threadComments {
margin: 0 0 0 0;
padding: 0 0 0 0;
margin-top: 2em;
list-style: none;
width: 90%;
}

ul#threadComments li {
border: 5px solid #000;
background: #ffcc00;
display: table;
border-spacing: 3px;
width: 90%;
margin: 0.5em auto !important;
padding: 3px 3px 3px 3px;
font-size: 0.8em;
}

ul#threadComments li div.author {
display: table-cell;
width: 120px;
padding: 5px;
border: 1px solid #000;
}

ul#threadComments li div.author a {
font-weight: bold;
}

ul#threadComments li div.author div {
font-size: 0.8em;
}

ul#threadComments li div.commentText {
display: table-cell;
padding: 5px;
}

ul#threadComments li div.commentText p {
text-indent: 0em;
margin: 0;
}

div.lyrics {
border-top: 1px solid #000;
padding-top: 1em;
}

div.lyrics p {
text-indent: 0;
padding-left: 1em;
}

div.lyrics p.refrain {
font-style: italic;
padding-left: 2em;
margin-top: 2em;
margin-bottom: 2em;
}form.passiveForm, form.activeForm
{
display: block;
width: 100%;
}

form.passiveForm div, form.activeForm div
{
clear: left;
width: 100%;
padding: 2px 0px;
}

form.passiveForm label, form.activeForm label,
form.passiveForm span.labelSpan, form.activeForm span.labelSpan
{
float: left;
width: 30%;
height: 22px;
line-height: 22px;
}

form.passiveForm span.inSpan label, form.activeForm span.inSpan label,
form.passiveForm span.inSpan span.labelSpan, form.activeForm span.inSpan span.labelSpan {
float: none;
width: auto;
margin: 0 1.2em 0 0.3em;
font-size: 0.8em;
}

form.passiveForm input, form.passiveForm select, form.passiveForm textarea, form.passiveForm span.inSpan,
form.activeForm input, form.activeForm select, form.activeForm textarea, form.activeForm span.inSpan
{
width: 69%;
float: left;
background: #fff;
border: 1px solid #000;
padding: 1px;
font-family: arial, sans-serif;
font-size: 1em;
}

form.passiveForm textarea.block, form.activeForm textarea.block {
float: none;
width: 99%;
}

form.passiveForm .incorrect, form.activeForm .incorrect {
background-color: #f00;
}

form.passiveForm span.inSpan, form.activeForm span.inSpan {
background: transparent;
border: none;
}

form.passiveForm span.inSpan input, form.passiveForm span.inSpan select,
form.activeForm span.inSpan input, form.activeForm span.inSpan select {
float: none;
width: auto;
}

form.passiveForm input[type^="submit"],
form.activeForm input[type^="submit"] {
padding: 1px 1em;
}

form.sidebarForm label, form.sidebarForm span.labelSpan {
    width: 100px;
}

form.sidebarForm input, form.sidebarForm select, form.sidebarForm textarea, form.sidebarForm span.inSpan {
    width: 120px;
}

/*
for protection against BOTs
*/
.eml {
    position: absolute;
    top: -1000px;
    left: -1000px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

form label small, form span.labelSpan small {
    color: #777;
}