@font-face { font-family: Open-Sans;
			 src: url('../fonty/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
				  url('../fonty/OpenSans-Regular.ttf'); }
@font-face { font-family: Open-Sans;
             src: url('../fonty/OpenSans-Italic.eot?#iefix') format('embedded-opentype'),
				  url('../fonty/OpenSans-Italic.ttf');
			 font-style:italic; }
@font-face { font-family: Open-Sans;
             src: url('../fonty/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
				  url('../fonty/OpenSans-Bold.ttf'); font-weight:bold; }
@font-face { font-family: Open-Sans;
             src: url('../fonty/OpenSans-BoldItalic.eot?#iefix') format('embedded-opentype'),
				  url('../fonty/OpenSans-BoldItalic.ttf'); font-weight:bold; font-style:italic; }
body {margin:4px auto;
      width:1000px;
      position:relative;
      background-color:white; -webkit-font-smoothing: antialiased;
      font: normal normal normal 12px 'Open Sans',Open-Sans,Tahoma,Arial,Helvetica,sans-serif}
form {padding:0;margin:0}
h2 {margin:0 0 12px 0;font-size:18px;background-color:#c8c8c8;line-height:18px;padding:5px 8px}
h3 {position:relative}
h4 {font-size:14px;margin:6px 0 6px 0}
h5 {font-size:12px;margin:3px 0 3px 0}
h6 {margin:0;padding:0 0 6px 0;font-size:12px;text-align:center}
div {padding:0;margin:0}
input, textarea,button {font: normal normal normal 12px 'Open-Sans',Tahoma,Arial,Helvetica,sans-serif}
input[type=text], input[type=password], input[type=email] { border:1px solid #888;height:18px;border-radius:3px}
input[type=text]::-moz-focus-inner { padding:0; border:0 }
button {padding:1px 4px 1px;margin-left:1px;
		background-color:#ddd;
		border:1px solid #888;
		border-radius:3px;
		outline:0;
		transition:background-color 0.3s ease;
		transition:color 0.3s ease;
		height:22px;
		display:inline-block}
button:hover {background-color:#aaa;outline:0}
button:active {background-color:#222; color:white;outline:0}
button::-moz-focus-inner { padding:0; border:0 }
input[type=file] {width:0;height:0;position:absolute;opacity:0}
input[disabled] {pointer-events:none; background-color:#eee}
textarea {border:1px solid #888;border-radius:3px;resize:none;padding:0}
p {text-align:justify;margin:0 0 10px 0;padding:0;-webkit-hyphens:auto;-ms-hyphens:auto;-moz-hyphens:auto;hyphens:auto;}
label {display:block}
a {font-weight:bold;text-decoration:none;color:#b56c1d ;outline:0}
a::-moz-focus-inner {border:0}
a:hover {text-decoration:underline}
th {text-align:center}
br {mso-data-placement:same-cell}

button.ok,button.smazat,button.download {width:20px;height:20px;border:0; padding:0; background:transparent none top left no-repeat }
button.ok {background:#43dc43 url('button_paraok_20.png') center center no-repeat}
button.smazat {background-image:url('button_zrusit_20.png')}
button.download {background-image:url('button_ulozit_20.png')}

/* cervene tlacitko */
button.closeup {background-color:#fbb;transition:background-color 0.3s ease;}
button.closeup:hover {background-color:#d99}

/* zelene tlacitko */
button.confirm {background-color:#bfb;transition:background-color 0.3s ease;}
button.confirm:hover {background-color:#9d9}


button.obrazek {background:transparent url('zrusit.png') no-repeat center;width:20px;border:0}
button.obrazek:hover {}

input[type=text].rightbutton {border-right:0;border-top-right-radius:0;border-bottom-right-radius:0;}
input[type=text].rightbutton + button {border-left:0;border-top-left-radius:0;border-bottom-left-radius:0;margin-left:0}

input[type=text].readonly {pointer-events:none; background-color:#eee !important}

#text {float:right;margin:0;background-color:#eaeaea;position:relative;visibility:hidden}
#dokument {position:relative;}
#dokument > *:not(:first-child) {margin:2px;min-height:0}
#menu {float:left;visibility:hidden;margin:0}

div.menuitem {

		margin:0;
        position:relative;
		background-color:#777;

		}
#menu > div.menuitem:last-child {background-color:#999}
#domov {width:100px;
		margin:0 auto;
		border-bottom:4px solid #999;
		background-color:#eee;
		padding:4px;
		font-size:32px;
		line-height:32px;
		font-weight:bold;
		text-align:center}

form.inlineform {padding:4px 2px}
form.inlineform div.inlineform {text-align:center;padding-bottom:2px;margin:0 auto}
form.inlineform div.inlineform > * {vertical-align:middle;display:inline-block}
form.inlineform div.inlineform input[type=text] {height:17px;line-height:12px}

#login tr td:first-child {white-space:nowrap:width:0}
#login tr td:last-child {width:200px}
#login tr td:last-child > input {width:calc(100% - 4px)}

#loginorg {display:none}


#terminy {width:100px;padding-bottom:4px;margin:0 auto}
#terminy div:first-child {font-weight:bold;text-align:center;background-color:#ddd;}
#terminy table {background-color:white;width:100%}


div.menuitem > a {
        text-decoration:none;
         white-space:nowrap;
        font-weight:normal;
        color:white;
        font-size:15px;
        display:block;
        padding:3px 8px 3px 3px;
        border-left:5px solid #777;
        cursor:pointer;
       }
div.menuitem > a:hover {background-color:#666; border-left:5px solid #7e1a47;}
div.menuitem:hover > a {background-color:#666; border-left:5px solid #7e1a47;}
div.submenu {position:absolute;
			 z-index:1100;
			 visibility:hidden;
			left:100%; top:0;
			 background-color:#777;
			 padding:0; }

div.submenu > a { padding-right:4px}



div.karta {position:absolute;
		   z-index:1;right:3px;top:3px;
		   box-shadow:0 0 0 2px #c8c8c8;
		   padding:2px 8px;
		   background-color:#777;
		   color:white;

		   font-weight:bold}
div.menuitem:hover > div.submenu {visibility:visible}
div.cistic {clear:both;height:0;min-height:0 !important}
div.disclaimer {background-color:#c8c8c8}
div.disclaimer div {width:872px}
div.disclaimer div div {width:auto}
div.disclaimer div div div {width:auto;margin-right:2px;font-style:italic}

div.oszprava,textarea.oszprava {border:1px solid #888;border-radius:3px;
			  background-color:white;
			  margin:0 3px; padding:2px;}
div.oszprava {max-height:300px;overflow-y:auto}
textarea.oszprava{ width:calc(100% - 12px);margin:2px 3px 0}
div.oszprava > div {border-top:1px dotted #888}
div.oszprava > div:first-child {border:0}


div.formular {background-color:#bbb;

			  margin:0 auto 2px;
			 position:relative }

div.formular h5 {position:relative;font-size:12px;margin:0;max-height:22px;background-color:#777}

div.formular h5 > div {vertical-align:bottom;
					   padding:2px 0 2px 4px;
					   border-left:4px solid #7e1a47;
					   max-width:700px;
					   overflow: hidden;
					   display: inline-block;
					   white-space:nowrap ;
					   text-overflow:ellipsis;
					   color:white}

div.blokform {border:2px solid #bbb;padding:0;margin:2px 0; background-color:#eee}

div.blokform i {border:2px solid #bbb;height:16px;display:block;padding:2px 0 0 4px;background-color:white}

div.formular table {width:100%;
					border-collapse:separate;
					border-spacing:0;
					padding:1px;
					margin-bottom:2px}
div.formular table thead tr {background-color:#ccc}
div.formular table td {padding:1px 1px 0 0}
div.formular table tr td:first-child {white-space:nowrap}
div.formular table th {padding:1px 1px 0 0}
div.formular div.zamky {float:left; }
div.formular div.zamky * {vertical-align:middle;}
div.formular div.zamky label {vertical-align:top;}

div.formular div.bottomform { background-color:#777;border-left:4px solid #7e1a47;padding:2px 4px; color:white}
div.formular div.bottomform button {border-radius:0;border:0;margin:1px 2px;height:18px}
div.formular div.bottomform div.legenda {text-align:right;vertical-align:bottom}


div.nobutton {width:40px;border:1px solid #888;border-radius:3px;display:inline-block;height:12px;line-height:12px; padding:4px 0;vertical-align:bottom;text-align:center;font-weight:bold}
div.nobutton * {}

form div.lineform {padding:2px 4px;background-color:#ccc}
form div.lineform > div {float:left}
form div.lineform > div:nth-last-child(2) {float:right}
form div.lineform > div > * {vertical-align:middle;display:inline-block}
form div.lineform > div:last-child {float:none;clear:both}






span.bublina {display:inline-block}

img.checkbox {cursor:default}
img.checkbox:hover {background-color:#bbb}

img.vlajka:hover {cursor:pointer;outline:1px dotted black}

ul.zarovnanyseznam li, ol.zarovnanyseznam li {text-align:justify;-webkit-hyphens:auto;-ms-hyphens:auto;-moz-hyphens:auto;hyphens:auto;}

ul.radio {list-style-type:none;margin:4px 0}

fieldset {border:1px solid #888;border-radius:3px}



#banner {margin:0;height:124px;width:1000px;display:flex; background:#a96684 none center center repeat;position:relative; justify-content:space-between}
#banner h1, #banner h2 { text-align:center;color:white;margin:0}
#banner h1 {font-size:48px;line-height:48px;margin:20px 0 10px}
#banner h2 {padding:0;border:0;font-weight:normal;background-color:inherit}
#banner > *  {width:50%}
#sezeni {position:absolute;bottom:2px;right:calc(50% + 2px);display:flex; background-color:#eee; padding:0;width:40px; height:27px;font-weight:bold}
#sezeni > div {margin:auto; font-size:13px;text-align:center;font-weight:bold}
#vlajky {position:absolute;bottom:2px;left:2px;width:auto}
#vlajky img {display:inline-block;vertical-align:bottom}
#vlajky img:hover {cursor:pointer;outline:1px dotted black}


#statuswindow {
margin:0;
				background-color:#eee;

				overflow-y:auto;
				-webkit-column-count: 2;-moz-column-count: 2; column-count: 2;
				-moz-column-gap: 2px; column-gap: 2px; -webkit-column-gap: 2px;

				padding:0; border:2px solid #a96684}
#statuswindow > li {cursor:default;
					 padding:0 2px 0 2px;
					 white-space:nowrap;
					 overflow-x:hidden;
					 text-overflow:ellipsis;
					 border-left:2px solid transparent}
#statuswindow > li:hover {background-color:#666;color:white;border-left:2px solid #7e1a47;}
#delic {position:absolute;width:2px;height:124px;background-color:#a96684; right:250px}
div.blink { animation: blinker 1s linear infinite; }

@keyframes blinker { 50% { opacity: 0.0; } }

td.zarovnat * {vertical-align:middle}

td.excelence {width:14px}
td.excelence img {background-color:white;height:14px;line-height:14px;border-radius:7px}

div.radiomix {margin-top:2px}
#dublincore table tr td {height:16px}
#dublincore table tr:last-child td {}
#dublincore table tr td div {width:100%;display:inline-block;border:0}
#dublincore table tr td input[type=text],#dublincore table tr td textarea { width:100% ;
										   display:inline-block;
										   border:0;border-radius:0;
										   line-height:16px;height:16px;

										   background-color:wheat;
										   vertical-align:bottom;
										   padding:0;
										   margin:0 0 1px 0}
#dublincore table tr td textarea {margin-top:0;}
#dublincore table tr td:first-child {width:202px;padding-left:2px}
#dublincore table tr td:nth-child(2) {width:452px;padding-right:0;margin-right:0}
#dublincore table tr td:last-child {}
#dublincore table tr td:last-child * {margin:0 0 1px 2px;float:right}


.centered {text-align:center}
.justified {text-align:justify;-webkit-hyphens:auto;-ms-hyphens:auto;-moz-hyphens:auto;hyphens:auto;}
.righted {text-align:right}
.bold, .redx, .grayx {font-weight:bold}
.slanted {font-style:italic}
.redx {color:red}
.grayx {color:#aaa}
.nepov {background-color:#D6E7DE !important}
.pravy {float:right !important}
.levy {float:left !important}
.bublina {position:relative}
.bublina > div:first-child {position:absolute;
							border:1px solid #888;
							background-color:#ffa;
							display:none;
							padding:2px;
							left:0;top:16px;
							z-index:10000;border-radius:3px;
							box-shadow:#888 3px 3px 3px;
							font-weight:normal;font-size:12px;
							color:black;
							white-space:nowrap}
.bublina > div:first-child * {font-family:'Open Sans',Open-Sans,Tahoma,Arial,Helvetica,sans-serif !important}
.bublina:hover > div:first-child {display:block}


.klik { cursor:default; }
.klik:hover { background-color:#aaf }

.skryty { display:none !important }

.soubor { /* konstruovany dialog pro upload // muze byt i obecny */ }
.soubor input[type=text] { border-right:0; border-radius:0;width:calc(100% - 83px)}
.soubor button[type=button] {border-left:0; border-radius:0 3px 3px 0;width:80px;margin-left:0;background-color:#ccc}

/* toto je pro hole vypisy v tabulce */
table.jentab {border-collapse:collapse;cell-spacing:0px;}
table.jentab tr {vertical-align:top;background-color:wheat}
table.jentab thead tr {background-color:#aaa}
table.jentab tr > * {white-space:nowrap;border:2px solid white;padding:2px}
table.jentab tr > td.zlom {white-space:initial;min-width:400px}

/* format vystupni tabulky -- libovolne */
table.vystup {border-spacing:0;margin:0 auto}
table.vystup thead tr {background-color:#bbb}
table.vystup tbody tr {background-color:white}
table.vystup thead tr th {height:18px; transition: color 0.3s ease, background-color 0.3s ease;}
table.vystup thead tr th:hover {background-color:#444;color:white;cursor:default}
table.vystup tbody tr:nth-child(even) {background-color:#dedede}
table.vystup tbody tr:hover {background-color:#aaf;cursor:default}

table.vystup tbody tr td {vertical-align:middle;white-space:nowrap;max-width:490px; overflow-x:hidden;text-overflow:ellipsis;padding:0 2px}
table.vystup tbody tr td * {vertical-align:middle}

#vystup tr td.workflow span, #vystup tr td.indexed span, #vystup tr td.zamky span {text-align:center;font-weight:bold;display:inline-block; color:black; line-height:16px; width:16px; height:16px; margin-right:1px}
#vystup tr td.workflow span.cervena {background-color:#d44}
#vystup tr td.workflow span.zelena {background-color:#4d4}
#vystup tr td.workflow span.zluta {background-color:#dd4}
#vystup tr td.workflow span:last-child, #vystup tr td.zamky span:last-child {margin-right:0}
#vystup tr td.zamky span {background-color:#bbb;}
#vystup tr td.indexed span {background-color:#bbf}
#vystup tbody tr td:nth-child(n+3):nth-child(-n+5) {padding:0 1px 2px 0}

table.statistika {margin:5px auto 0;background-color:white;max-width:calc(100% - 4px);overflow-x:scroll}
table.statistika tr th {background-color:#bbb;min-width:40px;}
table.statistika tr td {background-color:#ccc;min-width:40px;text-align:right}
table.statistika tr td:first-child {font-weight:bold;text-align:left}
table.statistika tr td:last-child, table.statistika tr:last-child td {font-weight:bold}


table.formular {width:100%; margin:0 auto 3px;
/*				border-spacing:0 2px;
				border-collapse: separate; */
}
/* table.formular tr td {margin:0 0 2px 2px !important} */
table.formular tr:first-child td {margin:0}
table.formular tr td {padding:0;vertical-align:middle}
table.formular tr td > label:first-of-type {padding-left:2px}
table.formular tr td > *:first-child {border-top-left-radius:0;border-bottom-left-radius:0}
table.formular tr td div.select:first-of-type {border-top-left-radius:0;border-bottom-left-radius:0}
table.formular tr td:first-child {background-color:#bbb;border-top-right-radius:0;border-top-right-radius:0;padding:0 2px;height:22px}
table.formular tr td > textarea {margin:0}

textarea.license {width:400px; height:100px}

p.exclam {text-align:center;margin-top:2px;padding:2px 6px}
p.exclam > * {vertical-align:middle}

.nevidim {visibility:hidden}
.vidim {visibility:visible}
.nezobraz {display:none}