body { font-size: 12px; background:#264C6F url(bg-main.png) center 100px no-repeat; }
table { font-size: 12px; }
header { background-color:#002D56; color: white; margin:0 -15px 0 -15px; padding:1em;}
header h1 { font-size: 200%; }
header a { color: white; }
header a:hover { color: white; }
header .top-stripe{ background-color: #002D56; display: inline-block; float:right;}
.language-switch { display: inline-block; float:right; padding-right: 1em;}
.language-switch a {color: white; }
.language-switch a:hover {color: white; text-decoration:underline;}
.language-switch-hp{ display:none; }

.logout-switch { display: inline-block; float:right; padding-right: 1em;}
.logout-switch span{ color: white; }
.foot-logout-switch { display: none; } /* odkaz na AMU je v paticce */


.container{ background-color: white;}
.caption-container{ display:inline-block; }

.logo-container{ display:inline-block; width: auto; }
.logo-container .col-md-6{ width:200px; padding-right:2em;}
#logo-img { width:100%;}

.banner{font-size: 150%; line-height: 1.5em;}
.copyText{border: 0; background-color: inherit; position: relative;}
.copyText::after{
  content: "";
  position: absolute;
  border-left: solid #555 1px;
  border-top: solid #555 1px;
  display: none;
  width: 7px;
  height: 7px;
  rotate: 45deg;
  background-color: white;
  top: 23px;
  left: 10px;
  z-index: 1;
}
.copyText:hover::after{
  display: block;
}
.copyText:focus::after{
  display: block;
}
.copyText::before{
  content: attr(data-content);
  position: absolute;
  border: solid #555 1px;
  border-radius: 10px;
  padding-inline: 8px;
  left: 0px;
  top: 26px;
  background-color: white;
  display: none;
  font-size: 12px;
  z-index: 1;
}
.copyText:hover::before{
  display: block;
}
.copyText:focus::before{
  display: block;
}

#menu a { display: inline-block; width:80%;  color: #002D56; font-size: 150%; line-height: 1em; padding-top: 1em; padding-bottom: 1em;}
#menu a:hover { color: #0079C1; text-decoration: none;}
#menu .menu-active{background-color: #0079C1;}
#menu .menu-active a {color: white;}
#menu span { padding-right:0.5em; color: #CECECE;}
#menu-logout, #menu-language-switch{display:none; }
@media (min-width: 992px) {
  nav{ float:left; width: 20%; }
  nav .row .col-md-3{ width: 94%; }
  nav + .main-content { float:left; width: 80%;}
  #menu a { line-height: 1em; padding-top: 1em; padding-bottom: 1em; border-bottom: 1px solid #CECECE; padding-left:1em;}
  #menu span { display: none; }
  #menu .menu-active a { border-bottom: none;}
  #menu-logout{ margin-top:5em; display: block; }
  #menu-language-switch{display:block; border-bottom: none; }
  #menu-language-switch a { display: inline; border-bottom: none; padding:0 0.3em 0 0.3em;}
  #menu-language-switch span { display: inline; line-height: 3em; font-size: 150%; color:#CECECE;}
}

.main-content{ background-color: #EBEBEB; padding: 20px; }
.main-content-color{ background-color: #d8f1ff;}
.main-content-width{max-width: 65rem;}
.bg-content{ background-color: #EBEBEB;}
.col-md-6.bg-content{ background-color: white; }
.main-content h2 { font-size:160%; }
.main-content h3 { font-size:150%; font-weight:bold; border-bottom: 1px solid #CECECE;}
h3.noborder { font-size:150%;  font-weight:bold; border-bottom:0;}

.alert{
    border-radius: 0px;
    margin:-15px -15px 0 -15px;
}
input[type="radio"]{ margin-right:0.5em; }

.program-note{font-weight: bold; font-style: italic; display: inline-block; margin-bottom:0em;}
.border-table { border-collapse: collapse; }
.border-table td{ border:1px solid #CECECE; padding: 3px;}

@media print {
  a[href]:after {
    content: none !important;
  }
}

.btn{ 
  background-color: #0079C1; 
  color: white;
  padding: 8px 20px; 
  font-size: 130%;
  line-height: 90%;
  border-radius: 0; 
}
.btn:hover{ background-color: #002D56; color: white; }
.btn_login{
  max-width: 35rem;
}
label{ font-weight: normal; }
a{ color: #0079C1; }
a:hover{ color: #264C6F; text-decoration:underline; }

#foot{
  background-color:#002D56; 
  padding: 2em;
  color: white;
  margin-bottom: 1em;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

.payment_info{ font-size:100%; }
.payment_info table{ margin:1em 0 1em 2em; border-collapse:collapse; font-size:120%; }
.payment_info table td{ margin:1em 0 1em 2em; font-size:85%; border:1px solid #CECECE; padding:3px; }