@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; }
body {margin:0 auto; padding:0;
		font-family:Open-Sans,Tahoma, sans-serif, Arial, Helvetica;
		background-color:white;
		font-size:12px;
		width:1000px;
		position:relative;
		margin:0 auto;}
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;}
h3 button {position:absolute; right:0; top:0}
h4 {font-size:14px;margin:6px 0 6px 0}
h5 {font-size:12px;margin:3px 0 3px 0}
h6 {font-size:12px; margin:3px 0}
textarea {font-family:Open-Sans,Tahoma, Arial, Helvetica, sans-serif;
		  font-size:12px; min-height:90px; resize: none;}
input[type=text],input[type=password],textarea {border:1px solid #888;height:18px;border-radius:3px}
input[disabled] {pointer-events:none; background-color:#eee !important}
form {margin:0;padding:0}
input {font-family: Open-Sans,Tahoma, sans-serif, Arial, Helvetica;font-size:12px}
select {font-family:Open-Sans, Tahoma, sans-serif, Arial, Helvetica;font-size:12px}
button {font-family:Open-Sans, Tahoma, sans-serif, Arial, Helvetica;
		font-size:12px;
		background-color:#ddd;
		border:1px solid #444;
		border-radius:3px;
		padding:0px 4px;
		transition: background-color 0.5s;
		display:inline-block}

button:hover {background-color:#bbb}
button:active {background:#ddd;outline:0}
button:focus {outline:0}
button::-moz-focus-inner {border:0; padding:0}
input[type=file] {width:0;height:0;position:absolute;visibility:hidden}
p {text-align:justify}


table.filemanager { border-collapse:separate;border-spacing:0;background-color:white;border:1px solid #888;margin-bottom:2px;width:100%}
table.filemanager tr:hover td {cursor:default; background-color:#aaf !important}
table.filemanager tr {
    -webkit-user-select: none; /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -khtml-user-select: none; /* webkit (konqueror) browsers */
    -ms-user-select: none; /* IE10+ */
}
table.filemanager tr:nth-child(odd) td {background-color:#eee}
table.filemanager td {padding:0 4px 0 0}
table.filemanager td:first-child {padding-left:4px}
table.filemanager td.modification {width:110px;text-align:right}
table.filemanager td.mimetype {max-width:210px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
table.filemanager td.zrusit {text-align:center;width:44px}
table.filemanager td.zrusit button { border:0;width:20px; height:22px; padding:1px 0; background:transparent url('zrusit.png') center no-repeat;vertical-align:top}
table.filemanager td.nazev {white-space:nowrap;text-overflow:ellipsis;width:555px;overflow:hidden}

table.vypis tr:nth-child(even) {background-color:#eee}


div.kontrola {height:20px;width:124px;border:1px solid #888;border-radius:3px}
div.kontrola img {border-radius:3px}

fieldset {padding:0;margin:0 auto 4px;width:620px; border:1px solid #888; border-radius:3px}

table.galleries {border:1px solid #888;margin:0 auto; border-collapse:collapse; border-spacing:0}
table.galleries tr:nth-child(odd) td {background-color:#eee}
table.galleries td.actionbuttons button {width:44px;margin-left:2px}
table.galleries td.actionbuttons button:first-child {margin:0}
table.galleries td.actionbuttons button:last-child {width:25px}

table.formular {padding:0;margin:0 auto;border-collapse:collapse;border-spacing:0}
table.formular th {white-space:nowrap;text-align:center;}
table.formular tr td:first-child {white-space:nowrap}
table.formular input[type=text] {width:calc(100% - 4px)}
table.formular button {height:20px;vertical-align:middle;border:1px solid #888;margin-right:1px}
table.formular tr td button:last-child {margin-right:0}
table.formular tbody {background-color:#ddd}

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}

td.nahorudolu button {display:block;height:11px;text-align:center;width:10px;border:1px solid #888;padding:0}
td.nahorudolu button:first-child {border-bottom:0;
								  border-bottom-left-radius:0;
								  border-bottom-right-radius:0;
								  background:#bbb url('trup.png') no-repeat 1px center}
td.nahorudolu button:first-child:hover {background-image:url('truw.png')}
td.nahorudolu button:last-child {border-top:0;
								 border-top-left-radius:0;
								 border-top-right-radius:0;
								 background:#bbb url('trdn.png') no-repeat 1px center}
td.nahorudolu button:last-child:hover {background-image:url('trdw.png')}


ul.narrowlist {margin:0;padding:0;}
ul.narrowlist li {list-style-type:none;
				  padding:0 2px;
				  margin-bottom:2px;
				  position:relative;
				  height:20px;
				  border:1px solid #888;
				  border-radius:3px}
ul.narrowlist li * {vertical-align:middle}
ul.narrowlist li img {position:absolute;top:0;left:calc(100% + 2px);width:20px;cursor:default}


label.prochazet {padding:0 2px !important;
				 margin-top:1px !important;
				 height:18px !important;

				 font-weight:normal !important;
				 border-top-right-radius:3px !important;
				 border-bottom-right-radius:3px !important}
label.prochazet span {font-weight:normal !important;  margin-top:-1px}

div.formular {border:1px solid #888; background-color:#eee;
			  padding:4px; margin:0 auto;}
div.formular table {border-collapse:collapse; border-spacing:0;
					background-color:white; margin:0 auto;
					padding:4px; border:1px solid #888 }
div.formular h4 {font-size:14px; margin:0 auto;text-align:center}

td.tlacitka button {border:0;padding:0; margin:0;background-color:transparent;border:1px solid transparent;padding:2px;border-radius:2px}
td.tlacitka button:hover {border:1px solid #aaa;background:linear-gradient(transparent, yellow)}
td.tlacitka img {display:inline-block;vertical-align:top}

div.pozadi {background-color:white;border-radius:0}

div.cistic {clear:both}
div.menu { float:left;}
div.menu > a, div.menu > div {border-bottom:2px solid white;
			color:white;
			display:block;
			font-weight:bold;
			padding:2px 5px}
div.menu > a:hover, div.menu > a:active {background-color:#ddd;
				   color:black;
				   text-decoration:none}
div.info {float:right;margin-bottom:2px;position:relative}
div.info p {margin:2px 0 0}
div.info div.aktualita:first-of-type {margin-top:0}
div.levy {float:left}
div.pravy {float:right}

div.filemanager {width:auto;border:1px solid #888;border-bottom:0;padding:0;margin:0;background-color:#eee}
div.filemanager button {border:0;padding:0 10px;height:auto;border-radius:0;background-color:#bbf;margin:0;min-width:70px}
div.filemanager button:first-child {margin-left:0}
div.filemanager button:hover {color:white;background-color:#aaf}


div.multibanner { position:absolute;top:10px;left:0;height:86px;z-index:2;padding:0 4px }
div.multibanner div {font-size:12px;text-align:right}
div.multibanner div:first-child {font-size:20px;font-weight:bold}
div.vlajky {position:absolute;left:4px;top:78px;z-index:2}
div.vlajky img {cursor:pointer;padding-right:4px;}

div.bublina {position:absolute;
			  background-color:#dd9;
			  font-size:12px;
			  border:1px solid #999;
			  padding:3px;
			  margin-top:15px;
			  display:none;
			  text-align:justify;
			  width:400px;
			  z-index:5}

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


img.par {display:block;margin:2px auto;}
img.char {display:inline}
img.flleft {display:block;float:left;padding:4px}
img.flright {display:block;float:right;padding:4px}

div.loginbanner {text-align:center;font-style:italic;color:red}

div.session {padding-right:2px;float:right}

div.thumbnails {height:390px;width:calc(100% - 410px);
vertical-align:bottom;
				overflow-x:hidden; margin:2px;
				border:1px solid #888;
				padding:2px;
				overflow-y:scroll;
				display:inline-block;
				}
div.thumbnails div {display:inline-block;position:relative;width:160px; height:160px; margin:2px 4px; background-color:white; cursor:default}
div.thumbnails div:hover {outline:2px solid black}
div.thumbnails div img {max-width:150px;max-height:150px}

h4.obecnenahledy {text-align:center}
div.obecnenahledy {display:table; margin:0 auto}
div.obecnenahledy div {display:inline-block;margin:4px;vertical-align:middle}
div.obecnenahledy div:hover {outline:2px solid black}
div.obecnenahledy div img {max-width:150px;max-height:150px}

div.oneimage {height:610px;width:810px;overflow:hidden;text-align:center}
div.oneimage + div {text-align:center;font-style:italic}
div.oneimage img {max-width:800px;max-height:600px;}

div.thumbnails div img {position:absolute;display:inline-block;    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);}

div.imgnahled {height:300px;width:calc(100% - 2px);border:1px solid #aaa;position:relative}
div.imgnahled img {position:absolute;display:inline-block;    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);}



div.ovladani > div {display:inline-block;border:1px solid #888; background-color:#ddd;margin-left:2px}

div.aktualita {border-bottom:1px solid #aaa;padding-top:4px; transition:background-color 0.5s ease;position:relative}
div.aktualita h4 {margin:0}
div.aktualita > div:last-child {color:#888; text-align:right}
div.aktualita:hover img.close {opacity:1}

div.justified {text-align:justify;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;


}

.filebrowser * {border-color:#888;vertical-align:bottom}
.filebrowser input[type=text] {width: calc(100% - 70px);
							   border-right:0;
							   padding:0 2px;
							   border-top-right-radius:0;
							   border-bottom-right-radius:0;}
.filebrowser input[type=file] {width:0; height:0; position:absolute; visibility:hidden}
.filebrowser button {width: 65px; border-left:0;
					 padding-top:1px;
					 background-color:#ccc;
					 border-top-left-radius:0;
					 border-bottom-left-radius:0;}
.filebrowser button:hover {background-color:#aaa}

.dialogline * {vertical-align:middle}

.bublina {position:relative}
.bublina span {position:absolute;left:0;top:100%;
			   visibility:hidden;
			   border:1px solid #aaa;
			   box-shadow:0 0 2px #aaa;
			   background-color:#EEE;
			   border-radius:3px;
			   padding:0 4px;
			   white-space:nowrap;
			   z-index:1001;
			   display:inline-block}
.bublina:hover span {visibility:visible}
.aktualita {padding:0px;margin:0px}
.podpis {color:#aaa}
.bolditalics{font-weight:bold;font-style:italic}
.bold{font-weight:bold}
.vpravo{text-align:right}
.text {text-align:justify;
       text-indent:20px;
	   margin:0}
.text_noindent {text-align:justify;
	   margin:0 0 5px 0}
.odsadit{padding-left:50px}
.centered{text-align:center}
.slanted{font-style:italic}
.oddelovac {float:left;margin-top:6px}
.nobottom {margin:0 0 3px 0}
.nepov {background-color:#D6E7DE !important}
.schovej {display:none}
.clickable {cursor:default}
.clickable:hover {background-color:#ddd}
.nobreak {white-space:nowrap}