/**
 * User defined IPO styles.
 */

/*** Default IPO styles *******************************************************/
html, body {
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	margin: 0;
	padding: 0;
	text-align: center;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
	background-color: transparent; background-image: none;
}
.top {
	padding: 5px 20px 0 20px;
	font-size: 2.6em;
	font-weight:bold;
	font-style: italic;
	display: block;
	text-decoration: none;
	min-height: 50px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #000000;
}
.hiddenMenu {
	position:absolute;
	left:-1000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}
.linkback, .linknext, .linkprev {
	font-size: 1.25em;
	display: inline-block;
}
.linknext, .linkprev {
	width: 33%;
	min-height: 1em;
	margin: 0 2%;
}
.linknext {
	float: right;
	text-align: right;
}
.linkprev {
	float: left;
	text-align: left;
}
.linkback {
	width: 26%;
	float: left;
}
.linknext a, .linkprev a, .linkback a {
	text-decoration: none;
	display: inline-block;
}
.linknext a:hover .linknext-chevron {
	right: -10px;
}
.linkprev a:hover .linkprev-chevron {
	left: -10px;
}
.linkback a:hover .linkback-chevron .fa-undo {
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.linknext-title, .linkprev-title, .linknext-text, .linkprev-text, .linkback-text {
	display: inline-block;
}
.linknext-chevron, .linknext-title, .linknext-text, .linkback-text {
	float: right;
}
.linkback-chevron, .linkprev-chevron, .linkprev-text, .linkprev-title {
	float: left;
}
.linknext-text span:first-child, .linkprev-text span:first-child, .linkback-text span {
	text-decoration: underline;
}
.linknext a:hover > .linknext-text span:first-child, .linkprev a:hover > .linkprev-text span:first-child, .linkback:hover .linkback-text span {
	text-decoration: none;
}
.linknext > a > span:first-child {
	margin-left: 10px;
}
.linkprev > a > span:first-child {
	margin-right: 10px;
}
.linknext-chevron, .linkprev-chevron {
	font-size: 1.9em;
	display: inline-block;
	position: relative;
	line-height: 0.75em;
}
.linkback-chevron {
	display: inline-block;
	position: relative;
}
.linkprev-chevron .fa-angle-left,
.linknext-chevron .fa-angle-right{
	font-size: 1.1em;
	line-height: 1em;
}
.linknext-date {
	font-size: 0.65em;
	float: right;
	clear: right;
}
.linkprev-date {
	font-size: 0.65em;
	float: left;
	clear: left;
}
.linkback, .linkprev-title, .linknext-title {
	line-height: 1.2em;
}
.linkback .fa-undo {
	font-size: 1em;
	margin-left: -1.14em;
	transition: all 0.07s ease 0s;
	color: #000000;
}
.linkback a {
	vertical-align: top;
}
a.nolink {
	text-decoration: underline;
	cursor: default;
}
	color:  #000000;
}
#ipopage .blog .content-paginator {
	margin: 3em auto;
}
.copyright {
	padding: 0 15px;
	font-size: 0.75em;
	font-weight: normal;
}
#ipoheader a {
	text-decoration: none;
}
.iporighttext a:hover, .ipolefttext a:hover {
	text-decoration: none;
}
iframe {
	border: none;
}
a {
	word-wrap: break-word;
	-ms-hyphens: auto;
	hyphens: auto;
}
:focus {
	outline: 0;
}
body.using-keyboard :focus {
	outline: 2px solid currentColor;
}

/*** Mess ***/
.button {
	background-color: #ffffff;
	border: 1px solid #ffffff;
	width: 100px;
	font-weight: bold;
	color: #000000;
}
.button2 {
	background-color: #ffffff;
	border: 1px solid #ffffff;
	font-weight: bold;
	color: #000000;
}
.button3 {
	background-color: #ffffff;
	border: 1px solid #ffffff;
	color: #000000;
	font-size: 0.75em;
	font-weight: normal;
}
.item {
	color: #000000;
	background-color: #EEEEEE;
}
.tabtitle {
	color: #FFFFFF;
	background-color:
	#979797;
	font-weight: bold;
}
.tabtitleno {
	color: #FFFFFF;
	background-color: #979797;
	font-weight: bold;
}
.itemhand, .itemhand:link {
	color: #000000;
	background-color: #EEEEEE;
	text-decoration: none;
	cursor: pointer;
}
.itemhand td:hover, .itemhand:hover {
	color: #000000;
	background-color: #DCDCDC;
	text-decoration: none;
	cursor: pointer;
}
.itemhand td textarea:hover {
	cursor: pointer;
	background-color: #DCDCDC;
}
.itemvalue {
	color: #000000;
	background-color: #FFCFCF;
}
.hidden {
	display: none !important;
}
.noprint {
	display: block;
}
.printonly {
	display: none;
}
.component-container table {
	width: 100%;
	border: 0;
}
.spacer5 {
	height: 5px;
}
/*** Layout *******************************************************************/
#ipocontainer, #ipomain, #ipomainframe, #ipotopmenuwrapper, #ipofooter {
	width: 1024px;
}
#ipocontainer {
	position: relative;
	color: #000000;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	background-color: transparent;
}
#ipoheader img, #ipoheader object, #ipofooter img {
	vertical-align: top;
}
#ipoheader {
	width: 100%;
	min-height: 50px;
	color: #000000;
	background-color: transparent;
	position: relative;
}
#ipomain {
	position: relative;
	background-color: transparent; background-image: none;
}
#ipoleftblock, #ipopage, #iporightblock {
	display: inline;
}
#ipopage {
	width: 1024px;
	margin-left: 0px;
	float: left;
	padding: 0;
	color: #000000;
	overflow: visible;
	position: relative;
}
#ipopage, #iporightblock, #ipoleftblock, .ipopagetext {
	min-height: 500px;
}
#iporightblock {
	width: 0px;
	float: left;
	padding: 0;
}
#ipoleftblock {
	width: 0px;
	margin-left: -1024px;
	float: left;
	padding: 0;
}
#ipoleftblockin {
	width: 0px;
	margin: 20px 0;
	padding: 0;
}
.ipopagetext {
	padding: 5px 0px 10px 0px;
}
/*** #iponavigation ***/
#iponavigation p {
	padding: 5px 0px 0px 0px;
	margin: 0px;
}
#iponavigation a {
	color: #000000;
}
#iponavigation a:visited {
	color: #000000;
}
#iponavigation a:hover {
	color: #000000;
	text-decoration: none;
}
/*** #ipocopyright & #ipofooter ***/
#ipocopyright {
	padding: 10px 0px 10px 0px;
	color: #000000;
	font-weight: normal;
	text-align: center;
	clear: both;
}
#ipocopyright a {
	color: #000000;
	text-decoration: underline;
}
#ipocopyright a:hover {
	color: #000000;
	text-decoration: none;
}
#ipofooter {
	clear: both;
	min-height: 10px;
	background-color: transparent;
	color: #000000;
}
/*** #ipomenu ***/
#ipomenu {
	margin: 0px 0px 20px 0px;
}
#ipomenu ul, #ipomenu ul li {
	width: 0px;
}
#ipomenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: left;
	background-color: transparent; background-image: none;
}
#ipomenu li {
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	position: relative;
}
#ipomenu a {
	text-align: left;
	font-weight: bold;
	float: none;
	display: block;
	color: #000000;
}
#ipomenu li ul {
	visibility: hidden;
	position: absolute;
	z-index: 10;
}
#ipomenu li ul li {
	display: block;
	float: none;
	position: relative;
}
#ipomenu li ul li:hover {
	position: relative;
}
/* simulate child selector for IE */
#ipomenu li:hover ul,
#ipomenu li:hover li:hover ul,
#ipomenu li:hover li:hover li:hover ul,
#ipomenu li:hover li:hover li:hover li:hover ul,
#ipomenu li:hover li:hover li:hover li:hover li:hover ul {
	visibility: visible;
}
#ipomenu li:hover li ul,
#ipomenu li:hover li:hover li ul,
#ipomenu li:hover li:hover li:hover li ul,
#ipomenu li:hover li:hover li:hover li:hover li ul,
#ipomenu li:hover li:hover li:hover li:hover li:hover li ul {
	visibility: hidden;
}
#ipomenu ul li {
	margin: 0 0 1px 0;
	padding: 0;
}
#ipomenu ul li a {
	padding: 5px 5px;
	margin: 0;
	text-decoration: none;
	display: block;
	height: 100%;
	color: #000000;
	background-color: transparent; background-image: none;
}
#ipomenu ul li a:hover {
	color: #000000;
	background-color: transparent; background-image: none;
}
#ipomenu ul li a.nolink:hover {
	cursor: text;
	color: #000000;
	background-color: transparent;
}
#ipomenu ul li.submenu1 ul {
	width: 182px;
	left: 0px;
	margin: 0;
	padding: 0;
	top: 0;
	background-color: #ffffff;
	background-image: none;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
}
#ipomenu ul li.submenu1 ul li {
	width: 180px;
	display: block;
	padding: 0;
	margin: 0 0 1px 0;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	float: left;
}
#ipomenu ul li.submenu1 ul li a {
	padding: 5px 5px;
	display: block;
	margin: 0px;
	color: #000000;
	background-color: #ffffff;
	font-weight: bold;
	text-align: left;
	background-image: none;
}
#ipomenu ul li.submenu1 ul li a:hover {
	color: #000000;
	background-color: #ffffff;
	background-image: none;
}
#ipomenu ul li.submenu1 ul li a.nolink:hover {
	cursor: text;
	color: #000000;
	background-color: #ffffff;
}
#ipomenu ul li.submenu2 ul, #ipomenu ul li.submenu3 ul, #ipomenu ul li.submenu4 ul, #ipomenu ul li.submenu5 ul {
	width: 180px;
	left: 180px;
	margin: 0;
	padding: 0;
	top: 0;
	background-color: #ffffff;
}
/*** #ipotopmenu ***/
#ipotopmenuwrapper {
	padding: 0;
	margin: 0;
	background-color: transparent; background-image: none;
}
#ipotopmenu {
	padding: 0;
	margin: 0;
}
#ipotopmenu a {
	text-decoration: none;
	color: #000000;
	display: block;
	text-align: left;
}
#ipotopmenu ul, #ipotopmenu li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#ipotopmenu ul.topmenulevel1 li.topmenuitem1,
#ipotopmenu ul.topmenulevel1 li.noborder {
	height: 23px !important;
	line-height: 23px;
	float: left;
	position: relative;
	font-weight: bold;
	border-left: 1px solid #ffffff;
	z-index: 99;
}
#ipotopmenu ul.topmenulevel1 li.topmenuitem1 a,
#ipotopmenu ul.topmenulevel1 li.noborder a {
	padding: 0 5px;
	background-color: transparent; background-image: none;
}
#ipotopmenu ul.topmenulevel1 li.noborder {
	border: none;
}
#ipotopmenu ul.topmenulevel2,
#ipotopmenu ul.topmenulevel3,
#ipotopmenu ul.topmenulevel4,
#ipotopmenu ul.topmenulevel5,
#ipotopmenu ul.topmenulevel6 {
	top: 23px;
	width: 180px;
	padding: 0 5px;
	position: absolute;
	line-height: 100%;
	left: -1px;
	background: #ffffff;
	visibility: hidden;
	border: 1px solid #ffffff;
	border-top: none;
	z-index: 100;
}
#ipotopmenu ul.topmenulevel3, #ipotopmenu ul.topmenulevel4, #ipotopmenu ul.topmenulevel5, #ipotopmenu ul.topmenulevel6 {
	left: 190px;
	top: -1px;
}
#ipotopmenu ul.topmenulevel2 li.topmenuitem2,
#ipotopmenu ul.topmenulevel3 li.topmenuitem3,
#ipotopmenu ul.topmenulevel4 li.topmenuitem4,
#ipotopmenu ul.topmenulevel5 li.topmenuitem5,
#ipotopmenu ul.topmenulevel6 li.topmenuitem6 {
	margin: 1px -5px 0 -5px;
	font-weight: bold;
	text-align: left;
	padding: 0;
	background-color: #ffffff;
	line-height: 1.2em;
	position: relative;
}
#ipotopmenu ul.topmenulevel2 li.topmenuitem2 a,
#ipotopmenu ul.topmenulevel3 li.topmenuitem3 a,
#ipotopmenu ul.topmenulevel4 li.topmenuitem4 a,
#ipotopmenu ul.topmenulevel5 li.topmenuitem5 a,
#ipotopmenu ul.topmenulevel6 li.topmenuitem6 a {
	font-weight: bold;
	text-align: left;
	padding: 4px 2px 4px 5px;
	line-height: 1.2em;
	height: 100%;
	background-image: none;
}
#ipotopmenu ul.topmenulevel1 li.topmenuitem1 a:hover {
	color: #000000;
	background-color: transparent; background-image: none;
}
#ipotopmenu ul.topmenulevel2 li.topmenuitem2 a:hover,
#ipotopmenu ul.topmenulevel3 li.topmenuitem3 a:hover,
#ipotopmenu ul.topmenulevel4 li.topmenuitem4 a:hover,
#ipotopmenu ul.topmenulevel5 li.topmenuitem5 a:hover,
#ipotopmenu ul.topmenulevel6 li.topmenuitem6 a:hover {
	color: #000000;
	background-color: #ffffff;
	background-image: none;
}
#ipotopmenu ul.topmenulevel1 li.topmenuitem1 a.nolink:hover,
#ipotopmenu ul.topmenulevel2 li.topmenuitem2 a.nolink:hover,
#ipotopmenu ul.topmenulevel3 li.topmenuitem3 a.nolink:hover,
#ipotopmenu ul.topmenulevel4 li.topmenuitem4 a.nolink:hover,
#ipotopmenu ul.topmenulevel5 li.topmenuitem5 a.nolink:hover,
#ipotopmenu ul.topmenulevel6 li.topmenuitem6 a.nolink:hover {
	cursor: text;
	color: #000000;
	background-color: #ffffff;
}
#ipotopmenu ul.topmenulevel1 li.topmenuitem1:hover ul.topmenulevel2,
#ipotopmenu ul.topmenulevel2 li.topmenuitem2:hover ul.topmenulevel3,
#ipotopmenu ul.topmenulevel3 li.topmenuitem3:hover ul.topmenulevel4,
#ipotopmenu ul.topmenulevel4 li.topmenuitem4:hover ul.topmenulevel5,
#ipotopmenu ul.topmenulevel5 li.topmenuitem5:hover ul.topmenulevel6 {
	visibility: visible;
}
/*** .newsheader & .newsbody ***/
.newsheader {
	padding: 5px 5px;
	color: #000000;
	background-color: transparent; background-image: none;
	font-weight: bold;
	margin-bottom: 0.3em;
}
.newsheaderref {
	color: #000000;
	font-weight: bold;
}
.newsbody {
	padding: 2px 5px;
	color: #000000;
	font-weight: normal;
	overflow: hidden;
}
.newsbodyrefu {
	color: #000000;
	font-weight: normal;
}
.newsbodyrefu:link {
	color: #000000;
}
.newsbodyrefu:active {
	color: #000000;
	text-decoration: underline;
}
.newsbodyrefu:hover {
	color: #000000;
	text-decoration: underline;
}
.newsbodyrefu:visited {
	color: #000000;
}
.newsbody a {
	color: #000000;
}
/*** column messages **********************************************************/
.column-message {
	padding: 2px 5px;
}
.column-message .newsheader {
	margin-left: -5px;
	margin-right: -5px;
}
.column-message a {
	color: #000000;
}
.ui-autocomplete.ui-menu {
	text-align: left;
}
/*** Default text properties **************************************************/
.ipolefttext, .iporighttext {
	color: #000000;
}
.ipopagetext a {
	color: #000000;
}
.ipopagetext a:visited {
	color: #000000;
}
.ipopagetext a:hover {
	color: #000000;
	text-decoration: none;
}
.styleH3, .styH3, h1 {
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	font-size: 1.6em;
	font-weight: normal;
	color: #141A61;
}
.styleH4, .styH4, h2{
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	font-size: 1.35em;
	font-weight: bold;
	color: #141A61;
}
.styleH5, .styH5, h3 {
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #141A61;
}
.ipopagetext h1 a, .ipopagetext h1 a:hover, .ipopagetext h1 a:visited,
.ipopagetext h2 a, .ipopagetext h2 a:hover, .ipopagetext h2 a:visited,
.ipopagetext h3 a, .ipopagetext h3 a:hover, .ipopagetext h3 a:visited {
	font: inherit;
	color: inherit;
}
.ipopagetext h1 a.tooltip {
	font-size: 1em;
}
.huge-text {
	font-size: 1.8em;
}
.bigger-text {
	font-size: 1.4em;
}
.normal-text {
	font-size: 1em;
}
.smaller-text {
	font-size: 0.9em;
}
.small-text {
	font-size: 0.8em;
}
/*** Table default properties *************************************************/
#ipopage th {
	text-align: center;
}
table.border, table.border td, table.border th {
	border: 1px solid #000000;	border-collapse: collapse;
}
.text th, .paragraph th, .tender th {
	background-color: #ddd;
	color: black;
}
.ipopagetext table p:first-child {
	margin: 0 auto;
}
.ipopagetext table p:last-child {
	margin-bottom: 0;
}
.ipopagetext td, .ipopagetext th {
	padding: 0.2em;
	vertical-align: top;
}
table.evenWidth td {
	width: 10%;
}
/*** Image default properties *************************************************/
img {
	border: none;
}
.imageframe {
	border: 1px solid #ffffff;
}
.leftFloat {
	float: left;
	margin-right: 1em;
}
.rightFloat {
	float: right;
	margin-left: 1em;
}
/*** Cleaners *****************************************************************/
#ipomain #ipomainframe #ipopage .ipopagetext .matrix li.cleaner {
	clear: both;
	width: 100%;
	margin: -1px 0 0 0;
	padding: 0;
	height: 1px;
	min-height: 1px;
	border: none;
	visibility: hidden;
}
.matrix li.cleaner {
	display: block;
}
hr.cleaner {
	clear: both;
	margin: -1px 0 0 0;
	padding: 0;
	height: 1px;
	border: none;
	visibility: hidden;
}
.clearfix:after {
	display: block;
	visibility: hidden;
	font-size: 0;
	content: " ";
	height: 0;
	clear: both;
}
.clear {
	clear: both;
}
.hrclear {
	margin: 0;
	padding: 0;
	clear: both;
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	visibility: hidden;
}
hr {
	height: 0;
	border-color: #555;
	border-style: solid none none;
	border-width: 1px 0 0;
	margin: 1rem 0;
}
.cleartop {
	margin: 0;
	padding: 0;
	clear: both;
	visibility: hidden;
}
/*** Action Buttons ***********************************************************/
.action-button, .action-button:visited {
	padding: 0.3em 1em;
	text-decoration: none;
	font-size: 1.1em;
	font-weight: normal;
	border-radius: 4px;
	color: #050D66;
	border: 1px solid #050D66;
	background-color: #FF9A35;
;
}
.action-button:hover {
	color: #ffffff;
	border: 1px solid #ffffff;
	background-color: #050D66;
;
	cursor: pointer;
}
.action-button:active {
	background-image: none;
	filter: none;
}
a.action-button, a.action-button:visited {
	color: #050D66;
}
a.action-button:hover {
	color: #ffffff;
}
.action-button:disabled {
	cursor: not-allowed;
	opacity: 0.5;
}
a.disabled {
	opacity: 0.5;
}
a.disabled:hover {
	background: inherit;
	color: inherit;
	cursor: not-allowed;
}
/*** Content Paginator ********************************************************/
#ipopage .content-paginator {
	margin: 1.5em auto;
	white-space: nowrap;
	max-width: 100%;
	text-align: center;
}
#ipopage .content-paginator .content-paginator-wrapper {
	display: inline-block;
	width: auto;
	max-width: 100%;
}
#ipopage .content-paginator .paginator-step,
#ipopage .content-paginator .paginator-separator,
#ipopage .content-paginator .paginator-current,
#ipopage .content-paginator .paginator-button {
	font-weight: normal;
	position: relative;
	float: left;
	padding: 0.5em 0.7em;
	margin-left: -1px;
	font-size: 1em;
	text-decoration: none;
	color: #000000;
	border: 1px solid #FF9A35;
}
#ipopage .content-paginator .paginator-step,
#ipopage .content-paginator .paginator-separator,
#ipopage .content-paginator .paginator-current {
	-webkit-box-sizing: border-box;
	-mz-box-sizing: border-box;
	box-sizing: border-box;
	width: 30px;
	padding: 0.5em 0;
	text-align: center;
}
#ipopage .content-paginator .paginator-step:hover {
	background-color: #050D66;
	color: #ffffff;
}
#ipopage .content-paginator .paginator-current {
	background-color: #FF9A35;
;
	color: #050D66;
	font-weight: bold;
}
#ipopage .content-paginator .paginator-button {
	max-width: 100px;
	padding: 0.5em;
}
#ipopage .content-paginator .paginator-prev .paginator-button-icon {
	margin-right: 0.2em;
}
#ipopage .content-paginator .paginator-next .paginator-button-icon {
	margin-left: 0.2em;
}
#ipopage .content-paginator .paginator-button:hover,
#ipopage .content-paginator .paginator-step:hover {
	color: #ffffff;
	background-color: #050D66;
;
	cursor: pointer;
}
#ipopage .content-paginator .paginator-prev {
	border-radius: 4px 0 0 4px;
}
#ipopage .content-paginator .paginator-next {
	border-radius: 0 4px 4px 0;
}
#ipopage .content-paginator .paginator-disabled {
	opacity: 0.5;
}
#ipopage .content-paginator .paginator-disabled:hover {
	background: inherit;
	color: inherit;
	cursor: not-allowed;
}
#ipopage .items-counter {
	text-align: right;
	color: #000000;
}

/*** Forms ************************************************************/
/*** forms - general styling */
input, select, textarea {
	border: 1px solid #ffffff;
	color: #000000;
	font-size: 1em;
	font-family: inherit;
}
label .meta {
	font-size: 0.9em;
	font-weight: normal;
	color: #777;
}
.form-item .form-item-field > input:not([type='submit']):focus,
.form-item .form-item-field > textarea:focus,
.form-item .form-item-field > select:focus {
	border-color: currentColor;
}
.form-item .form-item-field input[type="radio"] {
	margin: 0 0.4em 0 0;
	vertical-align: middle;
	width: auto;
	border: none;
}
.form-item .form-item-field input[type="checkbox"] {
	vertical-align: middle;
	width: auto;
	border: none;
}
.form-item .form-item-field input[type="checkbox"] + label {
	vertical-align: middle;
}
.form-item .form-item-label label {
	font-weight: bold;
}
.form-item .form-item-label label .meta {
	font-size: 0.9em;
	font-weight: normal;
	color: #777;
}
/* form - table layout */
.form-horizontal {
	display: table;
	width: 100%;
	border-spacing: 0 0.3em;
}
.form-horizontal .form-item {
	display: table-row;
}
.form-horizontal .form-item .form-item-label,
.form-horizontal .form-item .form-item-field {
	display: table-cell;
	vertical-align: top;
}
.form-horizontal .form-item .form-item-label {
	padding: 0.2em;
}
.form-horizontal .form-item .form-item-field > * {
	padding: 0.2em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	max-width: 100%;
}
.form-horizontal fieldset ~ .form-item {
	display: table;
	width: 100%;
}
.form-horizontal fieldset ~ .form-item.buttons {
	display: table;
	width: auto;
	margin: 0 auto;
}
.form-horizontal .form-item .form-item-field > input[type="submit"],
.form-horizontal .form-item .form-item-field > input[type="button"] {
	padding: 0.3em 1em;
	width: auto;
}
/* form - below layout */
.form-vertical .form-item {
	margin-bottom: 0.3em;
}
.form-vertical .form-item .form-item-label,
.form-vertical .form-item .form-item-field {
	margin: 0.3em 0;
}
.form-vertical .form-item .form-item-field > * {
	width: 100%;
	max-width: 100%;
	padding: 0.2em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.form-vertical .form-item .form-item-field > input[type="submit"], .form-vertical .form-item .form-item-field > input[type="button"] {
	padding: 0.3em 1em;
	display: inline-block;
	width: auto;
}
.form-vertical .buttons .form-item-field {
	text-align: center;
}
.form-horizontal .buttons .form-item-field {
	text-align: left;
}
/* form - recaptcha */
.form-horizontal .form-item .g-recaptcha > div,
.form-vertical .form-item .g-recaptcha > div {
	padding-left: 0px;
}
body form .grecaptcha-badge {
	display: none;
}
input[name='antispam'] {
	display: none;
}
.form-item.approval {
	font-weight: bold;
}
.form-item.antispam-disclaimer a {
	font-weight: bold;
}
.form-item.approval label {
	vertical-align: middle;
}
.form-item.approval input {
	margin: 0 0.5em 0 0;
	vertical-align: middle;
}
#ipoleftblock input[name='approval'] {
	float: left;
}
/*** div.paragraph ************************************************************/
div.paragraph:after {
	display: block;
	content: ' ';
	height: 0;
	visibility: hidden;
	font-size: 0;
	clear: both;
}
/*** tags *********************************************************************/
.tags {
	margin: 0.5em 0;
}
.tags form > span {
	display: inline-block;
	margin: .5em 1em 0 .5em;
}
.tags form > span input {
	margin: 0 .25em 0 0;
	vertical-align: middle;
}
.tags form > span label {
	vertical-align: middle;
}
.tags > a {
	font-weight: bold;
	float: left;
}
.tags ul {
	display: inline-block;
	padding: 0;
	margin: 0 0 0 .5em;
}
.tags li {
	display: inline;
	list-style: none;
	margin-right: .5em;
}
.tags .filtered {
	font-weight: bold;
	font-size: larger;
}
.tags-selection {
	margin: 10px 0;
}
.tags-selection label {
	font-weight: bold;
	font-size: larger;
}
.tags-selection select {
	min-width: 150px;
	min-height: 25px;
	padding: 0.2em;
	margin: 0.4em;
	box-sizing: border-box;
}
.tags input[type='submit'] {
	display: none;
}
/*** Subscribe toolbar ********************************************************/
.subscribe-toolbar .fa {
	float: right;
	margin-left: 0.5em;
}
.subscribe-toolbar {
	float: right;
}
.with-subscribe > h1 {
	float: left;
}
.ipopagetext .subscribe-toolbar .action-button {
	margin-right: 0.5em;
	margin-top: 1em;
	padding: 0.3em 0.6em;
	float: right;
}
.subscribe-toolbar .action-button:first-child {
	margin-right: 0;
}
/*** Assessment ***************************************************************/
.ratings {
	float: left;
	text-decoration: none;
	min-height: 16px;
	text-align: right;
	cursor: default;
	margin-right: 2em;
}
.ratings .ratings-item {
	display: inline-block;
}
.ratings .ratings-item + .ratings-item {
	margin-left: 2em;
}
.ratings a {
	color: #555;
}
.ratings a:hover {
	color: #000
}
.ratings .inactive {
	cursor: not-allowed;
	color: #d4d4d4;
}
.ratings .fa {
	font-size: 1.25em;
}
/*** Discussion component *****************************************************/
.comment-footer .reply {
	font-size: 1.1em;
}
.comment-name .comment-name-moderator {
	font-style: oblique;
	font-weight: bold;
}
.discussion-add-comment-link {
	float: right;
}
.censored {
	font-style: italic;
}
.comments {
	padding: 0;
}
.comments .comment {
	position: relative;
	list-style: none;
	margin: 0.2em;
	margin-left: 0;
	padding: 0.2em 0.5em 0.2em 1.5em;
}
.comment > .created {
	position: absolute;
	right: 0.2em;
	top: 0.2em;
}
.comments .comment.level-1 {
	margin-left: 2em;
}
.comments .comment.level-2 {
	margin-left: 4em;
}
.comments .comment.level-3 {
	margin-left: 6em;
}
.comments .comment.level-4 {
	margin-left: 8em;
}
.comments .comment.level-5 {
	margin-left: 10em;
}

/*** Gallery layouts **********************************************************/
/*** default list ***/
.albums#listPreview {
	padding: 0;
	margin: 0;
}
.albums#listPreview > li {
	list-style-type: none;
	margin-bottom: 2em;
}
.albums#listPreview h2 a {
	display: block;
	margin-bottom: 0.25em;
}
.albums#listPreview img.intro {
	float: left;
	margin-right: 1.5em;
}
.albums#listPreview div > p:first-child {
	margin-top: 0;
}
.albums#listPreview div p {
	text-align: justify;
}
.article .image-thumbnail img,
.gallery .image-thumbnail img {
	max-width: none;
}
/*** list with all images ***/
.albums#listImages div.clearfix p {
	text-align: justify;
}
/*** Gallery matrix list ***/
.gallery .matrix .title {
	min-height: 3.5em;
}
/*** Gallery/Catalog matrix list **********************************************/
.matrix {
	padding: 0;
}
.matrix a {
	display: block;
	width: 100%;
}
.matrix div > a {
	margin: -2000px;
	padding: 2000px;
}
.matrix .title {
	margin: 0;
}
.matrix .title a {
	padding: 0.2em 0 0.8em;
}
.matrix li {
	list-style-type: none;
	float: left;
	width: 33%;
	margin: 0 0 0.2em;
	text-align: left;
	overflow: hidden;
}
.matrix li.column-1 {
	margin-left: 0.5%;
	margin-right: 0.5%;
}
.matrix li > div {
	display: block;
	background: #eee;
	min-height: 373px;
	text-align: center;
	vertical-align: top;
	padding: 0.2em 5px;
}
/*** Gallery/Catalog images component *****************************************/
.images {
	margin: 1em 0;
}
.image-wrapper {
	float: left;
	height: auto;
	box-shadow: 1px 1px 16px -4px #888888;
	position: relative;
	behavior: url(js/PIE.htc);
	background-color: transparent;
}
.image-wrapper .image-inner-wrapper {
	position: relative;
}
.image-wrapper .image-inner-wrapper.with-description {
	padding-bottom: 2em;
}
.image-wrapper .image-inner-wrapper .image-thumbnail {
	background-color: #000000;
	margin: 0 auto;
	position: relative;
	width: 100%;
}
.image-wrapper .image-inner-wrapper a.image-detail {
	display: inline-block;
	height: 100%;
	text-align: center;
	margin: 0 auto;
	overflow: hidden;
	vertical-align: middle;
	width: 100%;
}
.image-wrapper .image-inner-wrapper .image-description {
	padding: 0.5em 0 0 0;
	z-index: 3;
	position: absolute;
	bottom: 0;
	left: 0;
	min-height: 2em;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
/*** Blog *********************************************************************/
.articles {
	padding: 0;
}
.article.article--sticky {
	background: #f3f3f3;
	padding: 1em 2em;
	border: 1px solid #aaa;
	border-left: 3px solid #aaa;
	margin-bottom: 1em;
}
.blog .articles > li h2 {
	color: #141A61;
}
.blog .articles > li > a p {
	margin-bottom: 0.2em;
}
.blog .articles > li > hr {
	margin: 0.15em 0em;
}
.article-footer, .comment-footer {
	text-align: right;
}
.blog.view-detail .article-footer {
	display: inline-block;
	width: 100%;
}
.blog.view-detail .article-footer > div {
	margin: 0.5em 0;
	display: inline-block;
	float: left;
	text-align: left;
}
#discussion {
	margin-top: 2em;
}
.blog.view-detail .article-footer .published, .blog.view-detail .article-footer .author {
	float: right;
}
.article-footer .published span, .article-footer .author-label {
	font-weight: bold;
}
.blog.view-detail .article-footer .author {
	width: 100%;
}
form.article table {
	width: 100%;
}
.dates > span {
	font-weight: bold;
}
.dates > div, .article-footer .author > div {
	display: inline-block;
}
.blog #frm-subscriptionConfirmation-form ul li,
.blog #frm-editSubscription-form ul li {
	list-style-type: none;
}
.blog #frm-subscriptionConfirmation-form .form-item > ul,
.blog #frm-editSubscription-form .form-item > ul {
	padding-left: 0;
}
/*** BLOG - listLayouts, styles for all templates *****************************/
.articles .comments-number {
	display: inline-block;
	margin-top: 1em;
	font-size: 0.8em;
}
/*** BLOG - blogSimple ********************************************************/
.simple .articles .dueDate {
	display: inline-block;
	padding-bottom: 0.5em;
}
/*** BLOG - twoColumnsLayout **************************************************/
.two_columns .articles {
	position: relative;
}
.two_columns .article:after {
	display: block;
	visibility: hidden;
	font-size: 0;
	content: " ";
	height: 0;
	clear: both;
}
.two_columns ul.tags {
	margin-bottom: 2em;
}
.two_columns h2 {
	margin-bottom: 0.2em;
}
.two_columns .article .intro-content {
	margin-left: 10em;
	text-align: justify;
}
.two_columns .article .author,
.two_columns .article .published,
.two_columns .article .dueDate {
	display: block;
	font-size: 0.9em;
}
.two_columns .morelink {
	float: right;
}
.two_columns .article .additional-info {
	float: left;
	width: 10em;
}
.calendarDate {
	display: block;
	width: 3em;
	border-radius: 6px;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	line-height: 1.6;
	background-color: lightgrey;
	background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(lightgrey));
	background: -o-linear-gradient(top, white 0%, lightgrey 100%);
	background: linear-gradient(top, white 0%, lightgrey 100%);
	box-shadow: 2px 2px 4px -1px gray;
	font-size: 1.5em;
	margin-bottom: 0.8em;
}
.calendarDate span {
	display: block;
	border-radius: 6px 6px 2px 2px;
	font-size: 0.8em;
	padding: 0.1em;
	line-height: 1.2;
	box-shadow: 0px 3px 2px -2px gray;
	background-color: darkred;
	background-image: -webkit-gradient(linear, left top, left bottom, from(red), to(darkred));
	background: -o-linear-gradient(top, red 0%, darkred 100%);
	background: linear-gradient(top, red 0%, darkred 100%);
	color: white;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.7);
}
.blog-news .calendarDate {
	font-size: 1em;
	float: left;
	margin-right: 0.5em;
	margin-bottom: 0;
	color: black;
}
.blog-news .calendarDate span {
	font-weight: normal;
}
/*** BLOG - Divided Background Layout *****************************************/
.divided_bg .article {
	position: relative;
	border-radius: 6px;
	margin-bottom: 2em;
	padding: 0.5em 1em 2em;
	background-color: #ffffff;
	box-shadow: 1px 1px 12px -5px;
	behavior: url(js/PIE.htc);
}
.divided_bg h2 {
	margin-bottom: 0.25em;
}
.divided_bg h2 a {
	text-decoration: none;
}
.divided_bg h2 a:hover {
	opacity: 0.5;
}
.view-default.divided_bg .articles .article .articleText img {
	max-width: 100%;
	height: auto;
}
.divided_bg .article .dueDate {
	display: inline-block;
	padding-bottom: 0.5em;
}
.divided_bg .article .leftFooter {
	float: left;
	width: 50%;
}
.divided_bg .article .rightFooter {
	float: right;
	width: 50%;
	text-align: right;
}
.divided_bg .article .rightFooter,
.divided_bg .article .leftFooter span {
	display: block;
	font-size: 0.9em;
}
.divided_bg .article .rightFooter .addComment {
	display: inline;
}
.divided_bg .article .cleaner {
	margin-bottom: 1em;
}
/************** Blog - column box *********************************************/
.blog-news ul li {
	list-style: none;
}
.blog-news ul.list, .blog-news ul.calendar {
	margin: 0;
	padding: 0;
}
.blog-news ul.list li, .blog-news ul.calendar li {
	margin: 0.5em 0;
}
.blog-news ul.list li a {
	color: #000000;
}
.blog-news ul.list li a:hover, .blog-news ul.calendar li a:hover {
	text-decoration: none;
}
.blog-news ul li .due {
	font-weight: bold;
	margin-right: 0.2em;
}
.blog-news ul.list li .title {
	font-size: 1em;
	font-weight: normal;
}
.blog-news ul.calendar li {
	padding: 0.3em 0;
}
.blog-news ul.thumbnail {
	padding: 0;
}
.blog-news ul.thumbnail li {
	margin-bottom: 0.2em;
}
.blog-news ul.thumbnail li > a {
	display: block;
	padding: .4em;
	color: #000000;
	background-color: transparent; background-image: none;
	font-weight: bold;
}
/*** Tender *******************************************************************/
a.cell-link {
	display: block;
	padding: 2000px;
	margin: -2000px;
	text-decoration: none;
}
table.tenders {
	width: 100%;
	margin-top: 1.5em;
	margin-bottom: 1em;
}
#ipopage .tenders th {
	padding: 0.5em;
}
#ipopage .tenders td {
	padding: 0.25em;
	overflow: hidden;
	vertical-align: middle;
}
#ipopage .tenders .right {
	text-align: right;
	margin-left: 0.3em;
}
ul.tenders {
	margin: 0 0 0.5em;
	padding: 0.5em;
}
ul.tenders li {
	list-style-type: none;
	clear: left;
}
ul.tenders li span.ui-icon-document {
	float: left;
	margin-right: 0.5em;
}
.tender .footer {
	text-align: right;
}
/*** elastic fulltext *********************************************************/
/*** .noticeBoard - uredni deska **********************************************/
#ipopage .noticeBoard table.datagrid tbody tr a {
	display: block;
	width: 100%;
	height: 100%;
	color: #000000;
	text-decoration: none;
}
#ipopage .noticeBoard table.datagrid tbody tr a .fa {
	margin-left: .5em;
}
#ipopage .noticeBoard table.datagrid tbody tr a .fa-files-o {
	transform: scale(-1, 1);
}
.noticeBoard .last-updated {
	margin: 1em 0;
	float: right;
}
.noticeBoard .last-updated:after {
	clear: both;
	display: block;
	content: ' ';
}
.noticeBoard .files .icon {
	vertical-align: middle;
}
.noticeBoard .datagrid .ui-icon-document {
	background-position: -36px -100px;
	display: inline-block;
	height: 9px;
	margin-right: 0.3em;
	width: 8px;
}
.noticeBoardOverview-filter {
	margin-bottom: 1em;
}
.noticeBoardOverview-filter fieldset {
	border: 1px solid #ccc;
	margin: 0;
	padding: 2em;
}
.noticeBoardOverview-filter legend {
	margin: 1px 0;
	font-size: 1.3em;
	font-weight: bold;
	padding: 0 .5em;
}
.noticeBoardOverview-filter-item {
	box-sizing: border-box;
	padding-bottom: 1em;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.noticeBoardOverview-filter-item span {
	margin-right: 1em;
	margin-bottom: .5em;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.noticeBoardOverview-filter-item span input {
	margin: 0 .5em 0 0;
}
.noticeBoardOverview-filter-label {
	min-width: 130px;
	margin-bottom: .25em;
}
.noticeBoardOverview-filter-controls {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}
.noticeBoardOverview-filter-controls > input:focus,
.noticeBoardOverview-filter-controls > select:focus {
	border-color: currentColor;
}
.noticeBoardOverview-filter-controls > input,
.noticeBoardOverview-filter-controls > select {
	width: 100%;
}
.noticeBoardOverview-filter-search {
	clear: both;
	text-align: center;
	margin-top: .5em;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}
.noticeBoardOverview-item {
	padding: 2em;
	margin: 2em 0 0;
	border: 1px solid #ccc;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
	background: #fff;
}
.noticeBoardOverview-item > div {
	margin: 1em 0;
}
.noticeBoardOverview-item > :first-child {
	margin-top: 0;
}
.noticeBoardOverview-item > :last-child {
	margin-bottom: 0;
}
.noticeBoardOverview--grid {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -1em;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.noticeBoardOverview--grid .noticeBoardOverview-item {
	padding: 2em;
	border: 1px solid #ccc;
	margin: 1em;
	-ms-flex-negative: 1;
	flex-shrink: 1;
	width: calc(50% - 2em);
	box-sizing: border-box;
}
@media only screen and (max-width: 1024px) {
	.noticeBoardOverview--grid .noticeBoardOverview-item {
		width: 100%;
	}
	.noticeBoardOverview-filter-item {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
}
.noticeBoard #frm-noticeOverview-itemsPerPageChooser-form {
	margin-left: auto;
	text-align: right;
}
.noticeBoard #frm-noticeOverview-itemsPerPageChooser-form .form-item-label {
	display: inline-block;
	vertical-align: middle;
	padding-right: 1em;
}
.noticeBoard #frm-noticeOverview-itemsPerPageChooser-form .form-item-field {
	display: inline-block;
	vertical-align: middle;
}
.noticeBoard #frm-noticeOverview-itemsPerPageChooser-form:before,
.noticeBoard #frm-noticeOverview-itemsPerPageChooser-form:after {
	clear: both;
	content: ' ';
	display: table;
}
/*** filesRenderer ************************************************************/
#ipopage ul.files {
	margin: 0 0 0.5em;
	padding: 0.5em;
}
#ipopage ul.files li {
	list-style-type: none;
	clear: left;
	margin-bottom: 0.5em;
}
.file-type {
	width: 34px;
	height: 34px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 0.5em;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 100% 50%;
	background-image: url('img/fileIcons/default.svg');
}
.file-type-bmp {
	background-image: url('img/fileIcons/bmp.svg');
}
.file-type-csv {
	background-image: url('img/fileIcons/csv.svg');
}
.file-type-doc,
.file-type-docx {
	background-image: url('img/fileIcons/doc.svg');
}
.file-type-gif {
	background-image: url('img/fileIcons/gif.svg');
}
.file-type-jpg,
.file-type-jpeg {
	background-image: url('img/fileIcons/jpg.svg');
}
.file-type-odp {
	background-image: url('img/fileIcons/odp.svg');
}
.file-type-ods {
	background-image: url('img/fileIcons/ods.svg');
}
.file-type-odt {
	background-image: url('img/fileIcons/odt.svg');
}
.file-type-otf {
	background-image: url('img/fileIcons/otf.svg');
}
.file-type-pdf {
	background-image: url('img/fileIcons/pdf.svg');
}
.file-type-png {
	background-image: url('img/fileIcons/png.svg');
}
.file-type-ppt,
.file-type-pptx {
	background-image: url('img/fileIcons/ppt.svg');
}
.file-type-rar {
	background-image: url('img/fileIcons/rar.svg');
}
.file-type-rtf {
	background-image: url('img/fileIcons/rtf.svg');
}
.file-type-svg {
	background-image: url('img/fileIcons/svg.svg');
}
.file-type-txt {
	background-image: url('img/fileIcons/txt.svg');
}
.file-type-xls,
.file-type-xlsx {
	background-image: url('img/fileIcons/xls.svg');
}
.file-type-xml {
	background-image: url('img/fileIcons/xml.svg');
}
.file-type-zip {
	background-image: url('img/fileIcons/zip.svg');
}
/*** TuristikaCZ, Catalog, ... ************************************************/
.order-tabs {
	overflow: hidden;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
	top: 1px;
}
.order-tabs li {
	display: inline-block;
	margin-right: 4px;
}
.order-tabs a {
	position: relative;
	padding: 8px 10px;
	display: inline-block;
	text-decoration: none;
	border-radius: 3px;
}
.order-tabs a:before {
	display: inline-block;
	margin-right: 0.5em;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
}
.order-tabs .tab-price-high-to-low a:before {
	content: "\f107";
}
.order-tabs .tab-price-low-to-high a:before {
	content: "\f106";
}
.order-tabs .tab-alphabetically a:before {
	content: "\f15d";
}
.order-tabs .tab-newest a:before {
	content: "\f017";
}
.order-tabs .tab-rating a:before {
	content: "\f005";
}
.order-tabs .current a {
	font-weight: bold;
	pointer-events: none;
}

/*** Popup window **********************************************************/

.modal-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	font-size: 18px;
	z-index: 150;
	background-color: rgba(0,0,0,0.2);
}

.modal-wrapper .modal-close {
	float: right;
	margin-left: 1em;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
	color: #333;
	text-decoration: none;
}

.modal-wrapper .modal-close:hover {
	color: #000;
}

.modal-wrapper .modal-close:before {
	content: "\f00d";
}

.modal-wrapper .modal-close span {
	display: none;
}

.modal-wrapper .modal-dialog {
	padding: 18px;
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
	left: 50%;
	top: 100px;
	transform: translateX(-50%);
}

.modal-wrapper .modal-dialog .modal-body {
	padding-top: 27px;
}

@media only screen and (max-width: 1024px) {
	.modal-wrapper .modal-dialog {
		top: 50px;
	}
}

/*** Cookie confirmation ***************************************************/

.cookie-choices-info {
	font-size: 14px;
	padding: 10px;
	background-color: #fff;
	color: #333;
	text-align: center;
	border-top: 1px solid #ccc;
	position: fixed;
	left: 0;
	top: auto;
	bottom: 0;
	width: 100%;
	z-index: 150;
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
	box-sizing: border-box;
}
.cookie-choices-info p {
	margin: 10px 0;
	text-align: center;
}
.cookie-buttons a {
	display: inline-block;
	margin: 2px;
}
.cookie-button.more {
	color: #333;
}
.cookie-button.more:hover {
	text-decoration: none;
	color: #000;
}
.cookie-button.cookie-button--settings.action-button {
	color: #fff;
	background: #666;
	border-color: #666;
}
.cookie-button.cookie-button--settings.action-button:hover {
	color: #fff;
	background: #444;
	border-color: #444;
}
.cookie-choices-info.template_2 {
	position: absolute;
	left: 50%;
	top: 50%;
	bottom: auto;
	transform: translate(-50%, -50%);
	max-width: 690px;
	width: 100%;
	max-height: none;
	height: auto;
	padding: 1em;
	border-radius: 0;
}
.cookie-choices-bg {
	display: block;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 102;
	overflow: hidden;
}
@media only screen and (max-width: 768px) {
	.cookie-choices-info.template_2 {
		position: fixed;
		left: 0;
		top: auto;
		bottom: 0;
		transform: none;
		max-width: 100%;
		width: 100%;
	}
}

.cookie-choice-settings {
	font-size: 14px;
	position: fixed;
	margin: 0 auto;
	width: 100%;
	background: #fff;
	z-index: 151;
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
	left: 0;
	bottom: -1px;
	right: 0;
	border: 1px solid #ccc;
	padding: 2em;
	max-width: 1024px;
	text-align: left;
	box-sizing: border-box;
	max-height: 80vh;
	overflow-y: auto;
	color: #333;
}

.cookie-choice-settings .cookie-choice-settings--close {
	float: right;
	margin-left: 1em;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
	color: #333;
	text-decoration: none;
}

.cookie-choice-settings .cookie-choice-settings--close:hover {
	color: #000;
}

.cookie-choice-settings .cookie-choice-settings--close:before {
	content: "\f00d";
}

.cookie-choice-settings .cookie-choice-settings--close span {
	display: none;
}

.cookie-settings-choice {
	font-weight: bold;
	font-size: 1.15em;
	padding-bottom: .5em;
}

.cookie-settings-choice + div {
	color: #333;
}

.cookie-choice-settings form > div:not(.cookie-buttons) {
	padding-top: 1em;
	border-top: 1px solid #ccc;
	margin-top: 1em;
}

.cookie-choice-settings .cookie-buttons {
	text-align: center;
	margin-top: 2em;
}

.cookie-choice-settings .cookie-buttons input {
	margin: 2px;
}

.cookie-choice-settings .cookie-buttons input[name="necessaryCookies"],
.cookie-choice-settings .cookie-buttons input[name="selectedCookies"] {
	color: #fff;
	background: #666;
	border-color: #666;
}
.cookie-choice-settings .cookie-buttons input[name="necessaryCookies"]:hover,
.cookie-choice-settings .cookie-buttons input[name="selectedCookies"]:hover {
	color: #fff;
	background: #444;
	border-color: #444;
}

.cookie-settings-choice input {
	float: right;
	width: 1em;
	height: 1em;
	margin: 0;
}

.cookie-choice-settings .fa.yes {
	color: #27c90d;
}

.cookie-choice-settings .fa.no {
	color: #999999;
}

.cookie-choice-settings--left {
	right: auto;
	bottom: 1em;
	width: auto;
}

.cookie-choices-fixed {
	position: fixed;
	bottom: 1em;
	left: 1em;
	z-index: 151;
}

.cookie-choices-fixed a svg {
	width: 1.5em;
	vertical-align: middle;
}

.cookie-choices-fixed a svg path {
	fill: currentColor;
}

.cookie-choices-fixed .fa {
	font-size: 18px;
}

.cookie-choices-fixed a {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-decoration: none;
		color: #050D66;
			background-color: #FF9A35;
		padding: 5px;
	border-radius: 4px;
	display: inline-block;
	line-height: 18px;
	font-size: 18px;
	width: 37px;
	height: 37px;
}

.cookie-choices-fixed a:hover {
		color: #ffffff;
			background-color: #050D66;
	}

/*** Design Warning  **********************************************************/
.design-warning {
	font-size: 14px;
	font-family: Verdana, sans-serif;
	line-height: 1.5;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	position: fixed;
	bottom: 0;
	right: 0;
	left: 0;
	padding: .75em 1.25em;
	z-index: 150;
	border-top: 1px solid #f1dfa8;
	color: #735703;
	background-color: #fff3cd;
}
.design-warning .fa {
	font-size: 1.5em;
	margin-right: .5em;
}
.design-warning .action-button,
.design-warning .action-button:visited {
	display: inline-block;
	font-size: 1em;
	padding: .25em .75em;
	border: 0;
	background: #735703;
	color: #fff;
}
.design-warning .action-button:hover{
	background: #553c03;
	color: #fff;
}

/*** social media icons *******************************************************/
/*** icons view */
.social-media-buttons {
	min-height: 30px;
}
.gallery.view-detail .social-media-buttons {
	width: 100%;
}
.social-media-buttons > * {
	vertical-align: top;
}
#socialMediaIconsSetupHeader {
	text-align: right;
}
/*** icons setup form */
#socialMediaIconsSetupHeader .socialIconSetupLabel {
	min-width: 100px;
	display: inline-block;
	text-align: center;
	font-weight: bold;
}
#frm-iconsForPages-socialMediaIconsForm .system-form-item-label,
#frm-iconsForPages-socialMediaIconsForm .system-form-item-field span {
	float: left;
}
#frm-iconsForPages-socialMediaIconsForm :not(.buttons) .system-form-item-field {
	float: right;
}
#frm-iconsForPages-socialMediaIconsForm .system-form-item:not(.buttons):nth-child(odd) {
	background-color: #FF9A35;
}
#frm-iconsForPages-socialMediaIconsForm .system-form-item-label {
	min-width: 300px;
	padding-left: 0.3em;
}
#frm-iconsForPages-socialMediaIconsForm .system-form-item-field span label {
	display: none;
}
#frm-iconsForPages-socialMediaIconsForm .system-form-item-field span input {
	width: 100px;
}
#frm-iconsForPages-socialMediaIconsForm .system-form-item:not(.buttons) {
	margin: 0;
	line-height: 1.5em;
}

.menu li {
	list-style: none;
}

.menu .menu-item {
	margin-bottom: 1em;
}

.menu .menu-item h3 {
	margin: 0 0 0.5em 0;
}

.menu .menu-item .meal-list {
	display: table;
}

.menu .menu-item .meal-list .meal-item {
	display: table-row;
	margin: 0.5em 0;
}

.menu .menu-item .meal-list .meal-item > div {
	display: table-cell;
}

.menu .menu-item .meal-list .meal-item .meal-item-title {
	width: 50%;
}
.menu .menu-item .meal-list .meal-item .meal-item-description {
	width: 40%;
	text-align: center;
}
.menu .menu-item .meal-list .meal-item .meal-item-cost {
	width: 10%;
	text-align: right;
}

/* tooltipster custom theme */
.tooltip-wrapper {
	display: none
}

.tooltipster-sidetip.tooltipster-light.tooltipster-light-customized .tooltipster-box {
	border: 1px solid #ccc;
	background: #ffffff;
	color: #333;
	margin-right: 1em;
	margin-left: 1em;
	text-align: left;
	-webkit-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.15);
	box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.15);
}

.tooltipster-sidetip.tooltipster-light.tooltipster-light-customized.tooltipster-base {
	font-size: 13px;
	font-family: Verdana, sans-serif;
}

.tooltipster-sidetip.tooltipster-light.tooltipster-light-customized .tooltipster-content h3 {
	margin: 0 0 .5em;
	font-family: Verdana, sans-serif;
}

.tooltipster-sidetip.tooltipster-light.tooltipster-light-customized .tooltipster-content {
	padding: 14px 18px;
}

.tooltipster-sidetip.tooltipster-light.tooltipster-light-customized .tooltipster-content,
.tooltipster-sidetip.tooltipster-light.tooltipster-light-customized .tooltipster-content a {
	color: #333
}

/* top arrow */
.tooltipster-sidetip.tooltipster-light.tooltipster-light-customized.tooltipster-top .tooltipster-arrow-background {
	border-top-color: #fff;
}

.tooltipster-sidetip.tooltipster-light.tooltipster-light-customized.tooltipster-top .tooltipster-arrow-border {
	border-top-color: #ccc;
}

/* left arrow */
.tooltipster-sidetip.tooltipster-light.tooltipster-light-customized.tooltipster-left .tooltipster-arrow-background {
	border-left-color: #fff;
}

.tooltipster-sidetip.tooltipster-light.tooltipster-light-customized.tooltipster-left .tooltipster-arrow-border {
	border-left-color: #ccc;
}

/* right arrow */
.tooltipster-sidetip.tooltipster-light.tooltipster-light-customized.tooltipster-right .tooltipster-arrow-background {
	border-right-color: #fff;
}

.tooltipster-sidetip.tooltipster-light.tooltipster-light-customized.tooltipster-right .tooltipster-arrow-border {
	border-right-color: #ccc;
}

/* bottom arrow */
.tooltipster-sidetip.tooltipster-light.tooltipster-light-customized.tooltipster-bottom .tooltipster-arrow-background {
	border-bottom-color: #fff;
}

.tooltipster-sidetip.tooltipster-light.tooltipster-light-customized.tooltipster-bottom .tooltipster-arrow-border {
	border-top-color: #ccc;
}

/*** LazyLoading Error *************************************************/
.error[loading] {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAQAAACQ9RH5AAAC33pUWHRSYXcgcHJvZmlsZSB0eXBlIGV4aWYAAHja7ZdRkuMoDIbfOcUeAUkIieNgA1Vzgz3+/mDa6aR7pmpn52EfYioYy+IH9AmShP73jxH+wkVFYkhqnkvOEVcqqXBFw+N1XXeKadXrknO/o2d7uF8wTDI9r8fct3+FXR8dLG378WwPtoXYt9B+8SEoc2RGY/v5FhK+7LSfQ9n9avq0nP052rbpdXt9ToZgNIWecOAuJBG1z1EEM5AiddpQw8LTImirOGoR+j524W6+BO9uvcQu1m2X51CEmLdDfonRtpN+H7sVoc8zosfITy9M7iG+xG6M5mP0a3U1ZUQqh72oj6WsFhwPhFJWt4xi+CjatkpBcSzxBLEGmgfKGagQI7KDEjWqNKiv+0knppi4s+HOfLIsm4tx4XNBSbPQYAOeFsCC5QQ1gZnvudAat6zxTnKM3AieTBAj9PhSwnfG3ym30BgzdYmi37HCvHjmNKYxyc0aXgBCY8dUV3xXCZ/yJn4CKyCoK8yOBdZ4XBKH0iO3ZHEW+GlMIV5bg6xtAYQIYysmQwICMZMoZYrGbESIo4NPxcxZEh8gQKrcKAywEcmA4zzHRh+j5cvKlxlHC0CoZDGgwQYCrJQU+WPJkUNVRVNQ1aymrkVrlpyy5pwtzzOqmlgytWxmbsWqiydXz27uXrwWLoIjTEsuFoqXUmrFoBXSFb0rPGo9+JAjHXrkww4/ylFPpM+ZTj3zaaef5ayNmzRs/5abheattNqpI5V66tpzt+699DqQa0NGGjrysOGjjHpT21SfqdELuV9To01tEkvLzx7UYDb7kKB5nOhkBmKcCMRtEkBC82QWnVLiSW4yi4WxKZRBjXTCaTSJgWDqxDroZvcg90tuQdO/4sY/Ixcmuj9BLkx0m9xXbt9Qa3V9o8gCNHfhjGmUgYMNDt0re53fSb99D/9V4C30FnoLvYXeQm+ht9D/R2jgxwP+aoZ/APWmke/mAiJwAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAB3RJTUUH4woCCzoqTvrr6AAAA4ZJREFUWIXt2F1vFVUUxvHfTE/bU5tqLC0UimJbG6FFhUhVwFBEUYiJRG+89Ev4bbzRL4AxxvBiEJAUUJAXkULAilVoWimkEqCHvpzxgklT8MzpTBijCX3malZW1n/Wnr3XWtksalH/koIEe7339ChkjFZ2wj7lNK41CfZ+rwozYgm0azQkWtg1KaeV+NWpTNiXdQtswJ6Fs04CB7jp50zgdt0igb406OzLWV1jLqDPzoUi5w2esdtgGnTeYKZ9YRAbqqOzHpi0aHqqb7O8waEGEfao11UNnSf4Lyz3SfwWILDBHYcqf2F+OuOqQE38hDF+VWXnPDMu+Uy74jxLn+eTnPP9xzOGH3jvTnbN/zil1H8GTrvUSV2skmbzA3f5UF1K7JTdhvICt2pMiaVWa37gkyYyZPxLGrd04BkXU2JTa/E4JSlInEcfVpRm1EsLXmWX2pTgaV8+VDgfAdyuOSX2vndu4JPuZsh4MI1bOvCUMymxqfX4HafHD5y0uSKs0OzmPFuoS7daV50zNc9e50UrTbts6IFRttmKOFIFJdWjfm/iniOOmwEtduiK/W/Y57IIgW7vWhJ/7JB9rscJvWaLehx0OAs41GerBozab9x6m9WJXDfpGaHIoEPo1ytQ9ocGrQJTBpzWYrvlmHTYD5UH+moV+Cnv6BGIRELcddApZc/aqQ1l9/fIqL2GhdbZphFlgUDkgv0mkoJXL/2Bbtu1CMw474Bbsb3gdZs8gUkDvjcd25u8rVdB5IZvXKrWLpLBRZRQo03RuFsi1AuVRChqw6gSAkVl9+J1alEyanZejAzgF3wgcNTRuWxYZpvn1LjuOxfnsgmstkWrWb/51ticd61NNonsdqkSIGls3Wmpgg6r3TSBOlu9b6mCUJNebUZM4mm79GsSKmixTp0RswKdPrJWQUHRuSwZf6zDpHqhsgv+9JIluO2IOzZqR8lprFfENcc0ekMTbvjJUmuEyu5pcMXnWcE/GrRDa2wpO+uA26jRp19DbC857IQZNHrLurlaOG6vNV5JAldri5Ehn+rTq8GYY36P/+us4y7arANXDMwdmTu+ctZGy0w674Qpq5ODL9SPpww4KvhHEZjwtcDDBTEybFiYZu5KMwgkhUkKnupK8fFri//Lftxs7SNGb5a4E5LAV3Xq1PmI4PuRKiqpZI540pJM9wCVNO28A+luCBa1qNz0N0yQ9ML5hZVCAAAAAElFTkSuQmCC');
	background-repeat: no-repeat;
	background-position: 50% 50%;
	display: inherit;
}


/*** Statistics ********************************************************/
#ipostatistics {
	height: 0;
}

/*** CSS grid ***************************************************************/

/**
 * Zachovávat stejný obsah jako v app/presentation/Tiny/templates/css.latte
 */

.row:before,
.row:after {
	display: table;
	content: " ";
}
.row:after {
	clear: both;
}
.col-1,
.col-1-1,
.col-1-2,
.col-1-3,
.col-2-3,
.col-1-4,
.col-3-4,
.col-1-6,
.col-5-6,
.col-1-12,
.col-2-12,
.col-3-12,
.col-4-12,
.col-5-12,
.col-6-12,
.col-7-12,
.col-8-12,
.col-9-12,
.col-10-12,
.col-11-12,
.col-12-12 {
	display: inline-block;
	*display: inline;
	zoom: 1;
	letter-spacing: normal;
	word-spacing: normal;
	vertical-align: top;
	text-rendering: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.col-1-2,
.col-1-3,
.col-2-3,
.col-1-4,
.col-3-4,
.col-1-6,
.col-5-6,
.col-1-12,
.col-2-12,
.col-3-12,
.col-4-12,
.col-5-12,
.col-6-12,
.col-7-12,
.col-8-12,
.col-9-12,
.col-10-12,
.col-11-12,
.col-12-12 {
	padding: 0 5px;
	float: left;
}
.col-1-12 {
	width: 8.3333%;
	*width: 8.3023%;
}
.col-1-6,
.col-2-12 {
	width: 16.6667%;
	*width: 16.6357%;
}
.col-1-4,
.col-3-12 {
	width: 25%;
	*width: 24.9690%;
}
.col-1-3,
.col-4-12 {
	width: 33.3333%;
	*width: 33.3023%;
}
.col-5-12 {
	width: 41.6667%;
	*width: 41.6357%;
}
.col-1-2,
.col-6-12 {
	width: 50%;
	*width: 49.9690%;
}
.col-7-12 {
	width: 58.3333%;
	*width: 58.3023%;
}
.col-2-3,
.col-8-12 {
	width: 66.6667%;
	*width: 66.6357%;
}
.col-3-4,
.col-9-12 {
	width: 75%;
	*width: 74.9690%;
}
.col-5-6,
.col-10-12 {
	width: 83.3333%;
	*width: 83.3023%;
}
.col-11-12 {
	width: 91.6667%;
	*width: 91.6357%;
}
.row,
.col-1,
.col-1-1,
.col-12-12 {
	width: 100%;
}


/*** responsive ***************************************************************/
@-ms-viewport { width: device-width }

#ipocontainer,
#ipotopmenuwrapper,
#ipomain,
#ipomainframe,
#ipopage,
.ipopagetext {
	width: 100%
}

#ipoheader,
#ipotopmenu,
#ipomain > div,
#ipofooter,
.content {
	max-width: 1024px;
	margin: 0 auto;
}
.menu-toggler {
	position: absolute;
	top: 0;
	right: 0;
	padding: 1em;
	color: #fff;
	display: none;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: .4em 1em;
}
.menu-toggler span {
	padding-left: 1em;
	line-height: 1;
}
.menu-toggler:hover {
	cursor: pointer;
}
.menu-toggler:hover span {
	color: #76B0E3;
}
.menu-toggler span {
	padding-left: 1em;
	line-height: 1;
}
#back-to-top {
	display: none;
}
@media only screen and (max-width: 1024px) {
	html, body {
		min-width: 100%;
	}
	.menu-toggler {
		display: block;
		z-index: 101;
	}
	#ipopage {
		padding: 1em;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#ipocontainer,
	#ipoheader,
	#ipotopmenu,
	#ipomain,
	#ipomainframe,
	#ipopage,
	#ipoleftblock,
	#iporightblock,
	#ipoleftblockin,
	#iporightblockin,
	#ipofooter,
	.content{
		width: 100%;
	}
	#ipopage,
	#iporightblock,
	#ipoleftblock,
	.ipopagetext {
		min-height: initial;
	}
	#ipotopmenuwrapper {
		display: none;
		width: 100%;
		position: absolute;
		padding-top: 50px;
		top: 0;
		left: 0;
		z-index: 100;
	}
	#ipotopmenu * {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	#ipotopmenu {
		border-radius: 0;
	}
	#ipotopmenu > ul {
		padding-left: 0;
	}
	#ipotopmenu ul.topmenulevel1 > li,
	#ipotopmenu ul.topmenulevel1 li.noborder {
		border: 0 none;
	}
	#ipotopmenu ul li,
	#ipotopmenu ul.topmenulevel1 li.topmenuitem1 a,
	#ipotopmenu ul.topmenulevel2 li.topmenuitem2 a,
	#ipotopmenu ul.topmenulevel3 li.topmenuitem3 a {
		width: 100%;
		text-align: center;
	}
	#ipotopmenu ul.topmenulevel1 li.topmenuitem1 ul.topmenulevel2,
	#ipotopmenu ul.topmenulevel2 li.topmenuitem2 ul.topmenulevel3,
	#ipotopmenu ul.topmenulevel3 li.topmenuitem3 ul.topmenulevel4 {
		visibility: visible;
		display: none;
		width: 100%;
	}
	#ipomenu li {
		text-align: center;
	}
	#ipomenu ul li.submenu1 > ul {
		background-color: inherit;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		display: inline-block;
		float: none;
		margin: 0 auto 20px;
		padding: 6px 0;
		position: static;
		visibility: visible;
		width: 90%;
	}
	#ipomenu ul li.submenu1 ul li,#ipomenu ul li.submenu1 ul li a {
		background: transparent;
		border: none;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		display: block;
		float: none;
		width: 100%;
	}
	#ipotopmenu ul.topmenulevel1 li.topmenuitem1 ul.topmenulevel2 {
		background-color: inherit;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		display: inline-block;
		float: none;
		margin: 0 auto 20px;
		padding: 6px 0;
		position: static;
		visibility: visible;
		width: 90%;
		border: none;
	}
	#ipotopmenu ul.topmenulevel2 li.topmenuitem2 {
		margin: 0;
	}
	#ipotopmenu ul.topmenulevel1 li.topmenuitem1,#ipotopmenu ul.topmenulevel1 li.noborder {
		height: initial !important;
		line-height: initial;
	}
	#ipomenu ul li.submenu2 ul {
		display: none;
	}
	
	#ipocontainer {
		padding-bottom: 0;
	}
	#ipocopyright {
		position: static;
		height: auto;
		padding: 0;
		width: 100%;
		display: inline-block;
	}
	.copyright {
		position: static;
		top: 0;
		height: auto;
	}
	.col-1,
	.col-1-1,
	.col-1-2,
	.col-1-3,
	.col-2-3,
	.col-1-4,
	.col-3-4,
	.col-1-6,
	.col-5-6,
	.col-1-12,
	.col-2-12,
	.col-3-12,
	.col-4-12,
	.col-5-12,
	.col-6-12,
	.col-7-12,
	.col-8-12,
	.col-9-12,
	.col-10-12,
	.col-11-12,
	.col-12-12 {
		float: none;
		width: 100%;
		padding: 0;
	}
	#back-to-top {
		color: #FFF;
		border: 0 none;
		height: 40px;
		bottom: 45px;
		font-size: 1.75em;
		padding: 1px 15px;
		vertical-align: middle;
		line-height: 38px;
		position: fixed;
		right: 10px;
		background: #555;
		cursor: pointer;
		-webkit-transition: all 0.5s ease-out 0s;
		transition: all 0.5s ease-out 0s;
		z-index: 100;
		-webkit-animation: fadeInUp 1s both;
		animation: fadeInUp 1s both;
	}
	#ipopage,
	#ipoleftblock,
	#iporightblock {
		margin: 0;
	}
	#ipomenu ul, #ipomenu ul li {
		width: 100%;
	}
	#ipoleftblockin .ipolefttext, #iporightblockin .iporighttext {
		float: left;
		width: 100%;
	}
	#ipoleftblockin .ipolefttext > div, #iporightblockin .iporighttext > div {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		width: 100%;
		padding: 0 1%;
	}
	img {
		max-width: 100%;
		height: auto;
		display: inline-block;
	}
	.rwd-table {
		overflow-x: auto;
	}
	.rwd-table table {
		width: 100% !important;
	}
	.gallery .images {
		text-align: center;
	}
	.gallery .image-wrapper {
		display: inline-block;
		float: none;
	}
	.catalog.view-itemDetail .images img {
		max-width: inherit;
	}
	.cookie-buttons {
		margin-top: 8px;
	}
	iframe {
		width: 100%;
	}
}
@media only screen and (max-width: 700px){
	.catalog .orderWizard-navigation a,
	.catalog .orderWizard-navigation span {
		width: 100%;
	}
	.catalog .orderWizard-navigation :nth-last-child(n+2) { /*odstranění borderdu v navigaci*/
		border: none;
	}
	.eshop-basketOverview {
		display: block;
	}
	.catalog.view-basket .eshop-basketOverview-Header { /*skrytí hlavičky v košíku*/
		display: none;
	}
	.catalog.view-basket .eshop-basketOverview-row {
		display: block;
		float: left;
		padding: 10px 0 10px;
		width: 100%;
	}
	.total-prices > div:first-child > div { /*skrytí vodorovných linek*/
		border: none;
	}
	.eshop-paymentDelivery-row .eshop-basketOverview-cell:first-child {
		text-align: left;
		display: inline-block;
		width: 100%;
	}
	.eshop-basketOverview-cell.eshop-basketOverview-itemName {
		padding-right: 0;
		overflow: initial;
		max-width: 32em;
	}
	.eshop-basketOverview-cell.recalculate { /*tlačítko pro přepočítání*/
		display: block;
		width: 130px;
		float: left;
	}
	.eshop-basketOverview-cell.totalPrice,
	.eshop-basketOverview-cell.forPiece,
	.eshop-basketOverview-cell.removeItem { /*cena za kus a celková částka*/
		display: block;
	}
	.eshop-basketOverview-cell.eshop-totalPriceLabel { /*celková cena*/
		display: inline-block;
		text-align: left;
		width: 33%;
		padding: 0;
	}
	.eshop-basketOverview-cell.eshop-totalPriceValue {
		display: inline-block;
		width: 66%;
		padding: 0;
	}
	.catalog.view-basket div.buttons {/*mezera před buttony*/
		margin: 0;
	}
	.eshop-basket #czech-post-zipcode {
		width: 100%;
	}
	#frm-orderWizard-deliveryDataForm .form-item .form-item-label,
	#frm-orderWizard-deliveryDataForm .form-item .form-item-field { /*kontaktní fomrulář*/
		width: 100%;
		padding: 0;
		display: block;
	}
	.eshop-basketOverview-cell.countItem { /*zarovnání počtu objednáných položek*/
		float: left;
	}
	.total-prices {
		display: block;
		width: 100%;
	}
	.eshop-basketOverview-cell {
		padding: 0;
	}
	#frmapplyForm-code-pair {
		display: block;
		width: 100%;
	}
}
@media only screen and (max-width: 600px) {
	.catalog .default-image {
		width: 100%;
		float: none;
		margin: 0;
	}
	.catalog .catalog-item .attributes {
		float: none;
		width: 100%;
		box-sizing: border-box;
		margin: 10px 0;
		padding: 0;
	}
	.catalog.view-itemDetail .eshop-priceAndBasketAdd,
	.catalog.view-itemDetail .eshop-stockInfo {
		width: 100%;
		float: none;
	}
	.catalog .default-image .thumbnail {
		text-align: center;
	}
}
@media only screen and (max-width: 505px) {
	.linkprev, .linkback, .linknext {
		width: 100%;
		margin: 1% 0;
	}
	.cookie-choices-info {
		font-size: 13px;
		padding: 6px;
	}
	.cookie-choice-settings {
		font-size: 13px;
	}
	.content-paginator .paginator-button-text {
		display:none;
	}
	}
@media only screen and (max-width: 400px) {
	.matrix li > div {
		min-height: 0;
	}
	.items.matrix .cleaner + li + li,
	.items.matrix > li:first-child + li {
		margin-left: 0;
		margin-right: 0;
	}
	.catalog .categories .category-image {
		width: 100%;
		margin-left: 0;
		float: none;
	}.catalog .categories .category {
		width: 100%;
		float: none;
	}
	.catalog .categories .category-image img {
		margin: 0;
	}
	.form-horizontal .form-item .form-item-label, .form-horizontal .form-item .form-item-field {
		display: block;
		width: 100%;
	}
	.form-horizontal .form-item .form-item-field > * {
		width: 100%;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	form .form-horizontal .form-item .g-recaptcha {
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
		-webkit-transform-origin: 0 0;
		transform-origin: 0 0;
	}
	.form-horizontal .form-item.recaptcha {
		display: block;
		width: 245px;
	}
	.matrix li {
		width: 100%;
	}
	.eshop-basketOverview-cell.eshop-totalPriceValue {
		display: inline-block;
		width: 65%;
		padding: 0;
	}
	.eshop-basketOverview-cell.eshop-basketOverview-itemName {
		width: 100%;
		float: left;
		overflow: hidden;
		padding-right: 0;
	}
	.cookie-choices-info {
		font-size: 12px;
	}
	.cookie-choice-settings {
		font-size: 12px;
	}
}
@media only screen and (max-width:340px){
	.action-button.btn-submit.backToCatalog {/*tlačíko pro posun v objednávce*/
		padding: 5px 5px;
	}
	.action-button.btn-submit.nextStep {
		padding: 5px 5px;
	}
}


/*** Coolurl ******************************************************************/

/*** timepicker ***************************************************************/
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; }
.ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; }
.view-personalDataProcessing {
	max-width: 1024px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

/*** custom styles ************************************************************/
#page12928080 .subscribe-toolbar .action-button:nth-of-type(1){
	display: none;
}
#ipopage th,
.albums#listImages div.clearfix p,
form .form-vertical .buttons .form-item-field,
p {
   text-align: left;
}
#ipocopyright .action-button,
#ipocopyright .footer-link,
#ipoheader .header-links a:not(.action-button):hover,
.widget-link,
.widget-link:hover .widget-more,
.widget-link:hover .widget-title {
   text-decoration: none;
}
#ipocopyright,
#iponavigation,
#page12722920 #ipocontainer,
.hp-bg,
body.mce-content-body.ipopagetext {
   overflow-x: clip;
}
#iponavigation p,
body,
html {
   font-size: 18px;
}
#ui-datepicker-div.ui-datepicker,
.gallery .matrix .title,
body,
h1,
h2,
h3,
h4,
h5,
h6 {
   font-family: "Plus Jakarta Sans",sans-serif;
}
*,
::after,
::before {
   box-sizing: border-box;
}
a {
   -ms-hyphens: manual;
   hyphens: manual;
}
.action-button,
.action-button:visited {
   border: none;
   box-shadow: none;
   margin: 0.5rem 0;
   font-weight: 700;
   font-size: 1em;
   padding: 0.5em 1.5em;
   border-spacing: unset;
   border-radius: 30px;
   display: inline-block;
   text-align: center;
   position: relative;
   transition: 0.25s ease-in-out;
   color: #050d66;
   background-color: #ff9a35;
}
.action-button:hover {
   border: none;
   font-weight: 700;
   color: #fff;
   background-color: #050d66;
}
.cookie-button.action-button,
.cookie-button.action-button:hover,
.cookie-button.action-button:visited {
   padding: 0.4em 1em;
   font-size: 1em;
   text-transform: none;
   letter-spacing: 0;
}
.cookie-choice-settings .cookie-buttons input {
   font-size: 1em;
   text-transform: none;
   letter-spacing: 0;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
}
.cookie-choices-fixed a {
   background-color: #050d66;
   height: 37px;
   box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
   border-radius: 30px;
}
.cookie-choices-fixed a:hover {
   background: #000;
}
.cookie-choices-fixed a svg path,
.cookie-choices-fixed a:hover svg path,
.gallery .matrix li .vstup svg path {
   fill: #fff;
}
.comments .comment-footer>a:hover,
.system .newsNotificator .action-button,
.system .newsNotificator .action-button:visited {
   background: #050d66;
   color: #fff;
}
.system .newsNotificator .action-button:hover {
   background: #ff9a35;
   color: #fff;
}
strong {
   font-weight: bold;
}
::-moz-selection {
   color: #fff;
   background: #000;
}
::selection {
   color: #fff;
   background: #000;
}
body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
html,
iframe,
object,
p,
span {
   margin: 0;
   padding: 0;
   border: 0;
   vertical-align: baseline;
}
.col-1-1,
.col-1-12,
.col-1-2,
.col-1-3,
.col-1-4,
.col-1-6,
.col-10-12,
.col-11-12,
.col-12-12,
.col-2-12,
.col-2-3,
.col-3-12,
.col-3-4,
.col-4-12,
.col-5-12,
.col-5-6,
.col-6-12,
.col-7-12,
.col-8-12,
.col-9-12,
.row {
   min-height: 1px;
   padding: 0;
}
table {
   border-collapse: collapse;
   border-spacing: 0;
}
html {
   background: none;
}
body {
   line-height: 1.5;
   font-weight: 400;
   font-optical-sizing: auto;
}
#ipocontainer a,
#ipocopyright a {
   -webkit-text-decoration-skip: ink;
   text-decoration-skip-ink: auto;
}
#ipofooter {
   min-height: 0;
}
.subscribe-toolbar .fa {
   margin-top: 4px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
   line-height: 1.25;
   margin-top: 0;
   margin-bottom: 0.5rem;
   font-weight: 700;
   color: #141a61;
}
h1 {
   display: none;
   font-size: 52px;
   margin: 1.5rem 0;
   font-weight: 800;
}
h2,
h3,
h4 {
   font-weight: 700;
}
h2 {
   font-size: 33px;
   margin: 1.2rem 0;
}
h3 {
   font-size: 25px;
   margin: 1.1rem 0;
}
p,
p:last-child {
   margin-bottom: 0.5em;
}
h4 {
   font-size: 1.1em;
}
p {
   line-height: 1.6;
}
.paragraph ul,
.seznam-ikona {
   list-style: none;
   padding-left: 0;
}
.paragraph ul > li,
.seznam-ikona > li {
   margin-bottom: 0.5em;
   font-size: 1em;
   position: relative;
   padding-left: 1.5em;
}
.about-text h2 span,
.food-container .food-link,
.header-logo > strong {
   font-size: 21px;
   letter-spacing: -0.21px;
}
.paragraph ul > li::before,
.seznam-ikona > li::before {
   content: "\f105";
   color: #222;
   position: absolute;
   top: 5px;
   left: 0;
   text-indent: 0;
   display: inline-block;
   font: 14px/1 FontAwesome;
   font-size: inherit;
   text-rendering: auto;
   transform: translate(0, 0);
}
.paragraph ul > ul,
.seznam-ikona > ul {
   padding-left: 2em;
}
.paragraph .ipo-widget[data-mce-fragment],
.subpage-rozcestnik {
   padding: 1em 2em;
   box-shadow: 0 0 40px -20px #000;
   margin: 1em 0;
   border-top: 3px solid #ff9a35;
   background-color: #fff;
}
.ipopagetext {
   padding: 0 0 2rem;
}
.ipopagetext .error {
   padding-top: 1rem;
}
.paragraph .rwd-table table {
   width: 100%;
   margin: 1rem 0;
   border: none;
}
.paragraph .rwd-table table td,
.paragraph .rwd-table table th {
   border: none;
}
.paragraph .rwd-table tr:nth-child(odd) {
   background-color: #ebebeb;
}
.paragraph .rwd-table tr td,
.paragraph .rwd-table tr th {
   padding: 0.5em;
}
.paragraph .rwd-table table.evenWidth td {
   width: auto;
}
#ipopage .content-paginator .paginator-button,
#ipopage .content-paginator .paginator-current,
#ipopage .content-paginator .paginator-separator,
#ipopage .content-paginator .paginator-step {
   border: none;
   border-bottom: 2px solid #050d66;
}
#ipopage .content-paginator .paginator-button {
   max-width: inherit;
}
#ipopage .content-paginator .paginator-next,
#ipopage .content-paginator .paginator-prev,
.gallery .image-thumbnail img,
.image-wrapper,
.image-wrapper .image-inner-wrapper .image-thumbnail,
.image-wrapper .image-inner-wrapper a.image-detail {
   border-radius: 0;
}
#ipopage .content-paginator .paginator-button:hover,
#ipopage .content-paginator .paginator-current,
#ipopage .content-paginator .paginator-step:hover {
   color: #fff;
   background-color: #050d66;
}
#ipomain #ipopage .with-subscribe h1 {
   margin: 0;
   float: none;
}
[data-user-mode] .content.with-subscribe #snippet--toolbar {
   order: -3;
}
.content.with-subscribe {
   display: grid;
   grid-template-columns: 1fr auto;
   align-items: center;
   gap: 0.5em;
}
.content.with-subscribe > h1 {
   order: -2;
}
.about-photos a:first-of-type,
.content.with-subscribe>:not(h1,.subscribe-toolbar) {
   grid-column: 1/-1;
}
[data-user-mode] .ipopagetext .subscribe-toolbar {
   justify-content: flex-end;
}
.ipopagetext .subscribe-toolbar {
   display: flex;
   flex-flow: row wrap;
   justify-content: flex-start;
   gap: 0.5em;
   float: none;
   order: -1;
}
.ipopagetext .subscribe-toolbar .action-button {
   font-size: 1em;
   margin: 0;
   letter-spacing: 0;
   text-transform: none;
}
.ipopagetext .subscribe-toolbar .action-button:nth-of-type(1) {
   order: 1;
}
.article-img--main img {
   width: 250px;
   height: auto;
}
.image-detail[data-caption] {
   -webkit-backface-visibility: hidden;
   -webkit-transform: translateZ(0) scale(1, 1);
   position: relative;
   z-index: 1;
}
.footer-wrapper::before,
.header-inner::before {
   left: 50%;
   transform: translateX(-50%);
   width: 100vw;
   height: 6px;
   background: linear-gradient(to right, #7095c0 0, #7095c0 12.5%, #a6c487 12.5%, #a6c487 25%, #dc8454 25%, #dc8454 37.5%, #efc960 37.5%, #efc960 50%, #7095c0 50%, #7095c0 62.5%, #a6c487 62.5%, #a6c487 75%, #dc8454 75%, #dc8454 87.5%, #efc960 87.5%, #efc960 100%);
   content: "";
}
.contact-link:hover>img,
.image-detail[data-caption]:hover img {
   filter: brightness(0.5);
}
.header-logo img,
.image-detail[data-caption] img {
   transition: 0.25s linear;
}
.rozhlas-container .sms-links a,
.rozhlas-container .sms-links a:visited {
   font-size: 0.9em;
}
.comments > .comment {
   padding: 1.5em;
   margin: 0 0 1.5em;
}
.comments>.comment:last-of-type,
.contact-item p:last-of-type,
.widget-container>p {
   margin-bottom: 0;
}
.comments > .comment.level-0 {
   background: #ebebeb;
}
.comments > .comment.level-1 {
   background: #c4c4c4;
}
.comments > .comment .created {
   display: block;
   position: relative;
   top: auto;
   right: auto;
   text-align: right;
   margin-bottom: 0.5em;
   font-weight: bold;
}
.comments .comment-footer {
   margin-top: 1.3em;
   margin-bottom: 0.7em;
}
.comments .comment-footer > a,
.comments .comment-footer > a:visited {
   display: inline-block;
   text-decoration: none;
   background: #ff9a35;
   color: #fff;
   padding: 0.5em 1em;
   transition: 0.25s linear;
}
.error-page h1,
body.mce-content-body.ipopagetext h1,
body[data-user-mode] h1 {
   display: block;
}
body[data-user-mode] #iponavigation {
   padding: 1rem;
   min-height: auto;
}
.icons .lokace,
.icons a[href^="mailto:"],
.icons a[href^="tel:"] {
   position: relative;
   padding-left: 1.7rem;
}
.icons .lokace::before,
.icons a[href^="mailto:"]::before,
.icons a[href^="tel:"]::before {
   content: " ";
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   left: 0;
   width: 35px;
   height: 35px;
   display: block;
   background-repeat: no-repeat;
   background-position: left center;
   transition: 0.25s linear;
}
.icons-orange a[href^="tel:"]::before {
   background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="19" viewBox="0 0 14 19" fill="none"><g clip-path="url(%23clip0_117_955)"><path d="M8.60035 10.4001C7.40035 12.4001 5.90035 14.4001 5.00035 13.9001C3.60035 13.2001 2.60035 12.5001 0.800348 14.9001C-0.999652 17.3001 1.10035 18.1001 2.50035 18.8001C4.10035 19.6001 8.40035 17.4001 11.5003 11.9001C14.6003 6.60007 14.5003 1.90008 12.9003 1.00008C11.6003 0.300076 9.70035 -1.09992 8.40035 1.60008C7.10035 4.30008 8.30035 4.80008 9.60035 5.50008C10.8003 6.20008 9.80035 8.50008 8.60035 10.4001Z" fill="%23ED6E00"/></g><defs><clipPath id="clip0_117_955"><rect width="14" height="19" fill="white"/></clipPath></defs></svg>');
}
.icons-orange a[href^="mailto:"]::before {
   background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="12" viewBox="0 0 16 12" fill="none"><g clip-path="url(%23clip0_117_959)"><path d="M0.6 1.1C1 1.4 7 5.1 7.2 5.3C7.4 5.4 7.7 5.5 8 5.5C8.3 5.5 8.6 5.4 8.8 5.3C9 5.1 15 1.4 15.4 1.1C15.9 0.9 16.3 0 15.5 0H0.5C-0.3 0 0.1 0.9 0.6 1.1ZM15.7 3.2C15.2 3.5 9.1 7.2 8.8 7.4C8.5 7.6 8.3 7.6 8 7.6C7.7 7.6 7.5 7.6 7.2 7.4C6.9 7.2 0.8 3.5 0.3 3.2C0 3 0 3.2 0 3.4C0 3.6 0 11 0 11C0 11.4 0.5 12 0.9 12H15.1C15.5 12 16 11.4 16 11C16 11 16 3.6 16 3.4C16 3.2 16 3 15.7 3.2Z" fill="%23ED6E00"/></g><defs><clipPath id="clip0_117_959"><rect width="16" height="12" fill="white"/></clipPath></defs></svg>');
}
.icons-ball a[href^="mailto:"],
.icons-ball a[href^="tel:"] {
   position: relative;
   padding-left: 3.75rem;
}
.icons-ball a[href^="mailto:"]::before,
.icons-ball a[href^="tel:"]::before {
   width: 75px;
   height: 75px;
}
.icons-ball a[href^="tel:"]::before {
   background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="59" height="62" viewBox="0 0 59 62" fill="none"><path d="M59 35.8819C59 50.0369 57.4975 62 43 62C28.5025 62 0 57.8479 0 43.6929C0 29.5379 18.2525 0 32.75 0C47.2475 0 59 21.7269 59 35.8819Z" fill="%23FF9A35"/><path d="M32.058 32.6842C30.5152 35.3158 28.5866 37.9474 27.4294 37.2895C25.6294 36.3684 24.3437 35.4474 22.0294 38.6053C19.7152 41.7632 22.4152 42.8158 24.2152 43.7368C26.2723 44.7895 31.8009 41.8947 35.7866 34.6579C39.7723 27.6842 39.6437 21.5 37.5866 20.3158C35.9152 19.3947 33.4723 17.5526 31.8009 21.1053C30.1294 24.6579 31.6723 25.3158 33.3437 26.2368C34.8866 27.1579 33.6009 30.1842 32.058 32.6842Z" fill="%23050D66"/></svg>');
}
#ipofooter,
#ipomain,
#ipomain>div,
#page12722920 #ipocontainer,
#page12722920 #ipomain,
#page12722920 #ipomain>div,
#page12722920 .content {
   max-width: 100%;
   width: 100%;
}
#iponavigation p,
#ipotopmenu,
.content,
.error,
.layout-container {
   max-width: 1264px;
   width: 100%;
   margin-inline: auto;
}
.flex-container {
   display: flex;
   flex-flow: row wrap;
}
.grid-container {
   display: grid;
}
.error-page #ipoheader {
   min-height: 12rem;
}
#ipoheader {
   max-width: 100%;
   min-height: 14em;
}
#ipoheader .header-links a:not(.action-button),
.blog.view-archives .article h2 a,
.blog.view-default .article h2 a {
   text-decoration: underline;
}
.header-container {
   background-color: #fff;
   overflow-x: clip;
}
.header-inner {
   position: relative;
   justify-content: space-between;
   padding: 0.85rem 0 4.5rem;
}
.header-inner::before {
   position: absolute;
   z-index: 2;
   bottom: 0;
}
.header-logo {
   position: relative;
   z-index: 1;
   display: flex;
   width: -moz-fit-content;
   width: fit-content;
}
.header-logo > strong {
   margin-top: 0.75rem;
   padding-left: 0.5rem;
   color: #ed6e00;
   font-weight: 800;
   line-height: 30px;
}
.header-logo > strong span:first-of-type {
   display: block;
   color: #141a61;
   font-size: 33px;
   font-weight: 800;
   line-height: 40px;
   letter-spacing: -0.66px;
}
.header-logo > strong span:nth-of-type(2) {
   display: block;
   font-size: 33px;
   letter-spacing: -0.66px;
}
.header-logo:hover img {
   filter: grayscale(1);
}
.header-links a {
   position: relative;
   z-index: 1;
}
.header-links {
   margin-top: 0.75rem;
   align-items: center;
   gap: 9.25rem;
   height: -moz-fit-content;
   height: fit-content;
}
.header-links a,
.header-links a:hover,
.header-links a:visited {
   color: #141a61;
   font-weight: 700;
}
.header-links a.action-button {
   margin: 0;
   padding: 0.85rem 1.95rem;
}
#ipocopyright .action-button:hover,
.header-links a.action-button:hover {
   color: #fff;
}
.hp-bg {
   position: absolute;
   inset: 0;
   top: 11.5rem;
   z-index: -5;
   display: flex;
   width: 100%;
   height: -moz-fit-content;
   height: fit-content;
}
.hp-bg img {
   width: 100%;
   -o-object-fit: cover;
   object-fit: cover;
}
#ipotopmenuwrapper #ipotopmenu ul.topmenulevel3,
#ipotopmenuwrapper #ipotopmenu ul.topmenulevel4,
#page12722920 .hrclear,
#ui-datepicker-div.ui-datepicker .ui-datepicker-header a>span,
.gallery.view-detail>hr.cleaner,
.sub-bg {
   display: none;
}
#ipotopmenuwrapper {
   position: absolute;
   top: 8.5rem;
   z-index: 10;
}
#ipotopmenuwrapper ul.topmenulevel1 {
   position: relative;
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   padding-inline: 2.5rem;
}
#ipotopmenuwrapper ul.topmenulevel1 li.noborder,
#ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1 {
   height: auto!important;
   line-height: inherit;
   font-weight: 400;
   position: static;
   display: block;
   border-left: none;
   transition: 0.25s linear;
}
#ipotopmenuwrapper ul.topmenulevel1 li.noborder.active > a,
#ipotopmenuwrapper ul.topmenulevel1 li.noborder:hover > a,
#ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1.active > a,
#ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1:hover > a {
   color: #de331f;
}
#ipotopmenuwrapper ul.topmenulevel1 li.noborder.active .open-submenu:before,
#ipotopmenuwrapper ul.topmenulevel1 li.noborder:hover .open-submenu:before,
#ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1.active .open-submenu:before,
#ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1:hover .open-submenu:before {
   transform: rotate(0);
}
#ipotopmenuwrapper ul.topmenulevel1 li.noborder.active .open-submenu.see-more:before,
#ipotopmenuwrapper ul.topmenulevel1 li.noborder:hover .open-submenu.see-more:before,
#ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1.active .open-submenu.see-more:before,
#ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1:hover .open-submenu.see-more:before {
   transform: rotate(180deg);
}
#ipotopmenuwrapper ul.topmenulevel1 li.noborder > a,
#ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1 > a {
   position: relative;
   color: #141a61;
   font-size: 21px;
   font-weight: 800;
   letter-spacing: -0.21px;
   text-align: center;
   padding: 0 0 1.5rem;
   transition: 0.25s linear;
}
#ipotopmenuwrapper ul.topmenulevel2 {
   top: auto;
   border: none;
   padding: 1.1rem 1rem;
   right: 0;
   left: 0;
   width: auto;
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   margin-top: 0;
   z-index: 1;
   box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.2);
   background: #fff;
   border-radius: 0;
}
#ipotopmenuwrapper ul.topmenulevel2::before {
   content: "";
   display: block;
   position: absolute;
   left: 0;
   right: 0;
   top: -0.9rem;
   height: 1rem;
   z-index: -1;
}
#ipotopmenuwrapper ul.topmenulevel2 li.topmenuitem2 {
   margin: 0;
   padding: 3px;
   font-weight: 400;
   display: block;
   background-color: transparent;
}
#ipotopmenuwrapper ul.topmenulevel2 li.topmenuitem2:last-child > a {
   border-bottom: none;
}
#ipotopmenuwrapper ul.topmenulevel2 li.topmenuitem2 a:hover,
#ipotopmenuwrapper ul.topmenulevel2 li.topmenuitem2.active>a,
.contact-link:hover>.action-button {
   color: #fff;
   background: #050d66;
}
#ipotopmenuwrapper ul.topmenulevel2 li.topmenuitem2 > a {
   display: grid;
   align-items: center;
   font-weight: 400;
   text-align: left;
   padding: 0.7em 0.9em;
   font-size: 0.95em;
   border-bottom: none;
   margin: 0;
   color: #000;
   background: #fff;
   box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.2);
}
#ipocopyright {
   padding: 0;
   text-align: left;
   color: #000;
   margin-top: 2rem;
}
#ipocopyright .action-button.action-button-blue {
   color: #050d66;
   background-color: transparent;
   border: 2px solid #141a61;
}
.about-photos img,
.contact-box,
.contact-item,
.food-container,
.links-inner,
.widget-link {
   border-radius: 20px;
}
#ipocopyright .action-button.action-button-blue:hover,
.footer-link:hover .action-button {
   color: #fff;
   background-color: #141a61;
}
.copyright {
   padding: 0;
   font-size: 1rem;
}
.footer-wrapper {
   position: relative;
   z-index: 1;
   background: #fff6f0;
}
.footer-wrapper::before {
   position: absolute;
   z-index: -1;
   top: 0;
}
.footer-container {
   padding: 2.5rem 0;
}
.footer-container > p {
   color: #050d66;
   font-size: 33px;
   font-weight: 800;
   letter-spacing: -0.66px;
   margin-bottom: 1.5rem;
}
.copy,
.footer-info p {
   font-weight: 300;
   line-height: 30px;
}
.footer-info {
   gap: 1rem;
   grid-template-columns: 21% 35% auto;
}
.footer-info p:first-of-type {
   margin-bottom: 3.5rem;
}
.about-text .action-button,
.footer-info .action-button {
   margin: 0;
   padding: 0.8rem 2rem;
}
.footer-link {
   display: flex;
   position: relative;
   width: -moz-fit-content;
   width: fit-content;
   margin: -3rem 0 0 7rem;
}
.footer-link .action-button {
   position: absolute;
   bottom: -0.1rem;
   left: -6.5rem;
}
.copy {
   padding: 1.8rem 0;
}
#page12722920 .ipopagetext {
   padding: 0;
   background-color: transparent;
}
#page12722920 #ipoheader {
   min-height: 21.25rem;
}
.title-container {
   margin-bottom: 22.75rem;
}
.title-container h1 {
   display: block;
   margin: 0;
   width: 26rem;
   line-height: 54px;
   letter-spacing: -1.56px;
}
.spliter-container {
   gap: 4rem;
   grid-template-columns: 62.5% auto;
   margin-bottom: 6.75rem;
}
.widget-container {
   height: -moz-fit-content;
   height: fit-content;
}
.widget-container h2 {
   margin: 0 0 1.25rem;
   letter-spacing: -0.66px;
}
.info-container {
   background: #fff6f0;
   padding-bottom: 3rem;
   margin-bottom: 5.35rem;
}
.info-container h2 {
   position: relative;
   z-index: 1;
   letter-spacing: -0.66px;
   width: -moz-fit-content;
   width: fit-content;
   margin: 0 auto 5rem;
}
.info-container p,
.widget-title {
   font-size: 24px;
   letter-spacing: -0.24px;
   font-weight: 800;
   color: #141a61;
}
.info-container h2::before {
   content: " ";
   position: absolute;
   z-index: -1;
   inset: 50%;
   transform: translate(-51%, -56%);
   width: 334px;
   height: 164px;
   background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="334" height="164" viewBox="0 0 334 164" fill="none"><path d="M332.858 75.5472C337.589 110.697 287.563 148.388 200.221 160.143C133.974 169.058 6.61841 160.605 0.330111 113.879C-7.02111 59.2551 110.246 8.57019 161.342 1.69374C247.348 -9.88065 328.128 40.3975 332.858 75.5472Z" fill="%23FFDC78"/></svg>');
}
.info-container p {
   line-height: 30px;
   width: 30.5rem;
   margin: 0 auto;
}
.info-inner {
   position: relative;
}
.info-inner::before {
   content: " ";
   position: absolute;
   z-index: 0;
   top: 2.5rem;
   left: 50%;
   transform: translateX(-314%);
   width: 186px;
   height: 186px;
   background-size: contain;
   background-repeat: no-repeat;
   background-image: url(/image.php?nid=21780&oid=13023686);
}
.widget_body {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   gap: 21px;
}
.widget-link {
   position: relative;
   display: flex;
   gap: 0.75rem;
   padding: 3.75rem 1.725rem 2.5rem;
   flex-direction: column;
   background: #fff6f0;
   color: #141a61;
   transition: 0.25s linear;
}
.gallery .matrix .title,
.widget-text,
.widget-title {
   display: -webkit-box;
   -webkit-box-orient: vertical;
   overflow: hidden;
}
.widget-link:hover {
   background: #ff9a35;
}
.widget-link::before {
   content: " ";
   position: absolute;
   top: 1.75rem;
   left: 1.75rem;
   z-index: 1;
   width: 63px;
   height: 9px;
   background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="63" height="9" viewBox="0 0 63 9" fill="none"><circle cx="4.5" cy="4.5" r="4.5" fill="%23FFD9D9"/><circle cx="31.5" cy="4.5" r="4.5" fill="%23FFD9D9"/><circle cx="58.5" cy="4.5" r="4.5" fill="%23FFD9D9"/></svg>');
}
.widget-title {
   -webkit-line-clamp: 2;
   text-decoration: underline;
}
.widget-text {
   -webkit-line-clamp: 2;
   color: #000;
   font-weight: 300;
   line-height: 30px;
}
.widget-date {
   position: relative;
   color: #050d66;
   font-weight: 700;
}
.widget-container > p .action-button {
   margin: 1.25rem 0 0;
   padding: 0.85rem 2rem;
}
.food-container {
   margin-top: 0.75rem;
   padding: 1.25rem;
   background: #ffdc78;
}
.food-container h2 {
   letter-spacing: -0.66px;
   margin-bottom: 2.75rem;
}
.food-container .food-link {
   display: block;
   width: -moz-fit-content;
   width: fit-content;
   font-weight: 800;
   margin-bottom: 1.5rem;
}
.food-container p > .action-button {
   margin: 2.25rem 0 0;
   padding: 0.8rem 2.15rem;
}
.about-container {
   grid-template-columns: 49.5% 1fr;
   gap: 1rem;
   margin-bottom: 4rem;
}
.about-text {
   position: relative;
   margin-top: 6rem;
}
.about-text h2 {
   width: 16rem;
   margin: 0 0 4.25rem;
   color: #ed6e00;
   font-size: 52px;
   font-weight: 800;
   line-height: 54px;
   letter-spacing: -1.56px;
}
.about-text p,
.contact-box p,
.contact-item p,
.contact-text > p {
   line-height: 30px;
   font-weight: 300;
}
.about-text h2 span {
   display: block;
   color: #141a61;
   font-weight: 800;
   line-height: 26px;
}
.about-text p {
   padding-right: 4rem;
   margin-bottom: 1.75rem;
}
.about-photos {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 0.8rem;
   height: -moz-fit-content;
   height: fit-content;
}
.about-photos img {
   width: 305px;
   height: 306px;
   -o-object-fit: cover;
   object-fit: cover;
}
.about-photos a {
   display: flex;
   width: -moz-fit-content;
   width: fit-content;
   height: -moz-fit-content;
   height: fit-content;
}
.about-photos a:first-of-type img {
   width: 620px;
   height: 399px;
}
.links-inner {
   display: flex;
   align-items: center;
   padding: 1rem 2rem;
   gap: 9.25rem;
   margin: 0 10rem 2.25rem;
   background: #f6f6f6;
}
.links-inner a {
   display: grid;
   width: -moz-fit-content;
   width: fit-content;
   gap: 0.25rem;
}
.links-inner a span {
   font-style: normal;
   font-weight: 700;
}
#page12928019 #frm-form {
   position: relative;
   margin: 6.25rem 0 1rem;
}
#page12928019 #frm-form .form-vertical {
   position: relative;
   padding: 6rem 2rem 2rem;
   margin: 0;
}
#page12928019 #frm-form .form-vertical:before {
   content: "Kontaktní formulář";
   position: absolute;
   top: 2rem;
   color: #141a61;
   font-size: 33px;
   font-weight: 800;
   letter-spacing: -0.66px;
}
#page12928019 #frm-form .form-item-label,
#page12928019 #frm-form .form-item.buttons,
[data-user-mode] .add-image {
   margin: 0;
}
#page12928019 #frm-form .action-button {
   margin: 0;
   padding: 0.8rem 1.25rem;
}
.contact-container {
   position: relative;
   z-index: 1;
   display: grid;
   gap: 0 1rem;
   grid-template-columns: 33% 32% auto;
   margin-bottom: 5.65rem;
}
.contact-container > h2 {
   letter-spacing: -0.66px;
   margin: 0 0 2.75rem;
   grid-column: 1/-1;
}
.contact-box h3,
.contact-item h3 {
   font-size: 24px;
   letter-spacing: -0.24px;
}
.contact-text > p {
   margin-bottom: 0.3rem;
}
.contact-text > p:nth-of-type(2) {
   margin-bottom: 1.5rem;
}
.contact-text > p:nth-of-type(2) a,
.contact-text > p:nth-of-type(2) a:hover,
.contact-text > p:nth-of-type(2) a:visited {
   color: #050d66;
   font-weight: 700;
}
.contact-text > p:nth-of-type(4) {
   margin-bottom: 2.25rem;
}
.contact-box {
   padding: 1.5rem 1.5rem 0.75rem;
   background: #fff6f0;
   margin-bottom: 1rem;
}
.contact-box h3 {
   margin: 0 0 1rem;
}
.contact-box p,
.contact-item p {
   margin-bottom: 1rem;
}
.contact-link {
   position: relative;
   display: flex;
   width: -moz-fit-content;
   width: fit-content;
}
.contact-link > img {
   border-radius: 25px;
   transition: 0.25s linear;
}
.contact-link > .action-button {
   position: absolute;
   z-index: 5;
   margin: 0;
   width: -moz-fit-content;
   width: fit-content;
   left: 3.5rem;
   bottom: -1.5rem;
   padding: 0.8rem 2rem;
}
.contact-grid {
   position: relative;
   gap: 31px;
   grid-template-columns: repeat(3, 1fr);
}
.contact-item {
   padding: 2.6rem 1.6rem;
   background: #fff6f0;
}
.contact-item h3 {
   margin: 0 0 1.5rem;
}
#iponavigation {
   position: relative;
   margin: -2.2rem 0 3.25rem;
   padding: 3em 0 3.25rem;
   min-height: 11rem;
}
#iponavigation h1 {
   display: block;
   margin: 0 0 0.25rem;
   letter-spacing: -1.56px;
}
#iponavigation img {
   position: absolute;
   z-index: -1;
   inset: 0;
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
}
#iponavigation p {
   color: #141a61;
   font-weight: 300;
   padding: 0;
}
#iponavigation a,
#iponavigation a:visited {
   color: #141a61;
   text-decoration: underline;
}
#iponavigation a:hover {
   color: #141a61;
   text-decoration: none;
}
#iponavigation .separator {
   margin: 0 7px;
   position: relative;
   padding: 0;
   width: 6px;
   text-indent: -2000em;
   display: inline-block;
}
#iponavigation .separator::before {
   content: "/";
   color: #141a61;
   position: absolute;
   inset: 0;
   text-indent: 0;
   font-size: 18px;
   font-weight: 300;
}
#iponavigation .currentPage {
   color: #141a61;
}
input,
select,
textarea {
   border: 2px solid transparent;
   background: #f5f5f5;
   color: #000;
   transition: 0.25s linear;
}
select {
   border: 1px solid #000;
}
form .form-vertical {
   background: #fff6f0;
   padding: 1.5rem 1rem;
   margin: 2rem 0;
   border-radius: 20px;
}
form .form-vertical .form-item .form-item-field > * {
   padding: 0.5em 1em;
}
form .form-vertical .form-item .form-item-field > select {
   background-color: #fff;
}
form .form-vertical .form-item .form-item-field > textarea,
form .form-vertical .form-item .form-item-field input:not([type=submit]) {
   background-color: #fff;
   border-radius: 20px;
}
form .form-vertical .form-item .form-item-field > textarea:focus,
form .form-vertical .form-item .form-item-field input:not([type=submit]):focus {
   border: 2px solid #000;
}
form .form-vertical .form-item .form-item-field > textarea {
   height: 8em;
   resize: none;
}
form .form-vertical .form-item .form-item-field > input[type=submit] {
   padding: 0.75rem 1.5rem;
   margin-top: 1rem;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
}
form .form-vertical .form-item .form-item-field > input[type=submit]:hover {
   background: #050d66;
}
form .form-vertical .form-item {
   color: #000;
   margin-bottom: 1rem;
}
.form-item .form-item-label label .meta,
form .form-vertical .approval a,
form .form-vertical .approval a:hover,
form .form-vertical .approval a:visited,
form .form-vertical .form-item a,
form .form-vertical .form-item a:hover,
form .form-vertical .form-item a:visited {
   color: #000;
}
form .form-vertical .form-item.recaptcha {
   width: 100%;
}
#ui-datepicker-div.ui-datepicker .ui-datepicker-calendar thead tr,
form .form-vertical .form-item.recaptcha .g-recaptcha>div {
   padding: 0;
}
form .form-vertical .approval {
   margin: 1rem 0;
   font-weight: 400;
   font-size: 1em;
   clear: both;
   color: #000;
   position: relative;
}
form .form-vertical .approval:after {
   content: ".";
   display: inline-block;
}
.blog.view-archives .articles,
.blog.view-default .articles {
   margin: 1rem 0;
}
.blog.view-archives .article,
.blog.view-default .article {
   width: 100%;
   padding: 0 1rem 1rem;
   margin-bottom: 1.25rem;
   border-radius: 0;
   border-top: 5px solid #ff9a35;
   transition: 0.25s linear;
}
.blog.view-archives .article > *,
.blog.view-default .article > * {
   word-break: break-word;
}
.blog.view-archives .article:hover,
.blog.view-default .article:hover {
   box-shadow: 0 0 5px -5px;
   border-top: 5px solid #ff9a35;
}
.blog.view-archives .article h2,
.blog.view-default .article h2 {
   font-size: 1.3rem;
   margin: 1.2rem 0;
   letter-spacing: 0;
   min-height: auto;
}
.blog.view-archives .article h2 a:hover,
.blog.view-default .article h2 a:hover {
   opacity: 1;
   text-decoration: none;
}
.blog.view-archives .article .morelink,
.blog.view-default .article .morelink {
   display: inline-block;
}
.blog.view-archives > p,
.blog.view-default > p {
   min-height: 6rem;
}
.noticeBoardOverview-item h2 {
   font-size: 1.3em;
}
table.datagrid span.positioner {
   margin-top: 5px;
}
.noticeBoard .last-updated {
   margin: 1em 0;
   float: none;
   text-align: right;
}
#ui-datepicker-div.ui-datepicker {
   width: 20em;
   border: none;
   padding: 1em;
   border-radius: 0;
   background: #fff;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
#ui-datepicker-div.ui-datepicker .ui-datepicker-header {
   width: 100%;
   display: block;
   margin: 0;
   padding: 0.3em 0 1em;
   background: none;
   border-radius: 0;
   border: none;
   position: relative;
}
#ui-datepicker-div.ui-datepicker .ui-datepicker-header a {
   top: 5px;
   width: 35px;
   height: 35px;
   border-radius: 50%;
   background: none;
   border: none;
   cursor: pointer;
   position: absolute;
   transition: 0.25s linear;
}
#ui-datepicker-div.ui-datepicker .ui-datepicker-header a:before {
   content: "";
   width: 0.6rem;
   height: 0.6rem;
   border-bottom: 3px solid #000;
   border-left: 3px solid #000;
   display: block;
   position: absolute;
   top: 0.67em;
   transition: 0.25s linear;
}
#ui-datepicker-div.ui-datepicker .ui-datepicker-header a:hover {
   border: none;
   background: #000;
}
#ui-datepicker-div.ui-datepicker .ui-datepicker-header a:hover:before {
   border-bottom: 3px solid #fff;
   border-left: 3px solid #fff;
}
#ui-datepicker-div.ui-datepicker .ui-datepicker-header a:first-of-type {
   float: none;
   margin-left: 0;
   left: auto;
   right: 2.5em;
}
#ui-datepicker-div.ui-datepicker .ui-datepicker-header a:first-of-type:before {
   left: 14px;
   transform: rotate(45deg);
}
#ui-datepicker-div.ui-datepicker .ui-datepicker-header a:last-of-type {
   float: none;
   margin-right: 0;
   right: 0;
}
#ui-datepicker-div.ui-datepicker .ui-datepicker-header a:last-of-type:before {
   right: 14px;
   transform: rotate(-135deg);
}
#ui-datepicker-div.ui-datepicker .ui-datepicker-calendar {
   max-width: 100%;
   margin: 0;
   padding: 0;
   font-size: 0.9em;
   border: none;
}
#ui-datepicker-div.ui-datepicker .ui-datepicker-calendar tr {
   display: flex;
   flex-flow: row wrap;
   justify-content: space-between;
   padding: 0;
}
#ui-datepicker-div.ui-datepicker .ui-datepicker-calendar th {
   width: 30px;
   height: auto;
   font-size: 1em;
   color: #000;
   font-weight: 700;
   float: left;
   padding: 0;
   text-align: center;
}
#ui-datepicker-div.ui-datepicker .ui-datepicker-calendar thead {
   border-top: none;
   background: none;
}
#ui-datepicker-div.ui-datepicker .ui-datepicker-calendar tbody {
   border-bottom: 15px solid transparent;
}
#ui-datepicker-div.ui-datepicker .ui-datepicker-calendar td {
   border: none;
   float: left;
   padding: 0;
   font-size: 1em;
   margin-top: 0.2em;
}
#ui-datepicker-div.ui-datepicker .ui-datepicker-calendar td span {
   margin: 0.2em 0;
   color: #000;
   font-size: 1em;
   font-weight: 400;
}
#ui-datepicker-div.ui-datepicker .ui-datepicker-calendar .ui-state-active:hover,
#ui-datepicker-div.ui-datepicker .ui-datepicker-calendar td:hover span,
#ui-datepicker-div.ui-datepicker .ui-state-default.holiday:hover,
#ui-datepicker-div.ui-datepicker .ui-widget-content .ui-state-default.holiday:hover,
#ui-datepicker-div.ui-datepicker .ui-widget-header .ui-state-default.holiday:hover {
   border: 3px solid #000;
   background: #000;
   color: #fff;
}
#ui-datepicker-div.ui-datepicker .blog-cal.ui-datepicker .ui-datepicker-calendar .ui-state-highlight.ui-state-active,
#ui-datepicker-div.ui-datepicker .ui-datepicker-calendar .ui-state-active {
   background: none;
   font-weight: 700;
   color: #000;
   border: 3px solid #000;
   box-shadow: none;
}
#ui-datepicker-div.ui-datepicker .ui-state-default,
#ui-datepicker-div.ui-datepicker .ui-widget-content .ui-state-default,
#ui-datepicker-div.ui-datepicker .ui-widget-header .ui-state-default {
   border: 3px solid transparent;
   background: 0 0;
   font-weight: 400;
   color: #000;
   width: 30px;
   height: 30px;
   border-radius: 0;
   font-size: 1em;
   padding: 0.3em;
   display: flex;
   align-items: center;
   justify-content: center;
   transition: 0.25s linear;
}
#ui-datepicker-div.ui-datepicker .ui-state-default.holiday,
#ui-datepicker-div.ui-datepicker .ui-widget-content .ui-state-default.holiday,
#ui-datepicker-div.ui-datepicker .ui-widget-header .ui-state-default.holiday {
   border: 3px solid #ebebeb;
   background: #ebebeb;
   color: #000;
}
#ui-datepicker-div.ui-datepicker .ui-datepicker-buttonpane .ui-state-default {
   font-size: 0.9em;
   padding: 0;
   font-weight: 700;
   text-decoration: underline;
   background: none;
   color: #000;
}
#ui-datepicker-div.ui-datepicker .ui-datepicker-buttonpane .ui-state-default:hover {
   font-weight: 700;
   text-decoration: none;
   background: none;
   color: #000;
}
#ui-datepicker-div.ui-datepicker .ui-datepicker td a,
#ui-datepicker-div.ui-datepicker .ui-datepicker td span {
   text-align: center;
}
#ui-datepicker-div.ui-datepicker a:hover {
   border: 3px solid #000;
   background: #000;
   color: #fff;
   text-decoration: none;
}
#ui-datepicker-div.ui-datepicker .ui-datepicker-title {
   margin: 0;
   font-size: 1.1em;
   color: #000;
   font-weight: 700;
   text-align: left;
   font-family: "Plus Jakarta Sans",sans-serif;
}
ul.albums.matrix {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;
   gap: 1em;
   margin-top: 1em;
}
.gallery .matrix,
.gallery .matrix li {
   border-radius: 0;
   margin: 0;
}
.gallery .matrix .title {
   text-overflow: ellipsis;
   -webkit-line-clamp: 4;
   min-height: auto;
   font-size: 1.25em;
   line-height: 1.25;
   color: #fff;
   font-weight: 700;
   text-align: center;
   padding: 0 2.2em;
   position: absolute;
   bottom: 1em;
   left: 0;
   right: 0;
   z-index: 2;
   transition: 0.25s linear;
}
.gallery .matrix .title a {
   padding: 0;
   text-decoration: none;
}
.gallery .matrix li {
   display: block;
   padding: 0;
   background: none;
   box-shadow: none;
   width: auto;
   position: relative;
   overflow: hidden;
   transition: 0.25s linear;
   min-height: 300px;
}
.gallery .matrix li:hover {
   background: #ff9a35;
   box-shadow: none;
}
.gallery .matrix li:hover .vstup,
.gallery .matrix li:hover:before {
   opacity: 1;
}
.gallery .matrix li:hover .title {
   transform: translateY(-35px);
}
.gallery .matrix li .vstup:after,
.gallery .matrix li .vstup:before {
   width: 25%;
   height: 1px;
   background: #fff;
   display: block;
   top: 50%;
   transform: translateY(-50%);
   content: "";
   position: absolute;
}
.gallery .matrix li:hover > a:not(.link__wrapper) img {
   filter: brightness(0.45);
}
.gallery .matrix li:before {
   content: "";
   width: 87%;
   height: 75%;
   border: 1px solid #fff;
   border-bottom: none;
   display: block;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   z-index: 1;
   opacity: 0;
   transition: 0.25s linear;
}
.gallery .matrix li > a:not(.link__wrapper) {
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
}
.gallery .matrix li > a:not(.link__wrapper) img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   display: block;
   filter: brightness(0.5);
   transition: 0.25s linear;
}
.gallery .matrix li .vstup {
   width: 87%;
   margin: 0 auto;
   color: #fff;
   font-size: 17px;
   position: absolute;
   bottom: 1.5em;
   left: 0;
   right: 0;
   opacity: 0;
   text-align: center;
   transition: 0.25s linear;
}
.gallery .matrix li .vstup:before {
   left: 0;
}
.gallery .matrix li .vstup:after {
   right: 0;
}
.gallery .matrix li .vstup svg {
   display: inline-block;
   margin-left: 0.5em;
}
.gallery .matrix .link__wrapper {
   display: block;
   margin: -2000px;
   padding: 2000px;
   position: absolute;
   z-index: 3;
   text-decoration: none;
}
.images .image-wrapper .image-controls {
   padding: 0.3em 0.6em 0.4em;
}
body[data-user-mode] .image-wrapper {
   box-shadow: 1px 1px 16px -4px #888;
   padding-bottom: 0.6em!important;
}
body[data-user-mode] .image-wrapper .image-inner-wrapper .image-description {
   display: block;
   padding-bottom: 0;
   color: #000;
}
body[data-user-mode] .image-wrapper .image-inner-wrapper.with-description {
   padding-bottom: 2em;
}
.image-wrapper .image-inner-wrapper.with-description {
   padding-bottom: 0;
}
.images {
   display: grid;
   align-items: flex-start;
   grid-template-columns: 19.94% 19.94% 19.94% 19.94% 19.94%;
   gap: 1px;
   margin: 1em 0;
}
.subsite-images {
   margin: 1.5em 0;
}
.subsite-images img {
   width: 100%;
   height: 200px;
   display: block;
   -o-object-fit: cover;
   object-fit: cover;
}
[data-user-mode] .images {
   gap: 0.5em;
}
.image-wrapper {
   box-shadow: none;
   margin: 0!important;
   padding: 0!important;
   float: none;
}
.image-wrapper .image-inner-wrapper .image-thumbnail {
   width: auto!important;
   height: auto!important;
}
.image-wrapper .image-inner-wrapper a.image-detail {
   display: block;
   overflow: inherit;
   position: relative;
   transition: 0.25s linear;
}
.image-wrapper .image-inner-wrapper a.image-detail:before {
   content: "";
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, 0.4);
   display: none;
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   opacity: 0;
   z-index: 1;
   transition: 0.25s linear;
}
.image-wrapper .image-inner-wrapper a.image-detail:after {
   content: "";
   width: 100%;
   height: 100%;
   background: linear-gradient(0deg, rgba(0, 0, 0, 0.99) 0, rgba(0, 0, 0, 0) 100%);
   opacity: 0.702;
   display: none;
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
}
.image-wrapper .image-inner-wrapper a.image-detail img {
   width: 100%;
   height: 200px;
   display: block;
   margin: 0!important;
   -o-object-fit: cover;
   object-fit: cover;
}
.image-wrapper .image-inner-wrapper .image-description {
   display: none;
   width: 100%!important;
   padding: 1em;
   font-size: 1em;
   color: #fff;
   text-align: center;
}
.image-wrapper .image-inner-wrapper a:hover.image-detail,
.image-wrapper .image-inner-wrapper a:hover.image-detail:before {
   opacity: 1;
}
#ipopage .content-paginator {
   font-size: 0.75em;
}
@media only screen and (max-width: 1600px) {
   h1 {
      font-size: 50px;
   }
   .hp-bg img {
      height: 36rem;
   }
   #page12722920 #ipoheader {
      min-height: 17rem;
   }
   .title-container {
      margin-bottom: 17rem;
   }
   #iponavigation {
      margin: -2.2rem 0 2rem;
      padding: 2rem 0 1rem;
      min-height: 10rem;
   }
}
@media only screen and (max-width: 1280px) {
   .contact-grid,
   ul.albums.matrix {
      grid-template-columns: 1fr 1fr;
   }
   h1 {
      font-size: 40px;
   }
   #page12928019 #frm-form .form-vertical:before,
   h2 {
      font-size: 30px;
   }
   #iponavigation p,
   #ipotopmenu,
   .content,
   .error,
   .layout-container {
      max-width: 988px;
   }
   .error-page #ipoheader {
      min-height: 10rem;
   }
   .header-logo img {
      width: auto;
      height: 6rem;
   }
   .header-links {
      gap: 2.35rem;
   }
   .hp-bg img {
      height: 25rem;
   }
   #ipotopmenuwrapper ul.topmenulevel1 {
      padding-inline: 2rem;
   }
   #ipotopmenuwrapper ul.topmenulevel2 {
      padding: 0.8rem;
      grid-template-columns: repeat(2, 1fr);
   }
   #ipotopmenuwrapper ul.topmenulevel2 li.topmenuitem2 > a {
      padding: 0.7em;
      font-size: 0.945em;
   }
   .footer-link {
      margin-left: 2rem;
   }
   .about-photos a:first-of-type img,
   .about-photos img,
   .footer-link img {
      width: 100%;
      height: auto;
   }
   .footer-link .action-button {
      left: -2rem;
   }
   #page12722920 #ipoheader {
      min-height: 14rem;
   }
   .title-container {
      margin-bottom: 10rem;
   }
   .info-container,
   .spliter-container {
      margin-bottom: 4rem;
   }
   .spliter-container {
      gap: 2rem;
   }
   .widget-container h2 {
      margin-bottom: 2rem;
   }
   .info-inner::before {
      transform: translateX(-261%);
   }
   .widget-link {
      padding: 2rem 1rem 1rem;
   }
   .widget-link::before {
      top: 1rem;
      left: 1rem;
   }
   .widget-text,
   .widget-title {
      font-size: 1rem;
   }
   .food-container h2 {
      margin: 0 0 1rem;
   }
   .food-container p > .action-button {
      margin: 1rem 0 0;
   }
   .about-container {
      margin-bottom: 3rem;
   }
   .about-text {
      margin-top: 3rem;
   }
   .about-text h2 {
      line-height: 1.15;
      font-size: 1.75rem;
      margin: 0 0 2rem;
   }
   .about-text p {
      padding-right: 2rem;
      margin-bottom: 1rem;
   }
   #page12928019 #frm-form {
      margin: 3rem 0 1rem;
   }
   .contact-container > h2 {
      margin: 0 0 1.5rem;
   }
   .contact-link > img {
      width: 100%;
      -o-object-fit: cover;
      object-fit: cover;
   }
   .contact-link > .action-button {
      left: 2rem;
      padding: 0.8rem 1rem;
   }
   .contact-grid {
      gap: 1rem;
   }
   .contact-item {
      padding: 1.5rem;
   }
   .contact-item:last-of-type {
      grid-column: 1/-1;
   }
   #iponavigation {
      padding: 2em 0 1em;
      min-height: 8rem;
   }
   #ui-datepicker-div.ui-datepicker .ui-datepicker-calendar th {
      width: 33px;
      font-size: 0.9em;
   }
   #ui-datepicker-div.ui-datepicker .ui-datepicker-calendar td span {
      font-size: 0.9em;
   }
   #ui-datepicker-div.ui-datepicker .ui-state-default,
   #ui-datepicker-div.ui-datepicker .ui-widget-content .ui-state-default,
   #ui-datepicker-div.ui-datepicker .ui-widget-header .ui-state-default {
      width: 25px;
      height: 25px;
      padding: 3px;
   }
}
@media only screen and (max-width: 1024px) {
   .leftFloat,
   .rightFloat {
      margin-bottom: 0.5em;
      float: none;
      display: block;
   }
   #back-to-top,
   .menu-toggler:hover {
      background-color: #050d66;
   }
   .about-text p,
   .contact-item p,
   .copy,
   .footer-info p,
   .info-container p,
   .title-container h1 {
      line-height: 1.5;
   }
   #ipoheader,
   #iponavigation {
      min-height: auto;
   }
   h1 {
      font-size: 1.5em;
      display: block;
      margin: 1rem 0;
   }
   .noticeBoardOverview-item h2,
   h2 {
      font-size: 1.25em;
   }
   h3 {
      font-size: 1.15em;
   }
   h4 {
      font-size: 1em;
   }
   #ipopage,
   #page12722920 #ipopage,
   .footer-container,
   .ipopagetext {
      padding: 0;
   }
   .ipopagetext .error {
      padding-top: 0;
   }
   .ipopagetext .subscribe-toolbar {
      justify-content: flex-end;
      grid-column: auto;
   }
   .leftFloat {
      margin-right: 0;
   }
   .rightFloat {
      margin-left: 0;
   }
   #ipopage .noticeBoard table.datagrid .grid-info select,
   .image-detail[data-caption] {
      display: inline-block;
   }
   .rozhlas-banner-container {
      bottom: 2.5rem;
      right: 4rem;
      max-width: inherit;
   }
   .rozhlas-banner-container .rozhlas-banner__icon {
      padding: 0.35em 0.7em;
      border-radius: 0;
      display: flex;
      align-items: center;
      gap: 1rem;
   }
   .rozhlas-banner-container .rozhlas-banner__icon > span {
      font-size: 16px;
      margin-left: 0;
   }
   .rozhlas-banner-container .rozhlas-banner__icon > img {
      width: auto;
      height: 25px;
      max-width: inherit;
      display: block;
      position: relative;
   }
   #iponavigation h1,
   #iponavigation img,
   #ipopage .noticeBoard table.datagrid .file-type,
   #ipotopmenuwrapper ul.topmenulevel2::before,
   .food-container img,
   .footer-link img,
   .gallery .matrix li .vstup,
   .info-container h2::before,
   .info-container p br,
   .info-inner::before,
   .menu-toggler>span:first-of-type,
   .rozhlas-banner-container .rozhlas-banner__icon .rozhlas-subtitle,
   .widget-link::before {
      display: none;
   }
   .forecast {
      margin-bottom: 1em;
   }
   .forecast .weather-day,
   .other-days .weather-day {
      float: none;
      width: 100%;
      padding: 0;
      margin: 0 0 1em;
      text-align: left;
   }
   .contact-link,
   .weather-state {
      margin: 0;
   }
   #ipotopmenuwrapper ul.topmenulevel1 li.noborder.active ul.topmenulevel2,
   #ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1.active ul.topmenulevel2,
   .weather .forecast .weather-day:first-child>span {
      display: block;
   }
   #ui-datepicker-div.ui-datepicker,
   .comments>.comment,
   .noticeBoardOverview--grid .noticeBoardOverview-item,
   .noticeBoardOverview-filter fieldset {
      padding: 1em;
   }
   .comments > .comment.level-1 {
      margin-left: 1em;
   }
   .comments .comment-footer,
   .comments>.comment .created,
   p {
      text-align: left;
   }
   .menu-toggler {
      display: block;
      top: 1rem;
      padding: 0.5rem 1em;
      margin: 0 1em 0 0;
      right: 0;
      background-color: transparent;
      border: 2px solid #050d66;
      border-radius: 40px;
      font-weight: 700;
      width: 50px;
      height: 50px;
   }
   .menu-toggler > span {
      color: #000;
      font-size: 1.2em;
      padding: 0;
      font-weight: 700;
      display: inline-block;
      z-index: 1;
      position: relative;
   }
   .about-text h2 span,
   .header-logo > strong,
   .header-logo>strong span:nth-of-type(2) {
      font-size: 1rem;
      letter-spacing: 0;
   }
   .menu-toggler .genericon {
      color: #000;
      top: 0.25rem;
      padding-left: 0;
      display: grid;
      place-content: center;
   }
   .menu-toggler:hover .genericon,
   .menu-toggler:hover span {
      color: #fff;
   }
   #back-to-top {
      color: #fff;
      box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
      border-radius: 30px;
      z-index: 102;
   }
   #back-to-top i {
      position: relative;
      top: -0.15rem;
   }
   .icons .lokace,
   .icons a[href^="mailto:"],
   .icons a[href^="tel:"] {
      padding-left: 1.5rem;
   }
   .icons .lokace::before,
   .icons a[href^="mailto:"]::before,
   .icons a[href^="tel:"]::before {
      width: 30px;
      height: 30px;
      background-size: 15px;
   }
   .icons-ball a[href^="mailto:"],
   .icons-ball a[href^="tel:"] {
      padding-left: 2rem;
   }
   .icons-ball a[href^="mailto:"]::before,
   .icons-ball a[href^="tel:"]::before {
      background-size: 24px;
   }
   #iponavigation p,
   #ipotopmenu,
   .content,
   .error,
   .layout-container {
      max-width: 100%;
   }
   .content,
   .error {
      padding: 0 1em;
   }
   .error-page #ipoheader {
      min-height: 11rem;
   }
   .header-inner {
      padding: 1em;
      gap: 1rem;
      flex-direction: column;
   }
   .header-logo {
      gap: 0.5rem;
      align-items: center;
      width: -moz-fit-content;
      width: fit-content;
   }
   .header-logo > strong {
      margin: 0;
      color: #141a61;
      padding: 0;
      line-height: 1.5;
   }
   .header-logo > strong span:first-of-type {
      font-size: 1rem;
      line-height: unset;
      letter-spacing: 0;
   }
   .header-logo img {
      height: 60px;
   }
   .header-links {
      margin: 0;
      justify-content: space-between;
      gap: 0.5rem;
   }
   .header-links a.action-button {
      padding: 0.6rem 1.5rem;
   }
   .hp-bg {
      top: 9.9rem;
   }
   .hp-bg img {
      height: 18rem;
   }
   #ipotopmenuwrapper {
      top: 9.9rem;
      padding-top: 0;
      background-color: #fff;
      border-top: 3px solid #050d66;
      border-bottom: 3px solid #050d66;
      transition: none;
   }
   #ipotopmenuwrapper ul.topmenulevel1 {
      flex-direction: column;
      flex-wrap: nowrap;
      float: none;
      justify-content: center;
      padding: 0;
      margin: 0;
      background: #fff;
      border-radius: 0;
      box-shadow: none;
   }
   #ipotopmenuwrapper ul.topmenulevel1 li.noborder,
   #ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1 {
      position: relative;
      width: 100%;
   }
   #ipotopmenuwrapper ul.topmenulevel1 li.noborder .open-submenu,
   #ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1 .open-submenu {
      width: 30px;
      height: 30px;
      display: inline-block;
      position: absolute;
      top: 0.6em;
      right: 1em;
      background: #fff;
      transition: 0.25s linear;
   }
   #ipotopmenuwrapper ul.topmenulevel1 li.noborder .open-submenu:before,
   #ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1 .open-submenu:before {
      content: "";
      display: block;
      position: absolute;
      right: 0;
      left: 0;
      margin: 0 auto;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 8px 6px 0;
      border-color: #000 transparent transparent;
      top: 11px;
      transition: 0.25s linear;
   }
   #ipotopmenuwrapper ul.topmenulevel1 li.noborder .open-submenu.see-more:before,
   #ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1 .open-submenu.see-more:before {
      transform: rotate(180deg);
   }
   #ipotopmenuwrapper ul.topmenulevel1 li.noborder.active > a,
   #ipotopmenuwrapper ul.topmenulevel1 li.noborder:hover > a,
   #ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1.active > a,
   #ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1:hover > a {
      color: #fff;
      background: #050d66;
   }
   #ipotopmenuwrapper ul.topmenulevel1 li.noborder > a,
   #ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1 > a {
      color: #000;
      font-size: 1em;
      padding: 0.7em 3rem 0.7em 1rem;
      letter-spacing: 0;
      font-weight: 700;
      text-align: left;
   }
   #ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1 ul.topmenulevel2 {
      padding: 0;
      display: none;
      margin-top: 1em;
      visibility: visible;
      width: calc(100% - 2rem);
   }
   #ipotopmenuwrapper ul.topmenulevel2 {
      grid-template-columns: 100%;
      box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.2);
      padding: 0;
      min-width: unset;
   }
   #ipotopmenuwrapper ul.topmenulevel2 li.topmenuitem2 {
      width: 100%;
      padding: 0;
   }
   #ipotopmenuwrapper ul.topmenulevel2 li.topmenuitem2 > a {
      text-align: left;
      padding: 0.7em;
      background: #fff;
      box-shadow: none;
   }
   #page12928019 #frm-form .form-vertical,
   .food-container,
   .footer-wrapper {
      padding: 1.5rem 1rem;
   }
   .footer-container > p {
      font-size: 1.2rem;
      letter-spacing: 0;
      margin-bottom: 0.5rem;
   }
   .footer-info {
      gap: 0.5rem;
      grid-template-columns: 100%;
   }
   .spliter-container,
   .widget_body {
      gap: 1rem;
      grid-template-columns: 100%;
   }
   .contact-text>p,
   .contact-text>p:nth-of-type(2),
   .contact-text>p:nth-of-type(4),
   .footer-info p:first-of-type {
      margin-bottom: 0.5rem;
   }
   .footer-info .action-button {
      margin-top: 1rem;
      padding: 0.5rem 1rem;
   }
   .footer-link {
      margin: 1rem 0 0;
   }
   .about-text,
   .widget-date {
      margin-top: 0;
   }
   .footer-link .action-button {
      position: static;
      margin: 0;
   }
   .copy {
      font-size: 0.7em;
      padding: 1em 1em 7em;
   }
   #page12722920 #ipoheader {
      min-height: 28.5rem;
   }
   .title-container,
   .widget-container h2 {
      margin-bottom: 1rem;
   }
   .title-container h1 {
      width: -moz-fit-content;
      width: fit-content;
      letter-spacing: 0;
   }
   .spliter-container {
      margin-bottom: 2rem;
   }
   .info-container {
      padding: 1.5rem 1rem;
      border-radius: 15px;
      margin-bottom: 1.5rem;
   }
   .info-container h2 {
      letter-spacing: 0;
      margin-bottom: 1.5rem;
   }
   .info-container p {
      width: auto;
      font-size: 1rem;
      letter-spacing: 0;
      text-align: center;
   }
   .contact-box,
   .contact-item,
   .widget-link {
      padding: 1rem;
   }
   .widget-title {
      -webkit-line-clamp: 3;
   }
   .widget-date {
      padding-left: 0;
   }
   .widget-container > p .action-button {
      margin: 1rem 0 0;
      padding: 0.6rem 1.25rem;
   }
   .contact-container>h2,
   .food-container h2 {
      letter-spacing: 0;
      margin-bottom: 0.5rem;
   }
   .food-container .food-link {
      letter-spacing: 0;
      font-size: 1rem;
      margin-bottom: 0.5rem;
   }
   .food-container p > .action-button {
      margin: 0.5rem 0 0;
      padding: 0.6rem 1.25rem;
   }
   .about-container {
      grid-template-columns: 100%;
      gap: 1.5rem;
      margin-bottom: 1.5rem;
   }
   .about-text h2 {
      font-size: 1.5rem;
      margin-bottom: 0.5rem;
   }
   .blog.view-archives .article h2,
   .blog.view-default .article h2,
   .contact-box h3,
   .contact-item h3 {
      font-size: 1.1rem;
   }
   .about-text p {
      padding-right: 0;
   }
   .about-text .action-button {
      padding: 0.6rem 1rem;
   }
   .about-photos {
      width: -moz-fit-content;
      width: fit-content;
      gap: 0.5rem;
   }
   .about-photos img {
      max-height: 12rem;
   }
   .about-photos a:first-of-type {
      width: 100%;
   }
   .links-inner {
      margin: 0;
      width: 100%;
      flex-wrap: wrap;
      gap: 1rem;
      padding: 1.5rem 1rem;
   }
   #page12928019 #frm-form {
      margin: 2rem 0 0;
   }
   #page12928019 #frm-form .form-vertical:before {
      position: static;
      width: 100%;
      margin-bottom: 0.5rem;
      display: block;
      letter-spacing: 0;
      font-size: 1.25em;
   }
   #page12928019 #frm-form .action-button {
      padding: 0.7em 2em;
   }
   .contact-container {
      gap: 0;
      grid-template-columns: 100%;
      margin-bottom: 1.5rem;
   }
   .contact-box h3 {
      letter-spacing: 0;
      margin-bottom: 0.5rem;
   }
   .contact-link > img {
      height: 16rem;
   }
   .contact-link > .action-button {
      left: 1rem;
      bottom: 1rem;
      padding: 0.6rem 1.25rem;
   }
   .contact-grid {
      grid-template-columns: 100%;
   }
   .contact-item h3 {
      letter-spacing: 0;
      margin-bottom: 1rem;
   }
   .contact-item p {
      margin-bottom: 0.5rem;
   }
   #iponavigation {
      padding: 0;
      margin: 0 0 1.5em;
   }
   #iponavigation p {
      font-size: 16px;
      text-align: left;
      padding: 0.5em 1em;
      background: #ff9a35;
   }
   #iponavigation .separator {
      margin: 0 5px;
      width: 5px;
   }
   #iponavigation .separator::before {
      font-size: 15px;
      line-height: 1.6;
   }
   #ipopage .noticeBoard table.datagrid {
      position: relative;
      display: flex;
      flex-flow: row wrap;
   }
   #ipopage .noticeBoard table.datagrid thead {
      width: 100%;
      display: flex;
      flex-flow: row wrap;
   }
   #ipopage .noticeBoard table.datagrid thead tr:first-child,
   #ipopage .noticeBoard table.datagrid thead tr:last-child {
      width: 100%;
      background: none;
   }
   #ipopage .noticeBoard table.datagrid tr.filters,
   #ipopage .noticeBoard table.datagrid tr.filters td {
      padding: 0!important;
   }
   #ipopage .noticeBoard table.datagrid th,
   #ipopage .noticeBoard table.datagrid tr.footer td {
      background: none;
      padding: 0;
      float: left;
      width: 100%;
      border: none;
   }
   #ipopage .noticeBoard table.datagrid th {
      display: block;
      margin-bottom: 2.8em;
      min-width: inherit;
   }
   #ipopage .noticeBoard table.datagrid tr.filters {
      background: none;
      border: none;
      position: absolute;
      top: 30px;
      left: 0;
      right: 0;
   }
   #ipopage .noticeBoard table.datagrid tr.filters td {
      width: 100%;
      float: left;
      display: block;
      margin-bottom: 3em;
      background: none;
      border: none;
   }
   #ipopage .noticeBoard table.datagrid tr.filters td:first-child {
      margin-bottom: 2.2em;
   }
   #ipopage .noticeBoard table.datagrid tr.filters td:nth-child(2) {
      margin-bottom: 2em;
   }
   #ipopage .noticeBoard table.datagrid tr.filters td:nth-child(3) {
      margin-bottom: 1.7em;
   }
   #ipopage .noticeBoard table.datagrid select {
      padding: 0.3em;
      margin-top: 0.5em;
      display: block;
   }
   #ipopage .noticeBoard table.datagrid input[type=text] {
      padding: 0.3em;
   }
   #ipopage .noticeBoard table.datagrid tbody {
      width: 100%;
      margin-top: 1.2em;
      display: block;
   }
   #ipopage .noticeBoard table.datagrid tbody tr {
      display: flex;
      flex-flow: row wrap;
      border: 1px solid #c5c5c5;
      margin-bottom: 1em;
      padding: 1em;
      box-shadow: 1px 1px 12px -5px;
      border-top: 5px solid #ff9a35;
      transition: 0.25s linear;
   }
   #ipopage .noticeBoard table.datagrid tbody tr:hover {
      box-shadow: 0 0 5px -5px;
   }
   #ipopage .noticeBoard table.datagrid tbody tr td:first-child a:hover,
   #ipopage .noticeBoard table.datagrid tbody tr td:first-child a:visited:hover,
   #ipopage .noticeBoard table.datagrid tbody tr:hover td:first-child a {
      text-decoration: none;
   }
   #ipopage .noticeBoard table.datagrid tbody tr td {
      width: 100%;
      position: relative;
      border: none;
      padding: 6px 0;
   }
   #ipopage .noticeBoard table.datagrid tbody tr td:first-child a,
   #ipopage .noticeBoard table.datagrid tbody tr td:first-child a:visited {
      text-decoration: underline;
   }
   #ipopage .noticeBoard table.datagrid tbody tr td:before {
      font-weight: 700;
   }
   #ipopage .noticeBoard table.datagrid tfoot {
      width: 100%;
      display: block;
      order: 2;
   }
   #ipopage .noticeBoard table.datagrid tr.footer {
      width: 100%;
      float: left;
      background: none;
   }
   #ipopage .noticeBoard table.datagrid .grid-info {
      float: right;
      padding-right: 0;
   }
   .noticeBoardOverview-filter-item {
      display: block;
      padding-bottom: 0;
      margin-bottom: 0.5em;
   }
   #ui-datepicker-div.ui-datepicker .ui-datepicker-header,
   .noticeBoardOverview-filter-label {
      width: 100%;
      min-width: inherit;
   }
   .noticeBoardOverview-item {
      padding: 1em;
      margin: 1em 0 0;
   }
   html[lang=cs] #ipopage .noticeBoard table.datagrid tbody tr td:first-child:before {
      content: "Název:";
   }
   html[lang=cs] #ipopage .noticeBoard table.datagrid tbody tr td:nth-child(2):before {
      content: "Vyvěšeno:";
   }
   html[lang=cs] #ipopage .noticeBoard table.datagrid tbody tr td:nth-child(3):before {
      content: "Sejmuto:";
   }
   html[lang=cs] #ipopage .noticeBoard table.datagrid tbody tr td:nth-child(4):before {
      content: "Stav:";
   }
   html[lang=en] #ipopage .noticeBoard table.datagrid tbody tr td:first-child:before {
      content: "Title:";
   }
   html[lang=en] #ipopage .noticeBoard table.datagrid tbody tr td:nth-child(2):before {
      content: "Posted:";
   }
   html[lang=en] #ipopage .noticeBoard table.datagrid tbody tr td:nth-child(3):before {
      content: "Archived:";
   }
   html[lang=de] #ipopage .noticeBoard table.datagrid tbody tr td:nth-child(4):before,
   html[lang=en] #ipopage .noticeBoard table.datagrid tbody tr td:nth-child(4):before {
      content: "Status:";
   }
   html[lang=de] #ipopage .noticeBoard table.datagrid tbody tr td:first-child:before {
      content: "Titel:";
   }
   html[lang=de] #ipopage .noticeBoard table.datagrid tbody tr td:nth-child(2):before {
      content: "Gesendet:";
   }
   html[lang=de] #ipopage .noticeBoard table.datagrid tbody tr td:nth-child(3):before {
      content: "Archiviert:";
   }
   .gallery .matrix .title {
      font-size: 1em;
      line-height: 1.25;
      padding: 0 1em;
   }
   .gallery .matrix li {
      min-height: 280px;
   }
   .gallery .matrix li:before {
      width: 100%;
      height: 100%;
      border: none;
      background: rgba(0, 0, 0, 0.4);
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      transform: translate(0, 0);
   }
   .images {
      margin-top: 1em;
      margin-bottom: 1em;
      grid-template-columns: 33% 33% 33%;
      gap: 5px;
   }
   .image-wrapper .image-inner-wrapper a.image-detail img,
   .subsite-images img {
      height: 220px;
   }
   .image-wrapper .image-inner-wrapper .image-description {
      font-size: 0.85em;
      padding: 0.7em;
   }
}
@media only screen and (max-width: 768px) {
   .action-button,
   .action-button:visited {
      padding: 0.5em 1em;
   }
   #ipomain #ipopage .with-subscribe h1,
   .content.with-subscribe>h1 {
      margin-bottom: 1rem;
   }
   .content.with-subscribe {
      display: block;
   }
   .ipopagetext .subscribe-toolbar {
      display: grid;
      grid-template-columns: 100%;
      justify-content: inherit;
      gap: 0.5em 0;
      margin-bottom: 1rem;
   }
   .ipopagetext .subscribe-toolbar .action-button:nth-of-type(1) {
      order: -1;
   }
   .ipopagetext .subscribe-toolbar .action-button {
      display: block;
      width: 100%;
      font-weight: 400;
      font-size: 0.9em;
   }
   .hp-bg img {
      height: 14.5rem;
   }
   #page12722920 #ipoheader {
      min-height: 25rem;
   }
   .blog.view-archives .article .leftFooter,
   .blog.view-default .article .leftFooter {
      float: none;
      width: 100%;
   }
   .blog.view-archives .article .rightFloat,
   .blog.view-default .article .rightFloat {
      float: none;
      margin-left: 0;
   }
   .blog.view-archives > p,
   .blog.view-default > p {
      min-height: unset;
   }
   #ipopage .noticeBoard .last-updated,
   #ipopage .noticeBoard table.datagrid tr.footer {
      float: none;
   }
   #ipopage .noticeBoard table.datagrid .grid-info,
   #ipopage .noticeBoard table.datagrid .paginator {
      float: none;
      display: block;
   }
   .gallery .matrix li {
      min-height: 230px;
   }
   .images {
      grid-template-columns: 49% 49%;
   }
}
@media only screen and (max-width: 550px) {
   .paragraph .ipo-widget[data-mce-fragment],
   .subpage-rozcestnik,
   form .form-vertical .form-item .form-item-field>input[type=submit] {
      padding: 0.5em 1.5em;
   }
   .divided_bg .article .leftFooter,
   .divided_bg .article .rightFooter {
      float: none;
      width: 100%;
      text-align: left;
   }
   .dataAggregator .da-navigation .action-button {
      display: block;
      margin: 0 0 0.5em;
   }
   .discussion > .action-button,
   .discussion > .action-button:visited {
      display: block;
   }
   .discussion .discussion-add-comment-link {
      float: none;
   }
   .header-links {
      align-items: start;
      flex-direction: column;
   }
   .about-photos,
   .about-photos a,
   .contact-link,
   .header-links a.action-button {
      width: 100%;
   }
   #ipotopmenuwrapper,
   .hp-bg {
      top: 11.9rem;
   }
   .hp-bg img {
      height: 12rem;
   }
   #page12722920 #ipoheader {
      min-height: 24.5rem;
   }
   .about-photos img {
      max-height: 10rem;
   }
   .contact-link > img {
      width: 100%;
      height: 10rem;
   }
   form .form-vertical {
      margin: 1rem 0;
   }
   form .form-vertical .form-item .form-item-field > textarea {
      height: 6em;
   }
   form .form-vertical .approval {
      margin: 0.5rem 0;
      font-size: 0.8em;
   }
   #frm-subscriptionForm-form .form-vertical .form-item.buttons,
   .noticeBoardOverview-filter {
      margin-top: 1em;
   }
   #frm-subscriptionForm-form .form-vertical .form-item.buttons .form-item-field > input[type=submit] {
      display: block;
      width: 100%;
   }
   ul.albums.matrix {
      grid-template-columns: 100%;
      gap: 1em 0;
   }
   .gallery .matrix .title {
      -webkit-line-clamp: 3;
   }
   .gallery .matrix li {
      min-height: 150px;
   }
   .image-wrapper .image-inner-wrapper a.image-detail img,
   .subsite-images img {
      height: 150px;
   }
}
@media only screen and (max-width: 400px) {
   .image-wrapper .image-inner-wrapper a.image-detail img,
   .subsite-images img {
      height: 120px;
   }
}
/*** print styles *************************************************************/
@media print {
	#ipocontainer, #ipomain, #ipomainframe, #ipofooter {
		width: 1024px;
	}
	html, body, #ipocontainer, #ipomain {
		background: transparent;
	}
	#ipoleftblock, #iporightblock, #ipoheader, #ipofooter, #ipotopmenuwrapper {
		display: none;
	}
	#ipopage {
		display: inline;
		margin-left: 0px;
	}
	#ipocopyright {
		padding: 10px 0px 0px 0px;
		margin-bottom: 10px;
	}
	.noprint {
		display: none;
	}
	.printonly {
		display: block;
	}
}
