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

.reset{clear: both;}
.tc{text-align: center;}
/*zakladni stavebni prvky*/
body{text-align: center;font-family: Verdana, Geneva, Arial;font-size: 62.5%; background: Black;}

.page {width: 980px; text-align: left; margin: auto;}

/*.head{ width: 980px; height: 414px;background:#C20F0F url(../img/head.png) no-repeat left top;}
Tohle jsem umazal, protoze kdyz prijdes bez obrazku, tak uvidis 414px vysoke nic a pod tim stranku*/
.head{ width: 980px;}
.telo{width: 938px;background: url(../images/design/foot.png) no-repeat left bottom; padding:0 0 94px 0;}
.left{width: 168px; float: left; padding: 21px 9px 0 9px;}
.right{ float: right; width: 735px; background: #313131 url(../images/design/righttop.png) no-repeat left top; color: White;}
.right .space { padding: 59px 0px 0px 0px; }
.right-in{width: 720px; background:#313131 url(../images/design/rightbottom.png) no-repeat left bottom;}
.right-in .space { padding: 0px 33px 30px 33px; }

.head img{display: block;}
.right h2{font-size: 160%; margin-bottom: 7px; margin-top: 1em; }
.left h2{color: #c70f0f; font-size: 110%; margin-bottom: 7px;}
.left .menu{border-bottom: 1px solid #404040; padding-bottom: 8px; margin-bottom: 8px;}
.left .menu ul{ list-style: none;}
.left .menu ul li a{display: block;line-height: 20px;background:url(../images/design/menu.png) no-repeat 3px center;font-size: 110%;color: White;
padding-left: 12px; text-decoration: none; width: 100%;}
.left .menu ul li a:hover{text-decoration: underline;}
.plan { color: white; }
.plan { border-bottom: 1px solid #404040; padding-bottom: 8px; margin-bottom: 10px;}
.plan ul{ list-style: none;}
.plan ul li{line-height: 14px; font-size: 110%; padding-bottom: 6px;background:url(../images/design/menu.png) no-repeat 3px 6px;padding-left: 12px;color: White;}
.plan ul li strong{display: block;}
.lang-in{width: 42px; margin: auto;}
.lang-in a{width: 18px; height: 12px; display: block; float: left; position: relative; color: White; text-decoration: none; font-size: 11px;}
.lang-in a:hover{text-decoration: none;}
.lang-in a.cz{ margin-right: 6px;}
.lang-in a span{position: absolute; left: 0px; top: 0px; width: 18px; height: 12px; cursor: pointer;}
.lang-in .cz span{ background: url(../images/design/cz.png) no-repeat left top;}
.lang-in .en span{ background: url(../images/design/en.png) no-repeat left top;}


.right h1{ font-size: 180%; color: White; margin-bottom: 24px; text-transform: uppercase;}
.right p{color: #BBBBBB; font-size: 120%; text-align: justify; line-height: 20px; margin-bottom: 20px; margin-top: 10px; }
.right p.p11{font-size: 110%;}
.right a{color: White;text-decoration: none;}
.right a:hover{text-decoration: underline;}
.zpet{ display: block; padding-left: 10px; background: url(../images/design/zpet.gif) no-repeat left center; font-size: 120%; text-decoration: none;height: 20px;
line-height: 20px; width: 6em;}
a.zpet:hover{ text-decoration: underline;}

.ztisku{ float: left; width: 230px;}
.right .n3{width: 180px;}
.ztisku img{display: block; margin-bottom: 8px;}
.right .ztisku h2{color: white;font-size: 120%; margin-bottom: 4px;}
.right .ztisku p{color: #BBBBBB;}

#koncerty{}
#koncerty table{ color: #BBBBBB; font-size: 120%; margin-bottom: 25px; line-height: 180%;}
#koncerty table th{width: 7em; text-align: left; font-weight: normal;}
#koncerty table.odehrane{color: #646464}
#koncerty h2{ font-size: 120%; color: #BBBBBB; margin-bottom: 6px;}

#mp3{ color: #BBBBBB;}
#mp3 h2{font-size: 120%; margin-bottom: 25px; }
#mp3 table{font-size: 120%; line-height: 180%; margin-bottom: 25px; width: 100%; color: #BBBBBB;}
#mp3 table th{padding-left: 20px; background: url(../images/design/sluchatka.png) no-repeat left center;text-align: left; color: White; width: 341px;}
#mp3 table td.odkaz{width: 134px; text-align: right;}
#mp3 table td.vp{width: 107px; text-align: left;}
#mp3 table td.size{width: 65px; text-align: left;}
#mp3 table a{text-align: right; text-decoration: none;}
#mp3 table a:hover{text-decoration: underline;}
#mp3 ul{ list-style: none; margin-bottom: 20px;}
#mp3 ul li{font-size: 120%;line-height: 180%;}
#mp3 ul li a{ text-decoration: none;}
#mp3 ul li a:hover{text-decoration: underline;}

#pisne{}
#pisne table{ color: #BBBBBB; font-size: 120%; margin-bottom: 25px; line-height: 180%;}
#pisne table th{padding-left: 20px; background: url(../images/design/nota.png) no-repeat left center;text-align: left; color: White; width: 341px;}
#pisne a{ text-decoration: none;}
#pisne a:hover{text-decoration: underline;}

#pisen{color: #BBBBBB;}
.right #pisen h1{margin-bottom: 2px;}
#pisen h2{font-size: 140%; color: White; margin-bottom: 25px;}
#pisen pre{ font-size: 120%; margin-bottom: 20px; line-height: 170%;font-family: Verdana, Geneva, Arial;}

#fotogalerie{}
.f2 h1{ margin-bottom: 0px;}
#fotogalerie .foto{width: 185px; float: left; padding-right: 45px; padding-bottom: 20px; }
.right #fotogalerie .n3{width: 180px; padding-right: 0px;}
.foto img{display: block; border: 1px solid white; margin-bottom: 5px;}
#fotogalerie h2{font-size: 140%; color: White;}
#fotogalerie p{text-align: left;}
#fotogalerie table{ margin-bottom: 20px;}
#fotogalerie table td{ height: 125px; width: 125px; vertical-align: middle; text-align: center;}
#fotogalerie table td img{	border: 1px solid white;}
#fotogalerie .foto h2 { margin: 0; }

#diskuse{}
#diskuse h2{color: #BBBBBB; font-size: 120%; margin-bottom: 20px; }
#diskuse p{ margin-bottom: 12px; color: #BBBBBB;}
.nazor{ background: url(../images/design/dottedH.gif) repeat-y left; width: 666px; margin-bottom: 18px;}
.headN{padding: 1px;}
.headN-in{background: url(../images/design/diskuseG.png) repeat-x top;}
#diskuse .headN p{float: left; padding-left: 15px;}
#diskuse .headN p.datum{float: right; padding-right: 15px;}
#diskuse .teloN p{	float: none;}
#diskuse .headN h2{margin-bottom: 3px;}
.headN h2{padding-left: 15px; background: url(../images/design/dottedV.gif) repeat-x top; padding-top: 14px;}
.teloN{background: url(../images/design/dottedV.gif) repeat-x top;width: 666px;}
.right #diskuse .teloN p{padding: 15px 15px 17px 15px; text-align: justify;background: url(../images/design/dottedV.gif) repeat-x bottom; margin: 0px;}
#diskuse p.pager{color: White; width: 666px; background: url(../images/design/dottedV.gif) repeat-x bottom; padding-bottom: 20px;}
.pager strong{color: #BBBBBB}
.pager a{}
.pager .red{ color: #C70F0F; font-weight: bold;}

form.napis th{width: 6em; text-align: left; color: #BBBBBB; font-weight: normal;vertical-align: top; padding-top: 3px;}
form.napis td{ padding-bottom: 13px; vertical-align: middle;}
form.napis label{font-size: 120%;}
form.napis input{width: 303px; height: 19px; border: 1px solid #B0B0B0; }
form.napis select{width: 117px; height: 19px; border: 1px solid #B0B0B0; display: block;}
form.napis textarea{width: 521px; height: 121px;border: 1px solid #B0B0B0;}
form.napis img{display: block; margin-bottom: 10px; border: 1px solid #BBBBBB;}
form.napis td label{display: block; margin-bottom: 10px; padding: 0px;}
form.napis .kod input{margin-bottom: 25px;}
form.napis button{width: 174px; height: 24px; background: url(../images/design/button.png) no-repeat left top; color: White; text-align: center; 
line-height: 24px; cursor: pointer;}

#napis{}
#napis h2{ font-size: 140%; color: #BBBBBB; margin-bottom: 20px;}
table.kontakty{font-size: 120%; line-height: 180%; margin-bottom: 25px; width: 100%; color: #BBBBBB;}
table.kontakty th{padding-left: 16px; background: url(../images/design/mail.png) no-repeat left center;text-align: left; color: White; width: 17em;}
#napis form.napis textarea{ margin-bottom: 20px;}

a.downloadButton {
    color: #a00;
}

a.downloadButton img {
    vertical-align: middle;
}

ul.errors {
    padding: 0.5em 1em 1.5em 2em;
    margin: 0;
    color: red;
    list-style: square;
    font-size: 120%; 
}

#captcha {
    display: none;
}

#fotogalerie .navigation {
    background-color: #222;
    padding: 0.75em;
    margin: 1em 0 1em 0;
    text-align: center;
}

#fotogalerie .navigation .current {
    color: #c00;
}

#fotogalerie .navigation .label {
    font-weight: bold;
}

#fotogalerie .navigation .sep {
    color: #000;
}

#fotogalerie .navigation .photos a {
    font-weight: bold;
}

#fotogalerie .navigation .photos a.current {
    color: #c00;
}

#fotogalerie .navigation a {
    margin: 0 0.35em 0 0.35em;
}

#fotogalerie p {
    margin: 0;
}

#fotogalerie img {
    border: 1px solid #555;
}

.tableOfPhotos {
    width: 670px;
}

.tableOfPhotos td {
    padding: 10px 0 10px 0;
}

#photo-line {
    width: 655px;
    height: 126px;
    background-color: #555555;
    position: relative;
    overflow: hidden;
}

#photo-line .space {
    width: 655px;
    overflow: hidden;
    height: 106px;
    position: relative;
    top: 10px;
}

#photo-line #innerDiv {
    position: absolute;
    width: 900px;
}

#photo-line img {
    border: 1px solid #c00;
}

.right ul {
    list-style: square;
    margin: 0;
    padding: 1em 1em 1em 2em;
}

#news {
    font-size: 120%;
    color: #c00;
    margin: 2em 0 0 0;
    padding: 0;
    background-color: #111;
    line-height: 1.5em;
}


#news .top {
    height: 10px;
    background: url(/images/design/news-top.png);
}

#news .bottom {
    height: 10px;
    background: url(/images/design/news-bottom.png);
}

#news .title {
    float: left;
    color: white;
    font-weight: bold;
    padding-right: 0.5em;
    width: 13em;
    text-align: right;
}

#news .message {
      margin-left: 14.5em;
      text-align: justify;
      padding-right: 1.5em;
}