/* 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)

Mobilní verze < 690px
--------------------------------------------------------------------------------------------------------- */
@media screen and (max-width: 689px) {

/* 1. Body ---------------------------------------------------------------------------------------------- */
body {
	padding-top: 0 !important;
}
/* 1.1 Tags ---------------------------------------------------------------------------------------------- */
h1, .h1 { font-size: 2.3em; }
h2, .h2 { font-size: 1.8em; padding-bottom: 10px; }
h3, .h3 { font-size: 1.6em; padding-bottom: 10px; }
h4, .h4 { font-size: 1.4em; padding-bottom:  5px; }
h5, .h5 { font-size: 1.2em; padding-bottom:  5px; }

body.fotogalerie h1 { font-size: 2.3em; }

p { line-height: 130%; }

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

/* 2. Layout --------------------------------------------------------------------------------------------- */
#header,
body.main #header,
body.fotogalerie #header
{
	background: #003F7D;
	min-height: 0;
}

#navig
{
	float: none;
	clear: both;
	margin: 0px 1% 1% 1%;
	padding: 0px;
}

#jq_isMobile
{
	z-index: 1;
}

body.default #container,
body.landingPage #container,
body.noLeftPane #container,
body.fotogalerie #container,
body.virtualni_prohlidka #container
{
	position: static;
	top: auto;
	width: auto;
	margin: 0px;
	padding: 25px 5px 10px 5px;
	background-color: #ffffff;
	box-shadow: none;
	opacity: 1;
	filter: alpha(opacity=100);
}

body.default #container.eshopWinter {
	background-position: center 63px;
}

body.default #content,
body.fotogalerie #content
{
	float: none;
	width: 100%;
	padding: 0px;
}

body.default #content,
body.noLeftPane #content,
body.fotogalerie #content
{
	border-bottom: 5px solid #E4E4E4;
}

body.default #sideLeft
{
	width: 100%;
	padding: 0px;
}

/* 2.1 Všeobecné prvky ----------------------------------------------------------------------------------- */
.halfLeft,
.halfRight
{
	float: none;
	width: auto;
}

.bigger
{
	font-size: 1.1em;
}

/* 3. Header --------------------------------------------------------------------------------------------- */
#header a.logo
{
	width: 171px;
	height: 57px;
	margin: 0px;
	background: url('../images/bg/logo3.png?1') no-repeat left top;
}

#header .vyhledavani,
#header .userOptions
{
	display: none;
}

#header .jazyky,
#header .switchLng
{
	display: none;
}

#header .openMenu
{
	display: block;
	position: absolute;
	right: 5px;
	top: 5px;
	height: 37px;
	line-height: 37px;
	padding: 0px 30px 0px 10px;
	background: #002C58 url('../images/bg/menuOpen.png') no-repeat 90% 0px;
	border-top: 1px solid #4096B9;
	color: #ffffff;
	font-size: 1.1em;
	font-weight: bold;
	cursor: pointer;
}

#header .openMenu.menuOpened
{
	background-position: 90% 100%;
}

#header .headerTop
{
	display: none;
}

/* 3.1 Navigace ------------------------------------------------------------------------------------------ */
#navig ul
{
	float: none;
	padding-left: 0;
}

#navig ul li
{
	float: none;
	padding: 0px;
	background: none;
	border-bottom: 1px solid #64C6E4;
}

#navig ul li:last-child
{
	border-bottom: none;
}

#navig ul li a
{
	float: none;
	height: auto;
	line-height: normal;
	margin: 0;
	padding: 8px 20px;
	/*background: #00305F;*/
}

#navig ul li a span.navigBtn {
	float: none;
	background: none;
	padding: 0;
	height: auto;
	line-height: normal;
}

#navig li.openedSub .navigSubOklondek {
	display: none;
}

#navig ul li a:hover,
#navig ul li.openedSub a,
#navig ul li a.active
{
	background: #ffffff;
}

#navig ul li.home {
	display: none;
}


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

/* 4.1 Hlavní stránka ------------------------------------------------------------------------------------ */
/* Velký obrázek na pozadí */
#bigFading
{
	background: url('../images/bg/fadingMobile01.jpg') no-repeat left center;
	background-size: cover;
}

body.fotogalerie #bigFading
{
	display: none;
}

.bigFading .fadingPrev,
.bigFading .fadingNext,
.bigFading .fadingPages
{
	display: none;
}

#bigFading .bigFadingBoxy
{
	bottom: 50px;
	left: 5px;
	right: 5px;
}

#content .kalendarMain
{
	margin: 0px;
	padding: 5px;
}

#content .kalendarMain h2
{
	background: none;
	padding: 10px 0px 5px 0px;
	font-size: 1.8em;
	font-weight: bold;
}

#content .kalendarAkci
{
	display: none;
}

#content .kalendarMain .nejblizsiAkceSeznam
{
	display: block;
}

#content .kalendarMain .nejblizsiAkceSeznam .nejblizsiAkce
{
	padding: 10px 0px;
	border-bottom: 1px solid #BABABA;
}

#content .kalendarMain .nejblizsiAkceSeznam .nejblizsiAkce .nejblizsiAkceDatum div.den,
#content .kalendarMain .nejblizsiAkceSeznam .nejblizsiAkce .nejblizsiAkceDatum div.cislo,
#content .kalendarMain .nejblizsiAkceSeznam .nejblizsiAkce .nejblizsiAkceDatum div.rok,
#content .aktualityMain .aktualitaMain .aktualitaMainDatum div.den,
#content .aktualityMain .aktualitaMain .aktualitaMainDatum div.cislo,
#content .aktualityMain .aktualitaMain .aktualitaMainDatum div.rok
{
	float: left;
	padding: 0px 5px 0px 0px;
	line-height: 1em;
	font-size: 1em;
	color: #717171;
}

#content .kalendarMain .nejblizsiAkceSeznam .nejblizsiAkce .nejblizsiAkcePopis
{
	clear: both;
}

#content .kalendarMain .nejblizsiAkceSeznam .nejblizsiAkce .nejblizsiAkcePopis .title
{
	padding: 5px 0px;
	font-size: 1.1em;
	font-weight: bold;
}

#content .kalendarMain .nejblizsiAkceSeznam .nejblizsiAkce .nejblizsiAkcePopis p
{
	display: block;
	padding-bottom: 5px;
	line-height: 130%;
}

#content .aktualityMain
{
	padding: 10px;
	border: none;
}

#content .aktualityMain h2
{
	background: none;
	padding: 10px 0px 10px 0px;
	font-size: 1.8em;
	font-weight: bold;
}

#content .aktualityMain .aktualitaMain .aktualitaMainDatum
{
	width: auto;
	height: auto;
	background: none;
	left: 140px;
	top: 0px;
	text-align: left;
}

#content .aktualityMain .aktualitaMain .aktualitaMainDatum div
{
	padding-top: 0px;
}

#content .aktualityMain .aktualitaMain .aktualitaMainPopis .title
{
	padding: 20px 0px 5px 0px;
}

#content .aktualityMain .aktualitaMain .aktualitaMainPopis
{
	max-width: none;
	margin: 0px;
}

#content .aktualityMain .aktualitaMain .aktualitaMainImg
{
	float: left;
	position: static;
	margin: 0px 10px 0px 0px;
}

#content .kalendarMainBg,
#content .aktualityMainBg
{
	float: none;
	width: 100%;
	min-height: 0px;
}

#content .facebookBoxMainBg
{
	display: none;
}

/* Ohlasy */
#bigFading .ohlasy:hover .ousko {
	display: none;
}

#bigFading .ohlasy .obsah {
	max-width: 90%;
}
/* 4.2 Podstránky ---------------------------------------------------------------------------------------- */
#content .blueTabs
{
	height: auto;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	background: none;
}

#content .blueTabs ul
{
	height: auto;
	background: none;
	border-bottom: 1px solid #C8DDED;
}

#content .blueTabs ul li
{
	float: none;
	height: 37px;
	line-height: 37px;
	margin: 0px;
	padding: 0px;
}

#content .blueTabs ul li:first-child
{
	padding: 0px;
	background: none;
}

#content .blueTabs ul li a
{
	float: none;
	height: 37px;
	line-height: 37px;
	background: url('../images/bg/tabs1.png') repeat-x 0px -74px;
}

#content .blueTabs ul li a:hover
{
	background-position: 0px -37px;
}

#content .blueTabs ul li a.active
{
	background-position: 0px 0px;
}

#content .blueTabs ul li a span
{
	float: none;
	padding: 0px;
	background: none;
}

#content .kalendarik
{
	float: none;
	width: auto;
	height: 15px;
	background: none;
}

#content .kalendarik .den,
#content .kalendarik .cislo,
#content .kalendarik .rok
{
	float: left;
	padding: 0px 5px 0px 0px;
	line-height: 1em;
	font-size: 1em;
	color: #717171;
}

#content .vypisPolozka
{
	padding: 5px 0px;
}

#content .vypisPolozka .vypisPolozkaImg
{
	padding: 5px 10px 5px 0px;
}

#content .vypisPolozka .vypisPolozkaImg img
{
	max-width: 100px;
}

#content .vypisPolozka .vypisPolozkaText,
#content .aktualityVypis .vypisPolozka .vypisPolozkaText
{
	padding: 5px 0px 0px 0px;
}

#content .polozkaDetail .polozkaDetailImg
{
	padding: 0px 10px 0px 0px;
}

#content .polozkaDetail .polozkaDetailImg a
{
	display: block;
}

#content .polozkaDetail .polozkaDetailImg .kalendarik
{
	position: static;
}

#content .partneri .partnerLogo
{
	width: 45%;
	height: 45%;
	min-height: 0px;
	margin: 0px 2px 10px 2px;
}

#content .partneri .partnerLogo img
{
	width: 100%;
}

/* Virtuální prohlídka */
#content .vpContent
{
	width: 100%;
	margin: 15px auto;
	padding: 1px 0px;
	background-color: #ffffff;
	box-shadow: none;
}

/* Fotogalerie a videogalerie */
#content .videogalerie.fotogalerieSeznam a.fotogaleriePolozka span.obrazek
{
	width: 125px;
}

#content .fotogalerieDetail
{
	display: block;
}

#content .fotogalerieDetail .fotkaDetail
{
	float: left;
	margin: 5px;
}

#content .fotogalerieDetail .fotkaDetail a
{
	display: table-cell;
	width: 150px;
	height: 150px;
	border: 3px solid #3FCFF3;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
}

#content .fotogalerieDetail .fotkaDetail a:hover
{
	border-color: #003F7D;
}

#content .fotogalerieDetail .fotkaDetail a img
{
	display: block;
	margin: 0px auto;
	border: none;
}

/* Modul Kariéra */
#content .karieraVypis
{
	width: 90%;
}

#content .karieraVypis .ico
{
	margin: 10px 0px 15px 0px;
	width: 100%;
}

#content .formularKariera tr td.firstRow
{
	width: 40%;
}

#content .formularKariera input.text
{
	width: 80%;
}

#content .formularKariera textarea
{
	width: 100%;
}

/* Modul Kalendář */
#content .filterForm .inputWrap
{
	margin-bottom: 10px;
}

#content .filterForm .inputWrap.right
{
	margin-right: 0px;
}

#content .filterForm .filterBtn
{
	float: left;
	margin-top: 0px;
}

#content .datumACas {
	float: none;
	width: auto;
}

#content .datumACas:after { display: block; content: ""; clear: both; height: 0px; visibility: hidden; }

#content .datumOdBg
{
	background: none;
	width: auto;
	text-align: left;
}

#content .datumOd,
#content .datumDo
{
	float: left;
	height: 15px;
	margin-bottom: 10px;
}

#content .datumOdBg .den,
#content .datumOdBg .cislo,
#content .datumOdBg .rok
{
	float: left;
	padding-right: 5px;
	color: #666666;
	font-size: 1em;
	line-height: 1em;
	font-weight: normal;
}

#content .datumOdBg .datumDo {
	padding: 0;
}

#content .datumOdBg .datumDo:before,
#content .casDoBg:before {
	float: left;
	content: "-";
	font-size: 1em;
    font-weight: normal;
    line-height: 1em;
    padding-right: 5px;
}

#content .datumOdBg .datumDo .den,
#content .datumOdBg .datumDo .cislo,
#content .datumOdBg .datumDo .rok {
	color: #999999;
}

#content .casOdBg,
#content .casDoBg
{
	float: left;
	height: auto;
	margin-right: 5px;
	background: none;
	padding: 0px;
	line-height: 1em;
	text-align: left;
}

/* Provozovatel a investor */
#content .polovicniBox
{
	width: 96%; /*450*/
	margin-right: 0px;
	float: left;
	padding: 2%;
}

#content .kalendar .eventText
{
	padding: 0px;
}

/* Jak se k nam dostanete */
#content .vyberDopravniProstredek li
{
	padding: 0px 10px 40px 10px;
}

#content .cenikyVyber li
{
	padding: 0px 10px 40px 10px;
}

/* Ke stažení - modul */
#content .kestazeniVypis
{
	width: 90%;
}

#content .newslet .blueForm input[type='text']
{
	width: 94%;
}

/* Partneri */

/* Media */

/* Rezervace odkaz ve strance */
#content .vyberPartnera li
{
	padding: 0px 10px 40px 10px;
}

#content .mediaVyber li
{
	padding: 0px 10px 40px 10px;
}

/* Rezervační systém */
#content .rezervace .rvaceFiltr div.filtrSelect
{
	padding-bottom: 5px;
}

#content .rezervace .wc-toolbar
{
	height: auto;
}

#content .rezervace .wc-container.containerFixed .wc-header {
	width: auto;
	left: 0;
	margin: 0 17px;
}

#content .rezervace .wc-toolbar:after
{
	display: block;
	content: "";
	clear: both;
	height: 0px;
	visibility: hidden;
}

#content .rezervace h1.wc-title
{
	float: left;
	font-size: 1.4em;
}

#content .rezervace .wc-header
{
	clear: both;
}

/* Modul Newsletter v contentu aktualit */
#content .newsletterAlt input[type="text"] {
	width: 200px;
}

#content .newsletterAlt .inputWrap.souhlas {
	padding-left: 0;
	clear: none;
}

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

/* 5.1 Sidebar left -------------------------------------------------------------------------------------- */
#sideLeft .submenu
{
	padding-right: 12px;
}

/* Bannery */

/* Kalendář akcí box */

#sideLeft .kalendarBox,
#sideLeft .facebookLeft
{
	display: none;
}

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

/* 6. Footer --------------------------------------------------------------------------------------------- */
/* Oranžový footer */
#footer .footerTop .footerTopPolozka
{
	float: none;
	width: 100%;
}

/* Newsletter ve footeru */
#footer .footerNewsletter input[type='text']
{
	width: 100px;
	font-size: 12px;
}

/* Menu v patičce */
#footer .footerMenu .levyOklondek,
#footer .footerMenu .levyOklondek.dvaNaRadek
{
	width: 49%;
	max-width: none;
	min-height: 100px;
	padding: 5px 0px;
}

#footer .footerMenu .levyOklondek ul li,
#footer .footerMenu .levyOklondek.dvaNaRadek ul li
{
	float: none;
	width: auto;
	padding: 5px 0px;
}

#footer .footerMenu .levyOklondek ul li a
{
	font-size: 1.1em;
}

/* Spodní část footeru */
#footer .footerBottom
{
	width: 100%;
	float: none;
	padding: 0px;
	text-align: center;
}

#footer .footerBottom .float-r,
#footer .realizace
{
	width: 100%;
	float: none;
	padding-left: 0px;
	padding-right: 0px;
	text-align: center;
}

#footer .footerBottom .bottomMenu
{
	width: 100%;
	float: none;
	padding: 0px;
}

#footer .footerBottom .copyright
{
	float: none;
}

#footer .footerBottom .telefon,
#footer .footerBottom .email
{
	float: none;
	clear: both;
	display: inline-block;
}

#footer .footerBottom .bottomMenu a
{
	margin: 0px 5px;
	float: none;
}

#footer .footerBottom .socialSite
{
	float: none;
	max-width: 200px;
	margin: 0px auto;
}

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


.boxLogin, .ohlasy {display:none;}


/* 7.1 AITOM ---------------------------------------------------------------*/
/* Zprávy AITOMu */

}/* end @media */





