/* ==== Google font ==== */
@import url('https://fonts.googleapis.com/css?family=Open+Sans|Roboto:400,700&subset=latin-ext');

body {
font-family:'Open Sans', Arial, sans-serif;
margin: 0 auto;
padding: 0;
border: 0;
color: #000;
background: #fff;
text-align: center;
}

header {
margin:0;
padding:0;
min-height: 9.2857em;
min-height: 10.7857em;
}

/* Základní styly (mobile first) */

.lang-switcher ul {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 10px; /* Mezera mezi jazyky */
    /* Toto zajistí zarovnání doprava */
    justify-content: flex-end; 
}

.lang-switcher a {
    text-decoration: none;
    color: #333;
    padding: 5px 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.lang-switcher a:hover {
    background-color: #3f8736;
    color: white;
    border-color: #3f8736;
}

.lang-switcher a.active {
    background-color: #3f8736;
    color: white;
    border-color: #3f8736;
}

/* Responzivní úprava pro menší obrazovky (např. mobil) */
@media (max-width: 600px) {
    .lang-switcher {
        /* Možnost: zmenšit font nebo změnit styl na dropdown */
        font-size: 14px;
    }
    .lang-switcher a {
        padding: 3px 6px; /* Menší padding na mobilu */
    }
}

h1,h2, h3, h4, h5, h6 {
font-family: 'Roboto', sans-serif;
font-weight:700;
line-height:1.1em;
color:#a9aaa2;
margin-bottom: 1.4285em;
text-transform: uppercase;
}

section#sliderCont {
background:#e4e4e0; 
padding-top: 3.5em;
padding-bottom: 3.5em;
clear: both;
}

section.topHeader {
background:#f3f3f0; 
padding-top: 3.5em;
padding-bottom: 3.5em;
margin-bottom: 3.5em;
}

h1 {
margin: 0;
text-align: left;
border-left: 14px solid #3f8736;
padding-left: 0.5em;
background:#f3f3f0; 
}

h1 span {
color:#000;
}

h2 {
color:#3f8736;
}

h3 {
color:#72bf44;
}

section#content {
background:#fff;
color:#8d8d84;
text-align: left;
}

section#content h2{
margin: 0;
padding-top: 1.8em;
padding-bottom: 1.4em;
font-size: 1.714em;
}

section#content h2.inContent{
padding-top: 0;
}

section#content h3.inContent{
padding-top: 0;
padding-left: 10px;
border-left: 4px solid #72bf44;
}

section#content h2.mensipadding{
padding-top: .9em;
padding-bottom: .7em;
color:#000;
}

section#content p{
font-size: 1.1em;
line-height: 1.7em;
padding-bottom: 1.4em;
}

section#content ul.radkovani{
line-height: 2.4em;
}

section#content p.margintop{
padding-top: 1.4em;
padding-bottom: 1.4em;
}

section#content p.odrazky{
padding-bottom: .4em;
}

section#content .pdffiles a{
color: #3f8736 !important;
text-align: center !important;
margin: 0px auto;
padding: 0px;
}

section#content .pdffiles a:hover,
section#content .pdffiles a:focus{
color: #72bf44 !important;
}

section#content .pdffiles p{
text-align: center;
}

section#content .pdffiles a span.glyphicon-download{
font-size: 6em;
text-align: center;
}

section#content .pdffiles a img{
text-align: center;
margin: 0px auto;
padding: 0px;
}

section#content .mapa{
margin: 1em 0;
width: 100%;
position: relative;
padding-bottom: 75%;
height: 0;
}

section#content .mapa iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 0 .5em;
}

section#content .mapa img{
width: 100%;
}

section#content div.container .row address{
line-height: 1.7em;
}

div.topmargin{
margin-top: 1.4em;
}

strong.vyraznedatum {
color: #3f8736;
font-size: 1.1em; 
}

footer {
background:#e4e4e0;
color:#656565;
padding-top: 4em;
margin-top: 4em;
}

footer .widget {
text-align: left;
}

footer .widget h3{
font-size: 1.1428em;
}

footer .widget address, footer .widget ul li{
line-height: 1.7em;
}

footer .widget ul {
float: none;
list-style: outside none none;
margin: 0;
padding: 0;
}

footer .widget a {
color:#656565;
text-decoration: underline;
}

footer .widget a:hover, footer .widget a:focus {
color:#72bf44;
text-decoration: none;
}

#sub-footer {
margin-top: 4em;
background:#f3f3f0;
color:#656565;
}

#sub-footer p{
background:#f3f3f0;
color:#656565;
font-style: italic;
text-align: left;
margin-top: 2.3571em;
margin-bottom: 2.3571em;
}

/* custom carousel */

.carousel-indicators {
bottom: -45px;
}

.carousel-indicators li.active{
background-color: #3f8736;
}

.carousel-indicators li{
border: 1px solid #3f8736;
}

/* custom navbar */
.navbar-default {
background: #fff;
border: 0;
box-shadow: none;
}

.navbar-brand {
padding-top: 1.25em;
float: none;
}

.navbar-brand img{
width: 100%;
max-width: 100%;
}

.navbar {
background: #fff;
border: 0;
}

.navbar-nav {
text-transform: uppercase;
font-size: .9em;
font-weight: bold;
text-align: left;
}

.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
color: #3f8736;
background-color: transparent;
}

.navbar-default .navbar-nav > li > a {
color: #000;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
color: #3f8736;
background: #fff;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .open > a  {
background: #fff;
border: 0;
box-shadow: none;
color: #3f8736;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {   /* styl pro rozbalovaci polozku */
background: #fff;
border: 0;
box-shadow: none;
text-shadow: none;
}

.nav > li > a {
padding: 10px 12px;
}

.navbar-nav > li > .dropdown-menu {
border: 1px solid #3f8736;
padding: 0px;
}

.navbar-nav > li > .dropdown-menu li a{
padding: 5px 0px 5px 10px;
font-weight: bold;
font-size: .9em;
}

.dropdown-menu {
border-radius: 0px;
-webkit-box-shadow: none;
box-shadow: none;
}

.dropdown-menu > li > a {
color: #000;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
color: #fff !important;
background: #3f8736;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
color: #3f8736;
background: #fff;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
color: #fff;
background: #3f8736;
}

.navbar-default .navbar-nav .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .dropdown-menu > li > a:hover {
color: #fff;
background: #3f8736;
}

.navbar-default .navbar-nav .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .dropdown-menu > li > a:hover {
color: #fff;
background: #3f8736;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a {
color: #000;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
border:none;
}

.navbar-header {
height: 100px;
}

@media (min-width: 200px){
  .navbar-brand img{
    width: auto;
  } 
}

@media (min-width: 768px){
  .navbar-header {
    height:auto;
  }
  .navbar-nav {
    margin-top: 3.5em;
 }  
}