/***** H L A S U J ********************/
#anketa {
  padding: 15px 0;
}
#anketa table {
  border-collapse: collapse;
  width: 430px;
  border: 0px solid #f60;
}
#anketa tr {
  background: #eee;
}

#anketa tr.b {
  background: #e1e1e1;
}
#anketa td {
  padding: 4px;
  vertical-align: top;
}
#anketa td.n {
  width: 15px;
  text-align: right;
  font-weight: bold;
  color: #800;
}
#anketa td.but {
  width: 15px;
}
#anketa td.but input {
  vertical-align: -4px;
}

#anketa .nadpis {
  background: #fff;
  color: #800;
  padding: 10px 30px;
  font-size: 16px;
}
#anketa .orange {
  color: #f60;
}


#anketa .submit {
  background: #fff;
  padding: 5px 30px;
}
#anketa .submit input {
  padding: 2px 10px;
  font-weight: bold;
  background: #800;
  color: #fff;
  border-top: 2px solid #ccc;
  border-left: 2px solid #ccc;
  border-bottom: 2px solid #999;
  border-right: 2px solid #999;
}


/***** T O P T E N *************/
#topten {
  margin-left: 30px;
}
#topten li {
  margin-bottom: 5px;
  font-weight: bold;
}
#topten .kdo {
  color: #800;
  text-transform: uppercase;
  font-size: 12px;
}



/***** G A L E R I E *******************/
#gal .gal {
  margin: 10px 0 0;
}
#gal .galpopis {
  margin-bottom: 15px;
}
#gal table {
  border-collapse: collapse;
  width: 100%;
}
#gal td {
  padding-bottom: 20px;
}
#gal td.foto {
  width: 155px;
}

#gal td.foto a {
  display: block;
  width: 125px;
  height: 85px;
  overflow: hidden;
  border: 1px solid;
}
#gal .gal p {
  display: block;
  width: 127px;
  height: 87px;
  float: left;
  overflow: hidden;
  margin: 0 15px 15px 0;
}

#gal .gal a {
  display: block;
  width: 125px;
  height: 85px;
  overflow: hidden;
  border: 1px solid;
}
#listgal a.nazev {
  font-weight: bold;
  font-size: 12px;
}


#pages { line-height: 1.7em; }
#pages a {
  font-family: arial,helvetica,sans-serif;
  text-decoration: none;
  background: #eee;
  color: #444;
  border: 1px solid #ccc;
  padding: 1px 2px;
  font-weight: bold;
}
#pages a:hover,
#pages a.selected:hover {
  background: #800;
  color: #fff;
}
#pages a.selected {
  background: #666;
  color: #fff;
}




/***** D O P R U C I T **********************/
.kform table {
  width: 400px;
  border-collapse: collapse;
  /*margin: 0 auto;*/
}
.kform .nazev {
  width: 80px;
}
.kform td {
  padding: 2px 0 8px;
  vertical-align: top;
}
.kform input {
  width: 400px;
  background: #eee;
  padding: 2px;
  font-size: 12px;
  border: 1px solid #600;
}
.kform input:focus,
.kform textarea:focus {
  background: #fff;
}
.kform textarea {
  width: 400px;
  height: 70px;
  background: #eee;
  font-size: 12px;
  padding: 2px;
  border: 1px solid #600;
}
.kform .cap {
  padding: 10px 0;
  line-height: 2em;
}
.kform .cap img {
  vertical-align: -5px;
  _vertical-align: -2px;
}
.kform .cap input {
  width: 50px;
}
.kform .submit input {
  width: 80px;
  background: #d4d0c8;
  font-weight: bold;
}
#result {
  width: 400px;
  margin: 0 auto;
}
.err {
  color: #d55;
  font-weight: bold;
}











/***** M A I N *******************/
#main {
  line-height: 1.35em;
}
h1 {
  color: #900;
  font-weight: bold;
  font-size: 18px;
  border-bottom: 2px dotted #999;
  margin-bottom: 15px;
  padding-bottom: 5px;
}
h2 {
  color: #f60;
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 15px;
  padding-bottom: 5px;
}
h2.titulka {
  color: #900;
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 15px;
  padding-bottom: 5px;
}
h2.program {
  text-transform: uppercase;
  margin-bottom: 5px;
}
h2.galerie {
  margin-bottom: 0px;
}

#main-right h2 {
  color: #090;
  font-weight: bold;
  font-size: 15px;
  border-bottom: 2px dotted #090;
  margin-bottom: 10px;
  padding-bottom: 5px;
}
#main-left img {
  border: none;
}
#mejdany img {
  float: left;
  padding: 5px;
  border: 1px solid #999;
  margin: 0 10px 10px 0;
}
.orange {
  color: #f60;
}
.red {
  color: #800;
}
.dark {
  color: #666;
}
a {
  color: #f60
}
a:hover {
  color: #c00;
}
.mt10 {
  margin: 10px 0 0;
}

/***** T I T U L K A ******************/
#vitejte .orange {
  font-size: 12px;
}
#ujit, #pripravujeme {
  font-size: 13px;
}


.program {
  width: 145px;
}
.program a {
  width: 141px;
  height: 87px;
  display: block;
  overflow: hidden;
  border: 1px solid;
}
.progtam a img {
  border: none;
}






#akce-tyden ul {
  margin-left: 20px;
}




#akce-tyden li {
  list-style: url(img/li-star.gif);
  margin-bottom: 5px;
}
#akce-tyden li.mesic {
  list-style: url(img/li-gram-red.gif);
  margin-top: 10px;
}
#akce-tyden li.mesic a {
  vertical-align: 2px;
}
#akce-tyden .akce-nazev {
  color: #f60;
  font-weight: bold;
  font-size: 13px;
}
#akce-tyden .akce-datum {
  color: #000;
  font-weight: bold;
  vertical-align: 2px;
}


#najdete .foto {
  padding-top: 10px;
}
#ujit img,
#reklama img {
  margin-bottom: 5px;
  border: none;
}

#akce-tyden,
#ujit,
#pripravujeme,
#akce {
  margin-bottom: 15px;
}


#vitejte,
.zprava {
  margin-bottom: 25px;
}

h2.titulka {
  margin-bottom: 1px;
}
.misto {
  margin-bottom: 5px;
}
.zprava p {
  margin-bottom: 5px;
}
.zprava img {
  float: left;
  margin: 0 5px 5px 0;
}

/***** P R O G R A M *******************/
#program {
border-top: 2px dotted #999;
}
.bkg1 {
}
.bkg0 {
}
#program p {
  padding: 10px;
  border-bottom: 2px dotted #999;
}
#program span {
  display: block;
}
#program .datum {
  font-weight: bold;
}
#program .bkg1 .nazev {
  font-weight: bold;
  color: #900;
  font-size: 14px;
}
#program .bkg0 .nazev {
  font-weight: bold;
  color: #900;
  font-size: 14px;
}
#program .dj {
  font-weight: bold;
  color: #666;
}
#program .poznamka {
  font-style: italic;
}
#program .vstup {
  color: #600;
}



/**** uvod *****/
#layer1 {
  position: absolute;
  width: 306px;
  right: 5px;
  top: 10px;
  background: #c90;
  text-align: center;
  padding-bottom: 5px;
}
#layer1 a.close { color: #000; font-weight: bold; text-decoration: none; }


#layer1 .pop_right {
  float: right;
}
#layer1 .pop_left,
#layer1 .pop_right {
  background: #c90;
  width: 300px;
  overflow: hidden;
  padding: 0px; 
  border: 3px solid #c90;
}








/*
.pop_left img,
.pop_right img {
  height: 149px;
}

#layer1 div {
  font-size: 18px;
  text-align: center;
}
#layer1 span {
  float:right;
  background-color: black;
  color:white;
  font-weight:bold;
  text-align:center;
  cursor:pointer;
  cursor:hand;
  font-family: arial;
}

#layer1 img {
  height: 455px;
}

#layer2 {
  position: absolute;
  right: 5px;
  top: 0;
  width: 335px;
  height: 600px;
  margin: 5px 0 0 0px;  
  background: #600;
  border: 3px solid #f60; 
}
#layer2 span {
  float:right;
  background-color: black;
  color:white;
  font-weight:bold;
  text-align:center;
  cursor:pointer;
  cursor:hand;
  font-family: arial;
}
*/




