/**
 * 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: #381c77;
	color: #ffffff;
}
.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: #ffffff;
	border: 1px solid #ffffff;
	background-color: #45209b;
;
}
.action-button:hover {
	color: #000000;
	border: 1px solid #000000;
	background-color: #ffad65;
;
	cursor: pointer;
}
.action-button:active {
	background-image: none;
	filter: none;
}
a.action-button, a.action-button:visited {
	color: #ffffff;
}
a.action-button:hover {
	color: #000000;
}
.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 #45209b;
}
#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: #ffad65;
	color: #000000;
}
#ipopage .content-paginator .paginator-current {
	background-color: #45209b;
;
	color: #ffffff;
	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: #000000;
	background-color: #ffad65;
;
	cursor: pointer;
}
#ipopage .content-paginator .paginator-prev {
	border-radius: 4px 0 0 4px;
}
#ipopage .content-paginator .paginator-next {
	border-radius: 0 4px 4px 0;
}
#ipopage .content-paginator .paginator-disabled {
	opacity: 0.5;
}
#ipopage .content-paginator .paginator-disabled:hover {
	background: inherit;
	color: inherit;
	cursor: not-allowed;
}
#ipopage .items-counter {
	text-align: right;
	color: #000000;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.cookie-choices-fixed a:hover {
		color: #000000;
			background-color: #ffad65;
	}

/*** 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: #45209b;
}
#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 ************************************************************/
body,
html {
   font-size: 18px;
}
*,
::after,
::before {
   box-sizing: border-box;
}
a {
   -webkit-hyphens: manual;
   -ms-hyphens: manual;
   hyphens: manual;
}
#page12008026 .menu-container{
	margin-bottom: 6em;
}
#ipomain\ ipopage .menu-container {
	margin-bottom: 5em;
}
.action-button,
.action-button:visited {
   border: none;
   box-shadow: none;
   margin: 0.5rem 0;
   font-weight: 300;
   font-size: 19px;
   padding: 0.5em 1.5em;
   border-spacing: unset;
   border-radius: 30px;
   font-family: "Poppins",sans-serif;
   display: inline-block;
   text-align: center;
   position: relative;
   transition: 0.25s ease-in-out;
}
.action-button:hover {
   border: none;
   font-weight: 300;
}
.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: #381c77;
   height: 37px;
   box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
   border-radius: 25px;
}
.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: #f07d19;
   color: #fff;
}
.system .newsNotificator .action-button:hover {
   background: #381c77;
   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: 400;
   font-family: "Poppins",sans-serif;
}
#ipopage .error h1,
h1 {
   margin: 1.5rem 0;
   text-align: left;
}
h1,
h2,
h3 {
   font-family: "Bitter",serif;
   font-weight: 900;
}
#ipomain h1 {
   color: #381c77;
   margin-top: 0;
   margin-bottom: 0;
}
#ipomain #iponavigation h1,
#ipomain .system h1,
#ipomain .wrapper-h1:nth-of-type(1),
#ipopage .error h1,
.error-page .subpage-background,
.error-page .subpage-background .boxImage>img,
body[data-user-mode] #ipomain h1 {
   display: block;
}
body[data-user-mode] #ipomain h1 {
   color: #381c77;
   margin-top: 1.5rem;
   margin-bottom: 1.5rem;
   text-shadow: none;
}
[data-user-mode] #iponavigation {
	min-height: 300px;
	padding: 4em 0 14.2em;
}
#ipopage th,
.albums#listImages div.clearfix p,
body[data-user-mode] h1,
form .form-vertical .buttons .form-item-field {
   text-align: left;
}
#ipomain\ ipopage h1 {
   text-align: left;
   text-shadow: none;
}
h1 {
   font-size: 2.83em;
   position: relative;
   color: #381c77;
}
.wrapper-h1 {
   padding: 0;n
   -ms-flex-item-align: end;
   align-self: flex-end;
   position: relative;
   z-index: 3;
}
#ipopage h1,
#ipotopmenuwrapper ul.topmenulevel1 li.noborder.hasSubmenu .open-submenu,
#ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1.hasSubmenu .open-submenu,
#ipotopmenuwrapper ul.topmenulevel2 li.topmenuitem2.hasSubmenu .open-submenu,
#ipotopmenuwrapper ul.topmenulevel2 li.topmenuitem3.hasSubmenu .open-submenu,
#ipotopmenuwrapper ul.topmenulevel2.two-column ul.topmenulevel3,
#ipotopmenuwrapper ul.topmenulevel3 li.topmenuitem2.hasSubmenu .open-submenu,
#ipotopmenuwrapper ul.topmenulevel3 li.topmenuitem3.hasSubmenu .open-submenu,
#ipotopmenuwrapper ul.topmenulevel4,
#page11873331 .hrclear,
#page11873331 .subpage-background,
#page11873331 .subpage-background .boxImage>img,
#ui-datepicker-div.ui-datepicker .ui-datepicker-header a>span,
.gallery.view-detail>hr.cleaner,
.header-kontakt>a span,
.wrapper-h1,
body[data-user-mode] h1 {
   display: none;
}
#ipopage .error h1 {
   color: #000;
   text-shadow: none;
}
h2 {
   font-size: 2.22em;
   margin: 1.2rem 0;
}
h3,
h4 {
   font-size: 1.66em;
}
h3 {
   margin: 1.1rem 0;
}
.kontakt-info .pracoviste p:nth-of-type(1),
.kontakt-item>.kontakt-udaje>p,
p,
p:last-child {
   margin-bottom: 0.5em;
}
#ipocopyright h5,
#ipocopyright p,
#ipotopmenuwrapper,
p {
   font-family: "Poppins",sans-serif;
}
h4 {
   font-weight: 900;
}
p {
   line-height: 1.6;
   text-align: left;
}
.paragraph ul,
.seznam-ikona {
   list-style: none;
   padding-left: 0;
}
.paragraph ul > li,
.seznam-ikona > li {
   margin-bottom: 0.5em;
   font-size: 1em;
   position: relative;
   padding-left: 1.5em;
}
.paragraph ul > li::before,
.seznam-ikona > li::before {
   content: '\f105';
   color: #381c77;
   position: absolute;
   top: 5px;
   left: 0;
   text-indent: 0;
   display: inline-block;
   font: 14px/1 FontAwesome;
   font-size: inherit;
   text-rendering: auto;
   -webkit-transform: translate(0, 0);
   transform: translate(0, 0);
}
.paragraph ul > ul,
.seznam-ikona > ul {
   padding-left: 2em;
}
.paragraph .ipo-widget[data-mce-fragment],
.subpage-rozcestnik {
   padding: 1em 2em;
   box-shadow: 0 0 40px -20px #000;
   margin: 1em 0;
   border-top: 3px solid #381c77;
   background-color: #fff;
}
#ipocopyright p,
#ipocopyright p:last-of-type,
.comments>.comment:last-of-type,
.kontakt-item>.kontakt-udaje>p:last-of-type {
   margin-bottom: 0;
}
.ipopagetext {
   padding: 0 0 2rem;
}
.ipopagetext .error {
   padding-top: 20rem;
}
.paragraph .rwd-table table {
   width: 100%;
   margin: 1rem 0;
   border: none;
}
.kontakt-mapa>a:hover>.action-button:before,
.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,
form .form-vertical .form-item .form-item-field>* {
   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 #381c77;
}
#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: #381c77;
}
#ipocopyright .copyright::after,
#ipoheader::before {
   width: 100%;
   height: 5px;
   background: url(/file.php?nid=21558&oid=12207663) top center no-repeat;
   right: 0;
   left: 0;
   content: "";
}
#ipomain #ipopage .with-subscribe h1 {
   margin: 0;
   float: none;
}
[data-user-mode] .content.with-subscribe #snippet--toolbar {
   -ms-flex-order: -3;
   order: -3;
}
.content.with-subscribe {
   display: -ms-grid;
   display: grid;
   -ms-grid-columns: 1fr 0.5em auto;
   grid-template-columns: 1fr auto;
   -ms-flex-align: center;
   align-items: center;
   grid-gap: 0.5em;
}
.foto .foto-right,
ul.albums.matrix {
   -ms-grid-columns: 1fr 1em 1fr 1em 1fr;
}
.content.with-subscribe > h1 {
   -ms-flex-order: -2;
   order: -2;
}
.content.with-subscribe > :not(h1,.subscribe-toolbar) {
   grid-column: 1/-1;
}
[data-user-mode] .ipopagetext .subscribe-toolbar {
   -ms-flex-pack: end;
   justify-content: flex-end;
}
.ipopagetext .subscribe-toolbar {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-flow: row wrap;
   flex-flow: row wrap;
   -ms-flex-pack: start;
   justify-content: flex-start;
   grid-gap: 0.5em;
   float: none;
   -ms-flex-order: -1;
   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) {
   -ms-flex-order: 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,
.kontakt-mapa>a:hover img,
.row.widget-aktuality .widget-item:hover>.widget-image {
   -webkit-filter: brightness(0.5);
   filter: brightness(0.5);
}
.image-detail[data-caption] img {
   transition: 0.25s linear;
}
.rozhlas-container .sms-links a,
.rozhlas-container .sms-links a:visited {
   font-size: 0.9em;
}
.menu-item > span,
.row.widget-aktuality h2 {
   font-size: 40px;
   font-weight: 900;
   font-family: "Bitter",serif;
}
.comments > .comment {
   padding: 1.5em;
   margin: 0 0 1.5em;
}
.comments>.comment.level-0,
.row.widget-aktuality .widget-item>.widget-image.not-image {
   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: #381c77;
   color: #fff;
   padding: 0.5em 1em;
   transition: 0.25s linear;
}
#ipofooter,
#ipomain > div,
#iponavigation p,
#ipotopmenu,
#pageKONTAKT .form.view-personalDataProcessing.content,
#snippet--toolbar,
.content,
.error,
.form-vertical,
.header-container,
.ipopagetext.system,
.layout-container,
.toolbar,
body[data-user-mode] h1,
form#frm-setup-form {
   max-width: 1264px;
   width: 100%;
   margin-left: auto;
   margin-right: auto;
   position: relative;
}
#ipofooter,
#ipoheader,
#ipomain,
#ipomain > #ipomainframe,
#iponavigation,
#ipopage,
#page11873331 #ipomain > #ipomainframe,
#page11873331 #ipopage,
#page11873331 .content,
#page11873331 .ipopagetext,
#page12008070 #ipomain > #ipomainframe,
#page12008070 #ipopage,
#page12008070 .content,
#page12008070 .ipopagetext {
   width: 100%;
   max-width: 100%;
}
.flex-container {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-flow: row wrap;
   flex-flow: row wrap;
}
.grid-container {
   display: -ms-grid;
   display: grid;
}
#ipoheader {
   max-width: 100%;
   min-height: 7em;
   min-height: auto;
   position: relative;
}
#ipoheader::before {
   display: block;
   position: absolute;
   top: 0;
   z-index: 2;
}
#page11873331 #ipoheader {
   min-height: 359px;
}
.subpage-background {
   display: none;
   position: absolute;
   top: 11.35em;
   left: 0;
   right: 0;
   z-index: -1;
}
#ipocopyright .copy-info,
#page11873331 #ipocopyright .copyright,
#page12008070 #ipocopyright .copyright,
.header-inner__container,
.kontakt-item,
.subpage-background .boxImage {
   position: relative;
}
.subpage-background .boxImage > img {
   display: none;
   width: 100%;
   height: 380px;
   background-size: contain;
   -o-object-fit: cover;
   object-fit: cover;
}
.uvodni-fotka {
   position: absolute;
   top: 10.35em;
   left: 0;
   right: 0;
   z-index: -1;
}
.hp-border__container,
.uvodni-fotka .boxImage {
   position: relative;
   overflow: hidden;
}
.uvodni-fotka .boxImage:after {
   content: "";
   width: 100;
   height: 100px;
   background: linear-gradient(180deg, #fff 0, #f5f5ff 100%);
   display: none;
   position: absolute;
   top: -2.35em;
   right: 0;
   z-index: 2;
}
.uvodni-fotka .boxImage img {
   display: block;
   width: 100%;
   height: 529px;
   -o-object-fit: cover;
   object-fit: cover;
   -o-object-position: top center;
   object-position: top center;
}
.header-inner__container::before {
   content: "";
   width: 100%;
   background: #fff;
   box-shadow: 0 4px 11px rgba(0, 0, 0, 0.12);
   height: 185px;
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
}
.row.header-inner {
   padding: 0.8em 0 0.4em;
   position: relative;
}
.row.header-inner > div {
   -ms-flex-item-align: start;
   align-self: flex-start;
}
.logo {
   z-index: 110;
}
#ipocopyright .footer-logo,
.header-logo {
   z-index: 3;
   transition: 0.25s linear;
   text-decoration: none;
}
.header-logo {
   padding-top: 0.3em;
   display: inline-block;
   position: relative;
}
#ipocopyright .footer-logo:hover>.logo-skoly img,
.header-kontakt>a:hover,
.header-logo:hover img,
.header-nase>a:hover img {
   -webkit-filter: grayscale(1);
   filter: grayscale(1);
}
#ipocopyright .footer-logo>.logo-skoly img,
.header-logo img,
.header-nase>a img {
   display: block;
   transition: 0.25s linear;
}
.header-kontakt {
   width: 4.8em;
   margin-top: 0.55em;
   margin-right: 1.1em;
   margin-left: auto;
   -ms-flex-align: center;
   align-items: center;
   -ms-flex-pack: justify;
   justify-content: space-between;
   position: relative;
   z-index: 1;
}
.header-kontakt > a {
   width: 38px;
   height: 38px;
   border-radius: 50%;
   display: block;
   text-decoration: none;
   position: relative;
   transition: 0.25s linear;
}
.header-kontakt > a:nth-of-type(1),
.header-kontakt > a:nth-of-type(2) {
   border: 1px solid #f07d19;
}
.header-kontakt > a svg {
   display: block;
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
}
.header-nase {
   position: absolute;
   top: 0.85em;
   right: 7.25em;
   z-index: 1;
}
.header-nase > a {
   display: block;
   text-decoration: none;
   position: relative;
}
#ipotopmenuwrapper {
   position: absolute;
   top: 6.1em;
   left: 0;
   right: 0;
   background: none;
}
#ipotopmenuwrapper ul.topmenulevel1 {
   margin-left: 17.9em;
   padding-right: 1.3em;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-flow: row wrap;
   flex-flow: row wrap;
   -ms-flex-pack: justify;
   justify-content: space-between;
   position: relative;
   z-index: 99;
}
#ipotopmenuwrapper ul.topmenulevel1 li.noborder,
#ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1 {
   height: auto!important;
   line-height: inherit;
   font-weight: 700;
   position: relative;
   border-radius: 0;
   border-left: none;
   margin: 0;
}
#ipotopmenuwrapper ul.topmenulevel1 li.noborder:nth-of-type(1):after,
#ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1:nth-of-type(1):after {
   background-image: url(/image.php?nid=21558&oid=12208255);
}
#ipotopmenuwrapper ul.topmenulevel1 li.noborder:nth-of-type(2):after,
#ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1:nth-of-type(2):after {
   background-image: url(/image.php?nid=21558&oid=12247032);
}
#ipotopmenuwrapper ul.topmenulevel1 li.noborder:nth-of-type(3):after,
#ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1:nth-of-type(3):after {
   background-image: url(/image.php?nid=21558&oid=12208258);
}
#ipotopmenuwrapper ul.topmenulevel1 li.noborder:nth-of-type(4):after,
#ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1:nth-of-type(4):after {
   background-image: url(/image.php?nid=21558&oid=12208262);
}
#ipotopmenuwrapper ul.topmenulevel1 li.noborder:nth-of-type(5):after,
#ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1:nth-of-type(5):after {
   background-image: url(/image.php?nid=21558&oid=12208263);
}
#ipotopmenuwrapper ul.topmenulevel1 li.noborder:nth-of-type(6):after,
#ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1:nth-of-type(6):after {
   background-image: url(/image.php?nid=21558&oid=12208265);
}
#ipotopmenuwrapper ul.topmenulevel1 li.noborder:after,
#ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1:after {
   content: "";
   width: 30px;
   height: 30px;
   background-repeat: no-repeat;
   background-position: center top;
   display: block;
   position: absolute;
   top: -3px;
   left: 0;
   right: 0;
   margin: 0 auto;
}
#ipotopmenuwrapper ul.topmenulevel1 li.noborder.active>a,
#ipotopmenuwrapper ul.topmenulevel1 li.noborder:hover>a,
#ipotopmenuwrapper ul.topmenulevel1 li.noborder>a.nolink:hover,
#ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1.active>a,
#ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1:hover>a,
#ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1>a.nolink:hover {
   background: none;
   color: #381c77;
}
#ipotopmenuwrapper ul.topmenulevel1 li.noborder.active > a:before,
#ipotopmenuwrapper ul.topmenulevel1 li.noborder:hover > a:before,
#ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1.active > a:before,
#ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1:hover > a:before {
   content: "";
   width: 16px;
   height: 16px;
   border-radius: 100%;
   background: #f07d19;
   display: block;
   position: absolute;
   bottom: -9px;
   left: 0;
   right: 0;
   margin: 0 auto;
   transition: 0.25s linear;
}
#ipotopmenuwrapper ul.topmenulevel1 li.noborder > a,
#ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1 > a {
   width: 100%;
   padding: 1.4em 0 0.5em;
   font-size: 1.22em;
   font-weight: 700;
   margin-left: 0;
   background: none;
   border-radius: 0;
   color: #381c77;
   font-family: "Poppins",sans-serif;
   border: none;
   position: relative;
   text-align: left;
   transition: 0.25s linear;
}
#ipotopmenuwrapper ul.topmenulevel1 li.noborder:nth-of-type(-n+4) ul.topmenulevel2,
#ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1:nth-of-type(-n+4) ul.topmenulevel2 {
   left: 0;
   right: inherit;
}
#ipotopmenuwrapper ul.topmenulevel1 li.noborder:nth-of-type(-n+3) ul.topmenulevel3,
#ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1:nth-of-type(-n+3) ul.topmenulevel3 {
   left: 300px;
   right: inherit;
}
#ipotopmenuwrapper ul.topmenulevel2,
#ipotopmenuwrapper ul.topmenulevel3 {
   width: 300px;
   border: none;
   padding: 0;
   box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.2);
   background: none;
   border-radius: 0;
}
#ipotopmenuwrapper ul.topmenulevel2 li.topmenuitem2,
#ipotopmenuwrapper ul.topmenulevel2 li.topmenuitem3,
#ipotopmenuwrapper ul.topmenulevel3 li.topmenuitem2,
#ipotopmenuwrapper ul.topmenulevel3 li.topmenuitem3 {
   margin: 0;
   font-weight: 400;
   display: block;
   background-color: #fff;
   text-shadow: none;
   border-radius: 0;
   text-indent: 0;
}
#ipotopmenuwrapper ul.topmenulevel2 li.topmenuitem2 > a,
#ipotopmenuwrapper ul.topmenulevel2 li.topmenuitem3 > a,
#ipotopmenuwrapper ul.topmenulevel3 li.topmenuitem2 > a,
#ipotopmenuwrapper ul.topmenulevel3 li.topmenuitem3 > a {
   font-weight: 400;
   text-align: left;
   padding: 0.7em;
   border-bottom: none;
   margin: 0;
   font-size: 1em;
   background: 0 0;
   border-radius: 0;
   color: #000;
}
#ipotopmenuwrapper ul.topmenulevel2 li.topmenuitem2.active>a,
#ipotopmenuwrapper ul.topmenulevel2 li.topmenuitem2:hover>a,
#ipotopmenuwrapper ul.topmenulevel2 li.topmenuitem2>a.nolink:hover,
#ipotopmenuwrapper ul.topmenulevel2 li.topmenuitem3.active>a,
#ipotopmenuwrapper ul.topmenulevel2 li.topmenuitem3:hover>a,
#ipotopmenuwrapper ul.topmenulevel2 li.topmenuitem3>a.nolink:hover,
#ipotopmenuwrapper ul.topmenulevel3 li.topmenuitem2.active>a,
#ipotopmenuwrapper ul.topmenulevel3 li.topmenuitem2:hover>a,
#ipotopmenuwrapper ul.topmenulevel3 li.topmenuitem2>a.nolink:hover,
#ipotopmenuwrapper ul.topmenulevel3 li.topmenuitem3.active>a,
#ipotopmenuwrapper ul.topmenulevel3 li.topmenuitem3:hover>a,
#ipotopmenuwrapper ul.topmenulevel3 li.topmenuitem3>a.nolink:hover {
   background: #f07d19;
   color: #000;
}
#ipotopmenuwrapper ul.topmenulevel2 {
   top: auto;
   left: inherit;
   right: 0;
}
#ipotopmenuwrapper ul.topmenulevel2.two-column {
   width: 560px;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-flow: row wrap;
   flex-flow: row wrap;
}
#ipotopmenuwrapper ul.topmenulevel2.two-column li.topmenuitem2 {
   width: auto;
   border-radius: 0;
   -ms-flex: 1 0 47%;
   flex: 1 0 47%;
   max-width: 100%;
}
#ipotopmenuwrapper ul.topmenulevel3 {
   top: 0;
   left: inherit;
   right: 300px;
}
#page11873331 #ipocopyright,
#page12008070 #ipocopyright {
   border-top: none;
}
#page11873331 #ipocopyright .copyright:before,
#page12008070 #ipocopyright .copyright:before {
   content: "";
   width: 100%;
   height: 110px;
   background: #f5f5ff;
   display: block;
   position: absolute;
   top: 0;
   left: 50%;
   transform: translateX(-50%);
   pointer-events: none;
}
#page11873331 #ipocopyright .row.copyright__inner,
#page12008070 #ipocopyright .row.copyright__inner {
   margin-top: 0;
}
#ipocopyright {
   padding: 0;
   text-align: left;
   color: #140732;
   position: relative;
   border-top: 1px solid #381c77;
}
#ipocopyright a {
   color: #fff;
}
#ipocopyright:before {
   content: "";
   width: 100%;
   height: 392px;
   background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0, #fff 100%),url(/image.php?nid=21558&oid=12233619) top center no-repeat;
   opacity: 0.1;
   display: block;
   position: absolute;
   top: 4.75em;
   left: 0;
   right: 0;
   pointer-events: none;
}
#ipocopyright:after {
   content: "";
   width: 100%;
   height: 110px;
   background: url(/image.php?nid=21558&oid=12233646) top center no-repeat;
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   pointer-events: none;
}
#ipocopyright .action-button,
#ipocopyright .action-button:visited,
.icons a[href^="mailto:"]:hover,
.icons a[href^="tel:"]:hover,
.icony a[href^="mailto:"]:hover,
.icony a[href^="tel:"]:hover {
   text-decoration: none;
}
#ipocopyright .copyright {
   padding: 0;
   font-size: 19px;
   font-weight: 300;
   position: relative;
}
#ipocopyright .copyright::after {
   display: block;
   position: absolute;
   bottom: 7.7em;
}
#ipocopyright .row.copyright__inner {
   margin-top: 1em;
   padding: 5.7em 0 4.5em;
   position: relative;
}
#ipocopyright h5 {
   font-size: 1.05em;
   font-weight: 700;
   margin-top: 0;
   margin-bottom: 0.4em;
   position: relative;
   color: #140732;
}
#ipocopyright p {
   color: #140732;
   font-size: 1.05em;
   line-height: 28px;
   font-weight: 300;
}
#ipocopyright .footer-logo {
   display: inline-block;
   position: relative;
   max-height: 0;
}
#ipocopyright .footer-logo > .logo-skoly {
   float: left;
}
#ipocopyright .footer-logo > .nazev-skoly {
   display: inline-block;
   margin-top: 2.35em;
   padding-left: 0.6em;
   font-family: "Bitter",serif;
   font-weight: 900;
   font-size: 1.38em;
   color: #381c77;
   line-height: 23px;
   letter-spacing: -0.5px;
   transition: 0.25s linear;
}
#ipocopyright .footer-logo > .nazev-skoly span {
   font-size: 20px;
   color: #381c77;
   letter-spacing: 0.1px;
}
#ipocopyright .copy-info__wrapper {
   width: 31.5em;
   margin-top: 4.1em;
}
#ipocopyright .copy-adresa {
   width: 45%;
}
#ipocopyright .copy-kontakt {
   width: 54.5%;
   margin-left: auto;
}
#ipocopyright .copy-kontakt::before {
   content: "";
   width: 400px;
   height: 495px;
   background: url(/image.php?nid=21558&oid=12233618) top center/contain no-repeat;
   display: block;
   position: absolute;
   top: -11.37em;
   right: 0.1em;
   z-index: 1;
}
#ipocopyright .copy-kontakt a[href^="mailto:"],
#ipocopyright .copy-kontakt a[href^="tel:"] {
   position: relative;
   padding-left: 1.4em;
   color: #140732;
}
#ipocopyright .copy-kontakt a[href^="mailto:"]::before,
#ipocopyright .copy-kontakt a[href^="tel:"]::before {
   content: "";
   background-color: #381c77;
   -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;
   display: block;
   position: absolute;
   top: 50%;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
   left: 0;
}
#ipocopyright .copy-kontakt a[href^="tel:"]::before {
   width: 18px;
   height: 18px;
   -webkit-mask-image: url(/file.php?nid=21558&oid=12233622);
   mask-image: url(/file.php?nid=21558&oid=12233622);
}
#ipocopyright .copy-kontakt a[href^="mailto:"]::before {
   width: 20px;
   height: 15px;
   -webkit-mask-image: url(/file.php?nid=21558&oid=12233621);
   mask-image: url(/file.php?nid=21558&oid=12233621);
}
#ipocopyright .copy-mapa {
   margin-top: 5.2em;
   margin-left: 3.4em;
   z-index: 2;
}
#ipocopyright .copy-mapa p > .action-button,
#ipocopyright .copy-mapa p > .action-button:visited {
   display: block;
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
   background: #45209b;
   color: #fff;
   font-size: 1em;
   padding: .7em 1.1em;
   font-weight: 300;
   font-family: "Poppins",sans-serif;
}
#ipocopyright .copy-mapa p > .action-button:before,
#ipocopyright .copy-mapa p > .action-button:visited:before {
   content: "";
   width: 280px;
   height: 57px;
   border: 1px solid #ffad65;
   border-radius: 50px;
   display: block;
   position: absolute;
   top: -0.2em;
   left: -0.3em;
}
#ipocopyright .copy-mapa p>.action-button:hover,
.about-text>p>.action-button:hover,
.row.widget-aktuality .action-button:nth-of-type(1):hover,
.row.widget-aktuality .action-button:visited:nth-of-type(1):hover {
   background: #ffad65;
   color: #381c77;
}
#ipocopyright .row.antee,
#ipocopyright .row.antee *,
#ipocopyright .row.antee a,
#ipocopyright .row.antee a:hover,
#ipocopyright .row.antee a:visited,
#ipocopyright .row.antee p {
   color: #140732;
   text-align: left;
}
#ipocopyright .row.antee {
   padding: 2.4em 0 1.3em;
   font-size: 19px;
   font-family: "Poppins",sans-serif;
   line-height: 26px;
   font-weight: 300;
   background: #fff;
   position: relative;
}
#page11873331 #ipocontainer,
#page11873331 #ipomain,
#page11873331 #ipomain > div,
#page11873331 .content {
   max-width: 100%;
   width: 100%;
}
#page11873331 .ipopagetext {
   padding: 0;
   background-color: transparent;
}
.hp-border__container:before {
   content: "";
   width: 822px;
   height: 1466px;
   background: url(/image.php?nid=21558&oid=12233530) center/contain no-repeat;
   opacity: 0.1;
   display: block;
   position: absolute;
   top: 4em;
   left: calc((100% - 2000px) / 2);
}
.hp-border__container:after,
.menu-before:before {
   width: 2000px;
   display: block;
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
   content: "";
   bottom: 0;
   right: 0;
}
.hp-border__container:after {
   height: 1112px;
   background: linear-gradient(180deg, #fff 0, #f5f5ff 100%);
   background-size: contain;
   z-index: -1;
}
#ipomain .slogan {
   min-height: 16.15em;
}
#ipomain .slogan h1 {
   display: block;
   color: #381c77;
   font-weight: 900;
   font-size: 51px;
   line-height: 46px;
   font-family: "Bitter",serif;
}
#ipomain .slogan h1 span:nth-of-type(1),
.row.widget-aktuality .action-button a:hover,
.row.widget-aktuality .action-button:visited a:hover {
   color: #f07d19;
}
#ipomain .slogan h1 span:nth-of-type(2) {
   font-weight: 300;
   font-size: 30px;
   font-family: "Poppins",sans-serif;
   line-height: 20px;
}
.menu-container {
   -ms-grid-columns: 1fr 4.4em 1fr 4.4em 1fr 4.4em 1fr;
   grid-template-columns: 1fr 1fr 1fr 1fr;
   grid-gap: 4.4em;
   -ms-flex-pack: center;
   justify-content: center;
   place-items: center;
}
.menu-before {
   position: relative;
   overflow: hidden;
   min-height: 18.2em;
}
.menu-before:before {
   height: 154px;
   background: url(/image.php?nid=21558&oid=12214255) center/contain no-repeat;
   z-index: 1;
   top: 3.5em;
}
.menu-item {
   display: -ms-grid;
   display: grid;
   place-content: center;
   justify-items: center;
   width: 150px;
   height: 150px;
   border-radius: 100%;
   border: 2px dashed #381c77;
   text-decoration: none;
   gap: 1.7em;
   z-index: 1;
   transition: 0.25s linear;
}
.menu-item:nth-of-type(1) {
   gap: 1.7em;
}
.menu-item:nth-of-type(1) img {
   margin-top: 5.6em;
}
.menu-item:nth-of-type(2) {
   gap: 0.9em;
}
.menu-item:nth-of-type(2) img {
   margin-top: 4.7em;
}
.menu-item:nth-of-type(3) {
   gap: 1.1em;
}
.menu-item:nth-of-type(3) img {
   margin-top: 4.4em;
}
.menu-item:nth-of-type(4) {
   gap: 1.4em;
}
.menu-item:nth-of-type(4) img {
   margin-top: 4.8em;
}
.menu-item:hover {
   background: #381c77;
   border: 1px solid #381c77;
}
.menu-item > span {
   color: #381c77;
   text-align: center;
}
.row.widget-aktuality {
   padding-top: 1.6em;
   position: relative;
}
.row.widget-aktuality h2 {
   color: #381c77;
   line-height: 37px;
   padding-left: 0.35em;
   margin-bottom: 1.4em;
}
.row.widget-aktuality h2 span {
   font-size: 17px;
   font-weight: 800;
   font-family: "Poppins",sans-serif;
   color: #f07d19;
   letter-spacing: 0.2px;
}
.row.widget-aktuality .action-button,
.row.widget-aktuality .action-button:visited {
   font-family: "Poppins",sans-serif;
   display: inline-block;
   font-size: 1.05em;
   font-weight: 300;
   position: relative;
   border-radius: 30px;
   padding: 0.65em 1.25em;
}
.row.widget-aktuality .action-button:nth-of-type(1),
.row.widget-aktuality .action-button:visited:nth-of-type(1) {
   padding: 0.65em 1.6em;
}
.about-text>p>.action-button:before,
.row.widget-aktuality .action-button:nth-of-type(1):before,
.row.widget-aktuality .action-button:visited:nth-of-type(1):before {
   content: "";
   width: 178px;
   height: 54px;
   border: 1px solid #ffad65;
   border-radius: 50px;
   display: block;
   position: absolute;
   top: -0.2em;
   left: -0.3em;
}
.row.widget-aktuality .action-button:nth-of-type(2),
.row.widget-aktuality .action-button:visited:nth-of-type(2) {
   background: #ffad65;
   color: #381c77;
   margin-left: 1.6em;
}
.row.widget-aktuality .action-button:nth-of-type(2):hover,
.row.widget-aktuality .action-button:visited:nth-of-type(2):hover {
   background: #45209b;
   color: #fff;
}
.row.widget-aktuality .action-button:nth-of-type(2):before,
.row.widget-aktuality .action-button:visited:nth-of-type(2):before {
   content: "";
   width: 178px;
   height: 54px;
   border: 1px solid #45209b;
   border-radius: 50px;
   display: block;
   position: absolute;
   top: 0.1em;
   left: -0.3em;
}
.row.widget-aktuality .tlacitka-widget {
   display: block;
   top: 4.8em;
   right: 0;
   position: absolute;
}
.row.widget-aktuality .widget-body {
   -ms-grid-columns: 1fr 1.3em 1fr 1.3em 1fr;
   grid-template-columns: 1fr 1fr 1fr;
   grid-gap: 1.3em;
}
.row.widget-aktuality .widget-item {
   display: block;
   text-decoration: none;
   border-radius: 30px;
   padding: 8.9em 0.7em 2.2em;
   -ms-flex-item-align: start;
   align-self: flex-start;
   position: relative;
   z-index: 1;
   transition: 0.25s linear;
}
.row.widget-aktuality .widget-item:hover > .widget-date {
   background: #fff;
}
.row.widget-aktuality .widget-item:hover>.widget-date>span,
.row.widget-aktuality .widget-item:hover>.widget-introduction {
   color: #000;
}
.row.widget-aktuality .widget-item:hover > .widget-text {
   color: #381c77;
   text-decoration: none;
}
.row.widget-aktuality .widget-item > .widget-image {
   width: 100%;
   height: 255px;
   border-radius: 20px;
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   transition: 0.25s linear;
}
.row.widget-aktuality .widget-item > .widget-image.not-image img {
   width: 50%;
   height: auto;
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
}
.row.widget-aktuality .widget-item > .widget-image img {
   display: block;
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   border-radius: 20px;
}
.row.widget-aktuality .widget-item > .widget-date {
   width: 88px;
   height: 89px;
   padding: 8px;
   display: block;
   background: #fff;
   border-radius: 10px;
   position: relative;
   bottom: 0.2em;
   transition: 0.25s linear;
}
.row.widget-aktuality .widget-item > .widget-date > span {
   display: block;
   color: #000;
   text-align: center;
   transition: 0.25s linear;
}
.row.widget-aktuality .widget-item > .widget-date > span:nth-of-type(1) {
   font-size: 1.94em;
   font-weight: 800;
   font-family: "Poppins",sans-serif;
   color: #381c77;
}
.row.widget-aktuality .widget-item > .widget-date > span:nth-of-type(2) {
   font-size: 0.94em;
   font-weight: 300;
   margin-top: -7px;
   font-family: "Poppins",sans-serif;
   color: #381c77;
}
.row.widget-aktuality .widget-item > .widget-text {
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-decoration: underline;
   margin-top: 1.3em;
   font-weight: 900;
   font-size: 1.38em;
   line-height: 30px;
   color: #381c77;
   font-family: "Bitter",serif;
   transition: 0.25s linear;
}
.gallery .matrix .title,
.row.widget-aktuality .widget-item > .widget-introduction {
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 4;
   overflow: hidden;
   transition: 0.25s linear;
}
.row.widget-aktuality .widget-item > .widget-introduction {
   font-weight: 300;
   font-size: 1.05em;
   line-height: 28px;
   color: #000;
   font-family: "Poppins",sans-serif;
   margin-top: 0.85em;
}
.about-container {
   -ms-grid-columns: 54% 0.1rem auto;
   grid-template-columns: 54% auto;
   gap: 0.1rem;
   margin-top: 1em;
   margin-bottom: 5.05em;
}
.about-text {
   padding: 6.3em 0 0 .65em;
}
.about-text > h2 {
   font-size: 50px;
   font-family: "Bitter",serif;
   font-weight: 900;
   color: #381c77;
   line-height: 40px;
   margin-bottom: 0.3em;
}
.about-text > h2 span {
   font-size: 28px;
   font-family: "Poppins",sans-serif;
   font-weight: 900;
}
.about-text > p {
   margin-bottom: 1.2rem;
   font-size: 19px;
   font-family: "Poppins",sans-serif;
   font-weight: 300;
}
.about-text > p > .action-button {
   background: #45209b;
   padding: .65em 1.8em;
   border-radius: 30px;
   margin: 1em 0 0 0.3em;
}
.about-photo img {
   -o-object-fit: cover;
   object-fit: cover;
}
.foto {
   -ms-grid-columns: 41% 1em auto;
   grid-template-columns: 41% auto;
   gap: 1em;
   margin-bottom: 4.5em;
}
.foto img {
   border-radius: 20px;
}
.foto .foto-right {
   display: -ms-grid;
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;
   gap: 1.2em 1em;
}
.foto .foto-left {
   display: -ms-grid;
   display: grid;
   height: 404px;
}
#page12008070 .form .form-vertical::before {
   content: "Kontaktní formulář";
   display: block;
   font-size: 1.66em;
   margin: 1.5rem auto;
   font-weight: 700;
   font-family: "Poppins",sans-serif;
   color: #000;
}
#page12008070 .ipopagetext,
#ui-datepicker-div.ui-datepicker .ui-datepicker-calendar thead tr,
form .form-vertical .form-item.recaptcha .g-recaptcha>div {
   padding: 0;
}
.row.kontakt {
   margin-top: 18.6em;
   margin-bottom: 5.2em;
   position: relative;
}
.kontakt-info > * {
   position: relative;
   z-index: 1;
   padding: 2.3em 6.4em 1.3em 1.4em;
}
.kontakt-info {
   position: relative;
   padding: 2px;
   border-radius: 30px;
   background: linear-gradient(to right, #381c77, #d1d1f1);
   overflow: hidden;
}
.kontakt-info:before {
   content: '';
   position: absolute;
   inset: 2px;
   border-radius: 28px;
   background: #fff;
   z-index: 0;
}
.kontakt-info h2 {
   font-size: 35px;
   font-weight: 900;
   font-family: "Bitter",serif;
   margin-top: 0;
   margin-bottom: 0.8em;
   color: #381c77;
   position: relative;
   line-height: 38px;
}
#iponavigation p,
#ui-datepicker-div.ui-datepicker,
.gallery .matrix .title,
.kontakt-info h2 span,
.kontakt-item p {
   font-family: "Poppins",sans-serif;
}
.kontakt-item p,
.kontaktni-osoby .kontaktni-osoby__wrapper div p:last-of-type {
   margin-bottom: 0;
}
.kontakt-info h2 span {
   font-size: 25px;
   font-weight: 900;
   color: #381c77;
   letter-spacing: 1px;
}
.kontakt-info p {
   font-size: 19px;
}
.kontakt-info .pracoviste p,
.kontakt-item>.kontakt-udaje>p:nth-of-type(1) {
   letter-spacing: 0.4px;
}
.kontakt-info .pracoviste p:nth-of-type(2) {
   line-height: 28px;
}
.kontakt-info .kontakt-info__inner {
   background: #fff;
   border-radius: 28px;
   padding: 2.1em 2.4em 3em;
}
.kontakt-info__wrapper {
   -ms-grid-columns: 1fr 1.3em 1fr;
   grid-template-columns: 1fr 1fr;
   grid-gap: 3.5em;
   margin-bottom: 1.3em;
}
.kontakt-item p {
   font-size: 19px;
   line-height: 26px;
   position: relative;
   z-index: 1;
}
.kontakt-item p:nth-of-type(1) {
   letter-spacing: .8px;
   margin-bottom: 0.5em;
}
.kontakt-item .action-button,
.kontakt-item .action-button:visited {
   padding: 0.8em 1.8em;
   margin: 0;
}
.kontakt-item > div {
   margin-top: 1em;
}
.kontakt-item > .kontakt-udaje {
   margin-top: 0;
   margin-bottom: 0;
}
.kontakt-mapa {
   width: 44%;
   margin-left: auto;
   margin-right: 1.2em;
   border: 2px solid #f07d19;
   border-radius: 30px;
}
.kontakt-mapa > a {
   height: 100%;
   display: block;
   text-decoration: none;
   position: relative;
}
.kontakt-mapa > a:hover > .action-button {
   background: #fff;
   color: #000;
}
.kontakt-mapa > a img {
   display: block;
   width: 100%;
   height: 100%;
   border-radius: 30px;
   -o-object-fit: cover;
   object-fit: cover;
   transition: 0.25s linear;
}
.kontakt-mapa > a > .action-button {
   padding: .65em 1.45em;
   margin: 0;
   background: #45209b;
   color: #fff;
   position: absolute;
   bottom: 5.7em;
   left: 7.4em;
}
.kontakt-mapa > a > .action-button:before {
   content: "";
   width: 282px;
   height: 53px;
   border: 1px solid #ffad65;
   border-radius: 50px;
   display: block;
   position: absolute;
   top: -0.25em;
   left: -0.3em;
}
.kontaktni-osoby {
   margin-bottom: 11.6em;
}
.kontaktni-osoby h2 {
   font-size: 30px;
   font-weight: 900;
   font-family: "Bitter",serif;
   color: #381c77;
   position: relative;
   padding-left: 0.9em;
   margin-bottom: 2.2em;
}
.kontaktni-osoby h2:after {
   content: "";
   width: 976px;
   height: 0;
   border: 1px solid #381c77;
   display: block;
   position: absolute;
   background-size: contain;
   bottom: 0.65em;
   left: 9.65em;
}
.kontaktni-osoby .kontaktni-osoby__wrapper {
   display: -ms-grid;
   display: grid;
   -ms-grid-columns: 1fr 1.8em 1fr 1.8em 1fr;
   grid-template-columns: 1fr 1fr 1fr;
   grid-gap: 1.3em 1.8em;
}
.kontaktni-osoby .kontaktni-osoby__wrapper .gradient-border {
   position: relative;
   padding: 1.3em 1em 1.4em 1.4em;
   border-radius: 30px;
   background: linear-gradient(to right, #a978e6, #7ba8f9, #f5a8c9);
   z-index: 0;
}
.kontaktni-osoby .kontaktni-osoby__wrapper .gradient-border::before {
   content: '';
   position: absolute;
   inset: 2px;
   background: #fff;
   border-radius: 28px;
   z-index: -1;
}
.kontaktni-osoby .kontaktni-osoby__wrapper div {
   font-size: 19px;
   font-weight: 300;
   letter-spacing: 0.6px;
   padding: 1.3em 1em 1.4em 1.4em;
   border-radius: 30px;
   background: #fff;
}
.kontaktni-osoby .kontaktni-osoby__wrapper div:nth-of-type(4) {
   border: 2px solid #ffa1ac;
}
.kontaktni-osoby .kontaktni-osoby__wrapper div:nth-of-type(5) {
   border: 2px solid #f98800;
}
.kontaktni-osoby .kontaktni-osoby__wrapper div:nth-of-type(6) {
   border: 2px solid #fac176;
}
.kontaktni-osoby .kontaktni-osoby__wrapper div:nth-of-type(7) {
   border: 2px solid #6bc800;
}
.kontaktni-osoby .kontaktni-osoby__wrapper div p {
   line-height: 24px;
}
.icony a[href^="mailto:"],
.icony a[href^="tel:"] {
   position: relative;
   padding-left: 2rem;
   text-decoration: underline;
}
.icons a[href^="mailto:"]::before,
.icons a[href^="tel:"]::before,
.icony a[href^="mailto:"]::before,
.icony a[href^="tel:"]::before {
   content: "";
   position: absolute;
   top: 50%;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
   left: 0;
   background-repeat: no-repeat;
   background-position: center;
}
.icony a[href^="tel:"]::before {
   background-image: url(/file.php?nid=21558&oid=12233622);
   width: 18px;
   height: 18px;
   -webkit-filter: brightness(0);
   filter: brightness(0);
}
.icony a[href^="mailto:"]::before {
   background-image: url(/file.php?nid=21558&oid=12233621);
   width: 20px;
   height: 15px;
   -webkit-filter: brightness(0);
   filter: brightness(0);
}
.kontakt-border__container {
   position: relative;
   margin-bottom: -5px;
   overflow: hidden;
}
.kontakt-border__container:before {
   content: "";
   width: 646px;
   height: 1158px;
   background: url(/image.php?nid=21558&oid=12233530) center/contain no-repeat;
   opacity: 0.1;
   display: block;
   position: absolute;
   top: 4em;
   left: calc((100% - 1992px) / 2);
}
.kontakt-border__container:after {
   content: "";
   width: 2000px;
   height: 1112px;
   background: linear-gradient(180deg, #fff 0, #f5f5ff 100%);
   display: block;
   position: absolute;
   background-size: contain;
   bottom: 0;
   right: 0;
   left: 0;
   z-index: -1;
}
#page12008070 #iponavigation {
   margin-bottom: -15.4em;
}
#iponavigation {
   display: -ms-grid;
   display: grid;
   -ms-grid-columns: 100%;
   grid-template-columns: 100%;
   grid-gap: 1.9em 0;
   margin-bottom: 3.2em;
   margin-top: -0.6em;
   padding: 4em 0 11.2em;
   -ms-flex-line-pack: center;
   align-content: flex-end;
   min-height: 464px;
   position: relative;
}
#iponavigation > img {
   display: block;
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   z-index: -2;
}
#iponavigation p {
   color: #000;
   font-weight: 300;
   font-size: 1.05em;
   padding: 0 38em 0 0;
   text-align: left;
   position: relative;
   z-index: 3;
}
#iponavigation a,
#iponavigation a:visited {
   color: #000;
   font-weight: 300;
   text-decoration: underline;
}
#iponavigation a:hover {
   color: #000;
   font-weight: 300;
   text-decoration: none;
}
#iponavigation .separator {
   margin: 0 33px;
   position: relative;
   padding: 0;
   width: 25px;
   text-indent: -2000em;
   display: inline-block;
}
#iponavigation .separator::before {
   content: "";
   width: 30px;
   height: 30px;
   background: url(/image.php?nid=21558&oid=12233940) top center no-repeat;
   position: absolute;
   top: 0;
   left: 0;
   text-indent: 0;
   display: inline-block;
}
#iponavigation .currentPage {
   color: #000;
   font-weight: 700;
   letter-spacing: 0.9px;
}
input,
select,
textarea {
   border: 1px solid transparent;
   border-bottom: 1px solid #f07d19;
   background-color: #fff;
   color: #000;
}
form .form-vertical {
   background-color: #e0e0e0;
   padding: 1rem;
   margin-top: 2rem;
}
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 {
   border: 1px solid #381c77;
}
form .form-vertical .form-item .form-item-field > textarea {
   height: 8em;
}
form .form-vertical .form-item .form-item-field > input[type=submit] {
   padding: 1em 2em;
   margin-top: 1rem;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
}
form .form-vertical .form-item {
   margin-bottom: 1rem;
}
form .form-vertical .form-item.recaptcha {
   width: 100%;
}
form .form-vertical .approval {
   margin: 1rem 0;
   font-weight: 400;
   font-size: 0.9em;
   clear: both;
   position: relative;
}
form .form-vertical .approval:after {
   content: ".";
   display: inline-block;
}
.blog.view-archives .articles,
.blog.view-default .articles {
   margin: 1rem 0;
}
.blog.view-archives .article,
.blog.view-default .article {
   width: 100%;
   padding: 0 1rem 1rem;
   margin-bottom: 1.25rem;
   border-radius: 0;
   border-top: 5px solid #381c77;
   transition: 0.25s linear;
}
.blog.view-archives .article > *,
.blog.view-default .article > * {
   word-break: break-word;
}
.blog.view-archives .article:hover,
.blog.view-default .article:hover {
   box-shadow: 0 0 5px -5px;
   border-top: 5px solid #381c77;
}
.blog.view-archives .article h2,
.blog.view-default .article h2 {
   font-size: 1.3rem;
   margin: 1.2rem 0;
   letter-spacing: 0;
   min-height: auto;
   color: #381c77;
}
.blog.view-archives .article h2 a,
.blog.view-default .article h2 a {
   text-decoration: underline;
}
.blog.view-archives .article h2 a:hover,
.blog.view-default .article h2 a:hover {
   opacity: 1;
   color: #381c77;
   text-decoration: none;
}
.blog.view-archives .article .morelink,
.blog.view-default .article .morelink {
   display: inline-block;
}
.blog.view-archives > p,
.blog.view-default > p {
   min-height: 6rem;
}
ul.albums.matrix {
   display: -ms-grid;
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;
   grid-gap: 1em;
   margin-top: 1em;
}
.gallery .matrix {
   border-radius: 0;
   margin: 0;
}
.gallery .matrix .title {
   text-overflow: ellipsis;
   min-height: auto;
   font-size: 1.25em;
   line-height: 1.25;
   color: #fff;
   font-weight: 700;
   text-align: center;
   padding: 0 2.2em;
   position: absolute;
   bottom: 1em;
   left: 0;
   right: 0;
   z-index: 2;
}
.gallery .matrix .title a {
   padding: 0;
   text-decoration: none;
}
.gallery .matrix li {
   display: block;
   padding: 0;
   background: none;
   border-radius: 0;
   margin: 0;
   box-shadow: none;
   width: auto;
   position: relative;
   overflow: hidden;
   transition: 0.25s linear;
   min-height: 300px;
}
.gallery .matrix li:hover {
   background: #381c77;
   box-shadow: none;
}
.gallery .matrix li:hover .vstup,
.gallery .matrix li:hover:before {
   opacity: 1;
}
.gallery .matrix li:hover .title {
   -webkit-transform: translateY(-35px);
   transform: translateY(-35px);
}
.gallery .matrix li:hover > a:not(.link__wrapper) img {
   -webkit-filter: brightness(0.45);
   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%;
   -webkit-transform: translate(-50%, -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;
   -webkit-filter: brightness(0.5);
   filter: brightness(0.5);
   transition: 0.25s linear;
}
.gallery .matrix li .vstup {
   width: 87%;
   margin: 0 auto;
   color: #fff;
   font-size: 0.94em;
   position: absolute;
   bottom: 1.5em;
   left: 0;
   right: 0;
   opacity: 0;
   text-align: center;
   transition: 0.25s linear;
}
.gallery .matrix li .vstup:before {
   content: "";
   width: 25%;
   height: 1px;
   background: #fff;
   display: block;
   position: absolute;
   top: 50%;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
   left: 0;
}
.gallery .matrix li .vstup:after {
   content: "";
   width: 25%;
   height: 1px;
   background: #fff;
   display: block;
   position: absolute;
   top: 50%;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
   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: -ms-grid;
   display: grid;
   -ms-flex-align: start;
   align-items: flex-start;
   -ms-grid-columns: 19.94% 1px 19.94% 1px 19.94% 1px 19.94% 1px 19.94%;
   grid-template-columns: 19.94% 19.94% 19.94% 19.94% 19.94%;
   grid-gap: 1px;
   margin: 1em 0;
}
.subsite-images {
   margin: 1.5em 0;
}
.subsite-images img {
   width: 100%;
   height: 200px;
   display: block;
   -o-object-fit: cover;
   object-fit: cover;
}
[data-user-mode] .images {
   grid-gap: 0.5em;
}
[data-user-mode] .add-image {
   margin: 0;
}
.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;
}
.noticeBoardOverview-item h2 {
   font-size: 1.3em;
}
table.datagrid span.positioner {
   margin-top: 5px;
}
.noticeBoard .last-updated {
   margin: 1em 0;
   float: none;
   text-align: right;
}
#ui-datepicker-div.ui-datepicker {
   width: 20em;
   border: none;
   padding: 1em;
   border-radius: 0;
   background: #fff;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
#ui-datepicker-div.ui-datepicker .ui-datepicker-header {
   width: 100%;
   display: block;
   margin: 0;
   padding: 0.3em 0 1em;
   background: none;
   border-radius: 0;
   border: none;
   position: relative;
}
#ui-datepicker-div.ui-datepicker .ui-datepicker-header a {
   top: 5px;
   width: 35px;
   height: 35px;
   border-radius: 50%;
   background: none;
   border: none;
   cursor: pointer;
   position: absolute;
   transition: 0.25s linear;
}
#ui-datepicker-div.ui-datepicker .ui-datepicker-header a:before {
   content: "";
   width: 0.6rem;
   height: 0.6rem;
   border-bottom: 3px solid #000;
   border-left: 3px solid #000;
   display: block;
   position: absolute;
   top: 0.67em;
   transition: 0.25s linear;
}
#ui-datepicker-div.ui-datepicker .ui-datepicker-header a:hover {
   border: none;
   background: #000;
}
#ui-datepicker-div.ui-datepicker .ui-datepicker-header a:hover:before {
   border-bottom: 3px solid #fff;
   border-left: 3px solid #fff;
}
#ui-datepicker-div.ui-datepicker .ui-datepicker-header a:first-of-type {
   float: none;
   margin-left: 0;
   left: auto;
   right: 2.5em;
}
#ui-datepicker-div.ui-datepicker .ui-datepicker-header a:first-of-type:before {
   left: 14px;
   -webkit-transform: rotate(45deg);
   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;
   -webkit-transform: rotate(-135deg);
   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: -ms-flexbox;
   display: flex;
   -ms-flex-flow: row wrap;
   flex-flow: row wrap;
   -ms-flex-pack: justify;
   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: -ms-flexbox;
   display: flex;
   -ms-flex-align: center;
   align-items: center;
   -ms-flex-pack: 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;
}
.icons a[href^="mailto:"],
.icons a[href^="tel:"] {
   position: relative;
   padding-left: 1.5rem;
   text-decoration: underline;
}
.icons a[href^="tel:"]::before {
   background-image: url(/file.php?nid=21558&oid=12233622);
   width: 18px;
   height: 18px;
}
.icons a[href^="mailto:"]::before {
   background-image: url(/file.php?nid=21558&oid=12233621);
   width: 20px;
   height: 15px;
}
@media only screen and (max-width: 1600px) {
   h1 {
      font-size: 2.5em;
      letter-spacing: 0;
   }
   .ipopagetext .error {
      padding-top: 16.5rem;
   }
   #page11873331 #ipoheader {
      min-height: 350px;
   }
   .subpage-background .boxImage > img {
      height: 300px;
   }
   .uvodni-fotka .boxImage img {
      height: 480px;
   }
   .hp-border__container:before,
   .kontakt-border__container:before {
      top: 2em;
      left: calc((100% - 1900px) / 2);
   }
   .menu-container {
      grid-gap: 2em;
   }
   .menu-before {
      min-height: 14em;
   }
   .menu-before:before {
      top: 1em;
   }
   .row.widget-aktuality {
      padding-top: 0;
   }
   .row.widget-aktuality .tlacitka-widget {
      top: 3.5em;
      right: 1em;
   }
   .about-text > h2 {
      font-size: 45px;
   }
   .about-text > h2 span {
      font-size: 25px;
   }
   .about-text > p br {
      display: none;
   }
   .about-photo img {
      width: 550px;
      height: auto;
   }
   .row.kontakt {
      margin-bottom: 4em;
   }
   .kontaktni-osoby {
      margin-bottom: 9em;
   }
   .kontaktni-osoby h2 {
      margin-bottom: 1.75em;
   }
   #iponavigation {
      padding: 4em 0 8.5em;
      min-height: 370px;
      grid-gap: 1em 0;
   }
}
@media only screen and (max-width: 1280px) {
	.menu-before:before {
      top: 4em;
   }
   .about-container,
   .row.kontakt {
      margin-bottom: 3em;
   }
   #iponavigation,
   #page11873331 #ipoheader {
      min-height: 300px;
   }
   .ipopagetext .error {
      padding-top: 13rem;
   }
   #iponavigation p{
	padding: 0 30em 0 0;
   }
   #ipofooter,
   #ipomain > div,
   #iponavigation p,
   #ipotopmenu,
   #pageKONTAKT .form.view-personalDataProcessing.content,
   #snippet--toolbar,
   .content,
   .error,
   .form-vertical,
   .header-container,
   .ipopagetext.system,
   .layout-container,
   .toolbar,
   body[data-user-mode] h1,
   form#frm-setup-form {
      max-width: 988px;
   }
   .subpage-background {
      top: 9em;
   }
   .subpage-background .boxImage > img {
      height: 250px;
   }
   .uvodni-fotka {
      top: 8.5em;
   }
   .uvodni-fotka .boxImage:after {
      width: 681px;
      height: 382px;
      right: calc((100% - 1300px) / 2);
      top: -1.35em;
   }
   .uvodni-fotka .boxImage img {
      height: 450px;
   }
   .header-inner__container::before {
      height: 150px;
   }
   .row.header-inner {
      padding: 0.6em 0 1em;
   }
   .header-logo img {
      width: 200px;
      height: auto;
   }
   .header-kontakt {
      margin-top: 0.55em;
      margin-right: 0;
   }
   .header-nase {
      right: 5.25em;
   }
   #ipotopmenuwrapper {
      top: 4.95em;
   }
   #ipotopmenuwrapper ul.topmenulevel1 {
      margin-left: auto;
      padding-right: 0;
      width: 77.5%;
   }
   #ipotopmenuwrapper ul.topmenulevel1 li.noborder.active > a:before,
   #ipotopmenuwrapper ul.topmenulevel1 li.noborder:hover > a:before,
   #ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1.active > a:before,
   #ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1:hover > a:before {
      width: 12px;
      height: 12px;
      bottom: -6px;
   }
   #ipotopmenuwrapper ul.topmenulevel1 li.noborder > a,
   #ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1 > a {
      font-size: 1.11em;
      padding: 1.4em 0 .2em;
   }
   #ipotopmenuwrapper ul.topmenulevel2 li.topmenuitem2>a,
   #ipotopmenuwrapper ul.topmenulevel2 li.topmenuitem3>a,
   #ipotopmenuwrapper ul.topmenulevel3 li.topmenuitem2>a,
   #ipotopmenuwrapper ul.topmenulevel3 li.topmenuitem3>a,
   #ui-datepicker-div.ui-datepicker .ui-datepicker-calendar td span {
      font-size: 0.9em;
   }
   #ipotopmenuwrapper ul.topmenulevel2.two-column {
      width: 440px;
   }
   #ipocopyright .row.copyright__inner {
      padding: 4.8em 0 3em;
   }
   #ipocopyright h5 {
      font-size: 1.15em;
   }
   #ipocopyright .footer-logo > .logo-skoly img {
      width: auto;
      height: 80px;
   }
   #ipocopyright .footer-logo > .nazev-skoly {
      font-size: 1.11em;
      margin-top: 1.75em;
   }
   #ipocopyright .copy-info__wrapper {
      width: 27.2em;
      margin-top: 2.5em;
   }
   #ipocopyright .copy-adresa {
      width: 39%;
   }
   #ipocopyright .copy-kontakt {
      width: 59%;
   }
   #ipocopyright .copy-kontakt::before {
      width: 300px;
      height: 385px;
      top: -9em;
      right: 0;
   }
   #ipocopyright .copy-mapa {
      margin-top: 3.2em;
      margin-left: 0;
   }
   .about-text>p>.action-button:before,
   .row.widget-aktuality .action-button:nth-of-type(1):before,
   .row.widget-aktuality .action-button:visited:nth-of-type(1):before {
      width: 158px;
      height: 50px;
      top: -0.1em;
      left: -.35em;
   }
   #ipocopyright .copy-mapa p>.action-button:before,
   #ipocopyright .copy-mapa p>.action-button:visited:before,
	.kontakt-mapa>a>.action-button:before{
		width: 263px;
        height: 50px;
        top: -0.1em;
        left: -.35em;
	}
   .hp-border__container:before {
      width: 615px;
      height: 1100px;
      left: calc((100% - 1400px) / 2);
      top: 5em;
   }
   #ipomain .slogan {
      min-height: 14.15em;
      min-height: 12.5em;
   }
   #ipomain .slogan h1 {
      font-size: 40px;
      line-height: 36px;
   }
   #ipomain .slogan h1 span:nth-of-type(2) {
      font-size: 25px;
      line-height: 16px;
   }
   .menu-container {
      grid-gap: 2em;
   }
   .row.widget-aktuality h2 {
      margin-bottom: 1.2em;
   }
   .row.widget-aktuality .action-button,
   .row.widget-aktuality .action-button:visited {
      font-size: 1em;
   }
   .row.widget-aktuality .action-button:nth-of-type(2):before,
   .row.widget-aktuality .action-button:visited:nth-of-type(2):before {
      width: 158px;
      height: 50px;
      top: -0.1em;
      left: 0.2em;
   }
   .row.widget-aktuality .tlacitka-widget {
      right: 0;
   }
   .row.widget-aktuality .widget-body {
      grid-gap: 1em;
   }
   .row.widget-aktuality .widget-item {
      padding: 8.2em 0.7em 1.5em;
   }
   .row.widget-aktuality .widget-item > .widget-image {
      height: 200px;
   }
   .row.widget-aktuality .widget-item > .widget-date {
      width: 75px;
      height: 75px;
      bottom: 1.85em;
   }
   .row.widget-aktuality .widget-item > .widget-date > span:nth-of-type(1) {
      font-size: 1.55em;
   }
   .row.widget-aktuality .widget-item > .widget-date > span:nth-of-type(2) {
      font-size: 1em;
      margin-top: -6px;
   }
   .row.widget-aktuality .widget-item > .widget-text {
      font-size: 1.15em;
      line-height: 1.2;
      margin-top: 0;
   }
   .row.widget-aktuality .widget-item > .widget-introduction {
      font-size: 1em;
      line-height: 1.25;
   }
   .about-container {
      -ms-grid-columns: 46% 2rem auto;
      grid-template-columns: 46% auto;
      gap: 2rem;
      margin-top: 1.5em;
   }
   .about-text {
      padding: 0 0 0 0.65em;
   }
   .about-photo img {
      width: 450px;
   }
   .foto .foto-left img {
      height: 75%;
      width: auto;
   }
   .foto .foto-right {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 1fr 1fr 1fr;
      grid-template-columns: 1fr 1fr 1fr;
      grid-auto-rows: 195px;
      height: 404px;
      row-gap: 14px;
   }
   .foto .foto-right img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
      object-fit: cover;
   }
   #page12008070 .form .form-vertical::before {
      margin: 1.5rem auto;
   }
   .kontakt-info > * {
      padding: 0;
   }
   .kontakt-info,
   .kontakt-info .kontakt-info__inner {
      padding: 1.7em;
   }
   .kontakt-info {
      width: 60%;
   }
   .kontakt-info h2 {
      font-size: 30px;
      line-height: 28px;
      margin-bottom: 0.5em;
   }
   .kontakt-info h2 span {
      font-size: 20px;
   }
   .kontakt-info .pracoviste p:nth-of-type(2) {
      margin-bottom: 0;
   }
   .kontakt-info__wrapper {
      -ms-grid-columns: 46% 0 1fr;
      grid-template-columns: 46% 1fr;
      grid-gap: 0;
      margin-bottom: 0.75em;
   }
   .kontakt-item p:nth-of-type(1) {
      margin-bottom: 0.25em;
   }
   .kontakt-item .action-button,
   .kontakt-item .action-button:visited {
      padding: 0.8em 1.2em;
   }
   .kontakt-mapa {
      width: 35.5%;
   }
   .kontakt-mapa > a > .action-button {
      bottom: 4em;
      left: 2.25em;
   }
   .kontaktni-osoby {
      margin-bottom: 5em;
   }
   .kontaktni-osoby h2 {
      margin-bottom: 1.25em;
   }
   .kontaktni-osoby h2:after {
      width: 695px;
   }
   .kontaktni-osoby .kontaktni-osoby__wrapper {
      -ms-grid-columns: 1fr 1.8em 1fr;
      grid-template-columns: 1fr 1fr;
   }
   .kontakt-border__container:before {
      width: 415px;
      height: 1000px;
      left: calc((100% - 1400px) / 2);
      top: 5em;
   }
   #iponavigation {
      padding: 4em 0 6.2em;
      grid-gap: 1em 0;
      margin-bottom: 2em;
   }
   #iponavigation .separator {
      margin: 0 22px;
   }
   #iponavigation .currentPage {
      letter-spacing: 0;
   }
   ul.albums.matrix {
      -ms-grid-columns: 1fr 1em 1fr;
      grid-template-columns: 1fr 1fr;
   }
   #ui-datepicker-div.ui-datepicker .ui-datepicker-calendar th {
      width: 33px;
      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) {
	#page12008026 .menu-container {
		margin-bottom: 5em;
		margin-top: 1em;
	}
	[data-user-mode] #iponavigation {
		min-height: auto;
		padding: 0;
	}
   #ipomain h1,
   #ipopage .error h1,
   h1 {
      margin: 1rem 0;
   }
   #ipomain #ipopage h1,
   .leftFloat,
   .menu-toggler,
   .rightFloat,
   .weather .forecast .weather-day:first-child>span {
      display: block;
   }
   #ipopage .noticeBoard table.datagrid .grid-info select,
   .image-detail[data-caption],
   .menu-toggler > span {
      display: inline-block;
   }
   #ipoheader,
   #iponavigation {
      min-height: auto;
   }
   #ipopage .noticeBoard table.datagrid tbody tr td:before,
   .menu-toggler {
      font-weight: 700;
   }
   .action-button,
   .action-button:visited {
      font-size: 18px;
   }
   #ipomain h1 {
      color: #000;
   }
   body[data-user-mode] #ipomain h1 {
      margin-top: 1rem;
      margin-bottom: 1rem;
   }
   h1 {
      font-size: 1.5em;
      text-align: left;
      letter-spacing: 0;
   }
   #ipocopyright .row.antee .layout-container,
   #ipopage,
   #page11873331 #ipopage,
   #page12008070 .ipopagetext .form.view-personalDataProcessing.content h1,
   .about-text,
   .wrapper-h1 {
      padding: 0;
   }
   .noticeBoardOverview-item h2,
   h2 {
      font-size: 1.25em;
   }
   h3 {
      font-size: 1.15em;
   }
   h4 {
      font-size: 1em;
   }
   .ipopagetext .error {
      padding-top: 0;
   }
   .ipopagetext .subscribe-toolbar {
      -ms-flex-pack: end;
      justify-content: flex-end;
      grid-column: auto;
   }
   .leftFloat {
      float: none;
      margin-right: 0;
      margin-bottom: 0.5em;
   }
   .rightFloat {
      float: none;
      margin-left: 0;
      margin-bottom: 0.5em;
   }
   .forecast {
      margin-bottom: 1em;
   }
   .forecast .weather-day,
   .other-days .weather-day {
      float: none;
      width: 100%;
      padding: 0;
      margin: 0 0 1em;
      text-align: left;
   }
   .weather-state {
      margin: 0;
   }
   #page12008070 .ipopagetext,
   #ui-datepicker-div.ui-datepicker,
   .comments>.comment,
   .noticeBoardOverview--grid .noticeBoardOverview-item,
   .noticeBoardOverview-filter fieldset,
   .row.header-inner {
      padding: 1em;
   }
   .comments > .comment.level-1 {
      margin-left: 1em;
   }
   #ipocopyright .row.antee *,
   #ipocopyright .row.antee a,
   #ipocopyright .row.antee a:hover,
   #ipocopyright .row.antee a:visited,
   #ipocopyright .row.antee p,
   .comments .comment-footer,
   .comments>.comment .created,
   p {
      text-align: left;
   }
   .menu-toggler {
      top: 1em;
      padding: 0.5em 1em;
      margin: 0 1em 0 0;
      right: 0;
      background-color: #381c77;
      border-radius: 30px;
   }
   .menu-toggler:hover {
      background-color: #f07d19;
   }
   .menu-toggler > span {
      color: #fff;
      font-size: 1.2em;
      padding: 0;
      font-weight: 700;
      z-index: 1;
      position: relative;
   }
   .menu-toggler .genericon {
      padding-left: 0.5em;
      color: #fff;
      top: 0.1em;
   }
   .menu-toggler:hover .genericon,
   .menu-toggler:hover span {
      color: #000;
   }
   #back-to-top {
      color: #fff;
      background-color: #381c77;
      box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
      border-radius: 25px;
      z-index: 102;
   }
   #back-to-top:hover {
      background-color: #000;
   }
   #ipofooter,
   #ipomain > div,
   #iponavigation p,
   #ipotopmenu,
   #pageKONTAKT .form.view-personalDataProcessing.content,
   #snippet--toolbar,
   .content,
   .error,
   .form-vertical,
   .header-container,
   .ipopagetext.system,
   .layout-container,
   .toolbar,
   body[data-user-mode] h1,
   form#frm-setup-form {
      max-width: 100%;
   }
   .layout-container,
   .row.widget-aktuality {
      padding: 0 1em;
   }
   .ipopagetext {
      padding: 0 1em 1em;
   }
   #page12008070 .ipopagetext .form.view-personalDataProcessing.content {
      padding: 0 1em 2em;
   }
   #ipocopyright .copy-kontakt::before,
   #ipocopyright .copyright::after,
   #ipocopyright:after,
   #ipocopyright:before,
   #ipoheader::before,
   #page11873331 #ipocopyright .copyright:before,
   #page12008070 #ipocopyright .copyright:before,
   .header-inner__container::before {
      display: none;
      background: none;
   }
   #page11873331 #ipoheader {
      min-height: 236px;
   }
   #ipocopyright .copy-mapa p>.action-button:before,
   #ipocopyright .copy-mapa p>.action-button:visited:before,
   #iponavigation>img,
   #ipopage .noticeBoard table.datagrid .file-type,
   #ipotopmenuwrapper ul.topmenulevel1 li.noborder.active>a:before,
   #ipotopmenuwrapper ul.topmenulevel1 li.noborder:after,
   #ipotopmenuwrapper ul.topmenulevel1 li.noborder:hover>a:before,
   #ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1.active>a:before,
   #ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1:after,
   #ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1:hover>a:before,
   .about-text>p>.action-button:before,
   .error-page .subpage-background,
   .error-page .subpage-background .boxImage>img,
   .foto .foto-left,
   .gallery .matrix li .vstup,
   .hp-border__container:after,
   .hp-border__container:before,
   .kontakt-border__container:after,
   .kontakt-border__container:before,
   .kontakt-mapa>a img,
   .kontakt-mapa>a>.action-button:before,
   .kontaktni-osoby h2:after,
   .menu-before:before,
   .row.widget-aktuality .action-button:nth-of-type(1):before,
   .row.widget-aktuality .action-button:nth-of-type(2):before,
   .row.widget-aktuality .action-button:visited:nth-of-type(1):before,
   .row.widget-aktuality .action-button:visited:nth-of-type(2):before,
   .row.widget-aktuality .widget-item>.widget-image,
   .row.widget-aktuality .widget-item>.widget-image img,
   .row.widget-aktuality .widget-item>.widget-introduction,
   .subpage-background .boxImage>img,
   .uvodni-fotka .boxImage:after,
   body .tooltipster-base {
      display: none;
   }
   .uvodni-fotka {
      top: auto;
   }
   .uvodni-fotka .boxImage img {
      height: 300px;
      -o-object-position: center;
      object-position: center;
   }
   .logo {
      width: 100%;
      z-index: 1;
   }
   .header-logo img {
      width: 150px;
   }
   .header-kontakt {
      margin-top: -2.7em;
   }
   .header-nase {
      top: 4.5em;
      right: 6.25em;
   }
   #ipocopyright .copy-mapa,
   .kontakt-mapa {
      top: auto;
      right: auto;
      margin-left: 0;
      position: relative;
   }
   #ipotopmenuwrapper {
      width: 100%;
      max-width: 100%;
      top: 8em;
      padding: 0;
      border-radius: 0;
      background: #fff;
      border-top: 3px solid #381c77;
      border-bottom: 3px solid #381c77;
      box-shadow: none;
   }
   #ipotopmenuwrapper #ipotopmenu {
      width: 100%;
      margin: 0.5em 0;
      float: none;
      background: #fff;
   }
   #ipotopmenuwrapper ul.topmenulevel1 {
      width: 100%;
      max-width: 100%;
      display: block;
      border-radius: 0;
      margin: 0;
      float: none;
      padding: 0;
      background: none;
      border: none;
   }
   #ipotopmenuwrapper ul.topmenulevel1 li.noborder,
   #ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1 {
      width: 100%;
      color: #381c77;
      border-radius: 0;
      margin: 0.1em 0;
   }
   #ipotopmenuwrapper ul.topmenulevel1 li.noborder.active.hasSubmenu .open-submenu.see-more:before,
   #ipotopmenuwrapper ul.topmenulevel1 li.noborder.hasSubmenu .open-submenu.see-more:before,
   #ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1.active.hasSubmenu .open-submenu.see-more:before,
   #ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1.hasSubmenu .open-submenu.see-more:before {
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg);
   }
   #ipotopmenuwrapper ul.topmenulevel1 li.noborder.active.hasSubmenu ul.topmenulevel2,
   #ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1.active.hasSubmenu ul.topmenulevel2 {
      visibility: visible;
      display: block;
   }
   #ipotopmenuwrapper ul.topmenulevel1 li.noborder.hasSubmenu.active .open-submenu,
   #ipotopmenuwrapper ul.topmenulevel1 li.noborder.hasSubmenu:hover .open-submenu,
   #ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1.hasSubmenu.active .open-submenu,
   #ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1.hasSubmenu:hover .open-submenu {
      background: #381c77;
   }
   #ipotopmenuwrapper ul.topmenulevel1 li.noborder.hasSubmenu.active .open-submenu:before,
   #ipotopmenuwrapper ul.topmenulevel1 li.noborder.hasSubmenu:hover .open-submenu:before,
   #ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1.hasSubmenu.active .open-submenu:before,
   #ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1.hasSubmenu:hover .open-submenu:before {
      border-color: #fff transparent transparent;
   }
   #ipotopmenuwrapper ul.topmenulevel1 li.noborder.hasSubmenu > a,
   #ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1.hasSubmenu > a {
      padding: 0.7em 3.5rem;
   }
   #ipotopmenuwrapper ul.topmenulevel1 li.noborder.hasSubmenu > a > span:first-of-type,
   #ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1.hasSubmenu > a > span:first-of-type {
      position: relative;
   }
   #ipotopmenuwrapper ul.topmenulevel1 li.noborder.hasSubmenu .open-submenu,
   #ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1.hasSubmenu .open-submenu {
      width: 30px;
      height: 30px;
      background: #381c77;
      border-radius: 0;
      display: inline-block;
      position: absolute;
      top: 0.6em;
      right: 1em;
      transition: 0.25s linear;
   }
   #ipotopmenuwrapper ul.topmenulevel1 li.noborder.hasSubmenu .open-submenu:before,
   #ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1.hasSubmenu .open-submenu:before {
      content: "";
      display: block;
      position: absolute;
      right: 0;
      left: 0;
      margin: 0 auto;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 8px 6px 0;
      border-color: #fff transparent transparent;
      top: 11px;
      transition: 0.25s linear;
   }
   #ipotopmenuwrapper ul.topmenulevel1 li.noborder:nth-of-type(1):after,
   #ipotopmenuwrapper ul.topmenulevel1 li.noborder:nth-of-type(2):after,
   #ipotopmenuwrapper ul.topmenulevel1 li.noborder:nth-of-type(3):after,
   #ipotopmenuwrapper ul.topmenulevel1 li.noborder:nth-of-type(4):after,
   #ipotopmenuwrapper ul.topmenulevel1 li.noborder:nth-of-type(5):after,
   #ipotopmenuwrapper ul.topmenulevel1 li.noborder:nth-of-type(6):after,
   #ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1:nth-of-type(1):after,
   #ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1:nth-of-type(2):after,
   #ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1:nth-of-type(3):after,
   #ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1:nth-of-type(4):after,
   #ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1:nth-of-type(5):after,
   #ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1:nth-of-type(6):after,
   .row.widget-aktuality .widget-item:hover>.widget-date {
      background: none;
   }
   #ipotopmenuwrapper ul.topmenulevel1 li.noborder.active>a,
   #ipotopmenuwrapper ul.topmenulevel1 li.noborder:hover>a,
   #ipotopmenuwrapper ul.topmenulevel1 li.noborder>a.nolink:hover,
   #ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1.active>a,
   #ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1:hover>a,
   #ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1>a.nolink:hover,
   #ipotopmenuwrapper ul.topmenulevel2 li.topmenuitem2.active>a,
   #ipotopmenuwrapper ul.topmenulevel2 li.topmenuitem2:hover>a,
   #ipotopmenuwrapper ul.topmenulevel2 li.topmenuitem2>a.nolink:hover,
   #ipotopmenuwrapper ul.topmenulevel2 li.topmenuitem3.active>a,
   #ipotopmenuwrapper ul.topmenulevel2 li.topmenuitem3:hover>a,
   #ipotopmenuwrapper ul.topmenulevel2 li.topmenuitem3>a.nolink:hover,
   #ipotopmenuwrapper ul.topmenulevel3 li.topmenuitem2.active>a,
   #ipotopmenuwrapper ul.topmenulevel3 li.topmenuitem2:hover>a,
   #ipotopmenuwrapper ul.topmenulevel3 li.topmenuitem2>a.nolink:hover,
   #ipotopmenuwrapper ul.topmenulevel3 li.topmenuitem3.active>a,
   #ipotopmenuwrapper ul.topmenulevel3 li.topmenuitem3:hover>a,
   #ipotopmenuwrapper ul.topmenulevel3 li.topmenuitem3>a.nolink:hover {
      background: #381c77;
      color: #fff;
   }
   #ipotopmenuwrapper ul.topmenulevel1 li.noborder > a,
   #ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1 > a {
      width: 100%;
      font-size: 1em;
      padding: 0.7em 1em;
      margin: 0;
      color: #381c77;
      text-transform: none;
      letter-spacing: 0;
      background: 0 0;
      text-align: center;
      border: none;
      border-radius: 0;
      text-shadow: none;
      transition-delay: 0s;
   }
   #ipotopmenuwrapper ul.topmenulevel1 li.noborder:nth-of-type(-n+3) ul.topmenulevel3,
   #ipotopmenuwrapper ul.topmenulevel1 li.topmenuitem1:nth-of-type(-n+3) ul.topmenulevel3 {
      left: 0;
      right: 0;
      top: auto;
      padding: 0 1em;
      margin: auto 0;
      background: #fff;
      color: #000;
      position: relative;
   }
   #ipotopmenuwrapper ul.topmenulevel2,
   #ipotopmenuwrapper ul.topmenulevel3 {
      box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.2);
      padding: 0;
      background: #fff;
      border-radius: 0;
   }
   #ipotopmenuwrapper ul.topmenulevel2 li.topmenuitem2,
   #ipotopmenuwrapper ul.topmenulevel2 li.topmenuitem3,
   #ipotopmenuwrapper ul.topmenulevel3 li.topmenuitem2,
   #ipotopmenuwrapper ul.topmenulevel3 li.topmenuitem3 {
      border-radius: 0;
      background: #fff;
   }
   #ipotopmenuwrapper ul.topmenulevel2 li.topmenuitem2.hasSubmenu .open-submenu,
   #ipotopmenuwrapper ul.topmenulevel2 li.topmenuitem3.hasSubmenu .open-submenu,
   #ipotopmenuwrapper ul.topmenulevel3 li.topmenuitem2.hasSubmenu .open-submenu,
   #ipotopmenuwrapper ul.topmenulevel3 li.topmenuitem3.hasSubmenu .open-submenu {
      width: 25px;
      height: 25px;
      background: #381c77;
      border-radius: 0;
      display: inline-block;
      position: absolute;
      top: 0.5em;
      right: 1em;
      transition: 0.25s linear;
   }
   #ipotopmenuwrapper ul.topmenulevel2 li.topmenuitem2 > a,
   #ipotopmenuwrapper ul.topmenulevel2 li.topmenuitem3 > a,
   #ipotopmenuwrapper ul.topmenulevel3 li.topmenuitem2 > a,
   #ipotopmenuwrapper ul.topmenulevel3 li.topmenuitem3 > a {
      text-align: center;
      padding: 0.7em;
      font-size: 0.9em;
      border-radius: 0;
      background: #fff;
      color: #000;
   }
   #ipotopmenuwrapper ul.topmenulevel2.two-column {
      width: 90%;
      display: block;
   }
   #ipotopmenuwrapper ul.topmenulevel2.two-column li.topmenuitem2 {
      width: 100%;
      -ms-flex: 1 0 100%;
      flex: 1 0 100%;
   }
   #ipotopmenuwrapper ul.topmenulevel3 {
      left: 0;
      right: 0;
      top: auto;
      padding: 0 1em;
      margin: auto 0;
   }
   #ipotopmenu ul.topmenulevel1 li.topmenuitem1 ul.topmenulevel2 {
      padding: 0;
      margin: 0.5em auto;
      visibility: visible;
      display: none;
   }
   #page11873331 #ipocopyright,
   #page12008070 #ipocopyright {
      border-top: 1px solid #381c77;
   }
   #ipocopyright .row.copyright__inner {
      margin-top: 0;
      width: 100%;
      padding: 1em;
      border-bottom: 1px solid #381c77;
   }
   #ipocopyright h5 {
      font-size: 1em;
      margin-bottom: 0.3em;
   }
   #ipocopyright p {
      font-size: 1em;
      line-height: 1.4;
      margin-bottom: 0;
   }
   #ipocopyright .footer-logo > .logo-skoly img {
      height: 70px;
   }
   #ipocopyright .footer-logo > .nazev-skoly {
      margin-top: 0.7em;
      padding-left: 0.4em;
   }
   #ipocopyright .copy-info__wrapper {
      width: 100%;
      margin-top: 1.2em;
   }
   #ipocopyright .copy-adresa {
      width: 100%;
   }
   #ipocopyright .copy-kontakt {
      width: 100%;
      margin-top: 0.5em;
   }
   #ipocopyright .copy-kontakt a[href^="mailto:"],
   #ipocopyright .copy-kontakt a[href^="tel:"] {
      padding-left: 1.4em;
   }
   #ipocopyright .copy-mapa {
      width: 100%;
      height: auto;
      margin-top: 0.5em;
   }
   #ipocopyright .copy-mapa p>.action-button,
   #ipocopyright .copy-mapa p>.action-button:visited,
   .kontakt-item .action-button,
   .kontakt-item .action-button:visited {
      padding: 0.5em 1em;
   }
   #ipocopyright .row.antee {
      padding: 1.5em 1em 5em;
      font-size: 0.75em;
      margin-top: 0;
      line-height: 1.4;
      letter-spacing: 0;
      text-align: left;
   }
   #ipomain .slogan h1 {
      font-size: 35px;
      line-height: 32px;
   }
   #ipomain .slogan h1 span:nth-of-type(2),
   .about-text>h2 span {
      font-size: 22px;
   }
   .menu-before {
      min-height: 11em;
   }
   .menu-item {
      width: 120px;
      height: 120px;
   }
   .menu-item:nth-of-type(1) img {
      margin-top: 5.1em;
   }
   .menu-item:nth-of-type(2) {
      gap: 1.5em;
   }
   .menu-item:nth-of-type(2) img {
      margin-top: 4.2em;
   }
   .menu-item:nth-of-type(3) {
      gap: 1.8em;
   }
   .menu-item:nth-of-type(3) img {
      margin-top: 4.7em;
   }
   .menu-item:nth-of-type(4) {
      gap: 1.6em;
   }
   .menu-item:nth-of-type(4) img {
      width: 55%;
      height: auto;
   }
   .menu-item > img {
      width: 75%;
      height: auto;
   }
   .menu-item > span {
      font-size: 35px;
   }
   .widget-aktuality__container {
      overflow: inherit;
   }
   .row.widget-aktuality h2 {
      margin-bottom: 0.5em;
      padding-left: 0;
      font-size: 37px;
      margin-top: 0;
   }
   .row.widget-aktuality .action-button,
   .row.widget-aktuality .action-button:nth-of-type(1),
   .row.widget-aktuality .action-button:visited,
   .row.widget-aktuality .action-button:visited:nth-of-type(1) {
      padding: 0.5em 1.3em;
   }
   .row.widget-aktuality .action-button:nth-of-type(2),
   .row.widget-aktuality .action-button:visited:nth-of-type(2) {
      margin-left: 0.5em;
   }
   .row.widget-aktuality .tlacitka-widget {
      top: 0;
      left: 0;
      position: relative;
      margin-top: 1em;
   }
   .kontaktni-osoby .kontaktni-osoby__wrapper,
   .row.widget-aktuality .widget-body {
      -ms-grid-columns: 100%;
      grid-template-columns: 100%;
      grid-gap: 1em 0;
   }
   .row.widget-aktuality .widget-item {
      padding: 1em;
      border-radius: 10px;
      min-height: auto;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
   }
   .row.widget-aktuality .widget-item > .widget-date {
      width: auto;
      height: auto;
      padding: 0;
      background: none;
      border-radius: 0;
      position: revert;
   }
   .row.widget-aktuality .widget-item > .widget-date > span {
      display: inline;
      text-align: left;
   }
   .row.widget-aktuality .widget-item > .widget-date > span:nth-of-type(1) {
      font-size: 1em;
      font-weight: 300;
   }
   .row.widget-aktuality .widget-item > .widget-date > span:nth-of-type(1):after {
      content: ". ";
      display: inline;
   }
   .kontakt-item>.kontakt-udaje,
   .row.widget-aktuality .widget-item>.widget-date>span:nth-of-type(2) {
      margin-top: 0;
   }
   .row.widget-aktuality .widget-item > .widget-text {
      font-size: 1em;
      margin-top: 0.2em;
      display: block;
      overflow: inherit;
   }
   .about-container {
      gap: 1em;
      -ms-grid-columns: auto;
      grid-template-columns: auto;
      margin-top: 0;
      margin-bottom: 1em;
   }
   .foto,
   .kontakt-info__wrapper {
      -ms-grid-columns: 100%;
      grid-template-columns: 100%;
   }
   .images,
   .kontakt-item>div,
   .kontakt-mapa {
      margin-top: 1em;
   }
   .about-text > h2 {
      font-size: 35px;
      line-height: 30px;
   }
   .about-text > p,
   .kontakt-item p {
      line-height: 1.5;
   }
   .about-text > p {
      margin-bottom: 0.5rem;
   }
   .about-text > p > .action-button {
      margin: 0.5em 0 0;
      padding: .5em 1.3em;
   }
   .about-photo img {
      width: 350px;
   }
   .foto {
      margin-bottom: 2em;
   }
   .row.kontakt {
      width: 100%;
      margin-top: 0;
      margin-bottom: 1em;
      padding: 0;
   }
   .kontakt-info {
      width: 100%;
      padding: 0;
      border: none;
      border-radius: 0;
      background: none;
   }
   .kontakt-info h2 {
      font-size: 1.25em;
      margin-bottom: 0.25em;
   }
   #iponavigation,
   #page12008070 #iponavigation,
   .kontakt-item p {
      margin-bottom: 0;
   }
   .kontakt-info h2 span,
   .kontakt-item p:nth-of-type(1),
   .kontakt-item>.kontakt-udaje>p:nth-of-type(1) {
      letter-spacing: 0;
   }
   .kontakt-info .pracoviste p:nth-of-type(1) {
      margin-bottom: 0.25em;
      letter-spacing: 0;
   }
   .kontakt-info .kontakt-info__inner {
      padding: 0;
      border-radius: 0;
   }
   .kontakt-info__wrapper {
      grid-gap: 0.25em 0;
      margin-bottom: 0.5em;
   }
   .kontakt-mapa {
      width: 100%;
      height: auto;
      border: none;
   }
   .kontakt-mapa > a {
      height: auto;
      display: inline-block;
   }
   .kontakt-mapa > a:hover > .action-button {
      background: #f07d19;
      color: #000;
   }
   .kontakt-mapa > a > .action-button {
      padding: 0.5em 1em;
      min-width: inherit;
      position: relative;
      bottom: auto;
      left: auto;
      -webkit-transform: translateX(0);
      transform: translateX(0);
   }
   .kontaktni-osoby {
      padding: 0;
      margin-bottom: 1em;
   }
   .kontaktni-osoby h2 {
      font-size: 25px;
      padding-left: 0;
      margin-bottom: 0.5em;
   }
   .kontaktni-osoby .kontaktni-osoby__wrapper div {
      width: 100%;
      padding: 1em;
      border-radius: 20px;
   }
   .icons a[href^="mailto:"],
   .icons a[href^="tel:"],
   .icony a[href^="mailto:"],
   .icony a[href^="tel:"] {
      padding-left: 1.95rem;
   }
   #iponavigation {
      display: block;
      background: #ffad65;
      padding: 0;
      margin-top: 0;
   }
   #iponavigation p {
      width: 100%;
      border-bottom: none;
      position: relative;
      min-width: inherit;
      text-align: left;
      color: #000;
      text-transform: inherit;
      letter-spacing: 0;
      margin-bottom: 0;
      padding: 0.7em 1.2em;
      font-size: 0.85em;
   }
   #iponavigation .separator {
      width: 26px;
      margin: 0 12px;
   }
   #iponavigation .separator::before {
      top: -5px;
   }
   .blog.view-archives .article h2,
   .blog.view-default .article h2 {
      font-size: 1.1rem;
   }
   .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;
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0);
   }
   .images {
      margin-bottom: 1em;
      -ms-grid-columns: 33% 5px 33% 5px 33%;
      grid-template-columns: 33% 33% 33%;
      grid-gap: 5px;
   }
   .image-wrapper .image-inner-wrapper a.image-detail img,
   .subsite-images img {
      height: 220px;
   }
   .image-wrapper .image-inner-wrapper .image-description {
      font-size: 0.85em;
      padding: 0.7em;
   }
   #ipopage .noticeBoard table.datagrid {
      position: relative;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
   }
   #ipopage .noticeBoard table.datagrid thead {
      width: 100%;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-flow: row wrap;
      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;
      border: none;
      padding: 0;
      float: left;
      width: 100%;
   }
   #ipopage .noticeBoard table.datagrid th {
      display: block;
      margin-bottom: 2.8em;
      min-width: inherit;
   }
   #ipopage .noticeBoard table.datagrid tr.filters {
      background: none;
      border: none;
      position: absolute;
      top: 30px;
      left: 0;
      right: 0;
   }
   #ipopage .noticeBoard table.datagrid tr.filters td {
      width: 100%;
      float: left;
      display: block;
      margin-bottom: 3em;
      background: none;
      border: none;
   }
   #ipopage .noticeBoard table.datagrid tr.filters td:first-child {
      margin-bottom: 2.2em;
   }
   #ipopage .noticeBoard table.datagrid tr.filters td:nth-child(2) {
      margin-bottom: 2em;
   }
   #ipopage .noticeBoard table.datagrid tr.filters td:nth-child(3) {
      margin-bottom: 1.7em;
   }
   #ipopage .noticeBoard table.datagrid select {
      padding: 0.3em;
      margin-top: 0.5em;
      display: block;
   }
   #ipopage .noticeBoard table.datagrid input[type=text] {
      padding: 0.3em;
   }
   #ipopage .noticeBoard table.datagrid tbody {
      width: 100%;
      margin-top: 1.2em;
      display: block;
   }
   #ipopage .noticeBoard table.datagrid tbody tr {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
      border: 1px solid #c5c5c5;
      margin-bottom: 1em;
      padding: 1em;
      box-shadow: 1px 1px 12px -5px;
      border-top: 5px solid #381c77;
      transition: 0.25s linear;
   }
   #ipopage .noticeBoard table.datagrid tbody tr:hover {
      box-shadow: 0 0 5px -5px;
   }
   #ipopage .noticeBoard table.datagrid tbody tr td:first-child a:hover,
   #ipopage .noticeBoard table.datagrid tbody tr td:first-child a:visited:hover,
   #ipopage .noticeBoard table.datagrid tbody tr:hover td:first-child a {
      text-decoration: none;
   }
   #ipopage .noticeBoard table.datagrid tbody tr td {
      width: 100%;
      position: relative;
      border: none;
      padding: 6px 0;
   }
   #ipopage .noticeBoard table.datagrid tbody tr td:first-child a,
   #ipopage .noticeBoard table.datagrid tbody tr td:first-child a:visited {
      text-decoration: underline;
   }
   #ipopage .noticeBoard table.datagrid tfoot {
      width: 100%;
      display: block;
      -ms-flex-order: 2;
      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:";
   }
}
@media only screen and (max-width: 768px) {
   .action-button,
   .action-button:visited {
      padding: 0.5em 1em;
   }
   #ipomain #ipopage .with-subscribe h1,
   .content.with-subscribe>h1 {
      margin-bottom: 1rem;
   }
   .content.with-subscribe {
      display: block;
   }
   .ipopagetext .subscribe-toolbar {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 100%;
      grid-template-columns: 100%;
      -ms-flex-pack: inherit;
      justify-content: inherit;
      grid-gap: 0.5em 0;
      margin-bottom: 1rem;
   }
   .ipopagetext .subscribe-toolbar .action-button:nth-of-type(1) {
      -ms-flex-order: -1;
      order: -1;
   }
   .ipopagetext .subscribe-toolbar .action-button {
      display: block;
      width: 100%;
      font-weight: 400;
      font-size: 0.9em;
   }
   #page11873331 #ipoheader {
      min-height: 220px;
   }
   .uvodni-fotka .boxImage img {
      height: 250px;
   }
   #ipomain .slogan {
      min-height: 11em;
   }
   .menu-container {
      grid-gap: 4em 0;
      -ms-grid-columns: 1fr 0 1fr;
      grid-template-columns: 1fr 1fr;
      margin-bottom: 3.5em;
   }
   .menu-before {
      min-height: auto;
   }
   .menu-item:nth-of-type(1) img {
      margin-top: 4.8em;
   }
   .menu-item:nth-of-type(3) img {
      margin-top: 4.4em;
   }
   .menu-item:nth-of-type(4) img {
      margin-top: 4.3em;
   }
   .menu-item>span,
   .row.widget-aktuality h2 {
      font-size: 30px;
   }
   .row.widget-aktuality h2 span {
      font-size: 16px;
      letter-spacing: 0;
   }
   .blog.view-archives .article .leftFooter,
   .blog.view-default .article .leftFooter {
      float: none;
      width: 100%;
   }
   .blog.view-archives .article .rightFloat,
   .blog.view-default .article .rightFloat {
      float: none;
      margin-left: 0;
   }
   .blog.view-archives > p,
   .blog.view-default > p {
      min-height: unset;
   }
   .gallery .matrix li {
      min-height: 230px;
   }
   .images {
      -ms-grid-columns: 49% 5px 49%;
      grid-template-columns: 49% 49%;
   }
   #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;
   }
}
@media only screen and (max-width: 550px) {
   h1 {
      font-size: 1.5em;
   }
   .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,
   .row.widget-aktuality .action-button:nth-of-type(1),
   .row.widget-aktuality .action-button:visited:nth-of-type(1) {
      display: block;
   }
   .discussion .discussion-add-comment-link {
      float: none;
   }
   .foto .foto-right img:nth-of-type(5),
   .foto .foto-right img:nth-of-type(6),
   .menu-toggler>span:first-of-type {
      display: none;
   }
   #ipocopyright .copy-kontakt a[href^="mailto:"],
   #ipocopyright .copy-kontakt a[href^="tel:"],
   .menu-toggler .genericon {
      padding-left: 0;
   }
   #page11873331 #ipoheader {
      min-height: 245px;
   }
   .uvodni-fotka .boxImage img {
      height: 230px;
   }
   .header-logo img {
      width: 120px;
   }
   .header-kontakt {
      margin-top: 1em;
      margin-left: 2.2em;
   }
   .header-nase {
      top: 7em;
      right: 0;
      left: 0;
   }
   #ipotopmenuwrapper {
      top: 10.5em;
   }
   #ipocopyright .copy-kontakt a[href^="mailto:"]::before,
   #ipocopyright .copy-kontakt a[href^="tel:"]::before {
      display: none;
      -webkit-mask: none;
      mask: none;
   }
   #ipocopyright .copy-mapa p>.action-button,
   #ipocopyright .copy-mapa p>.action-button:visited,
   .about-text>p>.action-button,
   .kontakt-mapa>a,
   .kontakt-mapa>a>.action-button {
      width: 100%;
   }
   #ipocopyright .row.antee {
      font-size: 0.7em;
   }
   #ipomain .slogan {
      min-height: 10em;
   }
   #ipomain .slogan h1 {
      font-size: 30px;
   }
   #ipomain .slogan h1 span:nth-of-type(2),
   .about-text>h2 span {
      font-size: 20px;
   }
   .menu-container {
      grid-gap: 4em 0;
      -ms-flex-pack: unset;
      justify-content: unset;
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-flex-align: center;
      align-items: center;
   }
   .row.widget-aktuality .action-button:nth-of-type(2),
   .row.widget-aktuality .action-button:visited:nth-of-type(2) {
      display: block;
      margin-left: 0;
   }
   .about-text > h2 {
      font-size: 30px;
      margin-bottom: 0;
   }
   .foto .foto-right {
      -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
   }
   #page12008070 .form .form-vertical::before {
      font-size: 1.15rem;
      margin: 1.1rem 0;
   }
   .kontakt-mapa > a:hover > .action-button {
      color: #381c77;
   }
   form .form-vertical {
      margin-top: 1rem;
   }
   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 {
      -ms-grid-columns: 100%;
      grid-template-columns: 100%;
      grid-gap: 1em 0;
   }
   .gallery .matrix .title {
      -webkit-line-clamp: 3;
   }
   .gallery .matrix li {
      min-height: 150px;
   }
   .image-wrapper .image-inner-wrapper a.image-detail img,
   .subsite-images img {
      height: 150px;
   }
}
@media only screen and (max-width: 400px) {
   #page11873331 #ipoheader {
      min-height: 235px;
   }
   .uvodni-fotka .boxImage img {
      height: 200px;
   }
   #ipocopyright .footer-logo>.nazev-skoly,
   .icons a[href^="mailto:"],
   .icons a[href^="tel:"],
   .icony a[href^="mailto:"],
   .icony a[href^="tel:"] {
      padding-left: 0;
   }
   #ipocopyright .copy-info__wrapper {
      margin-top: 0.5em;
   }
   #ipomain .slogan {
      min-height: 9em;
   }
   #ipomain .slogan h1 {
      font-size: 23px;
      line-height: 26px;
   }
   #ipomain .slogan h1 span:nth-of-type(2) {
      font-size: 18px;
   }
   .menu-item {
      width: 100px;
      height: 100px;
   }
   .menu-item:nth-of-type(1) img {
      margin-top: 4.3em;
   }
   .menu-item:nth-of-type(2) img {
      margin-top: 3.7em;
   }
   .menu-item:nth-of-type(3) img {
      margin-top: 3.9em;
   }
   .menu-item:nth-of-type(4) img {
      margin-top: 3.8em;
   }
   .menu-item > span {
      font-size: 25px;
   }
   .foto .foto-right {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
   }
   .foto .foto-right img:nth-of-type(1),
   .foto .foto-right img:nth-of-type(4),
   .icons a[href^="mailto:"]::before,
   .icons a[href^="tel:"]::before,
   .icony a[href^="mailto:"]::before,
   .icony a[href^="tel:"]::before {
      display: none;
   }
   .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;
	}
}