@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:0 auto; padding:0;
		background-color:white;
		font-size:12px;
		width:1000px}
a {text-decoration:none; font-weight:bold;
	color:#137;}
a:hover {text-decoration:underline}
h3 {font-size:16px;
	margin:5px 0;
	position:relative;
	border-bottom:1px solid #bbb;}
h4 {font-size:14px;margin:6px 0 6px 0}
h4.galerie {text-align:center;font-style:italic;border:1px solid #999;margin-top:0; padding:2px}
h5 {font-size:12px;margin:3px 0 3px 0}
h6 {font-size:12px; margin:3px 0}
table {font-size:12px}
input[type=file] {visibility:hidden; position:absolute}
input[type=text] {border:1px solid #888;height:16px;border-radius:3px}
input[type=password] {border:1px solid #888;height:16px;border-radius:3px}
input[disabled] {pointer-events:none; color:#666; background-color:rgba(255, 255, 255, 0.5)}
button {border:1px solid #666;
		border-radius:3px;
		height:20px;
		display:inline-block;
		background-color:#ccc;
		transition: background-color 0.5s;}
button:hover {background-color:#bbb}
button:active {background:#ddd;outline:0}
button:focus {outline:0}
button::-moz-focus-inner {border:0; padding:0;outline:0}
p {text-align:justify}
textarea {font-size:12px; border:1px solid #888; border-radius:3px}

img.close {position:absolute;top:-15px;right:-15px;opacity:0;display:block;transition:opacity .5s ease}

button.empty {border:0;
			  width:auto;height:auto;
			  border-radius:0;
			  background-color:transparent;
			  padding:0;margin:0}
button.empty img {padding:0;margin:0;}




div.pozadi {position:fixed;
			  top:0;left:0;
			  right:0;bottom:0;
			  z-index: 1001;
			  height:100%;
			  width:100%;
			  display:none;background-color:white; opacity:0.5; border-radius:0}

h3 > button:first-child {position:absolute;top:0;right:0;}


div.fileupload {background-color:white;border:1px solid #888;padding:2px}
div.fileupload div.levy {width:92%}
div.fileupload div.levy input[type=text] {width:calc(100% - 156px);cursor:default}
div.fileupload div.pravy {text-align:right;width:7%}






table.aktivity {width:100%; border-collapse:collapse; border-spacing:0px;background-color:white;}
table.aktivity tr:not(:first-child) {cursor:default;background-color:#eee;}
table.aktivity tr:not(:first-child):hover {background-color:#fee;}
table.aktivity tr div.justified {position:relative}
table.aktivity th {white-space:nowrap}
table.aktivity td {border:2px solid white;border-top:0; border-left:0}
table.aktivity tr td:last-child {border-right:0;}
table.aktivity tr:last-child td {border-bottom:0}
table.aktivity tr:hover img.close {opacity:1}

table.filemanager { background-color:white;border:1px solid #888;margin:0;
					border-collapse:collapse; border-spacing:0;
					width:100%}
table.filemanager thead tr {background-color:#eee}
table.filemanager thead th:hover {background-color:#ccc;cursor:default}

table.filemanager tbody tr:hover {background-color:#ddd}

table.filemanager tr td {border-top:1px dotted #ddd;padding:0 2px 0 0; height:auto;
					  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
table.filemanager tr td:nth-child(3) {text-align:right}
table.filemanager tr td:last-child {padding:2px 0 0 0; text-overflow:clip; width:calc(3 * 22px)} /* pocet tlacitek je 3 */
table.filemanager tr:first-child td {max-width:500px;border-top:0}
table.filemanager tr:last-child td {padding-bottom:2px}
table.filemanager tr.adresar {cursor:default}
table.filemanager tr.adresar td {font-weight:bold}
table.filemanager tr.adresar:hover {background-color:#aaf}
table.filemanager tr td:first-child {padding-left:4px}
table.filemanager tr td button,table.filemanager tr td.flags > div {height:16px;width:16px;
								border-radius:0;
								line-height:12px;
								margin:2px 2px 0 0;
								padding:0;
								font-weight:bold}
table.filemanager tr td.flags > div {border:1px solid #666;display:inline-block;text-align:center;height:14px;width:14px;background-color:#eee;color:#666}

table.filemanager tr td button:hover {border-color:blue}
table.filemanager tr td * {vertical-align:top}
table.filemanager tr td.flags {width:calc(2 * 18px)}
table.filemanager tr td:last-child button {border:0;display:inline-block;margin-top:0;
										   line-height:14px;height:20px;width:20px;}
table.filemanager tr.mimodb td {font-style:italic; color:#666}
table.filemanager td button.smazat {background: transparent url('button_zrusit_20.png') center no-repeat;}
table.filemanager td button.zmenit {background: transparent url('button_zmenit_20.png') center no-repeat;}
table.filemanager td button.ulozit {background: transparent url('button_ulozit_20.png') center no-repeat;}
table.filemanager td button.nesmazat {background: transparent url('button_zrusit_20g.png') center no-repeat;}
table.filemanager td button.nezmenit {background: transparent url('button_zmenit_20g.png') center no-repeat;}
table.filemanager td button.neulozit {background: transparent url('button_ulozit_20g.png') center no-repeat;}
table.filemanager td button.reload {background: transparent url('button_reload_20.png') center no-repeat;}

div.menubar > * {vertical-align:top}
div.menubar {background-color:#eee;border:1px solid #bbb;border-bottom:0;}

div.menubar div.menuitem {display:inline-block;position:relative;padding:0 8px;  }

div.menubar div.submenu div.menuitem {display:block}
div.menubar div.submenu {visibility:hidden;
						 position:absolute;
						 border:1px solid #bbb;
						 top:100%;left:-1px;
						 cursor:default;
						 z-index:2;
						 box-shadow:0 2px 2px #bbb;
						 background-color:white; }
div.menubar hr {margin:0 2px;border:0; border-top:1px solid #bbb}

div.menubar div.menuitem:hover  { background-color:#bbb }
div.menubar button {border:0; border-radius:0;
					background-color:transparent;
					white-space:nowrap;text-align:left;
					padding:0 2px ;min-height:100%; margin:0;
					}
div.statusbar {margin-bottom:2px;color:white; padding:2px 0 0; height:18px;}
div.statusbar > div:first-child {float:left;margin-left:2px}
div.statusbar > div:nth-child(2) {float:right; margin-right:2px}

div.filemanager {margin:0 auto 4px;
				 border:1px solid #888;
				 background-color:#ddd;
				 padding:4px;width:calc(100% - 10px); }

div.filemanager div.menubar {border:0 ;background-color:transparent}

div.filemanager div.menubar button.menuhead {padding:1px 2px;border-radius:3px 3px 0 0;background-color:#888;margin-right:1px}
div.filemanager div.menubar button.menuhead:hover {background-color:#aaa}
div.filemanager div.menubar button.menuhead:last-child {margin-right:0;width:auto}
div.filemanager div.submenu div.menuitem {padding:0;}
div.filemanager div.titulek { max-width:400px;
							  text-overflow:ellipsis;
							  overflow:hidden;
							  white-space:nowrap;
							  font-weight:bold;
							  text-align:center;

							  margin:0 auto;}

div.filemenu { float:left; position:relative;  }



div.cistic {clear:both}
div.levy {float:left}
div.pravy {float:right}
div.menu { float:left;}
div.menu a {border-bottom:2px solid white;
			color:white;
			display:block;
			font-weight:bold;
			height:18px;

			padding:2px 4px 0}
div.menu a:hover, div.menu a:active {background-color:#ddd;
				   color:black;
				   text-decoration:none}
div.info {float:right;margin-bottom:2px;}
div.info p {margin:2px 0 0}

div.nahled {padding-left:2px}
div.nahled * {width:inherit}
div.nahled div:nth-child(2) {-webkit-hyphens:auto;
				-ms-hyphens:auto;
				-moz-hyphens:auto;
				hyphens:auto;
				text-align:justify;
				text-align-last:center}

.bublina > div:first-child {text-align:justify;
							-webkit-hyphens:auto;-ms-hyphens:auto;-moz-hyphens:auto;hyphens:auto;
							position:absolute;
							border:1px solid #888;
							background-color:#ffa;
							padding:2px; opacity:0;
							transition: opacity .5s;
							z-index:10000;
							border-radius:3px;
							box-shadow:#aaa 1px 1px 3px;
							font-weight:normal;
							font-size:12px;
							margin:14px 0 0 -4px;
							color:black}
.bublina:hover > div:first-child {opacity:1;}
.bold{font-weight:bold}
.centered{text-align:center}
.slanted{font-style:italic}
.nobottom {margin:0 0 3px 0}
.delitslova {-webkit-hyphens:auto;-ms-hyphens:auto;-moz-hyphens:auto;hyphens:auto;text-align:justify}