/* 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 { background-color: #E0E0E0; background-color: #D3D3D3; margin: 0px; padding: 0px; }

div.scr { width: 100%; height: auto; max-width: 3000px;
          margin: 0 auto; padding: 0; 
          max-width: 187.5em; min-width: 20.5em; max-width: 187.5rem; min-width: 20.5rem; /* pro IE<9 platí em (zachovat pořadí, em první) */
          /* border: red 1px solid; */
}

.NoS {  font-size: large; font-weight: Bold; font-family: OpenSans800, verdana, tahoma, helvetica, sans-serif; 
        text-align: center; color: red; margin: 10%;
     }
.nobr	{ white-space: nowrap; }

div.Menu { font-size: 1.1em; padding: 0; margin: 0; 
           text-align: center; vertical-align: middle; /* white-space: nowrap; */ 
           font-family: OpenSans, verdana, tahoma, helvetica, sans-serif; font-weight: normal; 
}
.Menu p { height: 4em; width: auto; min-height: 35px; display: inline-block; vertical-align: middle; padding: 1.2em 0; }
.Menu span { width: 6em; margin: 0.2em 1em;
             display: inline-block; vertical-align: middle; text-align: center;
             color: gray; 
}
#en, #rn  { width: 8em; }
#ns, #sk  { width: 14em; }
#Logo { float: left; text-align: left; vertical-align: top;
        height: 4em; width: auto; min-height: 60px; 
        margin: 1em 0 1em 3em;
}

div.pas
{ width: auto; height: auto; max-width: 3000px;
  margin-top: 0; padding: 0 18vw 15vw 18vw; 
  font-family: OpenSans300, verdana, tahoma, helvetica, sans-serif; 
  font-weight: normal; font-size: 1.3em;
  color: black; text-align: center; 
  border-top: gray 7px solid; background-color: #E0E0E0; background-color: #F5F5F5; 
  clear: both; 
}
div.pasLimg { display: inline-block; width: 30%; height: auto; }
div.pasRimg { display: inline-block; width: 30%; height: auto; }
div.pasRtxt { display: inline-block; width: 60%; height: auto; float: right; }
div.pasLtxt { display: inline-block; width: 60%; height: auto; float: left; }
#pas0, #pas2, #pas4, #pas6, #pas8 { background-color: #E0E0E0; }
#pas1, #pas3, #pas5, #pas7 { text-align: left; }
#pas2, #pas4, #pas6, #pas8 { text-align: right; }
.pas h2 { margin-top: 1.1em; }
.pas ul { text-align: left; margin-bottom: 10vmin; margin-left: 4vw; }
p.hop { text-align: right; font-style: italic; margin-right: 1vw; margin-bottom: 5vmin; }
.pas img 
{ width: 20vw; height: auto; min-width: 30vmin; 
  vertical-align: top; margin-top: -4vmin; 
  border: gray 7px solid;
}
#pas1 img, #pas3 img, #pas5 img, #pas7 img { float: left; margin-right: 5vmin; }
#pas2 img, #pas4 img, #pas6 img, #pas8 img { float: right; margin-left: 5vmin; }

.kont { margin: 0; margin-bottom: 2vh; padding : 0 1em; clear: both;
        font-size: 1.3em; font-family: OpenSans300, verdana, tahoma, helvetica, sans-serif; 
        display: block; border-top: gray 1px solid; 
}
#kon p { text-align: center; } /* font-weight: bold;   pro IE<9 platí em (zachovat pořadí, em první) */

.foot  { width: auto;
         margin: 1vh 0 2vh 0;
         padding: 0.2em 3em;
         display: block;
         font-family: OpenSans, verdana, tahoma, helvetica, sans-serif;
         font-size: 0.9em; 
         text-align: center; 
}
.foot p { color: gray; }
.cpr { font-size: 0.8em; font-style: italic; }

p.hop a { text-decoration: none; color: black; opacity: 0.7; }
p.hop a:hover { text-decoration: none; color: black; opacity: 1; }
p a, .foot p a, .uvod a { text-decoration: none; color: gray; }
.Menu a, p a:hover, .foot p a:hover, .uvod a:hover  { text-decoration: none; color: black; }
.Menu a:hover { text-decoration: none; color: white; }
#kon p a { text-decoration: none; color: black; opacity: 0.7; }
#kon p a:hover { text-decoration: none; color: black; opacity: 1; }

@media screen and (min-width: 3001px)
{  div.Menu { font-size: 1.8em; }
   .Menu img { width: 300px; }
   div.pas { padding: 0 550px 200px 550px; }
   div.pasRtxt, div.pasLtxt { width: 900px; } 
   div.pasLimg, div.pasRimg { width: 400px; }
}
@media screen and (max-width: 3000px) and (min-width: 1901px)
{ div.Menu { font-size: 0.95vw; }
  .foot p { margin-top: 0; } /* zmenší mezeru nad patičkou */
  div.pasRtxt, div.pasLtxt { width: 37vw; }
  div.pas { padding-bottom: 10em; }
  div.end { padding-bottom: 6em; } 
}
@media screen and (max-width: 2500px) and (min-width: 1901px)
{ div.pasRtxt, div.pasLtxt { width: 32vw; }
/*div.pas, #kon, .uvod, .Menu a {  color: brown; }  */
}
@media screen and (max-width: 1900px) and (min-width: 1601px)
{ .foot p { margin-top: 0; } /* zmenší mezeru nad patičkou */
  div.pasRtxt, div.pasLtxt { width: 30vw; } 
  div.pasLimg, div.pasRimg  { width: 30vw; }
  div.pas { padding-bottom: 8em; } 
  div.end { padding-bottom: 5em; }
/*div.pas, #kon, .uvod, .Menu a {  color: red; } */
}
@media screen and (max-width: 1800px) and (min-width: 701px)
{ div.Menu { font-size: 1em; } 
  .Menu p { padding: 0.5em 0; }
   div.pas { padding-bottom: 12em; } 
/*div.pas, #kon, .uvod, .Menu a {  color: purple; } */
}
@media screen and (max-width: 1600px) and (min-width: 1301px)
{  #mn1 span { vertical-align: top; }
   #mn2 span { padding-top: 0.5em; }
   #en, #rn  { padding-top: 0.5em; }
   #ns, #sk { width: 10em; }
   .foot p { margin-top: 0; } /* zmenší mezeru nad patičkou */
   div.pasRtxt, div.pasLtxt { clear: both; width: 60vw; } 
   div.pas { padding-bottom: 16em; } 
   div.end { padding-bottom: 13em; }
/*div.pas, #kon, .uvod, .Menu a {  color: gray; } */
}
@media screen and (max-width: 1500px) and (min-width: 1101px)
{ #en, #rn  { width: 5em; padding-top: 0em; }
/*div.pas, #kon, .uvod, .Menu a {  color: gold; } */
}
@media screen and (max-width: 1400px) and (min-width: 1101px)
{ .Menu span { width: 5em; }
/*div.pas, #kon, .uvod, .Menu a {  color: yellow; } */
}
@media screen and (max-width: 1300px) and (min-width: 1101px)
{ #en, #rn  { width: 8em; }
  #ns, #sk { width: 14em; }
 .Menu span { width: 7em; }
 .Menu p { height: 2.5em; margin: 0; }
  #mn1 { margin-top: 0.7em; }
  #mn2 { margin-bottom: 0.6em; }
  div.pasRtxt, div.pasLtxt { width: 70vw; } 
  div.pas { padding-bottom: 16em; }
  div.end { padding-bottom: 12em; }
/*div.pas, #kon, .uvod, .Menu a { color: blue; } */
}
@media screen and (max-width: 1100px) and (min-width: 701px)
{ div.Menu { text-align: left; }
 .Menu span { width: 5em; text-align: left; } 
  #Logo { height: 5em; margin: 1em 5em 1em 3em; }
 .Menu p { height: 3em; margin: 0.3em 0; text-align: left; }  
  #en  { width: 6em; } 
  #rn  { width: 5em; } 
  #ns, #sk { width: 10em; }
  #pp { padding-left: 1em; }
  #es { padding-left: 1em; }
  #ko { padding-left: 6em; }
  div.pasRtxt, div.pasLtxt { width: 70vw; } 
  div.pas { padding-bottom: 17em; }
  div.end { padding-bottom: 12em; }
  p.flek { margin: 1vmin 5em; }
/*div.pas, #kon, .uvod, .Menu a { color: green; }  */
}
@media screen and (max-width: 830px)
{  div.Menu { font-size: 0.9em; }  
   #Logo { margin: 1em 2em 1em 2em; }
/*div.pas, #kon, .uvod, .Menu a { color: red; } */
}
@media screen and (max-width: 700px) 
{  div.pas, #kon { font-size: 1.2em; }
   div.Menu {  text-align: left; }
  .Menu span { width: 5em; text-align: left; } 
  #Logo { height: 5em; margin: 1em 1em 1em 2em; }
  .Menu p { height: 3em; margin: 0.3em 0; padding: 0.5em 0; text-align: left; }
  #en, #rn  { width: 5em; }
  #ns, #sk { width: 9em; }
  #ko { padding-left: 4em; }
  .pas h2 { font-size: 1.2em; }
  div.pasRtxt, div.pasLtxt { width: 72vw; }  
  div.pas { padding-bottom: 18em; padding-left: 10vw; padding-right: 10vw; } 
  div.end { padding-bottom: 12em; } 
  .foot { font-size: 0.8em ; }
/*div.pas, #kon, .uvod, .Menu a { color: black; } */
}
@media screen and (max-width: 630px) 
{ div.Menu { font-size: small; }
  #Logo { margin: 1em 1em 1em 1em; }
  .Menu span { width: 4em; }
   #en, #rn  { width: 4em; }
   #ns, #sk { width: 8em; }
/*div.pas, #kon, .uvod, .Menu a { color: darkblue; }  */
}
@media screen and (max-width: 510px) 
{  div.Menu { font-size: 2.8vw; }
  .Menu span { width: 3em; } 
  #en, #rn { width: 3em; }
  #ns, #sk { width: 7.2em; }
  #es { white-space: nowrap;  }
  #ko { padding-left: 4.2em; }
/*div.pas, #kon, .uvod, .Menu a { color: green; }  */
}
@media screen and (max-height: 700px) and (max-width: 1200px) and (min-width: 511px)
{ div.pas { padding-bottom: 22em; }
  div.end { padding-bottom: 12em; }
/* div.pas, #kon, .uvod, .Menu a { color: orange; }  */
}