body {background:#E4E8F1;}

.background img {max-width:100%}
.background table {max-width:100%}

h1 {    font-family: 'Noto Serif', serif;margin:0 0 20px 0; font-weight:400; }
h2 {    font-family: 'Noto Serif', serif;margin:0 0 10px 0; font-weight:400; font-size:1.8em}
h3 {    font-family: 'Noto Serif', serif;margin:0 0 10px 0; font-weight:400; font-size:1.6em}

.headerTop {background:#0F2743}
.headerTop {background:#0F2743}
.phoneText {text-align:right; color:#98AECC; padding:5px 0}
.phoneText a {color:#EEA800}
.phoneText strong {color:#cdd9ea}

.header  {background: #00295F;padding:1rem 0;}

.logo {font-family: 'Noto Serif', serif;color:#fff;font-size:1.0em; display:block; margin:5px 0 0 0}
.logo strong {color:#fff;display:block; font-size:2.5em}
.logo:hover {color:#fff;text-decoration:none}

.banner {width:100%; height:375px; background-image: url(images/banner.jpg); background-position: center center; background-repeat: no-repeat; background-attachment: initial; background-size: cover; position:relative}
.bannerText {position:absolute; top:calc(50% - 70px); color:#FFDA82; font-size:1.8em; font-weight:600; text-align:center; width:100%; margin:0 0 0 250px}
.bannerText strong {font-family: 'Lobster', cursive;text-shadow:2px 2px 2px #000; font-size:1.8em; color:#FFDA82}
.bannerText .tlacitko {padding:10px 40px; background:#EEA800; color:#000; margin:25px 0 0 0; font-weight:400; font-size:0.7em; display:inline-block; border-radius:10px; text-transform:uppercase}
.bannerText .tlacitko:hover {background:#eebb40; color:#000; text-decoration:none}
.background .container {padding:30px 15px}

.whiteBackground {background:#fff}

.blueBackground {background:#d1deed}

.navbar-btn { background: #fff; color:#000}
.navbar-btn i {margin: 0 5px 0px 0px;} 
.navbar-btn:hover, .navbar-btn:focus { background: #fff !important; color:#000}

.imgGallItem { margin: 0 0 30px 0}
.imgGallItem img { width: 100%; margin: 0}
.imgGallItem .description {min-height:44px; text-align:center}

#contactForm .label { width: 100%;   padding: .2em .0em .3em;}
#contactForm  .edit {width: 100%}

#slider { width: 100%;position: relative;height: 300px; overflow: hidden}
#slider div.sliderItem { position: absolute; height: 300px; }
#slider div.sliderItem > img { display: block; width: 100%; }

.homeTitle {    font-family: 'Noto Serif', serif;margin:0 0 15px 0}
.homeTitle strong {font-size:1.8em;}
.homeTitle a {float:right; margin:15px 0 0 0}
.homeTitle a i {margin:0 10px 0 0}

.souvisTitle {margin:0 0 15px 0;font-size:1.8em; font-weight:600}

.tVyletBox {margin:0 0 30px 0; display:block}
.tVyletImg {text-align:center; float:left;width:100%}
.tVyletImg img {display:inline-block}
.tVyletTitle {margin: 10px 0; text-align: center; font-size: 1.2em; font-weight: 600; float: left; width: 100%;}

.tNewsBox {display:block; margin:0 0 30px 0;}
.tNewsImg {text-align:center}
.tNewsImg img {display:inline-block; width:100%}
.tNewsBox:hover {text-decoration:none}
.tNewsDate {margin:10px 0; color:#000}
.tNewsDate i {margin:0 10px 0 0;}
.tNewsTitle {margin:0 0 10px 0; font-size:1.2em; font-weight:600}
.tNewsText {color:#444}

.cornerImg {float:left; padding:0 20px 20px 0}

/*#region 404 */

.box404 {padding:0px 0 0 0; text-align: center}
#box404 h1 {font-size:48px; font-weight:normal; color:#1c1d2d; margin:0}
.box404Title {font-size:24px; color:#0c0c0c; margin:0 0 30px 0; }
#box404A h2, #box404B h2 {font-size:20px}
#box404A {margin:0 0 40px 0}
#box404A p {font-size:18px; color:#c5001e}
#box404B p a {color:#1c1d2d; text-decoration:underline}
#box404B p a:hover {color:#1c1d2d; text-decoration:none}

/*#endregion */

.mapaBox iframe {float:left;}
.overlay {
   background:transparent; 
   position:relative; 
   width:100%;
   height:300px; /* your iframe height */
   top:300px;  /* your iframe height */
   margin-top:-300px;  /* your iframe height */
}

.footer { background: #E6EBF1; padding:0;}
.footerBox { padding: 30px;overflow: hidden}
.footerTitle { color: #00306a;font-weight: 600;font-size: 1.3em;text-decoration: none;padding: 0 0 20px 0; display: block}
.footerText { color:#6d7887}
.footerText ul { list-style: none;margin: 0; padding: 0}
.footerText ul li {margin: 0; padding: 0}
.footerText ul li a { text-decoration: none;color: #6d7887;font-weight: normal;padding: 0 0 0 0px;}
.footerText ul li a:hover {color:#ed7d18}
.footerText a {color:#6d7887;}
.footerBox a {text-decoration:none}
.footerLogo {text-align:center;}
.footerLogo img {max-width:100%}
.footerTitleSmall {text-align:center}
.copyright { background: #e4e8f1; padding:5px 0}
.copyright {color: #666;font-size: 0.8em;text-align: center; font-weight: normal}
.copyright a { color: #666; text-decoration: none}

.navbar-nav {margin: 40px 0 !important;float:right}

.navbarMenuMain ul.navbar-nav>li>a {font-family: 'Open Sans', sans-serif; color: #fff !important; text-decoration: none; font-weight:400; border-right:1px solid #fff; padding:0 15px}
.navbarMenuMain ul.navbar-nav>li>a:hover, 
.navbarMenuMain ul.navbar-nav>li>a:focus, 
.navbarMenuMain ul.navbar-nav>li.selected>a { color: #eea800 !important; background:#00295F !important }
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: #00295F !important;color: #eea800 !important;}
.navbar-nav>li:last-child>a {padding:0 0 0 20px !important; border:none !important}

.navbarMenuMain .navbar-nav .open .dropdown-menu {  background: #262627;}
.navbarMenuMain .navbar-nav .open .dropdown-menu li a {color: #fff; text-decoration: none}
.navbarMenuMain .navbar-nav .open .dropdown-menu li a:hover,
.navbarMenuMain .navbar-nav .open .dropdown-menu li a:focus {background: #373738 !important; color: #de6900; text-decoration: none}
.dropdown-menu {  padding: 10px 0;}
.navbarMenuMain .navbar-nav .open .dropdown-menu .dropdown-header {padding: 5px 15px 5px 10px;}

.mapaFooter {padding: 20px 0}

.socialPanel { text-align: center; margin: 10px 0 0 0}
.cornerImg {max-width:100%}
.blogWideImg {margin: 0 0 20px 0}
.boxPldIco {margin:15px 0}
.googlePlusButton { float: left;}
.pldBlogComments { width: 100%; margin:  0 0 20px 0}
.pldBlogComments .fb_iframe_widget,
.pldBlogComments .fb_iframe_widget span,
.pldBlogComments .fb_iframe_widget span iframe[style] {
  min-width: 100% !important;
  width: 100% !important;
}

.leftTitle {text-decoration:none; display:block; font-size:1.2em; font-weight:600; color: #fff; background: #A3B0C1; padding:10px 20px}
.leftTitle:hover {text-decoration:none; color:#fff; cursor:default}

.sidebar-nav {
    list-style: none;margin: 0; padding: 0
}
.sidebar-nav li {
    text-indent: 0px;
    line-height: 1.0em;
}

.sidebar-nav li a {
    display: block;
    text-decoration: none;
    color: #000;
    padding: 10px 20px;
    background: #C5D2E1;
    font-size:1.1em
}

.sidebar-nav li a:hover, .sidebar-nav li.selected a {
    text-decoration: none;
    color: #fff;
    background: #b9c5d4;
}

.sidebar-nav li ul {
     list-style: none;margin: 0; padding: 5px 0 5px 10px
}

.sidebar-nav li ul li {
    text-indent: 20px;
    line-height: 20px;
}

.sidebar-nav li ul li a {
    display: block;
    text-decoration: none;
    color: #5d737e;
}

.sidebar-nav li ul li a:hover {
    text-decoration: none;
    color: #5d737e;
    background: rgba(255,255,255,0.2);
}

.blogWrap {margin:0 0 15px 0; display:block; border-bottom: 1px solid #e8eff6; padding:0 0 15px 0}
.blogWrap h2 {font-size:1.3em; font-weight:600; margin:0 0 10px 0}
.blogWrap p {color:#000}
.blogWrap .tNewsDate {margin:0 0 10px 0}
.blogWrap .btnMore {float:right; padding:5px 20px; background:#C5D2E1; color:#000; border:5px solid #A3B0C1}
.blogWrap .btnMore:hover {background:#b5c4d5; color:#fff; border:5px solid #A3B0C1}


.btn-custom {
  color: #fff;
  background-color: #595959;
  border-color: #595959;
  border-radius: 0px
}
.btn-custom:hover {
  color: #fff;
  background-color: #bf0d2b;
  border-color: #bf0d2b;
}

.contentBox ul {list-style: none;margin: 0 0 20px 0; padding: 0}
.contentBox ul li {margin: 0;padding: 0 0 0 14px; background: url(/odrazkaSmallImage) no-repeat left 8px}

.marginTop {padding: 30px 0 20px 0}

.success { text-align: center;font-weight: bold;font-size: 1.3em; padding: 40px 0 0 0}

.imgMargin {margin: 0 0 20px 0}

.navbar-collapse {padding: 0 !important}

/*#region pager */
.contentPager {width:100%; margin:0; text-align:right; padding:0 0 0 0;}
.contentPagerIn {margin:0 0 0 0}
.pagerTitle {float:left; margin:0 0 0 0; color:#8b8b8b}

.cspager { position: relative; list-style: none; margin:0 0; padding:0 0 5px 0; float:right}
.cspager > li { display: block; float: left; padding: 0 2px; }
.cspager > li > a { display: block; text-decoration: none; padding:0 5px; text-align: center; height:20px; line-height:20px}
.cspager > li.separator > span { display: block; height:20px; line-height:20px; padding: 0 5px; }
.cspager > li.prev > a,
.cspager > li.next > a { width: auto; }
.cspager > li:not(.separator) > span { display: block; text-decoration: none; height:20px; line-height:20px; padding:0 5px; text-align: center; }
.cspager > li.item > a {color:#8b8b8b}
.cspager > li.first > a {  }
.cspager > li.prev > a { padding:0; color:#5d737e}
.cspager > li.prev-disabled > span {  color: #8b8b8b; }
.cspager > li.current > span { background:#5d737e; color:#fff  }
.cspager > li.next > a {padding:0 ; color:#5d737e}
.cspager > li.next-disabled > span {  color: #8b8b8b;}
.cspager > li.last > a { color:#8b8b8b}
.cspager > li.step > a { background: #8b8b8b; }
.cspager > li > a:hover {color:#A3B0C1; text-decoration:underline}
/*#endregion */

.spacer {height:20px}


@media (max-width: 1200px) {
    .banner {height:370px;}
    .logo {font-size:0.8em;    margin:5px 0 10px 0;}
    .bannerText {margin:0 0 0 100px}

    .navbar-btn {margin: 15px 0px 0 0;}
    .navbarMenuMain { margin:0 0 15px 0 !important}
    .navbarMenuMain ul.navbar-nav {width:100%; margin:0 !important}
    .navbarMenuMain ul.navbar-nav>li {width:100%}
    .navbarMenuMain {background:#0f3b75; margin:0; padding:10px 0 !important}
    .navbarMenuMain ul.navbar-nav>li>a {color: #fff !important; border: none; padding: 10px 0px; width:100%; text-indent:20px}
    .navbarMenuMain ul.navbar-nav>li>a:hover,
    .navbarMenuMain ul.navbar-nav>li>a:focus {background:#1d4f92 !important; color:#eea800 !important}
    .navbarMenuMain ul.navbar-nav>li.selected>a {background:#1d4f92 !important; color:#eea800 !important}
    .navbar-nav>li:last-child>a {padding:10px 0px !important;}
    .navbar-nav>li:first-child>a::before {content:none}
    .navbar-nav>li:first-child>a span {font-size: 1.0em;}
    .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {background-color: #fce34e !important;}

}

@media (min-width: 768px) and (max-width: 1200px) {
.navbar-collapse.collapse {display: none !important;}
.navbar-collapse.collapse.in {display: block !important;}
.navbar-header .collapse, .navbar-toggle {display:block !important;}
.navbar-header {float:none;}

.dropdown-menu {
    position: relative;
    z-index: 1000;
    display: none;
    float: left;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    border: none;
    border-radius: 0px;
    box-shadow: none;
    width:100%
}
}

@media (max-width: 990px) {
    

}

@media (max-width: 768px) {
    .banner {height:200px;}
    .blogWrap img {margin:0 0 10px 0}
    .blogWrap .btnMore {display:block; width:100%; text-align:center}
    .souvisTitle {font-size:1.4em}
     .navbar-btn {margin: 9px 0px 0 0;}
     .logo {margin:5px 0 10px 0;}
     .logo {font-size: 0.5em;}
     .logo strong {font-size: 3.5em;}
     .phoneText {text-align:center}
     .navbar-nav {margin: 10px 0 !important;float:left}

     h1 {font-size:1.7em}
     h2 {font-size:1.3em}
     h3 {font-size:1.2em}
     h4 {font-size:1.1em}
     .homeTitle {font-size:0.8em}
     .bannerText {margin:0px; font-size:1.3em}

     .tNewsBox {margin: 0 0 15px 0; padding:0 0 15px 0; border-bottom:1px solid #c0d0e2}
     .footerBox {padding:15px 0px;overflow: hidden;}
}

@media (max-width: 400px) {
    .cornerImg {padding:0 0 20px 0}
    .navbar-btn {margin: 10px 0px 0 0;}
    .logo img {max-height: 60px;margin: 25px 0;}
    .homeTitle strong {display:block; text-align:left;}
    .homeTitle a {display:block; text-align:left;margin: 10px 0; float:left; font-size:1.2em; width:100%}

    .bannerText {top:calc(50% - 55px); font-size:1.0em; }
    .bannerText .tlacitko {padding:5px 20px; border-radius: 7px; font-size:1.2em}
    .copyright {font-size:0.6em}
}