body { 
	margin: 0;padding: 0; 
	text-align: center;
	font-size: 11px;
	background: #eee;
	font-family: Verdana, Tahoma, Arial, sans-serif;
}
ul li {list-style-type: square}
fieldset {width:95%}
legend {font-weight: bold; color:#666;font-size:12px}
.bld {font-weight: bold}

h1 {font-size: 14px}
h2 {font-size: 14px;font-weight: normal}
h3 {font-size: 12px; font-weight: bold}

span.b { font-weight: bold }

table.hlavni  {width: 1000px;text-align: left}
td {vertical-align: top}

a, a:link {color: #446806}
a:hover {color: #000}

div.hornibaner {height: 140px;background: #fff url('../img/baner.jpg') 0 center no-repeat scroll;}

div#box-vyhledavani, div#box-onas {width:165px;height: 292px;background: transparent url('../img/box-vyhledavani.png') 0 0 no-repeat scroll;}
div#box-kalendar {width:165px;height: 152px;background: transparent url('../img/box-kalendar.png') 0 0 no-repeat scroll;}

div#box-onas h2, div#box-kalendar h2, div#box-vyhledavani h2 {padding:8px 0 0 0;margin:0}
div#box-vyhledavani form {margin-left:12px}

div#box-kalendar #kalendarbox {margin-left:4px}

div.hlavni {margin: 0 auto;width: 1000px;text-align: left;background:#fff}
div.top {text-align:right;padding:4px 5px 5px 20px;font-size:11px;background:#fff}


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#menu {
	width:1000px; 
	height:25px;
	position:relative;
	z-index:100;
	background:#747574 url('../img/menu-back.png') 0 0 repeat-x scroll
	}

#menu ul {padding:0;margin:0;list-style-type:none;}
#menu ul ul {width:101px;}
#menu li {float:left;position:relative;list-style-type:none}

/* style the links for the top level */
#menu a, #menu a:visited, #menu span {display:block;font-size:11px;
	text-decoration:none; color:#fff; 
	text-align:center; 
	height:25px;
	padding:0 18px; 
	border:1px solid #444; 
	border-width:0 1px 0 0; 
	line-height:24px; 
	font-weight:normal;
	}

#menu ul li a.last {border-right:0}

/* style the second level background */
#menu ul ul a.drop, #menu ul ul a.drop:visited {}

/* hide the sub levels and give them a positon absolute so that they take up no room */
#menu ul ul {visibility:hidden;position:absolute;height:0;
	top:25px;left:0; width:149px}

/* style the second level links */
#menu ul ul a, #menu ul ul a:visited {
	border:1px solid #666;
	background:#999;
	color:#fff; 
	height:auto; 
	line-height:1.5em; 
	padding:3px 10px 3px 18px; 
	width:150px;
	text-align: left; 
	border-width:0 1px 1px 1px;}

/* style the top level hover */
#menu a:hover, #menu ul ul a:hover {color:#000; background:#ddd;}
#menu :hover > a, #menu ul ul :hover > a {color:#000;background:#ddd}

/* make the second level visible when hover on first level list OR link */
#menu ul li:hover ul, #menu ul a:hover ul {visibility:visible; }

/* keep the third level hidden when you hover on first level list OR link */
#menu ul :hover ul ul{visibility:hidden;}

/* make the third level visible when you hover over second level list OR link */
#menu ul :hover ul :hover ul{ visibility:visible;}

#menu ul li.m-1 a {}
#menu ul li.m-2 a {}

#obsah tr td.menu {width:165px;padding:0 5px 0 10px;background:transparent;}
#obsah tr td.menu a {font-weight:bold;color:#111}
#obsah tr td.menu a:hover {font-weight:bold;color:#666;text-decoration:underline}

#obsah tr td.menu h2 {margin:14px 0 0 0;border-bottom:1px solid #ddd;font-size:13px;color:#222}

#obsah tr td.menu form input.submit {background:#ddd;border:1px solid #111;padding:2px 4px;font-size:11px}
input.submit {background:#ddd;border:1px solid #111;padding:2px 4px;font-size:11px}

#obsah tr td.clanek {padding:0 10px;background:transparent}
#obsah, table#uzivatele {background:#fff url('../img/clanek-back.jpg') right bottom no-repeat scroll}

div#zapati {padding:7px;text-align:center;border-top: 1px solid #ddd;background: #eee;color:#666;line-height:1.5em}
div#zapati a {color:#222}
div#mezibanner {border-bottom: 1px solid #ddd;padding:7px 4px 8px 8px;background:#F3F6D9}

ul#main-menu li {list-style-type:none}
ul#main-menu {padding:0 0 0 0}
ul#main-menu li {margin-bottom:5px}
ul#main-menu li a {color:#000;text-decoration:none}
ul#main-menu li a:hover {color:#a66;text-decoration:none}

td.kontaktniformular {width:720px;text-align:center;}

table.akce {width:800px;margin-bottom:16px} 
table.akce  {border: 1px solid #666;line-height:1.6em}
table.akce tr th {font-size:13px;padding-bottom:3px}

div.gal { 
    text-align: center;
    float: left; 
    margin: 8px 2px 2px 2px; 
    font-size: 11px;
    width: 125px;
    height: 106px;
}

div.gal a, a.fota-odkaz {color:#787;text-decoration: none}
div.gal a:hover, a.fota-odkaz:hover {color:#111}

div.katalog {width: 210px; height: 550px; margin: 1px; overflow: auto;line-height:1.5em}

div.soutez {
width: 700px;
height: 100px;
margin: 1px;
overflow: auto;
border-width: 1px; 
border-style: solid; }

div.uzivatel_detail { width: 150px; height: 150px; margin: 1px; overflow: auto }

div.fotky_mista { 
	width: 664px;
	height: 110px;
	margin: 1px;
	overflow: auto;
	white-space: nowrap;
}
div.fotky_mista table {margin-top:6px}
div.fotky_mista table tr td {vertical-align: middle;padding-right:8px}

#closeButton{ top: 5px; right: 5px; }

* html #overlay{
	background-color: transparent;
	background-image: url(blank.gif);
}

input, select, option, textarea, button {font-size:11px}

#kalendar {width:150px;margin:2px 0 0 5px}
#kalendar tr td {font-size:10px}	
#kalendar tr th a {font-size:10px}
#kalendar tr th.cn {text-align:center}

table#kalendar tr td a.kal-akt-dat {color:#fff;background:#fa6216;display:block;font-weight:bold;text-decoration:none;padding:1px 1px 2px 1px}
.kalendar-title {width:220px;border:1px solid #d75c00;background:#FFE5BA;position:absolute;margin-top:1px;text-align:left;line-height:1.4em}
.kalendar-title div {margin:0;padding:3px 4px}
.calendar {
  position: relative;
  display: none;
  border-top: 2px solid #fff;
  border-right: 2px solid #555;
  border-bottom: 2px solid #444;
  border-left: 2px solid #fff;
  color:#000;cursor: default;background:#ddd
}
.calendar table {
  border-top: 1px solid #444;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #444;
  color:#000;cursor: default;background:#ddd
}
.calendar .button {
  text-align: center;
  padding: 1px;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff
}
.calendar thead .title {
  font-weight: bold;
  padding: 1px;
  border: 1px solid #000;
  background:#788084;
  color:#fff;
  text-align: center
}
.calendar thead .name {
  border-bottom: 1px solid #000;
  padding: 2px;
  text-align: center;
  background:#eee
}
.calendar thead .weekend {color:#b00}
.calendar thead .hilite {
  border-top: 2px solid #fff;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  border-left: 2px solid #fff;
  padding: 0;background-color:#d8e0e4
}
.calendar thead .active {
  padding: 2px 0 0 2px;border-top: 1px solid #000;
  border-right: 1px solid #fff;border-bottom: 1px solid #fff;
  border-left: 1px solid #000;background-color:#b8c0c4;
}
.calendar tbody .day {
  width: 2em;
  text-align: right;
  padding: 2px 4px 2px 2px
}
.calendar tbody .day.othermonth {font-size: 80%;color:#aaa}
.calendar tbody .day.othermonth.oweekend {color:#faa}
.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #000;
  background:#e8f4f0;
}
.calendar tbody .rowhilite td {background:#ffcc00}
.calendar tbody .rowhilite td.wn {background:#c8d4d0}
.calendar tbody td.hilite {
  padding: 1px 3px 1px 1px;
  border: 1px solid;
  border-color:#eeaa00 #333 #333 #eeaa00;
}
.calendar tbody td.active {
  padding: 2px 2px 0 2px;
  border: 1px solid;
  border-color:#000 #fff #fff #000
}
.calendar tbody td.selected {
  font-weight: bold;
  padding: 2px 2px 0 2px;
  border: 1px solid;
  border-color:#000 #fff #fff #000;
  background:#d8e0e4
}
.calendar tbody td.weekend {color:#b00}
.calendar tbody td.today {font-weight: bold;color:#111}
.calendar tbody .disabled { color:#999}
.calendar tbody .emptycell {visibility: hidden}
.calendar tbody .emptyrow {display: none}
.calendar tfoot .ttip {
  background:#e8f0f4;
  padding: 1px;
  border: 1px solid #000;
  background:#788084;
  color:#fff;
  text-align: center
}
.calendar tfoot .hilite {
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  padding: 1px;
  background:#d8e0e4;
}
.calendar tfoot .active {
  padding: 2px 0 0 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000
}
.calendar .combo {
  position: absolute;
  display: none;
  width: 4em;
  top: 0;left: 0;
  cursor: default;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  background:#d8e0e4;
  font-size: 90%;
  padding: 1px;
  z-index: 100
}
.calendar .combo .label,
.calendar .combo .label-IEfix {text-align: center;padding: 1px}
.calendar .combo .label-IEfix {width: 4em}
.calendar .combo .active {
  background:#ddd;
  padding: 0;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000
  }
.calendar .combo .hilite {background:#048;color:#aef}
.calendar td.time {border-top: 1px solid #000;padding: 1px 0;text-align: center;background-color:#e8f0f4}
.calendar td.time .hour, .calendar td.time .minute, .calendar td.time .ampm {padding: 0 3px 0 4px;border: 1px solid #889;font-weight: bold;background-color:#fff}
.calendar td.time .ampm {text-align: center}
.calendar td.time .colon {padding: 0 2px 0 3px;font-weight: bold}
.calendar td.time span.hilite {border-color:#000;background:#667;color:#fff}
.calendar td.time span.active {border-color:#f00;background:#000;color:#0f0}

.kal {cursor:pointer;vertical-align:top;position:relative;left:0;top:2px}
sup {font-size:13px;color:#932;position:relative;left:3px;top:2px}

.edt, .ed, .del, .upl, .ed-detail {font-weight: bold;padding: 2px 4px;background: #009f20;color: #eee;cursor: pointer}
.upl {background: #FACC00;color: #111}
a.upl, a.ed, a.edt, a.del, a.prid, a.pridb, .ed-detail {
	display: block;
	border: 2px outset #999;
	text-align: center;
    width: 16px;
	font-weight: bold;
	background: #009040;
	;
	color: #eee
}
a.delfoto {
	position:absolute;
	display: block;
	margin: -3px 0 0 -3px;
	border: 1px outset #999;
	text-align: center;
    width: 16px;
    padding: 1px;
	font-weight: normal;
	background: #ca0000;
	color: #eee
}
a.file {background: #ccd;color: #222}
a.del, .del,  a.delfoto:hover {background: #9a0000;color:#eee !important}
a.upl {background: #eACC00;color:#111}
a.prid {width: 11em;padding: 3px 0;background: #FACC00;color: #444;font-weight: normal}
a.pridb {width: 11em;padding: 3px 0;background: #ccd;color: #222;font-weight: normal}
a.prid:hover, .ed-detail:hover {background: #FAeC00;;color: #000}
a.pridb:hover {background: #bbf;}
a.ed:hover, a.del:hover, .ed:hover, .del:hover {
	background: #00ee60;color: #111
}
a.upl:hover {
	background: #fAdC20;
	color: #111
}
a.del:hover, .del:hover {	background: #c00;}
a.del, .pridej-fota a.edt {font-weight: normal;background: #b21;border: 1px solid #999}
a.del:hover {background: #ffa500;color: #111}

ul.menuleft {list-style-type:square;padding:0 0 0 26px;line-height:1.5em;margin-top:5px}
ul.menuleft li a {text-decoration:none}

p {line-height:1.5em}

table.tab-hory {background:#bb966c;width:800px}
table.tab-hory tr td, table.tab-hory tr th {background:#e8dcce;padding:3px 3px}
table.tab-hory tr th {background:#f1e8df;padding:4px 3px}
table.tab-hory tr th.tab-hory-first {width:180px}
table.tab-hory tr th.tab-hory-sjezdovky {width:88px}

span.nov-date {color:#666;font-weight:bold}
.znamky-fota {height:100px;margin-right:15px}

a.add {display:block;width:230px;padding:3px 3px 3px 24px;background: transparent url('../img/add.gif') left center no-repeat scroll;font-weight:bold}
.ok {width:400px;text-align:center;padding:12px;background:#fff;font-weight:bold;border:1px solid #999;color:#1a1;margin-left:20px;line-height:1.6em}
.error {width:400px;text-align:center;padding:12px;background:#eee;font-weight:bold;border:1px solid #999;color:#a11;margin-left:20px;line-height:1.6em}

#archiv-novinek p {margin:4px 0 16px 0;padding-right:20px;text-align:justify}
.nadpis-mista {margin:1px 0 8px 0;border-bottom:1px solid #ddd;padding-bottom:3px;color:#111}

table.znamky-detail tr th {text-align: left}
table.vertical-align-top tr td, table.vertical-align-top tr th {vertical-align: top}

table.tab-clanky {width:98%}
table.tab-clanky tr td, table.tab-clanky tr th {padding:3px 6px}
table.tab-clanky tr td p {text-align:justify;margin-bottom:3px}
table.tab-clanky tr td div {text-align:right}
table.tab-clanky tr td p span, span.datum-clanku {color:#648836;font-weight:bold}

table#znaky {margin:4px 0 4px 0}
table#znaky tr td {text-align:center;padding:1px}
table#znaky tr td a {text-decoration:none;display:block;padding:2px 3px;color:#111 !important}
table#znaky tr td a:hover {color:#111 !important}

.clanek .list {margin-top:5px;color:#666;text-align:center}
.clanek .list strong {color:#222}
.clanek .list a {font-size:11px;font-weight:bold;text-decoration:underline}

.clanek ol li {line-height:1.7em}

.akce-cas {color: #446806}

#smajlici {position:relative;left:0;top:3px}
#smajlici img {border:0}

a.tisk {position:absolute;display:block;width:16px;margin:0 0 0 904px;height:16px}
a.tisk img {border:0}

a.help {position:absolute;display:block;width:18px;margin:0 0 0 964px;height:18px}
a.help img {border:0}

a.modalInput {position:absolute;display:block;width:18px;margin:3px 0 0 934px;height:11px}
a.modalInput img {border:0}


#mapa-stranek ul {line-height:1.6em}
#mapa-stranek ul li {list-style-type: square;margin-top:4px}
#mapa-stranek ul li ul li {margin-top:0}
#mapa-stranek ul li a {font-weight:bold;font-size:13px}
#mapa-stranek ul li ul li a {font-weight:normal;font-size:11px}

.modal { 
    background-color:#fff; 
    display:none; 
    width:350px; 
    padding:15px 15px 5px 15px; 
    text-align:left; 
    border:2px solid #333; 
 
    opacity:0.9; 
    -moz-border-radius:6px; 
    -webkit-border-radius:6px; 
    -moz-box-shadow: 0 0 50px #ccc; 
    -webkit-box-shadow: 0 0 50px #ccc; 
} 
.modal .close {font-size:11px} 

.modal h2 { 
    margin:0px; 
    padding:0 0 10px 10px; 
    border-bottom:1px solid #999; 
    font-size:18px; 
}

fieldset#vyhledat-akce {width:766px}
a.red {color:#b00}

#mapa {margin-bottom:20px;position:relative;width:546px;height:337px}
#mapa img {position:absolute;z-index:0;top:0;left:0}
#mapa img.nb {border:none}

#mapa-kraje {position:absolute;margin:-320px 0 0 550px;line-height:1.6em}

div.tooltip { 
	background-color:#d9e785; 
    border:1px solid #ddd; 
    padding:6px 10px; 
    width:200px; 
    display:none; 
    color:#111; 
    text-align:left; 
    font-size:11px;
    line-height:15px; 
    -moz-box-shadow:0 0 10px #222; 
    -webkit-box-shadow:0 0 10px #222; 
}