body {
  background: rgba(255, 234, 73, 0.49);
  color: #260b0a;
  font-family: "PT Sans Narrow", sans-serif;
  font-size: 1em;
  margin: 0px auto;
  max-width: 960px;
  padding-top: 5px;
  position: relative;
  text-align: left;
}

a:link,
a:visited {
  color: #bf3113;
}

a:hover,
a:active,
a:focus {
  background: #bf3113;
  color: #fff;
}

input:focus {
  border: solid 2px;
}

fieldset {
  border: solid 0px #ccc;
}

.article-info {
  color: #444;
}

.article-info dd span {
  color: #444;
  border-right: solid 0px;
  background: #eee;
}

/* ##########################  uvod  ########################### */

.uvod_telo {
  text-align: center;
  padding-top: 15px;
  padding-bottom: -15px;
  margin-left: 20px;
}

.uvod_kategorie {
  float: left;
  display: block;
  width: 50%;
}

@media screen and (max-width: 550px) {
  .uvod_kategorie {
    width: 100%;
  }
}

.face {
  margin: 0 auto;
  width: 300px;
}

.uvod_kategorie:hover {
  animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}

@keyframes shake {
  10%,
  90% {
    transform: translate3d(-1px, 0, 0);
  }

  20%,
  80% {
    transform: translate3d(2px, 0, 0);
  }

  30%,
  50%,
  70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%,
  60% {
    transform: translate3d(4px, 0, 0);
  }
}

.uvod_popisek {
  text-align: center;
  font-size: 1.2em;
  margin-top: 1.2em;
  margin-bottom: 3em;
}

.uvod_popisek2 {
  text-align: center;
  font-size: 1.2em;
  margin-top: 1.2em;
  margin-bottom: 1em;
}

/* ##########################  logo  ########################### */

#logo span {
  color: #d3382d;
  font-size: 1.4em !important;
  font-weight: bold;
  line-height: 1.4em;
}

#logo span.header1 {
  display: block;
  margin-top: -145px;
  margin-left: 205px;
  width: 180px;
}

.logoheader {
  background: #fff;
  border-bottom-left-radius: 30px 60px;
  border-bottom-right-radius: 10px 15px;
  border-top-left-radius: 180px 160px;
  border-top-right-radius: 10px 15px;
  border: solid 1px #989886;
  color: #fff;
  display: flex;
  font-weight: normal;
  height: 215px;
  justify-content: space-between;
  line-height: 1.4em;
  margin: 0px 0px 0 0px !important;
  padding-top: 5px;
  text-align: center;
}

#line {
  width: 98%;
  max-width: 100%;
  top: 0px;
  left: 0px;
  padding: 5px 10px !important;
  margin-right: 10px;
  text-align: right;
}

.slideshow {
  float: right;
  top: 0px;
  left: 0px;
  padding: 0px 0px;
  margin-right: 5px;
  text-align: right;
}
@media screen and (max-width: 915px) {
  .slideshow {
    display: none;
  }
}

#phocamaps-box div.pmbox-grey div div div {
  padding: 0px;
}

.akord_adresa {
  margin-top: 80px;
}

div.akord_adresa p {
  line-height: 1.2em;
  font-size: 1.1em;
}

div.akord_adresa p strong {
  color: #bf3113;
  line-height: 1em;
  font-size: 1.2em;
}

/* ++++++++++++++  lists, skiplinks  ++++++++++++++ */
#header ul.menu,
#footer-inner {
  padding: 0px;
  border: 0;
  text-align: center;
  left: 0px;
  display: block;
}

#header ul.menu {
  margin: 3px 0px 3px 20px;
}

#header ul.menu li {
  border: 0;
  margin: 0 !important;
}

#footer-inner .box a:link,
#footer-inner .box a:visited,
#header ul.menu li a:link,
#header ul.menu li a:visited {
  border-radius: 5px;
  margin: 3px;
  border: 0;
  border: solid 1px #989886;
  color: #4d1613;
  padding: 7px 17px;
  position: relative;
  background: linear-gradient(#fefbfb, #f1cacc);
}

#header ul.menu li a:link,
#header ul.menu li a:visited {
  padding: 7px 13px;
  border: solid 1px #989886;
  display: inline-block;
  letter-spacing: 0px;
  vertical-align: text-top;
}

#header .button_akord img {
  vertical-align: top;
}

.british_flag img {
  vertical-align: -12%;
}

#footer-inner .box a:link,
#footer-inner .box a:visited {
  letter-spacing: 4px;
  margin: 0px 4px 0 0;
  padding: 2px 17px;
}

#header ul.menu li a:link,
#header ul.menu li a:visited {
  display: inline-block;
}

#footer-inner .box a:hover,
#footer-inner .box a:active,
#footer-inner .box a:focus,
#header ul.menu li a:hover,
#header ul.menu li a:active,
#header ul.menu li a:focus {
  background: linear-gradient(#fef8f7, #e9a3a3 50%);
  color: #4d1613;
}

#header ul li.active a:link,
#header ul li.active a:visited {
  color: #f5f5f5;
  background: linear-gradient(#ce0909, #b80808);
  border: solid 1px #989886;
}

#header ul.skiplinks {
  width: 100%;
  text-align: left;
  background: none;
  z-index: 20000;
  top: 0;
  display: inline;
  padding: 0;
}

#header ul.skiplinks li a.u2:active,
#header ul.skiplinks li a.u2:focus {
  background: #095197 !important;
  color: #fff !important;
  border: solid 1px;
  top: 0 !important;
  z-index: 10000;
  right: auto;
  left: 0 !important;
  display: block;
}

/* ++++++++++++++  fontsize  ++++++++++++++ */
#fontsize {
  display: inline;
}

#fontsize p a:link,
#fontsize p a:visited {
  color: #222;
  border-right: solid 1px #ccc;
}

#fontsize p a.larger,
#fontsize p a.reset,
#fontsize p a.smaller {
  padding-left: 5px;
  padding-right: 5px;
  text-decoration: none;
  margin: 0;
}

#fontsize p a:hover,
#fontsize p a:active,
#fontsize p a:focus {
  background: #095197 !important;
  color: #fff;
}

#fontsize h3 {
  color: #222;
  font-weight: bold;
}

/* ++++++++++++++  search  ++++++++++++++ */
#header form,
#header form .search,
#header form .finder {
  display: inline;
  padding-right: 1px;
}

#header form .inputbox {
  background: url(../images/header-bg.gif) repeat-x;
  border: solid 1px #ccc;
  border-bottom: 0;
  border-right: 0;
  padding: 5px;
}

#header form .inputbox:focus {
  border: solid 2px #000;
}

#header form .button {
  border: solid 0px #ddd;
  background: #ccc url(../images/personal/button.png);
  color: #333;
  padding: 4px !important;
}

/* ##########################  contentarea  ########################### */
#contentarea,
#contentarea2 {
  border: solid 1px #989886;
  border-radius: 30px 10px 10px 30px;
  background: #ffffff;
}

/* ##########################  breadcrumbs  ########################### */
.breadcrumb {
  border: none;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  list-style-type: none;
  margin: auto;
  padding: inherit;
}

#breadcrumbs {
  color: #333;
}

#breadcrumbs span {
  color: #333;
}

#breadcrumbs span a:link,
#breadcrumbs span a:visited {
  background: #fff;
  color: #333;
}

#breadcrumbs span a:hover,
#breadcrumbs span a:active,
#breadcrumbs span a:focus {
  background: #095197;
  color: #fff;
}

/* ##########################  navigation column  ########################### */
.module_content {
  border: solid 1px #ddd;
}

.moduletable_js {
  border: solid 0px #ddd;
}

#right .moduletable_js {
  border: 0;
}

#nav h3 {
  border-bottom: solid 1px #ddd;
  color: #f5f5f5;
  font-size: 1.2em;
  font-weight: normal;
  padding: 5px 0px 0px 5px;
  background: linear-gradient(#ce0909, #b80808);
  border-radius: 10px 10px 0px 0px;
}

.moduletable_ak,
.moduletable_mapa,
.moduletable_news {
  border-radius: 10px 10px 10px 10px;
  background: rgb(234, 232, 231);
  box-shadow: 1.5px 2.5px 20px #c7c7c7;
}

#nav .moduletable_ak {
  margin: 0px 0px 20px 0px;
}

#nav .moduletable_news {
  margin: 0px 0px 20px 0px;
}

#nav .moduletable_mapa {
  margin: 0px 0px 10px 0px;
  height: 330px;
}

#nav .moduletable_ak h3 {
  display: block;
  border-bottom: solid 1px #ddd;
  color: #f5f5f5;
  font-size: 1.2em;
  font-weight: normal;
  padding: 4px 0px 0px 5px;
  background: linear-gradient(#ce0909, #b80808);
  border-radius: 10px 10px 0px 0px;
}

#nav .moduletable_ak .custom_ak {
  display: block;
  padding: 0px 5px 5px 10px;
}

#nav .moduletable_ak .custom_ak p {
  display: block;
  line-height: 1.2em;
}

#nav .moduletable_mapa .custom_mapa {
  display: block;
  margin: -7px 0px 0px 0px;
}

#nav .moduletable_mapa .custom_mapa pre {
  display: block;
  margin: 0px 0px 0px 0px;
}

h3.js_heading {
  border-bottom: solid 1px #ddd;
  background: #eee;
}

h3.js_heading span.backh {
  border: solid 0px #000;
}

h3.js_heading a {
  border: 0;
}

h3.js_heading a img {
  border: 0;
}

h3.js_heading a.opencloselink:hover,
h3.js_heading a.opencloselink:active,
h3.js_heading a.opencloselink:focus {
  background: none;
}

#right h3 span.backh {
}

#right h3 span.backh2 {
  background: #fff;
  color: #555;
  border-bottom: solid 1px #ddd;
}

#right h3 span.backh3 {
  padding-left: 0;
}

h3.js_heading a:link,
h3.js_heading a:visited,
h3.js_heading a:hover,
h3.js_heading a:active,
h3.js_heading a:focus {
}

#nav h3.js_heading a:focus {
}

#nav form {
  color: #000;
}

#nav form a:hover,
#nav form a:active,
#nav form a:focus {
  color: #fff;
  background: #095197;
  text-decoration: none;
}

/* ++++++++++++++  first level  ++++++++++++++ */
#nav .moduletable-example ul.menu {
  background: #fff;
  border: 0;
}

ul.menu {
  border: 0;
  border: solid 0px #eee;
}

.module_content ul.menu {
  border: 0;
}

ul.menu li {
  border-bottom: solid 1px #ddd;
}

ul.menu li a:link,
ul.menu li a:visited {
  color: #444;
  background: url(../images/nature/karo.gif) 5px 12px no-repeat;
}

ul.menu li.active a:link,
ul.menu li.active a:visited {
  color: #333;
}

ul.menu li a:hover,
ul.menu li a:active,
ul.menu li a:focus,
ul.menu li.active a:hover,
ul.menu li.active a:active,
ul.menu li.active a:focus {
  background: #fff url(../images/nav_level_1.png) repeat-x;
  color: #bf3113;
}

/* ++++++++++++++  first level Akord ++++++++++++++ */
#nav .moduletable-example ul.menu_ak {
  background: #fff;
  border: 0;
}

ul.menu_ak {
  border: 0;
  border: solid 0px #eee;
  padding: 0px 5px 5px 5px;
}

.module_content ul.menu_ak {
  border: 0;
}

ul.menu_ak li {
  border-bottom: solid 1px #989886;
}

ul.menu_ak li a:link,
ul.menu_ak li a:visited {
  font-size: 1.05em;
  padding: 2px 4px 2px 10px;
  color: #4d1513;
}

ul.menu_ak li.active a:link,
ul.menu_ak li.active a:visited {
  color: #4d1513;
}

ul.menu_ak li a:hover,
ul.menu_ak li a:active,
ul.menu_ak li a:focus,
ul.menu_ak li.active a:hover,
ul.menu_ak li.active a:active,
ul.menu_ak li.active a:focus {
  background: linear-gradient(#fefbfa, #ffffff 50%);
  color: #bf3113;
}

ul.menu_ak li a:focus,
ul.menu_ak li.active a:focus {
  font-weight: bold;
}

/* ++++++++++++++  second level  ++++++++++++++ */

ul.menu li ul {
  display: none;
  border: solid 0px #eee;
}

ul.menu li ul li {
  border: solid 0px #000;
  background: #fff;
}

ul.menu li.active ul li a:link,
ul.menu li.active ul li a:visited {
  color: #444;
  border: 0;
  border-bottom: solid 1px #fff;
  background: #e8e8e8;
}

ul.menu li.active ul li.active a:link,
ul.menu li.active ul li.active a:visited {
  border: 0;
  color: #333;
  border-bottom: solid 1px #fff;
}

ul.menu li.active ul li a:hover,
ul.menu li.active ul li a:active,
ul.menu li.active ul li a:focus {
  background: #666 !important;
  color: #fff !important;
}

/* ++++++++++++++  third level  ++++++++++++++ */
ul.menu li ul li ul {
  border: 0 !important;
  background: #f5f5f5 !important;
  padding-bottom: 0;
}

ul.menu li.active ul li.active ul li a:link,
ul.menu li.active ul li.active ul li a:visited {
  background: #f5f5f5;
  border-bottom: solid 1px #fff;
  color: #444;
}

ul.menu li.active ul li.active ul li.active a:link,
ul.menu li.active ul li.active ul li.active a:visited {
  color: #333;
}

/* ++++++++++++++  fourth level  ++++++++++++++ */
ul.menu li ul li ul li ul {
  border: solid 1px #eee !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  background: #fff url(../images/nature/level4.png) repeat-x !important;
}

ul.menu li.active ul li.active ul li.active ul li a:link,
ul.menu li.active ul li.active ul li.active ul li a:visited {
  font-weight: normal;
  padding: 3px 2px 3px 40px;
  font-size: 0.9em;
  background: #fff url(../images/nature/arrow_small.png) no-repeat 30px 5px;
  color: #444;
}

ul.menu li.active ul li.active ul li.active ul li.active a:link,
ul.menu li.active ul li.active ul li.active ul li.active a:visited {
  font-weight: bold;
  color: #333;
}

/* ++++++++++++++  fifth level  ++++++++++++++ */
ul.menu li ul li ul li ul li ul {
  border: solid 0px #eee !important;
  padding-top: 5px !important;
  padding-bottom: 10px !important;
  background: #fff !important;
}

ul.menu li.active ul li.active ul li.active ul li.active ul li a:link,
ul.menu li.active ul li.active ul li.active ul li.active ul li a:visited {
  font-weight: normal;
  padding: 3px 2px 3px 5px;
  font-size: 0.9em;
  background: #fff;
  color: #444;
  margin: 0 10px 0 35px;
  border-bottom: solid 1px #ddd;
}

ul.menu li.active ul li.active ul li.active ul li.active ul li.active a:link,
ul.menu
  li.active
  ul
  li.active
  ul
  li.active
  ul
  li.active
  ul
  li.active
  a:visited {
  font-weight: bold;
  color: #333;
}

/* jirka - prihlaska label --------------------------------------------------*/
#nav > div.moduletable_ak > ul > li.item-269 {
  background-color: #49b3ff;
  border-radius: 3px;
}

/* vzdelavaci kurzy page buttons */
.kurz_label {
  border-radius: 5px !important;
  border: none !important;
  color: #0c3456 !important;
  display: block;
  font-size: 21px !important;
  font-weight: bold !important;
  margin-bottom: 15px;
  margin-right: 10px;
  padding: 7px 0px;
  text-align: center;
  text-decoration: none !important;
  transition: 0.5s;
}

.kurz_label:hover {
  box-shadow: 3.5px 4.5px 10px #cccccc;
}

.pracovnik {
  background-color: #49b3ff !important;
}

.pracovnik:hover {
  background-color: rgba(73, 179, 255, 0.72) !important;
}

.prakticky {
  background-color: rgba(214, 214, 214, 0.52) !important;
}

.prakticky:hover {
  background-color: rgb(255, 216, 73) !important;
}

.prvnipomoc {
  background-color: rgba(214, 214, 214, 0.52) !important;
}

.prvnipomoc:hover {
  background-color: rgb(255, 73, 73) !important;
}

.etika {
  background-color: rgba(214, 214, 214, 0.52) !important;
}

.etika:hover {
  background-color: rgb(73, 255, 163) !important;
}

.psycho {
  background-color: rgba(214, 214, 214, 0.52) !important;
}

.psycho:hover {
  background-color: rgb(255, 157, 73) !important;
}

.sebepoznani {
  background-color: rgba(214, 214, 214, 0.52) !important;
}

.sebepoznani:hover {
  background-color: rgb(132, 192, 245) !important;
}

.komunikace {
  background-color: rgba(214, 214, 214, 0.52) !important;
}

.komunikace:hover {
  background-color: rgb(255, 235, 96) !important;
}

/* kurz buttons */
.kurz_buttons {
  display: flex;
  flex-wrap: wrap;
  margin: 20px 0px 20px 0px !important;
  padding: 0px !important;
  text-align: center;
  text-decoration: none;
  width: 100%;
}

.kurz_button {
  padding: 3px;
}

.a_button {
  font-weight: bold;
  color: #0c3456 !important;
  text-decoration: none;
  font-size: 20px;
  margin: 0;
  display: block;
  width: 100%;
  border-radius: 7px;
  padding: 17px 0px;
  transition: 0.5s;
}

.prihlaska {
  background-color: #49b3ff;
}

.prihlaska:hover {
  background-color: rgba(73, 179, 255, 0.57);
}

.info {
  background-color: #52e6d9;
}

.info:hover {
  background-color: rgba(82, 230, 217, 0.6);
}

.letak {
  background-color: #fa8b2a;
}

.letak:hover {
  background-color: rgba(250, 139, 42, 0.63);
}

.akreditace {
  background-color: rgba(255, 73, 73, 0.83);
}

.akreditace:hover {
  background-color: rgba(255, 73, 73, 0.66);
}

/*--------------------reference dj-imageslider----------------------------*/
.moduletable_reference_slideshow {
  background: rgba(255, 255, 255, 0.3);
  border-radius: 11px;
  border: 1px solid #cccccc;
  bottom: 7px;
  left: 1px;
  position: absolute;
  right: 2px;
}

/* ##########################  content - main   ########################### */

#main a:link,
#main a:visited {
}

#main a:hover,
#main a:active,
#main a:focus {
  color: #fff;
}

#main th a:hover,
#main th a:active,
#main th a:focus {
  background: #333;
  color: #fff;
}

.items-row {
  background: #fff;
}

.items-row h2 {
  border-bottom: solid 1px #ddd;
  border-top: solid 1px #ddd;
  color: #555;
}

.column-1,
.column-2 {
  border: solid 0px;
}

.item-separator {
  border: solid 0px #333333;
}

.small {
  border: solid 0;
}

ul#archive-items li.row0,
ul#archive-items li.row1 {
  border-bottom: solid 1px #ddd;
}

.archive #adminForm fieldset {
  border: 0;
  padding: 0;
  margin: 20px 0;
}

/* ++++++++++++++  images  ++++++++++++++ */
.image-left {
  padding: 2px;
}

.image-right {
  border: solid 1px #ddd;
  padding: 2px;
}

/* ++++++++++++++++++++ headings +++++++++++++ */
#main h1 {
  color: #0d4c89;
  border: solid 1px #bbbb1f;
  background-color: rgba(255, 234, 73, 0.49);
  border-radius: 3px;
  font-weight: bold;
}

#main .blog h1,
#main .blog-featured h1 {
  color: #0d4c89;
  border-top: solid 1px #ddd;
  border-bottom: solid 1px #ddd;
  margin-top: -1px !important;
}

/* h1 on frontpage */
.items-row h2 {
  border-top: solid 1px #ddd;
  border-bottom: solid 1px #ddd;
}

.items-leading h2,
#main h3,
#main h4 {
  color: #992a26;
}

#main h2 {
  color: #d3382d;
}

#main h2 a {
  color: #095197;
}

/* ++++++++++++++  readmore  ++++++++++++++ */
.readmore a:link,
.readmore a:visited,
a.readmore:link,
a.readmore:visited {
  color: #095197;
  background: #eee url(../images/nature/arrow1.gif) no-repeat left top;
  border: solid 1px #ddd;
}

.readmore a:hover,
.readmore a:active,
.readmore a:focus,
a.readmore a:hover,
a.readmore a:active,
a.readmore a:focus {
  background: #555 url(../images/nature/arrow2.gif) no-repeat left 6px !important;
  color: #fff;
}

a.readmore:hover,
a.readmore:active,
a.readmore:focus {
  background: #555;
  color: #fff;
}

/* ++++++++++++++  icons  ++++++++++++++ */
.actions img {
  border: 0;
}

/* ++++++++++++++  items-more  ++++++++++++++ */
#main .items-more h3 {
  border-bottom: solid 1px #ddd;
  border-top: solid 1px #ddd;
  color: #444;
}

#main .items-more ol {
  color: #000;
}

#main .items-more ol li a {
  background: #ffffff url(../images/blog_more.gif) no-repeat 0px center;
  color: #095197;
}

#main .items-more ol li a:hover,
#main .items-more ol li a:active,
#main .items-more ol li a:focus {
  background: #095197 url(../images/blog_more_hover.gif) no-repeat 0px center;
  color: #fff;
}

/* ++++++++++++++  pagination  ++++++++++++++ */
#main .pagination {
  border-top: solid 1px #ddd;
  clear: both;
}

/* ++++++++++++++  article index  ++++++++++++++ */
table.contenttoc {
  border: solid 1px #ccc;
}

/* ##########################  right column   ########################### */
#right {
  border: solid 0px #e6e6e6;
  background: #fff;
}

#right h4 {
  color: #555;
  border: solid 0;
}

#right ul li a:hover,
#right ul li a:active,
#right ul li a:focus {
  background: #095197;
  color: #fff;
}

/* ++++++++++++++  button for closing right column  ++++++++++++++ */
#close span {
  color: #000;
}

/* ##########################  modules  ########################### */

/* ++++++++++++++  mostread, latest news ++++++++++++++ */

.mostread li a:link,
.mostread li a:visited,
.latestnews li a:link,
.latestnews li a:visited {
  background: url(../images/personal/arrow2_grey.png) 2px 7px no-repeat;
}

.mostread li a:hover,
.latestnews li a:hover,
.mostread li a:active,
.latestnews li a:active,
.mostread li a:focus,
.latestnews li a:focus {
  background: #555 url(../images/arrow_white_grey.png) 2px 7px no-repeat !important;
}

/* ++++++++++++++  newsfeed  ++++++++++++++ */

ul.newsfeed {
  border: solid 0px #000;
}

.newsfeed-item {
  border-bottom: solid 1px #ddd;
}

/* ++++++++++++++  newsflash  ++++++++++++++ */
/* newsflash horizontal */

ul.newsflash-horiz {
  background: #f5f5f5 url(../images/nature/box.png) repeat-x;
  border: 1px solid #eeeeee;
}

ul.newsflash-horiz li {
  border: solid 0px #eee;
  background: #f5f5f5;
}

/* ++++++++++++++  banner  ++++++++++++++ */
.banneritem {
  border: 0;
}

.banneritem a {
  background: none;
}

.banneritem a img {
  background: none;
  border: 0;
}

/* ++++++++++++++  login  ++++++++++++++ */
#login-form .inputbox {
  border: solid 1px #ddd;
  background: url(../images/content_bg.gif) repeat-x;
}

fieldset.input {
  border: 0;
}

input.button,
button.button,
button.validate {
  background: #ffffff;
  border: 1px solid #dddddd;
  color: #444444;
}

/* ++++++++++++++  tabs/ slide  ++++++++++++++ */

ul.tabs {
  border: solid 1px #ddd;
  border-bottom: 0;
  background: #f5f5f5 url(../images/nature/box.png) repeat-x;
}

ul.tabs li {
  background: #f5f5f5 url(../images/nature/box.png) repeat-x;
  border-right: solid 1px #ddd;
}

ul.tabs li a:link,
ul.tabs li a:visited {
  color: #333;
}

ul.tabs li a:hover,
ul.tabs li a:active,
ul.tabs li a:focus {
  color: #000;
}

.tabcontent {
  border: solid 1px #ddd;
  background: #fff;
  color: #000;
}

.tabcontent .linkclosed {
  color: #000;
  border-bottom: solid 1px #e5e5e5;
}

ul.tabs li a.linkopen {
  background: #fff;
  color: #333;
  border: 0;
}

ul.tabs li a.linkclosed:hover,
ul.tabs li a.linkclosed:active,
ul.tabs li a.linkclosed:focus,
ul.tabs li a.linkopen:hover,
ul.tabs li a.linkopen:active,
ul.tabs li a.linkopen:focus {
  background: #555;
  color: #fff;
}

/* ++++++++++++++  category-module  ++++++++++++++ */
#right .category-module h4 a:link,
#right .category-module h4 a:visited {
  color: #0d4c89;
}

#right .category-module h4 a:hover,
#right .category-module h4 a:active,
#right .category-module h4 a:focus {
  color: #fff;
}

.category-module li {
  border-bottom: solid 1px #ddd;
}

.category-module li li {
  border: 0;
}

/* ##########################  search   ########################### */
.searchintro img {
  border: 0px;
}

.inputbox:focus {
  border: solid 2px #000;
}

.word {
  background: #fff;
  border: solid 0px #ccc;
}

.word input {
  border: solid 1px #ddd;
  background: url(../images/content_bg.gif) repeat-x;
  color: #333;
}

.only {
  border: solid 1px #ccc;
}

.phrases {
  color: #000;
  border: solid 1px #ccc;
}

/* ++++++++++++++  selects  ++++++++++++++ */
.phrases .inputbox {
  background: #fff;
  color: #000;
}

.phrases .inputbox option {
  background: #f5f5f5;
  border-bottom: solid 1px #ccc;
}

.phrases .inputbox option a:hover {
  background: #c00;
  border-color: #cfd0d6;
  color: #fff;
}

/* ++++++++++++++   search results  ++++++++++++++++++ */
dl.search-results {
  background: #f5f5f5;
}

dl.search-results dt.result-title {
  border-top: dotted 1px #ddd;
}

dl.search-results dd.result-url {
  border-bottom: solid 5px #fff;
  color: #115599;
}

dl.search-results dd.result-created {
  border-bottom: solid 5px #fff;
}

/* ##########################  forms   ########################### */

/* ++++++++++++++  form validation  ++++++++++++++ */
.invalid {
  border-color: red !important;
}

label.invalid {
  color: red;
}

/* ##########################  user profile  ########################### */
#users-profile-core,
#users-profile-custom {
  border: solid 1px #ccc;
}

#member-profile fieldset {
  border: solid 1px #ccc;
}

/* ##########################  tables   ########################### */
tr.odd,
.cat-list-row1 {
  background: url(../images/news.gif) repeat-x;
}

table.weblinks th,
table.newsfeeds th,
table.category th,
table.jlist-table th {
  background: #444;
}

table.weblinks th a,
table.newsfeeds th a,
table.category th a,
table.jlist-table th a,
table.weblinks th,
table.newsfeeds th,
table.category th,
table.jlist-table th {
  color: #fff;
}

td.table_footer {
  background: #ddd url(../images/table_footer.gif) bottom left repeat-x;
}

table.category th a img {
  border: solid 0px;
}

/* for opera */
tr,
td {
  border: solid 1px #ddd;
}

#main table.moduletable td,
#main table.moduletable tr {
  border: 0;
}

fieldset.filters {
  border: solid 0px #ddd;
}

/* ##########################  contacts   ########################### */

.contact form {
  background: #fff;
  color: #000;
}

.contact input {
  background: #fff;
  color: #000;
}

.contact .button {
}

.contact input.invalid,
.contact textarea.invalid {
  border: solid 2px red;
}

.contact label.invalid {
  color: red;
}

/* ++++++++++++++  Error Message contact form  ++++++++++++++ */

p.error {
  color: #044b63;
  background: #eee;
  border-top: 3px solid #044b63;
  border-bottom: 3px solid #044b63;
}

body.contentpane {
  background: #fff;
}

/* ##########################  footer   ########################### */
#footer {
  background: linear-gradient(#ce0909, #b80808);
  border-radius: 5px;
  border-top: solid 0px #ccc;
  color: #f5f5f5;
  display: block;
  font-size: 1.25em;
  margin: 3px 4px 5px 20px;
  overflow: hidden;
  padding: 5px 10px;
  text-align: right;
}

#footer a {
  color: #fff;
}

#footer-inner {
  margin: 4px 0px 0px 21px;
}

#footer-inner p {
  margin: 0px 0;
}

.box a {
  font-size: 1.1em;
  display: block;
  text-decoration: none;
  text-align: center;
  font-weight: bold;
}

#bottom a img {
  border: 0;
}

.box h3 {
  font-size: 1.2em;
}

/* ##########################  editor  ########################### */
.contentpaneopen_edit img {
  border: 0;
}

form.editor fieldset {
  border: solid 1px #ccc;
}

/* ++++++++++++++  edit  ++++++++++++++ */
form#adminForm {
  border: solid 0px #000;
}

.edit form#adminForm fieldset {
  border: solid 1px #ddd;
}

.edit form#adminForm legend {
  font-weight: bold;
}

/* ++++++++++++++  tooltip  ++++++++++++++ */
.tip {
  border: solid 1px #333;
  background: #ffffcc;
}

/*-------------------------------*/
table.pagenav,
table.pagenav tr,
table.pagenav td {
  border: 0 !important;
}

.cat-children ul ul,
.categories-list ul ul {
  list-style-type: none;
}

.categories-list .category-desc ul li {
  list-style-type: square;
}

/* contact  plain */
#main .contact h3 {
  border-bottom: solid 1px #ddd;
  margin: 20px 0;
}

.form-required {
  font-weight: bold;
  margin: 10px 0;
  background: #fff url(../images/req.png) no-repeat;
  padding: 10px 40px;
}

.contact .inputbox,
.registration input,
.profile-edit input,
.login-fields input,
.remind input,
.reset input {
  background: #fff url(../images/content_bg.gif) repeat-x;
  border: solid 1px #ccc;
  padding: 3px;
}

.profile-edit select {
  padding: 0px;
  border: solid 1px #ccc;
  background: #f5f5f5;
}

.profile-edit select option {
  padding: 3px;
}

/* contact  slider */

.panel {
  border: solid 1px #ddd;
  margin-top: -1px;
}

#main .contact .panel h3 {
  margin: 0px 0 0px 0;
  padding: 0;
  background: #eee;
  border: 0;
}

.panel h3 a {
  display: block;
  padding: 6px;
  text-decoration: none;
  color: #444;
  padding: 6px;
}

.panel h3.pane-toggler a {
  background: #f5f5f5 url(../images/slider_plus.png) right top no-repeat;
}

.panel h3.pane-toggler-down a {
  background: #f5f5f5 url(../images/slider_minus.png) right top no-repeat;
  border-bottom: solid 1px #ddd;
}

.pane-slider {
  border: solid 0px;
  padding: 0px 10px !important;
  margin: 0;
  background: url(../images/nav_level_1.gif) repeat-x;
}

.panel .contact-form,
.panel .contact-miscinfo {
  padding: 10px;
}

.contact .panel .contact-form form,
.contact .panel .contact-address {
  margin: 20px 0 0 0;
}

/* tabs */

div.current {
  background: url(../images/nav_level_1.gif) repeat-x;
}

/* image upload modal */

body #upload-flash ul li a:hover,
body .item a:hover span {
  background: #095197;
  color: #fff;
}

#close a {
  text-decoration: none;
}

/* ########################## sample module styling  ########################### */

div.sample-module {
  border: 2px dashed #ddd;
  padding: 10px;
  background-color: #f5f5f5;
}

/*--------------------------DJ-IMAGESLIDER CSS---------------------------------*/
/* General slider styles */
.djslider-loader-default {
  margin: 0 auto;
  position: relative;
  background: url(../images/loader.gif) center center no-repeat;
  max-width: 100%;
  overflow: hidden;
}

.djslider-default {
  margin: 0 auto;
  position: relative;
  -webkit-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
  opacity: 0;
}

.djslider-default .slider-container {
  position: absolute;
  overflow: hidden;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}

.djslider-default ul.djslider-in {
  position: relative;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

.djslider-default ul.djslider-in > li {
  list-style: none outside !important;
  float: left;
  padding: 0 !important;
  border: 0 !important;
  position: relative;
  background: none;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

ul.djslider-in > li {
  text-align: center;
}

.djslider-default img.dj-image {
  border: 0 !important;
  margin: 0 !important;
}

.djslider-default.img-vcenter img.dj-image {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

/* Slide description area */
.djslider-default .slide-desc {
  position: absolute;
}

.djslider-default .slide-desc-in {
  position: relative;
}

.slide-desc-bg-default {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: RGBA(0, 0, 0, 0.65);
}

.slide-desc-text-default {
  position: relative;
  color: #fff;
  padding: 15px 15px 5px;
  text-align: left;
}

.slide-desc-text-default .slide-title {
  font-size: 1.5em;
  color: #fff;
  margin-bottom: 10px;
  font-weight: 600;
}

.slide-desc-text-default .slide-title a {
  color: #fff;
}

.slide-desc-text-default a.readmore {
  float: right;
  margin-bottom: 10px;
}

/* Navigation buttons / indicators */
.djslider-default .navigation-container {
  position: relative;
  text-align: center !important;
}

.djslider-default .navigation-container a {
  outline: none;
}

.djslider-default .navigation-container .prev-button {
  cursor: pointer;
  display: block;
  position: absolute;
  left: 0;
}

.djslider-default .navigation-container .next-button {
  cursor: pointer;
  display: block;
  position: absolute;
  right: 0;
}

.djslider-default .navigation-container .play-button,
.djslider-default .navigation-container .pause-button {
  cursor: pointer;
  display: block;
  position: absolute;
  left: 50%;
}

.djslider-default .navigation-container-custom,
.djslider-default .navigation-numbers {
  position: absolute;
  top: 10px;
  right: 10px;
}

.djslider-default .load-button {
  width: 10px;
  height: 10px;
  display: inline-block;
  background: #444;
  border: 2px solid #fff;
  margin: 0 3px;
  cursor: pointer;
  border-radius: 50%;
  opacity: 0.5;
  -webkit-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}

.djslider-default .load-button-active {
  opacity: 1;
}

.djslider-default .navigation-numbers .load-button {
  width: 16px;
  height: 16px;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  line-height: 16px;
  color: #fff;
}

/* Fading elements */
.djslider-loader-default .showOnHover {
  opacity: 0;
  -webkit-transition: opacity 200ms ease 50ms;
  transition: opacity 200ms ease 50ms;
}

.djslider-loader-default:hover .showOnHover,
.djslider-loader-default.focused .showOnHover {
  opacity: 1;
}

/*----------------------------SHARE BUTTONS CSS---------------------*/
div.fastsocialshare_container {
  float: left;
  line-height: 18px;
}

div.fastsocialshare_clearer {
  clear: left;
}

.fastsocialshare-share {
  display: block !important;
}

.fastsocialshare-share-tw {
  float: left;
  margin: 5px;
}

.fastsocialshare-share-fbsh {
  float: left;
  margin: 6px;
}

.fastsocialshare-share-fbl {
  float: left;
  margin: 5px;
}

.fastsocialshare-share-fbl.standard {
  height: 18px;
}

.fastsocialshare-share-su {
  float: left;
  margin: 5px;
}

.fastsocialshare-share-lin {
  float: left;
  margin: 5px;
}

.fastsocialshare-share-gone {
  float: left;
  margin: 5px;
}

.fastsocialshare-share-pinterest {
  float: left;
  margin: 5px;
}

div.sharemebutton {
  padding: 0px 0px 0px 0px;
  float: right;
  width: 56px;
  max-height: 195px;
  text-align: center;
}

td.sharemebutton {
  padding-right: 0px;
  padding-top: 10px;
  padding-bottom: 0px;
  margin-bottom: 0px;
  margin-top: 0px;
  vertical-align: top;
}

td.space_right {
  padding: 0px 0px 0px 0px;
}

div.sharemebuttont {
  padding: 0px 2px 0px 0px;
  float: right;
}

td.sharemebuttont {
  padding-right: 0px;
  padding-top: 10px;
  padding-bottom: 0px;
  margin-bottom: 0px;
  margin-top: 0px;
  vertical-align: top;
}

td.space_right {
  padding: 0px 0px 0px 0px;
}

div.sharemebuttonf {
  padding: 2px 2px 0px 0px;
  float: right;
}

td.sharemebuttonf {
  padding-right: 2px;
  padding-top: 10px;
  padding-bottom: 0px;
  margin-bottom: 0px;
  margin-top: 0px;
  vertical-align: top;
}

.fb_share_large .fb_sharecount_zero {
  -moz-border-radius: 2px 2px 2px 2px;
  background: #3b5998;
  display: block;
  height: 47px;
  margin-bottom: 2px;
  width: 53px;
}

.fb_iframe_widget span {
  position: inherit !important;
}

.fb_iframe_widget {
  position: inherit !important;
}

div.fastsocialshare-share-fbsh div.fbshare_container_counter {
  display: inline-block;
}

div.fastsocialshare-share-fbsh .pluginCountButton {
  background: white;
  border: 1px solid #9197a3;
  border-radius: 2px;
  color: #4e5665;
  display: inline-block;
  font-size: 11px;
  height: auto;
  line-height: 18px;
  margin-left: 2px;
  min-width: 15px;
  padding: 0 3px;
  text-align: center;
  white-space: nowrap;
}

div.fastsocialshare-share-fbsh .pluginCountButtonNub {
  height: 0;
  left: -2px;
  position: relative;
  top: -15px;
  width: 5px;
  z-index: 2;
}

div.fastsocialshare-share-fbsh .pluginCountButtonNub s,
div.fastsocialshare-share-fbsh .pluginCountButtonNub i {
  border-color: transparent #9197a3;
  border-style: solid;
  border-width: 4px 5px 4px 0;
  display: block;
  position: relative;
  top: 1px;
}

div.fastsocialshare-share-fbsh .pluginCountButtonNub i {
  border-right-color: #fff;
  left: 2px;
  top: -7px;
}

/* -----------Kurzy collapse section--------- */
#toggle_collapse {
  display: none;
  visibility: hidden;
}

#label_collapse {
  display: block;
  padding: 0.8em;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  border-bottom: 1px solid #ccc;
  color: #333333;
  background-color: #4ab3fb82;
  cursor: pointer;
  border-radius: 5px;
}

#label_collapse:hover {
  color: #000;
  background-color: #4ab3fbc7;
}

#label_collapse::before {
  font-weight: bold;
  font-size: 15px;
  content: "+";
  vertical-align: text-top;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 3px;
  background: radial-gradient(ellipse at center, #ccc 50%, transparent 50%);
}

#expand {
  height: 0px;
  overflow: hidden;
  background-color: #e5e3df;
  color: black;
  border-radius: 5px;
}

.next-term-container {
  background-color: #f1f1f1;
  border-radius: 5px;
  border: 5px solid white;
  margin-bottom: 10px;
  padding: 10px;
  text-align: center;
}

.next-term-container:hover {
  color: white;
  background-color: #4ab3fb;
  transition: all 0.4s ease-in-out;
}

section {
  padding: 0 20px;
}

#toggle_collapse:checked ~ #expand {
  height: 100%;
  padding: 20px;
}

#toggle_collapse:checked ~ label::before {
  content: "-";
}

/* ------------------NOTES DESIGN------------- */
.note {
  margin: 0 0 20px 0;
  padding: 15px 30px 15px 15px;
  border-left: 5px solid #eee;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  -ms-border-radius: 0 4px 4px 0;
  -o-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}

.note.note-info {
  background-color: #eef7fb;
  border-color: #a6e1ec;
  color: #31708f;
}

.note.note-warning {
  background-color: #fcf8e3;
  border-color: #f5d89e;
  color: #8a6d3b;
}

.note.note-danger {
  background-color: #ff9494;
  border-color: #ff4e4e;
  color: #171717;
}

.reference-container {
  position: relative;
}

#header {
  display: block !important;
  position: relative;
  padding: 0px 0 0 0;
}

#contentarea,
#contentarea2 {
  margin: 0;
  padding: 0px 20px !important;
  position: relative;
}

#wrapper {
  float: left;
  position: relative;
  width: 53%;
}

#wrapper2 {
  float: left;
  padding-bottom: 20px;
  position: relative;
  width: 72%;
}

#wrapper2 .item-page {
  max-width: 660px;
  margin: 10px 0px 0px 0px;
}

#main {
  padding: 10px 0px 20px 0px;
  position: relative;
  min-height: 420px;
}

#right {
  float: left;
  width: 20%;
  margin: 10px 0px 10px 2%;
  padding: 0px 0px 5px 0px;
  position: relative;
}

.unseen,
.hidelabeltxt {
  display: inline;
  height: 0px;
  left: -3000px;
  position: absolute;
  top: -2000px;
  width: 0px;
}

.left {
  padding-top: 0px;
  float: right;
  margin: 10px 0px 10px 0%;
  width: 22%;
  position: relative;
}

.left1 {
  padding: 0px 0 0 0px;
  float: left;
  margin: 10px 3% 10px 0px;
  width: 21%;
  position: relative;
}

.leftbigger {
  width: 25%;
}

.skiplinks,
.skiplinks li {
  display: inline;
  height: 0px;
  line-height: 0;
  padding: 0 !important;
}

.skiplinks li a.u2 {
  display: inline;
  height: 0px;
  left: -3000px;
  position: absolute;
  top: -2000px;
  width: 0px;
}

.skiplinks li a.u2:active,
.skiplinks li a.u2:focus {
  position: absolute;
  width: 13em;
  top: 10px;
  left: 10px;
  line-height: 1.5em;
  padding: 5px;
  font-weight: bold;
  height: 3em;
}

.wrap {
  border: 0;
  clear: both;
  float: none;
  font-size: 1px;
  height: 0;
  line-height: 1px;
  margin: 0;
  padding: 0;
  visibility: hidden;
}

#logo {
  display: block;
  padding: 15px 0px 20px 25px;
  height: 200px;
  width: 210px;
  font-weight: normal;
  font-size: 1.2em;
}

#line {
  padding: 5px 0px 2px 2px;
  position: absolute;
  right: 20px;
  top: 5em;
  max-width: 38em;
}

#close {
  margin-right: 0px;
  font-size: 0.85em;
  text-transform: uppercase;
}

#close span {
  position: absolute;
  right: 20px;
  z-index: 10000;
  top: 5px;
  width: 7em;
  font-weight: bold;
  text-align: right;
  line-height: 1.5em;
  padding: 5px 2px 5px 5px;
}

.blog-featured {
  padding: 0;
}

.items-leading {
  padding: 0px 5px 10px 5px;
  overflow: hidden;
  margin-bottom: 10px;
}

.row-separator {
  display: block;
  clear: both;
  margin: 0;
  border: 0px;
  height: 1px;
}

.item-separator {
  display: none;
  margin: 0px;
}

.shownocolumns {
  width: 98% !important;
}

#top {
  margin: 0 0 20px 0;
  overflow: hidden;
}

.cols-1 {
  display: block;
  float: none !important;
  margin: 0 !important;
}

.cols-2 .column-1 {
  width: 98.5%;
  float: left;
}

.cols-2 .column-2 {
  width: 98.5%;
  float: left;
  margin: 0;
}

.cols-3 .column-1 {
  float: left;
  width: 98.5%;
  padding: 0px 5px;
  margin-right: 4%;
}

.cols-3 .column-2 {
  float: left;
  width: 98.5%;
  margin-left: 0;
  padding: 0px 5px;
}

.cols-3 .column-3 {
  float: left;
  width: 98.5%;
  padding: 0px 5px;
}

.items-row {
  overflow: hidden;
  margin-bottom: 10px !important;
}

.column-1,
.column-2,
.column-3 {
  padding: 10px 5px;
}

.column-2 {
  width: 100%;
  margin-left: 0%;
}

.column-3 {
  width: 100%;
}

.blog-more {
  padding: 10px 5px;
}

#bottom {
  overflow: hidden;
  padding: 0px 0px 0px 0px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.box {
  width: 33.3%;
  float: left;
}

img {
  border: 0 none;
}

.col {
  width: 25%;
}

@media screen and (min-width: 791px) {
  .leftbigger {
    position: sticky;
    top: 0;
  }
}

@media screen and (max-width: 790px) {
  #contentarea {
    overflow: hidden;
  }

  .contact-card,
  .moduletable_news,
  .eng-lang,
  .moduletable_mapa,
  #bottom {
    display: none;
  }

  .leftbigger {
    width: 100%;
  }

  #wrapper2 {
    width: 100%;
  }

  .col {
    width: 50%;
  }

  .uvod_telo {
    margin: auto;
  }

  #footer {
    margin: 5px;
    padding: 3px 10px;
  }
}

@media screen and (max-width: 420px) {
  #logo {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: auto;
  }

  #logo img {
    height: auto;
    width: 140px;
  }

  #logo span.header1 {
    margin: 0;
    max-width: 181px;
  }

  .kurz_label {
    margin-right: 0px;
  }
}

@media screen and (max-width: 350px) {
  #logo img {
    width: 100px;
  }
}

ul.custom-ul {
  padding: 0 !important;
}

ul.custom-ul li {
  list-style: none;
  margin: 0 !important;
}

.hide {
  display: none;
}

input[name^="ff_nm_website_url"] {
  position: absolute;
  left: -9999px; /* Lepší než 5000px, aby nevznikl horizontální posuvník */
  opacity: 0;
  height: 0;
  width: 0;
  z-index: -1;
}