body {background-color: rgb(242,242,242);}
#topLangs {display:none};
.themeColor > a:hover, a:hover.themeColor  {    color:#000;}

    /* color */
.themeColor,.themeColor > a,a.themeColor,
.themeColorHover:hover,.themeColorHover:hover > a, a:hover.themeColorHover {    color:rgb(242,242,242);}
.themeColor { color:rgb(150,150,150);}

/* background */
.themeBgColor,.themeColorHoverBG {    background-color:rgb(242,242,242);}

/* fill */
.themeFillColorHover:hover,.themeFillColor,.themeColorHover:hover svg,.themeColorHover.active svg {    fill:rgb(242,242,242);}

a:not(.btn) { color:rgb(150,150,150); }
a:hover { color:#000; }

/* main menu */
#pageMainMenu > ul > li:hover > a,  #pageMainMenu > ul > li > a:active { color:rgb(242,242,242);}
#pageMainMenu > ul > li:hover > a svg,  #pageMainMenu > ul > li > a:active svg{ fill:rgb(242,242,242);}


/* form */

.btn:not(:hover):not(.btn-blank) { background: rgb(242,242,242);  }
form fieldset legend {color: rgb(242,242,242);}
form fieldset {border: 1px solid rgb(242,242,242);}

a.btn{color:black;}
.btn:hover { text-decoration: none; color:white; background: #000; }
.btn-blank { color: #000; }
.btn-blank,.btn-blank:hover { background: none; }

/* datepicker */

#calendar .ui-state-highlight,#calendar .ui-widget-content .ui-state-highlight,#calendar .ui-widget-header .ui-state-highlight {    color:rgb(0,0,0);}
#calendar .ui-datepicker .ui-datepicker-title, #calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:not(:hover),
#calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next:not(:hover),#calendar .ui-datepicker td.highlight span,
#calendar .ui-datepicker td.highlight a,#calendar .ui-datepicker td a.ui-state-hover{background-color: rgb(242,242,242);color: black;}

#calendar .ui-datepicker td a.ui-state-hover{color: black;}
#calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover,
#calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover
{ background-color: #000;}


#pageMainMenu > ul > li  .submenu ul li.themeColorHoverBG {background-color: black;}

.slideMenu > div > ul.col > li:not(:hover):not(.active) > a,
.slideMenu > div > ul.col > li.themeColorHover:hover > a {color:black}

/* --------------------------- themes --------------------------- */
@media only screen and (max-width: 768px) {
    /* ciary pri responzivnom spodnom menu */
    footer > .rowParent > .row > .col.active {border-bottom: 2px solid #000;}
}
@media only screen and (max-width: 500px) {
    /* zmena info-sections - spodna ciara*/
    .info-sections > .row > .col .title {border-bottom-color: #2a2a2a;}
}
header{background: none;}
header > .row.headerMain > .colParent{background: none;}
#headerTitle{display: none;}
#h1{height: 163px;
    margin: -25px 0 -16px;
    width: 100%;}
#footer, #footer a{color:black;}
#pageMainMenu > ul > li > a{color:black;}
#topSearchForm .btn-blank svg{fill:rgb(0, 0, 0);}
#pageMainMenu li.themeColorHover.themeColorHoverBG:hover{background-color: black;}
#calendar .ui-state-default.ui-state-highlight.ui-state-active.ui-state-hover{color:black;}
.background{background-color:#fbfbfb;}
.info-sections > .row > .col .title a:not(.button){color:black;}
.newsPanel .h1{color: black;}
.newsPanel > .archive a{color:black;}
.newsPanel > .archive a:hover{color:white;}
/*div.articleList > .listItem .title a{color:black;}*/
div.articleList > .listItem .title a:hover{color:rgb(242,242,242);}
div.articleList > .listItem .title {background-color: black}
.info-sections > .row > .col .body svg.icon{fill:rgb(150,150,150);}
#calendarEventLists .text div.btn.active{color: black;}
#calendarEventLists .text div.btn.active:hover{color: white;}

@media only screen and (max-width: 800px) {
    #h1{height: 130px;}
}
@media only screen and (max-width: 700px) {
    #h1{height: 110px;}
}
@media only screen and (max-width: 600px) {
    #h1{height: 95px;}
}
@media only screen and (max-width: 500px) {
    #h1{height: 80px;}
}
@media only screen and (max-width: 400px) {
    #h1{height: 65px;}
}
@media only screen and (max-width: 320px) {
    #h1{height: 50px;}
}