/*
	definicia premennych
	definicia premennych
	definicia premennych
*/

:root {
	/* tmavohneda */
	--tmava: #534741;
	/* svetlohneda */
	--svetla: #e5cdb3;
	/* cervena */
	--nadpis: #bf0025;

	/* tmavohneda */
	--text: #534741;
	/* biela */
	--komplementar: #fff;

	/* svetlohneda */
	--table-border: #e5cdb3;

	/* tmavohneda */
	--table-header-bg: #534741;
	/* biela */
	--table-header-txt: #fff;

	--sirka-xl: 1140px;
	--sirka-lg: 960px;
	--sirka-md: 720px;
	--sirka-sm: 540px;
	--sirka-xs: 320px;
	--sirka: 1110px;
	--sirka-laveho-stlpca: 255px;
	--ilustracka-sirka: 1110;
	--ilustracka-vyska: 560;
}

/*
	definicia premennych
	definicia premennych
	definicia premennych
*/

* {
	margin: 0;
	padding: 0;
}

HTML,
BODY {
	height: 100%;
}

BODY {
	font-family: 'Barlow', sans-serif;
	font-size: medium;
	text-align: center;
}

HR {
	display: none;
}

H3 {
	font-size: 1.4em;
	font-weight: bold;
	padding: 10px 15px;
	color: var(--nadpis);
	border: 2px solid var(--nadpis);
}

H4 {
	font-size: 1.2em;
	font-weight: bold;
}

H5 {
	font-size: 1.1em;
}


P {
	margin-top: 0.5em;
	margin-bottom: 0.7em;
}

LI P {
	margin-top: 0.1em;
	margin-bottom: 0.3em;
}

IMG {
	border: 1px solid var(--zakladna-svetla);
}

SUB,
SUP {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

SUP {
	top: -0.5em;
}

SUB {
	bottom: -0.25em;
}

FORM,
INPUT,
TEXTAREA,
SELECT {
	font-size: 100%;
}

#admin TEXTAREA {
	font-family: courier;
	font-size: 100%;
}

INPUT[type=submit] {
	padding: 0.1em;
}

INPUT[type=reset] {
	padding: 0.1em;
}

INPUT[name^="ok"] {
	margin-left: 0.5em;
}

LABEL {
	margin-bottom: 0;
	font-weight: 600;
}

.povinne-empty LABEL {
	color: #ff0 !important;
}

A {
	color: var(--zakladna-tmava);
	text-decoration: underline;
}

A:hover {
	color: var(--text-komplementarny);
	text-decoration: underline;
}

DIV {
	line-height: 1.35em;
	border: 0 solid var(--zakladna-svetla);
}

TABLE {
	font-size: 1em;
	border-style: solid;
	border-color: var(--table-border);
	border-width: 1px 1px 0 0;
	border-spacing: 0;
	border-collapse: collapse;
	width: auto;
	margin: 0.5em auto;
}

TH,
TD {
	font-size: 1em;
	border-style: solid;
	border-color: var(--table-border);
	border-width: 0 0 1px 1px;
	border-spacing: 0;
	padding: 5px;
}

TH {
	background-color: var(--table-header-bg);
	color: var(--table-header-txt);
	font-weight: 600;
}

TH A {
	color: var(--text-inverzny);
	text-decoration: underline;
}

TH A:hover {
	color: var(--text-komplementarny);
	text-decoration: underline;
}

.transparent TD {
	background: transparent;
}

TD A {
	color: var(--zakladna-tmava);
}

UL {
	margin-left: 2em;
	margin-bottom: 0.5em;
}

OL {
	margin-left: 2em;
	margin-bottom: 0.5em;
}

LI {
	margin-bottom: 0.3em;
	margin-top: 0.3em;
}

UL UL {
	margin-top: 0.5em;
}

DL {
	margin-left: 0;
	margin-bottom: 0.5em;
}

DT {
	font-weight: normal;
	margin-left: 0;
	margin-top: 0.2em;
}

DD {
	margin-left: 1em;
}

IFRAME {
	border: none;
}

STRONG {
	font-weight: 600;
}


/*
	telo
	telo
	telo
*/

#telo {
	background-image: linear-gradient(var(--tmava), var(--tmava) 50px, rgba(0, 0, 0, .6) 50px, transparent 290px, transparent 290px, transparent 370px, var(--komplementar) 370px, var(--komplementar)), url(../../pics/layout/bg-hlavicka-ilustracka-320.jpg);
	background-size: contain, auto 320px;
	background-position: center top, center 50px;
	background-repeat: no-repeat, no-repeat;
	position: relative;
	min-height: 101%;
	width: 100%;
	height: 101%;
	margin: 0 auto;
	text-align: left;
	z-index: 10;
	/* font-size: 115%; */
}

body>#telo {
	height: auto;
}

#telo-obsah {
	position: relative;
	min-height: 300px;
	padding-bottom: calc(50px + 50px + 320px);
}

/*
	telo
	telo
	telo
*/


/*
	hlavicka
	hlavicka
	hlavicka
*/

#hlavicka {
	position: relative;
	height: 310px;
	margin-bottom: 0;
}

H1 {
	background-image: url(../../pics/layout/logo.svg);
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	width: 275px;
	height: 230px;
	left: -30px;
	top: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	z-index: 10;
}

H1 A {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
}

H1 A:hover {
	text-decoration: none;
}

H1 A SPAN {
	display: none;
}

/*
	hlavicka
	hlavicka
	hlavicka
*/


/*
	telefonne cisla v hlavicke
	telefonne cisla v hlavicke
	telefonne cisla v hlavicke
*/

#kontakt-tel,
#kontakt-gsm {
	float: right;
	margin-left: 30px;
	text-align: right;
}

#kontakt-gsm {
	margin-left: 0;
}

#kontakt-tel DIV,
#kontakt-gsm DIV {
	background-image: url(../../pics/layout/ikona-telefon-svetly.svg);
	background-size: 20px 20px;
	background-position: left center;
	background-repeat: no-repeat;
	height: 50px;
	line-height: 50px;
	margin-left: 0;
	padding-left: 28px;
	color: var(--komplementar);
}

#kontakt-gsm DIV {
	background-image: url(../../pics/layout/ikona-mobil-svetly.svg);
}

#kontakt-tel::after,
#kontakt-gsm::after {
	content: '';
	display: block;
	clear: both;
}

#kontakt-tel A,
#kontakt-gsm A {
	text-decoration: none;
}

#kontakt-tel SPAN,
#kontakt-gsm SPAN {
	display: none;
}

/*
	telefonne cisla v hlavicke
	telefonne cisla v hlavicke
	telefonne cisla v hlavicke
*/


/*
	hlavne-menu
	hlavne-menu
	hlavne-menu
*/

#hlavne-menu {
	position: absolute;
	top: 65px;
	right: 15px;
	width: auto;
	padding: 0;
	z-index: 50;
}

#hlavne-menu STRONG {
	display: none;
}

#hlavne-menu .navbar-toggler {
	background-color: #fff;
	border-color: var(--tmava);
}

#hlavne-menu .navbar-toggler:focus {
	outline: none;
}

#hlavne-menu .navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(83, 71, 65, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

#hlavne-menu UL {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#hlavne-menu LI {
	margin: 0;
	padding: 0;
	display: inline;
}

#hlavne-menu .nav-link {
	padding-right: 10px;
	padding-left: 10px;
	color: var(--komplementar);
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
}

#hlavne-menu .nav-link:hover {
	text-decoration: underline;
}

#hlavne-menu .selected .nav-link {
	font-weight: normal;
}

/*
	hlavne-menu
	hlavne-menu
	hlavne-menu
*/


/*
	logged
	logged
	logged
*/

#logged {
	position: absolute;
	top: 250px;
	left: 15px;
	width: auto;
	height: 20px;
	line-height: 20px;
	padding: 0;
	color: var(--komplementar);
	text-shadow: 0 1px 5px #000, 0 -1px 5px #000, -1px 0 5px #000, 1px 0 5px #000;
}

/*
	logged
	logged
	logged
*/


/*
	nadpis / nadpis-path
	nadpis / nadpis-path
	nadpis / nadpis-path
*/

H2 {
	background-color: var(--nadpis);
	height: 60px;
	line-height: 60px;
	margin: 0;
	padding: 0 15px;
	color: var(--komplementar);
	font-size: 1.4em;
	font-weight: 600;
}

#nadpis-path {
	background-image: linear-gradient(to right, var(--svetla), var(--svetla) calc(100% - 100px), var(--tmava) calc(100% - 100px), var(--tmava));
	padding: 8px 15px;
	font-weight: bold;
	display: flex;
	align-items: center;
}

#nadpis-path::after {
	content: '';
	display: block;
	clear: both;
}

#nadpis-path>SPAN {
	display: block;
	width: calc(100%- 85px);
	width: calc(100% - 100px);
	margin-right: 15px;
}

#nadpis-path #nadpis-home {
	display: block;
	background: url(../../pics/layout/ikona-uvodna-stranka.svg) center center no-repeat;
	background-size: 18px 16px;
	width: 18px;
	overflow: hidden;
	float: left;
}

#nadpis-path #nadpis-home .content {
	visibility: hidden;
}

#nadpis-path .nadpis-separator {
	background: url(../../pics/layout/ikona-sipka-cervena-vpravo.svg) center center no-repeat;
	background-size: 8px 13px;
	padding: 5px 8px;
	overflow: hidden;
}

#nadpis-path .nadpis-separator .content {
	display: none;
}

A#nadpis-path-back {
	background-image: url(../../pics/layout/ikona-sipka-biela-vlavo.svg);
	background-size: 8px 13px;
	background-position: left center;
	background-repeat: no-repeat;
	width: 70px;
	margin: 0;
	margin-left: 15px;
	padding: 0;
	text-align: right;
	text-decoration: none;
	color: var(--komplementar);
}

A#nadpis-path-back SPAN SPAN:nth-of-type(1) {
	display: none;
}

/*
	nadpis / nadpis-path
	nadpis / nadpis-path
	nadpis / nadpis-path
*/





/*
	submenu
	submenu
	submenu
*/

#admin #submenu,
#uvod #submenu,
#onas #submenu,
#pizza-menu #submenu,
#denne-menu #submenu,
#stale-menu #submenu,
#fotogaleria #submenu,
#kontakt #submenu {
	margin-top: 50px;
}

#uvod #submenu>STRONG,
#onas #submenu>STRONG,
#pizza-menu #submenu>STRONG,
#denne-menu #submenu>STRONG,
#stale-menu #submenu>STRONG,
#fotogaleria #submenu>STRONG,
#kontakt #submenu>STRONG {
	display: block;
	width: 100%;
	height: 1.5em;
	line-height: 1.2em;
	margin-bottom: 5px;
	border-bottom: 2px solid var(--nadpis);
	font-size: 1.4em;
	font-weight: bold;
	color: var(--nadpis);
	text-decoration: none;
}

#admin #submenu>STRONG {
	display: none;
}

#uvod #submenu>STRONG SPAN,
#onas #submenu>STRONG SPAN,
#pizza-menu #submenu>STRONG SPAN,
#denne-menu #submenu>STRONG SPAN,
#stale-menu #submenu>STRONG SPAN,
#fotogaleria #submenu>STRONG SPAN,
#kontakt #submenu>STRONG SPAN {
	display: none;
}

#uvod #submenu UL.uroven1,
#onas #submenu UL.uroven1,
#pizza-menu #submenu UL.uroven1,
#denne-menu #submenu UL.uroven1,
#stale-menu #submenu UL.uroven1,
#fotogaleria #submenu UL.uroven1,
#kontakt #submenu UL.uroven1 {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#uvod #submenu LI.uroven1,
#onas #submenu LI.uroven1,
#pizza-menu #submenu LI.uroven1,
#denne-menu #submenu LI.uroven1,
#stale-menu #submenu LI.uroven1,
#fotogaleria #submenu LI.uroven1,
#kontakt #submenu LI.uroven1 {
	background-color: var(--tmava);
	background-image: url(../../pics/layout/ikona-sipka-biela-vpravo.svg);
	background-size: 8px 13px;
	background-position: right 10px center;
	background-repeat: no-repeat;
	color: var(--komplementar);
	display: inline-block;
	width: auto;
	height: 30px;
	line-height: 30px;
	margin: 0;
	margin-top: 5px;
	margin-right: 3px;
	padding: 0;
	padding-left: 10px;
	padding-right: 28px;
	border-radius: 0.25em;
}

#uvod #submenu LI.uroven1 A,
#onas #submenu LI.uroven1 A,
#pizza-menu #submenu LI.uroven1 A,
#denne-menu #submenu LI.uroven1 A,
#stale-menu #submenu LI.uroven1 A,
#fotogaleria #submenu LI.uroven1 A,
#kontakt #submenu LI.uroven1 A {
	text-decoration: none;
}

#uvod #submenu LI.uroven1 A:hover,
#onas #submenu LI.uroven1 A:hover,
#pizza-menu #submenu LI.uroven1 A:hover,
#denne-menu #submenu LI.uroven1 A:hover,
#stale-menu #submenu LI.uroven1 A:hover,
#fotogaleria #submenu LI.uroven1 A:hover,
#kontakt #submenu LI.uroven1 A:hover {
	text-decoration: underline;
}

#uvod #submenu UL.uroven2,
#onas #submenu UL.uroven2,
#pizza-menu #submenu UL.uroven2,
#denne-menu #submenu UL.uroven2,
#stale-menu #submenu UL.uroven2,
#fotogaleria #submenu UL.uroven2,
#kontakt #submenu UL.uroven2 {
	display: none;
}



#admin #submenu UL {
	list-style: none;
	margin: 0;
	padding: 0;
}

#admin #submenu UL LI {
	margin: 0;
	padding: 0;
}

#admin #submenu A {
	display: block;
}

#admin #submenu A.uroven1 {
	background-color: var(--tmava);
	background-image: none;
	background-size: 30px 30px;
	background-position: 10px center;
	background-repeat: no-repeat;
	margin: 0;
	margin-top: 10px;
	padding: 15px 10px;
	padding-left: 50px;
	font-weight: bold;
	color: var(--komplementar);
	text-decoration: none;
}

#admin #submenu LI.uroven1:nth-of-type(1) A.uroven1 {
	margin-top: 0;
}

#admin #submenu A.uroven1:hover {
	text-decoration: underline;
}

#admin #submenu A#submenu-texty {
	background-image: url(../../pics/layout/ikona-submenu-texty.svg);
}

#admin #submenu A#submenu-listok {
	background-image: url(../../pics/layout/ikona-submenu-jedalny-listok.svg);
}

#admin #submenu A#submenu-rozne {
	background-image: url(../../pics/layout/ikona-submenu-rozne.svg);
}

#admin #submenu A#submenu-uzivatelia {
	background-image: url(../../pics/layout/ikona-submenu-pouzivatelia.svg);
}

#admin #submenu A#submenu-pass {
	background-image: url(../../pics/layout/ikona-submenu-zmena-hesla.svg);
}

#admin #submenu A#submenu-self {
	background-image: url(../../pics/layout/ikona-submenu-zmena-osobnych-udajov.svg);
}

#admin #submenu A#submenu-logout {
	background-image: url(../../pics/layout/ikona-submenu-odhlasenie.svg);
}



#admin #submenu LI.uroven2 {
	border-top: 1px solid var(--svetla);
	border-bottom: 1px solid var(--tmava);
}

#admin #submenu A.uroven2 {
	background-color: var(--svetla);
	background-image: url(../../pics/layout/ikona-sipka-cervena-vpravo.svg);
	background-size: 8px 13px;
	background-position: 19px center;
	background-repeat: no-repeat;
	margin: 0;
	padding: 10px 15px;
	padding-left: 45px;
	text-decoration: none;
}

#admin #submenu A.uroven2:hover {
	text-decoration: underline;
}

#admin #submenu A.uroven2.selected {
	background-image: url(../../pics/layout/ikona-sipka-cervena-dolu.svg);
	background-size: 13px 18px;
	background-position: 16px center;
	border-bottom: 1px solid var(--svetla);
}



#admin #submenu LI.uroven3 {
	border: 1px solid var(--svetla);
	border-top: 1px solid var(--komplementar);
}

#admin #submenu A.uroven3 {
	background-color: var(--komplementar);
	background-image: url(../../pics/layout/ikona-sipka-cervena-vpravo.svg);
	background-size: 5px 8px;
	background-position: 18px center;
	background-repeat: no-repeat;
	margin: 0;
	padding: 5px 15px;
	padding-left: 40px;
}

#admin #submenu A.uroven3.selected {
	background-image: url(../../pics/layout/ikona-sipka-cervena-dolu.svg);
	background-size: 8px 5px;
	background-position: 16px center;
}

/*
	submenu
	submenu
	submenu
*/





#pravy-panel #pravy-panel-obsah {
	overflow: hidden;
}

#pravy-panel #pravy-panel-obsah #pomocny {
	padding: 15px 0;
	text-align: justify;
}

#admin #pravy-panel #pravy-panel-obsah #pomocny {
	padding: 15px;
	text-align: left;
}

#pomocny {
	overflow: hidden;
}

#pravy-panel #pravy-panel-obsah #pomocny HR {
	display: block;
	width: 99%;
	margin: 2em auto;
}

#pravy-panel #pravy-panel-obsah #pomocny .str-navigacia HR {
	display: none;
}

#pomocny IMG {
	max-width: 100%;
	height: auto;
}

#admin #pomocny IMG {
	max-width: unset;
	height: auto;
}





.zoznam-clankov-separator {
	display: none;
}

.zoznam-clankov-separator HR {
	display: none;
}

.zoznam-clankov-polozka {
	display: none;
}



#content {
	padding-top: 50px;
}

#uvod #content {
	padding-top: 0;
}

.info,
.link-back {
	display: none;
}



/*
	fotogaleria
	fotogaleria
	fotogaleria
*/

#galeria {
	width: 100%;
}

#galeria-detail-counter {
	margin-bottom: 20px;
}

#galeria-detail #detail-nadpis {
	display: block;
	text-align: center;
}

#galeria-detail #galeria-detail-in-kontajner {
	position: relative;
	margin: 0 auto;
}

#galeria-detail #galeria-detail-in-kontajner #galeria-detail-in-kontajner-prev,
#galeria-detail #galeria-detail-in-kontajner #galeria-detail-in-kontajner-next {
	display: block;
	width: 49%;
	height: 100%;
	position: absolute;
	top: 0;
}

#galeria-detail #galeria-detail-in-kontajner #galeria-detail-in-kontajner-next {
	right: 0;
}

#galeria-detail #galeria-detail-in-kontajner #galeria-detail-in-kontajner-prev SPAN {
	float: left;
	width: 50px;
	height: 100%;
}

#galeria-detail #galeria-detail-in-kontajner #galeria-detail-in-kontajner-next SPAN {
	float: right;
	width: 50px;
	height: 100%;
}

#galeria-detail #galeria-detail-in-kontajner #galeria-detail-in-kontajner-prev SPAN SPAN {
	display: block;
	background-image: url(../../pics/layout/ikona-sipka-cervena-vlavo.svg);
	background-size: 20px 33px;
	background-position: center center;
	background-repeat: no-repeat;
}

#galeria-detail #galeria-detail-in-kontajner #galeria-detail-in-kontajner-next SPAN SPAN {
	display: block;
	background-image: url(../../pics/layout/ikona-sipka-cervena-vpravo.svg);
	background-size: 20px 33px;
	background-position: center center;
	background-repeat: no-repeat;
}

#galeria-detail #galeria-detail-in-kontajner #galeria-detail-in-kontajner-prev SPAN SPAN SPAN,
#galeria-detail #galeria-detail-in-kontajner #galeria-detail-in-kontajner-next SPAN SPAN SPAN {
	display: none;
}

#galeria-detail IMG {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}

.galeria-counter {
	background-color: var(--svetla);
	width: 100%;
	height: 50px;
	line-height: 50px;
	padding: 0;
	text-align: center;
}

.galeria-counter:after {
	content: '';
	display: block;
	clear: both;
}

.galeria-counter-in {
	line-height: 50px;
}


.galeria-counter A {
	position: relative;
	display: block;
	background-color: var(--tmava);
	width: 155px;
	height: 50px;
	line-height: 50px;
	padding: 0 15px;
	color: var(--komplementar);
	text-decoration: none;
}

.galeria-counter A:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	width: 30px;
	height: 50px;
}

.galeria-counter A:hover {
	text-decoration: underline;
}

.galeria-counter A .symbol {
	display: none;
}

.galeria-counter A.prev {
	float: left;
	text-align: right;
}

.galeria-counter A.prev:after {
	background-image: url(../../pics/layout/ikona-sipka-biela-vlavo.svg);
	background-size: 9px 15px;
	background-position: center center;
	background-repeat: no-repeat;
	left: 0;
}

.galeria-counter A.next {
	float: right;
	text-align: left;
}

.galeria-counter A.next:after {
	background-image: url(../../pics/layout/ikona-sipka-biela-vpravo.svg);
	background-size: 9px 15px;
	background-position: center center;
	background-repeat: no-repeat;
	right: 0;
}

#galeria-nahlad A {
	text-decoration: none;
}

#galeria-nahlad A.nahlad {
	display: block;
	width: calc((100% - (4 * 20px)) / 5);
	margin: 0 20px 20px 0;
	float: left;
}

#galeria-nahlad A.nahlad:nth-of-type(5n) {
	margin-right: 0;
}

#galeria-nahlad A.nahlad IMG {
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
	border: 2px solid var(--svetla);
}

#galeria-nahlad A.active IMG {
	border: 2px solid var(--nadpis);
}

#galeria-nahlad:after {
	content: '';
	display: block;
	clear: both;
}

/*
	fotogaleria
	fotogaleria
	fotogaleria
*/



/*
	pata
	pata
	pata
*/

#pata {
	background-image: linear-gradient(var(--tmava), var(--tmava) 50px, var(--svetla) 50px, var(--svetla));
	position: absolute;
	right: 0;
	left: 0;
	bottom: 0px;
	width: 100%;
	height: calc(50px + 320px);
	z-index: 100;
	color: var(--zakladna-tmava);
}

/*
	pata
	pata
	pata
*/



/*
	system-menu
	system-menu
	system-menu
*/

#system-menu {
	width: 100%;
	height: 50px;
	line-height: 50px;
	overflow: hidden;
	text-align: center;
}

#system-menu STRONG {
	display: none;
}

#system-menu UL {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#system-menu LI {
	margin: 0;
	padding: 0;
	display: inline;
}

#system-menu A {
	text-decoration: none;
	color: var(--komplementar);
	font-weight: normal;
	padding-right: 1rem;
	padding-left: 1rem;
}

#system-menu A:hover {
	text-decoration: underline !important;
}

#system-menu A SPAN {
	background-position: left center;
	background-repeat: no-repeat;
}

#system-menu A SPAN SPAN {
	background: none !important;
	padding-left: 0 !important;
}

#system-menu A#system-menu-home SPAN {
	background-image: url(../../pics/layout/ikona-system-menu-home.svg);
	background-size: 18px 16px;
	padding-left: calc(18px + 7px);
}

#system-menu A#system-menu-home SPAN:after {
	content: attr(data-content-long);
}

#system-menu A#system-menu-login SPAN {
	background-image: url(../../pics/layout/ikona-system-menu-user.svg);
	background-size: 12px 16px;
	padding-left: calc(12px + 7px);
}

#system-menu A#system-menu-login SPAN:after {
	content: attr(data-content-long);
}

#system-menu A#system-menu-admin SPAN {
	background-image: url(../../pics/layout/ikona-system-menu-user.svg);
	background-size: 12px 16px;
	padding-left: calc(12px + 7px);
}

#system-menu A#system-menu-mapa SPAN {
	background-image: url(../../pics/layout/ikona-system-menu-sitemap.svg);
	background-size: 18px 16px;
	padding-left: calc(18px + 7px);
}

#system-menu A#system-menu-mapa SPAN:after {
	content: attr(data-content-long);
}

/*
	system-menu
	system-menu
	system-menu
*/


/*
	pata-kontakt
	pata-kontakt
	pata-kontakt
*/

#pata-kontakt {
	float: left;
	padding-top: 60px;
}

#pata-kontakt STRONG {
	font-size: 1.5em;
	color: var(--nadpis);
}

#pata-kontakt STRONG SPAN {
	display: none;
}

#pata-kontakt .addr {
	background-image: url(../../pics/layout/ikona-paticka-adresa.svg);
	background-size: 14px auto;
	background-position: left 5px;
	background-repeat: no-repeat;
	padding-left: 20px;
}

#pata-kontakt .tel {
	background-image: url(../../pics/layout/ikona-paticka-telefon.svg);
	background-size: 14px auto;
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 20px;
	margin-top: 10px;
}

#pata-kontakt .tel SPAN {
	display: none;
}

#pata-kontakt .tel A {
	text-decoration: none;
}

#pata-kontakt .mail {
	background: url(../../pics/layout/ikona-paticka-email.svg);
	background-size: 14px auto;
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 20px;
	margin-top: 10px;
}

#pata-kontakt .mail SPAN {
	display: none;
}

/*
	pata-kontakt
	pata-kontakt
	pata-kontakt
*/


/*
	pata-info
	pata-info
	pata-info
*/

#pata-info {
	float: right;
	padding-top: 60px;
}

#pata-social-a-dokumenty {
	margin-bottom: 1em;
}

#pata-facebook A {
	display: block;
	float: left;
	background-image: url(../../pics/layout/ikona-facebook.svg);
	background-size: 100% 100%;
	background-position: center center;
	background-repeat: no-repeat;
	width: 50px;
	height: 50px;
	margin-right: 1em;
}

#pata-facebook A SPAN {
	display: none;
}

#pata-gdpr,
pata-cookies {
	min-height: 25px;
}

#pata-counter {
	margin-top: 0.5rem;
}

#pata-skoc-hore A {
	background-color: var(--tmava);
	background-image: url(../../pics/layout/ikona-sipka-biela-hore.svg);
	background-size: 20px 12px;
	background-position: center center;
	background-repeat: no-repeat;
	display: block;
	width: 45px;
	height: 45px;
	margin-left: 10px;
	overflow: hidden;
	float: right;
}

#pata-skoc-hore A SPAN {
	display: none;
}

/*
	pata-info
	pata-info
	pata-info
*/





/*
	sitemap
	sitemap
	sitemap
*/

#mapa-obal {
	margin-top: 50px;
}

.sitemap {
	clear: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.sitemap A {
	margin: 0;
	padding: 0;
	line-height: 25px;
}

.sitemap LI {
	margin: 0;
	padding: 0;
	list-style-image: none;
}

.sitemap SPAN {
	margin: 0;
	padding: 0;
	line-height: 25px;
}

.sitemap .popis {
	display: block;
	width: auto;
	height: 25px;
	line-height: 25px;
	float: left;
	padding: 0 0 0 5px;
}

.sitemap .popis2 {
	display: block;
	width: auto;
	height: 25px;
	line-height: 25px;
	float: left;
	padding: 0 0 0 5px;
	display: none;
}

.sitemap .popis3 {
	display: block;
	width: auto;
	height: 25px;
	line-height: 25px;
	float: left;
	padding: 0 0 0 5px;
	display: none;
}

.sitemap .li01 {
	display: block;
	width: 35px;
	height: 25px;
	line-height: 25px;
	float: left;
}

.sitemap .li02 {
	display: block;
	width: 35px;
	height: 25px;
	line-height: 25px;
	float: left;
}

.sitemap .li03 {
	display: block;
	width: 35px;
	height: 25px;
	line-height: 25px;
	float: left;
}

.sitemap .li04 {
	display: block;
	width: 35px;
	height: 25px;
	line-height: 25px;
	float: left;
}

.sitemap .li05 {
	display: block;
	width: 35px;
	height: 25px;
	line-height: 25px;
	float: left;
}

.sitemap .li06 {
	display: block;
	width: 35px;
	height: 25px;
	line-height: 25px;
	float: left;
}

.sitemap .li07 {
	display: block;
	width: 35px;
	height: 25px;
	line-height: 25px;
	float: left;
}

.sitemap .li08 {
	display: block;
	width: 35px;
	height: 25px;
	line-height: 25px;
	float: left;
}

.sitemap .var0 {
	background: url(../../pics/layout/ul0.svg) left center no-repeat;
	background-size: 35px 40px;
}

.sitemap .var01 {
	background: url(../../pics/layout/ul01.svg) left center no-repeat;
	background-size: 35px 40px;
}

.sitemap .var02 {
	background: url(../../pics/layout/ul02.svg) left center no-repeat;
	background-size: 35px 40px;
}

.sitemap .var03 {
	background: url(../../pics/layout/ul03.svg) left center no-repeat;
	background-size: 35px 40px;
}

.sitemap .var11 {
	background: url(../../pics/layout/ul11.svg) left center no-repeat;
	background-size: 35px 40px;
}

.sitemap .var12 {
	background: url(../../pics/layout/ul12.svg) left center no-repeat;
	background-size: 35px 40px;
}

.sitemap .var13 {
	background: url(../../pics/layout/ul13.svg) left center no-repeat;
	background-size: 35px 40px;
}

.sitemap .control-container {
	display: block;
	float: right;
}

/*
	sitemap
	sitemap
	sitemap
*/



/*
	str-navigacia
	str-navigacia
	str-navigacia
*/

.str-navigacia {
	clear: both;
	margin: 1em 0 1em 0;
	display: none;
}

#admin .str-navigacia {
	display: block;
}

.str-navigacia:before,
.str-navigacia:after {
	content: '';
	display: block;
	clear: both;
}

.str-navigacia STRONG {
	font-weight: normal;
}

.str-navigacia .description {
	float: left;
	padding: .5rem .75rem;
	line-height: 1.25;
	border-top: 1px solid var(--tmava);
	border-bottom: 1px solid var(--tmava);
}

.page-link {
	padding: .5rem .55rem;
	color: var(--tmava);
	text-decoration: none;
	background-color: var(--svetla);
	border-color: #fff;
}

.page-link:hover {
	color: var(--svetla);
	background-color: var(--tmava);
	border-color: #fff;
}

.page-item.active .page-link {
	background-color: var(--nadpis);
	border-color: #fff;
}

.page-item.disabled .page-link {
	color: #fff;
	background-color: #ccc;
	border-color: #fff;
}

.page-item:first-child .page-link {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.page-item:last-child .page-link {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.frst .page-link,
.last .page-link {
	padding: .5rem .5rem;
}

.prev .page-link,
.next .page-link {
	padding: .5rem .5rem;
}

.page-link:focus {
	box-shadow: none;
}

/*
	str-navigacia
	str-navigacia
	str-navigacia
*/





/*
	login / lostpass / chpasswd
	login / lostpass / chpasswd
	login / lostpass / chpasswd
*/

#login #lavy-panel #pomocny DIV#form-obal,
#lostpass #lavy-panel #pomocny DIV#form-obal,
#chpass #lavy-panel #pomocny DIV#form-obal {
	width: 510px;
	margin: 0 auto;
	padding: 10px 0 0 0;
}

#form-obal:after {
	content: '';
	display: block;
	clear: both;
}

#login #lavy-panel #pomocny DIV#form-obal DIV,
#lostpass #lavy-panel #pomocny DIV#form-obal DIV,
#chpass #lavy-panel #pomocny DIV#form-obal DIV {
	margin: 0 0 10px 0;
}

#login #lavy-panel #pomocny DIV#form-obal LABEL,
#lostpass #lavy-panel #pomocny DIV#form-obal LABEL,
#chpass #lavy-panel #pomocny DIV#form-obal LABEL {
	display: block;
	float: left;
	background: var(--tmava);
	width: 130px;
	height: 40px;
	line-height: 40px;
	margin: 0 auto;
	padding: 0 10px;
	border-radius: 0.25em 0 0 0.25em;
	text-align: left;
	font-weight: normal;
	color: var(--komplementar);
}

#login #lavy-panel #pomocny DIV#form-obal LABEL SPAN,
#lostpass #lavy-panel #pomocny DIV#form-obal LABEL SPAN,
#chpass #lavy-panel #pomocny DIV#form-obal LABEL SPAN {
	display: none;
}

#login #lavy-panel #pomocny DIV#form-obal INPUT,
#lostpass #lavy-panel #pomocny DIV#form-obal INPUT,
#chpass #lavy-panel #pomocny DIV#form-obal INPUT {
	display: block;
	background: var(--svetla);
	width: calc(100% - 130px);
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
	border: none;
	border-radius: 0 0.25em 0.25em 0;
}

#login #lavy-panel #pomocny DIV#form-obal INPUT#ok,
#login #lavy-panel #pomocny DIV#form-obal BUTTON#ok,
#lostpass #lavy-panel #pomocny DIV#form-obal INPUT#ok,
#lostpass #lavy-panel #pomocny DIV#form-obal BUTTON#ok,
#chpass #lavy-panel #pomocny DIV#form-obal INPUT#ok,
#chpass #lavy-panel #pomocny DIV#form-obal BUTTON#ok {
	display: block;
	position: relative;
	background-color: var(--nadpis);
	background-image: url(../../pics/layout/ikona-sipka-biela-vpravo.svg);
	background-size: 8px 13px;
	background-position: right 10px center;
	background-repeat: no-repeat;
	width: 120px;
	height: 40px;
	line-height: 40px;
	margin: 0 auto;
	padding: 0 10px;
	border: none;
	border-radius: 5px;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	color: var(--komplementar);
	cursor: pointer;
}

#lostpass #lavy-panel #pomocny #back-btn,
#chpass #lavy-panel #pomocny #back-btn,
#cnclpass #lavy-panel #pomocny #back-btn {
	display: block;
	position: relative;
	background-color: var(--nadpis);
	background-image: url(../../pics/layout/ikona-sipka-biela-vpravo.svg);
	background-size: 8px 13px;
	background-position: right 10px center;
	background-repeat: no-repeat;
	width: 120px;
	height: 40px;
	line-height: 40px;
	margin: 0 auto;
	padding: 0 10px;
	border: none;
	border-radius: 0.25em;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	color: var(--komplementar);
}

/*
	login / lostpass / chpasswd
	login / lostpass / chpasswd
	login / lostpass / chpasswd
*/





/*
	uvodna stranka
	uvodna stranka
	uvodna stranka
*/

#uvod-plavajuce-boxy::after {
	content: '';
	display: block;
	clear: both;
}

#uvod-pizza,
#uvod-denne,
#uvod-donaska {
	background-color: var(--svetla);
	background-image: url(../../pics/layout/uvod-nasa-pizza-stvrtina.png);
	background-size: 120px 120px;
	background-position: right bottom;
	background-repeat: no-repeat;
	float: left;
	width: calc((100% - 40px) / 3);
	margin-right: 20px;
	margin-bottom: 20px;
}

#uvod-denne {
	background-image: url(../../pics/layout/uvod-denne-menu-stvrtina.png);
	background-size: 120px 120px;
}

#uvod-donaska {
	background-image: url(../../pics/layout/uvod-donaskova-sluzba-stvrtina.png);
	background-size: 130px 130px;
	margin-right: 0;
}

#uvod-pizza P,
#uvod-denne P,
#uvod-donaska P {
	padding: 0 15px 15px 15px;
}

#uvod-pizza .button,
#uvod-denne .button,
#uvod-donaska .button {
	display: inline-block;
	background-color: #fff;
	background-image: url(../../pics/layout/ikona-sipka-cervena-vpravo.svg);
	background-size: 8px 13px;
	background-position: right 15px center;
	background-repeat: no-repeat;
	padding: 0.5em 3em 0.5em 1em;
	border-radius: .25rem;
	font-weight: bold;
	text-decoration: none;
}

#uvod-pizza .button:hover,
#uvod-denne .button:hover,
#uvod-donaska .button:hover {
	text-decoration: underline;
}

#dalsie-sluzby {
	margin-top: 30px;
}

#dalsie-sluzby::after {
	content: '';
	display: block;
	clear: both;
}

#dalsie-sluzby H2 {
	display: none;
}

#dalsie-sluzby H3 {
	color: var(--nadpis);
	font-size: 1.1em;
	text-transform: uppercase;
	margin-bottom: 0;
	padding-bottom: 0;
	border: none;

}

#dalsie-sluzby P {
	margin-top: 0;
	margin-bottom: 0;
}

#sluzby-parkovanie,
#sluzby-donaska,
#sluzby-platby {
	background-image: url(../../pics/layout/ikona-sluzby-parkovanie.svg);
	background-size: auto 50px;
	background-position: center top;
	background-repeat: no-repeat;
	float: left;
	width: calc((100% - 40px) / 3);
	margin-right: 20px;
	margin-bottom: 50px;
	padding-top: 50px;
	text-align: center;
}

#sluzby-donaska {
	background-image: url(../../pics/layout/ikona-sluzby-donaska.svg);
}

#sluzby-platby {
	background-image: url(../../pics/layout/ikona-sluzby-platby.svg);
	margin-right: 0;
}

#stravne-poukazky {
	text-align: center;
	margin-bottom: 50px;
}

#stravne-poukazky::after {
	content: '';
	display: block;
	clear: both;
}

#stravne-poukazky H2 {
	position: relative;
	background-color: transparent;
	height: 1.4em;
	line-height: 1.4em;
	margin: 0;
	padding: 0;
	color: var(--nadpis);
	font-size: 1.4em;
	font-weight: 600;
	text-transform: uppercase;
}

#stravne-poukazky H2::before,
#stravne-poukazky H2::after {
	background-color: var(--nadpis);
	content: '';
	display: block;
	width: calc((100% - 11em) / 2);
	height: 2px;
	position: absolute;
	left: 0;
	top: calc((100% - 1px) / 2);
}

#stravne-poukazky H2::after {
	left: unset;
	right: 0;
}

#stravne-poukazky P {
	margin-top: 0;
}

#stravne-poukazky OL {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#stravne-poukazky LI {
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	width: calc((100% - 40px) / 3);
	height: auto;
	margin-right: 20px;
	margin-bottom: 50px;
}

#stravne-poukazky LI:nth-last-of-type(1) {
	margin-right: 0;
}

#stravne-poukazky A {
	background-size: auto 50px;
	background-position: center center;
	background-repeat: no-repeat;
	display: block;
	width: 100%;
	height: 50px;
}

#stravne-poukazky STRONG {
	display: none;
}

#stravne-poukazky #updejeuner A {
	background-image: url(../../pics/layout/logo-updejeuner.svg);
	background-size: auto 35px;
}

#stravne-poukazky #edenred A {
	background-image: url(../../pics/layout/logo-edenred.svg);
}

#stravne-poukazky #fpoho A {
	background-image: url(../../pics/layout/logo-fpoho.svg);
	background-size: auto 30px;
}

#dlhodobe-akcie,
#otvaracie-hodiny {
	background-color: var(--svetla);
	float: left;
	width: calc((100% - 20px) / 2);
	height: 240px;
	margin-right: 20px;
	margin-bottom: 20px;
}

#otvaracie-hodiny {
	margin-right: 0;
}

#dlhodobe-akcie OL {
	margin-right: 15px;
}

#otvaracie-hodiny P {
	padding-right: 15px;
	padding-left: 15px;
}

/*
	uvodna stranka
	uvodna stranka
	uvodna stranka
*/





/*
	jedalny-listok
	jedalny-listok
	jedalny-listok
*/

#jedalny-listok H3#obsah {
	display: none;
}

#stravne-poukazky LI {
	margin: 0;
	padding: 0;
	display: block;
}

#jedalny-listok UL {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#jedalny-listok UL.kategorie::after {
	content: '';
	display: block;
	clear: both;
}

#jedalny-listok LI {
	margin: 0;
	padding: 0;
}

#jedalny-listok LI.kategoria,
#jedalny-listok LI.alergeny {
	float: left;
	margin-top: 10px;
	margin-right: 20px;
	width: calc((100% - 20px) / 2);
}

#jedalny-listok LI.kategoria:nth-of-type(2n) {
	margin-right: 0;
}

#jedalny-listok LI.kategoria:nth-of-type(2n)::after {
	content: '';
	display: block;
	clear: both;
}

#jedalny-listok LI.alergeny {
	margin-right: 0;
	/* width: 100%; */
}

#jedalny-listok LI A.kategoria,
#jedalny-listok LI A.alergeny {
	display: block;
	width: 100%;
	height: 1.5em;
	line-height: 1.2em;
	margin-bottom: 5px;
	border-bottom: 2px solid var(--nadpis);
	font-size: 1.4em;
	font-weight: bold;
	color: var(--nadpis);
	text-decoration: none;
}

#jedalny-listok LI A.kategoria:hover {
	text-decoration: underline;
}

#jedalny-listok LI.podkategoria {
	background-color: var(--tmava);
	background-image: url(../../pics/layout/ikona-sipka-biela-vpravo.svg);
	background-size: 8px 13px;
	background-position: right 10px center;
	background-repeat: no-repeat;
	color: var(--komplementar);
	display: inline-block;
	width: auto;
	height: 30px;
	line-height: 30px;
	margin-top: 5px;
	margin-right: 3px;
	padding-left: 10px;
	padding-right: 28px;
	border-radius: 0.25em;
}

#jedalny-listok LI.podkategoria A {
	text-decoration: none;
}

#jedalny-listok LI.podkategoria A:hover {
	text-decoration: underline;
}

#jedalny-listok H3 {
	color: var(--nadpis);
	font-size: 1.4em;
	height: auto;
	margin: 0;
	margin-top: 50px;
	margin-bottom: 15px;
	padding: 0;
	border: 2px solid var(--nadpis)
}

#jedalny-listok H3 A {
	display: block;
	position: relative;
	width: 100%;
	height: 50px;
	line-height: 50px;
	padding: 0 15px;
	text-decoration: none;
	color: var(--nadpis);
}

#jedalny-listok H3 A:hover {
	text-decoration: underline;
}

#jedalny-listok H3 A::after {
	background-color: var(--tmava);
	background-image: url(../../pics/layout/ikona-sipka-biela-dolu.svg);
	background-size: 13px 8px;
	background-position: center center;
	background-repeat: no-repeat;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	content: '';
	width: 50px;
	height: 100%;
}

#jedalny-listok H3 A:hover::after {
	background-image: url(../../pics/layout/ikona-sipka-biela-hore.svg);
}

#jedalny-listok H4 {
	font-size: 1.2em;
	height: auto;
	margin: 0;
	margin-top: 15px;
	padding: 0;
}

#jedalny-listok H4 A {
	display: block;
	background-color: var(--tmava);
	position: relative;
	width: 100%;
	height: 40px;
	line-height: 40px;
	margin-bottom: 1px;
	padding: 0 15px;
	text-decoration: none;
	color: var(--komplementar);
}

#jedalny-listok H4 A:hover {
	text-decoration: underline;
}

#jedalny-listok H4 A::after {
	background-image: url(../../pics/layout/ikona-sipka-biela-dolu.svg);
	background-size: 13px 8px;
	background-position: center center;
	background-repeat: no-repeat;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	content: '';
	width: 50px;
	height: 100%;
}

#jedalny-listok H4 A:hover::after {
	background-image: url(../../pics/layout/ikona-sipka-biela-hore.svg);
}

#jedalny-listok .polozky {
	display: table;
	width: 100%;
}

#jedalny-listok .polozka {
	display: table-row;
	background-color: var(--svetla);
	min-height: 30px;
}

#jedalny-listok .polozka>SPAN {
	display: table-cell;
	height: 30px;
	/* line-height: 30px; */
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	vertical-align: middle;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

#jedalny-listok .polozka>SPAN>SPAN:nth-of-type(1) {
	padding-left: 0;
}

#jedalny-listok .pc {
	width: 30px;
	text-align: right;
}

#jedalny-listok .mnozstvo {
	width: 60px;
	text-align: right;
	text-align: left;
}

#jedalny-listok .cena {
	min-width: 5em;
	padding-right: 15px;
	padding-left: 0 !important;
	white-space: nowrap;
	text-align: right;
}

#jedalny-listok .cena-velka {
	display: table-cell;
	width: 6em;
}

#jedalny-listok .cena-mala {
	display: table-cell;
	width: 6em;
}

#jedalny-listok .cena-maxi {
	display: table-cell;
	width: 6em;
}

#jedalny-listok .cena-velka SPAN SPAN,
#jedalny-listok .cena-mala SPAN SPAN,
#jedalny-listok .cena-maxi SPAN SPAN {
	display: none;
}

/*
	jedalny-listok
	jedalny-listok
	jedalny-listok
*/





/*
	stránka kontakt
	stránka kontakt
	stránka kontakt
*/

#kontakt-obal {
	margin-bottom: 50px;
}

#kontakt-obal::after {
	content: '';
	display: block;
	clear: both;
}

#kontaktne-udaje,
#lokalizacne-udaje {
	float: left;
	width: calc((100% - 20px) / 2);
	margin-right: 20px;
}

#lokalizacne-udaje {
	margin-right: 0;
}

#lokalizacne-udaje IFRAME {
	width: 100%;
}

/*
	stránka kontakt
	stránka kontakt
	stránka kontakt
*/





/*
	kontaktny-formular
	kontaktny-formular
	kontaktny-formular
*/

#formular {
	max-width: 510px;
}

#formular::after {
	content: '';
	display: block;
	clear: both;
}

#kontaktny-formular .box {
	margin-bottom: 10px;
}

#kontaktny-formular .box::after {
	content: '';
	display: block;
	clear: both;
}

#kontaktny-formular .box:nth-last-of-type(2) {
	float: left;
}

#kontaktny-formular .box:nth-last-of-type(1) {
	float: right;
}

#kontaktny-formular LABEL {
	display: block;
	float: left;
	background-color: var(--tmava);
	width: 130px;
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
	color: var(--komplementar);
	font-weight: normal;
}

#kontaktny-formular INPUT,
#kontaktny-formular TEXTAREA {
	display: block;
	float: left;
	background-color: var(--svetla);
	width: calc(100% - 130px);
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
	border: 1px solid var(--svetla)
}

#kontaktny-formular TEXTAREA {
	height: 200px;
	line-height: 1.3em;
	padding: 10px;
}

#kontaktny-formular INPUT#frm_kontrola {
	width: 70px;
}

#kontaktny-formular INPUT[type="submit"],
#kontaktny-formular #back-btn {
	background-color: var(--nadpis);
	background-image: url(../../pics/layout/ikona-sipka-biela-vpravo.svg);
	background-size: 8px 13px;
	background-position: right 10px center;
	background-repeat: no-repeat;
	width: 100px;
	height: 40px;
	line-height: 1em;
	margin: 0;
	padding: 0 10px;
	border-radius: 0.25em;
	color: var(--komplementar);
	text-align: left;
}

#kontaktny-formular #back-btn {
	display: block;
	line-height: 40px;
	margin: 0 auto;
	text-decoration: none;
}

#kontaktny-formular #back-btn:hover {
	text-decoration: underline;
}

/*
	kontaktny-formular
	kontaktny-formular
	kontaktny-formular
*/





/*
	administracia
	administracia
	administracia
*/

#admin #pomocny {
	margin-top: 50px;
}

#admin .filter {
	clear: both;
	font-size: 0.95em;
	text-align: center;
}

#admin .filter A {
	padding: 0.04em;
}

#admin .filter A.selected {
	font-weight: bold;
	text-decoration: none;
	color: #f00 !important;
}

#admin #legenda {
	position: relative;
	float: left;
	margin-top: 12px;
	padding: 0 10px 10px 10px;
	border: 1px solid var(--tmava);
}

#admin #legenda STRONG {
	background-color: #fff;
	display: inline-block;
	position: relative;
	top: -12px;
	padding: 0 5px;
}

#admin #legenda DIV {
	height: 20px;
	line-height: 20px;
	margin: 5px 0;
	clear: both;
}

#admin #legenda DIV SPAN {
	display: block;
	position: relative;
	width: 20px;
	height: 20px;
	margin-right: 5px;
	overflow: hidden;
	float: left;
}

#admin #legenda DIV SPAN SPAN {
	display: block;
	position: absolute;
	width: 20px;
	height: 20px;
	left: 0;
	top: 0;
}

#admin #legenda DIV#legenda-blocked SPAN SPAN {
	background: #ff0;
}

#admin #legenda DIV#legenda-deleted SPAN SPAN {
	background: #e4857e;
}

#admin FORM#filter {
	position: relative;
	float: right;
	max-width: 100%;
	margin-top: 12px;
	padding: 0 10px 10px 10px;
	border: 1px solid var(--tmava);
}

#admin FORM#filter>STRONG {
	background-color: #fff;
	display: inline-block;
	position: relative;
	top: -12px;
	padding: 0 5px;
}

#admin FORM#filter>DIV {
	margin-bottom: 5px;
	text-align: right;
}

#admin FORM#filter>DIV:nth-of-type(1),
#admin FORM#filter>DIV:nth-last-of-type(1) {
	margin-bottom: 0;
}

#admin FORM#filter SELECT {
	width: 300px;
	max-width: 100%;
}

#admin .tlacidla {
	clear: both;
	padding-top: 0.5em;

}

#admin .float-left+.tlacidla {
	clear: none;
}

#admin .tlacidla:after {
	content: '';
	display: block;
	clear: both;
}

#admin #form-obal {
	border: 1px solid var(--svetla);
}

#admin #form-obal>DIV {
	padding: 10px 15px;
	border-bottom: 1px solid var(--svetla);
}

#admin #form-obal>DIV:nth-last-of-type(1) {
	border-bottom: none;
}

#admin #form-obal>DIV:after {
	content: '';
	display: block;
	clear: both;
}

#admin #form-obal>DIV.nadpis-sekcie {
	background-color: var(--nadpis);
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.1em;
	margin: 0;
	padding: 10px 15px;
	color: var(--komplementar);
}

.nadpis-sekcie SPAN {
	display: none;
}

#admin #form-obal>DIV LABEL {
	float: left;
	width: 145px;
	height: 30px;
	padding: 5px 0;
}

#admin #form-obal>DIV INPUT,
#admin #form-obal>DIV SELECT {
	width: calc(100% - 145px);
	/* max-width: 100%; */
	height: 30px;
}

#admin #form-obal>DIV TEXTAREA {
	width: 100%;
}

#admin #form-obal>DIV>P {
	float: left;
	margin: 0;
}

#admin #form-obal>DIV.titulok>P {
	float: none;
	margin-bottom: 1rem;
}

#admin #form-obal>DIV>DIV {
	padding-left: 30px;
	margin-top: 5px;
}

#admin #form-obal>DIV>DIV.alergen {
	padding-left: 145px;
}

#admin #form-obal>DIV>DIV:nth-of-type(1) {
	margin-top: 0;
}

#admin #form-obal>DIV>DIV::after {
	content: '';
	display: block;
	clear: both;
}

#admin #form-obal>DIV>DIV LABEL {
	width: 145px;
}

#admin #form-obal>DIV>DIV.alergen LABEL {
	float: none;
	display: inline;
	width: auto;
}

#admin #form-obal>DIV>DIV INPUT,
#admin #form-obal>DIV>DIV SELECT {
	width: calc(100% - 145px);
}

#admin #form-obal>DIV>DIV.alergen INPUT[type="checkbox"] {
	width: 20px;
	height: 20px;
	margin-right: 10px;
	float: left;
}

#admin #form-obal>DIV.zasobnik>DIV {
	padding-left: 0;
}

#admin #form-obal>DIV.zasobnik>DIV:after {
	content: '';
	display: block;
	clear: both;
}

#admin #form-obal>DIV.zasobnik>DIV.filter-sekcia SELECT {
	width: 150px;
}

#admin #form-obal>DIV.zasobnik>DIV.filter-nazov INPUT {
	background: transparent;
	width: auto;
	margin: 0;
	padding: 0;
	border: none;
	color: var(--siva-tmava);
	font-size: 0.9em;
	font-weight: bold;
}

#admin #form-obal>DIV.zasobnik>DIV.filter-nazov INPUT.selected {
	color: #f00;
}

#admin #form-obal>DIV.zasobnik>DIV.filter-nazov SPAN {
	background: #aaa;
	display: inline-block;
	width: 1px;
	height: .6em;
	margin: 0 1.7px;
}

#admin #form-obal>DIV.zasobnik>DIV.zoznam DT {
	clear: both;
}

#admin #form-obal>DIV.zasobnik>DIV.zoznam DD {
	font-size: 0.8em;
	text-align: left;
}

#admin #form-obal>DIV.zasobnik>DIV.zoznam DD:after {
	content: '';
	display: block;
	clear: both;
}

#admin #form-obal>DIV.zasobnik>DIV.zoznam DD IMG {
	display: block;
	float: right;
	margin-left: 15px;
	margin-bottom: 5px;
}

#admin #form-obal>DIV.zasobnik>DIV.zoznam DD DIV {
	line-height: 1.75em;
}

#admin #form-obal>DIV.inserted_by,
#admin #form-obal>DIV.inserted_in,
#admin #form-obal>DIV.updated_by {
	padding-bottom: 0;
	border-bottom: none;
}

#admin #form-obal>DIV.inserted_by:after,
#admin #form-obal>DIV.inserted_in:after,
#admin #form-obal>DIV.updated_by:after,
#admin #form-obal>DIV.updated_in:after {
	content: '';
	display: block;
	clear: both;
}

#admin #form-obal>DIV.inserted_by LABEL,
#admin #form-obal>DIV.inserted_in LABEL,
#admin #form-obal>DIV.updated_by LABEL,
#admin #form-obal>DIV.updated_in LABEL {
	width: 100px;
}

#admin #form-obal>DIV.inserted_by DIV,
#admin #form-obal>DIV.inserted_in DIV,
#admin #form-obal>DIV.updated_by DIV,
#admin #form-obal>DIV.updated_in DIV {
	width: calc(100% - 100px);
	height: 30px;
	line-height: 30px;
	padding-left: 0;
	float: left;
}

#admin #form-obal>DIV.inserted_by INPUT,
#admin #form-obal>DIV.inserted_in INPUT,
#admin #form-obal>DIV.updated_by INPUT,
#admin #form-obal>DIV.updated_in INPUT {
	width: 100px;
	margin-left: 100px;
}

#admin #form-obal>DIV.tlacidla {
	text-align: center;
}

#admin #form-obal>DIV.tlacidla INPUT {
	width: 100px;
}

#admin #form-obal>DIV.tlacidla INPUT[name=refresh] {
	display: none;
}

.polozka-add {
	position: relative;
	display: block;
	width: 25px;
	height: 25px;
	margin: 0 0 0 5px !important;
	float: left;
	overflow: hidden;
}

.polozka-add SPAN {
	background: url(../../pics/layout/ico_add.png) 0 0 no-repeat;
	position: absolute;
	display: block;
	width: 25px;
	height: 25px;
	left: 0;
	top: 0;
}

.polozka-edit {
	position: relative;
	display: block;
	width: 25px;
	height: 25px;
	margin: 0 0 0 5px !important;
	float: left;
	overflow: hidden;
}

.polozka-edit SPAN {
	background: url(../../pics/layout/ico_edit.png) 0 0 no-repeat;
	position: absolute;
	display: block;
	width: 25px;
	height: 25px;
	left: 0;
	top: 0;
}

.polozka-del {
	position: relative;
	display: block;
	width: 25px;
	height: 25px;
	margin: 0 0 0 5px !important;
	float: left;
	overflow: hidden;
}

.polozka-del SPAN {
	background: url(../../pics/layout/ico_delete.png) 0 0 no-repeat;
	position: absolute;
	display: block;
	width: 25px;
	height: 25px;
	left: 0;
	top: 0;
}

.polozka-res {
	position: relative;
	display: block;
	width: 25px;
	height: 25px;
	margin: 0 0 0 5px !important;
	float: left;
	overflow: hidden;
}

.polozka-res SPAN {
	background: url(../../pics/layout/ico_restore.png) 0 0 no-repeat;
	position: absolute;
	display: block;
	width: 25px;
	height: 25px;
	left: 0;
	top: 0;
}

.polozka-erase {
	position: relative;
	display: block;
	width: 25px;
	height: 25px;
	margin: 0 0 0 5px !important;
	float: left;
	overflow: hidden;
}

.polozka-erase SPAN {
	background: url(../../pics/layout/ico_erase2.png) 0 0 no-repeat;
	position: absolute;
	display: block;
	width: 25px;
	height: 25px;
	left: 0;
	top: 0;
}

/*
	administracia
	administracia
	administracia
*/





/*
	vseobecne triedy
	vseobecne triedy
	vseobecne triedy
*/

.pp-info {
	text-decoration: none;
}



.table-wrapper {
	overflow: auto;
}



.filter {
	clear: both;
	font-size: 1em;
	text-align: center;
}

.filter A {
	padding: 0.04em;
}

.filter A.selected {
	font-weight: bold;
	text-decoration: none;
	color: #f00 !important;
}



.obr-left {
	float: left;
	margin-right: 1em;
	margin-top: 0.25em;
	margin-bottom: 0.25em;
	padding: 0;
}

.obr-right {
	float: right;
	margin-left: 1em;
	margin-top: 0.25em;
	margin-bottom: 0.25em;
	padding: 0;
}

.obr-center {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0.25em;
	margin-bottom: 0.25em;
	padding: 0;
}



.hidden {
	display: none !important;
}

.nowrap {
	white-space: nowrap;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

.clear-left {
	display: block;
	background: transparent;
	height: 1px;
	font-size: 0;
	clear: left;
}

.clear-right {
	display: block;
	background: transparent;
	height: 1px;
	font-size: 0;
	clear: right;
}

.clear {
	display: block;
	background: transparent;
	/*background: black;*/
	height: 1px;
	font-size: 0;
	clear: both;
}

.clear-flat {
	display: block;
	background: transparent;
	height: 0px;
	font-size: 0;
	clear: both;
}

.tlacidlo {
	display: block;
	text-align: center;
	text-decoration: none;
	color: var(--komplementar) !important;
	background-color: var(--tmava);
	font-size: 90%;
	margin-top: 1px;
	margin-bottom: 1px;
	margin-left: auto;
	margin-right: 0;
	padding: 2px;
	border-left: 2px solid #f6f6f6;
	border-top: 2px solid #f6f6f6;
	border-right: 2px solid #7b817b;
	border-bottom: 2px solid #7b817b;
	text-decoration: none !important;
}

.tlacidlo:hover {
	text-decoration: none;
	color: #ccc !important;
	border-left: 2px solid #7b817b;
	border-top: 2px solid #7b817b;
	border-right: 2px solid #f6f6f6;
	border-bottom: 2px solid #f6f6f6;
}

.tlacidlo SPAN {
	display: none;
}

.add {
	width: 12em;
}






.left {
	margin-left: 0;
	margin-right: auto;
}

.center {
	margin-left: auto;
	margin-right: auto;
}

.right {
	margin-left: auto;
	margin-right: 0;
}

.left-block {
	display: block;
	margin-left: 0;
	margin-right: auto;
}

.center-block {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.right-block {
	display: block;
	margin-left: auto;
	margin-right: 0;
}

.left-float-block {
	display: block;
	float: left;
}

.righ-float-block {
	display: block;
	float: right;
}

.error {
	color: #f00;
	/* font-weight: bold; */
	font-weight: 600;
	text-align: center;
}

.povinne-empty {
	color: #f00;
	font-weight: bold;
}

.par {
	background-color: #f5f5f5;
}

.nepar {
	_background-color: transparent;
}

.blocked {
	background-color: #ff0;
}

.deleted {
	background-color: #e4857e;
}

.selected {
	font-weight: bold;
}


.tdt {
	vertical-align: top !important;
}

.tdm {
	vertical-align: middle !important;
}

.tdb {
	vertical-align: bottom !important;
}

.tdl {
	text-align: left !important;
}

.tdc {
	text-align: center !important;
}

.tdr {
	text-align: right !important;
}

.tdj {
	text-align: justify !important;
}

.ba {
	border-width: 1px !important;
}

.bt {
	border-top-width: 1px !important;
}

.br {
	border-right-width: 1px !important;
}

.bb {
	border-bottom-width: 1px !important;
}

.bl {
	border-left-width: 1px !important;
}

.nba {
	border-width: 0 !important;
}

.nbt {
	border-top-width: 0 !important;
}

.nbr {
	border-right-width: 0 !important;
}

.nbb {
	border-bottom-width: 0 !important;
}

.nbl {
	border-left-width: 0 !important;
}

TR.ba TD,
TR.ba TH {
	border-width: 1px !important;
}

TR.bt TD,
TR.bt TH {
	border-top-width: 1px !important;
}

TR.br TD,
TR.br TH {
	border-right-width: 1px !important;
}

TR.bb TD,
TR.bb TH {
	border-bottom-width: 1px !important;
}

TR.bl TD,
TR.bl TH {
	border-left-width: 1px !important;
}

TR.nba TD,
TR.nba TH {
	border-width: 0px !important;
}

TR.nbt TD,
TR.nbt TH {
	border-top-width: 0px !important;
}

TR.nbr TD,
TR.nbr TH {
	border-right-width: 0px !important;
}

TR.nbb TD,
TR.nbb TH {
	border-bottom-width: 0px !important;
}

TR.nbl TD,
TR.nbl TH {
	border-left-width: 0px !important;
}

.w1em {
	width: 1em;
}

.w2em {
	width: 2em;
}

.w25em {
	width: 2.5em;
}

.w3em {
	width: 3em;
}

.w4em {
	width: 4em;
}

.w5em {
	width: 5em;
}

.w55em {
	width: 5.5em;
}

.w6em {
	width: 6em;
}

.w65em {
	width: 6.5em;
}

.w7em {
	width: 7em;
}

.w8em {
	width: 8em;
}

.w9em {
	width: 9em;
}

.w95em {
	width: 9.5em;
}

.w10em {
	width: 10em;
}

.w11em {
	width: 11em;
}

.w12em {
	width: 12em;
}

.w125em {
	width: 12.5em;
}

.w13em {
	width: 13em;
}

.w14em {
	width: 14em;
}

.w15em {
	width: 15em;
}

.w16em {
	width: 16em;
}

.w17em {
	width: 17em;
}

.w18em {
	width: 18em;
}

.w19em {
	width: 19em;
}

.w20em {
	width: 20em;
}

.w40px {
	width: 40px;
}

.w50px {
	width: 50px;
}

.w60px {
	width: 60px;
}

.w75px {
	width: 75px;
}

.w80px {
	width: 80px;
}

.w100px {
	width: 100px;
}

.w150px {
	width: 150px;
}

.w160px {
	width: 160px;
}

.w170px {
	width: 170px;
}

.w175px {
	width: 175px;
}

.w200px {
	width: 200px;
}

.w250px {
	width: 250px;
}

.w300px {
	width: 300px;
}

.w350px {
	width: 350px;
}

.w400px {
	width: 400px;
}

.w440px {
	width: 440px;
}

.w450px {
	width: 450px;
}

.w460px {
	width: 460px;
}

.w480px {
	width: 480px;
}

.w500px {
	width: 500px;
}

.w520px {
	width: 520px;
}

.w530px {
	width: 530px;
}

.w550px {
	width: 550px;
}

.w560px {
	width: 560px;
}

.w570px {
	width: 570px;
}

.w600px {
	width: 600px;
}

.w640px {
	width: 640px;
}

.w650px {
	width: 650px;
}

.w660px {
	width: 660px;
}

.w670px {
	width: 670px;
}

.w680px {
	width: 680px;
}

.textarea-detail {
	width: 650px;
}

.w1pc {
	width: 1%;
}

.w2pc {
	width: 2%;
}

.w3pc {
	width: 3%;
}

.w4pc {
	width: 4%;
}

.w5pc {
	width: 5%;
}

.w6pc {
	width: 6%;
}

.w7pc {
	width: 7%;
}

.w8pc {
	width: 8%;
}

.w9pc {
	width: 9%;
}

.w10pc {
	width: 10%;
}

.w11pc {
	width: 11%;
}

.w12pc {
	width: 12%;
}

.w13pc {
	width: 13%;
}

.w14pc {
	width: 14%;
}

.w15pc {
	width: 15%;
}

.w16pc {
	width: 16%;
}

.w17pc {
	width: 17%;
}

.w18pc {
	width: 18%;
}

.w19pc {
	width: 19%;
}

.w20pc {
	width: 20%;
}

.w21pc {
	width: 21%;
}

.w22pc {
	width: 22%;
}

.w23pc {
	width: 23%;
}

.w24pc {
	width: 24%;
}

.w25pc {
	width: 25%;
}

.w26pc {
	width: 26%;
}

.w27pc {
	width: 27%;
}

.w28pc {
	width: 28%;
}

.w29pc {
	width: 29%;
}

.w30pc {
	width: 30%;
}

.w31pc {
	width: 31%;
}

.w32pc {
	width: 32%;
}

.w33pc {
	width: 33%;
}

.w34pc {
	width: 34%;
}

.w35pc {
	width: 35%;
}

.w36pc {
	width: 36%;
}

.w37pc {
	width: 37%;
}

.w38pc {
	width: 38%;
}

.w39pc {
	width: 39%;
}

.w40pc {
	width: 40%;
}

.w41pc {
	width: 41%;
}

.w42pc {
	width: 42%;
}

.w43pc {
	width: 43%;
}

.w44pc {
	width: 44%;
}

.w45pc {
	width: 45%;
}

.w46pc {
	width: 46%;
}

.w47pc {
	width: 47%;
}

.w48pc {
	width: 48%;
}

.w49pc {
	width: 49%;
}

.w50pc {
	width: 50%;
}

.w51pc {
	width: 51%;
}

.w52pc {
	width: 52%;
}

.w53pc {
	width: 53%;
}

.w54pc {
	width: 54%;
}

.w55pc {
	width: 55%;
}

.w56pc {
	width: 56%;
}

.w57pc {
	width: 57%;
}

.w58pc {
	width: 58%;
}

.w59pc {
	width: 59%;
}

.w60pc {
	width: 60%;
}

.w61pc {
	width: 61%;
}

.w62pc {
	width: 62%;
}

.w63pc {
	width: 63%;
}

.w64pc {
	width: 64%;
}

.w65pc {
	width: 65%;
}

.w66pc {
	width: 66%;
}

.w67pc {
	width: 67%;
}

.w68pc {
	width: 68%;
}

.w69pc {
	width: 69%;
}

.w70pc {
	width: 70%;
}

.w71pc {
	width: 71%;
}

.w72pc {
	width: 72%;
}

.w73pc {
	width: 73%;
}

.w74pc {
	width: 74%;
}

.w75pc {
	width: 75%;
}

.w76pc {
	width: 76%;
}

.w77pc {
	width: 77%;
}

.w78pc {
	width: 78%;
}

.w79pc {
	width: 79%;
}

.w80pc {
	width: 80%;
}

.w81pc {
	width: 81%;
}

.w82pc {
	width: 82%;
}

.w83pc {
	width: 83%;
}

.w84pc {
	width: 84%;
}

.w85pc {
	width: 85%;
}

.w86pc {
	width: 86%;
}

.w87pc {
	width: 87%;
}

.w88pc {
	width: 88%;
}

.w89pc {
	width: 89%;
}

.w90pc {
	width: 90%;
}

.w91pc {
	width: 91%;
}

.w92pc {
	width: 92%;
}

.w93pc {
	width: 93%;
}

.w94pc {
	width: 94%;
}

.w95pc {
	width: 95%;
}

.w96pc {
	width: 96%;
}

.w97pc {
	width: 97%;
}

.w98pc {
	width: 98%;
}

.w99pc {
	width: 99%;
}

.w100pc {
	width: 100%;
}

/*
	vseobecne triedy
	vseobecne triedy
	vseobecne triedy
*/