body { overflow-x: hidden; color: #1c2541; }
body, html { font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #444; }

p { line-height: 1.75; }
.clickable { cursor: pointer; }
a { color: #0157a2; }
a:hover { color: #0269c4; }

section { padding: 2rem 0 !important; }

h1 { font-size: 2rem; color: #0157A2; padding: 0 0 1rem 0; }
h3 { border-bottom: 1px dotted #444; font-size: 1.25rem; font-weight: 600; margin: 0 0 1rem 0; padding: 1rem 0; }
/*h5 { font-size: 1rem; border-bottom: 1px solid #aaa; padding: 0.25rem 0; font-weight: 600; }*/

.color-yellow { color: #ffee09; }
.color-blue { color: #0269c4; }
.color-gray-light { color: #ccc; }

::-moz-selection { background: #90cbff; text-shadow: none; }
::selection { background: #90cbff; text-shadow: none; }
img::selection { background: transparent; }
img::-moz-selection { background: transparent; }

.mainMenuWidth { background-color: #0157a2; }

.btn-primary i { color: #fcf5a6; }

/* header - navigator */
#mainNav { padding-top: 0.5rem; padding-bottom: 0.5rem; }
#mainNav .navbar-toggler { font-size: 0.7rem; right: 0; padding: 0.7rem; text-transform: uppercase; color: #ffee09; border: 0; background-color: #0269c4; }
#mainNav .navbar-brand { color: #fed136; font-weight: 600; letter-spacing: 1px; }
#mainNav .navbar-brand .ext { font-size: 0.9rem; color: #fff; }
#mainNav .navbar-brand img { width: 6rem; }
#mainNav .navbar-brand.active, #mainNav .navbar-brand:active, #mainNav .navbar-brand:focus, #mainNav .navbar-brand:hover { color: #fec503; }
#mainNav .navbar-nav .nav-item .nav-link { font-size: 90%; font-weight: 600; padding: 0.5em 0; color: #fff; }
#mainNav .navbar-nav .nav-item .nav-link.active, #mainNav .navbar-nav .nav-item .nav-link:hover { color: #ffee09; }

#navbarResponsive a.active { border-bottom: 5px solid #6c2eb9; }

.prj-city-name { font-size: 4rem; color: #ffee09; font-family: Impact, Charcoal, sans-serif; text-shadow: 2px 2px #222; letter-spacing: 5px; }

a.akcia { color: #444; margin: 1rem 0; }
a.akcia i { color: #999; }
a.akcia:hover { color: #444; text-decoration: underline; }
a.akcia .datum { font-size: 0.9rem; }

/* .prj-top-bg { text-align: center; color: white; background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: cover; background-image: url("/img/bg/bgIndex1.jpg"); } */
.prj-top-bg { text-align: center; color: white; background-repeat: no-repeat; background-position: top center; background-image: url("/img/bg/bgIndex1.jpg"); height: 17rem;  }

.aktualita { margin: 1rem 0; padding: 0 0 1rem 0; border-bottom: 1px solid #ccc; }
.aktualita:last-child { border-bottom: 0;}
.aktualita .datum { font-size: 0.9rem; }
.aktualita .nadpis { font-weight: 600; margin: 0 0 0.5rem 0; }

@media (min-width: 992px) {
    #mainNav { padding-top: 1rem; padding-bottom: 1rem; transition: padding-top 0.3s, padding-bottom 0.3s; border: none; background-color: transparent; }
    #mainNav .navbar-brand { font-size: 1.5em; transition: all 0.3s; }
    #mainNav .navbar-brand img { width: 8rem; }
    #mainNav .navbar-nav .nav-item .nav-link { padding: 1.1em 1em !important; }
    #mainNav.navbar-shrink { padding-top: 0; padding-bottom: 0; }
    #mainNav.navbar-shrink .navbar-brand { font-size: 1.25em; padding: 10px 0; }
    #mainNav.navbar-shrink .navbar-brand img { width: 2rem; transition: all 0.3s; }
}

footer.main { background-color: #000; font-size: 0.8rem; color: #a0a0a0; line-height: 2rem; text-transform: none; padding: 0.25rem 0; }

/*===== sekcie ===== */
.g-section-footer { padding: 4rem 0; color: #a0a0a0; background-color: #171717; }

.g-m-menu-yellow-circles header { margin: 0 0 0.5rem 0; font-weight: 600; line-height: 1.2; }
.g-m-menu-yellow-circles ul { list-style: none; padding: 0; margin: 0; }
.g-m-menu-yellow-circles ul li { position: relative; padding: .1rem 0 0.1rem 1.5rem; }
.g-m-menu-yellow-circles ul li:before { content: ''; background-image: url('/img/webParts/liYellow.png'); background-size:cover; background-position: center;
    background-repeat:no-repeat; width: 16px; height: 16px; position: absolute; left: 0; top: 0.25rem; }

.g-noticeboard-list-item-newest { margin-bottom: 1rem; }
.g-noticeboard-list-item-newest .time { font-size: 0.9rem; }
table.g-table-default-no-border { width: 100%; }
table.g-table-default-no-border td { vertical-align: top; padding: 0.25rem 0.25rem; }

/* ============================================== */
/* ============= OLD FROM CECHLAR =============== */
/* ============================================== */
.text-primary { color: #6c2eb9 !important; }
.text-black { color: #000 !important; }
.bg-gray { background-color: #eee; }

/* img changing area*/
#indexWrap{ position: relative; height: 18rem; background-color:black; overflow: hidden; }
#indexWrap img.bgfade{ position:absolute; top:0; left: 0; display:none; width: 100%; height:auto; }

header.masthead { position: relative; text-align: center; height: 18rem; color: white; text-shadow: 2px 2px #000; background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: cover; }
header.masthead .content { padding-top: 6.5rem; }
header.masthead.bg1 { background-image: url("/img/bg/bg1.jpg"); }
header.masthead.bgCalculation { background-image: url("/img/bg/bgCalculation.jpg"); }
header.masthead.bgContact { background-image: url("/img/bg/bgContact.jpg"); }
header.masthead.bgArticles { background-image: url("/img/bg/bgArticles.jpg"); }
header.masthead.bgProcess { background-image: url("/img/bg/bgProcess.jpg"); }
header.masthead.bgGallery { background-image: url("/img/bg/bgGallery.jpg"); }

/* articles*/
.articleListingItem { display: flex; align-items: flex-start; }
.articleListingItem img { width: 6rem; height: 6rem; margin-right: 1rem; }
.articleListingItem .title { display: block; font-weight: 600; margin-bottom: 0.5rem; }
.articleListingItem .description { font-size: 0.9rem; }
.articleListingItem .link { font-size: 0.8rem; }

/* bootstrap override*/
.btn { font-weight: 600; }
.btn-xl { font-size: 18px; padding: 20px 40px; }
.btn-primary { background-color: #0157a2; border-color: #0157a2; color: #feea0d; }
.btn-primary:active, .btn-primary:focus, .btn-primary:hover { background-color: #0269c4 !important; border-color: #0269c4 !important; color: #feea0d; }
.btn-primary:active, .btn-primary:focus { box-shadow: 0 0 0 0.2rem rgba(96, 30, 176, 0.5) !important; }

.btn-symbol { border: 1px solid transparent; background-color: transparent; }
.btn-symbol:hover { border: 1px solid #6c2eb9; }



table.default { border-collapse: collapse }
table.default td, table.default th { border: 1px solid #000; color: #000; padding: 0.25rem 0.5rem; }

/* ======================= */
/******* ??????????? *******/
.col-form { margin-bottom: 1rem; }

section h2.section-heading { font-size: 40px; margin-top: 0; margin-bottom: 15px; }
section h3.section-subheading { font-size: 16px; font-weight: 400; font-style: italic; margin-bottom: 75px; text-transform: none; }

.flex-form-inline{ display: flex; align-items: center; }

@media (min-width: 768px) {
  section { padding: 120px 0; }
}

/*--- error panel ---*/
.errorPanel { margin: 1rem 0 0 0; }
.errorPanel ul { margin: 0 0 0 1rem; padding: 0; }
.errorPanel ul li { color: red; }

ul.error-messages, .error-message { font-weight: normal; color: red; }

@media (min-width: 768px) {
}

.service-heading { margin: 15px 0; text-transform: none; }

.blogListingItem1 { margin: 0.75rem 0.25rem;}
.blogListingItem1 .title { font-weight: 600; font-size: 1.2rem; }
.blogListingItem1 .perex { text-align: justify; }

.newsItem1 { margin: 0.75rem 0.25rem;}
.newsItem1 .date { font-size: 0.8rem; color: #777; }
.newsItem1 .message { text-align: justify; }


ul.social-buttons { margin-bottom: 0; }
ul.social-buttons li a {
    font-size: 20px; line-height: 40px; display: block; width: 40px; height: 40px;
    transition: all 0.3s; color: white; border-radius: 100%; outline: none; background-color: #212529;
}
ul.social-buttons li a:active, ul.social-buttons li a:focus, ul.social-buttons li a:hover { background-color: #fed136; }