.bl:hover{
    filter:brightness(130%);
    transform: scaleX(110%) scaleY(110%);
}

/* Wrapper textu pre umiestnenie do stredoveho stlpca*/

.wrappertx {
  max-width: 900px;
  margin: 0 auto; /* centrovanie */
  padding: 0 20px;   /* odsadenie na mobiloch */

}

/* Pre aktualne */

.actual{
      color: red;
      text-decoration: none;
      transition: 300ms linear;;
      }

/* Po najazde kurzorom */

.actual:hover{
            color: green;
            text-decoration: none;
            }

/* Obalka textu - navy */

.wrap-actual {
	max-width:250px;
	min-width:100px;
	margin:auto;
/*	background:#eef;*/
	background:#fff;
	border:5px solid #0088b2;
	border-radius:25px;
	padding:10px;
        box-shadow: 0 8px 20px rgba(0,0,0,0.40); /* tieň */

        }


.wrap-actual:hover {
 /*       box-shadow: 12px 12px 2px 1px rgb(0 0 255 / 0.2); plny tien slabo fialovy*/
        box-shadow: 0 8px 20px rgba(0,60,0,0.99); /* zeleny tieň */

        transform: scaleX(103%) scaleY(103%);
       }

/* Pre vacsi obrazok ciary min-max rozmer pre citatelnost a vmestenie sa do okna */

.bigger-line {
          width: 100%;
          min-width: 400px;
          max-width: 900px;
          height: auto;
         }

.bigger-line:hover { 
                   filter:brightness(100%);
                   } 

.bigger-line-1 {
          width: 100%;
          min-width: 400px;
          max-width: 900px;
          height: auto;
          box-shadow: 0 8px 20px rgba(0,0,0,0.50); /* tieň */

         }

.bigger-line-1:hover { 
                   filter:brightness(100%);
                   } 

/* Obalka textu - navy */

.wrap-text-1 {
	max-width:1200px;
	min-width:320px;
	margin:auto;
	background:#eef;
/*	border:5px solid #aa66b2;*/
	border:5px solid #0088b2;
	border-radius:25px;
	padding:10px;
        box-shadow: 0 8px 20px rgba(0,0,0,0.50); /* tieň */

        }

.wrap-text-1:hover {
                    filter:brightness(95%);
                    transform: scaleX(101%) scaleY(101%);
                    box-shadow: 0 8px 20px rgba(0,0,0,0.95); /* tien */
                    }


/* ---------------------------------------------- Lodna trieda Fireball ------------------------------------------------------- */

/* Bez dekoracie */

.fireball{
      color: black;
      text-decoration: none;
      transition: 300ms linear; /* po najazde kurzorom pomaly prechadza do sedej farby a potom opacne spat - tu je spravne umiestnenie */;
      /*box-shadow: 0 8px 20px rgba(0,0,0,0.40); */
      }

/* Po najazde kurzorom */

.fireball:hover{
            color: grey;
            text-decoration: none;
            text-decoration: gray underline;
/*          background-color: lightgrey; */
/*	    border-radius:25px; */
/*          box-shadow: 0 8px 20px rgba(0,0,0,0.40); */ 

           }

/* ---------------------------------------------- Predtym... ------------------------------------------------------- */

/* Bez dekoracie */

.back{
      color: green;
      text-decoration: none;
      transition: 300ms linear; /* po najazde kurzorom pomaly prechadza do sedej farby a potom opacne spat - tu je spravne umiestnenie */;
      }

/* Po najazde kurzorom */

.back:hover{
            text-decoration: black underline;
            background-color: lightgrey;
            color: grey;
            box-shadow: 0 8px 20px rgba(0,0,0,0.40); /* tieň */

           }

/* Preblikne po kliknuti - ak je predtym nastavene "transition 2s linear", tak uz nefunguje

.back:active{
             color: white;
            }
*/

/* ---------------------------------------------- Panorama-obrazok ------------------------------------------------------- */

/* Pre obrazok panoramy vychodneho brehu min-max rozmer pre citatelnost a vmestenie sa do okna */

.panorama {
          width: 100%;
          min-width: 700px;
          height: auto;
          }

/* Pre uvodny obrazok min-max rozmer pre citatelnost a vmestenie sa do okna */

.introductory-image {
                    width: 100%;
                    min-width: 320px;
                    height: auto;
                    box-shadow: 0 8px 20px rgba(0,0,0,0.40); /* tieň */

                   }

.introductory-image:hover {
                    filter:brightness(95%);
                    transform: scaleX(101%) scaleY(101%);
                    box-shadow: 0 8px 20px rgba(0,0,0,0.95); /* tien */
                    }

/* Pre vsetky obrazky */

img { 
  filter:brightness(100%);
  transition: filter 600ms linear; /* Pomale pohasinanie aj rozhasinanie */
}

/* Pri najazde kurzorom sa znizi jas pre vsetky obrazky */

img:hover { 
 filter:brightness(70%);
 /*box-shadow: 0 10px 30px rgba(0,0,0,0.95);*/

 box-shadow: 0 5px 5px rgba(0,0,0,0.95);

 transform: scaleX(101%) scaleY(101%);
} 

/* Rohy vsetkych obrazkov sa zaoblia */

img {
  border-radius: 8px;
}

/* Plati len pre triedu menu */

.menu-image { 
  filter:brightness(100%);
  transition: filter 600ms linear; /* Pomale rozjasnenie aj rozhasinanie */
}

/* Prisvetlenie menu po najazde kurzorom a zvacsenie*/

.menu-image:hover { 
    filter:brightness(110%);
    transform: scaleX(103%) scaleY(103%);
    box-shadow: 0 8px 20px rgba(0,0,0,0.40); /* tieň */

}

/*-----------------------------------------------------------------------------------------------------------*/