/* CSS Document */

/*----------------------------------------------------------------------------
	Author:	     AITOM Group s.r.o., www.aitom.cz, e-mail: info(@)aitom.cz
	Verze:       2.8

	==[ TOC ]==
  1. Základní tagy  (tělo)
	  1.1 Tags      (všeobecné prvky - h1, input, ...)
	  1.2 Classes   (všobecné třídy - .clear, .float-x ..)
  2. Layout         (rozvržení celé stránky)
	  2.1 Všeobecné prvky (pro použití kdekoliv v rámci HTML i mimo layout)
  3. Header         (Hlavička)
	  3.1 Navigace  (Hlavní menu, drobečková navigace)
  4. Content        (obsah)
	  4.1 Hlavní stránka
	  4.2 Podstránky
  5. Sidebar
	  5.1 Sidebar Left
	  5.2 Sidebar Right
  6. Footer         (patička)
  7. Other          (ostatní styly a styly doplněné dodatečně po spuštění)
	  7.1 AITOM     (styly pro CMS AITOM)

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

/* 1. Body ---------------------------------------------------------------------------------------------- */

/* 1.1 Tags ---------------------------------------------------------------------------------------------- */

/* 1.2 Classes ------------------------------------------------------------------------------------------- */

/* 2. Layout --------------------------------------------------------------------------------------------- */

/* 2.1 Všeobecné prvky ----------------------------------------------------------------------------------- */

/* 3. Header --------------------------------------------------------------------------------------------- */

/* Vyhledávání a jazyky */

/* Horní část */
@media screen and (max-width: 820px) {
  #header .userOptions {
    display: none;
  }
}

@media screen and (min-width: 990px) and (max-width: 1110px) {
  #header .userOptions a.virtualniProhlidka {
    display: none;
  }
}
/* 3.1 Navigace ------------------------------------------------------------------------------------------ */

/* Popup submenu */

@media screen and (max-width: 989px) {
  #navig a.eshop {
    display: none;
  }
  #navig li:hover .navigSub,
  #navig li.openedSub .navigSub {
    display: none;
  }
}
/* Drobečková navigace */

/* 4. Content -------------------------------------------------------------------------------------------- */

/* 4.1 Hlavní stránka ------------------------------------------------------------------------------------ */

/* Velký obrázek na pozadí */

/* Boxy u fadingu */

@media screen and (max-width: 799px) {
  #bigFading .bigFadingBoxy .fadingBox,
  #bigFading .bigFadingBoxy .fadingBox.fadingBoxOpen {
    height: 42px;
    background: url('../images/bg/fadingBoxy1.png') no-repeat 0px 0px;
  }
  #bigFading .bigFadingBoxy .fadingBox .openClose .openCloseIco {
    display: none;
  }
  #bigFading .bigFadingBoxy .fadingBox a {
    display: block;
    position: absolute;
    left: 4px;
    top: 4px;
    width: 240px;
    height: 17px;
    line-height: 100%;
    padding: 25px 5px 0px 0px;
    background: none;
    font-size: 12px;
    text-align: right;
  }
  #bigFading .bigFadingBoxy .fadingBox .title,
  #bigFading .bigFadingBoxy .fadingBox.fadingBoxOpen .title {
    height: 42px;
    line-height: 30px;
    padding-bottom: 0px;
    background: none;
    font-size: 16px;
  }
  #bigFading .bigFadingBoxy .fadingBox6 .title,
  #bigFading .bigFadingBoxy .fadingBox6.fadingBoxOpen .title {
    background-color: #f4438b;
  }
}
@media screen and (min-width: 690px) and (max-width: 1060px) {
  #supersized,
  #bigFading {
    min-height: 600px;
  }
}
@media screen and (min-width: 1640px) {
  #bigFading .bigFadingBoxy {
    left: 1px;
    right: 1px;
  }
}
/* 4.2 Podstránky ---------------------------------------------------------------------------------------- */

/* Fotogalerie */

@media screen and (min-width: 491px) and (max-width: 989px) {
  #content .fotogalerieSeznam a.fotogaleriePolozka {
    min-width: 220px;
    background-position: 96% 73px;
    overflow: hidden;
  }
  #content .fotogalerieSeznam a:hover.fotogaleriePolozka {
    background-position: 96% -73px;
  }
  #content .fotogalerieSeznam a.fotogaleriePolozka span.obrazek,
  #content .videogalerie.fotogalerieSeznam a.fotogaleriePolozka span.obrazek {
    display: table-cell;
    width: 350px;
    height: 120px;
    padding: 0px;
    text-align: center;
  }
  #content .fotogalerieSeznam a.fotogaleriePolozka span.nazev {
    display: block;
    height: auto;
    min-height: 45px;
    padding: 5px 20px;
    background-image: none;
    font-size: 1.2em;
    text-align: center;
  }
}
@media screen and (max-width: 490px) {
  #content .fotogalerieSeznam .fotogaleriePolozka,
  #content .fotogalerieSeznam .fotogaleriePolozka.float-l,
  #content .fotogalerieSeznam .fotogaleriePolozka.float-r {
    float: none;
    width: 100%;
    font-size: 0.9em;
  }
}
/* Modré taby */

/* Položky ve výpisu (aktuality, články, atd.) */

/* Stránkovač */

/* Detail položky (aktuality, články, atd.) */

/* Formulář s modrým pozadím */

@media screen and (max-width: 989px) {
  #content .blueForm .polozka {
    float: none;
    width: auto;
    padding: 0px 0px 5px 0px;
  }
  #content .blueForm .formInfoHelp {
    float: none;
    padding: 5px 0px 0px 0px;
  }
  #content .blueForm textarea {
    width: 90%;
    max-width: 95%;
  }
  #content .blueForm input[type='submit'] {
    margin-left: 0px;
  }
}
/* Virtuální prohlídka */

/* Anketa */

/* Fotogalerie (mobilní zařízení) */

/* Modul Kariéra */

@media screen and (max-width: 1024px) {
  #content .karieraVypis .ico img {
    width: 120px;
  }
}
/* Kariera - formular*/

/* Modul Kalendář */

/* Provozovatel a investor */

/* Jak se k nam dostanete */

/* Ceniky */

/* Ke stažení - modul */

/* soubory uvnitr kategorie */

/* Newsletter - modul */

/* Partneri */

/* Media */

/* Rezervace odkaz ve strance */

/* Rezervační systém */

/* 5. Sidebar -------------------------------------------------------------------------------------------- */

/* 5.1 Sidebar left -------------------------------------------------------------------------------------- */

/* Bannery */

/* Kalendář akcí box */

/* 5.2 Sidebar right ------------------------------------------------------------------------------------- */

/* 6. Footer --------------------------------------------------------------------------------------------- */

/* Oranžový footer */

@media screen and (min-width: 690px) and (max-width: 920px) {
  #footer .footerTop .footerTopPolozka .popis {
    display: none;
  }
}
/* Newsletter ve footeru */

@media screen and (max-width: 840px) {
  #footer .footerNewsletter {
    width: auto;
    padding: 0px 10px;
  }
  #footer .footerNewsletter .title {
    font-size: 14px;
  }
}
/* Menu v patičce */

@media screen and (max-width: 990px) {
  #footer .footerMenu .levyOklondek ul li a {
    font-size: 12px;
  }
}

@media screen and (min-width: 1330px) {
  #footer .footerMenu .levyOklondek ul {
    padding-right: 20px;
    padding-left: 30px;
  }

  #footer .footerMenu .levyOklondek .title {
    padding-left: 30px;
  }
}
/* Spodní část footeru */

/* 7. Ostatní --------------------------------------------------------------*/

/* 7.1 AITOM ---------------------------------------------------------------*/

@media screen and (max-width: 540px) {
  #header .odpocet {
    display: none;
  }
}