/* Obalka menu s komentarom */

.wrap {
	max-width:1200px;
	min-width:320px;
	margin:0;
	background:#fff;
	border:5px solid #aa66b2;
	border-radius:25px;
	padding:10px;
        }


/* Obalka obrazka vody a totemu s komentarom */

.wrap-aqua {
	max-width:700px;
	min-width:340px;
	margin:auto;
	background:#eef;
	border:5px solid #0066ff;
	border-radius:25px;
	padding:15px;
        box-shadow: 0 8px 20px rgba(0,0,0,0.40); /* tien */
        }

/* Obalka textu na stranke - hlavny nadpis */

.wrap-aqua-0 {
	max-width:1500px;
	min-width:340px;
	margin: 30px auto 20px auto;
/*	background:#eef; */
	background:rgb(193,211,227);
	border:5px solid #0066ff;
	border-radius:25px;
	padding:3px;
        box-shadow: 0 8px 20px rgba(0,0,0,0.40); /* tien */
       }

/* Obalka textu na stranke - druhy nadpis */

.wrap-aqua-0-1 {
	max-width:1000px;
	min-width:340px;
	margin: 30px auto 20px auto;
/*	background:#eef; */
	background:rgb(254,237,199);
	border:5px solid #0066ff;
	border-radius:25px;
	padding:3px;
        box-shadow: 0 8px 20px rgba(0,0,0,0.40); /* tien */
        }



/* Obalka textu na stranke*/

.wrap-aqua-1 {
	max-width:200px;
	min-width:200px;
	margin: 30px auto 30px auto;
/*	background:#eef; */
	background:#cef;
/*	border:5px solid #0066ff; */
	border:5px solid #0066ff;
	border-radius:25px;
	padding:3px;
        box-shadow: 0 8px 20px rgba(0,0,0,0.40); /* tien */
        }

/* Obalka textu na stranke*/

.wrap-aqua-2 {
	max-width:200px;
	min-width:200px;
	margin: 30px auto 30px auto;
	background:rgb(193,237,193);
	border:5px solid #008855;
	border-radius:25px;
	padding:3px;
        box-shadow: 0 8px 20px rgba(0,0,0,0.40); /* tien */
        }


/* 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%);
                   } 


/* Pre cierne normal texty s linkami */

/* Link je modry bez dekoracie a pozadie je sede */

 .text-link{
           color: blue;
           text-decoration: none;
           }

/* Po najazde kurzorom */

 .text-link:hover{
                 text-decoration: black underline;
                 background-color: lightgrey;
                 color: grey;
                 }

/* Preblikne po kliknuti */

 .text-link:active{
                  color: red;
                  }

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


/* Pri najazde kurzorom na obrazok menu oznaceny touto triedou sa zvysi jas aj velkost */

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


/* Pri najazde kurzorom na obrazok menu oznaceny touto triedou sa zvysi jas aj velkost */

.menu-aq:hover {
                  filter:brightness(150%);
                  transform: scaleX(103%) scaleY(101%);
                  }

.menu-aq {

          width: 100%;
          min-width: 300px;
          max-width: 900px;
          height: auto;
}

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

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

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

/* Pre texty s linkami */

/* Link je cierny bez dekoracie a pozadie je sede */

 .rscatalog{
           color: black;
           text-decoration: none;
           }

/* Po najazde kurzorom */

 .rscatalog:hover{
                 text-decoration: blue wavy underline;
                 background-color: lightgrey;
                 color: grey;
                 }

/* Preblikne po kliknuti */

 .rscatalog:active{
                  color: green;
                  }

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

/* 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%);
} 

/* Zaoblenie rohov pre vsetky obrazky */

img {
  border-radius: 8px;
}

/* Radius specialne pre obrazok, ktory ma pri zavadzani urcenu triedu */


.special-image {
    border-radius: 1%; /* len mierne zaoblenie */
}

/* Pri najazde kurzorom na obrazok oznaceny touto triedou sa zvacsi - ale aj pohasne jas */

.measure-image:hover {
    transform: scaleX(101%) scaleY(101%);

}

/* Pri najazde kurzorom na obrazok oznaceny touto triedou sa zvacsi - ale aj pohasne jas */

.special-image:hover {
    transform: scaleX(101%) scaleY(101%);
}

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

/* Pri najazde kurzorom na obrazok oznaceny touto triedou sa znizi jas */

.special-image:hover {
 filter:brightness(90%);
}