@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.ttf?#iefix') format('embedded-opentype'),
				  url('../fonty/OpenSans-Bold.ttf'); font-weight:bold; }
@font-face { font-family: Open-Sans;
             src: url('../fonty/OpenSans-BoldItalic.ttf?#iefix') format('embedded-opentype'),
				  url('../fonty/OpenSans-BoldItalic.ttf'); font-weight:bold; font-style:italic; }
body {margin:0 auto;
      width:1000px;
      top:10px;
      position:relative;
      background-color:#747476;
      font: normal normal normal 12px Open-Sans,Tahoma,Arial,Helvetica,sans-serif}
h2 {margin:0 0 12px 0;padding:0 0 2px 0; border-bottom:1px solid #747476}
h4 {font-size:14px;margin:6px 0 6px 0}
h5 {font-size:12px}
h6 {margin:0;padding:0 0 6px 0;font-size:12px;text-align:center}
input, select, textarea,button { font: normal normal normal 12px Open-Sans,Tahoma,Arial,Helvetica,sans-serif}
input[type=text], input[type=password], input[type=email] {display:inline-block; 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;height:22px;display:inline-block;width:60px}
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 }
input[type=file] {position:absolute;opacity:0}
input[disabled] {pointer-events:none; background-color:#eee !important}
textarea {resize:none}
a {font-weight:bold;text-decoration:none;color:#b56c1d}
a:hover {text-decoration:underline}
th {text-align:center}
p {text-align:justify;margin:0 0 10px 0;padding:0}

label {display:inline-block;position:relative;border:0;}
label:hover input[type=checkbox] + div.checkbox {border:1px solid #77f}
label input[type=checkbox] {opacity:0;position:absolute;display:inline-block;z-index:-1}
label input[type=checkbox] + div.checkbox { display:inline-block;
									 padding:0;margin:0;
									 width:9px;height:9px;
									 background-color:white;
									 border:1px solid #888}
label input[type=checkbox]:checked + div.checkbox { background:white url('checkctverec.png') center no-repeat; }


button.redbutton {background-color:#d88}
button.closeup {background-color:#fbb;float:left}
button.confirm {background-color:#bfb;float:right}
button.confirm:hover {background-color:#9d9}
button.closeup:hover {background-color:#d99}


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

table.seznam {border-collapse:separate;border-spacing:0;width:calc(100% - 6px)}
table.seznam tr th {border-bottom:1px solid #888;}
table.seznam tr th a {color:black}
table.seznam tr:not(:first-child) {background-color:white;height:25px}
table.seznam tr:not(:first-child):hover {background-color:#aae !important;cursor:default}
table.seznam tr:nth-child(even) {background-color:#eee}
table.seznam tr td {padding:2px 4px 0 0}
table.seznam tr td:first-child {padding-left:4px;border-left:1px solid #888}
table.seznam tr td:last-child {border-right:1px solid #888;padding:0 4px 0 0}
table.seznam tr td:last-child label {vertical-align:middle;padding:3px 0 0}
table.seznam tr td:last-child button {position:relative;
														vertical-align:middle;
														text-align:center;
														width:20px;border:0;padding:0;
														margin:0 0 0 6px;height:20px}
table.seznam tr td:last-child button:last-of-type {background:transparent url("zrusit.png") right no-repeat;}
table.seznam tr td:last-child button:first-of-type {background:transparent url("otevrit.png") right no-repeat;}
table.seznam tr:last-child td {border-bottom:1px solid #888; padding-bottom:2px}
table.seznam tr td:last-child button:active {background-color:inherit}
table.seznam td.timestamp {width:120px;text-align:right}
table.seznam td.mimetyp {width:200px}

tr.nadoraz td {text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:700px}

div.podseznam {margin:0 auto;display:table}
div.podseznam button {width:initial}


img.banner {margin:0;
            background-color:#747476;
            border-radius:4px}

td.levy {border-left:1px solid #747476}
td.pravy {border-right:1px solid #747476}

table.vysledky {margin:0 auto;border-bottom:1px solid #747476}
table.vysledky tr {margin:2px;padding:2px;}
table.vysledky tr td {padding:4px;}
table.prehledy {margin:0 auto;border:2px solid #747476;border-radius:4px;padding:2px}
table.prehledy tr.hlavicka {background-color:#c4c5c6;border-radius:4px;border:2px solid #c4c5c6;padding:10px;margin-bottom:2px}
table.prehledy tr.hlavicka th {padding:2px 6px;width:200px;border:0}
table.prehledy tr td {text-align:center;padding:0;margin:0}
table.prehledy tr td a {display:block;color:black;padding:2px 0}
table.prehledy tr td a:hover {background-color:#c4c5c6;text-decoration:none}
#banner {position:relative}
#text {float:right;
          background-color:white;
          border-radius:4px;
          max-width:calc(100% - 150px);
          position:relative;
          visibility:hidden}
#dokument {position:relative; margin:4px;}
#menu {float:left;visibility:hidden}
div.menuitem {
       margin-bottom:2px;
        border-radius:4px;
        position:relative;
		background-color:#71bf44;
		}
div.menuitem > a {
        text-decoration:none;
         white-space:nowrap;
        font-weight:normal;
        color:black;
        font-size:15px;
        display:block;
        padding:3px 3px;
        cursor:pointer;
       }
div.menuitem > a:hover {color:white;}
div.menuitem:hover > a {color:white;}
div.menuitem:hover > div.submenu {visibility:visible}
div.submenu {position:absolute;
			 z-index:1;
			 visibility:hidden;
			 left:100%;
			 top:-2px;
			 background-color:#747476;
			 padding:2px 2px 0 2px;
			 border-radius:4px;
			 box-shadow:0px 0px 4px #747476;
			 }

div.statuswindow, div.sesscount {position:absolute; border-radius:3px;background-color: rgba( 255,255,255,.5); padding:2px;z-index:100;top:4px; }
div.statuswindow { height:116px;width:375px;
				   right:50px;top:4px;
				   overflow:hidden;
				   overflow-y:auto;
				   -webkit-column-count: 2;
				   -webkit-column-gap: 5px;
				   column-count: 2;
				   column-gap: 2px;
				   }
div.statuswindow > div {cursor:default;}
div.statuswindow > div:hover {background-color:#aaf}

div.sesscount {right:4px;min-width:35px;text-align:right;visibility:hidden;}



div.vypln {border-radius:4px;background-color:#7ab51d;height:8px}
div.cistic {clear:both}
div.disclaimer {margin-top:4px;border-radius:4px; border:2px solid #c4c5c6;background-image:url('../grafika/disc-pozadi.png')}
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.eftul {border-bottom:1px solid #7ab51d}
div.hodiny {padding-right:10px}

div.formular, div.tlacitko {position:relative;border:2px solid #777; background-color:#ccc; border-radius:4px; margin:0 auto 2px;padding:2px }
div.tlacitko {display:inline-block; font-weight:bold;margin-right:2px}
div.tlacitko:hover {cursor:default;background-color:#aae !important}
div.formular table {margin:0 auto 3px;}
div.formular h5 {font-size:12px;margin:0;height:22px;background-color:#777;border-radius:4px}
div.formular h5 div {display:inline-block;border:2px solid #777;padding:1px 2px 0;box-shadow:2px 0 0 #ccc; background-color:white;border-radius:4px;height:17px}

.pravy {float:right}
.levy {float:left}
div.komentar {border:1px solid #747476;background-color:white;margin:5px 10px 0 10px; padding: 6px;font-style:italic}
.bublina div {top:200px;left:2px;
			  z-index:100;
			  position:absolute;
			  border:1px solid #888;
			  background-color:#ffa;
			  font-size:10px;
			  display:none;
			  max-width:300px;
			  padding:2px;
			  color:black}
.bublina:hover div {display:block}
div.heslo_obal {margin-top:-7px;
                  position:absolute;
                  z-index:1;
                  background-color:white;
                  border-radius:4px;
                  padding:2px;
                  display:none}
div.heslo_obal div {margin-top:0;
					  border-radius:4px;
					  background-color:#c4c5c6;
					  padding:2px 2px 0;
					  display:inherit;
					  border:2px solid #747476;}
div.heslo_dialog div.horni {display:inherit;padding:0;border:0;border-radius:0; border-bottom:1px solid #747476}
div.heslo_dialog div.horni div.error {border:0;margin-bottom:1px;display:none}
div.heslo_dialog div.dolni {display:inherit;margin:1px 0;border:0;margin:0;padding:0}
div.heslo_dialog div.horni div.levy, div.heslo_dialog div.dolni div.levy {display:inherit;margin-top:1px;border:0;padding:2px 0 0 0}
div.heslo_dialog div.dolni div.pravy, div.heslo_dialog div.dolni div.cistic, div.heslo_dialog div.horni div.pravy, div.heslo_dialog div.horni div.cistic {display:inherit;border:0;padding:2px 0 0 0}


div.seznam {border-left:1px solid #747476;border-right:1px solid #747476;background-color:white;}
div.seznam div.polozka{border-bottom:1px solid #747476; padding:2px 6px}
.centered {text-align:center}
.righted {text-align:right}
.bold, .redx {font-weight:bold}
.slanted {font-style:italic}
.redx {color:red}
.sum_line {border-top:2px solid gray;font-weight:bold}
.nepov {background-color:#D6E7DE !important}


div.karta {position:absolute;
		   z-index:1;right:4px;top:6px;
		   box-shadow:0 0 0 2px white;
		   padding:2px 8px;
		   background-color:#bbb;
		   border:2px solid #888;
		   border-radius:3px;
		   font-weight:bold}

div.dialog div.justpasswd {text-align:center; font-weight:bold; font-style:italic}