@font-face {
	font-family: "Ubuntu";
	src: url(/fonty/Ubuntu-L.ttf);
	font-weight: 200;
	font-style: normal;
}
@font-face {
	font-family: "Ubuntu";
	src: url(/fonty/Ubuntu-LI.ttf);
	font-weight: 200;
	font-style: italic;
}
@font-face {
	font-family: "Ubuntu";
	src: url(/fonty/Ubuntu-R.ttf);
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: "Ubuntu";
	src: url(/fonty/Ubuntu-RI.ttf);
	font-weight: 400;
	font-style: italic;
}
@font-face {
	font-family: "Ubuntu";
	src: url(/fonty/Ubuntu-M.ttf);
	font-weight: 600;
	font-style: normal;
}
@font-face {
	font-family: "Ubuntu";
	src: url(/fonty/Ubuntu-MI.ttf);
	font-weight: 600;
	font-style: italic;
}
@font-face {
	font-family: "Ubuntu";
	src: url(/fonty/Ubuntu-B.ttf);
	font-weight: 800;
	font-style: normal;
}
@font-face {
	font-family: "Ubuntu";
	src: url(/fonty/Ubuntu-BI.ttf);
	font-weight: 800;
	font-style: italic;
}
@font-face {
	font-family: "UbuntuMono";
	src: url(/fonty/UbuntuMono-R.ttf);
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "UbuntuMono";
	src: url(/fonty/UbuntuMono-RI.ttf);
	font-weight: normal;
	font-style: italic;
}
@font-face {
	font-family: "UbuntuMono";
	src: url(/fonty/UbuntuMono-B.ttf);
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: "UbuntuMono";
	src: url(/fonty/UbuntuMono-BI.ttf);
	font-weight: bold;
	font-style: italic;
}

::selection {
	background: #6D4;
	color: white !important;
	opacity: 0.5;
}
::-moz-selection {
	background: #6D4;
	color: white !important;
	opacity: 0.5;
}

::-webkit-scrollbar {
	background: #EFD;
}
::-webkit-scrollbar:vertical {
	width: 15px;
	border-left: 1px solid #370;
}
::-webkit-scrollbar:horizontal {
	height: 15px;
	border-top: 1px solid #370;
}
.posuvnikOhraniceni::-webkit-scrollbar {
	border: 1px solid #370;
}
::-webkit-scrollbar:hover {
	background: #DFB;
}
::-webkit-scrollbar-thumb {
	background: #370;
	margin-left: 1px;
}
::-webkit-scrollbar-thumb:hover {
	background: #471;
}
::-webkit-scrollbar-thumb:vertical:hover {
	border-left: 1px solid #370;
}
::-webkit-scrollbar-thumb:horizontal:hover {
	border-top: 1px solid #370;
}
.posuvnikOhraniceni::-webkit-scrollbar-thumb:vertical:hover {
	border-right: 1px solid #370;
}
.posuvnikOhraniceni::-webkit-scrollbar-thumb:horizontal:hover {
	border-bottom: 1px solid #370;
}
::-webkit-scrollbar-corner {
	border-top: 1px solid #370;
	border-left: 1px solid #370;
}
::-webkit-resizer {
	border-top: 1px solid #370;
	border-left: 1px solid #370;
	background-color: #EFD;
	background-image: url(/img/resizer.svg);
	background-repeat: no-repeat;
	background-position: center center;
	cursor: se-resize;
}
::-webkit-resizer:hover {
	background-color: #DFB;
}

html, body {
	scrollbar-face-color: #370;
	scrollbar-arrow-color: #370;
	scrollbar-track-color: #EFD;
	scrollbar-shadow-color: #240;
	scrollbar-darkshadow-color: #240;
	scrollbar-highlight-color: #471;
	scrollbar-3dlight-color: #471;
}

* {
	margin: 0;
	padding: 0;
	border-width: 0;     
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	outline-style: none;
	font-family: "Ubuntu";
	overflow-wrap: break-word;
	word-wrap: break-word;
}
body {
	background: #DFD url(/img/pozadi.jpg);
	font-size: 18px;
	line-height: 1;
	font-weight: 400;
	cursor: default;
}

a, .a {
	cursor: pointer;
	color: #370;
	text-decoration: underline;
}
a:hover, .a:hover {
	text-decoration: none;
}

.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}
.clear {
	clear: both;
}

.zalomitelne {
	white-space: normal;
}
.nezalomitelne {
	white-space: nowrap;
}
.inlineBlock {
	display: inline-block;
}

hr {
	border: 1px inset #81AA63;
	margin: 16px 7px;
}

td {
	vertical-align: baseline;
}

div#layout {
	position: absolute;
	width: 100%;
	min-height: 100%;
	min-width: 520px;
}

header#zahlavi {
	position: relative;
	z-index: 10;
	height: 84px;
	background-color: #370;
	background-color: rgba(51, 119, 0, 0.7);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#00337700, endColorStr=#BB337700)";
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(51, 119, 0, 0)), color-stop(0.8, rgba(51, 119, 0, 0.8)));
	background-image: linear-gradient(to bottom, rgba(51, 119, 0, 0), rgba(51, 119, 0, 0.8));
	padding: 5px 10px 3px 30px;
	box-shadow: #222 0 0 7px;
	color: white;
}
header#zahlavi a {
	color: white;
}
header#zahlavi #nadpis {
	float: left;
	width: 220px;
}
header#zahlavi #logoVicko {
	float: left;
	display: block;
	width: 80px;
	height: 76px;
	margin-right: 7px;
	background-repeat: no-repeat;
	background-image: url(/img/vicko.svg);
	background-size: 80px 76px;
}
.nosvg header#zahlavi #logoVicko {
	background-image: url(/img/vicko.png);
}
header#zahlavi #uzivatel {
	float: right;
	width: 240px;
	text-align: center;
}
header#zahlavi #uzivatel p {
	line-height: 35px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
header#zahlavi h1 a {
	line-height: 75px;
	font-weight: 200;
	font-size: 32px;
	text-transform: lowercase;
	text-decoration: none;
}
header#zahlavi a.tlacitko {
	-webkit-transition: box-shadow 0.5s, border-color 0.5s, color 0.5s;
	transition: box-shadow 0.5s, border-color 0.5s, color 0.5s;
	display: inline-block;
  color: black;
  text-decoration: none;
  cursor: pointer;
  font-weight: 400;
	font-size: 18px;
	height: 30px;
	line-height: 28px;
	padding: 0 24px;
	border: 1px solid #444;
	border-radius: 4px;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#FFFFFF, endColorStr=#E2E2E2)";
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #E8E8E8), color-stop(0.5, white), color-stop(0.5, #E2E2E2), color-stop(1, #F3F3F3));
	background-image: linear-gradient(to bottom, #E8E8E8 0, white 50%, #E2E2E2 50%, #F3F3F3 100%);
}
header#zahlavi a.tlacitko:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#FFFFFF, endColorStr=#D4FFD4)";
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #E2FFE2), color-stop(0.5, white), color-stop(0.5, #D4FFD4), color-stop(1, #E6FFE6));
	background-image: linear-gradient(to bottom, #E2FFE2 0, white 50%, #D4FFD4 50%, #E6FFE6 100%);
	border-color: #370;
	color: #370;
	box-shadow: white 0 0 3px;
}
header#zahlavi a.tlacitko:focus {
	border-color: #370;
	box-shadow: white 0 0 3px;
}
header#zahlavi a.tlacitko:active {
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#337700, endColorStr=#448800)";
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #397C00), color-stop(0.5, #419500), color-stop(0.5, #370), color-stop(1, #480));
	background-image: linear-gradient(to bottom, #397C00 0, #419500 50%, #370 50%, #480 100%);
	border-color: #370;
	box-shadow: white 0 0 3px;
	color: white;
}

div#body {
	overflow-x: hidden;
	overflow-y: auto;
	padding: 12px;
	margin-top: 1px;
}
section#content {
	margin: 0 auto;
	text-align: left;
	border: 1px solid #370;
	background: white;
	box-shadow: black 0 0 4px;
	padding: 17px 27px 22px 27px;
	width: 664px;
	position: relative;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

footer#zapati {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 30px;
	font-size: 14px;
	background-color: #370;
	background-color: rgba(51, 119, 0, 0.9);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#BB337700, endColorStr=#00337700)";
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(51, 119, 0, 0.8)), color-stop(0.8, rgba(51, 119, 0, 0)));
	background-image: linear-gradient(to bottom, rgba(51, 119, 0, 0.8), rgba(51, 119, 0, 0));
	box-shadow: #222 0 0 7px;
	color: white;
}
footer#zapati p {
	line-height: 26px;
	padding: 0 16px;
}
footer#zapati p.copyright {
	float: left;
}
footer#zapati p.verze {
	float: right;
}
footer#zapati a {
	color: white;
}

@media all and (max-height: 500px) {
	#layout {
		padding-bottom: 30px;
	}
}

section#content h2 {
	margin: -17px -27px 0 -27px;
	background: #EFD;
	padding: 16px 29px;
	color: #370;
	font-size: 24px;
	font-weight: 200;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#EEFFDD, endColorStr=#FFFFFF)";
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #EFD), color-stop(1, white));
	background-image: linear-gradient(to bottom, #EFD, white);
}
section#content .content {
	line-height: 1.3;
}
section#content .content h3 {
	margin: 10px 0;
	padding: 6px 14px;
	color: #370;
	font-size: 22px;
	font-weight: 400;
	background: #DFD;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#FFFFFF, endColorStr=#EEFFDD)";
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, white), color-stop(1, #EFD));
	background-image: linear-gradient(to bottom, white, #EFD);
	border-bottom: 1px solid #370;
}
section#content .content h3:first-child {
	margin-top: 0;
}
section#content .content h4 {
	margin-top: 10px;
	padding: 6px 14px;
	color: #370;
	font-size: 22px;
	font-weight: 400;
}
section#content .content p {
	margin: 1px 0;
}

.neoznacitelne {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#move {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1000000000;
	cursor: move;
}

@media all and (max-width: 760px) {
	body {
		background: white;
	}
	section#content {
		max-width: 100%;
		width: auto;
		padding: 10px;
		border-color: white;
		margin: 0;
		box-shadow: none;
	}
	section#content h2 {
		margin: -10px -10px 0 -10px;
	}
	div#body {
		min-width: 520px;
		padding: 0;
	}
}


.oznameni {
	position: relative;
	padding: 5px 8px 7px 38px;
	border-radius: 7px;
	margin: 5px 6px 10px 6px;
}
.oznameni .ikona {
	width: 32px;
	height: 32px;
	position: absolute;
	left: 2px;
	top: 2px;
	background-repeat: no-repeat;
}
.oznameni.zaviratelne {
	padding-right: 33px;
}
.oznameni .zavrit {
	position: absolute;
	right: 8px;
	top: 8px;
	width: 20px;
	height: 20px;
	border-radius: 10px;
	background: #999 url(/img/php/zavrit.svg?barva=white) center center no-repeat;
	background-size: 10px 10px;
	cursor: pointer;
	-webkit-transition: background-color 0.5s;
	transition: background-color 0.5s;
}
.nosvg .oznameni .zavrit {
	background-image: url(/img/php/zavrit.png?barva=white);
}
.oznameni .zavrit:hover {
	background-color: #777;
}
.oznameni .zavrit:active {
	background-color: #555;
}
.oznameni.informace {
	background: #DEF;
	box-shadow: #35D 1px 1px 4px;
}
.oznameni.informace .ikona {
	background-image: url(/img/informace.svg);
}
.nosvg .oznameni.informace .ikona {
	background-image: url(/img/informace.png);
}
.oznameni.chyba {
	background: #FDE;
	box-shadow: #D53 1px 1px 4px;
}
.oznameni.chyba .ikona {
	background-image: url(/img/chyba.svg);
}
.nosvg .oznameni.chyba .ikona {
	background-image: url(/img/chyba.png);
}
.oznameni.chyba a, .oznameni.chyba .a {
	color: #A00;
}
.oznameni.varovani {
	background: #FFC;
	box-shadow: #BB5 1px 1px 4px;
}
.oznameni.varovani .ikona {
	background-image: url(/img/varovani.svg);
}
.nosvg .oznameni.varovani .ikona {
	background-image: url(/img/varovani.png);
}
.oznameni.varovani a, .oznameni.varovani .a {
	color: #870;
}


input, textarea, button {
	-webkit-transition: box-shadow 0.5s, border-color 0.5s, color 0.5s;
	transition: box-shadow 0.5s, border-color 0.5s, color 0.5s;
	margin: 2px;
}
input[type=text]::-ms-clear {
	display: none;
}
input:hover:not(:disabled), textarea:hover:not(:disabled), button:hover:not(:disabled) {
	box-shadow: #444 0 0 3px;
}
input:focus, textarea:focus, button:focus {
	box-shadow: #370 0 0 3px;
}
input:focus:hover, textarea:focus:hover, button:focus:hover {
	box-shadow: #370 0 0 7px;
}

input[type=text], input[type=search], input[type=password], input[type=email], textarea, .pole {
	border: 1px solid #999;
	font-weight: 200;
	font-size: 20px;
	padding: 0 8px;
	width: 80px;
	background: white;
	text-align: left;
	border-radius: 0;
}
input[type=text], input[type=search], input[type=password], input[type=email], textarea, .pole, button.pole:hover:not(:disabled), button.pole:active:not(:disabled) {
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#DDDDDD, endColorStr=#FFFFFF)";
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #DDD), color-stop(1, white));
	background-image: linear-gradient(to bottom, #DDD 0, white 100%);
	background-size: 100% 20px;
	background-repeat: no-repeat;
}
input[type=text], input[type=search], input[type=password], input[type=email], .pole {
	height: 36px;
	white-space: nowrap;
}
textarea {
	padding-top: 5px;
	padding-bottom: 5px;
}
input[type=text]:focus, input[type=search]:focus, input[type=password]:focus, input[type=email]:focus, textarea:focus, .pole:focus, .pole:focus:active {
	border-color: #370;
	color: #370;
}

.formMale input[type=text], .formMale input[type=search], input[type=text].formMale, .formMale input[type=password], input[type=password].formMale, .formMale input[type=email], input[type=email].formMale, .formMale textarea, textarea.formMale, .formMale .pole, .pole.formMale {
	padding: 0 6px;
	font-size: 17px;
}
.formMale input[type=text], input[type=text].formMale, .formMale input[type=search], input[type=search].formMale, .formMale input[type=password], input[type=password].formMale, .formMale input[type=email], input[type=email].formMale, .formMale .pole, .pole.formMale {
	height: 30px;
}

.tlacitko {
	display: inline-block;
}
input[type=button], input[type=submit], button, .tlacitko {
	cursor: pointer;
	font-weight: 400;
	font-size: 18px;
	padding: 0 24px;
	height: 37px;
	border: 1px solid #444;
	border-radius: 4px;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#FFFFFF, endColorStr=#E2E2E2)";
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #E8E8E8), color-stop(0.5, white), color-stop(0.5, #E2E2E2), color-stop(1, #F3F3F3));
	background-image: linear-gradient(to bottom, #E8E8E8 0, white 50%, #E2E2E2 50%, #F3F3F3 100%);
	color: black;
	text-decoration: none;
}
.tlacitko {
	line-height: 35px;
}
input[type=button]:hover:not(:disabled), input[type=submit]:hover:not(:disabled), button:hover:not(:disabled), .tlacitko:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#FFFFFF, endColorStr=#D4FFD4)";
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #E2FFE2), color-stop(0.5, white), color-stop(0.5, #D4FFD4), color-stop(1, #E6FFE6));
	background-image: linear-gradient(to bottom, #E2FFE2 0, white 50%, #D4FFD4 50%, #E6FFE6 100%);
	border-color: #370;
	box-shadow: #370 0 0 4px;
	color: #370;
}
input[type=button]:focus, input[type=submit]:focus, button:focus {
	border-color: #370;
}
input[type=button]:active:not(:disabled), input[type=submit]:active:not(:disabled), button:active:not(:disabled), .tlacitko:active {
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#337700, endColorStr=#448800)";
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #397C00), color-stop(0.5, #419500), color-stop(0.5, #370), color-stop(1, #480));
	background-image: linear-gradient(to bottom, #397C00 0, #419500 50%, #370 50%, #480 100%);
	border-color: #370;
	box-shadow: #370 0 0 7px;
	color: white;
}
input[type=text]:disabled, input[type=search]:disabled, input[type=button]:disabled, input[type=submit]:disabled, button:disabled {
	color: black;
	opacity: 0.5;
	cursor: auto;
}
input[type=text]:disabled, input[type=search]:disabled {
	opacity: 0.7;
}

.formMale input[type=button], input[type=button].formMale, .formMale input[type=submit], input[type=v].formMale, .formMale .tlacitko, .tlacitko.formMale, .formMale button, button.formMale {
	border-radius: 0;
	height: 30px;
	padding: 0 16px;
	font-size: 16px;
}

h4 > input[type=button], h4 > input[type=submit], h4 > .tlacitko {
	float: right;
}

.disabledCast {
	color: #666;
}

@media all and (max-width: 760px) {
	input[type=button], input[type=submit], button, .tlacitko {
		padding: 0 18px;
	}
	.formMale input[type=button], input[type=button].formMale, .formMale input[type=submit], input[type=v].formMale, .formMale .tlacitko, .tlacitko.formMale, .formMale button, button.formMale {
		padding: 0 10px;
	}
}


section#content .formContent table {
	margin: 0 auto;
}
section#content .formContent td p.chyba {
	font-size: 14px;
	color: red;
}
section#content .formContent td:first-child {
	text-align: right;
	padding-right: 12px;
	font-size: 20px;
}
section#content .formContent td.pevnaHodnota {
	font-size: 20px;
	font-weight: 600;
}
section#content .formContent td.malyPodPolem {
	padding-bottom: 5px;
	font-size: 12px;
}
section#content .formContent td input[type=text], section#content .formContent td input[type=password], section#content .formContent td input[type=email], section#content .formContent td .pole {
	margin-bottom: 3px;
}
section#content .formContent tfoot td {
	padding-top: 20px;
}
section#content input[type=text], section#content input[type=password], section#content input[type=email], section#content textarea, section#content .pole {
	width: 360px;
}
section#content .formCelaSirka {
	margin-top: 1px;
}
section#content .formCelaSirka input, section#content .formCelaSirka textarea {
	display: block;
	width: 480px;
	max-width: 100%;
	margin: 7px 0;
}

section#content td.captcha img {
	float: left;
	margin: 1px 7px 1px 0;
}
section#content td.captcha input[type=text] {
	width: 120px;
}


.cisloPlusMinus {
	display: inline-block;
	position: relative;
	z-index: 1;
	margin: 2px;
}
.cisloPlusMinus input, .cisloPlusMinus button.pole {
	padding-right: 31px;
	position: relative;
	z-index: 3;
	margin: 0;
}
.cisloPlusMinus.zadny {
	padding-right: 6px;
}
.cisloPlusMinus.select.vice input {
	padding-right: 61px;
}
.cisloPlusMinus.strany input, .cisloPlusMinus.strany button.pole {
	padding-left: 31px;
	text-align: center;
}
.cisloPlusMinus .plus, .cisloPlusMinus .minus, .cisloPlusMinus .tlacitkoVyber, .cisloPlusMinus .vice {
	position: absolute;
	z-index: 4;
	display: block;
	width: 28px;
	padding: 0;
	border-radius: 0;
	overflow: hidden;
	margin: 0;
}
.cisloPlusMinus .tlacitkoVyber, .cisloPlusMinus .vice {
	width: 30px;
}
.cisloPlusMinus.strany .minus {
	left: 0;
}
.cisloPlusMinus .plus, .cisloPlusMinus.vpravo .minus, .cisloPlusMinus .tlacitkoVyber, .cisloPlusMinus .vice {
	right: 0;
}
.cisloPlusMinus.vice .plus, .cisloPlusMinus.vpravo.vice .minus, .cisloPlusMinus.vice .tlacitkoVyber {
	right: 30px;
}
.cisloPlusMinus.strany .plus, .cisloPlusMinus.strany .minus, .cisloPlusMinus .tlacitkoVyber, .cisloPlusMinus .vice {
	height: 100%;
}
.cisloPlusMinus.vpravo .plus, .cisloPlusMinus.vpravo  .minus {
	height: 50%;
}
.cisloPlusMinus .plus, .cisloPlusMinus .tlacitkoVyber, .cisloPlusMinus .vice {
	top: 0;
}
.cisloPlusMinus .minus {
	bottom: 0;
}
.cisloPlusMinus .plus:hover, .cisloPlusMinus .minus:hover, .cisloPlusMinus .tlacitkoVyber:hover {
	z-index: 5;
}
.cisloPlusMinus .plus span, .cisloPlusMinus .minus span, .cisloPlusMinus .tlacitkoVyber span, .cisloPlusMinus .vice span {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-size: 18px auto;
	background-repeat: no-repeat;
	background-image: url(/img/php/malaSipka.svg);
}
.cisloPlusMinus.strany .plus span, .cisloPlusMinus.strany .minus span, .cisloPlusMinus .tlacitkoVyber span {
	background-size: 24px auto;
}
.cisloPlusMinus .vice span {
	background-size: 22px auto;
}

.nosvg .cisloPlusMinus .plus span, .nosvg .cisloPlusMinus .minus span {
	background-image: url(/img/php/malaSipka.png);
}
.cisloPlusMinus .plus:hover:not(:disabled) span, .cisloPlusMinus .minus:hover:not(:disabled) span {
	background-image: url(/img/php/malaSipka.svg?barva=370);
}
.nosvg .cisloPlusMinus .plus:hover:not(:disabled) span, .nosvg .cisloPlusMinus .minus:hover:not(:disabled) span {
	background-image: url(/img/php/malaSipka.png?barva=370);
}
.cisloPlusMinus .plus:active:not(:disabled) span, .cisloPlusMinus .minus:active:not(:disabled) span {
	background-image: url(/img/php/malaSipka.svg?barva=white);
}
.nosvg .cisloPlusMinus .plus:active:not(:disabled) span, .nosvg .cisloPlusMinus .minus:active:not(:disabled) span {
	background-image: url(/img/php/malaSipka.png?barva=white);
}

.cisloPlusMinus.strany .plus span {
	background-image: url(/img/php/malaSipka.svg?uhel=90);
}
.nosvg .cisloPlusMinus.strany .plus span {
	background-image: url(/img/php/malaSipka.png?uhel=90);
}
.cisloPlusMinus.strany .plus:hover:not(:disabled) span {
	background-image: url(/img/php/malaSipka.svg?barva=370&uhel=90);
}
.nosvg .cisloPlusMinus.strany .plus:hover:not(:disabled) span {
	background-image: url(/img/php/malaSipka.png?barva=370&uhel=90);
}
.cisloPlusMinus.strany .plus:active:not(:disabled) span {
	background-image: url(/img/php/malaSipka.svg?barva=white&uhel=90);
}
.nosvg .cisloPlusMinus.strany .plus:active:not(:disabled) span {
	background-image: url(/img/php/malaSipka.png?barva=white&uhel=90);
}

.cisloPlusMinus.vpravo .minus span, .cisloPlusMinus .tlacitkoVyber span {
	background-image: url(/img/php/malaSipka.svg?uhel=180);
}
.nosvg .cisloPlusMinus.vpravo .minus span, .nosvg .cisloPlusMinus .tlacitkoVyber span {
	background-image: url(/img/php/malaSipka.png?uhel=180);
}
.cisloPlusMinus.vpravo .minus:hover:not(:disabled) span, .cisloPlusMinus .tlacitkoVyber:hover:not(:disabled) span {
	background-image: url(/img/php/malaSipka.svg?barva=370&uhel=180);
}
.nosvg .cisloPlusMinus.vpravo .minus:hover:not(:disabled) span, .nosvg .cisloPlusMinus .tlacitkoVyber:hover:not(:disabled) span {
	background-image: url(/img/php/malaSipka.png?barva=370&uhel=180);
}
.cisloPlusMinus.vpravo .minus:active:not(:disabled) span, .cisloPlusMinus .tlacitkoVyber:active:not(:disabled) span {
	background-image: url(/img/php/malaSipka.svg?barva=white&uhel=180);
}
.nosvg .cisloPlusMinus.vpravo .minus:active:not(:disabled) span, .nosvg .cisloPlusMinus .tlacitkoVyber:active:not(:disabled) span {
	background-image: url(/img/php/malaSipka.png?barva=white&uhel=180);
}

.cisloPlusMinus.strany .minus span {
	background-image: url(/img/php/malaSipka.svg?uhel=270);
}
.nosvg .cisloPlusMinus.strany .minus span {
	background-image: url(/img/php/malaSipka.png?uhel=270);
}
.cisloPlusMinus.strany .minus:hover:not(:disabled) span {
	background-image: url(/img/php/malaSipka.svg?barva=370&uhel=270);
}
.nosvg .cisloPlusMinus.strany .minus:hover:not(:disabled) span {
	background-image: url(/img/php/malaSipka.png?barva=370&uhel=270);
}
.cisloPlusMinus.strany .minus:active:not(:disabled) span {
	background-image: url(/img/php/malaSipka.svg?barva=white&uhel=270);
}
.nosvg .cisloPlusMinus.strany .minus:active:not(:disabled) span {
	background-image: url(/img/php/malaSipka.png?barva=white&uhel=270);
}

.cisloPlusMinus .vice span {
	background-image: url(/img/php/vice.svg);
}
.nosvg .cisloPlusMinus .vice span {
	background-image: url(/img/php/vice.png);
}
.cisloPlusMinus .vice:hover:not(:disabled) span {
	background-image: url(/img/php/vice.svg?barva=370);
}
.nosvg .cisloPlusMinus .vice:hover:not(:disabled) span {
	background-image: url(/img/php/vice.png?barva=370);
}
.cisloPlusMinus .vice:active:not(:disabled) span {
	background-image: url(/img/php/vice.svg?barva=white);
}
.nosvg .cisloPlusMinus .vice:active:not(:disabled) span {
	background-image: url(/img/php/vice.png?barva=white);
}

.cisloPlusMinusVyber {
	position: absolute;
	z-index: 10000;
	top: 0;
	left: 0;
	background: white;
	border: 1px solid #370;
	box-shadow: black 0 0 5px;
	margin-top: -1px;
	display: block;
	overflow-x: visible;
	overflow-y: auto;
	max-width: 100%;
}
.cisloPlusMinusVyber.nahoru {
	margin-top: 1px;
}
.cisloPlusMinusVyber span {
	display: block;
	font-size: 18px;
	font-weight: 200;
	padding: 7px 14px;
	border: 1px solid transparent;
	border-left-width: 0;
	border-right-width: 0;
	margin-top: -1px;
	cursor: pointer;
	max-width: 100%;
	overflow: hidden;
	white-space: nowrap;
}
.cisloPlusMinusVyber.naStred span {
	text-align: center;
}
.cisloPlusMinusVyber span:last-child {
	border-bottom-width: 0;
}
.cisloPlusMinusVyber .vybrano {
	background-color: #DFB;
	border-color: #370;
}
.cisloPlusMinusVyber span:hover {
	border-color: #370;
	background-color: #EFD;
	box-shadow: #370 0 0 2px;
}

.cisloPlusMinusVyberOkno .cisloPlusMinusVyber {
	position: relative;
	box-shadow: none;
	border-width: 0;
	left: 0 !important;
	top: 0 !important;
	padding-top: 1px;
}
.cisloPlusMinusVyberOkno .cisloPlusMinusVyber span {
	font-size: 27px;
	padding: 11px 21px;
}
.poleDatum, .poleCas {
	position: relative;
	display: inline-block;
	text-indent: 0;
	margin: 2px;
}
.poleDatum:not(:last-child) {
	margin-right: 12px;
}
.poleDatumCas input {
	padding-right: 39px;
	margin: 0;
}
.poleDatum input {
	width: 165px !important;
}
.poleCas input {
	width: 103px !important;
}
.formMale .poleDatum input {
	width: 140px !important;
}
.formMale .poleCas input {
	width: 90px !important;
}
.poleDatumCas .tlacitkoVolba {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
	display: block;
	margin: 0;
	width: 36px;
	height: 100%;
	padding: 0;
	border-radius: 0;
	overflow: hidden;
}
.poleDatumCas .tlacitkoVolba span {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-size: auto 22px;
	background-position: center center;
	background-repeat: no-repeat;
}
.poleDatum .tlacitkoVolba span {
	background-image: url(/img/php/kalendar.svg);
}
.nosvg .poleDatum .tlacitkoVolba span {
	background-image: url(/img/php/kalendar.png?pruhledna=EEE);
}
.poleDatum .tlacitkoVolba:hover:not(:disabled) span {
	background-image: url(/img/php/kalendar.svg?barva=370);
}
.nosvg .poleDatum .tlacitkoVolba:hover:not(:disabled) span {
	background-image: url(/img/php/kalendar.png?barva=370&pruhledna=EFE);
}
.poleDatum .tlacitkoVolba:active:not(:disabled) span {
	background-image: url(/img/php/kalendar.svg?barva=white);
}
.nosvg .poleDatum .tlacitkoVolba:active:not(:disabled) span {
	background-image: url(/img/php/kalendar.png?barva=white&pruhledna=370);
}
.poleCas .tlacitkoVolba span {
	background-image: url(/img/php/hodiny.svg);
}
.nosvg .poleCas .tlacitkoVolba span {
	background-image: url(/img/php/hodiny.png);
}
.poleCas .tlacitkoVolba:hover:not(:disabled) span {
	background-image: url(/img/php/hodiny.svg?barva=370);
}
.nosvg .poleCas .tlacitkoVolba:hover:not(:disabled) span {
	background-image: url(/img/php/hodiny.png?barva=370);
}
.poleCas .tlacitkoVolba:active:not(:disabled) span {
	background-image: url(/img/php/hodiny.svg?barva=white);
}
.nosvg .poleCas .tlacitkoVolba:active:not(:disabled) span {
	background-image: url(/img/php/hodiny.png?barva=white);
}

.volbaCasuGraficky {
	margin: 16px;
	width: 320px;
}
.volbaCasuGraficky svg {
	width: 320px;
	height: 320px;
	display: block;
}
.volbaCasuGraficky svg circle {
	fill: transparent;
	stroke: #370;
	stroke-width: 3px;
}
.volbaCasuGraficky svg .vnitrni {
	stroke-dasharray: 2px, 2px;
	stroke-linecap: round;
	stroke-width: 1px;
}
.volbaCasuGraficky svg line {
	stroke: #370;
	stroke-width: 1px;
	stroke-linecap: round;
}
.volbaCasuGraficky svg .pet {
	stroke-width: 3px;
}
.volbaCasuGraficky svg .rucicka {
	stroke: black;
}
.volbaCasuGraficky svg .rucicka.mala {
	stroke-width: 11px;
}
.volbaCasuGraficky svg .rucicka.velka {
	stroke-width: 7px;
}
.volbaCasuGraficky svg text {
	text-anchor: middle;
}
.volbaCasuHodiny input[type=text], .volbaCasuMinuty input[type=text] {
	width: 65px;
}

.volbaDataMesic button.pole {
	width: 170px;
}
.volbaDataRok {
	text-align: right;
}
.volbaDataRok input[type=text] {
	width: 125px;
}
.volbaDataTydenDny td {
	vertical-align: middle;
	min-width: 48px;
	text-align: center;
	font-weight: 600;
	font-size: 18px;
	height: 32px;
}
.volbaData tbody td {
	vertical-align: middle;
	height: 40px;
}
.volbaData tbody td:not(:empty) {
	text-align: center;
	font-size: 20px;
	font-weight: 200;
	cursor: pointer;
	border: solid 0 transparent;
	-webkit-transition: background 0.5s, border-color 0.5s, box-shadow 0.5s;
	transition: background 0.5s, border-color 0.5s, box-shadow 0.5s;
}
.volbaData tbody td.vybrano {
	font-weight: 600;
	background: #DFB;
	border: 1px solid #370;
}
.volbaData tbody td.dnes {
	font-weight: 600;
	border: 1px solid #888;
}
.volbaData tbody td:not(:empty):hover {
	box-shadow: #370 0 0 2px;
	-webkit-transition: background 0.5s, border-color 1s, box-shadow 2s;
	transition: background 0.5s, border-color 1s, box-shadow 2s;
	border: 1px solid #370;
	background: #EFD;
}

.poleBarva {
	position: relative;
	display: inline-block;
	text-indent: 0;
	margin: 2px;
}
.poleBarva input {
	padding-right: 39px;
	width: 142px !important;
	margin: 0;
}
.poleBarva .tlacitkoVolba {
	position: absolute;
	margin: 0;
	top: 0;
	right: 0;
	z-index: 2;
	display: block;
	width: 36px;
	height: 100%;
	padding: 0;
	border-radius: 0;
	overflow: hidden;
}
.poleBarva .tlacitkoVolba span {
	position: absolute;
	left: 4px;
	top: 4px;
	width: 26px;
	height: 26px;
	border: 1px solid black;
}
.poleBarva .tlacitkoVolba:hover:not(:disabled) span {
	border-color: #370;
}
.poleBarva .tlacitkoVolba:active:not(:disabled) span {
	border-color: white;
}

.lepsiPole {
	display: inline-block;
	position: relative;
	z-index: 1;
	margin: 2px;
}
.lepsiPole input {
	padding-right: 33px;
	margin: 0;
}
.lepsiPole .vice {
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	width: 30px;
	height: 100%;
	padding: 0;
	border-radius: 0;
	overflow: hidden;
	margin: 0;
}
.lepsiPole .vice span {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-size: 22px auto;
	background-position: center center;
	background-repeat: no-repeat;
}
.lepsiPole .vice span {
	background-image: url(/img/php/vice.svg);
}
.nosvg .lepsiPole .vice span {
	background-image: url(/img/php/vice.png);
}
.lepsiPole .vice:hover:not(:disabled) span {
	background-image: url(/img/php/vice.svg?barva=370);
}
.nosvg .lepsiPole .vice:hover:not(:disabled) span {
	background-image: url(/img/php/vice.png?barva=370);
}
.lepsiPole .vice:active:not(:disabled) span {
	background-image: url(/img/php/vice.svg?barva=white);
}
.nosvg .lepsiPole .vice:active:not(:disabled) span {
	background-image: url(/img/php/vice.png?barva=white);
}

section#content input[type=button].checkbox, input[type=button].checkbox, input[type=button].checkbox:hover {
	width: 18px;
	height: 18px;
	border: 1px solid #444;
	-ms-filter: "";
	background: #DDD url(/img/php/checkbox.svg?velikost=16);
	background-size: contain;
	font-size: 18px;
	line-height: 1;
	border-radius: 0;
	padding: 0;
	vertical-align: -10%;
}
.nosvg section#content input[type=button].checkbox, .nosvg input[type=button].checkbox, .nosvg input[type=button].checkbox:hover {
	background-image: url(/img/php/checkbox.png?velikost=32);
}
section#content .formMale input[type=button].checkbox, .formMale input[type=button].checkbox,
section#content input[type=button].checkbox.formMale, input[type=button].checkbox.formMale {
	width: 16px;
	height: 16px;
	background-image: url(/img/php/checkbox.svg?velikost=14);
	font-size: 16px;
	padding: 0;
}
.nosvg section#content .formMale input[type=button].checkbox, .nosvg .formMale input[type=button].checkbox,
.nosvg section#content input[type=button].checkbox.formMale, .nosvg input[type=button].checkbox.formMale {
	background-image: url(/img/php/checkbox.png?velikost=28);
}
section#content input[type=button].checkbox.checked, input[type=button].checkbox.checked {
	background: black url(/img/php/checkbox.svg?checked=1&velikost=16);
	background-size: contain;
}
.nosvg section#content input[type=button].checkbox.checked, .nosvg input[type=button].checkbox.checked {
	background-image: url(/img/php/checkbox.png?checked=1&velikost=32);
}
section#content .formMale input[type=button].checkbox.checked, .formMale input[type=button].checkbox.checked,
section#content input[type=button].checkbox.checked.formMale, input[type=button].checkbox.checked.formMale {
	background-image: url(/img/php/checkbox.svg?checked=1&velikost=14);
}
.nosvg section#content .formMale input[type=button].checkbox.checked, .nosvg .formMale input[type=button].checkbox.checked,
.nosvg section#content input[type=button].checkbox.checked.formMale, .nosvg input[type=button].checkbox.checked.formMale {
	background-image: url(/img/php/checkbox.png?checked=1&velikost=34);
}
section#content input[type=button].checkbox.checked:hover, input[type=button].checkbox.checked:hover {
	border-color: #370;
}
section#content input[type=button].checkbox.checked:focus, input[type=button].checkbox.checked:focus {
	background: #370 url(/img/php/checkbox.svg?barva=370&checked=1&velikost=16);
	background-size: contain;
	border-color: #370;
}
.nosvg section#content input[type=button].checkbox.checked:focus, .nosvg input[type=button].checkbox.checked:focus {
	background-image: url(/img/php/checkbox.png?barva=370&checked=1&velikost=32);
}
section#content .formMale input[type=button].checkbox:focus, .formMale input[type=button].checkbox:focus,
section#content input[type=button].checkbox.formMale:focus, input[type=button].checkbox.formMale:focus {
	background-image: url(/img/php/checkbox.svg?barva=370&checked=1&velikost=14);
}
.nosvg section#content .formMale input[type=button].checkbox:focus, .nosvg .formMale input[type=button].checkbox:focus,
.nosvg section#content input[type=button].checkbox.formMale:focus, .nosvg input[type=button].checkbox.formMale:focus {
	background-image: url(/img/php/checkbox.png?barva=370&checked=1&velikost=28);
}

section#content input[type=button].radiobutton, input[type=button].radiobutton, input[type=button].radiobutton:hover {
	width: 18px;
	height: 18px;
	border: 1px solid #444;
	border-radius: 9px;
	-ms-filter: "";
	background: #DDD url(/img/php/radiobutton.svg?velikost=16);
	background-size: contain;
	font-size: 18px;
	line-height: 1;
	padding: 0;
	vertical-align: -10%;
}
.nosvg section#content input[type=button].radiobutton, .nosvg input[type=button].radiobutton, .nosvg input[type=button].radiobutton:hover {
	background-image: url(/img/php/radiobutton.png?velikost=32);
}
section#content .formMale input[type=button].radiobutton, .formMale input[type=button].radiobutton,
section#content input[type=button].radiobutton.formMale, input[type=button].radiobutton.formMale {
	width: 16px;
	height: 16px;
	border-radius: 8px;
	background-image: url(/img/php/radiobutton.svg?velikost=14);
	font-size: 16px;
	padding: 0;
}
.nosvg section#content .formMale input[type=button].radiobutton, .nosvg .formMale input[type=button].radiobutton,
.nosvg section#content input[type=button].radiobutton.formMale, .nosvg input[type=button].radiobutton.formMale {
	background-image: url(/img/php/radiobutton.png?velikost=28);
}
section#content input[type=button].radiobutton.checked, input[type=button].radiobutton.checked {
	background: black url(/img/php/radiobutton.svg?checked=1&velikost=16);
	background-size: contain;
}
.nosvg section#content input[type=button].radiobutton.checked, .nosvg input[type=button].radiobutton.checked {
	background-image: url(/img/php/radiobutton.png?checked=1&velikost=32);
}
section#content .formMale input[type=button].radiobutton.checked, .formMale input[type=button].radiobutton.checked,
section#content input[type=button].radiobutton.checked.formMale, input[type=button].radiobutton.checked.formMale {
	background-image: url(/img/php/radiobutton.svg?checked=1&velikost=14);
}
.nosvg section#content .formMale input[type=button].radiobutton.checked, .nosvg .formMale input[type=button].radiobutton.checked,
.nosvg section#content input[type=button].radiobutton.checked.formMale, .nosvg input[type=button].radiobutton.checked.formMale {
	background-image: url(/img/php/radiobutton.png?checked=1&velikost=34);
}
section#content input[type=button].radiobutton.checked:hover, input[type=button].radiobutton.checked:hover {
	border-color: #370;
}
section#content input[type=button].radiobutton.checked:focus, input[type=button].radiobutton.checked:focus {
	background: #370 url(/img/php/radiobutton.svg?checked=1&barva=370&velikost=16);
	background-size: contain;
	border-color: #370;
}
.nosvg section#content input[type=button].radiobutton.checked:focus, .nosvg input[type=button].radiobutton.checked:focus {
	background-image: url(/img/php/radiobutton.png?checked=1&barva=370&velikost=32);
}
section#content .formMale input[type=button].radiobutton:focus, .formMale input[type=button].radiobutton:focus,
section#content input[type=button].radiobutton.formMale:focus, input[type=button].radiobutton.formMale:focus {
	background-image: url(/img/php/radiobutton.svg?checked=1&barva=370&velikost=14);
}
.nosvg section#content .formMale input[type=button].radiobutton:focus, .nosvg .formMale input[type=button].radiobutton:focus,
.nosvg section#content input[type=button].radiobutton.formMale:focus, .nosvg input[type=button].radiobutton.formMale:focus {
	background-image: url(/img/php/radiobutton.png?checked=1&barva=370&velikost=28);
}


#prohlidka {
	margin: 0 auto;
	width: 664px;
}
#prohlidka > p {
	text-align: center;
	width: 664px;
}
#prohlidka_obrazky {
	width: 664px;
	position: relative;
	box-shadow: #370 0 0 16px 2px;
	margin: 16px 0;
}
#prohlidka_obrazky img {
	width: 664px;
	height: 453px;
	position: absolute;
	left: 0;
	top: 0;
	display: block;
}
@media all and (max-width: 700px) {
	#prohlidka, #prohlidka_obrazky, #prohlidka > p {
		width: 480px;
	}
	#prohlidka_obrazky img {
		width: 480px;
		height: 327px;
	}
}
#prohlidka_obrazky img:last-child {
	position: relative;
	cursor: pointer;
}
#prohlidka_obrazky .prohlidka_text {
	position: absolute;
	bottom: 10px;
	width: 90%;
	padding: 6px 16px;
	background: rgba(255, 255, 255, 0.8);
	z-index: 2;
	left: 5%;
	box-shadow: black 0 0 8px;
	text-align: center;
}
#prohlidka button {
	position: relative;
	width: 36px;
}
#prohlidka button span {
	display: block;
	position: absolute;
	left: 7px;
	top: 3px;
	width: 22px;
	height: 22px;
	background-repeat: no-repeat;
	background-size: 22px auto;
	line-height: 28px;
}
#prohlidka button:first-child span {
	background-image: url(/img/php/sipka.svg?uhel=270);
}
.nosvg #prohlidka button:first-child span {
	background-image: url(/img/php/sipka.png?uhel=270);
}
#prohlidka button:first-child:hover:not(:disabled) span {
	background-image: url(/img/php/sipka.svg?barva=370&uhel=270);
}
.nosvg #prohlidka button:first-child:hover:not(:disabled) span {
	background-image: url(/img/php/sipka.png?barva=370&uhel=270);
}
#prohlidka button:first-child:active:not(:disabled) span {
	background-image: url(/img/php/sipka.svg?barva=white&uhel=270);
}
.nosvg #prohlidka button:first-child:active:not(:disabled) span {
	background-image: url(/img/php/sipka.png?barva=white&uhel=270);
}
#prohlidka button:last-child span {
	background-image: url(/img/php/sipka.svg?uhel=90);
}
.nosvg #prohlidka button:last-child span {
	background-image: url(/img/php/sipka.png?uhel=90);
}
#prohlidka button:last-child:hover:not(:disabled) span {
	background-image: url(/img/php/sipka.svg?barva=370&uhel=90);
}
.nosvg #prohlidka button:last-child:hover:not(:disabled) span {
	background-image: url(/img/php/sipka.png?barva=370&uhel=90);
}
#prohlidka button:last-child:active:not(:disabled) span {
	background-image: url(/img/php/sipka.svg?barva=white&uhel=90);
}
.nosvg #prohlidka button:last-child:active:not(:disabled) span {
	background-image: url(/img/php/sipka.png?barva=white&uhel=90);
}