html, body {
 background: #cfc995;
 font-size: 100%;
 color: #000;
 margin: 0;
 padding: 0;
 text-align: center;
 font-family: Arial, sans-serif;
 line-height: 1.5}

/* obal stranky */
#page_box{
 width:990px;
 margin:auto;
 border:1px solid silver;}

/* obsah stranky*/
#page_body{background:#fefefe;}

#left_box{width: 100%; margin:0; padding:0; background:transparent url(../images/left_bg.gif) top left repeat-y;}
#right_box{width: 100%; margin:0; padding:0; background:transparent url(../images/right_bg.gif) top right repeat-y;}

#left_column{float:left; width:205px; margin:0; padding:0; background:#E6E6E6; border-right:2px solid #fff;}
#right_column{float:right; width:223px; margin:0; padding:0; background:#E6E6E6; border-left:2px solid #fff;}
?#?smid_column{padding:0 225px 0 207px; width:558px; _width:552px;}
#mid_column{float:left; width:558px; text-align:left; background:#fefefe;}


#footer{background:#796c5c; border-top:2px solid #fff; color:#fff; font-size:0.7em;}
#footer a{color:#fff; padding:4px 0;}

p{margin:0;}

.cleaner {
		clear:both;
		height:1px;
		font-size:1px;
		border:none;
		margin:0; padding:0;
		background:transparent;
		display:block;
		}

a {color:#000;}

.highlight {background: #bbffbb;}
.empty {padding:1em; text-align:center; font-size:0.9em;}
/***************************nadpisy **********************************/

h1{margin:0; padding:0; font-size:1.3em;}
h2{margin:5px 0 0 0; padding:0; font-size:1.3em;}
h3{}
h4{margin:0; padding:0; font-weight:bold;}

p{padding:0 5px 5px 5px; margin:0;}



abbr, acronym{border-bottom:1px dotted #333;cursor:pointer;}


/************************** formulare ********************************/
form{margin:0; padding:0;}
input, select{vertical-align:top; margin:0; padding:0; border:1px solid #888888; background: #fff url(../images/input_bg.gif) no-repeat;}




/* linka zahlavi */
 #head-line{height:99px; background:#fff url(../images/hokus.jpg) top right no-repeat; position:relative; border-bottom:2px solid #fff;}

  h1{
   padding:0;
   margin:0;
   position:absolute;
   top:0;
   left:0;
   width:218px;
   height:99px;
   overflow:hidden;
   font-size: 1.3em;}

   h1 span {display:block;
    position:absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 218px;
    height: 99px;
    color: #000;
    background: transparent url(../images/logo.png) 0 0 no-repeat;
    cursor: pointer;
    _cursor: hand;}


/* linka prihlaseni */
 #login-line{
  height:26px;
  background:#796c5c;
  color:#fff;
  font-size:0.8em;
  position:relative;
  border-bottom:2px solid #fff;}
 
  #block-date{width:205px; height:26px; text-align:center; float:left; border-right:2px solid #fff; background:#577fb2;}
  #block-date span{display:block; font-size:0.85em; padding:5px; font-weight:bold;}
  
  #block-inline_search{font-size:0.9em; float:left; padding:5px 0 0 10px; width:773px; overflow:hidden;}
  #block-inline_search span{padding:5px; text-align:left; font-weight:bold; }
  #block-inline_search select {font-size:0.9em}
  
  
  
 /* linka menu */
 #menu-line{
  height:91px;
  background:#796c5c;
  color:#fff;
  font-size:0.8em;
  position:relative;
  border-bottom:2px solid #fff;}

 #menu-line a{color:#fff;}
 
  #block-filler{width:205px; height:91px; float:left; background: transparent url(../images/city.jpg) 0 0 no-repeat;}
  #block-categories{height:91px; float:left;}


 /* horizontalni menu kategorii*/
 #h-menu{margin:0; padding:0;}
  #h-menu li{float:left; list-style:none; width:110px; height:91px; position:relative; border-left:2px solid #fff;}
  #h-menu li span {display:block; z-index: 1; width:110px; height:91px; position:absolute; left: 0; top: 0; cursor: pointer;  _cursor: hand;}

   #theathers span{background: transparent url(../images/mnu_theathers.gif) 0 0 no-repeat;}
   #film span{background: transparent url(../images/mnu_film.gif) 0 0 no-repeat;}
   #concerts span{background: transparent url(../images/mnu_concerts.gif) 0 0 no-repeat;}
   #others span{background: transparent url(../images/mnu_others.gif) 0 0 no-repeat;}
   #folclore span{background: transparent url(../images/mnu_folclore.gif) 0 0 no-repeat;}
   #dance span{background: transparent url(../images/mnu_dance.gif) 0 0 no-repeat;}
   #presentation span{background: transparent url(../images/mnu_presentation.gif) 0 0 no-repeat;}




/***************************** levy sloupec ***************************/

/* nadpisy bloku v levem sloupci */
#left_column,#right_column{font-size:0.8em;}
#left_column h2,#right_column h2{padding:0; margin:0 auto; height:23px; padding:3px 0 0 0; background:#796c5c; font-size:1em; color:#fff; border-top:2px solid #fff; border-bottom:2px solid #fff;}

.body {padding:8px 4px 5px 4px; text-align:left;}

 #main-menu{background:#E6E6E6 url(../images/main-menu_bg.gif);}
 #main-menu .body{padding:0;}
 #main-menu h2{border-top:0; background:#796c5c url(../images/ico_mainmenu.gif) 9px 5px no-repeat;}
 #main-menu ul{text-align:left; display:block; margin:0; padding:1em 0; }
 #main-menu li{list-style:none; font-weight:bold; font-size:0.95em;}
  #main-menu li a{display:block; _display:inline-block; padding:0 0 2px 5px; border-left:4px solid silver;}
  #main-menu li a:hover{border-left:4px solid #414141;}

 #main-menu li ul{text-align:left; display:block; margin:0 0 0 1em; padding:0.5em 0; }
 #main-menu li li {list-style:none; font-weight:bold; font-size:0.95em;}
 #main-menu li li a{display:block; _display:inline-block; padding:0 0; font-weight:normal;  border-left:0px solid silver;}
 #main-menu li li a:hover{border-left:0px solid #414141; text-decoration:none; }
 
 #block-search{background:#E6E6E6;}
 #block-search .body{padding:0 6px; }
 #block-search h2{background:#796c5c url(../images/ico_search.gif) 9px 5px no-repeat;}
 #block-search p{text-align:right;}
 #block-search a{font-weight:bold; font-size:0.8em;}

 #block-quiz{font-size:0.9em; background:#fcfcfc; width:205px; position:relative;}
 #block-quiz .body{padding:4px;  text-align:left;  border:1px solid #e6e6e6;}
 #block-quiz h2{background:#796c5c url(../images/ico_check.gif) 9px 5px no-repeat;}
 #block-quiz p{font-size:0.95em; text-align:center; margin:0 0 5px 0;}
 #block-quiz .odpoved_s,#block-quiz .odpoved_l{padding:0 0 5px 5px; font-size:0.9em; position:relative;}
 #block-quiz .odpoved_s{background:#fcfcfc;}
 #block-quiz .odpoved_l{background:#f4f4f4;}
 #block-quiz .odpoved_s a,#block-quiz .odpoved_l a{text-decoration:none;}
 #block-quiz .odpoved_s a:hover,#block-quiz .odpoved_l a:hover{text-decoration:underline;}
 #block-quiz .odpoved_s input,#block-quiz .odpoved_l input{vertical-align:bottom;}
 #block-quiz .tl{background:silver; border:none;}
 #block-quiz .numbers{font-size:0.9em; position:absolute; top:10px; right:5px;}
 
/**************************  pravy sloupec ****************************/
#block-top{background:#E6E6E6;}
#block-top h2{border-top:0;}
#block-top h2{background:#796c5c url(../images/ico_info.gif) 9px 3px no-repeat;}

#block-cal .body{padding:0;  text-align:center;}
#block-cal{background:#E6E6E6; text-align:center; border-bottom: 1px solid #fff;}
#block-cal h2{border-top:0;}
#block-cal h2{background:#796c5c url(../images/ico_calendar.gif) 9px 3px no-repeat;}

#block-action{background:#E6E6E6;}
#block-action .body{padding:0;  text-align:center;}
#block-action h2{background:#796c5c url(../images/ico_info.gif) 9px 3px no-repeat;}
#block-action h4{font-size:0.9em; margin:6px 0 3px 0;}
#block-action p{padding-left: 1em; padding-right:1em;}

#block-info{background:#E6E6E6;}
#block-info .body{padding:0;  text-align:left;}
#block-info h2{background:#796c5c url(../images/ico_info.gif) 9px 3px no-repeat;}
#block-info h4{font-size:0.9em; margin:6px 0 3px 0;}
#block-info p{padding-left: 1em; padding-right:1em;}

table.kalendar{width:100%; border-collapse: collapse; margin:auto; font-size:0.9em; background:#e6e6e6; padding:0;}
.kalendar td{background:#e6e6e6; border:1px solid #fafcff;}
.kalendar td.week{background: #767676; border-left:0px;}
.kalendar td.week a{color:#fff;}
.kalendar .colored a{color:#fff;}
.kalendar td:hover, .kalendar td.hover{background:#FFD700;}

.kalendar td{behavior: url(../css/hover.htc);}
.kalendar td.active {background: #FFD700;}
.kalendar td.action {background: #c0c0c0;}

.kalendar th{background:#767676; margin:0 1px 1px 0; color:#fff;}
.kalendar th.hd{background: #e6e6e6; height:22px;}


/**** modul dokumenty ***/
.dokumenty {padding:5px 0;}
.dokumenty ul{margin:0 0 0 10px; padding:0;}
.dokumenty ul li{list-style:none;}


/************************** stredni tabulka prehled ********************************/
table.tbl_kalendar-akci,table.tbl_divadla,table.tbl_film,table.tbl_koncerty,table.tbl_folklor,table.tbl_ostatni,table.tbl_tanec,table.tbl_vystavy,table.tbl_galerie-akci{border-collapse:collapse; width:100%; font-size:0.8em; padding:0; margin:0; text-align:center;}
table th.head{color:#fff; height:27px; _height:24px; border-bottom:2px solid #fff;}
table th.date{width:110px; border-bottom:2px solid #fff;}
table th.name{width:334px; border-right:2px solid #fff; border-left:2px solid #fff; border-bottom:2px solid #fff;}
table th.place{width:110px; border-bottom:2px solid #fff;}

table td.date{border-bottom:1px solid #f6f6f6; text-align:left; padding:0 0 0 10px;}
table td.name{text-align:left; padding:0 0 0 3px; border-right:2px solid #fff; border-left:2px solid #fff; border-bottom:1px solid #f6f6f6;}
table td.place{border-bottom:1px solid #f6f6f6;}

.tbl_kalendar-akci {background:#e6e6e6;}
.tbl_kalendar-akci th.head{background:#796c5c;}
.tbl_divadla {background:#F1E4E4;}
.tbl_divadla th.head{background:#7B0000;}
.tbl_film{background:#EFE4EF;}
.tbl_film th.head{background:#6E006F;}
.tbl_koncerty{background:#EAE4F0;}
.tbl_koncerty th.head{background:#3E0079;}
.tbl_folklor{background:#E4F1E7;}
.tbl_folklor th.head{background:#008221;}
.tbl_ostatni{background:#E4EBF1;}
.tbl_ostatni th.head{background:#00487A;}
.tbl_tanec{background:#F1F1E4;}
.tbl_tanec th.head{background:#7D7B00;}
.tbl_vystavy{background:#F2EAE4;}
.tbl_vystavy th.head{background:#873C00;}

.tbl_galerie-akci {background:#fafafa;}
.tbl_galerie-akci th.head{background:#808080;}
table.tbl_galerie-akci th.date{width:110px; border-bottom:2px solid #DFDFDF;}
table.tbl_galerie-akci th.name{width:334px; border-right:2px solid #DFDFDF; border-left:2px solid #DFDFDF; border-bottom:2px solid #DFDFDF;}
table.tbl_galerie-akci th.place{width:110px; border-bottom:2px solid #DFDFDF;}
table.tbl_galerie-akci td.date{border-bottom:1px solid #DFDFDF; text-align:left; padding:0 0 0 10px;}
table.tbl_galerie-akci td.name{text-align:left; padding:0 0 0 3px; border-right:2px solid #DFDFDF; border-left:2px solid #DFDFDF; border-bottom:1px solid #DFDFDF;}
table.tbl_galerie-akci td.place{border-bottom:1px solid #DFDFDF;}


.tbl_nej-akce{ width:100%; border-collapse: collapse; font-size:0.9em; font-weight:bold;}
.tbl_nej-akce .d{width:55px; vertical-align:top;}
.tbl_nej-akce .n{text-align:left;}



#next {text-align:right; font-size:0.8em; font-weight:bold; padding:5px;}

.adwert{padding:0.7em 0 ;}
.adwert img{border:none;}

.detail {margin:1em; font-size:0.9em;}
.dokument {margin:1em; font-size:0.9em;}
.ram {margin:1em; font-size:0.8em;}


.detail h2 {margin:0 0 1em 0.4em;}
.detail .prod_img{float:left; padding:5px; background:#fff; border:1px solid #afafaf; margin:6px 9px 6px 6px;}

.dokument h2 {margin:0 0 1em 0.4em;}

.topline{display:block; font-size:0.8em;  text-align:center; background:#796C5C; height:26px; border-bottom:2px solid #fff;}
.topline span{display:block; font-weight:bold; color:#fff; padding:3px 0;}

.ram h2{margin:0 0 2em 0;}
.ram h3{margin:0.5em 0 0 0.5em;}
.ram li{list-style:none;}


.formular{width:558x; margin:auto; margin-bottom:2em; text-align:left; padding:5px 20px; font-size:0.8em; background: #e6e6e6;}
.formular .txt{border:1px solid #000; width:254px;}
.formular textarea{width:508px; height:70px; border:1px solid #000;}
.formular label{display:block; text-align:left; font-weight:bold; padding:3px 0; font-size:0.9em;}
.formular .butt{width:508px; height:25px; border:1px solid #000; margin:10px 0;}


.vzframe{width:500px; margin:auto; padding:0 0 2em 0;}
.vzkaz{border:1px solid #0d458f; font-size:0.9em; background:#fdfdfd; margin:0 0 3px 0;}
.vzkaz .head{display:block; background:#e6e6e6; padding:2px 5px;}
.vzkaz p{padding:5px;}


.popis_akce img{float:right; border:none; padding:3px; margin:5px;}







/* Fading Tooltips By Dustin Diaz*/
/*f9f3ad
body div#toolTip { position:absolute;z-index:1000;width:220px;background:#ffa510; border:2px double #000;text-align:left;padding:10px;min-height:1em;-moz-border-radius:5px; }*/
body div#toolTip { position:absolute;z-index:1000;width:220px;background:#EFEAC2; border-top:1px solid #ded99a; border-left:1px solid #ded99a; border-bottom:2px solid #000; border-right:2px solid #000; text-align:left;padding:10px;min-height:1em}
body div#toolTip p { margin:0;padding:0;color:#000;font:11px/12px verdana,arial,sans-serif; line-height:1.4; }
body div#toolTip p em {font-style:normal; font-weight:bold; }
body div#toolTip p em span { font-weight:bold;color:#fff; }
body div#toolTip #closeBut{display:block; height:16px;  width:16px; position:absolute; top:5px; right:7px; font-size:4px; border:1px solid black; cursor:pointer;}
body div#toolTip .next {text-align:right;}
body div#toolTip .next a{font:11px/12px verdana,arial,sans-serif; color:blue; font-weight:bold;}


#clanky{padding:2em 0; font-size:0.9em;}

.clanek{padding:0 1em; font-size:0.9em;}
.clanek .prod_img{float:right; padding:5px; background:#fff; border:1px solid #afafaf; margin:7px;}
.clanek .kategorie{display:block; font-size:0.9em;}
.clanek .souvisejici{display:block; font-size:0.9em;}

.clanek_uvod{padding:0 1em; font-size:0.9em;}
.clanek_uvod .kategorie{display:block; margin:0 0 0.6em 0;}
.clanek_uvod .prod_img{float:right; padding:5px; background:#fff; border:1px solid #afafaf; margin:7px;}
.clanek_uvod .vice{display:block; text-align:right; padding:0 30px 0 0;}
.perex{padding:0.5em; margin: 1em 0; background: #eeeeff; display:block;}
.about{clear:both; text-align:right; font-size:0.9em; margin:0.6em 0;}

.actbox{margin:1em; padding:1em; background:#FFF4BF; font-size:0.9em;}
.actbox ul{margin:0; padding:0;}
.actbox ul li{list-style:none;}

/***** komentare *************/
.comform{margin:1em;}
.unimportant{font-size:0.9em;}

h2.komentare{margin:2em 0 0 0;}

#komentarform .textarea{text-align:center;}

#komentarform textarea {
  width: 385px;
  widt\h: 375px;
  padding: 5px;
  margin:auto;
}

#komentarform fieldset {
  padding: 5px 0;
  border:none;
  text-align:center;
  display:block;
}

#komentarform label {
  float: left;
  padding-right: 8px;
  text-align: right;
  width:180px;
}

#komentarform .text {
  float: left;
  padding-right: 8px;
  width:120px;
}

#komentarform fieldset.button {
  text-align: center;
}


#comments {list-style: none; font-size:0.9em;}
#comments,dt.comment,dt.comment a,dd.comment {margin: 0; padding: 0;}
#comments li {margin: 0.6em 0; padding:0; }
#comments li dl{margin:0; padding:0;}
#comments li dl dt {padding:2px 0 2px 12px; background:#e6e6e6; }
#comments li dl dt a{text-decoration:none;}
#comments li dl dt .name{font-weight: bold;  margin-left: 0.4em;}
#comments li dl dt .info {font-size: 0.9em; text-align:right;}
#comments li dl dd.content{margin:0; padding:5px; background: #FAFAFA;}
#comments li dl dd.content p {margin: 0.2em 0; color: #000000;}
#comments li dl dd.content pre {  width: 365px;  widt\h: 345px;}


#emailnews{margin:0.2em 0 0.2em 1em; font-size:0.9em;}
#emailnews h4{margin:0.5em 0 0 0;}
#emailnews label.bl{display:block;}
#emailnews table.checks{margin:0.5em 0 0 0; text-align:left; font-size:1em; width:80%;}
#emailnews .subm{margin:auto;}