/* open-sans-300 - latin-ext_latin */
@font-face {
  font-family: 'OpenSans300';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v26-latin-ext_latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v26-latin-ext_latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v26-latin-ext_latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v26-latin-ext_latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v26-latin-ext_latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v26-latin-ext_latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin-ext_latin */
@font-face {
  font-family: 'OpenSans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v26-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v26-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v26-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v26-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v26-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v26-latin-ext_latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-800 - latin-ext_latin */
@font-face {
  font-family: 'OpenSans800';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/open-sans-v26-latin-ext_latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v26-latin-ext_latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v26-latin-ext_latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v26-latin-ext_latin-800.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v26-latin-ext_latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v26-latin-ext_latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */
}

* { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } 
body { margin: 0; padding: 0; background-color: #e4e4e4; }
.scr { width: 100%; height: auto; 
       max-width: 187.5rem; min-width: 20rem; 
       margin: 0 auto; padding: 0; 
       font-family: OpenSans300, verdana, tahoma, helvetica, sans-serif; 
       /* border: red 1px solid;   */
     }

#obrI { width: 100%; height: auto; max-width: 187.5rem; 
        margin: 0; padding: 0; border: 0; vertical-align: bottom; 
      }
.logo { width: 15%; height: auto; max-width: 18.8rem; min-width: 6.3rem; 
        margin: 0; margin-left: 1.5rem; border: 0;
      }

.obsah {  margin: 0; padding: 1% 2.5% 0 2.5%; color: black; text-align: center;
          /*background-image: linear-gradient(rgba(192,192,192,1) 5%, rgba(192,192,192,0.5) 15%, rgba(192,192,192,0)); */
}

div.text { margin: 1% 0 1.2rem 0; padding: 0 1rem;
           text-align: left; /* margin-bottom: 1.3em */ 
         }
h1 { width: 80%; margin: 0; padding: 0; font-size: 280%; opacity: 0.65; }
img.sipka { width: 2.2rem; height: auto; min-width: 0.5rem; max-width: 10rem; 
            margin-top: 0.1em; margin-top: 0.1rem; padding: 0; /* pro IE<9 platí em (zachovat pořadí, em první) */
            float: right;
            opacity: 0.9; border: 0;
          }

.bloky { margin: 0; padding: 0; text-align: center; }
.blok { width: auto; height: auto;
        margin: 0 1rem 1% 1rem; padding: 0;
        padding: 0; 
        display: inline-block; vertical-align: top; text-align: center;
        /* border: gray 3px solid;  */
      } 
h2 { padding-bottom: 0.3rem; margin: 1rem 1rem 0 1rem;  
     /* font-variant: small-caps; */
     text-align: center;
     opacity: 0.6;
     border-bottom: darkgray 3px solid; 
   } 
.blok p
   { margin: 0; padding: 0.5rem 1rem 1rem 1rem; 
     text-align: center; opacity: 0.7;
     font-family: OpenSans, verdana, tahoma, helvetica, sans-serif;
   }
.ref { width: auto; height: auto; max-width: 14rem; min-width: 7rem; 
        margin: 0; padding: 0; margin-bottom: 0.5rem; vertical-align: bottom;
        display: inline-block; border: gray 2px solid; cursor: zoom-in;
      }
#bl1-2 .ref, #bl1-6 .ref, #bl1-4 .ref  { max-width: 15rem; }
#bl1-1 .ref  { max-width: 14.5rem; }
#bl1-5 .ref, #bl1-7 .ref { max-width: 13rem; }
#bl1-8 .ref { max-width: 12.5rem; } 
#bl1-9 .ref { max-width: 11.2rem; }
#bl1-10 .ref, #bl1-3 .ref { max-width: 14rem; } 
#bl1-99 h2 { border-bottom-color: red; }

#bl2-1 .ref { max-width: 13rem; } 
#bl2-2 .ref { max-width: 12rem; } 

#bl3-3 .ref { max-width: 13rem; }

#bl6-3 { width: 55% }
#bl6-1 .ref { max-width: 13rem; } 
#bl6-2 .ref { max-width: 15rem; } 

div.kuk { position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: none; z-index:1; align-items: center; }
div.kuk img
 { top: auto; left: auto; width: 50%; height: auto; margin: 0 auto; cursor: zoom-out;
   max-width: 360px; max-height: 360px; border: 0; 
   -webkit-transition-duration: 1.5s; /* Safari */
   transition-duration: 1.5s;
   opacity: 0.7;
 }

@media screen and (min-width: 3001px)
{ .blok { width: 47% } 
  #bl1-99 { width: 55% }
  .text { font-size: 220%; } .bloky { font-size: 200%; } /* písmo už dál neroste */
  .foot p { margin-top: 0; } /* zmenší mezeru nad patičkou */
  img.sipka { width: 2.5rem; }
/*h1 { color: green; }*/
}
@media screen and (max-width: 3000px) and (min-width: 1501px)
{ .blok { width: 45% } 
  #bl1-99 { width: 55% }
  .text { font-size: 1.2vw; } .bloky { font-size: 1.1vw; } /* písmo pružné dle šířky */
  .foot p { margin-top: 0; } /* zmenší mezeru nad patičkou */
  img.sipka { width: 2.5rem; }
/*h1 { color: blue; }*/
}
@media screen and (max-width: 1500px) and (min-width: 1201px)
{ .blok { width: 46% } 
  #bl1-99 { width: 55% }
  .text { font-size: 1.5vw; } .bloky { font-size: 1.25vw; } /* písmo pružné dle šířky */
  .foot p { margin-top: 0; } /* zmenší mezeru nad patičkou */
/*h1 { color: purple; }*/
}
@media screen and (max-width: 1200px) and (min-width: 621px)
{ #bl6-3 { width: 95% } 
  .text { font-size: 2.4vmin; font-size: 2.4vm; } .bloky { font-size: 2.0vmin; font-size: 2.0vm; } /* písmo pružné dle min */
/*h1 { color: red; }*/
}
@media screen and (max-width: 620px) 
{ #bl6-3 { width: 95% } 
  .text { font-size: small; } .bloky { font-size: smaller; } /* písmo pevné (defaultní) */
  img.sipka { width: 1.6rem; }
/*h1 { color: black; }*/
}

@media screen and (max-height: 700px) and (max-width: 1200px)
{ .text { font-size: small; } .bloky { font-size: small; } /* písmo pevné (defaultní) */
/*h1 { color: orange; }*/
}

a { text-decoration: none; color: black; }
a:hover { text-decoration: none; color: gray; }