body {
	background-color: #fff;
	color: #000;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 0;
}
#page {
	background-color: #18bc9c;
}
#top {
	background-color: #2c3e50;
	color: #fff;
	padding: 1em 5em 1em 5em;
}
#top h1 {
	font-size: 150%;
	font-weight: bold;
	margin-bottom: 0.3em;
	text-transform: uppercase;
}
#top h2 {
	font-size: 150%;
	font-weight: normal;
}
#main {
	display: table;
	width: 100%;
}
#menu {
	background-color: #18bc9c;
	color: #fff;
	padding: 1em 2em;
	width: 12em;
	display: table-cell;
	vertical-align: top;
}
#menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#menu ul li {
	margin: 0.4em;
}
#menu a {
	text-decoration: none;
	font-weight: bold;
	color: #fff;
}
#menu a:hover {
	color: #2c3e50;
}
#menu a.priv { text-decoration: line-through; }
#footer {
	background-color: #233140;
	color: #fff;
	text-align: center;
	font-size: 75%;
	padding: 1em;
}

#content {
	background-color: #fff;
	color: #000;
	padding: 2em;
	display: table-cell;
	vertical-align: top;
}
a { color: #18bc9c; font-weight: bold; text-decoration: none; }
a:hover { text-decoration: underline; }

h2 {
	font-size: 140%;
	padding: 0;
	margin: 0.5em 0;
}
h3 {
	font-size: 100%;
	padding: 0;
	margin: 0.5em 0;
}
.h4 {
	font-weight:  bold;
	color: #999;
}

dl dt { font-weight: bold; }

table {
	border-collapse: collapse;
}
td, th {
	text-align: left;
	vertical-align: top;
	padding: 0.1em 0.4em;
}
th { padding-top: 0.6em; }
td.tight, th.tight { padding-top: 0; padding-bottom: 0; }
td.indented, th.indented { padding-left: 3em; }
td.nowrap { white-space: nowrap; }
table.border { background-color: white; }
table.border td, table.border th {
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	border: 1px solid #cbced4;
}
table.border th {
	font-weight: bold;
	background-color: #2c3e50;
	color: #fff;
}
table.border td.jmeno {
	font-weight: bold;
}
table.border td.noborder, table.border th.noborder {
	border: none;
}
table.border tr:hover {
	background-color: #e8f9f6;
}
table.border tr.header:hover {
	background-color: inherit;
}
.unpublished {
	text-decoration: line-through;
}
tr.unused, tr.unused .ul_new {
	color: #bbb;
}
tr.sep {
	border-top: 1px solid #cbced4;
}

table.print { background-color: white; width: 100%; }
table.print td, table.print th {
        padding: 1em;
	border: 1px solid #000;
}
table.print td.noborder, table.print th.noborder {
	border: none;
}
table.print td.center { text-align: center; }
div.mezera { margin-top: 1em; }
div.mensi-mezery { margin: 0.5em 0; }

tr.ja { background-color: #fed; }
td.cislo, th.cislo { text-align: center; }
td.rcislo, th.rcislo { text-align: right; }
.suma { font-weight: bold; }
.status { font-style: italic; font-size: 70%; }

table.form th { font-weight: normal; }
table.form th.required { font-weight: bold; }

input, textarea, select {
	border: 2px solid #dce4ec;
	border-radius: 4px;
	padding: 0.5em;
}
input:focus, textarea:focus, select:focus {
	border-color: #2c3e50;
}
input.button {
	background-color: #2c3e50;
	color: white;
	font-weight: bold;
	margin-top: 0.4em;
	border-color: #2c3e50;
}
input.button:hover, input.button:focus {
	background-color: #1a242f;
	border-color: #1a242f;
}
.chyba {
	font-weight: bold;
	color: red;
}
.spravne {
	font-weight: bold;
	color: green;
}
.napoveda {
	font-size: 80%;
	color: #888;
}
.form1 { margin-bottom: 1em; }

ul.links { list-style: none; }
ul.links li { margin-bottom: 0.4em; }
ul.links li::before { content: "\00279c"; padding-right: 0.5em; }

table.ulohy { width: 100%; }
table.auto { width: auto; }
table.ulohy td.nazev { font-weight: bold; width: 100%; }
table.ulohy td.nazev a { color: inherit; }
.ul_ack { color: green; }
.ul_nak { color: #842; }
.ul_clk { color: #888; }
.ul_new { color: #22c; }
.comment { font-size: 75%; color: #333; font-weight: normal; }
table.ulohy tr:hover { background-color: #e8f9f6; }
table.ulohy tr.zahlavi:hover { background-color: inherit; }

div.zprava {
	background-color: #fdc;
	color: #421;
	padding: 1em;
	margin-bottom: 1.5em;
	border: 2px solid #842;
}
div.zadani { margin-bottom: 2em; }

table.eval th.uloha {
	font-size: 120%;
	font-weight: bold;
	background-color: #2c3e50;
	color: #fff;
}
table.eval th.uloha a { color: inherit; text-decoration: none; }

div.poznamka { font-size: 80%; }
div.odpoved { margin-bottom: 1em; }

.prednaska h3 { margin: 0; padding: 0; font-size: 100%; font-weight: bold; }
.prednaska span.hlasovani {
	display: inline-block;
	width: 1.5em;
	font-weight: bold;
	text-align: right;
	padding-right: 0.5em;
}
.prednaska span.hlas-nic { visibility: hidden; }
.prednaska span.hlas-nula { color: #777; }
.prednaska span.hlas-plus { color: green;}
.prednaska span.hlas-plus::before { content: "+"; }
.prednaska span.hlas-minus { color: red; }
.prednaska span.nazev { cursor: pointer; line-height: 120%; }
.prednaska span.nazev:hover::after {
	content: "\00a0↴";
	color: #888;
	display: inline-block;
	width: 0em;
	overflow: visible;
}
.rozbaleno span.nazev:hover::after { content: "\00a0↰"; }
.prednaska span.kod { padding-left: 2em; font-weight: normal; }
.prednaska .anotace {
	display: none;
	margin: 0.2em 0 1em 0;
}
.rozbaleno .anotace {
	display: block;
}
.prednaska div.tagline {
	margin-bottom: 0.2em;
	font-style: italic;
}

.rangeblock {
	display: inline-block;
	border: 1px solid #ddd;
	width: 100px;
}
.rangeblock div { background-color: #777; }
.rangeblock div.rangewidth1 { background-color: #a00; }
.rangeblock div.rangewidth2 { background-color: #cc0; }
.rangeblock div.rangewidth3 { background-color: #0a0; }
ul.requests { padding-left: 1em; }

div.buttons { margin: 1em 0 1em 2.5em; }
div.buttons span { padding: 0.4em 1em; cursor: pointer; }
div.buttons span.button-plus { background-color: #8f8; }
div.buttons span.button-plus:hover { background-color: #6d6; }
div.buttons span.button-zero { background-color: #aaa; }
div.buttons span.button-zero:hover { background-color: #888; }
div.buttons span.button-minus { background-color: #f88; }
div.buttons span.button-minus:hover { background-color: #d66; }

img.photo {
	float: left;
	padding: 0 1em 1em 0;
	max-width: 240px;
	max-height: 240px;
	width: auto;
	height: auto;
}
p.profile { margin: 1em 0 0 0; }
div.belowphoto { clear: left; }

applet { border: 1px solid black; }

/* user pages */

span.tag {
	font-size: 80%;
	background-color: #ffa;
	-webkit-border-radius: 0.2em;
	-moz-border-radius: 0.2em;
	border-radius: 0.2em;
	padding: 0.2em;
	border: 1px solid #ea8;
}
dd { line-height: 150%; }

.k-x1 {
	background-color: #bdf;
	padding: 0.4em;
}
.k-x0 {
	background-color: #def;
	padding: 0.4em;
}
.k-motto {
	font-style: italic;
}

img.firma { padding: 1em; }

@media print {
#top, #menu, #footer { display: none; }
#content { margin: 0; padding: 0; }
form { display: none; }
.links { display: none; }
}