@font-face { font-family: Open-Sans; src: url('../fonty/OpenSans-Regular.ttf'); }
@font-face { font-family: Open-Sans; src: url('../fonty/OpenSans-Italic.ttf'); font-style:italic; }
@font-face { font-family: Open-Sans; src: url('../fonty/OpenSans-Bold.ttf'); font-weight:bold; }
@font-face { font-family: Open-Sans; src: url('../fonty/OpenSans-BoldItalic.ttf'); font-weight:bold; font-style:italic; }
* {font-family:Open-Sans,Tahoma, sans-serif, Arial, Helvetica;}
body {margin:10px auto; padding:0 5px;
		background-color:white;
		min-width:100px;
		max-width:800px;font-size:12px;
		position:relative;}
button {padding:1px 4px 1px;margin-left:1px;background-color:#ddd;border:1px solid #888;border-radius:3px;outline:0;height:22px;display:inline-block}
button:hover {background-color:#bbb;outline:0}
button:active {background-color:#222 !important; color:white !important;outline:0 !important}
button::-moz-focus-inner { padding:0; border:0 }
button.closeup:hover {background-color:#b66}
h3 {font-size:16px;border-bottom:1px solid #aaa;margin:0 0 4px 0}
h6 {margin:0;text-align:center}
textarea { border:1px solid #888; border-radius:3px; font-size:12px; resize: none;}
input[type=text], input[type=password] {border:1px solid #666;border-radius:3px;height:18px}
input[type=file] {width:0;height:0;position:absolute}
a {text-decoration:none;font-weight:bold;color:#228}
a:hover {text-decoration:underline;}
table th {text-align:center;border-bottom:1px solid #aaa}
table.karta {border-collapse:collapse;border-spacing:0}

ul.zpravy {list-style-position:inside; padding-left:2px; margin:2px 0}
ul.zpravy li, li.clickable {padding:0;cursor:default;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
ul.zpravy li:hover, li.clickable:hover {background-color:#aaf !important;color:white !important;}
li.clickable ul { display:none; position:absolute;left:-100% }
li.clickable::before {content:"\2022\00a0";}

tr.highlight:hover {background-color:#aaf}
td.hardlen {min-width:430px}


ul.vyskyty {margin:0 2px 2px;background-color:white;}


div.odstavec {text-align:justify;hyphens:auto}

div.statusbuttons {float:right}
div.statusbuttons button {border:0; margin:0; border-left:2px solid white;font-weight:bold;border-radius:0;height:auto;}
div.statusbuttons button:hover {background-color:#aaf !important;color:white;}
div.statusbuttons button:active {background-color:#bbb !important;color:black !important;}
div.statusbuttons button:target ~ button {background-color:#ddd !important;}


div.aktuality > h4 {margin:0; font-size:14px}
div.aktuality > div:first-of-type {text-align:justify;hyphens:auto}
div.aktuality > img {float:left;margin:0 2px 2px 0;display:block}
div.aktuality > div:last-of-type {text-align:right;font-style:italic;margin-bottom:6px}
div.aktuality { border-bottom:1px solid #aaa; margin-bottom:6px}
div.aktuality:last-of-type {border:0;margin:0}

div.banner {background:#ddd url('../dbk2.png') left center no-repeat;height:100px; width:100%; margin-bottom:2px;position:relative}
/* div.banner img {position:absolute;top:25px;left:50%;transform: translate(-50%, 0);} */
div.banner > div {
			width:198px;
			 height:96px;
			 border: 2px solid #ddd;
			 border-left:0;
			 background-color:white;
			 vertical-align:top;
			 display:inline-block}
div.banner > div * {font-size:10px}
div.banner > div:last-child {width:0;height:0;visibility:hidden}
/* div.banner > div:first-child > div { display:inline-block;
margin-left:2px;
			height:100%;
							overflow-y:auto;
							background-color:white} */
div.banner > div ul {margin:0;font-size:10px;padding:0 2px;list-style-position:inside;list-style-type:none;;overflow-y:scroll;height:calc(100% - 15px)}
div.banner > div  ul li {padding-left:0}
div.banner > div h6 { padding:0;margin:0;height:14px;cursor:default;background-color:#eee}
div.banner > div h6:hover {background-color:#aaf;color:white;}
div.banner > div h6:active {background-color:#bbb;color:black;}

div.shoutbox {height:400px;
overflow-y:scroll;
background-color:white;
			 padding:0 2px;
			 margin-bottom:2px;
			 border:1px solid #aaa;}
div.shoutbox div {border-bottom:1px dotted #666}

div.status {background-color:#ddd;font-style:italic;margin-bottom:2px;padding:0 4px;vertical-align:top;}

div.telostranky {position:relative;}
div.menu {display:inline-block;
		  background-color:#ddd;float:left}
div.menu ul {margin:0; padding:0;list-style-type:none;}
div.menu ul li {padding:2px 4px 0;
				background-color:#ddd;
				font-weight:bold;
				cursor:default;height:18px;
				border-bottom:2px solid white;}
div.menu ul li a {color:inherit;cursor:default}
div.menu ul li:hover {color:white; background-color:#aaf !important; }
div.menu ul li a:hover {text-decoration:none}

div.casomira {padding:2px 0;text-align:center}
div.casomira span {display:inline-block;border:1px solid #888;padding:2px;background-color:white}


div.obsah {background-color:#eee;padding:2px;float:right}
div.pozadi {background-color:white; opacity:0.7 }
div.dialog h5 {font-size:12px}

div.karty > h4 {margin:0;background-color:#ddd;padding:2px 4px;display:inline-block;cursor:default}
div.karty > h4:hover {color:white;background-color:#aaf !important}
div.karta table.karta {border:1px solid #aaa}

div.guestbook {border-bottom:1px solid #aaa;margin-bottom:6px;}
div.guestbook:last-of-type {border:0;margin:0}
div.guestbook > h6 {text-align:left;margin:0;font-size:12px;font-weight:normal;font-style:italic}
div.guestbook > h6.ovladani {cursor:default;}
div.guestbook > h6.ovladani:hover {color:white;background-color:#aaf}
div.guestbook > div {-webkit-hyphens:auto;
					    -moz-hyphens:auto;-ms-hyphens: auto;
							 hyphens:auto;
					   margin-bottom:6px}

div.jednaakce table {margin:6px auto 0;border-collapse:separate; border-spacing:1px 0}
div.jednaakce h4 {text-align:center;font-size:14px;margin:2px 0}
div.jednaakce th {width:50px}
div.jednaakce td {background-color:#ddd;height:50px;cursor:default;vertical-align:middle;text-align:center;font-size:20px;font-weight:bold}
div.jednaakce td:hover {background-color:#aaf !important}
div.jednaakce > div:last-of-type {font-style:italic}

div.okenko {position:absolute;
			left: 50%;
			transform: translate(-50%, 0);
			border:1px solid #888;
			padding:2px;
			width:200px;
			background-color:white;

			z-index:1002;}

div.spojovnik {width:12px;display:inline-block;text-align:center}

table.ankety {border-collapse:separate; border-spacing: 0 2px; cursor:default}
table.ankety tr {background-color:white}
table.ankety tr:hover  {background-color:#eef}

table.legenda,table.otazky,table.odpovedi {margin:0 auto}

div.icq {width:calc(100% - 6px); border:1px solid #888; background-color:white;border-radius:3px; padding:2px}
div.icq > div {border-bottom:1px dotted #888}
div.icq > div div:first-child {font-weight:bold}

#dokument {text-align:justify;}
#dokument p {-webkit-hyphens:auto;
					    -moz-hyphens:auto;-ms-hyphens: auto;
							 hyphens:auto;
					   margin:0 0 6px 0}
#dokument p:last-of-type {margin:0;}

img.flleft {display:block;float:left;padding:2px 2px 0 0}
img.flright {display:block;float:left;padding:2px 0 0 2px}




.levy {float:left}
.pravy {float:right}
.cistic {clear:both}
.bublina {position:relative}
.bublina span {position:absolute;left:0;top:100%;visibility:hidden;border:1px solid #666;box-shadow:0 0 2px 2px #666;background-color:#ffa;border-radius:3px;padding:2px 4px; white-space:nowrap; display:inline-block}
.bublina:hover span {visibility:visible}
.bold {font-weight:bold}
.centered {text-align:center}
.righted {text-align:right}