/**
 * 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: #1F186A;
}
.styleH4, .styH4, h2{
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	font-size: 1.35em;
	font-weight: bold;
	color: #000000;
}
.styleH5, .styH5, h3 {
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #000000;
}
.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: #352807;
	border: 1px solid #352807;
	background-color: #C5E2B7;
;
}
.action-button:hover {
	color: #ffffff;
	border: 1px solid #ffffff;
	background-color: #786A4E;
;
	cursor: pointer;
}
.action-button:active {
	background-image: none;
	filter: none;
}
a.action-button, a.action-button:visited {
	color: #352807;
}
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 #C5E2B7;
}
#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: #786A4E;
	color: #ffffff;
}
#ipopage .content-paginator .paginator-current {
	background-color: #C5E2B7;
;
	color: #352807;
	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: #786A4E;
;
	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: #000000;
}
.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: #352807;
			background-color: #C5E2B7;
		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: #786A4E;
	}

/*** 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: #C5E2B7;
}
#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 ************************************************************/
.menu-container > a,
.menu-container > a > img {
   pointer-events: none;
}
.header-links,
.hp-bg {
   height: -moz-fit-content;
}
#ipocopyright,
#ipoheader,
#page12136515 #ipocontainer,
#page12373633 #ipocontainer,
body.mce-content-body.ipopagetext {
   overflow-x: clip;
}
.cookie-choice-settings,
.copyright {
   font-size: 1rem;
}
.title-container > h1,
.title-container > p {
   text-shadow: 0 4px 10px rgba(255, 255, 255, 0.3);
}
.footer-inner,
.menu-container,
.widget-body {
   grid-template-columns: repeat(3, 1fr);
}
.contact-item>p:nth-of-type(1),
.content.with-subscribe>:not(h1,.subscribe-toolbar),
.item-span {
   grid-column: 1/-1;
}
body,
html {
   font-size: 18px;
}
#ipotopmenuwrapper ul.topmenulevel1 li.noborder.active,
#ipotopmenuwrapper ul.topmenulevel1 li.noborder:hover,
#ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1.active,
#ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1:hover,
input,
select,
textarea {
   background-color: transparent;
}
*,
::after,
::before {
   box-sizing: border-box;
}
a {
   -webkit-hyphens: manual;
   hyphens: manual;
}
.action-button,
.action-button:visited {
   border: none;
   box-shadow: none;
   margin: 0.5rem 0;
   font-weight: 700;
   font-size: 1rem;
   padding: 0.5em 1.5em;
   border-spacing: unset;
   border-radius: 30px;
   display: inline-block;
   text-align: center;
   position: relative;
   color: #000;
   background: #c5e2b7;
   transition: 0.25s ease-in-out;
}
.action-button:hover,
.comments .comment-footer>a:hover,
.system .newsNotificator .action-button,
.system .newsNotificator .action-button:visited {
   color: #fff;
   background: #786a4e;
}
.action-button:hover {
   border: none;
   font-weight: 700;
}
.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: #000;
   height: 37px;
   box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
   border-radius: 30px;
   transition: 0.25s linear;
}
.cookie-choices-fixed a:hover {
   background: #786a4e;
}
.cookie-choices-fixed a:hover svg path,
.gallery .matrix li .vstup svg path,
.title-container>p>.action-button:hover svg path {
   fill: #fff;
}
.cookie-choices-fixed a svg path {
   transition: 0.25s linear;
   fill: #fff;
}
.system .newsNotificator .action-button:hover {
   background: #c5e2b7;
   color: #fff;
}
#ipotopmenuwrapper ul.topmenulevel1 li.noborder.active>a,
#ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1.active>a,
strong {
   font-weight: 700;
}
::-moz-selection {
   color: #fff;
   background-color: #000;
}
::selection {
   color: #fff;
   background-color: #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;
}
html.scroll-smoth {
   scroll-behavior: smooth;
}
body {
   line-height: 1.5;
   font-weight: 400;
   font-family: "Truculenta",sans-serif;
}
#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;
   font-weight: 700;
   font-family: "Atma",sans-serif;
}
h3,
h4 {
   font-family: "Truculenta",sans-serif;
}
h1 {
   display: none;
   font-size: 3.89em;
   margin: 1rem 0;
   color: #1f186a;
}
h2 {
   font-size: 2em;
   margin: 1.2rem 0;
}
h3 {
   font-size: 1.22em;
   margin: 1.1rem 0;
}
h4 {
   font-size: 1.1em;
}
p {
   line-height: 1.6;
   text-align: left;
   margin-bottom: 0.5em;
}
.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;
}
.paragraph ul > li::before,
.seznam-ikona > li::before {
   content: "\f105";
   color: #000;
   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 {
   gap: 1rem;
   padding: 1em 2em;
   box-shadow: 0 0 40px -20px #000;
   margin: 1em 0;
   border-top: 3px solid #c5e2b7;
   background-color: #fff;
}
.paragraph .ipo-widget[data-mce-fragment] ul,
.subpage-rozcestnik ul {
   display: grid;
   grid-template-columns: 1fr 1fr;
}
#ipotopmenuwrapper #ipotopmenu ul.topmenulevel3,
#ipotopmenuwrapper #ipotopmenu ul.topmenulevel4,
#mce_marker,
#page12136515 .sub-bg,
#page12373633 #frm-form fieldset legend,
#ui-datepicker-div.ui-datepicker .ui-datepicker-header a>span,
.elasticSearchForm .newsheader,
.error-page .sub-bg,
.gallery.view-detail>hr.cleaner,
.header-links>a.tooltip>span,
.header-logo>span,
body.mce-content-body.ipopagetext .contact-container::after,
body.mce-content-body.ipopagetext .contact-container::before,
body[data-user-mode] .contact-container::before {
   display: none;
}
.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: #eee;
}
.paragraph .rwd-table tr td,
.paragraph .rwd-table tr th {
   padding: 0.5em;
}
.paragraph .rwd-table table.evenWidth td {
   width: auto;
}
#ipopage th,
.albums#listImages div.clearfix p,
form .form-vertical .buttons .form-item-field {
   text-align: left;
}
#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 #c5e2b7;
}
#ipopage .content-paginator .paginator-button {
   max-width: inherit;
}
#ipopage .content-paginator .paginator-next,
#ipopage .content-paginator .paginator-prev,
.elasticSearchForm .elasticSearch-autocompleteResult,
.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: #000;
   background-color: #c5e2b7;
}
#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;
   grid-gap: 0.5em;
}
.content.with-subscribe > h1 {
   order: -2;
}
[data-user-mode] .ipopagetext .subscribe-toolbar {
   justify-content: flex-end;
}
.ipopagetext .subscribe-toolbar {
   display: flex;
   flex-flow: row wrap;
   justify-content: flex-start;
   grid-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;
}
.image-detail[data-caption]:hover img {
   filter: brightness(0.5);
}
.about-btns .action-button svg path,
.header-logo>img,
.image-detail[data-caption] img,
.title-container>p>.action-button svg path {
   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 {
   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: #c5e2b7;
   color: #fff;
   padding: 0.5em 1em;
   transition: 0.25s linear;
}
.error-page h1,
.header-fulltext .elasticSearchForm,
body.mce-content-body.ipopagetext h1,
body[data-user-mode] h1 {
   display: block;
}
body.mce-content-body.ipopagetext .contact-container,
body[data-user-mode] .contact-container {
   margin-top: 0;
}
body.mce-content-body.ipopagetext .widget-btn {
   gap: 1rem;
}
body.mce-content-body.ipopagetext .wrapper-inner {
   min-height: 42rem;
}
body.mce-content-body.ipopagetext .about-photos {
   margin-bottom: 8rem;
}
body.mce-content-body.ipopagetext .about-photo:nth-of-type(1) > p,
body.mce-content-body.ipopagetext .about-photo:nth-of-type(2) > p {
   font-size: 1.5rem;
}
.icons .lokace,
.icons a[href^="mailto:"],
.icons a[href^="tel:"] {
   position: relative;
   padding-left: 2.85rem;
}
.icons .lokace::before,
.icons a[href^="mailto:"]::before,
.icons a[href^="tel:"]::before {
   content: "";
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   left: 0;
   width: 40px;
   height: 40px;
   background-repeat: no-repeat;
   background-position: center;
   border-radius: 100%;
}
.icons-yellow a[href^="tel:"]::before {
   background-color: #fff5b5;
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 21 21' fill='none'%3E%3Cpath d='M20.9988 15.6567V19.782C20.999 20.0774 20.8871 20.3618 20.6857 20.5779C20.4844 20.794 20.2085 20.9257 19.9139 20.9463C19.4041 20.9813 18.9876 21 18.6656 21C8.35637 21 0 12.6432 0 2.33333C0 2.01133 0.017499 1.59483 0.0536637 1.085C0.0743387 0.790351 0.206 0.514513 0.422081 0.313144C0.638161 0.111775 0.922575 -0.000133505 1.21793 2.99343e-07H5.34304C5.48774 -0.000146224 5.62733 0.0535022 5.7347 0.150524C5.84206 0.247546 5.90953 0.381013 5.924 0.525C5.95084 0.793334 5.97534 1.00683 5.99867 1.169C6.23051 2.78708 6.70563 4.3608 7.40792 5.83683C7.51875 6.07017 7.44642 6.349 7.23643 6.49833L4.7189 8.29733C6.25818 11.8842 9.11647 14.7426 12.7031 16.282L14.4997 13.769C14.5731 13.6663 14.6803 13.5927 14.8024 13.5609C14.9246 13.5292 15.054 13.5413 15.1682 13.5952C16.6439 14.2962 18.2171 14.7702 19.8346 15.001C19.9967 15.0243 20.2102 15.0488 20.4762 15.0757C20.62 15.0904 20.7531 15.158 20.8499 15.2653C20.9467 15.3727 20.999 15.5121 20.9988 15.6567Z' fill='black'/%3E%3C/svg%3E");
   background-repeat: no-repeat;
}
.icons-yellow a[href^="mailto:"]::before {
   background-color: #fff5b5;
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='20' viewBox='0 0 21 20' fill='none'%3E%3Cg clip-path='url(%23clip0_7630_1399)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.22269 11.334L10.0727 13.269L12.82 11.387L18.9782 17.42C18.816 17.472 18.6428 17.5 18.4626 17.5H1.67878C1.45723 17.5 1.24574 17.457 1.05138 17.38L7.22269 11.334ZM20.1413 6.376V15.833C20.1413 16.08 20.087 16.314 19.9903 16.525L13.9539 10.611L20.1413 6.376ZM9.50271e-07 6.429L6.0847 10.561L0.10675 16.419C0.035949 16.2316 -0.000213733 16.0331 9.50271e-07 15.833V6.429ZM18.4626 2.5C19.3891 2.5 20.1413 3.246 20.1413 4.167V4.753L10.0687 11.648L9.50271e-07 4.81V4.167C9.50271e-07 3.247 0.751273 2.5 1.67878 2.5H18.4626Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7630_1399'%3E%3Crect width='20.1413' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
   background-repeat: no-repeat;
}
.icons-black a[href^="tel:"]::before {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M4.74038 14.3685L6.69351 12.9816C7.24445 12.5904 7.80305 12.3282 8.44034 12.1585C9.17201 11.9636 9.5 11.5644 9.5 10.711C9.5 8.54629 14.5 8.31595 14.5 10.711C14.5 11.5644 14.828 11.9636 15.5597 12.1585C16.202 12.3295 16.7599 12.5934 17.3065 12.9816L19.2596 14.3685C20.1434 14.9961 20.5547 15.2995 20.7842 15.7819C21 16.2358 21 16.768 21 17.8324C21 19.7461 21 20.703 20.4642 21.3164C19.8152 22.0593 18.128 21.9955 17.0917 21.9955H6.90833C5.87197 21.9955 4.21909 22.0986 3.5358 21.3164C3 20.703 3 19.7461 3 17.8324C3 16.768 3 16.2358 3.21584 15.7819C3.44526 15.2995 3.85662 14.9961 4.74038 14.3685Z' stroke='black' stroke-width='1.5'/%3E%3Cpath d='M14 17C14 18.1046 13.1046 19 12 19C10.8954 19 10 18.1046 10 17C10 15.8954 10.8954 15 12 15C13.1046 15 14 15.8954 14 17Z' stroke='black' stroke-width='1.5'/%3E%3Cpath d='M6.96014 3.69772C5.6417 4.07415 4.69384 4.54112 3.82645 5.10455C2.45318 5.9966 1.86443 7.60404 2.02607 9.15513C2.09439 9.81068 2.62064 10.1241 3.23089 9.95455C3.69451 9.82571 4.15888 9.7003 4.61961 9.56364C5.96706 9.16397 6.28399 8.67812 6.47124 7.29885L6.96014 3.69772ZM6.96014 3.69772C10.2186 2.76743 13.7814 2.76743 17.0399 3.69772M17.0399 3.69772C18.3583 4.07415 19.3062 4.54112 20.1735 5.10455C21.5468 5.9966 22.1356 7.60404 21.9739 9.15513C21.9056 9.81068 21.3794 10.1241 20.7691 9.95455C20.3055 9.82571 19.8411 9.7003 19.3804 9.56364C18.0329 9.16397 17.716 8.67812 17.5288 7.29885L17.0399 3.69772Z' stroke='black' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E");
   background-repeat: no-repeat;
}
.icons-black a[href^="mailto:"]::before {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7 8.5L9.94202 10.2394C11.6572 11.2535 12.3428 11.2535 14.058 10.2394L17 8.5' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.01577 13.4756C2.08114 16.5411 2.11383 18.0739 3.24496 19.2093C4.37609 20.3448 5.95034 20.3843 9.09884 20.4634C11.0393 20.5122 12.9607 20.5122 14.9012 20.4634C18.0497 20.3843 19.6239 20.3448 20.755 19.2093C21.8862 18.0739 21.9189 16.5411 21.9842 13.4756C22.0053 12.4899 22.0053 11.51 21.9842 10.5244C21.9189 7.45886 21.8862 5.92609 20.755 4.79066C19.6239 3.65523 18.0497 3.61568 14.9012 3.53657C12.9607 3.48781 11.0393 3.48781 9.09882 3.53656C5.95034 3.61566 4.37609 3.65521 3.24496 4.79065C2.11383 5.92608 2.08114 7.45885 2.01577 10.5243C1.99474 11.51 1.99474 12.4899 2.01577 13.4756Z' stroke='black' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E");
   background-repeat: no-repeat;
}
#ipofooter,
#ipomain,
#ipomain>div,
#page12136515 #ipocontainer,
#page12136515 #ipomain,
#page12136515 #ipomain>div,
#page12136515 .content {
   max-width: 100%;
   width: 100%;
}
#iponavigation h1,
#iponavigation p,
#ipotopmenu,
.content,
.error,
.layout-container {
   max-width: 1260px;
   width: 100%;
   margin-inline: auto;
}
.flex-container {
   display: flex;
}
.grid-container {
   display: grid;
}
.animate-on-scroll {
   opacity: 0;
   transform: translateY(40px);
   transition: opacity 1s ease-out,transform 1s ease-out;
}
.animation-active {
   opacity: 1;
   transform: translateY(0);
}
.menu-container {
   gap: 1rem;
}
.menu-container > a {
   display: grid;
   width: -moz-fit-content;
   width: fit-content;
   gap: 1rem;
   text-decoration: none;
}
.menu-container > a > span {
   font-size: 25px;
   text-align: center;
   font-weight: 700;
   text-decoration: underline;
   pointer-events: all;
}
#ipoheader .header-links>a:hover,
.menu-container>a:hover>span,
.widget-link:hover .widget-title {
   text-decoration: none;
}
#ipoheader {
   max-width: 100%;
   min-height: 33.5rem;
}
#ipoheader .header-links>a,
.blog.view-archives .article h2 a,
.blog.view-default .article h2 a {
   text-decoration: underline;
}
.header-inner {
   position: relative;
   justify-content: space-between;
}
.header-logo {
   position: relative;
   z-index: 5;
   margin-top: 1.2rem;
   margin-left: -14rem;
   display: flex;
   width: -moz-fit-content;
   width: fit-content;
   max-height: 7.75rem;
}
.hp-bg,
.sub-bg {
   z-index: -5;
   position: absolute;
   display: flex;
   inset: 0;
}
.header-logo:hover > img {
   filter: grayscale(1);
}
.header-links {
   gap: 1rem;
   height: fit-content;
   align-items: center;
   margin-top: 2.9rem;
}
.header-links > a {
   position: relative;
   z-index: 5;
   display: grid;
   place-content: center;
   width: 65px;
   height: 65px;
   background: #fff5b5;
   border-radius: 100%;
   transition: 0.25s linear;
}
.header-links > a.tooltip:hover {
   background: #e7dea4;
}
.hp-bg {
   width: 100%;
   height: fit-content;
}
.hp-bg > img {
   width: 100%;
   -o-object-position: top center;
   object-position: top center;
   -o-object-fit: cover;
   object-fit: cover;
}
.sub-bg {
   width: -moz-fit-content;
   width: fit-content;
   left: 50%;
   transform: translateX(-50%);
}
#ipotopmenuwrapper {
   position: absolute;
   top: 8.1rem;
}
#ipotopmenuwrapper ul.topmenulevel1 {
   position: relative;
   display: flex;
   justify-content: space-between;
   border-top: 1px solid #1daeef;
   padding-inline: 2.35rem 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;
}
#ipotopmenuwrapper ul.topmenulevel1 li.noborder.active>a,
#ipotopmenuwrapper ul.topmenulevel1 li.noborder.active>a.nolink,
#ipotopmenuwrapper ul.topmenulevel1 li.noborder:hover>a,
#ipotopmenuwrapper ul.topmenulevel1 li.noborder:hover>a.nolink,
#ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1.active>a,
#ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1.active>a.nolink,
#ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1:hover>a,
#ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1:hover>a.nolink,
.form-item .form-item-label label,
.form-item .form-item-label label .meta,
form .form-vertical .approval a,
form .form-vertical .approval a:hover,
form .form-vertical .approval a:visited {
   color: #000;
}
#ipotopmenuwrapper ul.topmenulevel1 li.noborder.active>a.nolink::before,
#ipotopmenuwrapper ul.topmenulevel1 li.noborder.active>a::before,
#ipotopmenuwrapper ul.topmenulevel1 li.noborder:hover>a.nolink::before,
#ipotopmenuwrapper ul.topmenulevel1 li.noborder:hover>a::before,
#ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1.active>a.nolink::before,
#ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1.active>a::before,
#ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1:hover>a.nolink::before,
#ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1:hover>a::before,
.gallery .matrix li:hover .vstup,
.gallery .matrix li:hover:before {
   opacity: 1;
}
#ipotopmenuwrapper ul.topmenulevel1 li.noborder > a,
#ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1 > a {
   position: relative;
   color: #000;
   text-align: center;
   font-weight: 400;
   font-size: 20px;
   padding: 0.3rem 0 0.5rem;
   transition: 0.25s linear;
}
#ipotopmenuwrapper ul.topmenulevel1 li.noborder > a::before,
#ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1 > a::before {
   content: " ";
   position: absolute;
   inset: 0;
   top: -0.85rem;
   width: 25px;
   height: 25px;
   opacity: 0;
   margin-inline: auto;
   background-color: #1daeef;
   border-radius: 100%;
   transition: 0.25s linear;
}
#ipotopmenu ul.topmenulevel1 li.topmenuitem1 ul.topmenulevel2 {
   display: grid;
   gap: 0.5rem;
   grid-template-columns: repeat(3, 1fr);
   border-radius: 20px;
   inset: 0;
   top: auto;
   bottom: unset;
   width: 100%;
   border: none;
   padding: 1.25em 1em;
   box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
   background: #fff;
}
#ipotopmenu ul.topmenulevel1 li.topmenuitem1 ul.topmenulevel2 li.topmenuitem2 {
   width: 100%;
   margin: 0;
   padding: 0;
   background: 0 0;
}
#ipotopmenu ul.topmenulevel1 li.topmenuitem1 ul.topmenulevel2 li.topmenuitem2 > a:hover,
#ipotopmenu ul.topmenulevel1 li.topmenuitem1 ul.topmenulevel2 li.topmenuitem2.active > a {
   background-color: #786a4e;
   color: #fff;
}
#ipotopmenu ul.topmenulevel1 li.topmenuitem1 ul.topmenulevel2 li.topmenuitem2 > a {
   display: grid;
   align-items: center;
   font-weight: 400;
   text-align: left;
   padding: 0.7rem;
   font-size: 0.94em;
   color: #000;
   background: #fff;
   box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.2);
   border-radius: 20px;
}
#ipocopyright {
   padding: 0;
   text-align: left;
   margin-top: 2rem;
}
#ipocopyright .footer-map .action-button {
   text-decoration: none;
   color: #fff;
}
#ipocopyright .footer-map .action-button:hover,
.contact-link:hover .action-button {
   color: #fff;
   background: #000;
}
.copyright {
   padding: 0;
}
.footer-container {
   position: relative;
   padding: 7em 0 0;
}
.footer-container::before {
   content: " ";
   position: absolute;
   transform: translateX(-280%);
   left: 50%;
   width: 364px;
   height: 601px;
   background-position: center;
   background-repeat: no-repeat;
   background-image: url(/image.php?nid=21655&oid=12529578);
}
.footer-container::after {
   content: " ";
   position: absolute;
   top: -7rem;
   transform: translateX(210%);
   right: 50%;
   width: 491px;
   height: 505px;
   background-position: center;
   background-repeat: no-repeat;
   background-image: url(/image.php?nid=21655&oid=12529579);
}
.footer-inner:nth-of-type(1):before,
.footer-inner:nth-of-type(2):before {
   left: 50%;
   transform: translateX(-50%);
   z-index: -1;
   pointer-events: none;
   content: " ";
   position: absolute;
}
.footer-inner {
   align-items: center;
   gap: 1rem;
}
.footer-inner:nth-of-type(1) {
   padding: 3em 0;
}
.footer-inner:nth-of-type(1):before {
   top: 0;
   width: 2000px;
   height: 422px;
   background-position: center top;
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2000' height='422' viewBox='0 0 2000 422' fill='none'%3E%3Crect y='339' width='2000' height='83' fill='%23D4F0F9'/%3E%3Cpath d='M-14.1973 44.2497L-11.9712 372.982L2034.94 352.843L2032.55 0.14017C2032.55 0.14017 2025.73 61.1918 2006.03 91.6386C1945.09 185.782 1855.61 -0.323374 1751.4 2.04409C1631.53 4.76719 1577.92 190.604 1468.56 134.659C1274.77 35.521 1287.61 175.567 1173.71 154.92C1063.67 134.975 989.789 -46.4031 908.135 38.0038C878.76 68.3693 886.987 106.138 859.652 138.783C781.931 231.598 721.286 39.2691 617.968 140.42C576.672 180.85 501.975 75.0115 449.89 56.517C357.119 23.5756 289.74 127.11 204.38 103.839L-14.1973 44.2497Z' fill='%23D4F0F9'/%3E%3C/svg%3E");
   background-repeat: no-repeat;
}
.footer-inner:nth-of-type(2):before {
   top: 22rem;
   width: 100vw;
   height: 13rem;
   background: #c5e2b7;
}
.footer-inner:nth-of-type(2)::after {
   content: " ";
   position: absolute;
   top: 10rem;
   transform: translateX(210%);
   right: 50%;
   width: 491px;
   height: 505px;
   background-position: center;
   background-repeat: no-repeat;
   background-image: url(/image.php?nid=21655&oid=12529580);
}
.footer-inner:nth-of-type(2) .footer-info > h5 {
   color: #104613;
}
.footer-info > h5 {
   color: #1f186a;
   font-size: 35px;
   margin-bottom: 1rem;
}
.footer-info > p:nth-of-type(1) {
   font-size: 30px;
   margin-bottom: 1rem;
}
.footer-info > p {
   font-size: 20px;
   line-height: normal;
}
.footer-links > p {
   line-height: 2.75;
}
.footer-map .action-button {
   margin: 0;
   color: #fff;
   font-size: 25px;
   font-weight: 700;
   border-radius: 100px;
   background: #786a4e;
}
.about-photos::after,
.about-photos::before {
   content: " ";
   position: absolute;
   left: 50%;
   background-repeat: no-repeat;
   background-position: center;
}
.copy {
   padding: 1.85rem 0;
   line-height: normal;
}
#page12136515 .ipopagetext,
#ui-datepicker-div.ui-datepicker .ui-datepicker-calendar thead tr,
form .form-vertical .form-item.recaptcha .g-recaptcha>div {
   padding: 0;
}
#page12136515 .sub-bg > img {
   width: 0;
   height: 0;
}
#page12136515 #ipoheader {
   min-height: 17.6rem;
}
.title-container {
   margin-bottom: 8.9rem;
}
.title-container > h1 {
   display: block;
   color: #231a02;
   font-size: 65px;
   margin: 0;
}
.title-container > p {
   color: #352807;
   font-size: 55px;
   margin-bottom: 2.75rem;
}
.about-btns .action-button:hover span,
.title-container>p>a,
.title-container>p>a:hover,
.title-container>p>a:visited {
   color: #352807;
}
.title-container > p > .action-button {
   font-size: 40px;
   display: flex;
   align-items: center;
   gap: 3rem;
   margin: 0 auto;
   width: -moz-fit-content;
   width: fit-content;
   padding: 0.45rem 2.5rem 0.45rem 3.5rem;
   border-radius: 100px;
   text-shadow: none;
   box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.25);
}
.title-container > p > .action-button:hover {
   color: #fff;
   background-color: #786a4e;
}
.wrapper-inner {
   position: relative;
   margin-bottom: 3.65rem;
}
.wrapper-inner::before {
   content: " ";
   position: absolute;
   z-index: -5;
   top: -2.5rem;
   left: 50%;
   transform: translateX(-50%);
   width: 2000px;
   height: 491px;
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2000' height='491' viewBox='0 0 2000 491' fill='none'%3E%3Cpath d='M281.161 0.00369416C401.042 0.643899 455.906 62.766 564.884 43.7801C758 10.1354 746.107 57.071 859.873 49.8972C969.771 42.9674 1042.42 -17.9502 1124.65 10.1355C1154.23 20.2394 1146.26 32.9082 1173.81 43.7801C1252.16 74.6906 1311.5 10.1355 1415.5 43.7801C1457.07 57.228 1531.05 21.6093 1583.01 15.2967C1675.55 4.05308 1743.63 38.5776 1828.83 30.5896L2047 10.1355V120.245L2000 120.196V372.834L2023 372.858V490.997C2023 490.997 2015.77 470.564 1995.86 460.411C1934.29 429.017 1846.06 491.553 1741.84 490.997C1621.96 490.357 1567.09 428.234 1458.12 447.22C1265 480.865 1276.89 433.93 1163.13 441.103C1053.23 448.033 980.577 508.951 898.354 480.865C868.774 470.761 876.745 458.092 849.188 447.22C770.841 416.31 711.5 480.865 607.5 447.22C565.93 433.772 491.952 469.391 439.993 475.704C347.448 486.947 279.369 452.423 194.169 460.411L-24 480.865V370.756L0 370.78V0.00369416C0.0294933 0.0868436 7.27118 20.4573 27.1426 30.5896C88.7127 61.9836 176.938 -0.552745 281.161 0.00369416Z' fill='%23FFF5B5'/%3E%3C/svg%3E");
   background-repeat: no-repeat;
}
.wrapper-inner > h2 {
   margin: 0 0 -0.15rem;
   color: #6a5e42;
   text-shadow: 0 4px 10px rgba(106, 94, 66, 0.25);
   font-size: 65px;
   font-weight: 700;
}
.widget-body {
   display: grid;
   gap: 24px;
   margin-bottom: 3.5rem;
}
.widget-link {
   position: relative;
   display: flex;
   gap: 0.5rem;
   flex-direction: column;
   text-decoration: none;
   padding: 0.85rem 1.5rem 1.5rem;
   border-radius: 40px;
   background-color: rgba(255, 255, 255, 0.8);
   background-repeat: no-repeat;
   background-position: center bottom;
   background-image: url(/file.php?nid=21655&oid=12486677);
   transition: 0.25s linear;
}
.widget-text,
.widget-title {
   display: -webkit-box;
   line-height: normal;
   -webkit-box-orient: vertical;
   text-overflow: ellipsis;
   overflow: hidden;
}
.widget-date {
   color: #000;
   font-size: 20px;
   font-weight: 700;
}
.widget-link:hover,
form .form-vertical .form-item .form-item-field>select {
   background-color: #fff;
}
.widget-title {
   font-size: 35px;
   text-decoration: underline;
   -webkit-line-clamp: 1;
   transition: 0.25s linear;
}
.widget-text {
   margin-top: 0.5rem;
   -webkit-line-clamp: 3;
   font-size: 20px;
}
.wrapper-btns {
   display: flex;
   gap: 26px;
   justify-content: center;
   align-items: center;
}
.wrapper-btns > .action-button {
   margin: 0;
   padding: 0.5em 3.5em;
}
.wrapper-btns > .action-button:nth-of-type(1),
.wrapper-btns > .action-button:nth-of-type(1):visited {
   font-size: 30px;
   color: #fff;
   background-color: #786a4e;
   border-radius: 100px;
}
.wrapper-btns > .action-button:nth-of-type(1):hover,
.wrapper-btns > .action-button:nth-of-type(1):visited:hover {
   color: #352807;
   background-color: #c5e2b7;
}
.wrapper-btns > .action-button:last-of-type,
.wrapper-btns > .action-button:last-of-type:visited {
   font-size: 30px;
   border-radius: 100px;
}
.about-photos {
   position: relative;
   grid-template-columns: 1fr 1fr;
}
.about-photos::before {
   top: -18rem;
   transform: translateX(-175%);
   width: 628px;
   height: 485px;
   background-image: url(/image.php?nid=21655&oid=12488914);
}
.about-photos::after {
   top: -27rem;
   transform: translateX(89%);
   width: 529px;
   height: 1037px;
   background-image: url(/image.php?nid=21655&oid=12488913);
}
.about-photo:nth-of-type(1) > p,
.about-photo:nth-of-type(2) > p {
   position: absolute;
   top: unset;
   margin-inline: auto;
   color: #352807;
   font-size: 45px;
   border-radius: 100px;
   font-weight: 400;
   text-align: center;
}
.about-photo {
   position: relative;
   display: flex;
   height: -moz-fit-content;
   height: fit-content;
}
.about-photo > img {
   filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.25));
}
.about-photo:nth-of-type(1) > p {
   bottom: -1rem;
   width: -moz-fit-content;
   width: fit-content;
   background: #fff5b5;
   padding: 0.6rem 3.6rem;
}
.about-photo:nth-of-type(2) > p {
   z-index: 1;
   bottom: -5.5rem;
   width: -moz-fit-content;
   width: fit-content;
   background: #c5e2b7;
   padding: 0.6rem 5.6rem;
}
.about-btns .action-button {
   margin: 0;
   padding: 0.3rem 4.3rem;
   display: flex;
   gap: 1rem;
   align-items: center;
   border-radius: 100px;
   background: #786a4e;
   box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.25);
   font-size: 40px;
}
#page12373633 #frm-form::after,
.about-container::before {
   transform: translateX(-50%);
   width: 2000px;
   height: 964px;
   background-image: url(/image.php?nid=21655&oid=12529589);
   left: 50%;
}
#page12373633 #frm-form::after,
.about-container::before,
.contact-container:nth-of-type(1):before,
.contact-container:nth-of-type(2):before {
   z-index: -1;
   background-position: center;
   background-repeat: no-repeat;
   content: " ";
   position: absolute;
}
.about-btns .action-button span {
   color: #fff;
   transition: 0.25s linear;
}
.about-btns {
   margin: 4rem auto 3.5rem;
   gap: 7rem;
   justify-content: center;
}
.about-btns .action-button:hover {
   background-color: #c5e2b7;
}
.about-btns .action-button:hover svg path {
   fill: #352807;
}
.about-container {
   position: relative;
}
.about-container::before {
   top: -18rem;
}
.about-container > h2 {
   margin: 0 0 0.75rem;
   color: #1f186a;
   font-size: 60px;
}
.about-container > p {
   font-size: 20px;
   line-height: normal;
   margin-bottom: 1.5rem;
}
#page12373633 #frm-form {
   position: relative;
   margin: 0;
}
#page12373633 #frm-form::after {
   top: 1rem;
}
#page12373633 #frm-form .form-vertical {
   position: relative;
   display: flex;
   flex-flow: row wrap;
   gap: 0.5em;
   padding: 4.85rem 0 0;
   margin: 0;
}
#page12373633 #frm-form .form-vertical:before {
   content: "Kontaktní formulář";
   position: absolute;
   top: 0;
   color: #000;
   font-family: "Atma",sans-serif;
   font-size: 60px;
   font-weight: 700;
}
#page12373633 #frm-form .form-item-label,
[data-user-mode] .add-image {
   margin: 0;
}
#page12373633 #frm-form .form-item,
form .form-vertical .form-item.recaptcha {
   width: 100%;
}
#page12373633 #frm-form .form-item .form-item-field {
   margin: 0.65rem 0 0;
}
#page12373633 #frm-form .form-item.approval {
   margin: 1.45rem 0 1rem;
}
#page12373633 #frm-form .form-item .form-item-field > textarea,
#page12373633 #frm-form .form-item .form-item-field input:not([type=submit]) {
   border-radius: 40px;
   background: #fff;
   box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.25);
}
#page12373633 #frm-form .form-item .form-item-field > textarea:focus,
#page12373633 #frm-form .form-item .form-item-field input:not([type=submit]):focus {
   background: #eee;
}
#page12373633 #frm-form fieldset {
   border: none;
   padding: 0;
   margin: 0;
}
#page12373633 #frm-form fieldset:first-of-type {
   width: 40.5%;
}
#page12373633 #frm-form fieldset:first-of-type > .form-item:last-of-type,
#page12373633 #frm-form fieldset:first-of-type > .form-item:last-of-type .form-item-field {
   margin: 0.4em 0 0;
}
#page12373633 #frm-form fieldset:last-of-type {
   width: 57%;
   margin-left: auto;
}
#page12373633 #frm-form fieldset:last-of-type .form-item {
   display: flex;
   flex-direction: column;
   height: 100%;
   margin: 0;
}
#page12373633 #frm-form fieldset:last-of-type .form-item .form-item-field {
   height: 100%;
   margin-bottom: 0;
}
#page12373633 #frm-form fieldset:last-of-type .form-item .form-item-field textarea {
   height: 100%;
   resize: none;
   margin: 0;
}
#page12373633 #frm-form .action-button {
   padding: 0.75rem 3rem;
   margin: 0;
}
.contact-container {
   position: relative;
   grid-template-columns: repeat(3, 1fr);
   align-items: center;
   gap: 1rem;
   margin: 0 0 3rem;
}
.contact-container:nth-of-type(1):before {
   top: -4rem;
   transform: translateX(-260%);
   left: 50%;
   width: 389.314px;
   height: 253.625px;
   background-image: url(/image.php?nid=21655&oid=12530197);
}
.contact-container:nth-of-type(2):before {
   top: -16rem;
   transform: translateX(220%);
   right: 50%;
   width: 500px;
   height: 500px;
   background-image: url(/image.php?nid=21655&oid=12530200);
}
.contact-container h2 {
   font-size: 60px;
   white-space: nowrap;
   margin: 0 0 1rem;
}
.contact-container h3 {
   font-size: 50px;
}
.contact-container p {
   margin-bottom: 0.85rem;
}
.contact-link {
   position: relative;
   display: flex;
   width: -moz-fit-content;
   width: fit-content;
   height: -moz-fit-content;
   height: fit-content;
   text-decoration: none;
}
.contact-link > .action-button {
   position: absolute;
   left: -3rem;
   bottom: 4rem;
   font-size: 25px;
   padding: 0.6rem 1.5rem;
   margin: 0;
   border-radius: 100px;
   color: #fff;
   background: #786a4e;
   box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.25);
}
.contact-link:hover img {
   filter: brightness(0.75);
}
.contact-link > img {
   border-radius: 25px;
   transition: 0.25s linear;
}
.contact-grid {
   gap: 2rem;
   grid-template-columns: 1fr 1fr;
   margin-bottom: 2rem;
}
.contact-item {
   padding: 1.5em;
   border: 2px solid #003381;
}
.item-span {
   display: grid;
   grid-template-columns: 42% 1fr;
   gap: 1rem;
}
.error-page #ipoheader {
   min-height: 12rem;
}
#iponavigation {
   position: relative;
   margin: 0 0 2rem;
}
#iponavigation h1 {
   display: block;
   text-shadow: 0 4px 4px rgba(31, 24, 106, 0.3);
   margin: 0.5rem auto 0;
}
#iponavigation p {
   color: #000;
   font-weight: 400;
   padding: 0;
   font-size: 18px;
}
#iponavigation img {
   position: absolute;
   inset: 0;
   z-index: -5;
   width: 100%;
   height: 100%;
   opacity: 0.1;
   -o-object-fit: cover;
   object-fit: cover;
}
#iponavigation a,
#iponavigation a:visited {
   color: #000;
   text-decoration: underline;
}
#iponavigation a:hover {
   color: #000;
   text-decoration: none;
}
#iponavigation .separator {
   margin: 0 8px;
   position: relative;
   padding: 0;
   width: 15px;
   text-indent: -2000em;
   display: inline-block;
}
#iponavigation .separator::before {
   content: " ";
   position: absolute;
   inset: 0;
   top: 50%;
   transform: translateY(-50%);
   width: 15px;
   height: 15px;
   border-radius: 100%;
   background-color: #1daeef;
}
#iponavigation .currentPage {
   color: #000;
   font-weight: 700;
}
input,
select,
textarea {
   border: 1px solid #003381;
   color: #000;
}
select:focus {
   border: 1px solid #c5e2b7;
}
form .form-vertical {
   margin-top: 2rem;
   background: 0 0;
   padding: 0;
}
form .form-vertical .form-item .form-item-field > * {
   padding: 0.5em 1em;
}
form .form-vertical .form-item .form-item-field > textarea:focus,
form .form-vertical .form-item .form-item-field input:not([type=submit]):focus {
   background: #eee;
   border: 1px solid #000;
}
form .form-vertical .form-item .form-item-field > textarea,
form .form-vertical .form-item .form-item-field input:not([type=submit]) {
   border-radius: 25px;
}
form .form-vertical .form-item .form-item-field > textarea {
   resize: none;
   height: 8em;
}
form .form-vertical .form-item .form-item-field > input[type=submit] {
   padding: 0.75rem 1rem;
   margin-top: 1rem;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
}
form .form-vertical .form-item {
   margin-bottom: 1rem;
}
form .form-vertical .approval {
   margin: 1rem 0;
   font-weight: 400;
   font-size: 0.9em;
   clear: both;
   position: relative;
   color: #000;
}
form .form-vertical .approval:after {
   content: ".";
   display: inline-block;
}
.blog.view-archives .articles,
.blog.view-default .articles {
   display: grid;
   gap: 1rem;
   grid-template-columns: 100%;
   margin: 0;
}
.blog.view-archives .article,
.blog.view-default .article {
   width: 100%;
   padding: 0 1rem 1rem;
   margin-bottom: 0;
   border-radius: 0;
   border-top: 5px solid #c5e2b7;
   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 #c5e2b7;
}
.blog.view-archives .article h2,
.blog.view-default .article h2 {
   font-size: 1.3rem;
   margin: 1.2rem 0;
   letter-spacing: 0;
   min-height: auto;
   color: #000;
}
.blog.view-archives .article h2 a:hover,
.blog.view-default .article h2 a:hover {
   opacity: 1;
   color: #000;
   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;
}
ul.albums.matrix {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;
   grid-gap: 1em;
   margin-top: 1em;
}
.gallery .matrix {
   border-radius: 0;
   margin: 0;
}
.gallery .matrix .title {
   display: -webkit-box;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
   -webkit-line-clamp: 4;
   min-height: auto;
   font-size: 1.25em;
   line-height: 1.25;
   color: #fff;
   font-weight: 700;
   font-family: "Truculenta",sans-serif;
   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: #000;
   border-radius: 0;
   margin: 0;
   box-shadow: none;
   width: auto;
   position: relative;
   overflow: hidden;
   transition: 0.25s linear;
   min-height: 300px;
}
.gallery .matrix li:hover {
   background: #c5e2b7;
   box-shadow: none;
}
.gallery .matrix li:hover .title {
   transform: translateY(-35px);
}
.gallery .matrix li .vstup:after,
.gallery .matrix li .vstup:before {
   width: 25%;
   height: 1px;
   display: block;
   top: 50%;
   transform: translateY(-50%);
   background: #fff;
   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: 0.94em;
   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%;
   grid-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 {
   grid-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;
}
.header-fulltext {
   position: relative;
   z-index: 101;
   width: 11.5rem;
   display: flex;
   height: -moz-fit-content;
   height: fit-content;
   transition: 0.25s linear;
}
.elasticSearchForm {
   display: none;
   background: 0 0;
   width: 100%;
   position: relative;
   top: auto;
   left: auto;
   right: auto;
   z-index: 1;
   opacity: 1;
   height: 3.2rem;
}
.elasticSearchForm .elasticSearch-autocomplete {
   width: 500px;
   top: 3em;
   position: absolute;
   left: auto;
   right: 0;
   margin: 0 auto;
}
.elasticSearchForm .newsbody {
   width: 100%;
   padding: 0;
   background: none;
   box-shadow: none;
}
.elasticSearchForm.active form input[type=text] {
   border: 1px solid #c5e2b7;
   color: #000;
   box-shadow: none;
   background: #fff;
   opacity: 1;
}
.elasticSearchForm.active form input[type=text]::-moz-placeholder {
   opacity: 1;
   color: #000;
   -moz-transition: 0.25s linear;
   transition: 0.25s linear;
}
.elasticSearchForm.active form input[type=text]::placeholder {
   opacity: 1;
   color: #000;
   transition: 0.25s linear;
}
.elasticSearchForm form input[type=text] {
   font-family: "Truculenta",sans-serif;
   margin: 0;
   padding: 7px 52px 8px 18px;
   border-radius: 0;
   width: 100%;
   height: 56px;
   color: #fff;
   font-size: 16px;
   font-weight: 700;
   text-align: left;
   border: 2px solid transparent;
   box-shadow: none;
   background: 0 0;
   text-transform: lowercase;
   transition: 0.25s linear;
}
.elasticSearchForm form input[type=text]:focus {
   border: 2px solid #fff;
}
.elasticSearchForm form input[type=text]::-moz-placeholder {
   color: #fff;
}
.elasticSearchForm form input[type=text]::placeholder {
   color: #fff;
}
.elasticSearchForm form input.action-button {
   border: none;
   box-shadow: none;
   cursor: pointer;
   width: 36px;
   height: 36px;
   margin: 0;
   background-color: #fff;
   -webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="27" height="27" viewBox="0 0 27 27" fill="none"><path d="M19.125 19.125L23.625 23.625" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M21.375 12.375C21.375 7.40443 17.3456 3.375 12.375 3.375C7.40443 3.375 3.375 7.40443 3.375 12.375C3.375 17.3456 7.40443 21.375 12.375 21.375C17.3456 21.375 21.375 17.3456 21.375 12.375Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
   mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="27" height="27" viewBox="0 0 27 27" fill="none"><path d="M19.125 19.125L23.625 23.625" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M21.375 12.375C21.375 7.40443 17.3456 3.375 12.375 3.375C7.40443 3.375 3.375 7.40443 3.375 12.375C3.375 17.3456 7.40443 21.375 12.375 21.375C17.3456 21.375 21.375 17.3456 21.375 12.375Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
   -webkit-mask-position: center;
   mask-position: center;
   -webkit-mask-repeat: no-repeat;
   mask-repeat: no-repeat;
   text-indent: -2000em;
   border-radius: 50%;
   padding: 0;
   float: right;
   top: -2.65rem;
   right: 2px;
   z-index: 1;
   transition: 0.25s linear;
}
.elasticSearchForm form input.action-button:hover {
   background-color: #786a4e;
}
.elasticSearch-autocomplete .elasticSearch-autocompleteResult {
   border: 1px solid transparent;
   box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25);
}
#ui-datepicker-div.ui-datepicker {
   width: 20em;
   border: none;
   padding: 1em;
   border-radius: 0;
   background: #fff;
   font-family: "Truculenta",sans-serif;
   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: "Truculenta",sans-serif;
}
.img-vcelky {
	width: 26%;
}
@media only screen and (max-width: 1800px) {
   .header-logo {
      margin-left: 0;
   }
   .header-logo > img {
      width: auto;
      height: 6rem;
   }
}
@media only screen and (max-width: 1600px) {
   h1 {
      font-size: 2.5em;
   }
   #ipoheader {
      min-height: 27.5rem;
   }
   .sub-bg {
      width: 100%;
   }
   .sub-bg > img {
      width: 100%;
      height: 30rem;
      -o-object-fit: cover;
      object-fit: cover;
   }
   .contact-container {
      margin: -2rem 0 3rem;
   }
   .contact-link {
      height: 100%;
   }
   .error-page #ipoheader {
      min-height: 11rem;
   }
}
@media only screen and (max-width: 1280px) {
   .footer-container,
   ul.albums.matrix {
      grid-template-columns: 1fr 1fr;
   }
   h1 {
      font-size: 1.94em;
   }
   #page12373633 #frm-form .form-vertical:before,
   h2 {
      font-size: 1.67em;
   }
   #iponavigation h1,
   #iponavigation p,
   #ipotopmenu,
   .content,
   .error,
   .layout-container {
      max-width: 988px;
   }
   #ipoheader {
      min-height: 26rem;
   }
   .hp-bg > img {
      height: 49rem;
   }
   .sub-bg > img {
      height: 27rem;
   }
   #ipotopmenuwrapper ul.topmenulevel1 li.noborder > a,
   #ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1 > a {
      padding: 1em 0;
   }
   #ipotopmenu ul.topmenulevel1 li.topmenuitem1 ul.topmenulevel2 {
      grid-template-columns: repeat(2, 1fr);
   }
   .footer-container {
      gap: 2rem;
   }
   .footer-map .action-button {
      font-size: 1rem;
   }
   #page12136515 #ipoheader {
      min-height: 14rem;
   }
   .title-container > h1 {
      font-size: 35px;
      margin-bottom: 1rem;
   }
   .contact-container h3,
   .title-container>p {
      font-size: 30px;
   }
   .wrapper-inner > h2 {
      font-size: 50px;
      margin-bottom: 2rem;
   }
   .widget-body {
      gap: 1em;
   }
   .about-photo > img {
      width: 100%;
      height: auto;
   }
   .about-btns .action-button,
   .about-photo:nth-of-type(1)>p {
      font-size: 1.5rem;
   }
   .about-photo:nth-of-type(2) > p {
      font-size: 1.5rem;
      bottom: -3rem;
   }
   .about-container > h2 {
      font-size: 40px;
   }
   .contact-container:nth-of-type(1):before {
      transform: translateX(-230%);
      top: -3rem;
   }
   .contact-container:nth-of-type(2):before {
      transform: translateX(170%);
   }
   .contact-container h2 {
      font-size: 35px;
   }
   .contact-link > img {
      width: 100%;
      -o-object-fit: contain;
      object-fit: contain;
   }
   .error-page #ipoheader {
      min-height: 12rem;
   }
   #iponavigation h1 {
      margin: 0 auto 1rem;
   }
   #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;
   }
	.img-vcelky {
	width: 35%;
	}
}
@media only screen and (max-width: 1024px) {
   .leftFloat,
   .rightFloat {
      margin-bottom: 0.5em;
      float: none;
   }
   #ipopage .noticeBoard table.datagrid tbody tr td:before,
   .menu-toggler {
      font-weight: 700;
   }
   #iponavigation h1,
   #ipopage .noticeBoard table.datagrid .file-type,
   #ipotopmenuwrapper ul.topmenulevel1 li.noborder>a::before,
   #ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1>a::before,
   #page12373633 #frm-form::after,
   .about-btns .action-button svg,
   .about-container::before,
   .about-photo:nth-of-type(1)>p svg,
   .about-photo:nth-of-type(2)>p svg,
   .about-photos,
   .about-photos::after,
   .about-photos::before,
   .contact-container:nth-of-type(1):before,
   .contact-container:nth-of-type(2):before,
   .contact-link>img,
   .gallery .matrix li .vstup,
   .menu-toggler>span:first-of-type,
   .title-container>p>.action-button svg,
   .tooltipster-base.tooltipster-sidetip,
   .wrapper-inner::before {
      display: none;
   }
   .leftFloat,
   .menu-toggler,
   .rightFloat,
   .weather .forecast .weather-day:first-child > span,
   h1 {
      display: block;
   }
   #ipopage .noticeBoard table.datagrid .grid-info select,
   .image-detail[data-caption],
   .menu-toggler > span {
      display: inline-block;
   }
   h1 {
      font-size: 1.75rem;
      letter-spacing: 0;
      margin: 1rem 0;
   }
   .noticeBoardOverview-item h2,
   h2 {
      font-size: 1.25em;
   }
   h3 {
      font-size: 1.15em;
   }
   h4 {
      font-size: 1em;
   }
   .paragraph .ipo-widget[data-mce-fragment],
   .subpage-rozcestnik {
      padding: 0.5em 1.5em;
   }
   .paragraph .ipo-widget[data-mce-fragment] ul,
   .subpage-rozcestnik ul {
      grid-template-columns: 100%;
   }
   #ipopage,
   #page12373633 #frm-form .form-vertical,
   .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;
   }
   .forecast {
      margin-bottom: 1em;
   }
   .forecast .weather-day,
   .other-days .weather-day {
      float: none;
      width: 100%;
      padding: 0;
      margin: 0 0 1em;
      text-align: left;
   }
   #page12373633 #frm-form .form-item.approval,
   .contact-link,
   .weather-state {
      margin: 0;
   }
   #ui-datepicker-div.ui-datepicker,
   .comments>.comment,
   .contact-item,
   .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 {
      top: 1em;
      padding: 0.5em 1em;
      margin: 0 1em 0 0;
      right: 0;
      background: #786a4e;
      border-radius: 30px;
      width: 50px;
      height: 50px;
      display: grid;
      place-content: center;
   }
   .menu-toggler:hover {
      background: #000;
   }
   .menu-toggler > span {
      color: #fff;
      font-size: 1.2em;
      padding: 0;
      font-weight: 700;
      z-index: 1;
      position: relative;
   }
   .menu-toggler .genericon {
      color: #fff;
      top: 0;
      padding-left: 0;
   }
   .menu-toggler:hover .genericon,
   .menu-toggler:hover span {
      color: #fff;
   }
   #back-to-top {
      color: #fff;
      background-color: #000;
      box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
      border-radius: 30px;
      line-height: 1.15;
      z-index: 102;
   }
   .widget-text,
   .wrapper-btns>.action-button:last-of-type,
   .wrapper-btns>.action-button:last-of-type:visited,
   .wrapper-btns>.action-button:nth-of-type(1),
   .wrapper-btns>.action-button:nth-of-type(1):visited,
   body.mce-content-body.ipopagetext .about-photo:nth-of-type(1)>p,
   body.mce-content-body.ipopagetext .about-photo:nth-of-type(2)>p {
      font-size: 1rem;
   }
   .icons .lokace,
   .icons a[href^="mailto:"],
   .icons a[href^="tel:"] {
      padding-left: 1.8rem;
   }
   .icons .lokace::before,
   .icons a[href^="mailto:"]::before,
   .icons a[href^="tel:"]::before {
      width: 25px;
      height: 25px;
      background-size: 12px;
   }
   #iponavigation h1,
   #iponavigation p,
   #ipotopmenu,
   .content,
   .error,
   .layout-container {
      max-width: 100%;
   }
   .content,
   .error {
      padding: 0 1em;
   }
   .menu-container > a > img {
      width: 100%;
      height: 9rem;
      -o-object-fit: contain;
      object-fit: contain;
   }
   #ipoheader,
   .error-page #ipoheader {
      min-height: auto;
   }
   .header-inner {
      padding: 1em;
      gap: 1rem;
      flex-direction: column;
   }
   .header-logo {
      margin: 0;
      align-items: center;
      max-height: -moz-fit-content;
      max-height: fit-content;
   }
   .header-logo > img {
      width: auto;
      height: 50px;
   }
   .header-links {
      display: grid;
      grid-template-columns: repeat(4, 30px) auto;
      gap: 1rem;
      margin: 0;
   }
   .contact-container,
   .contact-grid,
   .footer-container,
   .footer-inner,
   .item-span,
   .widget-body {
      grid-template-columns: 100%;
   }
   .header-links > a {
      width: 32px;
      height: 32px;
   }
   .header-links > a img,
   .header-links > a svg {
      width: 19px;
      height: 19px;
      -o-object-fit: contain;
      object-fit: contain;
   }
   .hp-bg > img {
      height: 21rem;
   }
   .sub-bg > img {
      width: 0;
      height: 0;
   }
   #ipotopmenuwrapper {
      top: 7.65rem;
      padding-top: 0;
      background-color: #fff;
      border-top: 3px solid #786a4e;
      border-bottom: 3px solid #786a4e;
   }
   #ipotopmenuwrapper ul.topmenulevel1 {
      flex-direction: column;
      flex-wrap: nowrap;
      float: none;
      background: 0 0;
      justify-content: center;
      border: none;
      padding: 0;
      margin: 0;
      border-radius: 0;
   }
   #ipotopmenuwrapper ul.topmenulevel1 li.noborder,
   #ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1 {
      position: relative;
      width: 100%;
   }
   #ipotopmenuwrapper ul.topmenulevel1 li.noborder.active > a,
   #ipotopmenuwrapper ul.topmenulevel1 li.noborder.active > a.nolink,
   #ipotopmenuwrapper ul.topmenulevel1 li.noborder:hover > a,
   #ipotopmenuwrapper ul.topmenulevel1 li.noborder:hover > a.nolink,
   #ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1.active > a,
   #ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1.active > a.nolink,
   #ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1:hover > a,
   #ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1:hover > a.nolink {
      background-color: #786a4e;
      color: #fff;
   }
   #ipotopmenuwrapper ul.topmenulevel1 li.noborder > a,
   #ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1 > a {
      font-size: 1rem;
      color: #000;
      letter-spacing: 0;
      padding: 0.7rem 1rem;
      text-align: left;
   }
   #ipotopmenu ul.topmenulevel1 li.topmenuitem1 ul.topmenulevel2 {
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
      padding: 0;
      border-radius: 0;
      grid-template-columns: auto;
      width: calc(100% - 2em);
      display: none;
   }
   #ipotopmenu ul.topmenulevel1 li.topmenuitem1 ul.topmenulevel2 li.topmenuitem2 > a {
      text-align: left;
      padding: 0.7em;
      background: #fff;
      box-shadow: none;
      border-radius: 0;
   }
   #ipotopmenuwrapper ul.topmenulevel1 li.noborder.active.hasSubmenu .open-submenu:before,
   #ipotopmenuwrapper ul.topmenulevel1 li.noborder.hasSubmenu .open-submenu.see-more:before,
   #ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1.active.hasSubmenu .open-submenu.see-more:before,
   #ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1.hasSubmenu .open-submenu.see-more:before {
      transform: rotate(180deg);
   }
   #ipotopmenuwrapper ul.topmenulevel1 li.noborder.active.hasSubmenu ul.topmenulevel2,
   #ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1.active.hasSubmenu ul.topmenulevel2 {
      visibility: visible;
      display: block;
   }
   #ipotopmenuwrapper ul.topmenulevel1 li.noborder.hasSubmenu.active .open-submenu,
   #ipotopmenuwrapper ul.topmenulevel1 li.noborder.hasSubmenu:hover .open-submenu,
   #ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1.hasSubmenu.active .open-submenu,
   #ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1.hasSubmenu:hover .open-submenu {
      background: 0 0;
   }
   #ipotopmenuwrapper ul.topmenulevel1 li.noborder.hasSubmenu.active .open-submenu:before,
   #ipotopmenuwrapper ul.topmenulevel1 li.noborder.hasSubmenu:hover .open-submenu:before,
   #ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1.hasSubmenu.active .open-submenu:before,
   #ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1.hasSubmenu:hover .open-submenu:before {
      border-color: #fff transparent transparent;
   }
   #ipotopmenuwrapper ul.topmenulevel1 li.noborder.hasSubmenu > a,
   #ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1.hasSubmenu > a {
      padding: 0.7em 4rem 0.7em 1em;
   }
   #ipotopmenuwrapper ul.topmenulevel1 li.noborder.hasSubmenu > a > span:first-of-type,
   #ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1.hasSubmenu > a > span:first-of-type {
      position: relative;
   }
   #ipotopmenuwrapper ul.topmenulevel1 li.noborder.hasSubmenu .open-submenu,
   #ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1.hasSubmenu .open-submenu {
      width: 30px;
      height: 30px;
      background: #786a4e;
      display: inline-block;
      position: absolute;
      top: 0.6em;
      right: 1em;
      transition: 0.25s linear;
   }
   #ipotopmenuwrapper ul.topmenulevel1 li.noborder.hasSubmenu .open-submenu:before,
   #ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1.hasSubmenu .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: #fff transparent transparent;
      top: 11px;
      transition: 0.25s linear;
   }
   #ipocopyright {
      margin-inline: 0;
   }
   .footer-inner {
      padding: 1.5em 1em;
   }
   .footer-container {
      padding: 0;
      gap: 1rem;
   }
   .footer-container::after,
   .footer-container::before,
   .footer-inner:nth-of-type(1):before,
   .footer-inner:nth-of-type(2)::after,
   .footer-inner:nth-of-type(2):before {
      display: none;
      background: 0 0;
   }
   .footer-inner {
      padding: 1.5em 1;
      background: #c5e2b7;
   }
   .footer-inner:nth-of-type(1) {
      padding: 1.5em 1em;
      background-color: #d4f0f9;
   }
   .footer-info > h5 {
      font-size: 1.1rem;
      margin-bottom: 0.5rem;
   }
   .footer-info > p:nth-of-type(1) {
      font-size: 1rem;
      margin-bottom: 0.5rem;
   }
   .footer-info > p {
      font-size: 1rem;
      line-height: 1.5;
   }
   .footer-links > p {
      line-height: 1.5;
   }
   .copy {
      font-size: 0.7em;
      line-height: 1.5;
      padding: 1em 1em 7em;
   }
   #page12136515 #ipoheader {
      min-height: 23rem;
   }
   .title-container {
      margin-bottom: 2rem;
   }
   .title-container > h1 {
      font-size: 1.5rem;
      line-height: 1.5;
   }
   .title-container > p {
      font-size: 1rem;
      margin-bottom: 1rem;
   }
   .title-container > p > .action-button {
      font-size: 1rem;
      padding: 0.6rem 1.25rem;
      margin: 0;
      box-shadow: none;
   }
   .wrapper-inner {
      margin-bottom: 0;
   }
   .wrapper-inner > h2 {
      text-align: left;
      font-size: 1.5rem;
      text-shadow: none;
      margin-bottom: 1.5rem;
   }
   #page12373633 #frm-form fieldset:first-of-type>.form-item:last-of-type,
   .about-container > p {
      margin-bottom: 0.5rem;
   }
   .widget-body {
      margin-bottom: 2rem;
   }
   .widget-link {
      gap: 0.5rem;
      padding: 1.5em 1em;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
   }
   .widget-date {
      order: -1;
   }
   .widget-title {
      display: block;
      font-size: 1rem;
   }
   .wrapper-btns {
      gap: 1rem;
      margin-bottom: 1rem;
   }
   .wrapper-btns > .action-button {
      width: 100%;
      padding: 0.5em 2em;
   }
   .about-photo:nth-of-type(1)>p,
   .about-photo:nth-of-type(2)>p {
      font-size: 1rem;
      padding: 1rem;
   }
   .about-btns .action-button {
      font-size: 1rem;
      padding: 0.5rem 1rem;
      justify-content: center;
      box-shadow: none;
   }
   .about-btns {
      gap: 0.5rem;
      flex-direction: column;
      margin: 0 0 2rem;
   }
   .about-container > h2 {
      font-size: 1.2rem;
   }
   .about-container > p {
      font-size: 1rem;
      line-height: 1.5;
   }
   #page12373633 #frm-form .form-vertical:before {
      position: static;
      display: block;
      letter-spacing: 0;
      font-size: 1.25em;
      margin-bottom: 0.5rem;
   }
   #page12373633 #frm-form .form-item .form-item-field {
      margin: 0.4em 0 0;
   }
   #page12373633 #frm-form fieldset:first-of-type,
   #page12373633 #frm-form fieldset:last-of-type {
      width: 100%;
   }
   #page12373633 #frm-form fieldset:last-of-type .form-item .form-item-field textarea {
      height: 6em;
      resize: both;
   }
   #page12373633 #frm-form .action-button {
      padding: 0.6rem 1.25rem;
   }
   .contact-container {
      margin: 0 0 2rem;
   }
   .contact-container h2 {
      white-space: pre-wrap;
      font-size: 1.25rem;
      margin: 0 0 1rem;
   }
   .blog.view-archives .article h2,
   .blog.view-default .article h2,
   .contact-container h3,
   .contact-item>p:nth-of-type(1) {
      font-size: 1.1rem;
   }
   .contact-container p {
      line-height: 1.5;
      margin-bottom: 0.5em;
   }
   .contact-link > .action-button {
      position: static;
      padding: 0.6em 1.25em;
      font-size: 1rem;
      box-shadow: none;
   }
   .contact-grid {
      gap: 1em;
      margin-bottom: 1.5rem;
   }
   .item-span {
      gap: 0;
   }
   #iponavigation {
      padding: 0.5em 1em;
      margin: 0 0 1.5rem;
   }
   #iponavigation p {
      font-size: 16px;
      text-align: left;
   }
   #iponavigation img {
      display: none;
      width: 0;
      height: 0;
   }
   #iponavigation .separator::before {
      width: 10px;
      height: 10px;
   }
   #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;
      border: none;
      width: 100%;
   }
   #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 #c5e2b7;
      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 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%;
      grid-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;
   }
   .header-fulltext {
      width: 100%;
      margin: 0;
      grid-column: 1/-1;
   }
   .elasticSearchForm {
      height: 40px;
   }
   .elasticSearchForm .elasticSearch-autocomplete {
      width: 100%;
      top: 2.1rem;
      left: 0;
   }
   .elasticSearchForm form input[type=text] {
      height: 40px;
      font-size: 0.8em;
      border: 2px solid #eaeaea;
      padding: 8px 35px 8px 15px;
   }
   .elasticSearchForm form input.action-button {
      top: -2.1rem;
      right: 0.35rem;
      -webkit-mask-size: 25px;
      mask-size: 25px;
   }
		.img-vcelky {
	width: 100%;
	}
}
@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;
      grid-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: 15em;
   }
   #page12136515 #ipoheader {
      min-height: 17rem;
   }
   .contact-link {
      width: 100%;
   }
   .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) {
   .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;
   }
   .wrapper-btns {
      gap: 0.5rem;
      justify-content: unset;
      flex-direction: column;
   }
   .wrapper-btns > .action-button {
      width: 100%;
      padding: 0.7rem 1.25rem;
   }
   form .form-vertical {
      margin-top: 1rem;
   }
   form .form-vertical .form-item .form-item-field > textarea {
      height: 6em;
   }
   form .form-vertical .form-item .form-item-field > input[type=submit] {
      padding: 0.5em 1.5em;
   }
   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%;
      grid-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) {
   .menu-container {
      justify-items: center;
      grid-template-columns: 100%;
   }
   .menu-container > a > img {
      height: 6rem;
   }
   .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;
	}
}