@font-face { font-family: Open-Sans; src: url('fonty/OpenSans-Regular.ttf'); }
@font-face { font-family: Open-Sans; src: url('fonty/OpenSans-Italic.ttf'); font-style:italic; }
@font-face { font-family: Open-Sans; src: url('fonty/OpenSans-Bold.ttf'); font-weight:bold; }
@font-face { font-family: Open-Sans; src: url('fonty/OpenSans-BoldItalic.ttf'); font-weight:bold; font-style:italic; }
body {margin:0 auto; padding:0;
		font-family:Open-Sans,Tahoma, sans-serif, Arial, Helvetica;
		background-color:white;
		font-size:12px;
		width:1000px;
		position:relative}
a {text-decoration:none; font-weight:bold;
	color:#137;}
a:hover {text-decoration:underline}
h3 {font-size:16px;
	margin:5px 0;
	border-bottom:1px solid #bbb;}
h4 {font-size:14px;margin:6px 0 6px 0}
h5 {font-size:12px;margin:3px 0 3px 0}
h6 {font-size:12px; margin:3px 0}
table {font-size:12px}
th {border-bottom:1px solid #bbb}
textarea {font-family:Open-Sans,Tahoma, Arial, Helvetica, sans-serif;
		  font-size:12px;
		  resize:none; padding:0 0 0 2px; margin:0;display: block; /* pro VSECHNY prohlizece */
		  border:1px solid #888;
		  border-radius:3px}
input {font-family: Open-Sans,Tahoma, sans-serif, Arial, Helvetica;font-size:12px}
input[type=text],input[type=password] {border:1px solid #888;
									   min-height:20px;
									   border-radius:3px;
									   margin:0;padding:0 0 0 2px}
input[disabled] {pointer-events:none; background-color:#eee !important}
input[type=file], input[type=hidden] {opacity:0;position:absolute;visibility:hidden}
form {margin:0;padding:0}
button {font-family:Open-Sans, Tahoma, sans-serif, Arial, Helvetica;font-size:12px;
		border:1px solid #666;border-radius:3px;padding:3px 4px; transition: background-color 0.5s;
		background-color:#ddd;
		min-height:16px;
		line-height:13px;
		display:inline-block;
		margin:0;}
button.closeup:hover {background-color:#b66}
button:hover {background-color:#bbb}
button:active {background:#ddd;outline:0}
button:focus {outline:0}
button::-moz-focus-inner {border:0;}
input[type=file] {opacity:0;position:absolute;visibility:hidden}
p {text-align:justify}
sub,sup {font-size:7px}


table.filemanager { background-color:white;border:1px solid #888;margin:2px 0;min-width:845px}
table.filemanager > tbody > tr:hover {cursor:pointer; background-color:#dbdbdb !important;}
table.filemanager > tbody > tr {    -webkit-user-select: none; /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -khtml-user-select: none; /* webkit (konqueror) browsers */
    -ms-user-select: none; /* IE10+ */
}
table.filemanager > tbody > tr > td {border-top:1px dotted #ddd}
table.filemanager > tbody > tr:first-child > td {border-top:0}
table.filemanager td {padding:4px 8px 4px 0}
table.filemanager td:first-child {padding-left:8px}


div.kontrola {height:20px;width:124px;border:1px solid #888;border-radius:3px}
div.kontrola img {border-radius:3px}

fieldset {padding:0;margin:0 auto 4px;width:620px; border:1px solid #888; border-radius:3px}

table.formular {padding:0;margin:0 auto}
table.formular tr td:first-child {width:120px;white-space:nowrap}
table.formular tr td:last-child {width:450px}
table.formular input[type=text] {width:calc(100% - 4px)}

div.file * {vertical-align:bottom; }
div.file button {border-left:0;
				 border-top-left-radius:0;
				 border-bottom-left-radius:0;
				 padding:0; margin:0;
				 height:22px}
div.file input[type=text] {border-right:0;
						   border-top-right-radius:0;
						   border-bottom-right-radius:0;
						   height:20px}

#autoriprispevku tr td:last-child > div:first-child {width:calc(100% - 26px)}
#autoriprispevku tr td:last-child > button {float:right;line-height:10px;}

div.filemanager {width:100%;}
div.filemanager > div:first-child button { border-bottom-left-radius:0;
										   border-bottom-right-radius:0;
										   border:0;
										   background-color:#aaa}
div.filemanager > div:first-child button:hover {background-color:#ddd}
div.filemanager table { border-collapse:collapse;border-spacing:0;width:calc(100%); border:1px solid #aaa; }
div.filemanader table thead tr {border:0;background-color:#aaa}
div.filemanager table tbody tr:nth-child(even) { background-color:#eee}
div.filemanager table tbody tr:hover {cursor:default;background-color:#aaf}
div.filemanager table tbody tr td {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}


button.rmv,button.edt,button.dnl,button.rew {
	background:transparent none center center no-repeat;
	border:0; padding:0; margin:0;
	height:16px; width:16px;
	vertical-align:top;margin-left:2px}
button.rmv {background-image:url('button_zrusit.png')}
button.edt {background-image:url('button_edit.png')}
button.dnl {background-image:url('button_stahnout.png')}
button.rew {background-image:url('button_reload.png')}

button.rmv22 { background:transparent url('button_zrusit_22.png') center center no-repeat;
			 border:0; padding:0; margin:0; height:22px; width:22px;vertical-align:top}

button.attrbutton,div.attrbutton {border-radius:0;
				   height:16px;width:16px;
				   line-height:12px;
				   font-weight:bold;
				   vertical-align:top;
				   padding:0;
				   text-align:center;
				   margin-left:2px}
div.attrbutton { background-color:#ddd;border:1px solid #888;display:inline-block;line-height:initial }
button.attrbutton:hover {border-color:blue}






div.prazdny {position:absolute;
			  background-color:#aaa;
			  top:0;left:0;
			  z-index: 1001;
			  opacity: 0.65;
			  border-radius:4px;
			  height:100%;
			  width:100%;
			  display:none;}

div.cistic {clear:both}
div.menu { float:left;}
div.menu a {border-bottom:2px solid white;
			color:white;
			display:block;
			font-weight:bold;
			padding:2px 5px}
div.menu a:hover, div.menu a:active {background-color:#ddd;
				   color:black;
				   text-decoration:none}
div.info {float:right;margin-bottom:2px;}
div.info p {margin:2px 0 0}
div.levy {float:left}
div.pravy {float:right}

div.multibanner {height:78px;background-color:#eee;padding:4px}
div.multibanner div {font-size:12px;}
div.multibanner div:first-child {font-size:20px;font-weight:bold}
div.vlajky {position:absolute;left:4px;top:78px;z-index:2}
div.vlajky img {cursor:pointer;padding-right:4px}

div.disclaimer {min-height:18px;margin-bottom:2px;color:white;padding:1px 4px 0;text-align:right;}
div.disclaimer * {vertical-align:bottom}

div.reviewform {padding:0 2px}
div.reviewform fieldset {margin:0;width:auto;padding:2px;border-top-left-radius:0;display:none}
div.reviewform fieldset table {width:100%;border-collapse:separate;border-spacing:0;}
div.reviewform > div:first-child > button {border-bottom:0;
								border-bottom-left-radius:0;
								border-bottom-right-radius:0;
								transition: background-color 0.5s ease;
								background-color:rgba(136,136,136,0.5);
								border-color:#888}
div.reviewform > div:first-child > button:hover {background-color:#888 !important;}
div.reviewform > div:first-child > button.cerveny { background-color:rgba(221,68,68,0.5) }
div.reviewform > div:first-child > button.cerveny:hover { background-color:rgb(221,68,68)  !important}
div.reviewform > div:first-child > button.zeleny { background-color:rgba(68,221,68,0.5) }
div.reviewform > div:first-child > button.zeleny:hover { background-color:rgb(68,221,68)  !important}
div.reviewform > div:first-child > button:not(:first-child) {border-left:0}
div.reviewform div.reviewnum {text-align:center;
							  margin:12px auto;
							  border:1px solid #888;
							  min-height:60px;width:60px;
							  background-color:#ddd;
							  border-radius:3px;font-size:40px;
							  }

/* DULEZITE!!! toto vymezuje checkboxy na stred, pokud jsou vedle textboxu */
div.zaskrt, div.zaskrt + div {vertical-align:bottom;line-height:20px}
div.zaskrt label * {vertical-align:middle}

div.legend {background-color:#ddd;min-height:19px;vertical-align:middle;border-left:1px solid #aaa;border-right:1px solid #aaa}
body div.legend:last-of-type {border-bottom:1px solid #aaa}
div.legend div:first-child {width:60px;padding-left:3px;display:inline-block;font-weight:bold}
div.legend b {display:inline-block;background-color:white;line-height:14px;width:14px;text-align:center;height:14px;}
div.legend span {display:inline-block;width:14px;height:14px;vertical-align:bottom;margin-bottom:2px}
div.legend span.cerveny {background-color:#d44}
div.legend span.zeleny {background-color:#4d4}
div.legend span.modry {background-color:#99d}
div.legend img {vertical-align:bottom}


.levy {float:left}
.pravy {float:right}
.aktualita {padding:0px;margin:0px}
.podpis {color:#aaa}
.bolditalics{font-weight:bold;font-style:italic}
.bold{font-weight:bold}
.text {text-align:justify;
       text-indent:20px;
	   margin:0}
.text_noindent {text-align:justify;
	   margin:0 0 5px 0}
.odsadit{padding-left:50px}
.centered{text-align:center}
.slanted{font-style:italic}
.oddelovac {float:left;margin-top:6px}
.nobottom {margin:0 0 3px 0}
textarea.nepov, input.nepov, span.nepov, div.nepov input[type=text] {background-color:#D6E7DE !important}
div.nepov {background-color:#D6E7DE !important}
.bublina {position:relative;}
.bublina > div:first-child {text-align:justify;
							-webkit-hyphens:auto;-ms-hyphens:auto;-moz-hyphens:auto;hyphens:auto;
							position:absolute;
							left:0;top:0;
							border:1px solid #888;
							background-color:#ffa;
							padding:2px; opacity:0;
							transition: opacity .5s;
							z-index:10000;
							border-radius:3px;
							box-shadow:#aaa 1px 1px 3px;
							font-weight:normal;
							font-size:12px;
							color:black}
.bublina:hover > div:first-child {opacity:1;}
.schovej {display:none}