.mainColor { color: #0c64b1;}
.alternativeColor {color: #3e7ca7;}
.backgroundColor { background-color: #bedcf4; }

a { color: #0c64b1; text-decoration: none; }
a:hover, a:focus, a:active, a.active { color: #3e7ca7; text-decoration: none; }

nav.menu { padding-top: 2em; padding-bottom: 1em; background-color: #bedcf4; padding-right: 0; margin-right: 0; }
nav .aemnpLogo { float: right; margin-bottom: 1em; display: block; width: 100%; background: white;}
nav ul {  background-color: white; float: right; width: 100%; padding: 0.6em; margin-bottom: 1.5em; }
nav li { text-align: left; color: #0c64b1; padding: 0.3em; font-size: 1.2em; clear: both;   }

.labelMenuOnOff 
{ 
    font-size: x-large; 
    position: fixed; 
    top: 0em; 
    left: 0px; 
    z-index: 11;    
    padding: 0.3em 0.7em;
    width: 100%;
    background-color: #bedcf4;
    box-shadow: black 0px 0px 1em;
    text-align: left;
    display: none;
}
.labelMenuOnOff span.menuTitle { margin-left: .5em; text-transform: uppercase; display: none;}
.labelMenuOnOff .menuName { display: table-cell; font-size: small; float: right; vertical-align: middle; text-align: right; padding-right: 1em; color: black;}
.labelMenuOnOff .menuName span { font-size: x-small;}
#menuOnOff { display: none;}

.hidden { visibility: hidden;}

.content { padding-top: 2em; padding-bottom: 1em; }
.neaktivni, .neaktivni * { animation: neaktivni 1.5s infinite; }
.neaktivni .aAdministraceOdkaz {color: white; animation: none;}

input[type=submit] { border: none; padding: 3px 10px; color: white; background-color: #0c64b1; }
input[type=submit]:hover { border: none; padding: 3px 10px;  background-color: #3e7ca7 }

h1.index { font-size: x-large; font-weight: bold; }
h1, .likeH1 { font-size: x-large; font-weight: bold; text-transform: uppercase; color: #3e7ca7; }
h2.likeH1 { font-weight: normal; }

.highlight {color: #3e7ca7; font-weight: bold;}

.sectionIndexText {}
.sectionIndexText .indexFb, .sectionIndexText .indexTw { font-size: large; padding: 0 .2em;}

.sectionIndex { margin: 0.5em 0 2em 0; padding: 0.5em 0; border-top: 1px solid #3e7ca7; }
.sectionIndex.noBorder { border: none; padding-top: 0; margin-top: 0; }
.sectionIndex.noBorder h2 {padding-top: 0; margin-top: 0;}
.sectionArticles { margin: 1em 0.5em; }
.sectionArticles .articleTemplate { margin-bottom: 1em;}
.sectionArticles .articleTemplateMain { padding-top: 3em;}
.sectionArticles .articleTemplateMain:first-of-type { padding-top: 0em;}
.sectionArticles .articleDetail span { margin-bottom: 0.7em; display: block;}
.sectionArticles .articleDetail { display: none;}
.sectionArticles .articleTemplateMain a {color: black;}
.sectionArticles .articleTemplateMain a:hover {color: #3e7ca7;}

.articleTemplate { color: black; margin-bottom: 1em; font-size: small; line-height: 1.3em;}
.articleTemplate span { display: block;}
.articleTemplate span.highlight { display: inline; color: #FF4136;}
.articleTemplate .articleTemplateContentTitle { font-weight: bold;}
.articleTemplate .articleTemplateImage { font-size: xx-large; padding-top: 2px; }


.indexLastIssueVolume { display: block; text-align: center; color: black; font-size: medium; }
.indexLastIssueBrowse { display: block; text-align: center; color: black; font-size: medium; }
.indexLastIssueImage { text-align: center; display: block; margin: 0.5em 0;}
.indexLastIssueImage img { /*width: 90%;*/ border: 1px solid #bedcf4; }


.hierarchyHead { padding: .5em 0; margin: 1em 0; border-bottom: 2px solid #3e7ca7; border-top: 2px solid #3e7ca7; }
.hierarchyHeadText {padding-left: 0;}
.hierarchyHeadImage { text-align: right; padding-right: 0;}
.hierarchyHeadImage img {object-fit: cover; height: 150px;}
.hierarchyHead h1 { min-height: 3em; font-size: x-large;}
.hierarchyHeadYear, .hierarchyHeadVolume { font-size: medium; color: black; font-weight: bold; }
.hierarchyHeadPublished { color: black;}

body.hi1 .issueNavigation, body.hi6 .issueNavigation,
body.hi1 .hierarchyHead, body.hi6 .hierarchyHead{
    display: none;
}

.issueNavigation { font-size: medium; font-weight: bold; }
.issueNavigation a { color: black;}
.issueNavigation a:hover, .issueNavigation a:active, .issueNavigation a:focus { color: #3e7ca7;}

.issueOverview { padding: 1em 0 0; margin: 1em 0 0; border-top: 2px solid #3e7ca7; position: relative; }
.issueOverview.noBorder { border: none;}
.issueOverview tr td { padding: 0.2em 2em;}
.issueOverview tr td:first-of-type { padding: 0.2em 2em;}
.issueOverview .issueOverviewToogle { font-size: xx-large; position: absolute; bottom: 0em; right: 0;}
.issueOverview .issueOverviewContent {height: 80px; overflow: hidden;}
.issueOverview .issueOverviewContent.issueOverviewSolidOpen { height: auto; }
.issueOverview .issueOverviewContent.issueOverviewSolidOpen .issueOverviewToogle { display: none;}

.articleDetail .articleDetailContentHead {padding: 1em 0 0.5em; margin: 1em 0; border-bottom: 2px solid #3e7ca7; border-top: 2px solid #3e7ca7; }
.articleDetail .articleDetailContent { /*padding-left: 0;*/}
.articleDetail .articleDetailAuthors { font-size: 1.1em; padding: 0.2em 0; }
.articleDetail .articleDetailJournal { /*font-style: italic;*/ padding: 0.2em 0; }
.articleDetail .articleDetailPublishedOnline { padding-top: 1em; }
.articleDetail .articleDetailViews { padding-top: 1em; }
.articleDetail .articleDetailAbstract { padding-top: 1em; }
.articleDetail .articleDetailKeywords { padding-top: 1em; }
.articleDetail .articleDetailAttachmentsCaption { width: 100%; border-bottom: 1px solid #3e7ca7; padding-top: 1.5em; }
.articleDetail .articleDetailContentBody .dFotografieObal { float: right; margin: 0 0 1em 1em;}
.articleDetail .articleDetailContentBody ul { list-style-type: initial; padding-left: 40px; }
.articleDetail .articleDetailContentBody .articleAttachmentIcon { text-align: right; }
.articleDetail .articleDetailContentBody .articleAttachmentName {padding-top: 1em;}
.articleDetail .articleAttachment { padding: 0.7em 2em; }
.articleDetail .articleAttachmentIcon { font-size: xx-large;}
.articleDetail .articleAttachmentName { font-weight: bold;}
.articleDetail .articleAttachmentText { color: black;}
.articleDetail .articleAttachmentText:hover { color: #3e7ca7; }
.articleDetail .articleRightSideTop img { padding-bottom: 0.5em; }
.articleDetail .articleRightSideTop {text-align: center; border-bottom: 1px solid #3e7ca7; padding-bottom: 0.5em; margin-bottom: 0.5em;}
.articleDetail .articleRightSideTop a {display: block; clear: both;}
.articleDetail .articleRightSideContent .articleTemplate .articleTemplateImage{ font-size: medium; }
.articleDetail .articleRightSideContent .articleTemplate .articleTemplateContent{ font-size: x-small; line-height: 1.3em; }
.articleDetail .articleRightSideContent .articleRightSideContentHeader {text-transform: uppercase; text-align: center; padding: 0.1em; padding-bottom: 0.5em;}
.document-icon, .articleDetailToogle, .issueOverviewToogle   { color: #3e7ca7; cursor: pointer;}
a:hover .document-icon , a:active .document-icon , a:focus .document-icon { color: black;}
.articleDetailToogle:hover , .articleDetailToogle:active, .articleDetailToogle:focus { color: black;}
.issueOverviewToogle:hover , .issueOverviewToogle:active, .issueOverviewToogle:focus { color: black;}

.searchFilter label { width: inherit; padding: 7px 0; margin-left: 1em;}
.searchFilter input, .searchFilter select { float: left; width: inherit; margin: 5px 5px;}
.searchFilter input[type=checkbox] { margin: 10px 7px; }

#frmNewsletter { margin-top: 1em; }
#frmNewsletter label { margin-left: 0; }

/*neviditelne typy souboru*/
#frmProduktNahled .divDataKeStazeniAutoriDoplnek.divEditSupplementaryAnchor {display: none;}
#frmProduktNahled .divDataKeStazeniPuvodDoplnek.divEditSupplementaryAnchor {display: none;}

#frmProduktNahled .divDataKeStazeniAutoriDoplnek.divEditSupplementaryFile {display: none;}
#frmProduktNahled .divDataKeStazeniPuvodDoplnek.divEditSupplementaryFile {display: none;}

#frmProduktNahled .divDataKeStazeniPopisDoplnek.divEditErratum {display: none;}

#frmProduktNahled .divDataKeStazeniPopisDoplnek.divEditPublishedPDF {display: none;}

@keyframes neaktivni {
  0% {
    color: #bd3b3c;
  }
  90% {
    color: #FF4136;
  }
  100% {
    color: #bd3b3c;
  }
}

/*xxl - xl mensi nez*/
@media (max-width: 1500px) {
   .articleRightSideContent .articleTemplateImage { display: none;}
   .articleRightSideContent.container { padding: 0;}
}

/*medium - MD mensi nez*/
@media (max-width: 768px) {
    #wholeContent { padding-top: 3em; }
    .labelMenuOnOff {display: block;}
    .labelMenuOnOff i.fa-bars { display: inline; }
    .labelMenuOnOff i.fa-times { display: none; font-size: 120%; }
    
    #menuOnOff:checked ~ #wholeContent .menu { display: block!important; position: fixed; left: 15px; top: 6em; z-index: 10; box-shadow: black 0px 0px 1em; padding-right: 1em;  }
    #menuOnOff:checked ~ #wholeContent .content { opacity: 0.3; }
    #menuOnOff:checked ~ #wholeContent .menu .aemnpLogo {display: none;}
    #menuOnOff:checked ~ .labelMenuOnOff i.fa-bars { display: none; }
    #menuOnOff:checked ~ .labelMenuOnOff i.fa-times { display: inline; }
}
