/* Copyright Figa 2010 */
/*************************** resety ********************************/
* {
  margin: 0;
  padding: 0;
  text-indent: 0;
  }
h1, h2, h3 {margin: 0; padding: 0;}
a img   { border: 0; }
ul, ol { list-style: none; margin: 0; padding: 0; }   
table, td, th { border: 0; font-size: 1em; font-weight: normal; }
/**** end resety ****/

/*************************** layout **********************************/
h1, h2, h3, h4, h5, h6 {
  color: #1679e8;
  text-align: center;  
}

#cleaner {
  clear: none;
}

body {
  background: #5a5a5a url('images/headerbg.png') repeat-x;
  font-family: arial;
  font-size: 0.9em;
}

body a {
  color: #1679e8;
}

body a:hover {
  color: #525252;
}

body a:visited {
  color: #1679e8;
}

#web {
  width: 1000px;
  height: auto;
  position: relative;
  margin: 0px auto 0px auto;
}

#header {
  height: 200px;
  width: 800px;
  position: relative;
  top: 27px;
  margin: 0px auto 0px auto;
  background: url('images/header.png') no-repeat;
}

#header-icon {
  height: 80px;
  width: 100px;
  position: absolute;
  top: 40px;
  left: 710px;
}

#middle {
  width: 100%;
  height: 11px;
  left: 0px;
  top: 227px;
  position: absolute;
  margin: 0px auto 0px auto;
  background: url('images/middlebg.png') repeat-x;
  z-index: 11;
}

#contain {
  width: 800px;
  min-height: 650px;
  height: auto;
  top: 32px;
  position: relative;
  margin: 0px auto 0px auto;
  background: url('images/containbg.png') repeat-y;
}

#content {
  position: relative;
  left: 150px;
  height: auto;
  min-height: 600px;
  width: 625px;
  padding-top: 50px;
  padding-bottom: 60px;
}

#menu {
  position: absolute;
  top: 18px;
  left: -26px;
  width: 190px;
  height: 500px;
  background: url('images/menu.png') no-repeat;
  padding: 38px 0px 0px 20px;
}

#menu ul {
  list-style-type: none;
}

#menu ul li {

}

#menu-calendar-button {
  position: absolute;
  top: 447px;
  left: 16px;
  width: 148px;
  height: 28px;
  background: url('images/menu-calendar-button.png') no-repeat;
}

#menu-calendar {
  width: 149px;
  height: 234px;
  position: absolute;
  z-index: 150;
  bottom: 63px;
  left: 16px;
  background: url('images/calendarbg.png') no-repeat;
}

#menu-calendar-switch {
  width: 55px;
  height: 16px;
  position: absolute;
  z-index: 150;
  top: 1px;
  left: 80px;
}

#menu-calendar-control {
  position: relative;
  font-size: 0.9em;
  color: white;
  padding-top: 10px; 
}

#menu-calendar-control li {
  display: inline;
  list-style-type: none;
}

#menu-calendar-control ul {
  padding: 0px auto 0px auto;
  width: 146px;
  height: 20px;
  text-align: center;
}

#menu-calendar-control img {
  position: relative;
  top: 5px;  
}

#menu-calendar-days {
  margin: 10px auto 0px auto;
  text-align: right;
  font-size: 0.7em;
  color: white;
  table-layout: fixed; 
  border-collapse: collapse;
  font-family: arial;
}

#menu-calendar-days th {
  border: 1px solid white;
}

#menu-calendar-days td {
  border: 1px dotted white;
  padding: 3px;
}

.menu-calendar-match {
  background: #a6a5a5;
}

.menu-calendar-match a {
  color: black;
  text-decoration: none;
}

.menu-calendar-match a:visited {
  color: black;
  text-decoration: none;
}

.menu-calendar-match a:hover {
  color: white;
}

#menu-admin {
  position: absolute;
  left: 75px;
  top: -8px;
}

#footer {
  width: 800px;
  height: 30px;
  top: 30px;
  position: relative;
  margin: 0px auto 0px auto;
  background: url('images/footer.png') no-repeat;
}

#footer-mail {
  margin-left: 130px;
  margin-top: 3px;
}

#footer-phone {

}

#footer-figa {
  margin-left: 80px;
}

.center {
  margin: 0px auto 0px auto;
}

.error {
  width: 400px;
  height: auto;
  border: 2px dotted red;
  padding: 10px;
  margin: 15px auto 15px auto;
  text-align: center;
}

/**************************** events **************************************/

.event {
  width: 500px;
  height: auto;
  min-height: 160px;
  position: relative; 
  margin: 10px auto 40px auto;
}

.event-title {
  width: 100%;
  height: 20px;
  border-bottom: 1px dotted black;
  font-weight: bold;
  text-align: center;
}

.event-img {
  width: 25%;
  height: auto;
  min-height: 130px;
  text-align: center;
  padding-top: 5px;
}

.event-info {
  width: 100%;
  height: 20px;
  text-align: center;
  border-bottom: 1px dotted black;
  position: absolute;
  left: 0px;
}

.event-info-type {
  width: 24%;
  height: 100%;
  float: left;
  border-right: 1px dotted black;
  padding-top: 2px;
}

.event-info-date {
  width: 24%;
  height: 100%;
  float: left;
  padding-top: 2px;
}

.event-info-time {
  width: 24%;
  height: 100%;
  float: left; 
  border-left: 1px dotted black;
  border-right: 1px dotted black;
  padding-top: 2px; 
}

.event-info-place {
  width: 24%;
  height: 100%; 
  float: left;
  padding-top: 2px; 
}

.event-description {
  width: 100%;
  position: relative;
  padding: 30px 10px 0px 0px;
}

.event-description img {
  float: left;
  margin: 10px;
  padding: 4px;
  position: relative;
  top: 0px;
  border: 1px solid #525252;
  background: #fcfafa;
} 

/*************** news ****************************************/

.news {
  position: relative;
  width: 480px;
  min-height: 60px;
  height: auto;
  padding-bottom: 8px;
  border-bottom: 1px dotted black;
  margin: 20px auto 0px auto;
}

.news-title {
  width: 100%;
  text-align: center;
  font-weight: bold; 
}

.news-date {
  width: 30%;
  position: absolute;
  top: -15px;
  right: -80px;
  font-style: italic;
}

.news-content {

}

#newest_event {
  border: 2px dotted #1679e8;
  text-align: center;
  width: 450px;
  margin: 10px auto 0px auto;
  padding: 3px 18px 3px 18px;
  position: relative;
}

#newest_event td {
  padding: 1px 4px 2px 4px;
}

#newest_event_nadpis {
  position: absolute;
  top: 40px;
  left: 250px;
  font-weight: bold;
  font-size: 1em;
  color: #525252;
}

#administrace {
  width: 450px;
  margin: 0px auto 0px auto;
  text-align: center;
}


/***********************  addnews ***/

#addnews {
  width: 500px;
  height: auto;
  text-align: center;
  margin: 0px auto 0px auto;
}


/********************* kontakty **********************/

#kontakty {
  text-align: center;
}

/****************  pronajem *************************/

#pronajem {
  padding: 50px;
}

/********************   photos ***********************/
#addphotos {
  width: 400px;
  margin: 0px auto 0px auto;
  text-align: center;
}

#photos {
  margin: 0px auto 0px auto;
  width: 580px;
  text-align: center;
}

#photos img {
  padding: 4px;
  border: 1px solid grey;
  background: white;
}

.photos-foto {
  position: relative;
  width: 130px;
  height: 130px;
  text-align: center;
  float: left;
  margin: 6px;
}

.del {
  position: absolute;
  right: 0px;
  top: 0px;
}

.photos-album {
  position: relative;
  width: 130px;
  height: 130px;
  text-align: center;
  float: left;
  margin: 6px;
}

.photos-title {
  font-size: 0.8em;
  font-weight: bold;   
}

/************************         forum ***********************/
#forum {
  margin: 0px auto 0px auto;
  width: 470px;
  height: 500px;
  display: block;
}

#fb {
  position: absolute;
  left: 70px;
  bottom: -15px;
}