body {
  background-color: #555;
  margin: 0px;
  font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;  
/*  font-family: "Verdana CE", "Arial CE", "Lucida Grande CE", "Helvetica CE", Verdana, Arial, lucida, sans-serif;*/
/*  text-align: center; */
}

a {
  color:black;
}


hr {
  background-color: #97968F;
  color: #97968F;  
  height: 1px;
  border: 0;
  text-align: left;
}

code {
  background-color: #ddd;;
  border: 1px black solid;
  display: block;
  margin-top: 5px;
}

#uvod {
  font-size: 1.5em;
  text-align: center;
}

#middle-window #uvod h1 { 
          font-size: 25px;
          color:#C54961;
          background-color: white;
          border: 0px black solid;  
          padding: 0em;
}

#middle-window #uvod .minifont { 
          font-size: 10px;
}

#uvod a, #uvod i { color: #C54961; }


.uci-info img {
  border: 1px solid black;
}


.lista-bg-default {
  background-color: white;
  border-bottom: 1px black solid;
}

#lista1, #lista2, #lista3 {
  position: absolute;
  top: 54px;
  font-family: Times New Roman;
  font-weight: bolder;
}

#lista1 a, #lista2 a, #lista3 a {
  display: block;
  width: 210px;
  height: 20px;
/*  background-color: red;*/
  text-align: center;
  text-decoration: none;
  border-top: 1px black solid;
  border-left: 1px black solid;
  border-right: 1px black solid;
}

#lista1 a:hover, #lista2 a:hover, #lista3 a:hover {
  background-color: #97968F;
}

#lista1 { left: 100px; }
#lista2 { left: 310px; }
#lista3 { left: 520px; }


#main-right a img {
  border: 1px solid black;
}

/* ============== top, right, middle, left, bottom =================*/
#main-all {
  width:910px;
  border: 0px black solid;
  /*background-color: #B8AA9B;*/
  /*background-color: #c9bbac;*/
  background-color: #97968F;
  padding: 0px;
  margin:0px;
}

#main-top {
  margin: 0;
  border: 0;
  background-image: url(pict/web-new/horni3.gif);
  background-repeat: no-repeat;
  width: 910px;
  height: 74px;
  padding-left: 790px;
  /*padding-top: 20px;*/
  padding-right: 0px;
  padding-bottom: 0px;
  font-size: 12px;;
}


/* STRED */
#main-left { 
  float:left;
  width:100px;
  margin:0;
  padding:0
}

#main-left div.padder {
  padding:0;
  margin: 0;
}

#main-middle { 
  width: 630px;
  margin: 0px;
  padding: 0px;
  float: left;
}

#main-middle div.padder {
	min-height: 1050px;
	height:auto; 
	_height: 1050px;  /* IE hack - IE to bere jako height*/
	font-size: 12px;
  color:#000000;
  /*background-color: red;*/
/*  background-color: #c9bbac;  */
  text-align: left;
  padding: 4px;
  margin:0px;
  border-left: 1px solid black;
  border-right: 1px solid black;
}


#middle-menu{
  height: 78px;
  padding-bottom: 5px;
  margin: 0px;

}

#middle-menu a {
  display: block;
  width: 100px;
  height: 78px;
  padding: 0px;
  margin: 0px;
  font-size: 0px;
}

#middle-menu br {
  width: 0px;
  height: 0px;
  clear: left;
}



#menu1, #menu2, #menu3, #menu4, #menu5, #menu6 {
  display: block;
  width: 100px;
  height: 78px;
  float: left;
  padding: 0px;
  padding-right: 4px;
  /*padding-bottom: 5px;*/
  margin: 0px;
  
}

#menu6 {padding-right: 0px;}

/*#menu6 {
  float: none;
  clear: left;
}
*/

#menu1 a {background-image: url(pict/web-new/vse_off.gif);}
#menu1 a:hover {background-image: url(pict/web-new/vse_on.gif);}
#menu2 a{background-image: url(pict/web-new/divadlo_off.gif);}
#menu2 a:hover{background-image: url(pict/web-new/divadlo_on.gif);}
#menu3 a{background-image: url(pict/web-new/kino_off.gif);}
#menu3 a:hover{background-image: url(pict/web-new/kino_on.gif);}
#menu4 a{background-image: url(pict/web-new/hudba_off.gif);}
#menu4 a:hover{background-image: url(pict/web-new/hudba_on.gif);}
#menu5 a{background-image: url(pict/web-new/tanec_off.gif);}
#menu5 a:hover{background-image: url(pict/web-new/tanec_on.gif);}
#menu6 a{background-image: url(pict/web-new/ostatni_off.gif);}
#menu6 a:hover{background-image: url(pict/web-new/ostatni_on.gif);}


#middle-window{
  background-color: white;
  border: 1px black solid;
  _height: 100%; /* IE hack - IE to bere jako height*/
  padding: 5px;
}

#main-right { 
  float:right;
  width:180px;
  margin:0;
  padding:0;

}

#main-right div.padder {
  margin:0;
  padding:0;
  margin:0;
/*  border: 1px solid black;    */
}


.menubox,.menubox2,.menubox3 {
  /*width: 170px; */
  /*width: 100%;*/
  border-bottom: 1px black solid;
  background-color: white;
  padding: 5px;
  margin-bottom: 20px;
  text-align: left;
  font-size: 11px;
}


.menubox img {
  border: 0 black solid;
}

.menubox {
  width:100px;
}


.menubox a, .menubox2 a, .menubox3 a {
  font-size: 12px;
  color:#000000;
  text-decoration:none;
}

.menubox a {
  letter-spacing:1px;
  font-weight: bold;
}

.menubox2 a {
  font-size: 10px;
  letter-spacing: 0;
}

.menubox3 {
  text-align: center;
}

.menubox a:hover, .menubox2 a:hover, .menubox3 a:hover {
  color:#B53951;
  text-decoration:underline;
}


.menubox ul {
  margin:0;  
}

#menu-pic-menu, #menu-pic-hledani, #menu-pic-reklama {
  width: 100px; height: 30px;
}
#menu-pic-menu { background-image: url("pict/web-new/left_menu.gif"); }
#menu-pic-hledani { background-image: url("pict/web-new/left_hledani.gif"); }
#menu-pic-reklama { background-image: url("pict/web-new/left_reklama.gif"); }

#menu-pic-doporucujeme, #menu-pic-aktualne, #menu-pic-kino, #menu-pic-kalendar {
  width: 180px; height: 30px;
}

#menu-pic-doporucujeme { background-image: url("pict/web-new/right_doporucujeme.gif"); }
#menu-pic-aktualne { background-image: url("pict/web-new/right_aktualne.gif"); }
#menu-pic-kino { background-image: url("pict/web-new/right_kino.gif"); }
#menu-pic-kalendar { background-image: url("pict/web-new/right_kalendar.gif"); }


#main-bottom {
  clear: both;
  color: #aaa;
  background-color: #555;
  background-image: url(pict/web-new/dolni.gif);
  background-repeat: no-repeat;
  background-position: top;
  font-size: 12px;
	text-align: center;
	width:910px;
	height: 150px;

}

#navigace {
  text-align: center;
  border: 0;
  margin: 10px;
}


/* =================================*/


select {
          font-size: 12px;
          color:#000033;
          background-color: #EEEEEE;
          letter-spacing:0px;
          /*border: 0px solid black;*/
}


input  {
          font-size: 12px;
          color:#000000;
          background-color: #EEEEEE;
          font-style: normal;
          letter-spacing:0px;
          word-spacing:0px;
          /*border: 2 solid #000000;*/
          margin:0px;
          padding:0px;

}




.firstnadpis, #middle-window h1 {
          font-size: 20px;
          color:#000000;
          background-color: #EEEEEE;
          font-style: normal;
          font-weight: bold;
          letter-spacing:2px;
          margin-bottom:10px;
          border: 1px black solid;  
          padding: 2;
}


#tab-seznam table {
          background-color: white;
          /* border: 1px solid black;*/
}

#tab-seznam td,th {
          font-size: 12px;
          /*border: 0px solid #aaaaaa;*/
}

.tr-nulty { 
  background-color: #E56981;
}

.tr-sudy { 
  background-color: #eeeeee;
}

.tr-lichy {
  background-color: #cccccc;
}

.text-alert {
  /*color: #674813;*/
  color: #992244;
  
}

.text-tmavy {
  color: #674813;
}

.ak-list-nadpis {
	background: #dddddd;
	color: #FF5500;
	font-size: 12pt;
	font-weight : bold;	
	padding: 5px 10px 5px 10px;
	margin: 0 0 5px 0;

}

.ak-list {
	/* color: #9191FF; */
	background: #bbbbbb;
	color: black;
	width: 100%;
	margin: 1px 1px 10px 1px;
	padding: 5px 5px 5px 5px;
	border: 1px solid black;
}

#program {
	border: 2px solid #AAAAAA;
}
/*.akce-list {*/
#program td {
	/* color: #9191FF; */
	/*background: #FAFAFA;*/
	color: black;
	font-size: 11pt;
	font-weight : normal;	
	margin: 0px;
	padding: 5px;
	border: 1px solid #AAAAAA;
/*	text-align: center; */
	vertical-align: top;
}

#program h2 {
	/* color: #9191FF; */
	background: #F0F0F0;
	color: #000000;
	font-size: 14pt;
	font-weight : bold;	
	width: 100%;
	margin: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border: 1px solid #CCCCCC;
}

#program h2 a { text-decoration: none;}

#program .left {
  text-align: center;
  width: 150px;
}

#program .right {
  width: 85%;
}


/* =============== LEGENDA ===================== */
#legenda {
  text-align: center;
}

#legenda img {
  margin: 1px;
  border:0px;
}

#legenda span {
  font-size: 8pt;
	text-align: center;
	font-weight : bold;	
/*  width:30px;*/
  
  padding: 3px;
  margin: 0px;
  border: 1px solid #444444; 
  line-height: 25px;
  color: #fff;
}

/* pozadi v legende */
/*
.bg-divadlo { background-color: #DDDDFF;}
.bg-hudba   { background-color: #FFDDDD; }
.bg-kino    { background-color: #FFFFDD; }
.bg-ostatni { background-color: #FFFFFF; }
.bg-tanec   { background-color: #FFDDFF; }
*/

/* barva textu v minikalendariku */
/*
.fg-divadlo { color: #DDDDFF;}
.fg-hudba   { color: #FFDDDD; }
.fg-kino    { color: #FFFFDD; }
.fg-ostatni { color: #FFFFFF; }
.fg-tanec   { color: #FFDDFF; }
*/


/* defaultni pozadi - kdyz neni vybrana akce  - bug kvuli prekryvani v ff */
.bg-default { background-color: #97968F;}

/* pozadi v legende */
.bg-divadlo { background-color: #33B;}
.bg-hudba   { background-color: #B33; }
.bg-kino    { background-color: #3BB; }
.bg-ostatni { background-color: #3B3; }
.bg-tanec   { background-color: #B3B; }

/* barva textu v minikalendariku */
.fg-divadlo { color: #44E;}
.fg-hudba   { color: #E44; }
.fg-kino    { color: #4EE; }
.fg-ostatni { color: #4E4; }
.fg-tanec   { color: #E4E; }



/* ========== kalendar ============== */

#kalendar a.bunka:hover { background-color: #B53951; color: #FFFFFF; }
#kalendar a.bunka { width: 100%; height: 100%; display: block; text-decoration: none; }

#kalendar .bunka-datum { color: #eeeeee;}
#kalendar .wday-title, #kalendar .wend-title {
		width: 80px;
		height: 20px;
		font-family: "ARIAL CE", "HELVETICA CE","ARIAL","HELVETICA";
		font-size: 12px;
		text-align: center;
		vertical-align: middle;
}

#kalendar .wday, #kalendar .wend, #kalendar .today, #kalendar .wday-noact, #kalendar .wend-noact {
    width: 80px;
		/*height: 10px;*/
		font-family: "ARIAL CE", "HELVETICA CE","ARIAL","HELVETICA";
		font-size: 10px;
		text-align: center;
		vertical-align: middle;
}

#kalendar .wday       { background-color:#BBBBBB;}
#kalendar .wend       { background-color:#999999;}
#kalendar .wday-title, #kalendar .wend-title { color:#ffffff; background-color:#000000;}
#kalendar .wday-noact { background-color: #555555; }
#kalendar .wend-noact { background-color: #555555; }
#kalendar .today      { background-color: #B53951;/*666060;*/ }

/* ========== MINI kalendar ============== */

#mini-kal a.bunka:hover { background-color: #C54961;  text-decoration: none; }
#mini-kal a.bunka { width: 100%; height: 100%; display: block; text-decoration: none; 
font-size: 10px;

}

#mini-kal .bunka-datum { color: #eeeeee; }
#mini-kal .wday-title, #mini-kal .wend-title {
		width: 22px;
		height: 20px;
		font-size: 10px;
		text-align: center;
		vertical-align: middle;
		font-family: "ARIAL CE", "HELVETICA CE","ARIAL","HELVETICA";
}

#mini-kal .wday, #mini-kal .wend, #mini-kal .today, #mini-kal .wday-noact, #mini-kal .wend-noact {
    /*width: 80px; */
		height: 22px;
    font-family: "ARIAL CE", "HELVETICA CE","ARIAL","HELVETICA";
}

#mini-kal .wday       { background-color:#aaaaaa;}
#mini-kal .wend       { background-color:#888888;}
#mini-kal .wday-title, #mini-kal .wend-title { color:#ffffff; background-color:#000000;}
#mini-kal .wday-noact { background-color: #555555; }
#mini-kal .wend-noact { background-color: #555555; }
#mini-kal .today      { 
  background-color: #C54961;
  /*background-color: #ccccdd; */
}

i { color: #C54961;}

/* toool tipy */

a.bunka { 
	position:	relative;
	/*cursor: 	help;*/
} 

a.bunka span.tooltip {
	display:	none;
}

a.bunka:hover span.tooltip {
  display:	block;
	position:	absolute;
	left:		-200px;
	top:		0px;
  text-align: left;
  font-weight:	normal;
  letter-spacing: 0px;
	font-size:	10px;
	width:		18em;
	border:		1px solid gray;
	background-color:	black;
	padding:	0.2em;
	color:		white;
	z-index: 1;
} 


.misto-info {
  padding: 10px 50px;
  font-size: 12pt;
  border: 1px gray solid
}

.misto-info img{
  float: right;
}