@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=Source+Sans+Pro:wght@200;300;400;700&display=swap');

html {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
}
body {
	margin: 0px;
	padding: 0px;
	min-height: 100%;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1em;
	color: #1D1D1D;
	line-height: 1.5;
}
a {
	text-decoration: underline;
	color: #093A7A;
}
a:hover {
	text-decoration: none;
	color: #EB8500;
}
a.tlacitko {
	display: inline-block;
	padding: 0.5em 1.5em 0.5em 1em;
	text-decoration: none;
	border: 1px solid;
	border-radius: 5px;
	transition: 500ms;
	background: url('img/arrow_w.png') no-repeat calc(100% - 10px) center #FFF;
}
a.tlacitko:hover {
	color: #FFF;
	background-color: #093A7A;
}
a.tlacitko_w {
	display: inline-block;
	padding: 0.5em 1em;
	text-decoration: none;
	border: 1px solid;
	border-radius: 5px;
	transition: 500ms;
	color: #FFF;
}
a.tlacitko_w:hover {
	color: #EB9D00;
}
a.tlacitko_bo {
	display: inline-block;
	padding: 1em 3em;
	text-decoration: none;
	border: 1px solid #6493CF;
	border-radius: 5px;
	transition: 500ms;
	background: #6493CF;
	color: #FFF;
	font-weight: bold;
}
a.tlacitko_bo:hover {
	color: #FFF;
	background-color: #EB8500;
	border-color: #EB8500;
}
a.tlacitko_o {
	display: inline-block;
	padding: 1em 3em;
	text-decoration: none;
	border: 1px solid #FFF;
	border-radius: 5px;
	transition: color 500ms, background-color 500ms;
	background: #FFF;
	font-weight: bold;
}
a.tlacitko_o:hover {
	color: #FFF;
	background-color: #EB8500;
	border-color: #EB8500;
}
a.tlacitko_r {
	display: block;
	width: 56px;
	height: 56px;
	margin: 0 auto;
	overflow: hidden;
	border-radius: 50%;
	color: #093A7A;
	border: 2px solid #093A7A;
	background-color: #FFF;
	position: relative;
	box-sizing: border-box;
	transition: 500ms;
}
a.tlacitko_r:hover {
	color: #FFF;
	border-color: #EB8500;
	background-color: #EB8500;
}
a.tlacitko_r span.arrow {
	display: block;
	width: 20px;
	height: 20px;
	box-sizing: border-box;
	border-top: 3px solid;
	border-right: 3px solid;
	position: absolute;
	top: 16px;
	left: 13px;
	transform: rotate(45deg);
}
a.tlacitko_r span.more {
	position: absolute;
	top: -20px;
}
a.tlacitko_person {
	display: inline-block;
	border: 1px solid;
	border-radius: 5px;
	min-height: 83px;
	padding: 15px 60px 10px 80px;
	text-decoration: none;
	box-sizing: border-box;
	position: relative;
	font-size: 1.1rem;
	max-width: 400px;
	line-height: 1.4;
	transition: 0.5s;
}
a.tlacitko_person::before {
	content: "";
	background: url('img/person_b.png') no-repeat right center;
	height: 100%;
	width: 70px;
	position: absolute;
	top: 0;
	left: 0;
	transition: 0.5s;
}
a.tlacitko_person:hover {
	background-color: #6493CF;
	color: #FFF;
}
a.tlacitko_person:hover::before {
	filter: grayscale(100%) brightness(500%);
}
a.tlacitko_person::after {
	content: "";
	position: absolute;
	top: 21px;
	right: 10px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 0 20px 30px;
	border-color: transparent transparent transparent #093A7A;
	transition: 0.5s;
}
a.tlacitko_person:hover::after {
	border-color: transparent transparent transparent #fff;
}
div.button_animated,
a.button_animated {
	transition: opacity 2s, transform 2s, color 500ms, background-color 500ms;
}
div.button_animated.a_off,
a.button_animated.a_off {
	opacity: 0;
	transform: translate(0, 50px);
}
div.button_animated.a_on,
a.button_animated.a_on {
	opacity: 1;
	transform: translate(0, 0);
}
/*
div.homepage div.button_animated2 div#head_slogan_a,
div.homepage div.button_animated2 div#head_slogan_b {
	transition: 2s;
}
div.homepage div.button_animated2 div#head_slogan_a {
	transform-origin: right;
}
div.homepage div.button_animated2 div#head_slogan_b {
	transform-origin: left;
}

div.homepage div.button_animated2.a_off div#head_slogan_a,
div.homepage div.button_animated2.a_off div#head_slogan_b {
	transform: scaleX(0);
}
div.homepage div.button_animated2.a_on div#head_slogan_a,
div.homepage div.button_animated2.a_on div#head_slogan_b {
	transform: scaleX(1);
}
*/
div.button_animated2 {
	transition: 1s;
	font-family: serif !important;
}
div.button_animated2.a_on {
	transform: translateY(-50%);
	opacity: 1;
}
div.button_animated2.a_off {
	transform: translateY(20%);
	opacity: 0;
}


h1, h2, h3, h4, .barva, .marker {
	color: #093A7A;
}

h1 { font-family: 'Playfair Display', serif; font-size: 200%; }
h2 { font-family: 'Playfair Display', serif; font-size: 160%; }
h3 { font-size: 120%; }

.head_underlined {
	position: relative;
}
.head_underlined::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	border: 1px solid;
	width: 50%;
}
#content-2-in .head_underlined,
#home_calendar_events .head_underlined {
	color: #EB8500;
	font-size: 2rem;
	margin: 4rem 0;
}
#content-2-in .head_underlined::after,
#home_calendar_events .head_underlined::after {
	max-width: 7em;
}

#content-1 a[target="_blank"], #foot a[target="_blank"] {
	padding-right: 15px;
	background-image: url('img/exter.png');
	background-repeat: no-repeat;
	background-position: right center;
}
#foot #advb-envelope a[target="_blank"] {
	padding-right: initial;
	background-image: none;
}

div {
	margin: 0;
	padding: 0;
}
.cleaner {
	clear: both;
}
.cleaner_left {
	clear: left;
}
.no_screen {
	display: none;
}
.no_print {
	display: block;
}
.center {
	text-align: center;
}
.sized {
	max-width: 1600px;
	margin: 0 auto;
	box-sizing: border-box;
}
.hidden {
	position: absolute;
	left: -2000px;
	font-size: 70%;
}
.hidden-no {
	display: block;
	font-size: 60%;
	font-weight: normal;
	margin: 0;
}
.hidden a:focus-visible,
.hidden a:focus {
	left: 2000px;
	top: 0;
	z-index: 100;
	position: absolute;
}
a:focus-visible {
	outline: 1px dotted #EB8500;
	border-radius: 3px;
}

div#background_element {
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 20;
}
div#pageContent {
	margin: 0px;
	padding: 0px;
	position: relative;
	overflow: hidden;
	width: auto;
	height: auto;
	min-height: 100%;
}
div#content {
	position: relative;
	top: 0px;
	margin: 0px;
	padding: 1px 0 0;
	width: 100%;
}
img#loader {
	display: block;
	position: absolute;
	top: 10px;
	left: 50%;
	z-index: 100;
}

div#links_part {
	top: 0;
	position: absolute;
	width: 100%;
	height: 61px;
	background: url('img/kavky-panel.jpg') no-repeat left center #DADEE4;
}
div#links_part-in {
	text-align: right;
}
div#links_part div.separ {
	display: inline-block;
	position: relative;
}
div#links_part div.separ span.separ {
	border: 1px solid #8E8E8E;
	height: 32px;
	width: 0;
	display: inline-block;
	margin: 13px 32px;
	vertical-align: middle;
}
div#links_part a {
	display: inline-block;
	margin: 0;
	padding: 40px 0 0 0;
	position: relative;
	box-sizing: border-box;
	overflow: hidden;
	vertical-align: middle;
}
div.white_block.left a:hover,
div#links_part a:hover {
	filter: grayscale(100%);
	transform: scale(107%);
}
div#links_part a#lupa:hover,
div#links_part a#lupa_close:hover {
	filter: none;
	transform: none;
}
div#links_part a span,
h1#logo span {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-position: left center;
	background-repeat: no-repeat;
}

/*
div#links_part a.fb span { background-image: url('img/fb32.png'); }
div#links_part a.insta span { background-image: url('img/ig32.png'); }
div#links_part a.yt span { background-image: url('img/yt32.png'); }
*/
div#links_part a.fb { width: 32px; height: 32px; }
div#links_part a.fb span { background-image: url('img/fb.svg'); }
div#links_part a.insta { width: 32px; height: 32px; margin-left: 26px; }
div#links_part a.insta span { background-image: url('img/insta.svg'); }
div#links_part a.yt { width: 32px; height: 32px; margin-left: 26px; }
div#links_part a.yt span { background-image: url('img/yt.svg'); }
div#links_part a.virtual { width: 32px; height: 32px; margin-left: 26px; }
div#links_part a.virtual span { background-image: url('img/virtual.svg'); }
div#links_part a.leta { width: 40px; height: 40px; }
div#links_part a.leta span { background-image: url('img/leta.png'); }
div#links_part a.bak { width: 138px; height: 28px; }
div#links_part a.bak span { background-image: url('img/bakalari.png'); }
div#links_part a.pokl { width: 150px; height: 28px; }
div#links_part a.pokl span { background-image: url('img/pokladna.png'); }
div#links_part a.leta155 { width: 40px; height: 40px; }
div#links_part a.leta155 span { background-image: url('img/155_gym.png'); background-size: cover; }

div#move_155 {
	border-radius: 50%; overflow: hidden;
	background-image: url('img/155_gym.png');
	background-color: #841431;
	background-size: cover;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 10px;
	right: 0;
	z-index: -1;
	animation: moving155 5s linear;
	opacity: 1;
	display: block;
}
div#move_155 a {
	display: block; width: 100%; height: 100%; padding: 0;
}
@keyframes moving155 {
	0% { z-index: 10; width: 200px; height: 200px; top: 200px; right: 300px; opacity: 0; transform: scale(0.3);}
	5% { opacity: 0;  transform: scale(0.3);}
	30% { opacity: 1;  transform: scale(1);}
	45% {  transform: scale(1.1); }
	50% {  transform: scale(1); }
	80% { z-index: 10; width: 200px; height: 200px; top: 200px; right: 300px; transform: rotate(0deg);}
	100% { z-index: 10;  width: 40px; height: 40px; top: 10px; right: 0px; transform: rotate(720deg); }
}

div#move_fotos {
	border-radius: 50%; overflow: hidden;
	background-image: url('img/fotos_logo.svg');
	background-color: #FFF;
	width: 64px;
	height: 64px;
	position: absolute;
	top: 200px;
	right: 17px;
	z-index: -1;
	animation: moving_fotos 5s linear;
	opacity: 1;
	display: block;
	background-repeat: no-repeat;
	background-position: center;
}
div#move_fotos a {
	display: block; width: 100%; height: 100%; padding: 0;
}
@keyframes moving_fotos {
	0% { z-index: 10; top: 300px; right: calc(50% - 32px); opacity: 0; transform: scale(0.3);}
	5% { opacity: 0;  transform: scale(0.3);}
	30% { opacity: 1;  transform: scale(3);}
	45% {  transform: scale(3.3); }
	50% {  transform: scale(3); }
	80% { z-index: 10; top: 300px; right: calc(50% - 32px); transform: rotate(0deg) scale(3);}
	100% { z-index: 10; top: 200px; right: 17px; transform: rotate(720deg) scale(1); }
}

#orangeLinks {
	position: absolute;
	padding: 0;
	margin: 0;
	right: 0;
	top: 200px;
	z-index: 2;
}
.subpage #orangeLinks { top: 180px;}

#orangeLinks li {
	list-style-type: none;
	margin-bottom: 1rem;
	margin-right: 1rem;
	width: 214px;
	text-align: right;
	line-height: 1;
}
.subpage #orangeLinks li { margin-bottom: 0.8rem; }

#orangeLinks li:last-child { margin-bottom: 0; }

#orangeLinks li a {
	color: #FFF;
	text-decoration: none;
	background-color: #eb8500;
	border-radius: 32px;
	overflow: hidden;
	display: inline-block;
	width: 64px;
	white-space: nowrap;
	font-size: 16px;
	font-weight: bold;
	height: 64px;
	line-height: 64px;
	padding-left: 64px;
	position: relative;
	box-sizing: border-box;
	text-align: left;
	transition: 0.5s;
}
#orangeLinks li a.fotos { background-color: #FFF; }

#orangeLinks li a::after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-repeat: no-repeat;
	background-position: 16px center;
	opacity: 0;
	transition: 0.5s;
}
#orangeLinks li a.bakalari::after { background-image: url('img/o_bakalari.png'); }
#orangeLinks li a.pokladna::after { background-image: url('img/o_pokladna.png'); }
#orangeLinks li a.fotos::after { background-image: url('img/fotos_text.svg'); background-position: 73px center; }
#orangeLinks li a span { opacity: 0; transition: 0.5s; }

#orangeLinks li a::before {
	content: "";
	width: 64px;
	height: 64px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 50%;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center;
	background-color: #eb8500;
}
#orangeLinks li a.calendar::before { background-image: url('img/o_calendar_small.png'); }
#orangeLinks li a.bakalari::before { background-image: url('img/o_bakalari_small.png'); }
#orangeLinks li a.pokladna::before { background-image: url('img/o_pokladna_small.png'); }
#orangeLinks li a.virtual::before { background-image: url('img/o_virtual_small.png'); }
#orangeLinks li a.schranka::before { background-image: url('img/o_nntb_small.png'); }

#orangeLinks li a.fotos::before { background-image: url('img/fotos_logo.svg'); background-color: #FFF;}

#orangeLinks li a:hover { width: 214px; }
#orangeLinks li a:hover::after { opacity: 1; }
#orangeLinks li a:hover span { opacity: 1; }
#orangeLinks li a.bakalari:hover span, #orangeLinks li a.pokladna:hover span, #orangeLinks li a.fotos:hover span { opacity: 0; }

#orangeLinks li a.schranka i { display: none; } 

/* bakaláři*/
@media(min-width: 1024px){
	#orangeLinks li a.bakalari { width: 214px; }
	#orangeLinks li a.bakalari::after { opacity: 1; }
	#orangeLinks li a.bakalari span { opacity: 1; }
	#orangeLinks li a.bakalari span { opacity: 0; }

	#orangeLinks li a.schranka { line-height: 16px; padding-top: 15px; }

	#orangeLinks li a.schranka i { display: inline; font-style: normal; }
}

#orangeLinks li a:focus-visible { outline: 3px solid #FFF; }

h1#logo {
	margin: 0;
	padding: 0;
	width: 111px;
	height: 69px;
	overflow: hidden;
	float: left;
}
h1#logo a {
	display: block;
	width: 109px;
	height: 67px;
	margin: 1px 0 0 1px;
	padding: 67px 0 0 0;
	position: relative;
	box-sizing: border-box;
	overflow: hidden;
	vertical-align: middle;
}
h1#logo span {
	color: #FFF;
}
h1#logo a:hover span {
	color: #eb8500;
}
a#calendar_icon {
	width: 57px;
	height: 60px;
	display: block;
	position: relative;
	background: url('img/calendar_w.png') no-repeat center bottom transparent;
	color: #FFF;
	float: right;
	box-sizing: border-box;
	line-height: 1;
}
a#calendar_icon:hover {
	color: #EB8500;
	background-image: url('img/calendar_o.png');
}
a#calendar_icon span {
	display: inline-block;
	width: 100%;
	text-align: center;
	font-size: 10px;
	background: url('img/calendar_o.png') no-repeat 100px;
}
h1#logo, a#calendar_icon {
	margin-top: 22px;
}

div#links_part a#lupa {
	display: block;
	height: 36px;
	width: 36px;
	background: url('img/lupa.png') no-repeat center #EEE;
	cursor: pointer;
	color: #333;
	text-decoration: none;
	font-size: 0px;
	transition: 300ms;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10;
	padding: 0;
	border-radius: 5px;
}
div#links_part a#lupa:hover {
	background-image: url('img/lupa_b.png');
}
#search-envelope {
	position: relative;
	width: 250px;
	overflow: hidden;
	border-radius: 5px;
	height: 36px;
	background:transparent;
	display: inline-block;
	vertical-align: middle;
}
#search-envelope.display_block {
	width: 250px;
}
#search {
	margin: auto;
	box-sizing: border-box;
	padding: 0;
	width: 100%;
	height: 100%;
}

form#search-form {
	text-align: center;
}
input#search_box,
input#search_btn {
	box-sizing: border-box;
	border: none;
	height: 36px;
	position: relative;
}
div#search_box_envelope {
	margin: 0;
	width: 0px;
	overflow: hidden;
	border-radius: 5px 0 0 5px;
	display: block;
	position: absolute;
	top: 0;
	right: 33px;
	background-color: #EEE;
	transition: width 300ms;
}
.display_block div#search_box_envelope {
	width: 210px;
}
input#search_box {
	width: 186px;
	margin: 0 4px 0 20px;
	color: #3D3D3D;
	background-color: #eee;
	font-style: italic;
	padding: 0 0 0 20px;
	text-align: center;
	border: 1px solid #eee;
	box-sizing: border-box;
	border-radius: 5px;
}
input#search_box:focus {
	border: 1px solid #eee;
}
input#search_btn {
	width: 36px;
	background: url('img/lupa_b.png') no-repeat center #eee;
	color: #FFF;
	position: absolute;
	top: 0;
	right: 0;
	font-size: 0px;
	z-index: 2;
	border-radius: 5px;
}
input#search_btn:focus {
	background-color: orange;
}
label#c1 {
	position: absolute;
	top: 0px;
	left: 20px;
	width: 190px;
	line-height: 36px;
	color: #3D3D3D;
	font-style: italic;
	z-index: 1;
	text-align: center;
}
input#search_box:focus,
input#search_box.nem {
	z-index: 2;
}
input#search_box:focus-visible {
	outline: none;
}

#search-envelope.no_script  {
	
}
#search-envelope.no_script #search {
	
}
#search-envelope.no_script a#lupa_close {
	display: none;
}
#search-envelope.no_script div#search_box_envelope {
	width: 210px;
}
#search-envelope.no_script input#search_box {
	
}
#search-envelope.no_script input#search_btn {
	
}
div#links_part a#lupa.no_script {
	display: none;
}
div#links_part .display_block a#lupa {
	z-index: 0;
}

div#links_part a#lupa_close {
	width: 15px;
	height: 36px;
	line-height: 36px;
	padding: 0;
	position: absolute;
	left: 0;
	top: 0px;
	text-decoration: none;
}



div#advb-envelope {
	padding: 2em 0;
}
div#advb-in {
	text-align: center;
	overflow: hidden;
}
div#advb-in a {
	vertical-align: middle;
	display: inline-block;
}
div#advb-in img,
div#advb-in a img {
	border: none;
	width: auto;
	max-width: 200px;
	height: auto;
	max-height: 7em;
}
div#advb-in .box span {
	display: block;
	width: 100%;
}
div#advb-in div.shadow {
	background-image: linear-gradient(to right,rgba(255,0,0,1), rgba(255,0,0,0));
}
.ec{position:relative}
.ec .ec__holder{
	overflow:hidden;
	margin: 0 40px;
}
.ec .ec__track{will-change:transform}
.ec .ec__track::after{content:'';display:table;clear:both}
.ec .ec__item{float:left;overflow:hidden}
.ec .ec__pagination{text-align:center;margin-top:10px}
.ec .ec__pagination .pagination__dot{width:8px;height:8px;background-color:transparent;display:inline-block;border:1px solid #000;margin:0 5px;border-radius:50%;cursor:pointer}
.ec .ec__pagination .pagination__dot--active{background-color:#000}
.ec .ec__nav{
	position:absolute;
	bottom:10px;
	border-top:8px solid #000;
	border-right:8px solid #000;
	width:25px;
	height:25px;
	cursor:pointer;
	top: 50px;
	opacity: 0.5;
	transition: opacity 0.2s;
}
.ec .ec__nav:hover {
	opacity: 1;
}
.ec .ec__nav::before{content:''}
.ec .ec__nav--prev{transform:rotate(-135deg);left:10px}
.ec .ec__nav--next{transform:rotate(45deg);right:10px}





div.menuElement {
	position: relative;
	z-index: 10;
}
div#content-2-in blockquote {
	font-family: Georgia,Times,"Times New Roman",serif;
	font-style: italic;
	border-left: 5px solid #CCC;
	padding-left: 20px;
	padding-right: 8px;
}
/*vypisy*/
div#content-2, div.new-unique {
	overflow: hidden;
}
div#content-2-in {
	min-height: 500px;
}
div.articleContent {
	padding-bottom: 4rem;
}
div.articleContent img {
	max-width: 100%;
	height: auto !important;
}
.article-preview-gallery {
	width: 16%;
	min-height: 100px;
	float: left;
	margin: 2%;
}
.article-preview-gallery h2 {
	font-size: 110%;
	font-weight: normal;
	overflow: hidden;
	text-align: center;
}
.article-preview-gallery h2 a {
	text-decoration: none;
	display: inline-block;
	width: 100%;
}
.img-article-preview-gallery {
}
.img-article-preview-gallery a {
	width: 100%;
	display: block;
	background-color: #EB8500;
}
.img-article-preview-gallery img {
	border: none;
	width: 100%;
	display: block;
	transition: 0.3s;
}
.img-article-preview-gallery a:hover img {
	opacity: 0.5;
}
div.download input[type="password"],
div.download input[type="text"],
div.photogalery input[type="password"],
div.photogalery input[type="text"] {
	margin: 0 10px;
	width: 150px;
}
div.download form.downloadsInputError,
div.photogalery form.photosInputError {
	padding: 2px 0;
	margin: 3px 0;
	color: #7c0000;
	border: 1px solid #F00;
	background-color: #e56666;
	border-radius: 3px;
	max-width: 400px;
}

/* ikona download */
ul.downloadElement {
	margin: 0;
	padding: 0 0 20px 0;
}
ul.downloadElement li {
    list-style-type: none;
    margin: 0;
    padding: 0 0 10px;
}
ul.downloadElement li a {
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 30px;
	min-height: 27px;
	height: 2em;
	line-height: 2em;
	display: inline-block;
}
a.dtype,
a.main_download_link { background-image: url('img/dtype.png') }
a.dtype_doc { background-image: url('img/dtype_doc.png') }
a.dtype_xls { background-image: url('img/dtype_xls.png') }
a.dtype_pdf { background-image: url('img/dtype_pdf.png') }
a.dtype_audio { background-image: url('img/dtype_audio.png') }
a.dtype_video { background-image: url('img/dtype_video.png') }
a.dtype_image { background-image: url('img/dtype_image.png') }
ul.downloadElement li span {
	display: block;
	font-style: italic;
	padding-left: 46px;
}

div.error404 {
	margin: 100px;
	border: 1px dotted #F00;
	padding: 10px;
	text-align: center;
}

div.offsetPart {
	text-align: center;
	padding: 0;
	margin: 1em 0;
	clear: both;
}
div.offsetPart a, div.offsetPart span {
	display: inline-block;
	margin: 0 0.2em;
	height: 1.5em;
	line-height: 1.5em;
	width: 1.5em;
	text-align: center;
	text-decoration: none;
	border: 1px solid;
	border-radius: 5px;
	padding: 0.5rem;
}
div.offsetPart a:hover {
	color: #FFF;
	background-color: #093A7A;
	border-color: #093A7A;
}


#simle_links {
	padding: 10px 10px 0 10px;
}

#mhdr {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

/* +adv */
div#advb-envelope {
	padding: 0 10px 10px 10px;
}
div#advb-in a {
	display: block;
	margin: 0 0 10px 0;
}
div#advb-in a img {
	border: none;
}

div.sPhotos_element {
	position: relative;
	overflow: hidden;
	margin: 10px 0 10px 0;
	width: 100%;
	min-height: 104px;
}
div.sPhotos_element.sPhotos_element_vertical {
	min-height: 132px;
}
div.sPhotos_element img {
	position: relative;
	float: right;
}
div.sPhotos_element div.cleaner {
	clear: left;
}
div.sPhotos_envelope {
	position: absolute;
	bottom: 10px;
	left: 10px;
	width: 100%;
}
div.sPhotos_envelope a {
	display: block;
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	width: 112px;
	height: 84px;
}
div.sPhotos_element_vertical div.sPhotos_envelope a {
	width: 84px;
	height: 112px;
}
div.sPhotos_envelope a img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	border: none;
}
div.ssPhotos_element {
	width: 100%;
	overflow: hidden;
}
div.ssPhotos_envelope {
	position: relative;
	width: 100%;
	height: 100%;
}
div.ssPhotos_envelope img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	height: 100% !important;
	max-width: none;
}

/* reklamni okno */
div#ppb_b {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
	background: url('img/bbp_bg.png') transparent;
}
div#ppb_b-in {
	position: relative;
	width: 800px;
	max-width: 100%;
	height: 500px;
	margin: 70px auto 0 auto;
	padding: 0;
	border-top: 15px solid #093b7a;
	border-bottom: 15px solid #093b7a;
	box-sizing: border-box;
	background: url('img/kavky_veze.jpg') no-repeat top left #FFF;
	background-size: cover;
}
a.ppb_close {
	display: block;
	position: absolute;
	top: -40px;
	right: 0;
	background: url('img/ppb_close.png') no-repeat right center;
	padding: 0 35px 0 0;
	height: 32px;
	line-height: 32px;
	color: #6493CF;
}
div.ppb_cnt {
	position: relative;
	width: 100%;
	height: 100%;
}
img#ppb_img {
	margin: 0px auto;
	display: block;
}
div#ppb_no_img {
	width: 100%;
	height: 100%;
}
a#ppb_link {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	text-decoration: none;
	background: url('img/blank.gif') transparent;
}
div#ppb_text_envelope {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow-y: auto;
}
div#ppb_text {
	position: relative;
	margin: 15px;
}
div#ppb_mb {
	position: fixed;
	top: 30%;
	right: 0px;
	z-index: 1000;
}
div#ppb_mb a img {
	border: none;
	display: block;
	box-shadow: 0 0 10px #000;
}
/* - reklamni okno */


/* menu hor */
ul.menu-hor-0 li a {
	position: relative;
}
a#hor-res-menu-button {
	display: none;
	box-sizing: border-box;
	width: 50px;
	height: 50px;
	position: absolute;
	top: 13px;
	right: 1rem;
	font-size: 10px;
	text-decoration: none;
}
a#hor-res-menu-button span {
	position: absolute;
	width: 40px;
	left: 5px;
	border: 3px solid #FFF;
	border-radius: 3px;
	box-sizing: border-box;
	opacity: 1;
	transition: 500ms;
}
a#hor-res-menu-button span.top { top: 12px;}
a#hor-res-menu-button span.center {top: 25px; }
a#hor-res-menu-button span.bottom { top: 38px; }

a#hor-res-menu-button.clicked span.top { top: 25px; transform: rotate(45deg);}
a#hor-res-menu-button.clicked span.center {top: 25px; opacity: 0; }
a#hor-res-menu-button.clicked span.bottom { top: 25px; transform: rotate(-45deg);}

#map_area ul li a,
ul.submenuArea li a {
	margin: 0 0 1em 0;
	display: inline-block;
}
/* přihlašování */
span#login_form_icon {
	position: absolute;
	top: -16px;
	left: -15px;
	display: block;
	width: 32px;
	height: 32px;
	background-image: url('./img/encrypted.png');
}
img#login_form_icon {
	position: absolute;
	top: -16px;
	left: -15px;
}
div#login_form_message {
	margin: 3em 0;
}
div#login_form_envelope {
	max-width: 20em;
	margin: 3em auto;
	padding: 1em;
	width: auto;
	position: relative;
	border: 1px solid #b90000;
	background-color: #902b2b;
	color: #ffffff;
	text-align: right;
}
#login_form label {
	padding: 0 1em 0 0;
}
input#user_login, input#user_password {
	height: 2em;
	line-height: 2em;
	margin: 0 0 1em 0;
	padding: 0 0.5em;
	width: 10em;
	background-color: #ffffff;
	border: 1px solid #b90000;
	color: #000000;
}
input.input_button {
	height: 2em;
	background-color: #b90000;
	border: 1px solid #ffffff;
	color: #ffffff;
}

#cs_bx_envl {
	/*display: flex;*/
	display: none;
	background: rgba(0,0,0,0.4);
	z-index: 900;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#cs_bx {
	background-color: #FFF;
	color: #000;
	border-top: 1px solid #888;
	padding: 30px 30px 0;
	box-sizing: border-box;
	margin: auto;
	position: relative;
	text-align: center;
	border-radius: 2px;
	box-shadow: 0px 0px 20px #000;
}
#cs_bx p {
	padding: 0;
}
#cs_bx a#cs_l {}

#cs_bx a#cs_bu_y,
#cs_bx a#cs_bu_n,
#cs_bx a#cs_bu_close {
	background-color: #eee;
	border: 1px solid #777;
	border-radius: 2px;
	color: #000;
	margin: 0;
	text-decoration: none;
	white-space: nowrap;
	display: inline-block;
}
#cs_bx a#cs_bu_close {
	position: absolute;
	top: -1px;
	right: -1px;
	margin: 0;
	line-height: 19px;
	padding: 4px 8px;
}
#cs_bx a#cs_bu_y,
#cs_bx a#cs_bu_n {
	display: inline-block;
	width: 45%;
	line-height: 3em;
}

#scrollToHome {
	position: fixed;
	right: 10px;
	bottom: 10px;
	width: 50px;
	height: 50px;
	padding-top: 50px;
	box-sizing: border-box;
	overflow: hidden;
	border: 1px solid;
	border-radius: 50%;
	text-decoration: none;
	background-color: #EB8500;
	color: #FFF;
	z-index: 15;
	text-align: center;
	font-size: 10px;
	box-shadow: 0 0 10px #000;
	display: none;
}
#scrollToHome::after {
	content: "";
	width: 19px;
	height: 19px;
	border-top: 5px solid #FFF;
	border-right: 5px solid #FFF;
	transform: rotate(-45deg);
	position: absolute;
	top: 18px;
	left: 12px;
	transition: 0.3s;
}
#scrollToHome:hover::after {
	top: 14px;
}

table.datatable {
	border-collapse: collapse;
	height: auto !important;
	margin: 2em auto;
}
table.datatable td,
table.datatable th {
	border: 1px solid;
	padding: 0.5em;
}

/* aktuality */
.newsEnvelope, .actionsEnvelope {}
.newsElement-in, .actionsElement-in {
	padding: 0 10px;
}
a.aktual-more, a.aktual-more {
	display: block;
	width: 50px;
	position: absolute;
	bottom: 20px;
	right: 0;
}
.newsEnvelope .aktual-date, .actionsEnvelope .aktual-date {
	font-style: italic;
	display: block;
}
.newsEnvelope .aktual-img, .actionsEnvelope .aktual-img {
	float: left;
	width: 50px;
	height: 40px;
	margin: 5px;
	border-width: 1px;
	border-style: solid;
}
.newsEnvelope p, .actionsEnvelope p, .newsEnvelope h2, .actionsEnvelope h2 {
	margin: 0;
	padding: 0 2px;
}
.new-unique {
	position: relative;
	padding-bottom: 40px;
}
.new-unique h2, .micro_art_unique h2, .inq-envelope h2 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	margin-top: 10px;
}
.new-unique h2 a, .micro_art_unique h2 a {
	text-decoration: none;
}

/* drobeckova navigace */
div#top_area_path_part {
	padding: 0 0 2rem 0;
	font-style: italic;
}
div#top_area_path_part a {
	text-decoration: none;
}
div#top_area_path_part a:hover {
	text-decoration: underline;
}
div#top_area_path_part strong a {
	color: #EB8500;
}



#map_area ul { padding-left: 1em; }
#map_area > ul > li { }
#map_area > ul > li > a { font-size: 150%;}
#map_area > ul > li > ul { width: 100%; display: block; }
#map_area > ul > li > ul > li { width: 100%; box-sizing: border-box; }
#map_area > ul > li > ul > li > a { font-size: 150%; }
#map_area > ul > li > ul > li > ul { margin-bottom: 2em; display: flex; flex-wrap: wrap; }
#map_area > ul > li > ul > li > ul > li { width: 31.3%; box-sizing: border-box; margin: 0 1% 1% 0; }
#map_area > ul > li > ul > li > ul > li > a { font-size: 120%; font-weight: bold; }
#map_area > ul > li > ul > li > ul > li > ul > li { margin: 0 1em 0.5em 0; display: inline-block; vertical-align: top; }
#map_area > ul > li > ul > li > ul > li > ul > li > ul > li { font-size: 80%; }
#map_area > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > a { text-decoration: none; }

div#user-info {
	text-align: right;
}
div#user-info span {
	display: inline-block;
	padding: 5px;
	border-radius: 0 0 5px 5px ;
	background-color: #093A7A;
	color: #FFF;
}
div#user-info a {
	color: #6493CF;
}
div#user-info a:hover {
	color: #EB8500;
}

/* podkategorie */
ul.submenuArea {
	padding: 0;
	margin-bottom: 3rem;
	display: flex;
	flex-wrap: wrap;
}
ul.submenuArea li {
	list-style-type: none;
	width: 23%;
	margin: 1%;
}
ul.submenuArea li a {
	text-decoration: none;
	display: block;
	border: 2px solid #093A7A;
	border-radius: 10px;
	margin: 0;
	padding: 90px 1.5rem 1.5rem 1.5rem;
	background-color: #FFF;
	background-image: url('img/subcategory_b.png');
	background-repeat: no-repeat;
	background-position: 1.5rem 1.5rem;
	font-size: 1.6rem;
	font-weight: 600;
	box-sizing: border-box;
	height: 100%;
	line-height: 1.3;
	transition: 500ms;
}
#content-1 ul.submenuArea li a[target="_blank"] {
	background-image: url('img/subcategory_b.png'), url('img/exter.png');
	background-repeat: no-repeat, no-repeat;
	background-position: 1.5rem 1.5rem, 90% 10%;
}
ul.submenuArea li a:hover {
	text-decoration: none;
	color: #FFF;
	border-color: #093A7A;
	background-color: #093A7A;
	background-image: url('img/subcategory_w.png');
}
ul.submenuArea li a span {
	display: block;
	font-weight: normal;
	font-size: 1rem;
	margin-top: 0.5rem;
}

div#teachers_envelope {
	display: flex;
	flex-wrap: wrap;
}
div.teacher {
	width: 21%;
	max-width: 240px;
	margin: 2% 2%;
	text-align: center;
}
div.teacher a {
	text-decoration: none;
	display: block;
	line-height: 1.3;
	transition: color 0.5s;
}
div.teacher span.name {
	display: block;
	margin: 0 auto;
	font-size: 1.5rem;
}
div.teacher span.img {
	display: block;
	background: #EB8500;
}
div.teacher img {
	width: 100%;
	display: block;
	transition: 0.5s;
}
div.teacher a:hover img {
	opacity: 0.5;
}


/* vypis clanku */
div.category_description {
	margin-bottom: 3em;
}
div.article-preview {
	position: relative;
	overflow: hidden;
	margin-bottom: 3em;
}
div.img-article-preview {
	float: left;
	position: relative;
}
div.img-article-preview a.link_img {
	display: inline-block;
	margin: 0 1em 0.5em 0;
}
div.img-article-preview img,
div.img-article-preview a.link_img img {
	border: none;
	width: 384px;
	height: 248px;
	max-width: 100%;
	display: block;
	box-shadow: 0 2px 5px #666;
	margin: 5px 5px 10px 5px;
}
div.img-article-preview img {
	margin: 5px 21px 10px 5px;
}
div.img-article-preview .labels {
	position: absolute;
	top: 10px;
	left: 10px;
}
div.img-article-preview a.label {
	display: inline-block;
	color: #FFF;
	background-color: #EB8500;
	padding: 0.5em;
	line-height: 1;
	border-radius: 5px;
	text-decoration: none;
	margin-right: 6px;
	margin-bottom: 6px;
	transition: 0.5s;
}
div.img-article-preview a.label:hover {
	background-color: #093A7A;
}
div.text-article-preview h2 {
	margin-top: 0;
}
div.text-article-preview h2 a {
	text-decoration: none;
	padding: 2px;
}
div.text-article-preview h2 a:hover {
	text-decoration: underline;
}

/* download */
ul.downloadElement {
	margin: 0;
	padding: 0 0 20px 0;
}

/* fotogalerie */
div.photosArea a {
	display: block;
	float: left;
	max-width: 245px;
	max-height: 175px;
	border: none;
	width: 21%;
	margin: 2%;
	background-color: #EB8500;
	overflow: hidden;
}
div.photosArea.photogallery_vertical a {
	max-width: 175px;
	max-height: 245px;
	width: 16%;
}
div.photosArea a img {
	display: block;
	width: 100%;
	height: auto;
	transition: opacity 0.3s;
}
div.photosArea a:hover img {
	opacity: 0.5;
}

/* formuláře */
input[type=button], input[type=submit] {
	border: 1px solid;
	border-radius: 5px;
	padding: 0.5em 1em;
	font-size: 100%;
	background-color: #FFF;
	color: #093A7A;
	cursor: pointer;
}
input[type=button]:hover, input[type=submit]:hover {
	color: #EB8500;
}
input[type=text], input[type=password], textarea {
	box-sizing: border-box;
	color: #000;
	background-color: #FFF;
	border: 1px solid #cdcdcd;
	border-radius: 5px;
	padding: 0.5em 1em;
	font-size: 100%;
}



/*** rozlozeni */
#content-0.homepage {
	background: url('img/kavky_veze.jpg') no-repeat top left;
}
#left-1 {
	width: 400px;
	min-height: 10px;
	background: #F5F5F5;
	float: left;
}
#left-1-in {}
#content-0.leftmenu {
	background: url('img/menu_bg.png') no-repeat top left;
	background-size: 50% 100%;
}
#content-1 {
	position: relative;
}
.homepage.nomenu #content-1.sized {
	padding-bottom: 4rem;
}

#content-2.homepage {
	float: left;
	width: calc(100% - 600px);
}
#content-2.subpage {
	padding-top: 2rem;
}
#content-2.subpage.nomenu {
	/*padding-bottom: 4rem;*/
}
#content-2.subpage.leftmenu {
	width: calc(100% - 400px);
	float: right;
	background: #FFF;
	box-sizing: border-box;
	padding-left: 3rem;
	padding-bottom: 4rem;
}
div#home_calendar_events {
	width: 520px;
	float: right;
}
div.home_calendar_event {
	padding-left: 90px;
	background: url('img/calendar-event.png') no-repeat top left;
	min-height: 70px;
	margin-bottom: 3em;
}
div.home_calendar_event h3 {
	margin: 0;
}
div.home_calendar_event h3 .date {
	display: block;
	font-weight: normal;
	font-style: italic;
	font-size: 1rem;
	color: #1D1D1D;
}
div.home_calendar_event p {
	margin: 0.5rem 0;
}
div.home_calendar_event a::after {
	content: " >";
}

div.div_imaged {
	background-color: #093A7A;
	color: #FFF;
	position: relative;
	text-align: center;
}
div.div_imaged::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	opacity: 0.1;
}
div.div_imaged div.sized {
	position: relative;
}
div#teachers_blue::before { background-image: url('img/teachers-corp-2024.jpg'); }
div#studium_blue::before { background-image: url('img/studium.jpg'); }
div#virtual_blue::before { background-image: url('img/header.jpg'); }
div#virtual_blue.div_imaged { background-color: #FFF; color: #093A7A; }

h2.iconed {
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0;
	padding: 100px 0 30px;
	font-size: 2.4rem;
	line-height: 1.3;
	font-weight: normal;
	text-align: center;
}
h2#teachres_iconed { color: #FFF; background-image: url('img/teachers_w.png'); padding-bottom: 70px; }
h2#servis_iconed { color: #093A7A; background-image: url('img/servis_info.png'); padding-bottom: 60px; }
h2#studium_iconed { color: #FFF; background-image: url('img/students.png'); padding-top: 107px; }
h2#virtual_iconed { color: #093A7A; background-image: url('img/logo_new_blue.png'); padding-top: 123px; }
h2#partners_iconed { color: #093A7A; background-image: url('img/partners.png'); padding-top: 84px; }
h2#contact_iconed { color: #fff; background-image: none; padding-top: 0px; }

h2#teachres_iconed.use_svg_1 { background-image: url('img/teachers.svg') !important; border-left: 10px solid red; }
h2#servis_iconed.use_svg_1 { background-image: url('img/writing.svg') !important; border-left: 10px solid red; }

div#servis_detail_envelope {
	display: flex;
	flex-wrap: wrap;
}
div.servis_detail {
	text-align: center;
	width: 25%;
	box-sizing: border-box;
	padding: 0 1em 60px;
	position: relative;
}
div.servis_detail h3 {
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0;
	padding: 65px 0 0px;
	font-size: 1.7rem;
	font-weight: normal;
	color: #093A7A;
}
h3#servis_icon_1 { background-image: url('img/servis_1.png'); }
h3#servis_icon_2 { background-image: url('img/servis_2.png'); }
h3#servis_icon_3 { background-image: url('img/servis_3.png'); }
h3#servis_icon_4 { background-image: url('img/servis_4.png'); }

div.servis_detail p {
	color: #093A7A;
}
div.servis_detail a,
div.studium_detail a {
	position: absolute;
	bottom: 0;
}
div.servis_detail a {left: 50%; transform: translateX(-50%);}
div.studium_detail a {right: 0;}

div#studium_envelope {
	display: flex;
	flex-wrap: wrap;
}
div.studium_detail {
	text-align: right;
	width: 14%;
	margin: 0 5.5%;
	padding-bottom: 50px;
	position: relative;
}
div.studium_detail h3 {
	color: #FFF;
	font-family: 'Playfair Display', serif;
	font-size: 2rem;
	font-weight: normal;
	line-height: 1.3;
	margin: 0 0 20px 0;
	padding: 45px 0 20px;
	background: url('img/check.png') no-repeat top right;
	border-bottom: 2px solid #FFF;
}
div.studium_detail h3 span {
	font-size: 110%;
	display: block;
	color: #EB8500;
}
div.studium_detail a {
	width: 7rem;
	text-align: center;
}

div#virtual_row_envelope {
	overflow: hidden;
	text-align: center;
}
div.virtual_row {
	display: inline-block;
	width: 30%;
	vertical-align: middle;
}
div.virtual_row.right { text-align: left; margin-left: 6em; font-size: 1.3em; }

div.virtual_row img {
	width: 430px;
	height: auto;
	max-width: 100%;
}
div#contact_blue {
	background: url('img/kavky_blue.jpg') no-repeat center;
	background-size: cover;
	text-align: center;
	color: #FFF;
}
div#contact_blue_in {
	width: 26rem;
	margin: 0 auto;
}
div#contact_blue_in span.tel {
	font-size: 2.4rem;
	font-weight: bold;
}
div#contact_blue_in span.tel span.normal span {
	font-weight: normal;
}
div#contact_blue_in a {
	color: #FFF;
	text-decoration: none;
	font-size: 1.7rem;
}
div#contact_blue_in a:hover {
	color: #8DBAF3;
}
div#contact_blue_in a.fb { font-size: 1.6rem; }

div#contact_blue_in a span.normal { opacity: 1;}
div#contact_blue_in a:hover span.normal { opacity: 0;}
div#contact_blue_in a span.hover { opacity: 0;}
div#contact_blue_in a:hover span.hover { opacity: 1;}

div#contact_blue_in .blue_contact_line {
	position: relative;
	height: 52px;
	line-height: 52px;
	display: block;
	margin-bottom: 3rem;
}
div#contact_blue_in .blue_contact_line .icon {
	display: block;
	width: 50px;
	height: 52px;
	position: absolute;
	left: 0;
	top: 0;
	background-repeat: no-repeat;
	background-position: center;
}
div#contact_blue_in .blue_contact_line .normal,
div#contact_blue_in .blue_contact_line .hover {
	display: block;
	height: 52px;
	line-height: 52px;
	position: absolute;
	top: 0;
	left: 100px;
	transition: opacity 500ms, color 500ms;
}
div#contact_blue_in .blue_contact_line .normal {

}
div#contact_blue_in .blue_contact_line .hover {
	position: absolute;
	left: 100px;
	top: 0;
}
div#contact_blue_in .blue_contact_line.tel .icon { background-image: url('img/phone_w.png'); }
div#contact_blue_in .blue_contact_line.mail .icon { background-image: url('img/email_w.png'); }
div#contact_blue_in .blue_contact_line.fb .icon { background-image: url('img/facebook_w.png'); }


div#white_blocks {
	background-color: #EBEBEB;
}
div#white_blocks .sized {
	display: flex;
	flex-wrap: wrap;
}
div.white_block {
	background-color: #FFF;
	padding: 2em;
	box-sizing: border-box;
	width: 32%;
	margin-top: 3%;
	margin-bottom: 3%;
}
div.white_block.left {
	text-align: center;
}
div.white_block.left a {
	display: inline-block;
	margin-bottom: 1rem;
}
div.white_block.left img {
	max-height: 120px;
}
div.white_block.mid {
	margin-left: 2%;
	margin-right: 2%;
}
div.white_block.mid h3 {
	font-size: 1.4rem;
	font-weight: normal;
	text-transform: uppercase;
}
div.white_block.mid td {
	padding: 0 1em 0 0;
	line-height: 1.3;
}
div.white_block.mid p {
	line-height: 1.3;
}
div.white_block.right h3 {
	padding-bottom: 2rem;
	margin: 0 0 2rem;
}
div.white_block.right ul {
	padding: 0;
}
div.white_block.right li {
	list-style-type: none;
}

#foot-in {
	padding: 1em;
	margin: 0 auto;
	text-align: center;
	background: url('img/footer_gym.jpg') no-repeat center #e6e6e6;
	min-height: 563px;
	position: relative;
}
#foot-in p {
	position: absolute;
	bottom: 0;
	width: 100%;
}


div#teachers_blue, div#servis_info, div#studium_blue, div#virtual_blue, div#contact_blue, div#partners_blue {
	padding: 4rem 0;
}

div.div_part {
	overflow: hidden;
}
div.div33 {
	width: 33.3%;
}
div.div50 {
	width: 50%;
}
div.div66 {
	width: 66.6%;
}
div.div33,
div.div50,
div.div66 {
	float: left;
	box-sizing: border-box;
}

.contact {
	padding-left: 60px;
	line-height: 51px;
	color: #093A7A;
	background-repeat: no-repeat;
	background-position: left center;
	display: inline-block;
}
.contact_text {
	padding-left: 60px;
	background-repeat: no-repeat;
	background-position: left top;
}
.contact.contact_tel { background-image: url('img/phone_b.png'); font-size: 2rem; }
.contact.contact_mail { background-image: url('img/email_b.png'); font-size: 1.5rem; }
.contact.contact_fb { background-image: url('img/facebook_b.png'); font-size: 1.5rem; }
.contact_text.point { background-image: url('img/pointer_b.png'); }
.contact_text.info { background-image: url('img/info_b.png'); }
.contact_text.person { background-image: url('img/person_b.png'); }

hr {
	border-top: 1px solid #D9D9D9;
	border-bottom: none;
	border-left: none;
	border-right: none;
	height: 0;
	margin: 4rem 60px;
}
.contact_text h3, .contact_text h4 {
	margin: 0;
	padding-bottom: 1.5rem;
}

div#content-2-in table {
	border-collapse: collapse;
	max-width: 1000px;
	overflow-x: auto;
	overflow-y: hidden;
	display: block;
	height: auto !important;
	border: none;
	margin: 0px auto;
	width: 100%;
}
div#content-2-in table tr {
	border-bottom: 1px solid #D9D9D9;
}
div#content-2-in table#contact_table th {
	text-align: left;
	font-weight: normal;
}
div#content-2-in table td {
	padding: 0.5rem 1rem;
}
div#content-2-in table#contact_table td {
	color: #093A7A;
}




#banhead {
	clear: both;
	min-height: 550px;
	background: url('img/header.jpg') no-repeat center;
	background-size: cover;
	margin-top: 60px;
	padding-top: 110px;
	box-sizing: border-box;
	position: relative;
}
#banhead.subpage {
	height: 512px;
	min-height: initial;
}
#banhead.subpage::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #093A7A;
	opacity: 0.3;
}
#banhead.subpage.fotos {
	background: url('img/header_majak_rl.jpg') no-repeat center;
}
div#banhead_video {
	box-sizing: border-box;
	background: #093A7A;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
#video_tag {
	opacity: 0.5;
	min-width: 100%;
	min-height: 100%;
	position: absolute;
	right: 50%;
	top: 50%;
	transform: translate(50%,-50%);
	transition: opacity 500ms;
}
#banhead-in {
	position: relative;
	height: 100%;
}
div#head_slogan {
	font-family: 'Playfair Display', serif;
	color: #FFF;
	top: 50%;
	position: relative;
	/*transform: translateY(-50%);*/
	z-index: 1;
}
div#head_slogan_a,
div#head_slogan_b {
	width: 49%;
	display: inline-block;
	box-sizing: border-box;
}
div#head_slogan_a {
	font-size: 900%;
	text-align: right;
	line-height: 0.8;
}
div#head_slogan_a span {
	color: #EB8500;
	font-size: 76%;
}
.subpage div#head_slogan_a {
	font-size: 600%;
}
div#head_slogan_b {
	font-style: italic;
	font-size: 180%;
	padding-left: 1em;
	line-height: 1.3;
}
img#head_fotos {
	filter: brightness(10);
}

a#move_page_down {
	display: none;
	width: 70px;
	height: 70px;
	transform: translateX(-50%);
	left: 50%;
	border-radius: 5px;
	box-sizing: border-box;
	position: absolute;
	bottom: 40px;
	cursor: pointer;
	border-radius: 50%;
	overflow: hidden;
}
a#move_page_down::after {
	content: "";
	border-right: 6px solid #FFF;
	border-bottom: 6px solid #FFF;
	display: block;
	width: 40px;
	height: 40px;
	margin: 0 auto;
	transform: rotate(45deg);
	transition: margin 0.5s;
	border-radius: 3px;
}
a#move_page_down:hover {
	background-color: rgba(0,0,0,0.2);
}
a#move_page_down:hover::after {
	border-color: #EB8500;
	margin-top: 10px;
}

#newsElement {
	margin: 1em 0;
}

#horizont-0 {
	margin-top: 60px;
	background: rgba(9,58,122,0.6);
	backdrop-filter: blur(10px);
	position: absolute;
	width: 100%;
	z-index: 10;
	transition: margin 500ms;
}
#horizont-0.menuFixed {
	position: fixed;
	margin-top: 0;
}
.menuFixed h1#logo, .menuFixed a#calendar_icon, .menuFixed ul.menu-hor-0 {
	margin-top: 0;
}

#horizont-0-in {
	min-height: 110px;
}
.menuFixed #horizont-0-in {
	min-height: initial;
}
ul.menu-hor-0 {
	padding: 0 0 0 0;
	float: right;
	width: calc(100% - 170px);
	margin: 36px 0 0 20px;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
}

ul.menu-hor-0 li {
	list-style-type: none;
	padding: 0 5px;
	display: inline-block;
}
ul.menu-hor-0 li a {
	display: inline-block;
	text-decoration: none;
	text-transform: uppercase;
	color: #FFF;
	font-size: 150%;
	font-weight: 300;
	position: relative;
}
ul.menu-hor-0 li a:hover,
ul.menu-hor-0 li a:focus,
ul.menu-hor-0 li a.a_active,
ul.menu-hor-0 li a.a_Tactive { color: #EB8500; }


ul#m0 li a::before {
	transition: 300ms;
	height: 1px;
	content: "";
	position: absolute;
	width: 0;
	top: 1.5em;
	left: 0;
	background-color: #EB8500;
}

ul#m0 li a:hover::before,
ul#m0 li a:focus::before,
ul#m0 li a.a_active::before,
ul#m0 li a.a_Tactive::before,
ul#m0 li.active a::before {
	width: 100%;
}
ul#m0 li a.menuArrow {
	padding-bottom: 20px;
}
/*
ul#m0 li a.menuArrow::after {
	content: "▼";
	font-size: 80%;
	position: absolute;
	bottom: 0px;
	right: 50%;
}*/
ul.menu-hor-0 div,
ul.menu-hor-0 div.collapsed {
	display: none;
	background: rgba(255, 255, 255, 0.98);
	width: 100%;
	position: absolute;
	left: 0;
	right: 0;
	box-sizing: border-box;
	overflow: hidden;
	transition: 0.5s;
	
	transform-origin: top center;
}
ul.menu-hor-0 li > div.collapsed {
	display: block;
	transform: scaleY(0);
}
ul.menu-hor-0 div.expanded {
	display: block;
	transform: scaleY(1);
}
ul.menu-hor-0 ul {
	width: 1400px;
	margin: 1rem auto;
	padding-left: 50px;
}
ul.menu-hor-0 ul li {
	padding: 0;
	width: 20%;
}
ul.menu-hor-0 ul li a {
	color: #1D1D1D;
	text-transform: none;
	font-size: 1rem;
	margin: 0.4rem 0;
	padding-left: 20px;
	font-weight: normal;
}
ul#m0 ul li a::before {
	width: 10px !important;
	height: 10px;
	border: 1px solid;
	border-radius: 50%;
	transition: 0s;
	background-color: transparent;
	left: 0;
	top: 7px;
}
ul#m0 ul li a:hover::before,
ul#m0 ul li a:focus::before,
ul#m0 ul li a.a_active::before,
ul#m0 ul li.active a::before,
ul#m0 ul li a:hover::before {
	width: 10px;
	background-color: #EB8500;
}

div#menuEnvelope {
	padding-bottom: 2rem;
}
ul.menu-lev-0, ul.menu-lev-0 li {
	margin: 0;
	padding: 0;
	position: relative;
}
ul.menu-lev-0 li {
	list-style-type: none;
	display: block;
	width: 100%;
	margin-top: 1rem;
	padding-left: 20px;
	box-sizing: border-box;
	position: relative;
	color: #093A7A;
}
ul.menu-lev-0 li:hover {
	color: #EB8500;
}
ul.menu-lev-0 li a {
	position: relative;
	text-decoration: none;
	text-align: left;
	font-size: 1.4rem;
}
ul.menu-lev-0 li a:hover,
ul.menu-lev-0 li a.a_active {
	text-decoration: underline;
	color: #EB8500;
}
ul.menu-lev-0 li ul {
	overflow: hidden;
	display: block;
	padding-left: 1rem;
	transition: height 0.5s;
}
ul.menu-lev-0 li ul.collapsed {
	height: 0 !important;
}
ul.menu-lev-0 li ul.expanded {
	height: 15rem;
}
ul.menu-lev-0 li ul li {
	
}

ul.menu-lev-0 li ul li a {
	text-align: left;
	font-size: 1rem;
	padding-left: 20px;
}
ul.menu-lev-0 li ul li a::before {
	content: "";
	position: absolute;
	display: block;
	width: 10px;
	height: 10px;
	border: 1px solid;
	border-radius: 50%;
	transition: 0s;
	background-color: transparent;
	left: 0;
	top: 4px;
}
ul.menu-lev-0 li ul li a:hover::before {
	width: 10px;
	background-color: #EB8500;
}
span.menuArrow {
	width: 0;
	height: 0;
	display: inline-block;
	border-style: solid;
	border-width: 6px 0 6px 9px;
	border-color: transparent transparent transparent #093A7A;
	position: absolute;
	top: 0.7rem;
	left: 0;
	cursor: pointer;
}
span.menuArrow.m_e {
	border-width: 9px 6px 0 6px;
	border-color: #093A7A transparent transparent transparent;
}

div#contact_form_envelope {
	max-width: 660px;
	margin: 4rem auto;
}
div#contact_form_envelope div.form_line {
	padding-bottom: 2rem;
	margin-top: 2rem;
}
div#contact_form_envelope div.form_line input[type=text],
div#contact_form_envelope div.form_line textarea {
	display: block;
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #FFF;
	border-bottom-color: #093A7A;
	height: 40px;
	color: #093A7A;
	font-size: 1em;
	font-family: 'Source Sans Pro', sans-serif;
}
div#contact_form_envelope div.form_line input[type=text] {
	line-height: 40px;
}
div#contact_form_envelope div.form_line textarea {
	height: 100px;
	font-family: 'Source Sans Pro', sans-serif;
}
div#contact_form_envelope div.form_line input[type=text]:focus,
div#contact_form_envelope div.form_line textarea:focus {
	background-color: #e6ebf2;
}
div#contact_form_envelope div.form_line.error {
	border-top: 3px dotted red;
}
div#contact_form_envelope div.form_line.error input[type=text],
div#contact_form_envelope div.form_line.error textarea {
	background-color: #ff9999;
	border-color: red;
}
div#contact_form_envelope div.form_line.error label {
	color: red;
	font-weight: bold;
}
div#contact_form_envelope div.form_line input[type=submit] {
	height: 40px;
	line-height: 40px;
	padding: 0 2rem;
	border-radius: 5px;
	cursor: pointer;
	color: #093A7A;
	background-color: #FFF;
	border: 1px solid #093A7A;
	text-transform: uppercase;
	transition: 0.5s;
}
div#contact_form_envelope div.form_line input[type=submit]:hover,
div#contact_form_envelope div.form_line input[type=submit]:focus {
	color: #FFF;
	background-color: #6493CF;
}
div#contact_form_envelope div.form_line.line1,
div#contact_form_envelope div.form_line.line2,
div#contact_form_envelope div.form_line.line3 {
	display: none;
}
div#contact_form_envelope.loading {
	opacity: 0.2;
}
div#contact_form_envelope div.sendFailed,
div#contact_form_envelope div.sendOk {
	border: 1px solid #093A7A;
	border-radius: 5px;
	text-align: center;
	padding: 1rem;
}
div#contact_form_envelope div.sendFailed {
	color: red;
}

/* + kalendář */
div.calendars {
	margin: 1rem auto;
	width: 50% !important;
}

.fCalendarEnvelope {
	width: 100%;
	position: relative;
}
.fCalendarTitle {
	position: relative;
	height: 15%;
	background-color: #6493CF;
	color: #FFF;
}
.fCalendarIn {
	position: relative;
	height: 85%;
}
.fCalendarPredMonth,
.fCalendarNextMonth {
	display: inline-block;
	position: absolute;
	top: 0;
	width: 20%;
	box-sizing: border-box;
	height: 100%;
	line-height: 3;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	color: #FFF;
	background-color: #093A7A;
}
.fCalendarPredMonth {
	border-right: 1px solid #fff;
	left: 0;
}
.fCalendarNextMonth {
	border-left: 1px solid #fff;
	right: 0;
}
.fCalendarNextMonth:after {
	content: ">";
}
.fCalendarPredMonth:after {
	content: "<";
}
.fCalendarPredMonth:hover,
.fCalendarNextMonth:hover {
	background-color: #1e3a88;
	/*background-color: #019ac4;*/
	color: #FFF;
}
a.fCalendarPredMonth:focus,
a.fCalendarNextMonth:focus {
	box-shadow: 0 0 4px #d67900;
}

.fCalendarTitle a.fCalendarActions {
	position: absolute;
	left: -2000px;
}
.fCalendarTitle a.fCalendarActions:focus {
	left: 0;
	top: 0;
	background: #fefefe;
}
.fCalendarActMonth {
	display: inline-block;
	position: relative;
	margin: 0 auto 0 auto;
	width: 100%;
	height: 100%;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	line-height: 3;
}
.fCalendarInTitles {
	display: block;
	height: 15%;
	background-color: #333;
}
.fCalendarInTitles:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}
.fCalendarInTitles span {
	display: inline-block;
	vertical-align: middle;
	width: 14%;
	cursor: default;
	color: #fff;
	text-align: center;
}
.fCalendarInTitlesWeekend {
	width: 15% !important;
}
.fCalendarInTitles span span {
	text-align: center;
}
.fCalendarInDays:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
}
.fCalendarInDays {
	height: 85%;
	width: 100%;
	vertical-align: middle;
	display: inline-block;
}
.fCalendarInDays span {
	display: block;
	width: 14%;
	line-height: 2.45;
	text-align: center;
	float: left;
	position: relative;
	cursor: default;
	overflow: hidden;
}
.fCalendarInDays span.fCalendarInWholeDay,
.fCalendarInDayWeekend.fCalendarInWholeDay {
	box-shadow: 0 0 10px #EB8500 inset;
}
.fCalendarInDays span span {
	display: inline-block;
	width: 100%;
	height: 100%;
	background-color: #fafafa;
	vertical-align: middle;
	border-left: 1px solid #bbbcbb;
	border-top: 1px solid #bbbcbb;
}
.fCalendarInDaysWeekend {
	width: 15% !important;
}
.fCalendarInDayWeekend,
.fCalendarInDayTmpweekend {
	background-color: #eee !important;
}
.fCalendarInDayTmp,
.fCalendarInDayTmpweekend {
	color: #999;
}
.fCalendarInDay {
	color: #2e2e2e ;
}
.fCalendarInDay:hover,
.fCalendarInDayWeekend:hover,
.fCalendarInDayWeekend.fCalendarInWholeDay:hover,
.fCalendarInDay.fCalendarInWholeDay:hover,
.fCalendarToday:hover,
.fCalendarInDaySelected {
	box-shadow: 0 0 10px #093A7A inset !important;
}
.fCalendarToday {
	color: #000;
	background-color: transparent !important;
	font-weight: bold;
	box-shadow: 0 0 10px #6493CF inset !important;
}
.fCalendarInDays span span.fCalendarTodayIsIt {
	display: block;
	width: 90%;
	height: 20%;
	background-color: #EB8500;
	position: absolute;
	bottom: 0;
	right: 5%;
}
span.fCalendarInDay:hover span.fCalendarTodayIsIt,
span.fCalendarInDaySelected span.fCalendarTodayIsIt,
span.fCalendarInActDay span.fCalendarTodayIsIt {}

div.fCalendarHint {
	display: none;
	position: absolute;
	background-color: #fefefe;
	border: 1px solid #888;
	box-shadow: 0 0 4px #888888;
	padding: 0.5em;
	font-size: 14px;
	color: #666;
	z-index: 11;
}
div.fCalendarInEnvp,
a.fCalendarInLink {
	margin: 10px 0;
	display: block;
	text-decoration: none;
	color: #666;
}
a.fCalendarInLink,
a.fCalendarInLink span {
	cursor: pointer;
}
div.fCalendarHint h2 {
	font-size: 120%;
	color: #333333;
	margin: 0;
	text-align: center;
}
div.fCalendarHint span {
	width: 100%;
	display: block;
	line-height: 1.5;
	float: none;
	text-align: left;
}
div.fCalendarHint span.timestamp {
	font-size: 80%;
	margin-right: 5px;
	border-top: 1px solid #AAA;
}
div.fCalendarHint span.description {
	margin-left: 5px;
}
div.fCalendarHint span.title {
	font-weight: bold;
}
a.fCalendarInLink span.title {
	text-decoration: underline;
}
a.fCalendarInLink:hover span.title {
	text-decoration: none;
}

div.fCalendarInDaysText {
	font-size: 1rem;
	margin: 1em 0 2em;
}
div.fCalendarInDaysText p {
	border-bottom: 1px solid;
	line-height: 1.2;
}
div.fCalendarInDaysText span.dat {
	font-weight: bold;
	display: block;
}
div.fCalendarInDaysText span.desc {
	font-style: italic;
	padding-left: 1em;
}
div.fCalendarInDaysText span.desc::before {
	content: " - ";
}
/* - kalendář*/

form[name=p_searchForm] {
	border-bottom: 1px solid #D9D9D9;
	padding-bottom: 1rem;
	text-align: center;
}
form[name=p_searchForm] input[type=text] {
	margin: 0 1rem;
}

@media(max-height: 800px) {
	div#ppb_b-in {
		position: fixed;
		top: 0px;
		bottom: 0px;
		left: 10px;
		right: 10px;
		height: auto;
		width: auto;
		max-height: calc(100% - 90px);
	}
}
@media(max-width: 1600px) {
	.sized {
		padding-left: 1rem;
		padding-right: 1rem;
	}
	ul.menu-hor-0 li a {
		font-size: 100%;
	}
	#left-1 {
		width: 250px;
	}
	#content-2.subpage.leftmenu {
		width: calc(100% - 250px);
	}
	div#home_calendar_events {
		width: 320px;
	}
	#content-2.homepage {
		width: calc(100% - 400px);
	}
	div#head_slogan_b { padding-right: 40px;}
}
@media(max-width: 1366px) {
	ul.submenuArea li {
		width: 31%;
	}
	div.div33 {
		width: 50%;
	}
	div.div66 {
		width: 100%;
		overflow: hidden;
	}
	div.calendars { width: 60% !important; }
}

@media(min-width: 1025px) and (max-width: 1180px) {
	div#head_slogan_b { width: 100%; padding-right: 65px; }
}

@media(max-width: 1180px) {
	div#move_155 {
		animation: moving155_small 5s linear;
		top: -15px; right: -30px;
	}
	@keyframes moving155_small {
		0% { z-index: 10; width: 100px; height: 100px; opacity: 0; transform: scale(0.3); }
		5% { opacity: 0;  transform: scale(0.3); }
		30% { opacity: 1;  transform: scale(1); }
		79% {  transform: scale(1); }
		80% { z-index: 10; transform: rotate(0deg); top: -15px; }
		100% { width: 100px; height: 100px; z-index: 10; transform: rotate(720deg) scale(0.4); top: -18px; }
	}
}

@media(max-width: 1024px) {
	div#move_155 {
		right: calc(50% - 50px);
	}
	#blue_blur {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: rgba(9,58,122,0.6);
		backdrop-filter: blur(10px);
	}
	#banhead {
		background-image: url('img/header_mobile.jpg');
		min-height: 600px;
	}
	#banhead::before {
		content: "";
		width: 100%;
		height: 100%;
		background: #093A7A;
		position: absolute;
		top: 0;
		left: 0;
		opacity: 0.5;
	}
	#horizont-0, #horizont-0-in {
		overflow: visible;
		padding: 0;
	}
	#horizont-0 {
		min-height: initial;
		backdrop-filter: none !important;
	}
	#horizont-0-in {
		width: auto;
		top: 0;
	}
	ul.menu-hor-0 {
		position: fixed;
		top: 60px;
		right: 0;
		bottom: 0;
		height: auto;
		overflow: auto;
		width: 0%;
		padding-top: 80px;
		margin: 0;
		background: rgba(9,58,122,0.9);
		backdrop-filter: blur(10px);
		display: block !important;
		transition: 500ms;
	}
	ul.menu-hor-0 li {
		display: block;
		padding: 1em 2em;
		text-align: right;
	}
	ul.menu-hor-0 li a.menuArrow::after { display: none;}

	ul.menu-hor-0 li a {
		font-size: 150%;
	}
	ul.menu-hor-0 li div,
	ul.menu-hor-0 li div.expanded { display: none !important }
	
	a#hor-res-menu-button {
		display: block;
		z-index: 1000;
		font-size: 1px;
		text-align: center;
	}
	a#hor-res-menu-button.clicked {
		position: fixed;
		right: 1rem;
		top: 73px;
	}
	div#links_part {
		background-size: cover;
	}
	div#links_part-in.sized { padding: 0  }
	div#links_part a.bak { width: 28px; height: 28px; }
	div#links_part a.pokl { width: 32px; height: 28px; }

	a#calendar_icon {
		float: none;
		margin: 15px auto 0;
		width: 50px;
		height: 50px;
		background-position: center center;
	}
	a#calendar_icon span {
		display: none;
	}
	#horizont-0-in {
		min-height: 82px;
		height: 82px;
	}
	h1#logo {
		margin-top: 7px;
		margin-left: 1rem;
		position: relative;
		z-index: 1;
	}
	div#links_part div.separ {
		width: 18%;
		text-align: center;
		position: relative;
		line-height: 60px;
		vertical-align: top;
	}
	div#links_part div.separ.social {
		width: 63%;
	}
	div#links_part div.separ span.separ {
		margin-left: 0;
		position: absolute;
		left: 0;
	}
	div#links_part a.insta,
	div#links_part a.virtual,
	div#links_part a.yt {
		margin-left: 10%;
	}

	#search-envelope {
		width: 36px;
	}
	#search-envelope.display_block {
		width: calc(100% - 100px);
		height: 36px;
		position: fixed;
		top: 170px;
		left: 50px;
		z-index: 100;
	}
	.display_block div#search_box_envelope {
		width: calc(100% - 33px);
		height: 36px;
		transition: 0s;
	}
	div#links_part a#lupa_close {
		
	}
	input#search_box {
		width: calc(100% - 20px);
		margin: 0;
		position: absolute;
		top: 0;
		left: 20px;
	}
	label#c1 {
		width: 100%;
	}
	div.img-article-preview a.label { font-size: 80%; }
	#search-envelope.no_script {
		display: none;
	}
	div#banhead_video {
		display: none;
	}
	div#head_slogan {
		top: 40%;
		transform: translateY(-50%);
	}
	div#head_slogan_a, div#head_slogan_b {
		width: 100%;
		padding: 3rem 5vw;
	}
	div#head_slogan_a, .subpage div#head_slogan_a { font-size: 11vw;}
	div#head_slogan_b { font-size: 1.5rem;padding-right: 0px; padding-top: 0; }
	.subpage div#head_slogan_a { padding-top: 0;}

	img#head_fotos { margin-top: -80px; max-width: 80%; }

	div#content-0.leftmenu {
		background: none;
	}
	div#content-2,
	div#home_calendar_events {
		float: none !important;
		width: 100% !important;
	}
	#content-2.subpage.leftmenu {
		padding-left: 0;
	}
	div.servis_detail {
		width: 50%;
		margin-top: 4rem;
	}
	div.servis_detail,
	div.studium_detail {
		width: 42%;
		margin-right: 3%;
		margin-left: 3%;
		margin-top: 4rem;
	}
	div.servis_detail h3 {
		padding-top: 50px;
	}
	div.servis_detail p {
		margin: 0.5rem;
	}
	div.virtual_row {
		width: 100%;
		margin: 0 !important;
	}
	div#contact_blue_in {
		max-width: 100%;
	}
	div#contact_blue_in .blue_contact_line {
		font-size: 1em !important;
	}
	div#contact_blue_in .blue_contact_line .normal, div#contact_blue_in .blue_contact_line .hover {
		left: 70px;
	}
	div#white_blocks .sized {
		padding-left: 0;
		padding-right: 0;
	}
	div.white_block {
		width: 48%;
		margin: 1% !important;
		padding: 1rem;
	}
	
	div.white_block img {
		max-width: 100%;
	}
	div.white_block.mid table {
		margin: 0 auto;
		text-align: left;
	}
	#foot-in {
		background-size: contain;
		min-height: 200px;
		background-position: center top;
	}
	div#advb-envelope {
		padding: 0;
	}
	div.div66 {
		width: 100%;
		float: none;
		margin: 1rem 0;
		overflow: hidden;
	}
	div.div33 {
		width: 50%;
	}
	.contact_text {
		padding-left: 0;
		padding-top: 65px;
	}
	hr {
		margin-top: 2rem;
		margin-bottom: 2rem;
	}
	ul.submenuArea li {
		width: 48%;
	}
	#left-1 {
		float: none;
		margin: 0 -1rem;
		padding: 0 1rem;
		width: 100%;
	}
	ul.menu-lev-0 {
		display: flex;
		flex-wrap: wrap;
	}
	ul.menu-lev-0 li {
		width: 32%;
		box-sizing: border-box;
		margin-right: 1%;
	}
	ul.menu-lev-0 li li {
		width: 100%;
	}
	div#ppb_mb {
		display: none !important;
	}
	div.img-article-preview {
		width: 50%;
		overflow: hidden;
	}
	div.img-article-preview img {
		height: auto !important;
	}
	div.teacher span.name {
		font-size: 1.2rem;
	}

	#map_area > ul > li > ul > li > ul > li { width: 100%; margin: 0 0 1% 0; }

	#orangeLinks {
		display: flex;
		justify-content: space-around;
		top: 550px;
		width: 100%;
	}
	.subpage #orangeLinks {top: 430px; }
	#orangeLinks li {
		width: 64px;
		white-space: wrap;
		margin: 0;
	}
	#orangeLinks li a,
	#orangeLinks li a:hover,
	#orangeLinks li a:focus-visible {width: 64px;}
	#orangeLinks li a {height: auto; background-color: transparent !important; padding: 0; line-height: 1.2; font-weight: normal; white-space: normal; border-radius: 0; text-align: center;}
	#orangeLinks li a::before { position: relative; }
	#orangeLinks li a span { display: block; opacity: 1 !important; max-height: 2.5em; overflow: hidden; }
	#orangeLinks li a:hover::after { opacity: 0 !important; }
	#orangeLinks li a.fotos span i { display: none; }

	div#move_fotos {
		top: 550px;
		right: initial;
		left: calc(10% - 32px);
		animation: moving_fotos_m 5s linear;
	}
	@keyframes moving_fotos_m {
		0% { z-index: 10; top: 300px; left: calc(50% - 32px); opacity: 0; transform: scale(0.3);}
		5% { opacity: 0;  transform: scale(0.3);}
		30% { opacity: 1;  transform: scale(3);}
		45% {  transform: scale(3.3); }
		50% {  transform: scale(3); }
		80% { z-index: 10; top: 300px; left: calc(50% - 32px); transform: rotate(0deg) scale(3);}
		100% { z-index: 10;  transform: rotate(-720deg) scale(1); }
	}
	#banhead.subpage.fotos {
		background: url('img/header_majak_mobile.jpg') no-repeat right center;
	}
}

@media(max-width: 640px){
	ul.submenuArea li {
		width: 100%;
	}
	div.div33, div.div50, div.div66 {
		width: 100%;
		float: none;
		margin: 1rem 0;
	}
	div.white_block {
		width: 100%;
		padding: 1rem;
	}
	div.white_block.mid { margin-left: 0; margin-right: 0; text-align: center; }
	
	div.white_block img {
		max-width: 100%;
	}
	div.white_block.mid table {
		margin: 0 auto;
		text-align: left;
	}
	ul.menu-lev-0 li {
		width: 100%;
		margin-right: 0;
	}
	div.servis_detail,
	div.studium_detail {
		width: 100%;
		margin-top: 4rem;
	}
	div#head_slogan_a, .subpage div#head_slogan_a { font-size: 15.5vw;}
	div.teacher {
		width: 46%;
	}
	div.calendars { width: 90% !important; }

	img#head_fotos { margin-top: -20%; }

	#banhead.subpage.fotos {
		background-position: 90% center;
	}
}

@media(max-width: 430px){
div.img-article-preview {
		float: none;
		width: 100%;
	}
}
@media(max-width: 320px){
/*	div#links_part a.fb,
	div#links_part a.insta,
	div#links_part a.yt {
		padding-top: 20px;
		height: 20px;
	}
	div#links_part div.separ.social {
		line-height: 30px;
	}*/
	div#links_part div.separ { width: 17%; }
}
@media(max-height: 600px){
	a#move_page_down { display: none; }
}