/**
 * OBSAH
 **/
.red, .red * {
  color: #f00;
}
div.content {
	padding-top: 10px;
}
div.content h1 {
	background: url(img/h1-bg.png) no-repeat;
	margin: 0;
	padding: 0px 10px 0px 10px;
	color: #db73da;
	font-size: 1.4em;
	line-height: 40px;
	/*color: #F264F2;*/
	/*color: #be57be;*/
}
div.content h2 {
	background: url(img/h2-bg.png) no-repeat;
	margin: 5px 0;
	padding: 0px 10px 0px 10px;
	line-height: 30px;
	color: #db73da;
	font-size: 1.2em;
	/*color: #4f71ba;*/
}
div.content h3 {
	margin: 0;
	padding: 0px 10px 0px 10px;
	line-height: 25px;
	color: #db73da;
	font-size: 1em;
	/*color: #f38e00;*/
}
div.content h4,
div.content h5,
div.content h6 {
	margin: 0;
	padding: 0px 10px 0px 10px;
	line-height: 20px;
	color: #db73da;
	font-size: .9em;
	/*color: #5cb719;*/
}
div.content p {
	margin: 0;
	padding: 0px 10px 20px 10px;
	line-height: 1.5em;
	font-size: 0.9em;
	text-align: justify;
}
div.content hr {
	margin: 0px 10px;
	padding: 10px 0px;
	border: 0px;
	height: 3px;
	background: url(img/hr-blue.jpg) no-repeat center center;
}
div.content a {
	color: #4F71BA;
}
div.content abbr, div.content acronym {
	color: #4F71BA;
	text-decoration: underline;
	border-bottom: 1px solid #4F71BA;
	cursor: pointer;
	white-space: nowrap;
}
div.content ul,
div.content ol {
	margin: 10px 0;
	padding: 0px;
}
div.content ul li {
	margin: 0;
	padding: 4px 0 4px 20px;
	list-style-type: none;
	font-size: .9em;
	background: url('img/menu-arrow.png') no-repeat 5px 10px;

}
div.content ul.large-icons li {
	background: url('img/ul-arrow.gif') no-repeat 2px 6px;
	padding-left: 30px;
}
div.content ol li {
	margin: 0;
	padding: 4px 0 4px 20px;
	font-size: .9em;
	list-style: decimal inside;
}

/* prave menu */
div.right-menu {
	float: right;
	background: #edf2ff url(img/menu-right-top.png) no-repeat;
}
div.right-menu-inner {
	width: 180px;
	padding: 10px;
	min-height: 270px;
	background: url(img/menu-right-bottom.png) no-repeat left bottom;
}
div.right-menu ul {
	margin: 5px 0px;
	padding: 0px;
}
div.right-menu li {
	color: #4F71BA;
	list-style-type: decimal;
	margin: 2px 0px 2px 0px;
	padding: 0px;
	background: none;
	list-style-position: inside;
}
div.right-menu li span {
	display: block;
	font-weight: normal;
	font-size: .8em;
	padding: 2px 0px 0px 10px;
}
div.right-menu li a {
	text-decoration: underline;
}
div.right-menu li.selected {
	font-weight: bold;
}
div.right-menu li.selected a {
	text-decoration: none;
}
div.right-menu .go-back {
	padding: 3px 0px 10px 0px;
}
div.right-menu .go-back a {
	color: #102285;
	text-decoration: underline;
}
div.right-menu input {
	background-color: #fff;
	border: 1px solid #909;
	width: 180px;
	display: block;
	margin-bottom: 5px;
}
div.right-menu h2 {
	color: #4F71BA;
	background: url('img/h2-right.png') no-repeat;
}
div.right-menu h2 a {
	color: #4F71BA;
	font-size: .8em;
}

div.content-with-right-menu {
	margin-right: 210px;
}
div.content-with-right-menu h1 {
	background-image: url(img/h1-small-bg.png) !important;
}
div.content-with-right-menu h2 {
	clear: left;
	background-image: url(img/h2-small-bg.png) !important;
}

/* elearning - rozcestnik */
div.elearning-list .content-with-right-menu .icons a {
	margin: 10px 0px 10px 20px;
	float: left;
}
/* elearning */
textarea.editor {
	width: 100%;
	height: 300px;
}
input.editor {
	width: 100%;
	border: 1px solid #000;
	background-color: #fff;
}
input.editor-submit {
	float: right;
	margin: 20px;
}
div.elearning .content-with-right-menu .tree .title .actions {
	padding: 2px 2px 7px 10px;
	font-size: .8em;
}
div.elearning .content-with-right-menu .tree .title .actions .label {
	font-weight: bold;
}
div.elearning .content-with-right-menu .tree li {
	padding: 0px 0 0px 20px !important;
	background-position: 5px 7px;
}
div.elearning.elearning-list .content-with-right-menu li {
	margin-left: 20px;
}
div.elearning ul.photos li {
	list-style-type: none;
	float: left;
	height: 170px;
	width: 200px;
	margin: 2px;
	border: 1px solid #ccc;
	overflow: hidden;
	position: relative;
	padding: 0;
	background: none;
}
div.elearning ul.photos li a {
	text-decoration: none;
	text-align: center;
	display: block;
}
div.elearning ul.photos li a.remove {
	position: absolute;
	right: 5px;
	bottom: 2px;
	color: red;
}
div.elearning ul.photos li a .overlay {
	position: absolute;
	left: 0;
	top: 0;
	width: 200px;
	height: 170px;
}
div.elearning ul.photos li a img,
div.elearning ul.photos li a span {
	display:block;
	margin: 0 auto;
	border: 0px;
}
div.elearning .article-detail .article-overlay {
	position: relative;
}
div.elearning .article-detail .article-overlay .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}
div.elearning .article-detail .abbr {
	position: absolute;
	width: 200px;
	padding: 5px 10px;
	border: 2px solid #4F71BA;
	background-color: #fff;
	z-index: 20;
}

div.elearning .podporte-nas-title {
	padding-top: 10px;
	background: url('img/h2-podporte-nas.png') no-repeat 0px 10px !important;
	color: #db73da !important;
}
div.elearning .podporte-nas img {
	float: left;
	margin-right: 10px;
}
div.elearning .podporte-nas textarea {
	float: left;
	width: 650px;
	height: 50px;
	margin: 0px;
	background-color: #fff;
	border: 1px solid #4F71BA;
	font-size: 12px;
}
.cleaner {
	clear: both;
	height: 1px;
}

/**
 * PRIHLASKY
 */
div.prihlaska form h2 {
  position: relative;
  left: -20px;
  width: 1000px;
}
div.prihlaska input {
  background-color: #fff;
  border: 1px solid #990099;
}
div.prihlaska input.nostyle,
div.prihlaska .multi input.nostyle {
  border: 0px;
  width: auto !important;
}
div.prihlaska form {
  margin: 0 20px;
}
div.prihlaska .adresa {
  height: 170px;
  position: relative;
  top: -5px;
  left: -4px;
}
div.prihlaska .multi span {
  display: block;
  height: 35px;
  width: 304px;
}
div.prihlaska .multi input {
  width: 300px !important;
  margin-top: 20px;
}
div.prihlaska .multi.checkbox input {
  margin-top: 0px;
}
div.prihlaska span {
  display: block;
  width: 500px;
  position: relative;
  clear: both;
  margin: 5px 0;
  min-height: 20px;
  line-height: 20px;
}
div.prihlaska span * {
  color: #000;
}
div.prihlaska span.povinne {
  font-weight: bold;
  color: #990099;
}
div.prihlaska span.inline {
  display: inline;
}
div.prihlaska span input, div.prihlaska span .normal, div.prihlaska span select {
  position: absolute;
  right: 0;
  width: 300px;
  height: 14px;
}
div.prihlaska span select {
  height: 20px;
}
div.prihlaska label {
  position: relative;
  top: -2px;
}
div.prihlaska span .normal {
  display: inline;
  text-align: center;
  margin: 0;
}
div.prihlaska span .normal input, div.prihlaska .controls input {
  position: static !important;
  width: auto !important;
}
div.prihlaska span .multi {
  float: right;
  width: 300px;
  position: relative;
}
div.prihlaska .controls {
  width: 100%;
  margin: 20px 0;
  text-align: center;
}
div.prihlaska .controls input {
  width: 150px !important;
  height: 25px;
  margin: 30px 5px 0 5px;
  font-weight: bold;
}
div.prihlaska input.clear {
  font-weight: normal;
  color: #f00;
}
div.prihlaska span.detail {
	font-weight: bold;
	padding-left: 200px;
}
div.prihlaska span.detail span {
	display: inline;
	font-weight: normal;
	position: absolute;
	left: 0px;
	top: 0px;
	margin: 0px;
}

/* nastenka */
div.nastenka table {
	margin: 0 auto;
}
div.nastenka table .header td {
	width: 395px;
	height: 29px;
	line-height: 29px;
	padding: 0px 10px;
	color: #fff;
}
div.nastenka table .header td.od.ucitel { background: url('img/nastenka-ucitel.png') no-repeat left top; }
div.nastenka table .header td.od.zak { background: url('img/nastenka-zak.png') no-repeat left top; }
div.nastenka table .header td.pro.ucitel { background: url('img/nastenka-ucitel.png') no-repeat right top; }
div.nastenka table .header td.pro.zak { background: url('img/nastenka-zak.png') no-repeat right top; }
div.nastenka table .header td span {
	font-weight: bold;
}
div.nastenka table .content td {
	padding: 0px 10px 20px 10px;
}
div.nastenka table .footer td {
	font-style: italic;
	padding: 2px 10px;
	font-size: .8em;
	text-align: right;
}
div.nastenka .navigace {
	font-weight: bold;
	height: 20px;
	position: relative;
	margin: 20px 20px;
}
div.nastenka .navigace .newer {
	position: absolute;
	top: 0px;
	left: 0px;
}
div.nastenka .navigace .older {
	position: absolute;
	top: 0px;
	right: 0px;
}
div.nastenka .navigace .counter {
	font-weight: normal;
	color: #909;
	display: block;
	text-align: center;
}
div.nastenka .filtrovani {
	margin: 20px 10px;
	font-size: .9em;
	text-align: center;
}
div.nastenka .filtrovani a {
	padding: 3px 5px 3px 15px;
	background: url('img/menu-arrow.png') no-repeat 5px 9px;
}
div.nastenka .filtrovani a.active {
	font-weight: bold;
	text-decoration: none;
}

div.nastenka form {
	margin: 10px 0px 10px 200px;
}
div.nastenka form .field {
	position: relative;
	padding: 2px 0px 2px 150px;
	z-index: 1;
}
div.nastenka form .field .label {
	position: absolute;
	left: 0px;
	top: 5px;
}
div.nastenka form .field .input,
div.nastenka form .field textarea {
	border: 1px solid #909;
	background-color: #fff;
	width: 300px;
}
div.nastenka form .field textarea {
	height: 150px;
}
div.nastenka form .buttons {
	text-align: center;
	margin: 10px 0px;
}
div.nastenka form .field img {
	display: block;
	padding: 5px 100px 5px 100px;
}
div.nastenka form .povinne {
  font-weight: bold;
  color: #990099;
}


/* editor */
.page-editor textarea {
	width: 1000px;
	height: 600px;
}
.page-editor .buttons {
	margin: 20px;
	text-align: right;
}
.edit-toolbar {
	background-color: #f90;
	padding: 2px 10px;
	margin: 5px 0px 10px 0px;
	-moz-border-radius: 5px;
	text-align: center;
}
.edit-toolbar a {
	color: #900 !important;
	text-decoration: none;
	font-weight: bold;
}
.edit-toolbar a:hover {
	text-decoration: underline;
}