/* STRANKA ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
body {
	background: #efefef;
	font-family: Verdana;
}
#page {
	position: relative;
	margin: 0px auto;
	width: 1011px;
	background: white url("grweb/pozadi.png") center top repeat-y;
	padding: 2px 0px 2px 0px;
}
#telo {
	position: relative;
	top: 2px;
	margin: 0px auto;
	width: 995px;
	height: 100%;
	padding: 7px 0px 0px 0px;
	background: #ffc700;
	clear: both;
}

/* HLAVICKA----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------  */
#hlavicka {
	position: relative;
	z-index: 4;
	margin: 0px auto;
	width: 995px;
	height: 218px;
	background: #ffc700;
}
#hlleva {
	margin: 0px;
	width: 351px;
	#width: 348px;
	height: 100%;
	background: #ffc700 url("grweb/hlavicka.png") right center no-repeat;
}
#hlprava {
	margin: 0px;
	width: 644px;
	height: 100%;
	float: right;
	background: white;
}
#hlhorni {
	margin: 0px;
	width: 100%;
	height: 180px;
	float: none;
}
#hldolni {
	position:relative;
	top: 1px;
	margin: 0px;
	width: 100%;
	height: 37px;
	clear: both;
	background: white url("grweb/hmenuright.png") right center no-repeat;
}

/* HLAVICKA LEVA----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------  */
#vlajky {
	margin:0; padding:0;
	position: relative;
	top: -25px;
	left: 255px;
}
#vlajky img {
	border: 0px;
}
#hlnadpis {
	margin:0; padding:0;
	position: relative;
	top: 170px;
	left: 10px;
	width:326px; height:35px;
	overflow:hidden;
}
#hlnadpis span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:326px; height:35px;
	margin:0; padding:0;
}

/* HLAVICKA PRAVA----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------  */
#hldolni a {
	color: #efefef;
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana;
	line-height: 250%;
	float:left;
	margin-right: 1px;
  width:140px;   
	padding: 0px 10px 0px 10px;
	height:37px;
	overflow:hidden;
	background:url("grweb/hmenu.png") center center repeat-x;
	text-decoration:none;
	cursor:pointer;
}
#hldolni a.active {
	color: #ff7900;
}
#hldolni a:hover {
	color:red;
}
#prvni, #druhy,#treti, #ctvrty {
	background: white;
}
#prvni div, #druhy div, #treti div, #ctvrty div {
	background: white;
	width: 100%;
	border: #313031 1px solid;
	border-top: 0px;
}
#prvni a, #druhy a, #treti a, #ctvrty a {
	color: #ff7900;
	font-size: 13px;
	font-weight: bold;
	font-family: Verdana;
	line-height: 200%;
	padding: 00px 10px 0px 10px;
	text-decoration: none;
	cursor:pointer;
}
#prvni a:hover, #druhy a:hover, #treti a:hover, #ctvrty a:hover {
	color: #222;
/*	text-decoration: underline;*/
}

/* LEVE MENU----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------  */
#vlevo {
	font-size: 13px;
	font-weight: bold;
	margin: 0px 0px 0px 7px;
	width: 188px;
	float: left;
	background: #ffc700;
}
.menu {
	background: white url("grweb/menu.png") left center no-repeat;
	height: 27px;
	margin-bottom: 1px;
	width: 176px;
	padding-left: 10px;
	overflow: hidden;
}
.menux {
	background: white url("grweb/menur.png") left center no-repeat;
	height: 27px;
	margin-bottom: 1px;
	width: 176px;
	padding-left: 10px;
	overflow: hidden;
}
.menu-active {
	background: #dfdfdf url("grweb/menuactive.png") left center no-repeat;
	height: 27px;
	margin-bottom: 1px;
	width: 176px;
	padding-left: 10px;
}
.menu-activex {
	background: #dfdfdf url("grweb/menuactiver.png") left center no-repeat;
	height: 27px;
	margin-bottom: 1px;
	width: 176px;
	padding-left: 10px;
}
.menu-submenu {
	background: white url("grweb/menu.png") left center no-repeat;
	height: 27px;
	margin-bottom: 1px;
	margin-left: 15px;
	width: 161px;
	padding-left: 10px;
	font-size: 12px;
	font-weight: normal;
}
.menu-submenux {
	background: white url("grweb/menur.png") left center no-repeat;
	height: 27px;
	margin-bottom: 1px;
	margin-left: 15px;
	width: 161px;
	padding-left: 10px;
	font-size: 12px;
	font-weight: normal;
}
.menu-submenu-active {
	background: #dfdfdf url("grweb/menuactive.png") left center no-repeat;
	height: 27px;
	margin-bottom: 1px;
	margin-left: 15px;
	width: 161px;
	padding-left: 10px;
	font-size: 12px;
	font-weight: normal;
}
.menu-submenu-activex {
	background: #dfdfdf url("grweb/menuactiver.png") left center no-repeat;
	height: 27px;
	margin-bottom: 1px;
	margin-left: 15px;
	width: 161px;
	padding-left: 10px;
	font-size: 12px;
	font-weight: normal;
}
#vlevo a {
	color: #ff7900;
	font-family: Verdana;
	line-height: 200%;
	text-decoration:none;
	overflow:hidden;
	cursor:pointer;
	height:37px;
}
#vlevo a:hover {
	color: #222;
}

/* PRAVY SLOUPEC----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------  */
#vpravo {
	margin: 0px 7px 0px 0px;
	padding: 5px 0px 5px 0px;
	width: 240px;
	float: right;
	background: white;
	font-size:13px;
}
.miniobr {
	border: 1px solid #444;
	margin-top: 25px;
}
ul.rychle li {
	list-style-image: url("grweb/odrazka.png");
}
.rychlenad {
	color: #ff7900;
	font-size: 15px;
	font-weight: bold;
	margin-bottom: -10px;
	padding-bottom: 0px;
}
#vpravo a {
	color: #444;
	font-weight: bold;
	text-decoration: underline;
}
#vpravo a:hover {
	color: red;
}
#vpravo p {
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 0px;
	text-align: justify;
}
.viceinfo {
	width: 95%;
	text-align: right;
	margin-right: 10px;
}

/* STREDNI SLOUPEC----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------  */
#stred {
	width: auto;
	margin: 0px 251px 5px 199px;
	background: white;
	padding: 10px 20px 10px 20px;
	text-align: justify;
	color: #222;
	font-size: 12px;
	font-family: Verdana, sans-serif;
}
#stred a {
	color: black;
	text-decoration: underline;
}
#stred a:hover {
	color: red;
}
h1 {
	color: #222;
	font-size: 25px;
}
h2 {
	font-size: 16px;
	color: #222;
}

/* PATICKA----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------  */
#paticka {
	position: relative;
	background: #828482 url("grweb/pozadi2.png") left top repeat-x;
	margin: 0px auto;
	width: 995px;
	height: 28px;
	font-size: 11px;
	color: white;
	font-family: Verdana;
	text-align: center;
	clear: both;
}
#paticka p {
	padding: 6px 0px 0px 0px;
	margin: 0px;
}
#paticka a {
	color: #ff7900;
	text-decoration: none;
}
#paticka a:hover {
	color: red;
	text-decoration: underline;
}

.error, .succes, .question {border-width:1px; border-style:solid; padding:16px 20px 16px 60px;}
.error      {color:#d1481a; border-color:#d1481a; background:#fff1ec url('http://www.ingetour.cz/grafika/error.gif') center left no-repeat;}
.succes     {color:#669900; border-color:#669900; background:#f9ffec url('http://www.ingetour.cz/grafika/succes.gif') center left no-repeat;}
.question   {color:#399ece; border-color:#399ece; background:#f3f9fc url('http://www.ingetour.cz/grafika/question.gif') center left no-repeat;}















 /* DOČASNÉ NEZRUŠENÉ*/
#xxh2		{border: 0px; padding: 0px; padding-left: 40px; padding-right: 40px; font-size: 18px; text-align: left; font-weight: bold; color: #000}
#xx.cenik1		{border: 1px solid #34AA04; padding: 2px; background-color: #34AA04; color: #FDE4CE;}
#xx.cenik2		{border: 1px solid #34AA04; padding: 2px; text-align: left; background-color: #FDE4CE;}
#xx.cenik3		{border: 1px solid #34AA04; padding: 2px; text-align: right; background-color: #FDE4CE;}

#poradna {
	width: 100%;
	text-align: center;
}
#poradna a {color: #2b4d10; font-family: verdana; font-size: 11px; text-decoration: none; font-weight: normal}
#poradna a:hover {color: #336699; font-family: verdana; font-size: 11px; text-decoration: underline; font-weight: normal}

p.forum1, p.forum2 {
	margin: 15px 0px 0px 15px;
	text-align: left;
	border: O;
	font-size: 11px;
}
p.forum1 a, p.forum2 a {
	font-weight: normal;
	color: black;
}
div.forum1, div.forum2 {
	margin: 0px 15px 0px 15px;
	padding: 5px;
	text-align: left;
}
div.forum2  {border: 1px solid #669900; background:#f9ffec}
div.forum1  {border: 1px solid #399ece; background:#f3f9fc}





.aktualita img {
	float: left;
	border: 1px solid #444;
	margin-right: 10px;
}
.aktualita h3 {
	margin-bottom: 0px;
	padding-bottom: 0px;
	color: red;
}
.aktualita h3 a {
	color: #444;
	text-decoration: none;
}
.aktualita h3 a:hover {
	color: red;
	text-decoration: underline;
}
.aktualita p {
	margin-top: 0px;
	padding-top: 0px;
}
.aktualita a {
	color: #444;
	font-weight: bold;
	text-decoration: underline;
}
.aktualita a:hover {
	color: red;
}


/* ==============================================
   RESPONZIVNI DESIGN - MOBILNI ZOBRAZENI
   ============================================== */

/* Globalni opravy pro obrazky a iframy */
img {
	max-width: 100%;
	height: auto;
}

iframe {
	max-width: 100%;
}

/* Hamburger tlacitko - skryto na desktopu */
#mobile-menu-toggle {
	display: none;
}

@media screen and (max-width: 768px) {
	body {
		overflow-x: hidden;
	}

	/* --- Obal stranky --- */
	#page {
		width: 100% !important;
		overflow: hidden;
	}

	#telo {
		width: 100% !important;
		display: flex !important;
		flex-direction: column !important;
	}

	/* Poradi prvku na mobilu: tlacitko -> menu -> obsah -> pravy sloupec */
	#mobile-menu-toggle { order: 1; }
	#vlevo             { order: 2; }
	#stred             { order: 3; }
	#vpravo            { order: 4; }
	#telo > div:last-child { order: 10; }

	/* --- Hlavicka --- */
	#hlavicka {
		width: 100% !important;
		height: auto !important;
	}

	#hlprava {
		width: 100% !important;
		float: none !important;
	}

	#hlhorni {
		height: 130px !important;
		background-size: cover !important;
		background-position: center center !important;
	}

	#hldolni {
		height: auto !important;
		display: flex !important;
		flex-wrap: wrap !important;
		background: white !important;
	}

	#hldolni a {
		width: auto !important;
		flex: 1 1 45% !important;
		line-height: 1.5 !important;
		height: auto !important;
		font-size: 10px !important;
		padding: 7px 5px !important;
		text-align: center !important;
		box-sizing: border-box !important;
	}

	/* Logo a vlajky */
	#hlleva {
		width: 100% !important;
		height: 55px !important;
		float: none !important;
		overflow: hidden;
		display: flex !important;
		align-items: center !important;
		justify-content: flex-end !important;
		padding: 0 10px !important;
		box-sizing: border-box !important;
		background-position: left center !important;
		background-size: auto 80% !important;
	}

	#hlnadpis {
		display: none !important;
	}

	#vlajky {
		position: static !important;
		top: auto !important;
		left: auto !important;
		margin: 0 !important;
	}

	/* Skryt prazdny spacer div v #hlleva */
	#hlleva > div:not(#hlnadpis):not(#vlajky) {
		display: none !important;
	}

	/* Skryt dropdown menu na mobilu */
	#prvni, #druhy, #treti, #ctvrty {
		display: none !important;
		visibility: hidden !important;
	}

	/* --- Hamburger tlacitko pro mobilni menu --- */
	#mobile-menu-toggle {
		display: block;
		background: #ffc700;
		border: none;
		border-bottom: 2px solid #e6a800;
		font-size: 15px;
		cursor: pointer;
		padding: 10px 15px;
		width: 100%;
		text-align: left;
		font-family: Verdana, sans-serif;
		font-weight: bold;
		color: #333;
	}

	/* --- Leve menu --- */
	#vlevo {
		width: 100% !important;
		float: none !important;
		margin: 0 !important;
		display: none;
		overflow: hidden;
	}

	#vlevo.mobile-open {
		display: block;
	}

	.menu, .menux, .menu-active, .menu-activex {
		width: 100% !important;
		box-sizing: border-box !important;
	}

	.menu-submenu, .menu-submenux,
	.menu-submenu-active, .menu-submenu-activex {
		width: 90% !important;
		margin-left: 15px !important;
		box-sizing: border-box !important;
	}

	/* --- Pravy sloupec --- */
	#vpravo {
		width: 100% !important;
		float: none !important;
		margin: 0 !important;
		box-sizing: border-box !important;
	}

	/* --- Stredni obsah --- */
	#stred {
		margin: 0 !important;
		padding: 10px 15px !important;
		box-sizing: border-box !important;
	}

	/* --- Paticka --- */
	#paticka {
		width: 100% !important;
		height: auto !important;
		box-sizing: border-box !important;
	}

	/* --- Obrazky v aktualitach --- */
	.aktualita img {
		float: none !important;
		display: block !important;
		max-width: 100% !important;
		margin: 0 auto 10px auto !important;
	}

	/* --- Iframy v obsahu --- */
	#stred iframe {
		width: 100% !important;
		max-width: 100% !important;
		height: 250px !important;
	}
}