/**
 * 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: #000000;
}
.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: #001546;
	border: 1px solid #001546;
	background-color: #ffffff;
;
}
.action-button:hover {
	color: #ffffff;
	border: 1px solid #ffffff;
	background-color: #001546;
;
	cursor: pointer;
}
.action-button:active {
	background-image: none;
	filter: none;
}
a.action-button, a.action-button:visited {
	color: #001546;
}
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 #ffffff;
}
#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: #001546;
	color: #ffffff;
}
#ipopage .content-paginator .paginator-current {
	background-color: #ffffff;
;
	color: #001546;
	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: #001546;
;
	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;
}
/*** elastic fulltext *********************************************************/
/*** 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: #001546;
			background-color: #ffffff;
		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: #001546;
	}

/*** 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: #ffffff;
}
#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 ************************************************************/
#ipopage th,
.albums#listImages div.clearfix p,
form .form-vertical .buttons .form-item-field,
p {
   text-align: left;
}
.error-page .sub-bg,
.header-links,
.hp-bg {
   height: -moz-fit-content;
}
.footer-info p,
.footer-text p {
   line-height: 36px;
   font-size: 20px;
}
#ipocopyright,
#ipoheader,
#iponavigation,
#ipotopmenuwrapper,
#page13136233 #ipocontainer,
#page13173386 #ipocontainer,
body.mce-content-body.ipopagetext {
   overflow-x: clip;
}
body,
html {
   font-size: 18px;
}
body,
h1,
h2,
h3,
h4,
h5,
h6 {
   font-family: "Poppins",sans-serif;
}
*,
::after,
::before {
   box-sizing: border-box;
}
a {
   -ms-hyphens: manual;
   hyphens: manual;
}
.action-button,
.action-button:visited,
a.action-button,
a.action-button:visited {
   border: 1px solid #001546;
   box-shadow: none;
   margin: 0.5rem 0;
   font-weight: 700!important;
   font-size: 1rem;
   padding: 0.5em 1.5em;
   border-spacing: unset;
   border-radius: 30px;
   display: inline-block;
   text-align: center;
   position: relative;
   transition: 0.25s ease-in-out;
   color: #001546;
   background-color: #fff;
}
.action-button:hover,
a.action-button:hover {
   border: 1px solid #001546;
   font-weight: 700;
   color: #fff;
   background-color: #001546;
}
.cookie-button.action-button,
.cookie-button.action-button:hover,
.cookie-button.action-button:visited {
   padding: 0.4em 1em;
   font-size: 1em;
   text-transform: none;
   letter-spacing: 0;
}
.cookie-choice-settings .cookie-buttons input {
   font-size: 1em;
   text-transform: none;
   letter-spacing: 0;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
}
.cookie-choices-fixed a {
   background-color: #01214a;
   height: 37px;
   box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
   border-radius: 30px;
}
.cookie-choices-fixed a:hover {
   background: #000;
}
.cookie-choices-fixed a svg path,
.cookie-choices-fixed a:hover svg path,
.gallery .matrix li .vstup svg path {
   fill: #fff;
}
.comments .comment-footer>a:hover,
.system .newsNotificator .action-button,
.system .newsNotificator .action-button:visited {
   background: #01214a;
   color: #fff;
}
.js-accordion .ui-accordion-header.ui-state-active,
.js-accordion .ui-accordion-header.ui-state-active:nth-of-type(even),
.js-accordion .ui-accordion-header.ui-state-hover,
.js-accordion .ui-accordion-header.ui-state-hover:nth-of-type(even),
.js-accordion.ui-widget .ui-accordion-header.ui-state-active,
.js-accordion.ui-widget .ui-accordion-header.ui-state-active:nth-of-type(even),
.js-accordion.ui-widget .ui-accordion-header.ui-state-hover,
.js-accordion.ui-widget .ui-accordion-header.ui-state-hover:nth-of-type(even),
.system .newsNotificator .action-button:hover {
   background: #001546;
   color: #fff;
}
strong {
   font-weight: bold;
}
::-moz-selection {
   color: #fff;
   background: #000;
}
::selection {
   color: #fff;
   background: #000;
}
body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
html,
iframe,
object,
p,
span {
   margin: 0;
   padding: 0;
   border: 0;
   vertical-align: baseline;
}
.col-1-1,
.col-1-12,
.col-1-2,
.col-1-3,
.col-1-4,
.col-1-6,
.col-10-12,
.col-11-12,
.col-12-12,
.col-2-12,
.col-2-3,
.col-3-12,
.col-3-4,
.col-4-12,
.col-5-12,
.col-5-6,
.col-6-12,
.col-7-12,
.col-8-12,
.col-9-12,
.row {
   min-height: 1px;
   padding: 0;
}
table {
   border-collapse: collapse;
   border-spacing: 0;
}
html {
   background: none;
}
body {
   line-height: 1.5;
   font-weight: 400;
   font-optical-sizing: auto;
}
#ipocontainer a,
#ipocopyright a {
   -webkit-text-decoration-skip: ink;
   text-decoration-skip-ink: auto;
}
#ipofooter {
   min-height: 0;
}
.subscribe-toolbar .fa {
   margin-top: 4px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
   line-height: 1.25;
   margin-top: 0;
   margin-bottom: 0.5rem;
   font-weight: 800;
   color: #000;
}
h1 {
   display: none;
   font-size: 50px;
   margin: 1.5rem 0;
}
h2 {
   font-size: 40px;
   margin: 1.2rem 0;
}
h3 {
   font-size: 25px;
   margin: 1.1rem 0;
}
h4 {
   font-size: 1.1em;
}
p {
   line-height: 1.6;
   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;
}
.comments>.comment:last-of-type,
.footer-info p,
.footer-text p,
.menu-container p,
.paragraph .dokumenty li:last-of-type,
.title-container p {
   margin-bottom: 0;
}
.paragraph ul > li::before,
.seznam-ikona > li::before {
   content: " ";
   position: absolute;
   top: 9px;
   left: 0;
   text-indent: 0;
   width: 9px;
   height: 9px;
   background-color: #001546;
   border-radius: 100%;
}
.paragraph ul > ul,
.seznam-ikona > ul {
   padding-left: 2em;
}
.paragraph .dokumenty {
   margin-top: 2em;
}
.paragraph .dokumenty li {
   padding-left: 2.3em;
   margin-bottom: 1.2em;
   font-weight: 700;
}
.paragraph .dokumenty li:before {
   width: 1.5em;
   height: 1.5em;
   border-radius: 0;
   background-repeat: no-repeat;
   background-position: center;
   background-size: contain;
   background-color: transparent;
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%232f2f2f' d='M64 464H96v48H64c-35.3 0-64-28.7-64-64V64C0 28.7 28.7 0 64 0H229.5c17 0 33.3 6.7 45.3 18.7l90.5 90.5c12 12 18.7 28.3 18.7 45.3V288H336V160H256c-17.7 0-32-14.3-32-32V48H64c-8.8 0-16 7.2-16 16V448c0 8.8 7.2 16 16 16zM176 352h32c30.9 0 56 25.1 56 56s-25.1 56-56 56H192v32c0 8.8-7.2 16-16 16s-16-7.2-16-16V448 368c0-8.8 7.2-16 16-16zm32 80c13.3 0 24-10.7 24-24s-10.7-24-24-24H192v48h16zm96-80h32c26.5 0 48 21.5 48 48v64c0 26.5-21.5 48-48 48H304c-8.8 0-16-7.2-16-16V368c0-8.8 7.2-16 16-16zm32 128c8.8 0 16-7.2 16-16V400c0-8.8-7.2-16-16-16H320v96h16zm80-112c0-8.8 7.2-16 16-16h48c8.8 0 16 7.2 16 16s-7.2 16-16 16H448v32h32c8.8 0 16 7.2 16 16s-7.2 16-16 16H448v48c0 8.8-7.2 16-16 16s-16-7.2-16-16V432 368z'/%3E%3C/svg%3E");
   top: -2px;
}
.paragraph .ipo-widget[data-mce-fragment],
.subpage-rozcestnik {
   padding: 1em 2em;
   box-shadow: 0 0 40px -20px #000;
   margin: 1em 0;
   border-top: 3px solid #001546;
   background-color: #fff;
}
.ipopagetext {
   padding: 0 0 2rem;
}
.ipopagetext .error {
   padding-top: 1rem;
}
.paragraph .rwd-table table {
   width: 100%;
   margin: 1rem 0;
   border: none;
}
.paragraph .rwd-table table td,
.paragraph .rwd-table table th {
   border: none;
}
.paragraph .rwd-table tr:nth-child(odd) {
   background-color: #ebebeb;
}
.paragraph .rwd-table tr td,
.paragraph .rwd-table tr th {
   padding: 0.5em;
}
.paragraph .rwd-table table.evenWidth td {
   width: auto;
}
#ipopage .content-paginator .paginator-button,
#ipopage .content-paginator .paginator-current,
#ipopage .content-paginator .paginator-separator,
#ipopage .content-paginator .paginator-step {
   border: none;
   border-bottom: 2px solid #01214a;
}
#ipopage .content-paginator .paginator-button {
   max-width: inherit;
}
#ipopage .content-paginator .paginator-next,
#ipopage .content-paginator .paginator-prev,
.gallery .image-thumbnail img,
.image-wrapper,
.image-wrapper .image-inner-wrapper .image-thumbnail,
.image-wrapper .image-inner-wrapper a.image-detail {
   border-radius: 0;
}
#ipopage .content-paginator .paginator-button:hover,
#ipopage .content-paginator .paginator-current,
#ipopage .content-paginator .paginator-step:hover {
   color: #fff;
   background-color: #01214a;
}
#ipomain #ipopage .with-subscribe h1 {
   margin: 0;
   float: none;
}
[data-user-mode] .content.with-subscribe #snippet--toolbar {
   order: -3;
}
.content.with-subscribe {
   display: grid;
   grid-template-columns: 1fr auto;
   align-items: center;
   gap: 0.5em;
}
.content.with-subscribe > h1 {
   order: -2;
}
.content.with-subscribe > :not(h1,.subscribe-toolbar) {
   grid-column: 1/-1;
}
[data-user-mode] .ipopagetext .subscribe-toolbar {
   justify-content: flex-end;
}
.ipopagetext .subscribe-toolbar {
   display: flex;
   flex-flow: row wrap;
   justify-content: flex-start;
   gap: 0.5em;
   float: none;
   order: -1;
}
.ipopagetext .subscribe-toolbar .action-button {
   font-size: 1em;
   margin: 0;
   letter-spacing: 0;
   text-transform: none;
}
.ipopagetext .subscribe-toolbar .action-button:nth-of-type(1) {
   order: 1;
}
.article-img--main img {
   width: 250px;
   height: auto;
}
.image-detail[data-caption] {
   -webkit-backface-visibility: hidden;
   -webkit-transform: translateZ(0) scale(1, 1);
   position: relative;
   z-index: 1;
}
.image-detail[data-caption]:hover img {
   filter: brightness(0.5);
}
.contact-link>.action-button svg,
.contact-link>.action-button svg path,
.footer-logo img,
.footer-map a.action-button svg,
.footer-map a.action-button svg path,
.footer-map a.action-button:visited svg,
.footer-map a.action-button:visited svg path,
.header-logo img,
.image-detail[data-caption] img {
   transition: 0.25s linear;
}
.rozhlas-container .sms-links a,
.rozhlas-container .sms-links a:visited {
   font-size: 0.9em;
}
.comments > .comment {
   padding: 1.5em;
   margin: 0 0 1.5em;
}
.comments > .comment.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: #001546;
   color: #fff;
   padding: 0.5em 1em;
   transition: 0.25s linear;
}
.error-page h1,
body.mce-content-body.ipopagetext h1,
body[data-user-mode] h1 {
   display: block;
}
body[data-user-mode] #iponavigation {
   margin: -15rem 0 2rem;
   padding: 11rem 0 2rem;
   min-height: auto;
}
.icons .lokace,
.icons a[href^="mailto:"],
.icons a[href^="tel:"] {
   position: relative;
   padding-left: 2.25rem;
}
.icons .lokace::before,
.icons a[href^="mailto:"]::before,
.icons a[href^="tel:"]::before {
   content: " ";
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   left: 0;
   width: 50px;
   height: 50px;
   display: block;
   background-repeat: no-repeat;
   background-position: left center;
   transition: 0.25s linear;
}
.icons-black a[href^="tel:"]::before {
   background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21" fill="none"><path d="M20.4994 15.4738V18.4846C20.5005 18.7642 20.4432 19.0408 20.331 19.2969C20.2188 19.553 20.0542 19.7829 19.8478 19.9719C19.6415 20.1608 19.3978 20.3047 19.1325 20.3942C18.8672 20.4838 18.5861 20.517 18.3072 20.4919C15.2128 20.1563 12.2404 19.101 9.6289 17.4108C7.19921 15.8699 5.13926 13.8141 3.59534 11.3892C1.89586 8.77099 0.838241 5.79008 0.508162 2.68795C0.483033 2.41042 0.516081 2.13071 0.605202 1.86663C0.694324 1.60254 0.837566 1.35987 1.02581 1.15407C1.21405 0.948259 1.44317 0.783825 1.69858 0.671234C1.95398 0.558642 2.23008 0.50036 2.5093 0.500097H5.52608C6.0141 0.495304 6.48722 0.667778 6.85725 0.985372C7.22728 1.30297 7.46897 1.74401 7.53727 2.22629C7.6646 3.18982 7.90074 4.13587 8.24118 5.04642C8.37648 5.40563 8.40576 5.79602 8.32556 6.17133C8.24536 6.54665 8.05903 6.89115 7.78867 7.16402L6.51156 8.43859C7.94308 10.9512 10.0276 13.0315 12.5451 14.4602L13.8222 13.1856C14.0956 12.9158 14.4408 12.7298 14.8169 12.6498C15.1929 12.5698 15.5841 12.599 15.944 12.734C16.8564 13.0738 17.8043 13.3094 18.7698 13.4365C19.2582 13.5053 19.7044 13.7509 20.0233 14.1265C20.3422 14.5021 20.5116 14.9817 20.4994 15.4738Z" stroke="black" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.icons-black a[href^="mailto:"]::before {
   background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25" fill="none"><path d="M4.16683 4.16663H20.8335C21.9793 4.16663 22.9168 5.10413 22.9168 6.24996V18.75C22.9168 19.8958 21.9793 20.8333 20.8335 20.8333H4.16683C3.021 20.8333 2.0835 19.8958 2.0835 18.75V6.24996C2.0835 5.10413 3.021 4.16663 4.16683 4.16663Z" stroke="black" stroke-linecap="round" stroke-linejoin="round"/><path d="M22.9168 6.25L12.5002 13.5417L2.0835 6.25" stroke="black" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
#ipofooter,
#ipomain,
#ipomain>div,
#page13136233 #ipocontainer,
#page13136233 #ipomain,
#page13136233 #ipomain>div,
#page13136233 .content {
   max-width: 100%;
   width: 100%;
}
#iponavigation p,
#ipotopmenu,
.content,
.error,
.layout-container {
   max-width: 1250px;
   width: 100%;
   margin-inline: auto;
}
.flex-container {
   display: flex;
}
.grid-container,
.title-container h1 strong {
   display: grid;
}
.error-page #ipoheader {
   min-height: 17rem;
}
.error-page .sub-bg {
   position: absolute;
   display: flex;
   height: fit-content;
   inset: 0;
   width: 100%;
   z-index: -5;
}
.error-page .sub-bg img {
   position: relative;
   z-index: -5;
   width: 100%;
   height: 17em;
   -o-object-fit: cover;
   object-fit: cover;
}
#ipotopmenuwrapper #ipotopmenu ul.topmenulevel3,
#ipotopmenuwrapper #ipotopmenu ul.topmenulevel4,
#page13136233 .hrclear,
#page13136233 .sub-bg,
#page13169479 .subscribe-toolbar,
#page13173386 #frm-form fieldset legend,
#ui-datepicker-div.ui-datepicker .ui-datepicker-header a>span,
.blog.view-archives .article .author,
.blog.view-archives .article .dueDate,
.blog.view-archives .article .rightFooter,
.blog.view-archives .article>.cleaner,
.blog.view-default .article .author,
.blog.view-default .article .dueDate,
.blog.view-default .article .rightFooter,
.blog.view-default .article>.cleaner,
.blog.view-detail .linkback-chevron,
.blog.view-detail .linknext,
.blog.view-detail .linkprev,
.elasticSearchForm,
.gallery.view-detail>hr.cleaner,
.sub-bg {
   display: none;
}
#ipoheader {
   max-width: 100%;
   min-height: 15em;
}
.header-inner {
   padding: 1.15rem 0;
   justify-content: space-between;
}
.header-logo {
   position: relative;
   z-index: 15;
   display: flex;
   width: -moz-fit-content;
   width: fit-content;
   margin: 1.75rem 0 0 -6rem;
}
.footer-logo:hover img,
.header-logo:hover img {
   filter: grayscale(1);
}
.header-links {
   align-items: center;
   gap: 50px;
   height: fit-content;
   margin-right: -4.25rem;
}
.header-links a,
.header-links a:hover,
.header-links a:visited {
   position: relative;
   z-index: 5;
   color: #fff;
   border-radius: 50px;
   padding: 0.2rem 1rem 0.2rem 3rem;
   border: 1px solid #fff;
   font-weight: 300;
   transition: 0.25s linear;
}
.contact-links a::before,
.contact-links a:hover::before,
.contact-links a:visited::before,
.footer-info a::before,
.footer-info a:visited::before,
.header-links a::before,
.header-links a:hover::before,
.header-links a:visited::before {
   content: " ";
   position: absolute;
   left: 0.65rem;
   top: 50%;
   transform: translateY(-50%);
   width: 20px;
   height: 20px;
   background-repeat: no-repeat;
   background-position: center;
   transition: 0.25s linear;
}
.header-links a:hover,
.header-links a:hover:hover,
.header-links a:visited:hover {
   color: #000;
   background-color: #00c0f4;
   border-color: #00c0f4;
}
.header-links a:hover::before,
.header-links a:hover:hover::before,
.header-links a:visited:hover::before {
   filter: brightness(0);
}
.footer-info a[href*="mailto:"]::before,
.header-links a[href*="mailto:"]::before {
   background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M3.33341 3.33334H16.6667C17.5834 3.33334 18.3334 4.08334 18.3334 5V15C18.3334 15.9167 17.5834 16.6667 16.6667 16.6667H3.33341C2.41675 16.6667 1.66675 15.9167 1.66675 15V5C1.66675 4.08334 2.41675 3.33334 3.33341 3.33334Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/><path d="M18.3334 5L10.0001 10.8333L1.66675 5" stroke="white" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.footer-info a[href*="tel:"]::before,
.header-links a[href*="tel:"]::before {
   background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M15.4995 11.7304V13.9885C15.5004 14.1981 15.4574 14.4056 15.3732 14.5977C15.2891 14.7898 15.1657 14.9622 15.0109 15.1039C14.8561 15.2456 14.6734 15.3535 14.4744 15.4207C14.2754 15.4878 14.0646 15.5128 13.8554 15.4939C11.5346 15.2422 9.30532 14.4508 7.34668 13.1831C5.52441 12.0274 3.97945 10.4855 2.8215 8.66689C1.5469 6.70324 0.753681 4.46756 0.506122 2.14096C0.487275 1.93282 0.512061 1.72303 0.578902 1.52497C0.645743 1.32691 0.753174 1.1449 0.894356 0.990549C1.03554 0.836194 1.20738 0.712869 1.39893 0.628425C1.59049 0.543981 1.79756 0.50027 2.00697 0.500073H4.26956C4.63558 0.496478 4.99041 0.625833 5.26793 0.864029C5.54546 1.10222 5.72672 1.43301 5.77795 1.79472C5.87345 2.51736 6.05055 3.22691 6.30589 3.90981C6.40736 4.17922 6.42932 4.47202 6.36917 4.7535C6.30902 5.03498 6.16928 5.29336 5.9665 5.49801L5.00867 6.45394C6.08231 8.33837 7.64568 9.89864 9.53385 10.9702L10.4917 10.0142C10.6967 9.81185 10.9556 9.67238 11.2377 9.61235C11.5197 9.55232 11.8131 9.57423 12.083 9.67551C12.7673 9.93033 13.4782 10.1071 14.2023 10.2024C14.5687 10.254 14.9033 10.4381 15.1424 10.7199C15.3816 11.0016 15.5087 11.3612 15.4995 11.7304Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.hp-bg {
   position: absolute;
   inset: 0;
   z-index: -5;
   width: 100%;
   display: flex;
   height: fit-content;
}
.hp-bg img {
   width: 100%;
   -o-object-fit: cover;
   object-fit: cover;
}
.hp-bg::before {
   content: "";
   position: absolute;
   top: 6rem;
   left: 50%;
   transform: translateX(-20%);
   width: 1248px;
   height: 578px;
   background-position: top center;
   background-repeat: no-repeat;
   background-size: cover;
   background-image: url(/image.php?nid=21862&oid=13231389);
}
#ipotopmenuwrapper {
   position: absolute;
   top: 4.5rem;
   z-index: 10;
}
#ipotopmenuwrapper ul.topmenulevel1 {
   position: relative;
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   margin-inline: 26.35rem -4rem;
}
#ipotopmenuwrapper ul.topmenulevel1 li.noborder,
#ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1 {
   height: auto!important;
   line-height: inherit;
   font-weight: 400;
   position: static;
   display: block;
   border-left: none;
   transition: 0.25s linear;
}
#ipotopmenuwrapper ul.topmenulevel1 li.noborder.active > a,
#ipotopmenuwrapper ul.topmenulevel1 li.noborder.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 {
   color: #fff;
   background-color: transparent;
}
#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.active .open-submenu:before,
#ipotopmenuwrapper ul.topmenulevel1 li.noborder:hover .open-submenu:before,
#ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1.active .open-submenu:before,
#ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1:hover .open-submenu:before {
   transform: rotate(0);
}
#ipotopmenuwrapper ul.topmenulevel1 li.noborder.active .open-submenu.see-more:before,
#ipotopmenuwrapper ul.topmenulevel1 li.noborder:hover .open-submenu.see-more:before,
#ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1.active .open-submenu.see-more:before,
#ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1:hover .open-submenu.see-more:before {
   transform: rotate(180deg);
}
#ipotopmenuwrapper ul.topmenulevel1 li.noborder.active > a,
#ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1.active > a {
   font-weight: 700;
}
#ipotopmenuwrapper ul.topmenulevel1 li.noborder > a,
#ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1 > a {
   position: relative;
   color: #fff;
   font-size: 20px;
   font-weight: 400;
   text-align: center;
   padding: 0 0 0.5rem;
   transition: 0.25s linear;
}
#ipotopmenuwrapper ul.topmenulevel1 li.noborder > a::before,
#ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1 > a::before {
   content: "";
   position: absolute;
   bottom: -15px;
   left: 50%;
   transform: translateX(-50%);
   width: 12px;
   height: 12px;
   background-color: #00c0f4;
   border-radius: 100%;
   opacity: 0;
   transition: 0.25s linear;
}
#ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1 ul.topmenulevel2 {
   top: auto;
   border: none;
   padding: 0.5rem;
   right: 0;
   left: 0;
   width: auto;
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   margin-top: 0;
   z-index: 1;
   box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
   background: #fff;
   border-radius: 0;
}
#ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1 ul.topmenulevel2::before {
   content: "";
   display: block;
   position: absolute;
   left: 0;
   right: 0;
   top: -0.9rem;
   height: 1rem;
   z-index: -1;
}
#ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1 ul.topmenulevel2 li.topmenuitem2 {
   margin: 0;
   padding: 3px;
   font-weight: 400;
   display: block;
   background-color: transparent;
}
#ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1 ul.topmenulevel2 li.topmenuitem2:last-child > a {
   border-bottom: none;
}
#ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1 ul.topmenulevel2 li.topmenuitem2 a:hover,
#ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1 ul.topmenulevel2 li.topmenuitem2.active > a {
   color: #fff;
   background: #01214a;
}
#ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1 ul.topmenulevel2 li.topmenuitem2 > a {
   display: grid;
   align-items: center;
   font-weight: 700;
   text-align: left;
   padding: 1rem;
   font-size: 16px;
   border-bottom: none;
   margin: 0;
   color: #fff;
   background: #001546;
}
#page13136233 #ipocopyright::before,
#page13173386 #ipocopyright::before {
   content: " ";
   position: absolute;
   pointer-events: none;
   top: -13.5rem;
   left: 50%;
   transform: translateX(-6%);
   width: 1063px;
   height: 236px;
   background-position: top center;
   background-repeat: no-repeat;
   background-image: url(/file.php?nid=21862&oid=13232273);
}
#ipocopyright {
   position: relative;
   padding: 0;
   text-align: left;
   margin-top: 2rem;
}
#ipocopyright .action-button,
#ipocopyright .footer-link,
#ipocopyright .footer-logo,
.menu-link:hover span:first-of-type,
.menu-link:visited:hover span:first-of-type,
a.menu-link[href]:hover span:first-of-type {
   text-decoration: none;
}
#ipocopyright .action-button,
#ipocopyright .footer-inner>p a,
#ipocopyright .footer-inner>p a:hover,
#ipocopyright .footer-inner>p a:visited,
.contact-line p a,
.contact-line p a:hover,
.contact-line p a:visited,
.menu-link:hover span,
.menu-link:hover span:last-of-type,
.menu-link:visited:hover span,
.menu-link:visited:hover span:last-of-type {
   color: #fff;
}
#ipocopyright .footer-info a,
#ipocopyright .footer-info a:visited,
#iponavigation a:hover {
   color: #fff;
   text-decoration: none;
}
#ipocopyright .footer-info a:hover,
form .form-vertical .approval a,
form .form-vertical .approval a:hover,
form .form-vertical .approval a:visited,
form .form-vertical .form-item a,
form .form-vertical .form-item a:hover,
form .form-vertical .form-item a:visited {
   color: #000;
}
#ipocopyright .action-button:hover {
   color: #00c0f4;
}
.copyright {
   padding: 0;
   font-size: 1rem;
}
.footer-container {
   position: relative;
   background: #141414;
}
.footer-container::before {
   content: " ";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-image: url(/image.php?nid=21862&oid=13232291);
   background-repeat: no-repeat;
   background-position: top right;
}
.footer-inner {
   position: relative;
   z-index: 1;
   grid-template-columns: 40% 40% auto;
   gap: 1rem;
   padding: 3rem 0 4.25rem;
}
.footer-logo {
   position: relative;
   z-index: 15;
   display: flex;
   width: -moz-fit-content;
   width: fit-content;
   margin-bottom: 2.95rem;
}
.footer-text p {
   color: #fff;
   padding-left: 1.5rem;
}
.footer-info {
   margin-top: 2.5rem;
}
.footer-info p {
   color: #fff;
}
.footer-info p:nth-of-type(2) {
   margin-bottom: 2rem;
}
.footer-info p:nth-of-type(3) {
   margin-bottom: 1rem;
}
.footer-info a,
.footer-info a:visited {
   position: relative;
   color: #fff;
   border-radius: 50px;
   padding: 0.2rem 1rem 0.2rem 3rem;
   border: 1px solid #fff;
   font-weight: 300;
   font-size: 1rem;
   transition: 0.25s linear;
}
.footer-info a:hover,
.footer-info a:visited:hover {
   color: #000;
   background-color: #75e2ff;
   border-color: #75e2ff;
}
.footer-info a:hover::before,
.footer-info a:visited:hover::before {
   filter: invert(1) brightness(0);
}
.footer-map a.action-button,
.footer-map a.action-button:visited {
   margin: 6.5rem 0 0;
   font-size: 20px;
   display: flex;
   align-items: center;
   gap: 0.8rem;
   padding: 0.5rem 1.15rem 0.5rem 2rem;
   width: -moz-max-content;
   width: max-content;
   border: 1px solid #fff;
   background-color: transparent;
}
.footer-map a.action-button:hover,
.footer-map a.action-button:visited:hover {
   background-color: transparent;
   border: 1px solid #00c0f4;
}
.contact-link:hover .action-button svg,
.footer-map a.action-button:hover svg,
.footer-map a.action-button:visited:hover svg {
   width: 2rem;
}
.contact-link:hover .action-button svg path,
.footer-map a.action-button:hover svg path,
.footer-map a.action-button:visited:hover svg path {
   fill: #00c0f4;
}
.copy {
   padding: 1.4rem 0;
   line-height: normal;
}
#page13136233 .ipopagetext {
   padding: 0;
   background-color: transparent;
}
#page13136233 #ipoheader {
   min-height: 15.75rem;
   overflow-x: clip;
}
.title-container {
   margin-bottom: 9.75rem;
}
.title-container h1 {
   display: block;
   color: #fff;
   font-size: 40px;
   font-weight: 400;
   line-height: 48px;
   margin: 0 0 1.75rem;
}
.title-container p .action-button,
.title-container p .action-button:visited {
   margin: 0;
   padding: 0.6rem 1.9rem;
   font-size: 20px;
   color: #fff;
   border: 1px solid #fff;
   background: 0 0;
}
.title-container p .action-button:hover,
.title-container p .action-button:visited:hover {
   color: #000;
   background: #fff;
   border: 1px solid #fff;
}
.menu-container {
   position: relative;
   z-index: 1;
   gap: 40px;
   max-width: 1395px;
   grid-template-columns: repeat(3, 1fr);
   margin-bottom: 13.65rem;
}
.menu-container::before {
   content: "";
   position: absolute;
   top: 2rem;
   left: 50%;
   transform: translateX(-63%);
   width: 1590px;
   height: 342px;
   background-image: url(/file.php?nid=21862&oid=13231510);
   background-size: cover;
   background-position: top center;
}
.blog.view-archives .article h2 a,
.blog.view-default .article h2 a,
a.menu-link[href] span:first-of-type {
   text-decoration: underline;
}
.menu-link,
.menu-link:visited {
   position: relative;
   display: flex;
   gap: 0.5rem;
   flex-direction: column;
   padding: 1.5rem 2.25rem 2.95rem 4.25rem;
   background: #fff;
   box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.25);
   text-decoration: none;
   transition: 0.25s linear;
}
.menu-link span,
.menu-link:visited span {
   color: #000;
   transition: 0.25s linear;
}
.menu-link span:first-of-type,
.menu-link:visited span:first-of-type {
   font-size: 30px;
}
.menu-link span:last-of-type,
.menu-link:visited span:last-of-type {
   color: #141414;
   font-size: 20px;
}
.menu-link::before,
.menu-link:visited::before {
   content: " ";
   position: absolute;
   z-index: 1;
   top: 0;
   left: 2rem;
   width: 3px;
   height: 59px;
   background: #0133ac;
   transition: 0.25s linear;
}
.about-btn::before,
.contact-inner::before {
   z-index: -1;
   content: " ";
   position: absolute;
   box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.25);
}
.menu-link:hover,
.menu-link:visited:hover {
   background-color: #0133ac;
}
.menu-link:hover::before,
.menu-link:visited:hover::before {
   background: #fff;
   height: 120px;
}
.about-container {
   position: relative;
   gap: 5.9rem;
   grid-template-columns: 57.15% auto;
   margin-bottom: 13.75rem;
}
.about-text h2 {
   font-size: 50px;
   background: linear-gradient(255deg, #0133ac 39.33%, #001546 137.17%);
   background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   margin: 0 0 1.1rem;
}
#page13173386 #frm-form .form-vertical:before,
.about-text h3 {
   background: linear-gradient(255deg, #0133ac 39.33%, #001546 137.17%);
   -webkit-text-fill-color: transparent;
   font-weight: 700;
}
.about-text h3 {
   font-size: 30px;
   background-clip: text;
   -webkit-background-clip: text;
   margin: 0 0 0.9rem;
}
.about-text p {
   color: #000;
   font-size: 20px;
   line-height: 36px;
   padding-right: 2rem;
   margin-bottom: 4.75rem;
}
.about-btn h2,
.about-btn p {
   font-size: 30px;
   color: #fff;
}
.about-text p:last-of-type {
   padding-right: 4.5rem;
   margin: 0;
}
.about-btn {
   position: relative;
   margin-top: 8.35rem;
   padding: 2.55rem 1rem 1.55rem 3.5rem;
   height: -moz-fit-content;
   height: fit-content;
}
.about-btn h2 {
   margin: 0 0 0.5rem;
}
.about-btn p .action-button,
.about-btn p .action-button:visited {
   color: #fff;
   background-color: transparent;
   border: 1px solid #fff;
   font-size: 20px;
   margin: 0;
   padding: 0.6rem 2rem;
   transition: 0.25s linear;
}
.about-btn p .action-button:hover,
.about-btn p .action-button:visited:hover {
   background-color: #fff;
   color: #000;
}
.about-btn::before {
   top: 0;
   left: 0;
   width: 971px;
   height: 100%;
   background: linear-gradient(273deg, rgba(0, 192, 244, 0.8) -3.64%, rgba(1, 51, 172, 0.8) 46.78%, rgba(0, 21, 70, 0.8) 97.2%);
}
#page13173386 #frm-form {
   position: relative;
   margin: 7.75rem 0 0;
}
#page13173386 #frm-form .form-vertical {
   position: relative;
   background: 0 0;
   display: flex;
   flex-flow: row wrap;
   gap: 0.5em;
   padding: 4.5rem 0 2rem;
   margin: 0;
}
#page13173386 #frm-form .form-vertical:before {
   content: "Kontaktní formulář";
   position: absolute;
   top: 0;
   background-clip: text;
   -webkit-background-clip: text;
   font-size: 40px;
}
#page13173386 #frm-form .form-item-label,
#page13173386 #frm-form .form-item.buttons,
[data-user-mode] .add-image {
   margin: 0;
}
#page13173386 #frm-form .form-item,
form .form-vertical .form-item.recaptcha {
   width: 100%;
}
#page13173386 #frm-form .form-item .form-item-field {
   margin: 0.65rem 0 0;
}
#page13173386 #frm-form .form-item.approval {
   margin: 1.45rem 0 1rem;
}
#page13173386 #frm-form fieldset {
   border: none;
   padding: 0;
   margin: 0;
}
#page13173386 #frm-form fieldset:first-of-type {
   width: 47%;
}
#page13173386 #frm-form fieldset:first-of-type > .form-item:last-of-type,
#page13173386 #frm-form fieldset:first-of-type > .form-item:last-of-type .form-item-field {
   margin: 0.4em 0 0;
}
#page13173386 #frm-form fieldset:last-of-type {
   display: flex;
   flex-direction: column;
   width: 50%;
   margin-left: auto;
}
#page13173386 #frm-form fieldset:last-of-type .form-item:last-of-type {
   display: flex;
   flex-direction: column;
   height: 100%;
   margin: 0;
}
#page13173386 #frm-form fieldset:last-of-type .form-item:last-of-type .form-item-field {
   height: 100%;
   margin-bottom: 0;
}
#page13173386 #frm-form fieldset:last-of-type .form-item:last-of-type .form-item-field textarea {
   height: 100%;
   resize: none;
   margin: 0;
}
#page13173386 #frm-form .action-button {
   margin: 0;
   padding: 0.9em 2em;
}
.contact-container {
   position: relative;
   z-index: 1;
   grid-template-columns: 43.5% 1fr;
   margin-bottom: 6.35rem;
}
.blog.view-archives .articles:not(:has(img)),
.blog.view-default .articles:not(:has(img)),
.contact-links {
   grid-template-columns: 1fr 1fr;
}
.contact-inner {
   padding: 2.5rem 1rem 2.5rem 0;
   height: -moz-fit-content;
   height: fit-content;
   position: relative;
   z-index: 2;
}
.contact-inner > h2 {
   margin: 0 0 2.25rem;
}
.contact-inner p {
   font-size: 20px;
   line-height: 36px;
   font-weight: 300;
   margin-bottom: 0.25rem;
}
.contact-inner::before {
   top: 50%;
   left: 50%;
   transform: translate(-59%, -50%);
   width: 653px;
   height: 100%;
   background: #fff;
}
.contact-links {
   margin: 1.5rem 0 0.75rem;
}
.contact-links a,
.contact-links a:hover,
.contact-links a:visited {
   position: relative;
   text-decoration: none;
   border-radius: 50px;
   border: 1px solid #000;
   padding: 0.2rem 1rem 0.2rem 3rem;
   color: #000;
   font-weight: 300;
   transition: 0.25s linear;
}
.contact-links a:hover,
.contact-links a:hover:hover,
.contact-links a:visited:hover {
   color: #000;
   background-color: #00c0f4;
   border-color: #000;
}
.contact-links a[href*="mailto:"]::before {
   background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M3.33341 3.33334H16.6667C17.5834 3.33334 18.3334 4.08334 18.3334 5V15C18.3334 15.9167 17.5834 16.6667 16.6667 16.6667H3.33341C2.41675 16.6667 1.66675 15.9167 1.66675 15V5C1.66675 4.08334 2.41675 3.33334 3.33341 3.33334Z" stroke="black" stroke-linecap="round" stroke-linejoin="round"/><path d="M18.3334 5L10.0001 10.8333L1.66675 5" stroke="black" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.contact-links a[href*="tel:"]::before {
   background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M15.4995 11.7304V13.9885C15.5004 14.1981 15.4574 14.4056 15.3732 14.5977C15.2891 14.7898 15.1657 14.9622 15.0109 15.1039C14.8561 15.2456 14.6734 15.3535 14.4744 15.4207C14.2754 15.4878 14.0646 15.5128 13.8554 15.4939C11.5346 15.2422 9.30532 14.4508 7.34668 13.1831C5.52441 12.0274 3.97945 10.4855 2.8215 8.66689C1.5469 6.70324 0.753681 4.46756 0.506122 2.14096C0.487275 1.93282 0.512061 1.72303 0.578902 1.52497C0.645743 1.32691 0.753174 1.1449 0.894356 0.990549C1.03554 0.836194 1.20738 0.712869 1.39893 0.628425C1.59049 0.543981 1.79756 0.50027 2.00697 0.500073H4.26956C4.63558 0.496478 4.99041 0.625833 5.26793 0.864029C5.54546 1.10222 5.72672 1.43301 5.77795 1.79472C5.87345 2.51736 6.05055 3.22691 6.30589 3.90981C6.40736 4.17922 6.42932 4.47202 6.36917 4.7535C6.30902 5.03498 6.16928 5.29336 5.9665 5.49801L5.00867 6.45394C6.08231 8.33837 7.64568 9.89864 9.53385 10.9702L10.4917 10.0142C10.6967 9.81185 10.9556 9.67238 11.2377 9.61235C11.5197 9.55232 11.8131 9.57423 12.083 9.67551C12.7673 9.93033 13.4782 10.1071 14.2023 10.2024C14.5687 10.254 14.9033 10.4381 15.1424 10.7199C15.3816 11.0016 15.5087 11.3612 15.4995 11.7304Z" stroke="black" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.contact-link {
   position: relative;
   display: flex;
   width: -moz-fit-content;
   width: fit-content;
   text-decoration: none;
   margin: -2rem 0 0 -7rem;
}
.contact-link:hover img {
   filter: grayscale(1) brightness(0.5);
}
.contact-link:hover .action-button {
   color: #00c0f4;
   background-color: transparent;
   border: 1px solid #00c0f4;
}
.contact-link > img {
   -o-object-fit: cover;
   object-fit: cover;
   transition: 0.25s linear;
}
.contact-link > .action-button {
   position: absolute;
   display: flex;
   align-items: center;
   gap: 1rem;
   background: 0 0;
   color: #fff;
   border: 1px solid #fff;
   top: 11.25rem;
   left: 16.5rem;
   font-size: 20px;
}
.contact-grid {
   grid-template-columns: 64% auto;
   gap: 3rem 1rem;
}
.contact-box {
   position: relative;
   margin-left: -5.5rem;
   padding: 2.45rem 2rem 1rem 5.5rem;
   background: rgb(229, 249, 255);
   box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1);
   height: -moz-fit-content;
   height: fit-content;
}
.contact-box h2 {
   font-size: 30px;
   margin: 0 0 1.5rem;
}
.contact-box::before {
   content: " ";
   position: absolute;
   z-index: 1;
   top: 0;
   left: 2.65rem;
   width: 3px;
   height: 80px;
   background: linear-gradient(90deg, #0133ac 0, #00c0f4 100%);
   transition: 0.25s linear;
}
.contact-box:first-of-type p:first-of-type {
   margin: 0 0 2.5rem;
   display: flex;
   align-items: center;
   gap: 2rem;
}
.contact-box:last-of-type {
   padding-bottom: 3rem;
   margin-top: -11.75rem;
   background: #effcff;
}
.contact-line {
   position: relative;
   margin-top: 5rem;
   padding: 5rem 0 0 2.5rem;
}
.contact-line h2 {
   color: #fff;
   font-size: 25px;
   margin: 0 0 2rem;
}
.contact-line p {
   color: #fff;
   font-size: 20px;
}
.contact-line::before {
   content: " ";
   position: absolute;
   z-index: -1;
   top: 0;
   left: 50%;
   transform: translateX(-33%);
   width: 1161px;
   height: 462px;
   background: linear-gradient(273deg, rgba(0, 192, 244, 0.8) -3.64%, rgba(1, 51, 172, 0.8) 46.78%, rgba(0, 21, 70, 0.8) 97.2%);
   box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.25);
}
#iponavigation {
   position: relative;
   margin: -15.25rem 0 3rem;
   padding: 15.5rem 0 2rem;
   min-height: 26.5rem;
}
#iponavigation h1 {
   position: relative;
   z-index: 3;
   display: block;
   color: #fff;
   margin: 0 0 0.75rem;
}
#iponavigation p {
   position: relative;
   z-index: 3;
   color: #fff;
   font-size: 18px;
   padding: 0;
}
#iponavigation img {
   position: absolute;
   z-index: -2;
   inset: 0;
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
}
#iponavigation a,
#iponavigation a:visited {
   color: #fff;
   text-decoration: underline;
}
#iponavigation .separator {
   margin: 0 5px;
   position: relative;
   padding: 0;
   width: 6px;
   text-indent: -2000em;
   display: inline-block;
}
#iponavigation .separator::before {
   content: "-";
   color: #fff;
   position: absolute;
   inset: 0;
   text-indent: 0;
   font-size: 17px;
   font-weight: 500;
}
#iponavigation .currentPage {
   color: #fff;
   font-weight: 700;
}
.js-accordion,
.js-accordion.ui-widget {
   font-family: "Poppins",sans-serif;
   font-size: 1em;
}
.js-accordion .ui-accordion-header,
.js-accordion h2,
.js-accordion.ui-widget .ui-accordion-header,
.js-accordion.ui-widget h2 {
   padding: 1em 1em 1em 2.5em;
   margin-top: 0;
   color: #000;
   background: #fafafa;
   border-radius: 0;
   border: none;
   position: relative;
   transition: 0.25s linear;
}
.js-accordion .ui-accordion-header:nth-of-type(even),
.js-accordion h2:nth-of-type(even),
.js-accordion.ui-widget .ui-accordion-header:nth-of-type(even),
.js-accordion.ui-widget h2:nth-of-type(even) {
   background: #f2f2f2;
}
.js-accordion .ui-accordion-header:before,
.js-accordion h2:before,
.js-accordion.ui-widget .ui-accordion-header:before,
.js-accordion.ui-widget h2:before {
   content: "\f105";
   color: #000;
   position: absolute;
   top: 50%;
   transform: translateX(0) translateY(-50%) rotate(0);
   left: 0.7em;
   text-indent: 0;
   display: inline-block;
   font: 28px/1 FontAwesome;
   text-rendering: auto;
   transition: 0.25s linear;
}
.js-accordion .ui-accordion-header .ui-icon,
.js-accordion .ui-accordion-header > span,
.js-accordion h2 .ui-icon,
.js-accordion h2 > span,
.js-accordion.ui-widget .ui-accordion-header .ui-icon,
.js-accordion.ui-widget .ui-accordion-header > span,
.js-accordion.ui-widget h2 .ui-icon,
.js-accordion.ui-widget h2 > span {
   display: none;
   background: none;
}
.js-accordion .ui-accordion-header.ui-state-active:before,
.js-accordion .ui-accordion-header.ui-state-active:nth-of-type(even):before,
.js-accordion .ui-accordion-header.ui-state-hover:before,
.js-accordion .ui-accordion-header.ui-state-hover:nth-of-type(even):before,
.js-accordion.ui-widget .ui-accordion-header.ui-state-active:before,
.js-accordion.ui-widget .ui-accordion-header.ui-state-active:nth-of-type(even):before,
.js-accordion.ui-widget .ui-accordion-header.ui-state-hover:before,
.js-accordion.ui-widget .ui-accordion-header.ui-state-hover:nth-of-type(even):before {
   color: #fff;
   transform: translateX(0) translateY(-50%) rotate(90deg);
}
.js-accordion .ui-accordion-content,
.js-accordion > div,
.js-accordion.ui-widget .ui-accordion-content,
.js-accordion.ui-widget > div {
   padding: 2em 1.5em;
   margin: 0;
   top: 0;
   border: none;
   border-radius: 0;
   background: #fff;
}
input,
select,
textarea {
   border: 1px solid #d6d6d6;
   background: #d6d6d6;
   transition: 0.25s linear;
}
select {
   border: 1px solid #000;
}
form .form-vertical {
   background: 0 0;
   padding: 0;
   margin: 2rem 0;
}
form .form-vertical .form-item .form-item-field > * {
   padding: 0.5em 1em;
}
form .form-vertical .form-item .form-item-field > select {
   background-color: #fff;
}
form .form-vertical .form-item .form-item-field > textarea:focus,
form .form-vertical .form-item .form-item-field input:not([type=submit]):focus {
   background-color: #fff;
   border: 1px solid #000;
}
form .form-vertical .form-item .form-item-field > textarea {
   height: 154px;
   resize: none;
}
form .form-vertical .form-item .form-item-field > input[type=submit] {
   padding: 0.75rem 1.5rem;
   margin-top: 1rem;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
}
form .form-vertical .form-item .form-item-field > input[type=submit]:hover {
   border: 1px solid #00c0f4;
   color: #00c0f4;
   background: 0 0;
}
form .form-vertical .form-item {
   color: #000;
   margin-bottom: 1rem;
}
#ui-datepicker-div.ui-datepicker .ui-datepicker-calendar thead tr,
form .form-vertical .form-item.recaptcha .g-recaptcha>div {
   padding: 0;
}
form .form-vertical .approval {
   margin: 1rem 0;
   font-weight: 400;
   font-size: 1em;
   clear: both;
   color: #000;
   position: relative;
}
form .form-vertical .approval:after {
   content: ".";
   display: inline-block;
}
.form-item .form-item-label label,
.form-item .form-item-label label .meta {
   color: #000;
   font-size: 20px;
}
.blog.view-archives .articles,
.blog.view-default .articles {
   margin: 1rem 0;
   display: grid;
   grid-template-columns: 100%;
   grid-gap: 2em;
}
.blog.view-archives .article,
.blog.view-default .article {
   width: 100%;
   display: grid;
   grid-template-columns: 256px 1fr;
   grid-template-areas: "image title" "image text" "image more" "footer footer";
   -moz-column-gap: 20px;
   column-gap: 20px;
   padding: 1.33rem 1.61rem 1rem;
   margin-bottom: 0;
   border-radius: 0;
   border-top: none;
   background-color: #fff;
   box-shadow: none;
   position: relative;
   box-shadow: 20px 20px 99px rgba(0, 0, 0, 0.1);
   transition: 0.25s linear;
}
.blog.view-archives .article:hover,
.blog.view-default .article:hover {
   border-top: none;
   box-shadow: none;
}
.blog.view-archives .article > *,
.blog.view-default .article > * {
   color: #000;
   word-break: break-word;
}
.blog.view-archives .article .articleText,
.blog.view-default .article .articleText {
   display: contents;
}
.blog.view-archives .article .articleText > a:first-child,
.blog.view-default .article .articleText > a:first-child {
   grid-area: image;
   flex: 0 0 256px;
   margin-right: 20px;
}
.blog.view-archives .article .articleText p,
.blog.view-default .article .articleText p {
   grid-area: text;
}
.blog.view-archives .article .leftFooter,
.blog.view-default .article .leftFooter {
   float: none;
   width: 100%;
   grid-area: footer;
   border-top: 1px solid #d2d2d2;
   color: #2f2f2f;
   font-weight: 400;
   margin-top: 1rem;
   padding: 0.89rem 0 0;
}
.blog.view-archives .article .leftFooter .published,
.blog.view-default .article .leftFooter .published {
   display: flex;
   align-items: center;
}
.blog.view-archives .article .leftFooter .published:before,
.blog.view-default .article .leftFooter .published:before {
   content: "";
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='14.2' viewBox='0 0 12 14.2'%3E%3Cpath d='M14.7 6.9v8.3h-1.5V7l-2.4 2.4-1-1L14 4l4.2 4.2-1 1Zm-6 9.8h10.5a.7.7 0 0 1 0 1.5H8.7a.7.7 0 1 1 0-1.5Z' fill='%232f2f2f' fill-rule='evenodd' transform='translate(-8 -4)'/%3E%3C/svg%3E");
   background-repeat: no-repeat;
   background-position: left center;
   background-size: contain;
   width: 12px;
   height: 14.2px;
   display: inline-block;
   margin-right: 0.5em;
}
.blog.view-archives .article .rightFooter,
.blog.view-default .article .rightFooter {
   grid-area: footer;
}
.blog.view-archives .article h2,
.blog.view-default .article h2 {
   font-size: 1.3em;
   margin: 0 0 1.2rem;
   grid-area: title;
   letter-spacing: 0;
   min-height: auto;
   font-weight: 700;
   font-family: "Poppins",sans-serif;
   text-transform: none;
   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 .rightFloat,
.blog.view-default .article .rightFloat {
   float: none;
   margin-left: 0;
}
.blog.view-archives .article img,
.blog.view-default .article img {
   border-radius: 0;
   height: 100%;
   max-height: 7.78rem;
   -o-object-fit: contain;
   object-fit: contain;
}
.blog.view-archives .article .morelink,
.blog.view-archives .article .morelink:visited,
.blog.view-default .article .morelink,
.blog.view-default .article .morelink:visited {
   display: none;
   background: #414a71;
   color: #fff;
   border: none;
   grid-area: more;
   align-self: flex-start;
}
.blog.view-archives .article .morelink:hover,
.blog.view-default .article .morelink:hover {
   background: #050b22;
   color: #fff;
   border: none;
}
.blog.view-detail .dates {
   margin-bottom: 1em;
}
.blog.view-detail .paragraph.text {
   margin-top: 1em;
   margin-bottom: 1.5em;
}
.blog.view-detail .article-footer {
   display: block;
   text-align: left;
   width: 100%;
}
.blog.view-detail .article-footer .published {
   float: none;
   display: block;
}
.blog.view-detail .article-footer .published:before {
   content: "";
   background-color: #2f2f2f;
   -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='14.2' viewBox='0 0 12 14.2'%3E%3Cpath d='M14.7 6.9v8.3h-1.5V7l-2.4 2.4-1-1L14 4l4.2 4.2-1 1Zm-6 9.8h10.5a.7.7 0 0 1 0 1.5H8.7a.7.7 0 1 1 0-1.5Z' fill='%232f2f2f' fill-rule='evenodd' transform='translate(-8 -4)'/%3E%3C/svg%3E");
   mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='14.2' viewBox='0 0 12 14.2'%3E%3Cpath d='M14.7 6.9v8.3h-1.5V7l-2.4 2.4-1-1L14 4l4.2 4.2-1 1Zm-6 9.8h10.5a.7.7 0 0 1 0 1.5H8.7a.7.7 0 1 1 0-1.5Z' fill='%232f2f2f' fill-rule='evenodd' transform='translate(-8 -4)'/%3E%3C/svg%3E");
   -webkit-mask-repeat: no-repeat;
   mask-repeat: no-repeat;
   -webkit-mask-position: left center;
   mask-position: left center;
   -webkit-mask-size: contain;
   mask-size: contain;
   width: 12px;
   height: 14.2px;
   display: inline-block;
   margin-right: 0.5em;
}
.blog.view-detail .article-footer .published span {
   font-weight: 400;
}
.blog.view-detail .linkback {
   width: 100%;
   float: none;
   text-align: left;
}
.blog.view-detail .linkback a {
   width: -moz-fit-content;
   width: fit-content;
   position: relative;
   padding-right: 1.5em;
}
.blog.view-detail .linkback a:after {
   content: "";
   -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15.6 15.5'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M1 9.8a6.7 6.7 0 0 0 2.9 3 6.5 6.5 0 0 0 4 .6 6.6 6.6 0 0 0 3.7-2 6.8 6.8 0 0 0 1-8 6.7 6.7 0 0 0-3-2.8A6.5 6.5 0 0 0 5.5.1 6.2 6.2 0 0 0 2 2.2a5.7 5.7 0 0 0-.9 1.3' transform='translate(-4.8 -5) translate(6 6)'/%3E%3Cpath d='m4.4 3.6-3.7.7L0 .4' transform='translate(-4.8 -5) translate(6 6)'/%3E%3C/g%3E%3C/svg%3E");
   mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15.6 15.5'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M1 9.8a6.7 6.7 0 0 0 2.9 3 6.5 6.5 0 0 0 4 .6 6.6 6.6 0 0 0 3.7-2 6.8 6.8 0 0 0 1-8 6.7 6.7 0 0 0-3-2.8A6.5 6.5 0 0 0 5.5.1 6.2 6.2 0 0 0 2 2.2a5.7 5.7 0 0 0-.9 1.3' transform='translate(-4.8 -5) translate(6 6)'/%3E%3Cpath d='m4.4 3.6-3.7.7L0 .4' transform='translate(-4.8 -5) translate(6 6)'/%3E%3C/g%3E%3C/svg%3E");
   -webkit-mask-repeat: no-repeat;
   mask-repeat: no-repeat;
   -webkit-mask-position: left center;
   mask-position: left center;
   -webkit-mask-size: contain;
   mask-size: contain;
   background-color: #000;
   width: 15.6px;
   height: 15.5px;
   display: inline-block;
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   right: 0;
}
.blog.view-archives .article:not(:has(img)),
.blog.view-default .article:not(:has(img)) {
   display: flex;
   flex-direction: column;
}
.noticeBoardOverview-item h2 {
   font-size: 1.3em;
}
table.datagrid span.positioner {
   margin-top: 5px;
}
.noticeBoard .last-updated {
   margin: 1em 0;
   float: none;
   text-align: right;
}
#ui-datepicker-div.ui-datepicker {
   width: 20em;
   border: none;
   padding: 1em;
   border-radius: 0;
   background: #fff;
   font-family: "Poppins",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: "Poppins",sans-serif;
}
ul.albums.matrix {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;
   gap: 1em;
   margin-top: 1em;
}
.gallery .matrix,
.gallery .matrix li {
   border-radius: 0;
   margin: 0;
}
.gallery .matrix .title {
   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: "Poppins",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: none;
   box-shadow: none;
   width: auto;
   position: relative;
   overflow: hidden;
   transition: 0.25s linear;
   min-height: 300px;
}
.gallery .matrix li:hover {
   background: #001546;
   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;
   background: #fff;
   display: block;
   top: 50%;
   transform: translateY(-50%);
   content: "";
   position: absolute;
}
.gallery .matrix li:hover > a:not(.link__wrapper) img {
   filter: brightness(0.45);
}
.gallery .matrix li:before {
   content: "";
   width: 87%;
   height: 75%;
   border: 1px solid #fff;
   border-bottom: none;
   display: block;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   z-index: 1;
   opacity: 0;
   transition: 0.25s linear;
}
.gallery .matrix li > a:not(.link__wrapper) {
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
}
.gallery .matrix li > a:not(.link__wrapper) img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   display: block;
   filter: brightness(0.5);
   transition: 0.25s linear;
}
.gallery .matrix li .vstup {
   width: 87%;
   margin: 0 auto;
   color: #fff;
   font-size: 17px;
   position: absolute;
   bottom: 1.5em;
   left: 0;
   right: 0;
   opacity: 0;
   text-align: center;
   transition: 0.25s linear;
}
.gallery .matrix li .vstup:before {
   left: 0;
}
.gallery .matrix li .vstup:after {
   right: 0;
}
.gallery .matrix li .vstup svg {
   display: inline-block;
   margin-left: 0.5em;
}
.gallery .matrix .link__wrapper {
   display: block;
   margin: -2000px;
   padding: 2000px;
   position: absolute;
   z-index: 3;
   text-decoration: none;
}
.images .image-wrapper .image-controls {
   padding: 0.3em 0.6em 0.4em;
}
body[data-user-mode] .image-wrapper {
   box-shadow: 1px 1px 16px -4px #888;
   padding-bottom: 0.6em!important;
}
body[data-user-mode] .image-wrapper .image-inner-wrapper .image-description {
   display: block;
   padding-bottom: 0;
   color: #000;
}
body[data-user-mode] .image-wrapper .image-inner-wrapper.with-description {
   padding-bottom: 2em;
}
.image-wrapper .image-inner-wrapper.with-description {
   padding-bottom: 0;
}
.images {
   display: grid;
   align-items: flex-start;
   grid-template-columns: 19.94% 19.94% 19.94% 19.94% 19.94%;
   gap: 1px;
   margin: 1em 0;
}
.subsite-images {
   margin: 1.5em 0;
}
.subsite-images img {
   width: 100%;
   height: 200px;
   display: block;
   -o-object-fit: cover;
   object-fit: cover;
}
[data-user-mode] .images {
   gap: 0.5em;
}
.image-wrapper {
   box-shadow: none;
   margin: 0!important;
   padding: 0!important;
   float: none;
}
.image-wrapper .image-inner-wrapper .image-thumbnail {
   width: auto!important;
   height: auto!important;
}
.image-wrapper .image-inner-wrapper a.image-detail {
   display: block;
   overflow: inherit;
   position: relative;
   transition: 0.25s linear;
}
.image-wrapper .image-inner-wrapper a.image-detail:before {
   content: "";
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, 0.4);
   display: none;
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   opacity: 0;
   z-index: 1;
   transition: 0.25s linear;
}
.image-wrapper .image-inner-wrapper a.image-detail:after {
   content: "";
   width: 100%;
   height: 100%;
   background: linear-gradient(0deg, rgba(0, 0, 0, 0.99) 0, rgba(0, 0, 0, 0) 100%);
   opacity: 0.702;
   display: none;
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
}
.image-wrapper .image-inner-wrapper a.image-detail img {
   width: 100%;
   height: 200px;
   display: block;
   margin: 0!important;
   -o-object-fit: cover;
   object-fit: cover;
}
.image-wrapper .image-inner-wrapper .image-description {
   display: none;
   width: 100%!important;
   padding: 1em;
   font-size: 1em;
   color: #fff;
   text-align: center;
}
.image-wrapper .image-inner-wrapper a:hover.image-detail,
.image-wrapper .image-inner-wrapper a:hover.image-detail:before {
   opacity: 1;
}
#ipopage .content-paginator {
   font-size: 0.75em;
}
@media only screen and (max-width: 1600px) {
   h1 {
      font-size: 45px;
   }
   .paragraph .dokumenty {
      margin-top: 1.5em;
   }
   .error-page #ipoheader {
      min-height: 15.5rem;
   }
   .error-page .sub-bg img {
      height: 16em;
   }
   .header-logo {
      margin: 1.75rem 0 0;
   }
   .header-links {
      margin-right: 0;
   }
   .hp-bg img {
      height: 30.5rem;
   }
   #ipotopmenuwrapper ul.topmenulevel1 {
      margin-inline: 26.35rem 0;
   }
   .footer-container::before {
      background-size: contain;
   }
   .footer-inner {
      grid-template-columns: repeat(3, 1fr);
   }
   #page13136233 #ipoheader {
      min-height: 12rem;
   }
   .title-container {
      margin-bottom: 5.5rem;
   }
   .title-container h1 {
      margin: 2rem 0 1rem;
      font-size: 45px;
   }
   .menu-container {
      max-width: 1260px;
      gap: 1rem;
   }
   .menu-link,
   .menu-link:visited {
      padding: 1.5rem 1rem 2.95rem 3rem;
   }
   #iponavigation {
      min-height: 25rem;
   }
}
@media only screen and (max-width: 1280px) {
   .about-container,
   ul.albums.matrix {
      grid-template-columns: 1fr 1fr;
   }
   h1 {
      font-size: 40px;
   }
   h2 {
      font-size: 35px;
   }
   #iponavigation p,
   #ipotopmenu,
   .content,
   .error,
   .layout-container {
      max-width: 988px;
   }
   .error-page #ipoheader {
      min-height: 12.5rem;
   }
   .error-page .sub-bg img {
      height: 13.5em;
   }
   .header-logo img {
      width: auto;
      height: 3rem;
   }
   .header-links {
      gap: 1rem;
   }
   .hp-bg img {
      height: 28rem;
   }
   .hp-bg::before {
      width: 1000px;
      height: 450px;
      transform: translateX(-15%);
   }
   #ipotopmenuwrapper ul.topmenulevel1 {
      margin-inline: 13rem 0;
   }
   #ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1 ul.topmenulevel2 {
      padding: 0.8rem;
   }
   #ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1 ul.topmenulevel2 li.topmenuitem2 > a {
      padding: 0.7em;
      font-size: 0.945em;
   }
   .footer-logo img {
      width: auto;
      height: 4rem;
   }
   .footer-info p,
   .footer-map a.action-button,
   .footer-map a.action-button:visited,
   .footer-text p {
      font-size: 1rem;
   }
   #page13136233 #ipoheader {
      min-height: 11rem;
   }
   .title-container {
      margin-bottom: 4.75rem;
   }
   .title-container h1 {
      font-size: 40px;
      margin-bottom: 0.5rem;
   }
   .menu-container {
      max-width: 998px;
      gap: 1rem;
      padding: 0;
      margin-bottom: 5rem;
   }
   .menu-container::before {
      width: 1200px;
      height: 260px;
   }
   .menu-link,
   .menu-link:visited {
      padding: 1rem 1rem 1rem 1.5rem;
   }
   .menu-link span:first-of-type,
   .menu-link:visited span:first-of-type {
      font-size: 1.1rem;
   }
   .menu-link span:last-of-type,
   .menu-link:visited span:last-of-type {
      font-size: 16px;
   }
   .menu-link::before,
   .menu-link:visited::before {
      left: 1rem;
      width: 2px;
      height: 45px;
   }
   .menu-link:hover::before,
   .menu-link:visited:hover::before {
      height: 60px;
      left: 0.75rem;
   }
   .about-container {
      gap: 2rem;
      margin-bottom: 2rem;
   }
   .about-text {
      margin-top: 4rem;
   }
   .about-text h2 {
      font-size: 36px;
      margin: 0 0 0.5rem;
   }
   .about-text p {
      padding-right: 0;
      margin-bottom: 1rem;
   }
   #page13173386 #frm-form .form-vertical {
      padding: 4.5rem 0 2rem;
   }
   #page13173386 #frm-form .form-vertical:before {
      font-size: 30px;
   }
   .contact-inner > h2 {
      margin-bottom: 1.5rem;
   }
   .contact-links {
      grid-template-columns: 1fr;
      gap: 0.5rem;
      margin: 0 0 1rem;
   }
   .contact-link > img {
      -o-object-fit: cover;
      object-fit: cover;
   }
   .contact-box h2 {
      font-size: 24px;
      margin-bottom: 1rem;
   }
   .contact-box:first-of-type p:first-of-type {
      gap: 0.5rem;
      display: flex;
      flex-direction: column;
      align-items: start;
      margin-bottom: 1rem;
   }
   .contact-line h2 {
      font-size: 20px;
      margin-bottom: 1rem;
   }
   #iponavigation {
      padding: 11rem 0 2rem;
      min-height: 18rem;
   }
   .blog.view-archives .articles,
   .blog.view-default .articles {
      grid-template-columns: 100%;
      grid-gap: 1em 0;
   }
   .blog.view-archives .articles:not(:has(img)),
   .blog.view-default .articles:not(:has(img)) {
      grid-template-columns: 100%;
   }
   #ui-datepicker-div.ui-datepicker .ui-datepicker-calendar th {
      width: 33px;
      font-size: 0.9em;
   }
   #ui-datepicker-div.ui-datepicker .ui-datepicker-calendar td span {
      font-size: 0.9em;
   }
   #ui-datepicker-div.ui-datepicker .ui-state-default,
   #ui-datepicker-div.ui-datepicker .ui-widget-content .ui-state-default,
   #ui-datepicker-div.ui-datepicker .ui-widget-header .ui-state-default {
      width: 25px;
      height: 25px;
      padding: 3px;
   }
}
@media only screen and (max-width: 1024px) {
   .leftFloat,
   .rightFloat {
      margin-bottom: 0.5em;
      display: block;
      float: none;
   }
   .leftFloat,
   .rightFloat,
   h1 {
      display: block;
   }
   #ipopage .noticeBoard table.datagrid .grid-info select,
   .image-detail[data-caption],
   .menu-toggler > span {
      display: inline-block;
   }
   .about-text h2,
   .about-text p,
   .contact-inner p,
   .copy,
   .footer-info p,
   .footer-text p,
   .title-container h1 {
      line-height: 1.5;
   }
   #ipoheader,
   #iponavigation,
   .error-page #ipoheader {
      min-height: auto;
   }
   .action-button,
   .action-button:visited,
   a.action-button,
   a.action-button:visited {
      letter-spacing: 0;
      text-transform: none;
      padding: 0.5em 1em;
   }
   h1 {
      font-size: 1.5em;
      margin: 1rem 0;
   }
   .noticeBoardOverview-item h2,
   h2 {
      font-size: 1.25em;
   }
   h3 {
      font-size: 1.15em;
   }
   h4 {
      font-size: 1em;
   }
   #ipopage,
   #page13136233 #ipopage,
   #page13173386 #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;
   }
   .rozhlas-banner-container {
      bottom: 2.5rem;
      right: 4rem;
      max-width: inherit;
   }
   .rozhlas-banner-container .rozhlas-banner__icon {
      padding: 0.35em 0.7em;
      border-radius: 0;
      display: flex;
      align-items: center;
      gap: 1rem;
   }
   .rozhlas-banner-container .rozhlas-banner__icon > span {
      font-size: 16px;
      margin-left: 0;
   }
   .rozhlas-banner-container .rozhlas-banner__icon > img {
      width: auto;
      height: 25px;
      max-width: inherit;
      display: block;
      position: relative;
   }
   #iponavigation h1,
   #iponavigation img,
   #ipopage .noticeBoard table.datagrid .file-type,
   #ipotopmenuwrapper ul.topmenulevel1 li.noborder>a::before,
   #ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1 ul.topmenulevel2::before,
   #ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1>a::before,
   #page13136233 #ipocopyright::before,
   #page13173386 #ipocopyright::before,
   .about-text h2 br,
   .contact-box::before,
   .contact-inner::before,
   .contact-line::before,
   .contact-link>.action-button svg,
   .footer-container::before,
   .footer-map a.action-button svg,
   .footer-map a.action-button:visited svg,
   .gallery .matrix li .vstup,
   .header-links a::before,
   .header-links a:hover::before,
   .header-links a:visited::before,
   .menu-container::before,
   .menu-toggler>span:first-of-type,
   .rozhlas-banner-container .rozhlas-banner__icon .rozhlas-subtitle {
      display: none;
   }
   .forecast {
      margin-bottom: 1em;
   }
   .forecast .weather-day,
   .other-days .weather-day {
      float: none;
      width: 100%;
      padding: 0;
      margin: 0 0 1em;
      text-align: left;
   }
   #page13173386 #frm-form .form-item.approval,
   .contact-link,
   .header-logo,
   .weather-state {
      margin: 0;
   }
   #ipotopmenuwrapper ul.topmenulevel1 li.noborder.active ul.topmenulevel2,
   #ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1.active ul.topmenulevel2,
   .weather .forecast .weather-day:first-child>span {
      display: block;
   }
   #ui-datepicker-div.ui-datepicker,
   .comments>.comment,
   .js-accordion .ui-accordion-content,
   .js-accordion.ui-widget .ui-accordion-content,
   .js-accordion.ui-widget>div,
   .js-accordion>div,
   .noticeBoardOverview--grid .noticeBoardOverview-item,
   .noticeBoardOverview-filter fieldset {
      padding: 1em;
   }
   .comments > .comment.level-1 {
      margin-left: 1em;
   }
   .comments .comment-footer,
   .comments>.comment .created,
   p {
      text-align: left;
   }
   .menu-toggler {
      display: block;
      top: 1rem;
      padding: 0.5rem 1em;
      margin: 0 1em 0 0;
      right: 0;
      background-color: #001546;
      border: 2px solid #001546;
      border-radius: 30px;
      font-weight: 700;
      width: 50px;
      height: 50px;
   }
   .about-text,
   .footer-info {
      margin-top: 0;
   }
   .menu-toggler:hover {
      background-color: #01214a;
      border: 2px solid #01214a;
   }
   .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.25rem;
      padding-left: 0;
      display: grid;
      place-content: center;
   }
   #back-to-top .fa,
   .hp-bg::before {
      top: 50%;
      transform: translate(-50%, -50%);
   }
   .menu-toggler:hover .genericon,
   .menu-toggler:hover span {
      color: #fff;
   }
   #back-to-top {
      width: 45px;
      height: 45px;
      background: #01214a;
      color: #fff;
      bottom: 0.6em;
      border-radius: 30px;
      box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
      z-index: 102;
   }
   #back-to-top .fa {
      left: 50%;
      position: absolute;
      font-size: 0.9em;
   }
   body[data-user-mode] #iponavigation {
      padding: 0;
      margin: 0 0 1rem;
   }
   .icons .lokace,
   .icons a[href^="mailto:"],
   .icons a[href^="tel:"] {
      padding-left: 1.5rem;
   }
   .icons .lokace::before,
   .icons a[href^="mailto:"]::before,
   .icons a[href^="tel:"]::before {
      width: 30px;
      height: 30px;
      background-size: 16px;
   }
   #iponavigation p,
   #ipotopmenu,
   .content,
   .error,
   .layout-container {
      max-width: 100%;
   }
   .content,
   .error {
      padding: 0 1em;
   }
   .error-page .sub-bg {
      display: none;
      width: 0;
      height: 0;
   }
   .error-page .sub-bg img {
      width: 0;
      height: 0;
   }
   .header-inner {
      padding: 1rem;
      background-color: #333;
      flex-direction: column;
      gap: 0.75rem;
   }
   .header-logo img {
      width: auto;
      height: 1.8rem;
   }
   .header-links {
      gap: 0.5rem;
      align-items: start;
      flex-direction: column;
   }
   .header-links a,
   .header-links a:hover,
   .header-links a:visited {
      padding: 0.2rem 1rem;
   }
   .hp-bg {
      top: 9rem;
   }
   .hp-bg img {
      height: 300px;
   }
   .hp-bg::before {
      display: none;
      background: right/contain;
      width: 66rem;
      height: 90%;
   }
   #ipotopmenuwrapper {
      top: 9rem;
      padding-top: 0;
      background-color: #fff;
      border-top: 3px solid #01214a;
      border-bottom: 3px solid #01214a;
      transition: none;
      overflow-x: unset;
   }
   #ipotopmenuwrapper ul.topmenulevel1 {
      flex-direction: column;
      flex-wrap: nowrap;
      float: none;
      justify-content: center;
      padding: 0;
      margin: 0;
      background: #fff;
      border-radius: 0;
      box-shadow: none;
   }
   #ipotopmenuwrapper ul.topmenulevel1 li.noborder,
   #ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1 {
      position: relative;
      width: 100%;
   }
   #ipotopmenuwrapper ul.topmenulevel1 li.noborder .open-submenu,
   #ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1 .open-submenu {
      width: 30px;
      height: 30px;
      display: inline-block;
      position: absolute;
      top: 0.6em;
      right: 1em;
      background: #fff;
      transition: 0.25s linear;
   }
   #ipotopmenuwrapper ul.topmenulevel1 li.noborder .open-submenu:before,
   #ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1 .open-submenu:before {
      content: "";
      display: block;
      position: absolute;
      right: 0;
      left: 0;
      margin: 0 auto;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 8px 6px 0;
      border-color: #000 transparent transparent;
      top: 11px;
      transition: 0.25s linear;
   }
   #ipotopmenuwrapper ul.topmenulevel1 li.noborder .open-submenu.see-more:before,
   #ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1 .open-submenu.see-more:before {
      transform: rotate(180deg);
   }
   #ipotopmenuwrapper ul.topmenulevel1 li.noborder.active > a,
   #ipotopmenuwrapper ul.topmenulevel1 li.noborder.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 {
      color: #fff;
      background-color: #01214a;
   }
   #ipotopmenuwrapper ul.topmenulevel1 li.noborder > a,
   #ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1 > a {
      color: #000;
      font-size: 1rem;
      padding: 0.7em 3rem 0.7em 1rem;
      letter-spacing: 0;
      font-weight: 700;
      text-align: left;
   }
   #ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1 ul.topmenulevel2 {
      display: none;
      margin-top: 1em;
      visibility: visible;
      grid-template-columns: 100%;
      box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.2);
      padding: 0;
      width: calc(100% - 2em);
      border-radius: 0;
      min-width: unset;
   }
   #ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1 ul.topmenulevel2 li.topmenuitem2 {
      width: 100%;
      padding: 0;
   }
   #ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1 ul.topmenulevel2 li.topmenuitem2 > a {
      text-align: left;
      padding: 0.7em;
      color: #000;
      background: #fff;
      border-radius: 0;
      box-shadow: none;
   }
   .footer-inner {
      margin: 0;
      padding: 1.5rem 1rem 1rem;
      grid-template-columns: 100%;
   }
   .footer-logo {
      margin-bottom: 0.75rem;
   }
   .footer-logo img {
      height: 2rem;
   }
   .footer-text p {
      padding-left: 0;
   }
   .footer-info p:nth-of-type(2),
   .footer-info p:nth-of-type(3) {
      margin-bottom: 1rem;
   }
   .footer-map a.action-button,
   .footer-map a.action-button:visited {
      margin: 0;
      padding: 0.5rem 1rem;
   }
   .copy {
      font-size: 0.7em;
      padding: 1rem 1rem 6rem;
   }
   #page13136233 #ipoheader {
      min-height: 13.5rem;
   }
   .title-container {
      margin-bottom: 6rem;
   }
   .title-container h1 {
      margin: 0 0 0.5rem;
      font-size: 1.5rem;
   }
   .title-container p .action-button,
   .title-container p .action-button:visited {
      margin: 0;
      font-size: 1rem;
      padding: 0.5rem 1rem;
   }
   .about-text p,
   .about-text p:last-of-type {
      padding-right: 0;
   }
   .menu-container {
      max-width: 100%;
      grid-template-columns: 1fr 1fr;
      margin-bottom: 2rem;
   }
   .menu-link,
   .menu-link:visited {
      height: auto;
      padding: 1rem 1rem 1rem 2rem;
      box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.35);
   }
   .about-container {
      gap: 1.5rem;
      grid-template-columns: 100%;
      margin-bottom: 0;
   }
   .contact-container,
   .contact-grid {
      gap: 1rem;
      grid-template-columns: 100%;
   }
   .about-text {
      order: -1;
   }
   .about-text h2 {
      font-size: 1.35rem;
   }
   .about-text h3 {
      font-size: 1.15rem;
   }
   .about-text p {
      font-size: 1rem;
      margin-bottom: 0.5rem;
   }
   .about-btn,
   .contact-box:last-of-type {
      margin-top: 0;
      padding: 1.5rem 1rem;
   }
   .about-btn h2 {
      font-size: 1.25rem;
   }
   .about-btn p,
   .about-btn p .action-button,
   .about-btn p .action-button:visited,
   .contact-line p,
   .form-item .form-item-label label,
   .form-item .form-item-label label .meta {
      font-size: 1rem;
   }
   .about-btn::before {
      width: 100%;
      height: 100%;
   }
   #page13173386 #frm-form {
      margin: 2rem 0 0;
   }
   #page13173386 #frm-form .form-vertical:before {
      position: static;
      width: 100%;
      margin-bottom: 0.5rem;
      display: block;
      line-height: 1.5;
      letter-spacing: 0;
      font-size: 1.25em;
   }
   #page13173386 #frm-form .form-item .form-item-field {
      margin: 0.4em 0 0;
   }
   #page13173386 #frm-form fieldset:first-of-type,
   #page13173386 #frm-form fieldset:last-of-type {
      width: 100%;
   }
   #page13173386 #frm-form fieldset:first-of-type>.form-item:last-of-type,
   .contact-inner>h2 {
      margin-bottom: 0.5rem;
   }
   #page13173386 #frm-form fieldset:last-of-type .form-item:last-of-type .form-item-field textarea {
      height: 6em;
      resize: both;
   }
   #page13173386 #frm-form .action-button {
      padding: 0.6rem 1.5em;
   }
   .contact-container {
      margin-bottom: 1.5rem;
   }
   .contact-inner {
      display: block;
      padding: 0;
   }
   .contact-inner p {
      font-size: 1rem;
      margin-bottom: 0.5rem;
   }
   .contact-links {
      margin: 0 0 0.5rem;
   }
   .contact-link > img {
      height: 12rem;
   }
   .contact-link > .action-button {
      margin: 0;
      top: unset;
      left: 1rem;
      bottom: 1rem;
      gap: 0;
      font-size: 1rem;
   }
   .contact-box {
      order: -1;
      margin-left: 0;
      padding: 1.5rem 1rem;
   }
   .contact-box h2,
   .contact-line h2 {
      font-size: 1.25rem;
      margin-bottom: 0.5rem;
   }
   .contact-box:first-of-type p:first-of-type {
      gap: 0.5rem;
      margin-bottom: 0.5rem;
   }
   .contact-line {
      margin: 0;
      padding: 1.5rem 1rem;
      background: linear-gradient(273deg, rgba(0, 192, 244, 0.8) -3.64%, rgba(1, 51, 172, 0.8) 46.78%, rgba(0, 21, 70, 0.8) 97.2%);
   }
   #iponavigation {
      padding: 0;
      margin: 0 0 1.5em;
      background-color: #01214a;
   }
   #iponavigation p {
      font-size: 16px;
      letter-spacing: 0;
      padding: 0.5em 1em;
   }
   #iponavigation .separator {
      margin: 0 5px;
      width: 5px;
   }
   #iponavigation .separator::before {
      font-size: 15px;
      line-height: 1.85;
   }
   .js-accordion .ui-accordion-header,
   .js-accordion h2,
   .js-accordion.ui-widget .ui-accordion-header,
   .js-accordion.ui-widget h2 {
      padding: 1em 1em 1em 1.5em;
   }
   .js-accordion .ui-accordion-header:before,
   .js-accordion h2:before,
   .js-accordion.ui-widget .ui-accordion-header:before,
   .js-accordion.ui-widget h2:before {
      font: 18px/1 FontAwesome;
   }
   .blog.view-archives .article,
   .blog.view-default .article {
      border-radius: 0;
      -moz-column-gap: 10px;
      column-gap: 10px;
      padding: 1rem;
   }
   .blog.view-archives .article h2,
   .blog.view-default .article h2 {
      font-size: 1.1em;
   }
   #ipopage .noticeBoard table.datagrid {
      position: relative;
      display: flex;
      flex-flow: row wrap;
   }
   #ipopage .noticeBoard table.datagrid thead {
      width: 100%;
      display: flex;
      flex-flow: row wrap;
   }
   #ipopage .noticeBoard table.datagrid thead tr:first-child,
   #ipopage .noticeBoard table.datagrid thead tr:last-child {
      width: 100%;
      background: none;
   }
   #ipopage .noticeBoard table.datagrid tr.filters,
   #ipopage .noticeBoard table.datagrid tr.filters td {
      padding: 0!important;
   }
   #ipopage .noticeBoard table.datagrid th,
   #ipopage .noticeBoard table.datagrid tr.footer td {
      background: none;
      padding: 0;
      float: left;
      width: 100%;
      border: none;
   }
   #ipopage .noticeBoard table.datagrid th {
      display: block;
      margin-bottom: 2.8em;
      min-width: inherit;
   }
   #ipopage .noticeBoard table.datagrid tr.filters {
      background: none;
      border: none;
      position: absolute;
      top: 30px;
      left: 0;
      right: 0;
   }
   #ipopage .noticeBoard table.datagrid tr.filters td {
      width: 100%;
      float: left;
      display: block;
      margin-bottom: 3em;
      background: none;
      border: none;
   }
   #ipopage .noticeBoard table.datagrid tr.filters td:first-child {
      margin-bottom: 2.2em;
   }
   #ipopage .noticeBoard table.datagrid tr.filters td:nth-child(2) {
      margin-bottom: 2em;
   }
   #ipopage .noticeBoard table.datagrid tr.filters td:nth-child(3) {
      margin-bottom: 1.7em;
   }
   #ipopage .noticeBoard table.datagrid select {
      padding: 0.3em;
      margin-top: 0.5em;
      display: block;
   }
   #ipopage .noticeBoard table.datagrid input[type=text] {
      padding: 0.3em;
   }
   #ipopage .noticeBoard table.datagrid tbody {
      width: 100%;
      margin-top: 1.2em;
      display: block;
   }
   #ipopage .noticeBoard table.datagrid tbody tr {
      display: flex;
      flex-flow: row wrap;
      border: 1px solid #c5c5c5;
      margin-bottom: 1em;
      padding: 1em;
      box-shadow: 1px 1px 12px -5px;
      border-top: 5px solid #001546;
      transition: 0.25s linear;
   }
   #ipopage .noticeBoard table.datagrid tbody tr:hover {
      box-shadow: 0 0 5px -5px;
   }
   #ipopage .noticeBoard table.datagrid tbody tr td:first-child a:hover,
   #ipopage .noticeBoard table.datagrid tbody tr td:first-child a:visited:hover,
   #ipopage .noticeBoard table.datagrid tbody tr:hover td:first-child a {
      text-decoration: none;
   }
   #ipopage .noticeBoard table.datagrid tbody tr td {
      width: 100%;
      position: relative;
      border: none;
      padding: 6px 0;
   }
   #ipopage .noticeBoard table.datagrid tbody tr td:first-child a,
   #ipopage .noticeBoard table.datagrid tbody tr td:first-child a:visited {
      text-decoration: underline;
   }
   #ipopage .noticeBoard table.datagrid tbody tr td:before {
      font-weight: 700;
   }
   #ipopage .noticeBoard table.datagrid tfoot {
      width: 100%;
      display: block;
      order: 2;
   }
   #ipopage .noticeBoard table.datagrid tr.footer {
      width: 100%;
      float: left;
      background: none;
   }
   #ipopage .noticeBoard table.datagrid .grid-info {
      float: right;
      padding-right: 0;
   }
   .noticeBoardOverview-filter-item {
      display: block;
      padding-bottom: 0;
      margin-bottom: 0.5em;
   }
   #ui-datepicker-div.ui-datepicker .ui-datepicker-header,
   .noticeBoardOverview-filter-label {
      width: 100%;
      min-width: inherit;
   }
   .noticeBoardOverview-item {
      padding: 1em;
      margin: 1em 0 0;
   }
   html[lang=cs] #ipopage .noticeBoard table.datagrid tbody tr td:first-child:before {
      content: "Název:";
   }
   html[lang=cs] #ipopage .noticeBoard table.datagrid tbody tr td:nth-child(2):before {
      content: "Vyvěšeno:";
   }
   html[lang=cs] #ipopage .noticeBoard table.datagrid tbody tr td:nth-child(3):before {
      content: "Sejmuto:";
   }
   html[lang=cs] #ipopage .noticeBoard table.datagrid tbody tr td:nth-child(4):before {
      content: "Stav:";
   }
   html[lang=en] #ipopage .noticeBoard table.datagrid tbody tr td:first-child:before {
      content: "Title:";
   }
   html[lang=en] #ipopage .noticeBoard table.datagrid tbody tr td:nth-child(2):before {
      content: "Posted:";
   }
   html[lang=en] #ipopage .noticeBoard table.datagrid tbody tr td:nth-child(3):before {
      content: "Archived:";
   }
   html[lang=de] #ipopage .noticeBoard table.datagrid tbody tr td:nth-child(4):before,
   html[lang=en] #ipopage .noticeBoard table.datagrid tbody tr td:nth-child(4):before {
      content: "Status:";
   }
   html[lang=de] #ipopage .noticeBoard table.datagrid tbody tr td:first-child:before {
      content: "Titel:";
   }
   html[lang=de] #ipopage .noticeBoard table.datagrid tbody tr td:nth-child(2):before {
      content: "Gesendet:";
   }
   html[lang=de] #ipopage .noticeBoard table.datagrid tbody tr td:nth-child(3):before {
      content: "Archiviert:";
   }
   .gallery .matrix .title {
      font-size: 1em;
      line-height: 1.25;
      padding: 0 1em;
   }
   .gallery .matrix li {
      min-height: 280px;
   }
   .gallery .matrix li:before {
      width: 100%;
      height: 100%;
      border: none;
      background: rgba(0, 0, 0, 0.4);
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      transform: translate(0, 0);
   }
   .images {
      margin-top: 1em;
      margin-bottom: 1em;
      grid-template-columns: 33% 33% 33%;
      gap: 5px;
   }
   .image-wrapper .image-inner-wrapper a.image-detail img,
   .subsite-images img {
      height: 220px;
   }
   .image-wrapper .image-inner-wrapper .image-description {
      font-size: 0.85em;
      padding: 0.7em;
   }
}
@media only screen and (max-width: 768px) {
   #ipomain #ipopage .with-subscribe h1,
   .content.with-subscribe>h1 {
      margin-bottom: 1rem;
   }
   .content.with-subscribe {
      display: block;
   }
   .ipopagetext .subscribe-toolbar {
      display: grid;
      grid-template-columns: 100%;
      justify-content: inherit;
      gap: 0.5em 0;
      margin-bottom: 1rem;
   }
   .ipopagetext .subscribe-toolbar .action-button:nth-of-type(1) {
      order: -1;
   }
   .ipopagetext .subscribe-toolbar .action-button {
      display: block;
      width: 100%;
      font-weight: 400;
      font-size: 0.9em;
   }
   .hp-bg img {
      height: 263px;
   }
   .hp-bg::before {
      width: 50rem;
   }
   #page13136233 #ipoheader {
      min-height: 12.5rem;
   }
   .title-container {
      margin-bottom: 5rem;
   }
   .title-container h1 {
      font-size: 1.35rem;
   }
   .menu-container {
      grid-template-columns: 100%;
   }
   .blog.view-archives .article,
   .blog.view-default .article {
      grid-template-columns: 1fr;
      grid-template-areas: "title" "image" "text" "more" "footer";
   }
   #ipopage .noticeBoard .last-updated,
   #ipopage .noticeBoard table.datagrid tr.footer {
      float: none;
   }
   #ipopage .noticeBoard table.datagrid .grid-info,
   #ipopage .noticeBoard table.datagrid .paginator {
      float: none;
      display: block;
   }
   .gallery .matrix li {
      min-height: 230px;
   }
   .images {
      grid-template-columns: 49% 49%;
   }
}
@media only screen and (max-width: 550px) {
   .paragraph .ipo-widget[data-mce-fragment],
   .subpage-rozcestnik,
   form .form-vertical .form-item .form-item-field>input[type=submit] {
      padding: 0.5em 1.5em;
   }
   .divided_bg .article .leftFooter,
   .divided_bg .article .rightFooter {
      float: none;
      width: 100%;
      text-align: left;
   }
   .dataAggregator .da-navigation .action-button {
      display: block;
      margin: 0 0 0.5em;
   }
   .discussion > .action-button,
   .discussion > .action-button:visited {
      display: block;
   }
   .discussion .discussion-add-comment-link {
      float: none;
   }
   .hp-bg img {
      height: 245px;
   }
   #page13136233 #ipoheader {
      min-height: 12rem;
   }
   .title-container {
      margin-bottom: 4.5rem;
   }
   form .form-vertical {
      margin: 1rem 0;
   }
   form .form-vertical .form-item .form-item-field > textarea {
      height: 6em;
   }
   form .form-vertical .approval {
      margin: 0.5rem 0;
      font-size: 0.8em;
   }
   #frm-subscriptionForm-form .form-vertical .form-item.buttons,
   .noticeBoardOverview-filter {
      margin-top: 1em;
   }
   #frm-subscriptionForm-form .form-vertical .form-item.buttons .form-item-field > input[type=submit] {
      display: block;
      width: 100%;
   }
   ul.albums.matrix {
      grid-template-columns: 100%;
      gap: 1em 0;
   }
   .gallery .matrix .title {
      -webkit-line-clamp: 3;
   }
   .gallery .matrix li {
      min-height: 150px;
   }
   .image-wrapper .image-inner-wrapper a.image-detail img,
   .subsite-images img {
      height: 150px;
   }
}
@media only screen and (max-width: 400px) {
   .image-wrapper .image-inner-wrapper a.image-detail img,
   .subsite-images img {
      height: 120px;
   }
}
/*** print styles *************************************************************/
@media print {
	#ipocontainer, #ipomain, #ipomainframe, #ipofooter {
		width: 1024px;
	}
	html, body, #ipocontainer, #ipomain {
		background: transparent;
	}
	#ipoleftblock, #iporightblock, #ipoheader, #ipofooter, #ipotopmenuwrapper {
		display: none;
	}
	#ipopage {
		display: inline;
		margin-left: 0px;
	}
	#ipocopyright {
		padding: 10px 0px 0px 0px;
		margin-bottom: 10px;
	}
	.noprint {
		display: none;
	}
	.printonly {
		display: block;
	}
}