@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:0 auto;
      width:1000px;
      top:4px;
      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}
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],textarea {border-radius:3px; border:1px solid #aaa}
textarea {resize:none;margin:0}
a {font-weight:bold;text-decoration:none;color:#b56c1d}
a:hover {text-decoration:underline}
img.banner {margin:0;
            background-color:#747476;
            border-radius:4px}
th {text-align:center}
tr.zaznam {background-color:white;height:24px;cursor:pointer}
tr.zaznam td, tr.hlavicka th {border-bottom:1px solid #747476;padding:2px 6px;}
tr.hlavicka th a {color:black}
td.levy {border-left:1px solid #747476}
td.pravy {border-right:1px solid #747476}
table.kalendar {margin:0 auto}
table.kalendar th {font-weight:normal;border-bottom:2px solid #747476;margin:2px 0 10px 0; padding:0; color:#747476;text-align:center}
table.kalendar td {padding:2px;background-color:transparent;text-align:right;}
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}

input[type=text],input[type=password] { height:18px;padding:2px 1px; }
input[type=file] { opacity:0; visibility:hidden; position:absolute; width:0 }

button[type=button] {border:1px solid #888;
					 background-color:#DDD;
					 border-radius:3px;
					 line-height:12px;height:22px;
					 transition:background-color 0.3s ease;}
button:focus {outline:0}
button::-moz-focus-inner { border: 0; }
button[type=button]:hover {background-color:#bbb}
button.zrusit {border:0;width:16px;margin-right:2px;height:16px;background:transparent url('button_zrusit.png') top left no-repeat}
button.download {border:0;width:16px;margin-right:2px;height:16px;background:transparent url('button_stahnout.png') top left no-repeat}
button.zmenit {border:0;width:16px;margin-right:2px;height:16px;background:transparent url('button_zmenit.png') top left no-repeat}
button[type=button] + button[type=button] {margin-left:2px}

table {border-collapse:separate;
					border-spacing:0;}
#banner {position:relative}
#text {float:right;
          background-color:white;
          border-radius:4px;
          max-width:calc(100% - 139px);
          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;
			 /*background-color:rgba(116,116,118,.25);*/
			 }


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

div.vypln {border-radius:4px;background-color:#71bf44;height:8px}

div.cistic {clear:both}
div.disclaimer {margin-top:2px;border-radius:4px; border:2px solid #c4c5c6;background-image:url('../grafika/disc-pozadi.png')}
div.disclaimer > div {width:872px}
div.disclaimer div div div {margin-right:2px;font-style:italic}
div.eftul {border-bottom:1px solid #71bf44}
div.hodiny {padding-right:10px}



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;
				   -moz-column-count: 2;
				   -moz-column-gap: 2px;
				   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;}



table.soubory {padding:0}
table.soubory tr td  * {vertical-align:top}
table.soubory tr td:first-child {padding-left:2px;overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}
table.soubory tr td:nth-last-child(2) {text-align:right;width:80px}
table.soubory tr td:last-child {width:36px;}

table.soubory tr:hover {background-color:#aaf;cursor:default}



div.seznamemailu div * {vertical-align:middle}
div.seznamemailu div {margin-bottom:2px}
div.seznamemailu input[type=text] {width:calc(100% - 52px);padding:0 2px;height:18px}
div.seznamemailu button[type=button] {height:20px;width:20px;border:0;margin:0 0 0 2px}
div.seznamemailu button.zrusit {background-image:url('button_zrusit_20.png');}
div.seznamemailu button.ulozit {background-image:url('button_save_20.png');}

div.formular, div.tlacitko {position:relative;border-width:2px; border-style:solid; border-color:#747476; background-color:#c4c5c6; border-radius:4px; padding:2px;margin:0 auto 2px }
div.formular {border:2px solid #747476;
			  background-color:#c4c5c6;
			  border-radius:3px;
			  padding:2px;
			  margin:0 auto 2px;
			 position:relative }
div.formular h5 {font-size:12px;margin:0;height:22px;background-color:#777;border-radius:4px}
div.formular h5 > div {border:2px solid #777;
					   padding:1px 2px 0;
					   box-shadow:2px 0 0 #ccc;
					   background-color:white;
					   border-radius:4px;
					   height:17px;max-width:700px;
					   overflow: hidden;
					   display: inline-block;
					   white-space:nowrap ;
					   text-overflow:ellipsis; }
div.formular table {width:calc(100% - 2px);
margin:0 auto;


					}
div.formular div.dvapanely {margin:0}
div.formular div.dvapanely > div:nth-of-type(-n+2) {border:1px solid #888;
												background-color:#eee;
												border-radius:3px;
												width:calc(50% - 3px);margin:2px 0}
div.formular div.dvapanely > div:first-of-type {float:left}
div.formular div.dvapanely > div:nth-of-type(2) {float:right;overflow-y:auto;background-color:white;}
div.formular div.dvapanely > div:nth-of-type(3) {clear:both}
div.formular div.dvapanely > div:first-of-type table tr td:first-of-type { width:calc(100% - 350px);padding-left:2px }
div.formular div.dvapanely > div:first-of-type table tr td:nth-of-type(2) { width:350px;position:relative }
div.formular div.dvapanely > div:first-of-type table tr td:nth-of-type(2) *:first-child { width:calc(100% - 4px) }
div.formular div.dvapanely > div:first-of-type table tr td:nth-of-type(2) button {position:absolute;right:1px}
div.formular div.dvapanely table.soubory {margin-top:2px}
div.formular div.dvapanely table.soubory tr td:first-child {max-width:100px}


div.formular div.checkseznam  {border:1px solid #888;
							   background-color:white;
							   border-radius:3px;
							   margin:0;
							   min-width:calc(100% - 2px)}
div.formular div.checkseznam label {display:block;margin:0;
									padding:0 0 0 4px;
									height:20px;
									max-width:calc(100% - 4px);
									border-bottom:1px dotted #aaa;}
div.formular div.checkseznam label:last-child { border:0}
div.formular div.checkseznam label:hover {background-color:#aaf}
div.formular div.checkseznam label * {vertical-align:middle;display:inline-block}

div.tlacitko {margin-right:4px;font-weight:bold;cursor:pointer}
div.pravy {float:right}
div.levy {float:left}
div.komentar {border:1px solid #747476;background-color:white;margin:5px 10px 0 10px; padding: 6px;font-style:italic}
div.bublina {position:absolute;border:1px solid #888;background-color:#ffa;font-size:10px;width:500px;display:none;padding:2px;color:black}
div.error {color:red;font-style:italic}
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.kalendar {position:absolute;display:none;border:2px solid white;background-color:white;margin:-2px 0 0 -2px;border-radius:4px;z-index:2}
div.kalendar div {border:2px solid #747476;border-radius:4px;padding:2px;}
div.kalendar div div {border:0;padding:0;}
div.kalendar div.mesic {background-color:#747476;border-radius:3px;font-size:14px;height:20px;margin-bottom:2px;text-align:center;cursor:pointer}
div.kalendar div.mesic div.levy, div.kalendar div.mesic div.pravy {padding:0 2px}
div.kalendar div.mesic div.stred {float:left;width:110px;color:white}
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}
p {text-align:justify;margin:0 0 10px 0;padding:0}
.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}

table.tabform, table.datelist {margin:0 auto; border:1px solid #aaa;background-color:#e8e8e8;padding:2px;width:565px;margin-bottom:2px}
table.tabform input[type=text],textarea {padding:2px 0 1px 2px}
table.tabform input[type=text] {height:16px;width:360px;}
table.tabform textarea {font-style:italic;width:488px;}
table.tabform div.vycet {width:490px;}
table.tabform div.vycet label.polozka {display:block;position:relative;border-bottom:1px solid #e8e8e8;background-color:white;height:16px;padding:2px 0 1px 2px}
table.tabform div.vycet label.polozka div.check {position:absolute;top:1px;right:0}
table.tabform div.vycet label.polozka:hover {background-color:yellow}
table.tabform h6 {font-size:12px;text-align:left;background-color:#ccc;padding:5px;border-radius:3px;margin-bottom:1px}

table.datelist {border-spacing:0}

div.jednaakce h5 {font-size:14px;height:20px;padding:2px 0 0 2px;background-color:#ddd;margin-bottom:0;position:relative}
div.jednaakce h6 {font-size:12px;text-align:left;margin:4px 0;padding-bottom:0}
div.jednaakce p {margin:0}
div.jednaakce button {height:22px;vertical-align:middle;padding:0}

label {display:block}

div.multiselect {border:1px solid #aaa;background-color:white;width:250px;position:absolute;left:0;top:0;z-index:1;box-shadow: 0 0 2px #aaa;}
div.multiselect div.nullopt {height:18px;text-align:center;padding-top:2px}
div.multiselect:hover {cursor:pointer}
div.multiselect:hover div.multioptions {max-height:300px}
div.multiselect div.multioptions {max-height:0;overflow:hidden; transition: max-height 1s linear}
div.multiselect label {border-top:1px solid #aaa;height:18px;position:relative;padding:2px 0 0 2px}
div.multiselect label:hover {background-color:#eee}
div.multiselect input[type=checkbox] {position:absolute;top:2px;right:0}

/* pro roletky -- do samostatneho souboru
*/


div.combobox {position:relative;display:inline-block}
div.combobox > div { border-radius:3px;
			  border:1px solid #aaa;
			  position:absolute;
			  z-index:1;top:20px;left:0;
			  display:none;
			  height:auto;
			  max-height:170px;
			  overflow-y:auto;
			  background-color:white;
			  box-shadow: 0 0 2px #aaa;
			  outline:0;
			  min-width:220px;
			  max-width:230px}
div.combobox > div > div {cursor:pointer;height:16px;padding:0 3px}
div.combobox > div > div:hover {background-color:#ddd}
div.combobox button {padding:0 1px 0 0; height:20px;}
div.combobox input[type=text] {width:230px;font-style:italic}

input[type=text], input[type=password] { border:1px solid #aaa;height:16px;border-radius:3px}

div.popup {position:absolute;
		   background-color:white;
		   top:0;left:0;
		   height:0;
		   z-index: 9002;
		   opacity:1;
		   border:2px solid white;
		   border-radius:4px}

div.prazdny { position:absolute;
			  background-color:#aaa;
			  top:0; left:0;
			  z-index: 9001;
			  opacity: 0.65;
			  border-radius:4px;
			  box-shadow: 0 0 3px #aaa}

button.zavrit {background-color:white; border-radius:3px; border:0; font-weight:bold;color:red;padding:2px;position:absolute;top:3px;right:3px;height:20px;cursor:pointer}

div.rozvrh {position:relative;}
div.rozvrh ul {list-style-type:none;min-width:270px;padding:1px 0;margin:0 10px 0 10px}
div.rozvrh h6 {text-align:center;margin:3px 0 ;padding:0}
div.rozvrh ul li {background-color:#ddd;margin-bottom:2px;}
div.rozvrh ul li a {display:block;padding:1px 4px;color:black}
div.rozvrh ul a:hover {background-color:#eee;text-decoration:none;}
table.rozvrh td {border:1px solid #aaa; background-color:white; text-align:center; vertical-align:middle;width:60px;height:40px;}
table.rozvrh td a {display:inline-block;color:black;font-weight:normal;width:100%}
table.rozvrh td a:hover {background-color:#ccc;text-decoration:none;}

table.statistika td,  table.statistika th {border-bottom:2px solid #ccc;border-left:2px solid #ccc;margin:0;padding:2px}
table.statistika th {border-top:2px solid #ccc}
table.statistika td:last-child, table.statistika th:last-child {border-right:2px solid #ccc}

a.tlacitko {display:inline-block;background-color:#eee; border:2px solid #666; border-radius:4px; padding:2px 4px; color:black;vertical-align:middle}

div.vysvetlivky div.jedna {text-align:justify}

div.hlavaform {text-align:center}
div.hlavaform h6 {font-size:16px}
div.hlavaform div.obal {display:inline-block;margin:0 auto}
div.hlavaform div.radek {border:1px solid #aaa;padding:2px 4px;margin-bottom:2px;background-color:white}
div.hlavaform div.radek > div {padding:4px;font-weight:bold;text-align:left;border-bottom:1px solid #aaa}
div.hlavaform table {text-align:left;}
div.hlavaform textarea {width:290px;}

ul.predmety {list-style-type:none;margin:10px 0;padding:0}
ul.predmety li {display:inline-block; border:2px solid #666; border-radius:4px;margin-right:6px}
ul.predmety a {color:black;background-color:#eee;padding:2px 4px; border-radius:4px;display:inline-block}

div.prazdny { position:absolute;
			  background-color:#aaa;
			  top:0; left:0;
			  z-index: 9001;
			  opacity: 0.65;
			  border-radius:4px;
			  box-shadow: 0 0 3px #aaa}
div.popup {position:absolute;
		   background-color:white;
		   display:none;
		   top:0;left:0;
		   height:130px;
		   z-index: 9002;
		   border:2px solid white;
		   border-radius:4px}