html,
body {
  height: 100%;
  min-width: 1040px;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

body {
  background-color: #fff;
}

.web-wrap {
  position: relative;
}

header,
main,
section,
aside,
footer,
nav {
  display: block;
  width: 100%;
  margin: auto;
  text-align: left;
  box-sizing: border-box;
}

section {
  padding: 10px 20px;
}

section .content-wrap {
  max-width: 1000px;
  margin: 0 auto;
  width: 1000px;
}

header a {
  color: rgba(255, 255, 255, 0.5);
  text-decoration: none;
}

header a:hover,
header a:focus {
  color: #fff;
  text-decoration: underline;
}

.header-search-wrap {
  background-color: #082446;
  color: #fff;
  color: rgba(255, 255, 255, 0.75);
  text-transform: uppercase;
  font-size: 14px;
}

.header-search-wrap > .content-wrap {
  display: flex;
  justify-content: space-between;
}

.search-input,
.search-input:focus {
  background-color: #082446;
  -webkit-appearance: none;
  border: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
  color: #fff;
  float: none;
  padding: 0 4px;
}

.search-input:hover,
.search-input:focus {
  border-bottom: 1px solid rgba(255, 255, 255, 0.75);
}

.unstyled-btn {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  /* inherit font & color from ancestor */
  color: inherit;
  font: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  /* Na nasich buttonech chceme defaultne pointer vzdy */
  cursor: pointer;
}

.unstyled-btn::-moz-focus-inner {
  /* Remove excess padding and border in Firefox 4+ */
  border: 0;
  padding: 0;
}

.search-btn {
  text-transform: uppercase;
  float: none;
}

.search-btn:hover,
.search-btn:focus {
  color: #fff;
}

.btn-border,
a.btn-border {
  color: rgba(255, 255, 255, 0.75);
  border: 1px solid rgba(255, 255, 255, 0.25);
  padding: 5px;
  text-transform: uppercase;
  text-decoration: none !important;
  cursor: pointer;
}

.btn-border:hover,
a.btn-border:hover,
.btn-border:focus,
a.btn-border:focus {
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.75);
  padding: 5px;
}

.header-main-wrap {
  background-color: #24548f;
  color: #fff;
  padding-top: 30px;
  padding-bottom: 15px;
}

.header-main-wrap .content-wrap {
  display: flex;
  height: 55px;
}

.header-left,
.header-middle,
.header-right {
  flex: 1;
}

.header-middle {
  text-align: center;
  /*flex: 2;*/
}

.header-right {
  text-align: right;
}

header .logo {
  display: inline-block;
  width: 220px;
  height: 55px;
  background: url(../../img/web/layout-2019/logo.png) center no-repeat;
  /*background-size: contain;*/
  background-size: auto 55px;
  text-decoration: none;
}

.social-wrap {
  font-size: 20px;
  line-height: 55px;
}

.social-wrap a {
  text-decoration: none;
  vertical-align: middle;
}

header .social-wrap a {
  margin-right: 25px;
}

.login .sep {
  color: rgba(255, 255, 255, 0.5);
}

.loginwindow input {
  float: none;
  width: 120px;
  background: #1e4a80;
  color: rgba(255, 255, 255, 0.75);
  font-style: italic;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border: 0;
  padding: 7px 10px;
  box-sizing: border-box;
}

.loginwindow input:focus {
  border: 0;
  color: #fff;
}

.loginwindow input::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: rgba(255, 255, 255, 0.75);
  opacity: 1;
  /* Firefox */
}

.loginwindow input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: rgba(255, 255, 255, 0.75);
}

.loginwindow input::-ms-input-placeholder {
  /* Microsoft Edge */
  color: rgba(255, 255, 255, 0.75);
}

.login .info {
  margin-top: -2px;
  margin-bottom: 5px;
}

.loged img {
  height: 55px;
  border-radius: 5px;
  box-shadow: 0 0 5px 0 #000;
  display: block;
}

.loged {
  display: flex;
  text-align: right;
  width: 100%;
  margin-left: auto;
  font-size: 14px;
  justify-content: flex-end;
}

.loged > div:first-child {
  flex: 0 0 55px;
  margin-right: 15px;
}

.loged a {
  text-decoration: none;
  display: inline-block;
}

.loged a.edit {
  color: #fff;
  max-width: 160px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.loged a.edit:hover {
  text-decoration: underline;
}

.web-wrap > nav {
  background-color: #24548f;
}

.web-wrap > nav section {
  padding: 0;
}

ul.topmenu {
  display: flex;
  justify-content: space-between;
  margin: 0 -10px;
}

ul.topmenu li {
  flex: 1 0 auto;
  list-style: none;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  font-size: 15px;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
}

ul.topmenu a {
  color: #fff;
  text-decoration: none;
  padding: 15px 10px;
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
}

ul.topmenu a:hover,
ul.topmenu a:focus,
ul.topmenu a.active {
  background-color: #3a7dcf;
}

main {
  position: relative;
}

main > section {
  /*position: relative;*/
  /*z-index: 2;*/
}

main .ad-top-wrap {
  /*margin-top: -620px;*/
  padding: 0 10px;
}

.sky-ad-wrap {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  position: absolute;
  /*position: sticky;*/
  /*height: 620px;*/
  top: 0;
  left: 0;
  right: 0;
}

.sky-ad-left,
.sky-ad-right {
  width: 120px;
  height: 600px;
  position: absolute;
  top: 0;
}

.sky-ad-left {
  left: -140px;
}

.sky-ad-right {
  right: -140px;
}

.main-content-wrap > .content-wrap {
  display: flex;
  flex-wrap: nowrap;
  border: 1px solid #eaeaea;
}

.left-side-wrap {
  /*flex: 1;*/
  /* Nastaveno napevno, jelikoz u moc dlouhych stranek se sidebarem, se nejdrive vyrendrovala leva cast na 100% sirky a az pak tam naskocil sidebar */
  flex: 1 1 700px;
  padding: 24px 30px;
  margin: 0;
  box-sizing: border-box;
}

.left-side-wrap:only-child {
  flex: 1 1 1000px;
}

.left-side-wrap .add {
  padding: 10px;
  border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
  margin: 5px 0;
  text-align: center;
  font-size: 14px;
  box-sizing: border-box;
}

.left-side-wrap > table {
  height: auto !important;
}

.left-side-wrap img {
  max-width: 600px;
  height: auto !important;
  border: 3px solid transparent;
  border-right: 6px solid transparent;
  border-left: 0;
}

.left-side-wrap .ad img {
  border: 0;
  border-radius: 0;
}

.right-side-wrap {
  flex: 0 0 334px;
  border-left: 1px solid #eaeaea;
  margin: 0;
  box-sizing: border-box;
}

.right-side-wrap > div {
  padding: 30px;
  box-sizing: border-box;
  border-top: 1px solid #eaeaea;
  /*background: white url(../../img/web/layout1/bg_right.png) left top repeat-y;*/
}

.right-side-wrap > div:first-child {
  /*background: url(../../img/web/layout1/bg_right_title.png) left top repeat-x;*/
  /*padding: 0 30px;*/
  /*height: 74px;*/
  border-top: 0;
}

.right-side-wrap > div:last-child {
  /*background: url(../../img/web/layout1/bg_right_other.png) left top repeat-x;*/
  /*padding-top: 30px;*/
  /*min-height: 300px;*/
}

.right-side-wrap h3 {
  color: #597faf;
  font-size: 20px;
}

.right-side-wrap > div > h3:after {
  display: block;
  height: 3px;
  width: 100%;
  content: "";
  background: linear-gradient(to right, #3a7dcf 45px, transparent 45px);
  margin-top: 5px;
}

.right-side-wrap .info h3 {
  font-size: 13px;
  padding: 0;
}

.right-side-wrap > .adsplaceholder {
  padding: 4px 0;
}

.right-side-wrap .ad_title {
  padding: 2px 0 0 0 !important;
  /*background: transparent url(../../img/web/layout1/bg_right_adtitle.png) left top repeat-x;*/
}

.right-side-wrap .seminary_list .info {
  width: 180px !important;
}

.right-side-wrap .books_list .info {
  width: 180px;
  float: left;
}

footer > section {
  background-color: #222222;
  color: #fff;
  padding-top: 30px;
  padding-bottom: 30px;
}

footer a {
  color: #fff;
}

.footer-top-wrap {
  display: flex;
  align-items: center;
}

.footer-left {
  flex-basis: 220px;
  flex-shrink: 0;
}

.footer-middle {
  flex-grow: 1;
  text-align: left;
  font-size: 14px;
}

.footer-right {
  flex-basis: 180px;
  flex-shrink: 0;
  text-align: right;
}

.footer-left img {
  height: 45px;
  display: block;
  filter: grayscale(1);
}

.footer-right.social-wrap {
  line-height: 1;
  padding: 5px 0px;
  align-self: flex-start;
}

footer a {
  text-decoration: underline;
}

footer a:hover {
  text-decoration: none;
}

footer .social-wrap a {
  color: rgba(255, 255, 255, 0.5);
  text-decoration: none !important;
  display: inline-block;
  margin-bottom: 9px;
  margin-left: 17px;
}

footer .social-wrap a:hover {
  color: #fff;
}

.footer-info p {
  text-align: justify;
}

/*# sourceMappingURL=fx2019.css.map */
/*# sourceMappingURL=fx2019.css.map */
/*# sourceMappingURL=fx2019.css.map */
/*# sourceMappingURL=fx2019.css.map */
/*# sourceMappingURL=fx2019.css.map */
/*# sourceMappingURL=fx2019.css.map */
/*# sourceMappingURL=fx2019.css.map */
/*# sourceMappingURL=fx2019.css.map */
/*# sourceMappingURL=fx2019.css.map */
/*# sourceMappingURL=fx2019.css.map */
/*# sourceMappingURL=fx2019.css.map */
/*# sourceMappingURL=fx2019.css.map */
/*# sourceMappingURL=fx2019.css.map */
/*# sourceMappingURL=fx2019.css.map */
/*# sourceMappingURL=fx2019.css.map */
/*# sourceMappingURL=fx2019.css.map */
/*# sourceMappingURL=fx2019.css.map */
/*# sourceMappingURL=fx2019.css.map */
/*# sourceMappingURL=fx2019.css.map */
/*# sourceMappingURL=fx2019.css.map */
/*# sourceMappingURL=fx2019.css.map */
/*# sourceMappingURL=fx2019.css.map */
/*# sourceMappingURL=fx2019.css.map */
/*# sourceMappingURL=fx2019.css.map */
/*# sourceMappingURL=fx2019.css.map */
/*# sourceMappingURL=fx2019.css.map */
/*# sourceMappingURL=fx2019.css.map */
/*# sourceMappingURL=fx2019.css.map */
/*# sourceMappingURL=fx2019.css.map */
/*# sourceMappingURL=fx2019.css.map */
/*# sourceMappingURL=fx2019.css.map */
/*# sourceMappingURL=fx2019.css.map */
/*# sourceMappingURL=fx2019.css.map */
/*# sourceMappingURL=fx2019.css.map */
/*# sourceMappingURL=fx2019.css.map */
/*# sourceMappingURL=fx2019.css.map */
/*# sourceMappingURL=fx2019.css.map */
/*# sourceMappingURL=fx2019.css.map */
/*# sourceMappingURL=fx2019.css.map */
/*# sourceMappingURL=fx2019.css.map */
/*# sourceMappingURL=fx2019.css.map */
/*# sourceMappingURL=fx2019.css.map */
/*# sourceMappingURL=fx2019.css.map */
/*# sourceMappingURL=fx2019.css.map */
/*# sourceMappingURL=fx2019.css.map */
/*# sourceMappingURL=fx2019.css.map */
/*# sourceMappingURL=fx2019.css.map */
/*# sourceMappingURL=fx2019.css.map */
/*# sourceMappingURL=fx2019.css.map */
/*# sourceMappingURL=fx2019.css.map */
/*# sourceMappingURL=fx2019.css.map */
/*# sourceMappingURL=fx2019.css.map */
/*# sourceMappingURL=fx2019.css.map */
/*# sourceMappingURL=fx2019.css.map */
/*# sourceMappingURL=fx2019.css.map */
/*# sourceMappingURL=fx2019.css.map */
/*# sourceMappingURL=fx2019.css.map */
/*# sourceMappingURL=fx2019.css.map */
/*# sourceMappingURL=fx2019.css.map */
/*# sourceMappingURL=fx2019.css.map */
/*# sourceMappingURL=fx2019.css.map */
/*# sourceMappingURL=fx2019.css.map */
/*# sourceMappingURL=fx2019.css.map */
/*# sourceMappingURL=fx2019.css.map */
/*# sourceMappingURL=fx2019.css.map */
/*# sourceMappingURL=fx2019.css.map */
/*# sourceMappingURL=fx2019.css.map */
/*# sourceMappingURL=fx2019.css.map */
/*# sourceMappingURL=fx2019.css.map */
/*# sourceMappingURL=fx2019.css.map */
/*# sourceMappingURL=fx2019.css.map */

/*# sourceMappingURL=fx2019.css.map */
