body {
  position: relative;
  background: url("/obrazek/3/green") repeat 0 0 transparent;
  line-height: 1.5em;
}

body::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0)
    ; /* Zde můžete upravit průhlednost a barvu */
}


/*--------- upravy zoner -----------*/

#content {background: #effad0;} /* barva pozadi */

body {font-family: arial, helvetica, sans-serif;} /* nastaveni pisma pro cely web */

#content ul li, ol li {margin-bottom:0.2em} /* odsazeni odrazek */

.btn {text-decoration:none; margin:10px 0;} /*styl pro tlacitka*/

main {color:#333; font-size: 1.04em;} /*barva a pisma v hlavnim obsahu*/


aside {margin-top:15px} /*odsazeni leveho sloupce od menu*/
main {margin-top:10px;} /* odsazeni od menu hlavniho obsahu */


header {background-color:transparenrt; } /* nastaveni pruhledne hlavicky  */

#bar-poweredby {display:none} /* zneviditelneni panelu inpage v patičce */

hr {border-color: #008000;}  /*  čara */

.label {
  font-size: 100%;
  padding:2px 7px;
  margin:0 5px;
}

/*--- odkazy ---*/
a{
  text-decoration:underline;
}
a:hover,
a:focus{
  color: #333333;
  text-decoration:none;
}

.navbar .navbar-nav > li > a {
  font-size:12px;
}
/*------ nadpisy ------*/
h1, h3, h5, h1.title {color:#333;}

h2, h4, h6 {color:#333;}

h1, h1.title {margin-bottom:1em; text-transform:uppercase; font-size:2em;}

h2, h3 {margin-top:1.2em; margin-bottom:0.8em}

h3 {margin-top:0.8em; }

h4 {margin-top:0.5em; margin-bottom:0em}


/*------ vlastni hlavička -----------*/
header .container {background-color:transparent;}
#box-custom-header {text-align:center;padding: 10px 0 10px;}
#box-custom-header img{height:142px; width:auto; }
#box-custom-header p{color:#fff;font-size:px;font-weight:bold;  text-shadow: 0px 0px 5px #000; }

/*----- odsazeni obrazku -------*/

.media-body img, #mainContent img {margin:5px 10px}

/*--- seznam složek v ke stazeni ----*/

#listdata.download ul { margin-left:0; padding-left:0;}
#listdata.download ul li {list-style-type:none;}


/---- menu -------/
/nav {
  position:absolute!important;
  width:100%;
  top:5px;
}/

nav .container {
  background: linear-gradient(to right, white, #099000);
  border-color: #099000;
}
div {
  border-radius: 10px;
}

.navbar {
  margin-bottom:0;
  background-color: transparent;
  border-color: transparent;
  border:0;
}

.navbar-nav > li {
  border-left-color: transparent;
  border-right-color: transparent;
  font-weight: bold;
}

div {
  border-radius: 10px;
}

.dropdown-menu a {
  text-transform:none;
}

.navbar-nav > li:last-of-type .dropdown-menu {
  left:auto;
  right:0;
}


/*------ tabulky --------------*/

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
  vertical-align: top;
  border-top: 1px solid #86a215;
}

.table > thead > tr > th, .table > tfoot > tr > td {
  border-bottom: 2px solid #86a215;
  background-color: #e7f1bc;
  font-weight:bold;
}

.table > tbody > tr:last-of-type  > td{ border-bottom: 1px solid #86a215;}

.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
  background-color: #d4e687;
}

.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
  background-color: #e7f1bc;
}

.table-bordered { border: 1px solid #86a215;}


.table-bordered > thead > tr > th, 
.table-bordered > tbody > tr > th, 
.table-bordered > tfoot > tr > th, 
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td, 
.table-bordered > tfoot > tr > td {
  border: 1px solid #86a215;

}

/* vlastni box - meteostanice a monitorign vcelstev  */

#panel-custom-1.panel {border:0; box-shadow:none; background-color:transparent; margin-bottom:0;}
#panel-custom-1.panel > .panel-heading {display:none;}
#panel-custom-1.panel > .panel-body {border:0;  margin:0; padding:0;}


/*===== uvodni stranka ========*/
.index-info {background-color:#e7f1bc;}

.index-info img {margin:0px 0 20px;}



/*====== barvičky ======*/

/*navigace*/
.breadcrumb {
  background: none repeat scroll 0% 0% #fbfbf8;  
}


/*fotogalerie*/
.thumbnail {
  border: 1px solid #fbfdee;
  background-color: #fbfdee;
}

/* panel - aktuality, meteostanice ...*/

.panel {
  background-color: #e7f1bc; /*pozadi*/

}

aside .panel .panel-body {
  border: 1px solid #e7f1bc; /*cara*/
}

.padlet-embed iframe {
  background: transparent !important;
}
/*====== barva hlavičky v levém panelu vole ======*/
aside .panel-primary > .panel-heading {
  color: white;
  background-color: #a3d45c;
  border-color:#e9f5c6;
  font-weight: bold;
}

/* Úprava pro rozbalovací nabídky v menu */

.navbar-nav > li > .dropdown-menu {
  border-radius: 10px; /* Zaoblené rohy pro rozbalovací nabídky */
}

.navbar-nav > li > .dropdown-menu > li > a {
  border-radius: 10px; /* Zaoblené rohy pro položky v rozbalovací nabídce */
}
/* Zvětšení písma v rozbalovací nabídce */

.navbar-nav > li > .dropdown-menu > li > a {
  font-size: 16px; /* Zde můžete upravit velikost písma podle vašich preferencí */
}
/* Lehce průhledné pozadí pod rozbalovacími nabídkami */

.navbar-nav > li > .dropdown-menu {
  background-color: rgba(255, 255, 255, 1); /* Průhledné pozadí (0.9 určuje průhlednost) */
}
/* Změna barvy pozadí položek v rozbalovací nabídce po najetí myši */

.navbar-nav > li > .dropdown-menu > li > a:hover {
  background-color: rgba(9, 144, 0, 0.6); /* Světlý, lehce průhledný odstín zelené */
}
/* Skrýt rozbalovací nabídku při jejím výchozím stavu */
.navbar-nav > li > .dropdown-menu {
  display: block;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height 0.1s ease, opacity 0.3s ease; /* Animace výšky a průhlednosti */
}

/* Zobrazit rozbalovací nabídku při najetí myši */
.navbar-nav > li:hover > .dropdown-menu {
  max-height: 1000px; /* Můžete upravit maximální výšku podle potřeby */
  opacity: 1;
  transition: max-height 0.1s ease, opacity 0.3s ease; /* Animace výšky a průhlednosti */
}

.image-container {
  position: relative;
  overflow: hidden;
}

.play-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  font-size: 24px;
  font-weight: bold;
  color: white;
}

.image-container:hover .play-text {
  opacity: 1;
}