@import url("common.css");

/* elements */
body#site { background: #644119 url(../images/back01.jpg) repeat-x left top; font: 10pt/1.4 Georgia, "New York CE", utopia, serif; color: #FFF; padding: 0; margin: 0; }

h2, h3, h4 { font-family: Georgia, "New York CE", utopia, serif; color: #DE8F57; padding: 0; }

img { border: none; }

hr { display: none; }

fieldset { border:1px solid white; width:250px; margin:10px auto; padding: 0; }

legend { border:1px solid white; margin:0 0 0 10px; padding:3px 10px; }

input, textarea { font: 10pt Georgia, "New York CE", utopia, serif; color: #000; }

textarea { background-color: #e6e6e6; padding: .2em .5em; border: 1px solid #ce8e8b; }

/* layout */
#container { width: 988px; height: 1500px; margin: 0 auto; position: relative; }

/* header */
#logo a { width: 595px; height: 122px; display: block; position: absolute; top: 355px; left: 195px; }
#logo a span { display: none; }

/* menu */
#menu { margin: 0; }
#menu h2 { display: none; }
#menu ul { margin: 3px 0 0 100px; padding: 0; list-style-type: none; }
#menu ul li { margin-right: 30px; float: left; }
#menu ul li#menu-indent { margin-left: 30px; }
#menu ul li a { color: #FFF; height: 38px; display: block; position: relative; overflow: hidden; }
#menu ul li a span { height: 38px; position: absolute; top: 0; left: 0; z-index:5;}
#menu ul li #menu-item1 { width: 172px; }
#menu ul li #menu-item1 span { background: url(../images/kdo-jsme.png) no-repeat left top; width: 172px; }
#menu ul li #menu-item2 { width: 112px; }
#menu ul li #menu-item2 span { background: url(../images/akce.png) no-repeat left top; width: 112px; }
#menu ul li #menu-item3 { width: 158px; }
#menu ul li #menu-item3 span { background: url(../images/galerie.png) no-repeat left top; width: 158px; }
#menu ul li #menu-item4 { width: 163px; }
#menu ul li #menu-item4 span { background: url(../images/kontakt.png) no-repeat left top; width: 163px; }
#menu ul li #menu-item5 { width: 226px; }
#menu ul li #menu-item5 span { background: url(../images/napsali-nam.png) no-repeat left top; width: 226px; }
#menu ul li #menu-item6 { width: 181px; }
#menu ul li #menu-item6 span { background: url(../images/clenove.png) no-repeat left top; width: 181px; }
#menu ul li #menu-item7 { width: 291px; }
#menu ul li #menu-item7 span { background: url(../images/spolupracujeme.png) no-repeat left top; width: 291px; }

/* cards */
#cards { margin-top: 16px; }

/* content */
#content { width: 732px; height: 802px; padding: 0 34px; margin: 441px 0 0 84px; overflow: auto; }

#content.spec { width: 732px; height: 802px; padding: 0 34px; margin: 16px 0 0 84px; overflow: auto; }

#content a { font-size: 10pt; color: #CFB694; }
#content a:hover { text-decoration: none; }

#content td { line-height: 1.2; padding: 3px 5px; }
#content .datum { text-align: right; } 

#content ul { padding: 0; margin: 10px 0 10px 20px; }
#content ul li, 
#content p { font: 10pt/1.4 Georgia, "New York CE", utopia, serif; color: #FFF; }

#content #events ul { margin-top: 0; }
#content #events .td-spec { padding-top: 0; }

#content div { margin: 10px 0; }

#content p { margin-top: 10px; }

#content .member { padding: 10px; border: 1px dotted #000; }
#content .member-photo { text-align: center; width: 160px; margin: 0 10px 0 0; float: left; }
#content .member-text { width: 523px; margin: 0; float: left; } 

#content .photo { width: 160px; margin: 10px 15px 0 0; float: left; }
#content .photo p { text-align: center; line-height: 1; height: 30px; } 

#content .photo-img { text-align: center; height: 120px; margin: 0; }

#content #login { padding: 0; margin: 20px; }
#content #login .login-td1 { text-align: right; width: 40%; } 
#content #login .login-td2 { width: 60%; }
#content #login .login-submit { text-align: center; padding-top: 10px; }
#content #login .login-submit input { cursor: pointer; }

#content .post-form { width: 100%; }
#content .post-form td { vertical-align: top; }
#content .post-form .post-form-td1 { width: 25%; height: 2em; }
#content .post-form .post-form-td2 { padding-top: 20px; }
#content .post-submit,
#content .logout { color: #FFF; text-decoration: none; padding: 3px 10px; border: 1px solid #FFF; }

#content .err { font-weight: bold; text-align: center; padding: 5px 0; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; margin-bottom: 10px; }

#content #posts { width: 100%; border-collapse: collapse; margin-top: 10px; }
#content #posts th { text-align: left; } 
#content #posts .posts-th { width: 15%; }
#content #posts .tr-sudy { background-color: #8B7153; }

#content #performers { margin: 15px 0 30px; }

#content #gallery { margin: 15px 0; }

#content #player { width: 334px; height: 270px; margin: 0 auto; }
#content #player object { width: 334px; height: 270px; }

/* footer */
#footer { text-align: center; margin-top: 25px; }
#footer p { font: 10pt/1.4 Georgia, "New York CE", utopia, serif; color: #FFF; line-height: 1.2; }
#footer a { font-size: 10pt; color: #FFF; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer #valid { margin-top: 2px; }
#footer #valid a { margin-right: 4px; }

/* other */
#photo { background-color: #644119; padding: 0; margin: 0; }

#photoPop { text-align: center; margin: 10px 0; }
#photoPop p { font: 10pt/1.4 Georgia, "New York CE", utopia, serif; color: #FFF; margin-top: 10px; }
#photoPop a { font-size: 10pt; color: #FFF; text-decoration: none; }
#photoPop a:hover { text-decoration: underline; }

.link-more { text-align: right; margin: 0; }

.hide { display: none; }

.align-c { text-align: center; }
.align-r { text-align: right; }


html, body{
  height:100%;
}
#site div#sklo{
  margin:0;
  padding:0;
  position:absolute;
  left:0;
  top:0;
  z-index:500;
  width:100%;
  height: 1500px;
  background:black;
  opacity:0.5;
}
#site div#popup {
  background:white;
  border:1px solid black;
  position: absolute;
  z-index: 500;
  width: 450px;
  height: 630px;
  top: 20px;
  left: 50%;
  margin-left:-225px;
  padding: 10px 0;
  text-align:center;
}

#site div#popup .popupButton {
  padding:2px;
  border:#0d0d8e solid 1px;
  text-decoration:none;
  font-weight:bold;
  letter-spacing:2px;
  color:#0d0d8e;
}

#site div#popup .popupImg {
  padding:0;
  margin: 0 auto 10px; 
  clear:both;
  border:0;
  text-decoration:none;
}