/* ****************************************************************************
    Obecné parametry stránky
**************************************************************************** */

* { box-sizing: border-box; }

@font-face { font-family: Avenir Next; src: url(avenirnext.otf); }
@font-face { font-family: Avenir Bold; src: url(avenirbold.otf); }
html, body { width: 100%; height: 100%; }

body { margin: 0; padding: 0; color: #b0ab9e; font-family: 'Avenir Next', 'Tahoma', Sans-Serif; font-size: 1em; text-align: left; text-decoration: none; background: #ffffff; }

a { color: #63615a; cursor: pointer; }

  a:link, a:visited { text-decoration: underline; }
  a:hover, a:active { text-decoration: none; }

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; color: #b09247; font-family: 'Avenir Bold', 'Tahoma', Sans-Serif; font-weight: normal; }

  h1 { font-size: 3em; }
  h2 { font-size: 1.5em; }
  h3 { font-size: 1.375em; }

    h1 span { color: #ffffff; }

img, p, ul { margin: 0; padding: 0; border: none; }
p, ol, ul  { line-height: 150%; text-align: justify; }
ul li      { list-style-position: inside; }
iframe     { border: none; }

  .rgt   { float: right; }
  .lft   { float: left; }
  .clear { clear: both; }


/* ****************************************************************************
    Hlavní definice stránky
**************************************************************************** */

.navi    { width: 100%; position: absolute; top: 0; background: #ffffff; }
.header  { width: 100%; height: 100%; color: #ffffff; display: table; background: #104076 url('../image/pozadi.jpg') center bottom no-repeat; background-size: cover; }
.content { width: 100%; }
.sponzor { width: 100%; padding: 1.5em 0; color: #708cad; text-align: center; background: #104076; }
.footer  { width: 100%; padding: 1.5em 0; color: #708cad; font-size: 0.75em; text-align: center; border-top: 1px solid #708cad; background: #092442; }

.screen { padding: 0 5em; }

  .navi .screen    { height: 100px; }
  .header .screen  { padding: 100px 5em 5em 5em; display: table-cell; vertical-align: bottom; background: url('../image/panenka22.png') right bottom no-repeat; background-size: contain; }
  .content .screen { padding: 0 2.5em; }
  .footer .screen  {  }

  .navi .logo { height: 100%; display: table; }
  .navi .menu { height: 100%; display: table; }
  .divide { height: 10px; }

/* ****************************************************************************
    Obsah stránky
**************************************************************************** */

/* Navigace */
.navi #menu-mobile { display: none; }

.navi a { text-decoration: none; }

  .navi .logo a { height: 100%; font-family: 'Avenir Bold', 'Tahoma', Sans-Serif; font-size: 2em; display: table-cell; vertical-align: middle; }
  .navi .menu a { max-width: 120px; height: 100%; padding: 0 1.5em; font-size: 0.875em; text-align: center; display: table-cell; vertical-align: middle; transition: color 200ms, background-color 200ms; }

    .navi .menu a:link, .navi .menu a:visited { color: #104076; }
    .navi .menu a:hover, .navi .menu a:active { color: #ffffff; background: #104076; }


  @media all and (max-width: 1200px) {
  .navi   { position: relative; }
  .header { height: 60%; }

    .navi .screen { height: auto; padding: 0; }

      .navi .logo { width: 100%; text-align: center; float: none; }
      .navi .menu { width: 100%; text-align: center; float: none; }

        .navi .logo a { padding: 1em; }
        .navi .menu a { padding: 1.5em 0.5em; }

  .header .screen { background-position: right -10em bottom; }
  }

  @media all and (max-width: 680px) {
  .header  { height: auto; }

    .header .screen { background: none; }

  .navi #menu-mobile { display: block; }

      .navi .menu { display: none; }

        .navi .menu a  { width: 100%; max-width: none; display: block; border-top: 1px solid #104076; }
        #menu-mobile a { width: 100%; max-width: none; display: block; border-top: 1px solid #104076; }

  #menu-mobile a.menu-close { display: none; }

  #menu:target #menu-mobile a.menu-open  { display: none; }
  #menu:target #menu-mobile a.menu-close { display: block; }
  #menu:target .menu { display: block; }
  }



/* Záhlaví */
.header p { font-size: 1.125em; }



/* Obsah */
.content .preview { width: 33%; padding: 2.5em; display: inline-block; vertical-align: top; }

  .content h2 { margin: 1em 0; }
  .content p  { margin: 1em 0; }

    .preview img { width: 100%; }

  .article, .galerie { max-width: 1200px; margin: 5em auto;  }

    .galerie a { width: 33%; margin: 2em 0; padding: 1em; text-decoration: none; display: inline-block; }

      .galerie a *   { text-align: center; }
      .galerie a img { width: 100%; }

	.videoteka { max-width: 1200px; margin: 5em auto;  }
	
  @media all and (max-width: 1200px) {
  .content .preview { width: 49.5%; }

  .article { margin: 5em 2.5em; }

    .galerie a { width: 49.5%; }
  }

  @media all and (max-width: 680px) {
  .content .preview { width: 100%; }

    .galerie a { width: 100%; }
  }

  .content .media { letter-spacing: -1em; }

  .content .media .half, .content .media .third, .content .article .third { box-sizing: border-box; padding: 20px; letter-spacing: normal; display: inline-block; vertical-align: top; }

    .content .media .half  { width: 50%; }
    .content .media .third, .content .article .third { width: 33.33%; }
  
    .content .media .half img, .content .media .third img { width: 100%; margin-bottom: 1em; }
    .content .media .half iframe, .content .media .third iframe { width: 100%; margin-bottom: 1em; }
	.content .article .third img { max-width: 220px; width: 100%; margin-bottom: 1em; }

  @media all and (max-width: 680px) {

    .content .media .third, .content .article .third { width: 100%; }
  }


/* Sponzoři */
.sponzor p { text-align: center; }
.sponzor .slogo { width: 24.5%; padding: 2.5em; display: inline-block; vertical-align: top; }

  .slogo img { width: 70%; }


  @media all and (max-width: 1200px) {
  .sponzor .slogo { width: 49.5%; }

    .slogo img { width: 50%; }
  }

  @media all and (max-width: 680px) {
  .sponzor .slogo { width: 100%; }

    .slogo img { width: 100%; }
  }



/* Zápatí */
.footer {  }



/* Oprava pro zobrazení v Opera Mobile */
.lightboxOverlay { display: none; }
.lightbox        { display: none; }



/* ****************************************************************************
    Nižší rozlišení
**************************************************************************** */

/* Obsah */
/*  .content .media .half, .content .media .third { width: 100%; }*/