/* DESKTOP */

table.prukaz_narocnosti_tabulka {
	width: 466px;
	height: 183px;
	border: solid 1px black;
}
table.prukaz_narocnosti_tabulka    td {
	border: solid 1px black;
}

h1#uvodka_nadpis, h2 {
	padding: 10px 0;
}
#stred, #uvodka_dalsi_info, #uvodka_dalsi_realizace,
#uvodka_left, #uvodka_text, #uvodka_nadpis, #uvodka_produkty,
#uvodka_realizace {
	position: relative;
}
#uvodka_left {
	width: 50%;
	float: left;
}
#uvodka_right {
	display: block;
}
#uvodka_realizace {
	float: right;
	height: auto;
	position: relative;
	z-index:10;
}
#uvodka_odrazky {
	padding: 0;
}
#uvodka_nadpis {
	height: auto;
}
#uvodka_text {
	top: -45px;
}
#uvodka_vice_onas {
	top: 617px;
}
#uvodka_dalsi_info {
	top: 0;
}

@media (min-width: 1000px) {
	#uvodka_dalsi_realizace span {
		position: absolute;
		padding-left: 10px;
		left: 0;
		z-index: 999;
	}
	a.ukazky_realizaci_cihlove_link {
		position: absolute;
		right: 150px;
		z-index: 999;
	}
	a.ukazky_realizaci_montovane_link {
		position: absolute;
		right: 20px;
		z-index: 999;
	}
}
@media (max-width: 1000px) {
	#uvodka_dalsi_realizace span {
		position: relative;
		padding-left: 10px;
		left: 0;
		z-index: 999;
	}
}


@media (max-width: 1024px) {
	/* VYCPÁVKA */
	#vycpavka-des, #vycpavka_ikony {
		width: 100vw;
		max-width: 100%;
	}
	/* ÚVOD */
	#top {
		width: 100vw;
		max-width: 100%;
		background: #4D6B84 url("/_img/mobil-logo-30.png") center no-repeat;
		display: block;
	}
	#top #slogan {
		left: 0;
		top: 10px;
		color: white;
		display: block;
		margin: 0 15px;
	}
	#stranka {
		margin: 0;
		width: 100vw;
		display: block;
		max-width: 100%;
	}
	#uvodka_obal {
		width: 90vw;
		margin: 0;
		display: block;
		height: auto;
	}
	#uvodka_left {
		width: 90vw;
		display: block;
		float: none;
	}
	#uvodka_text {
		text-align: left;
		display: block;
		top: 0;
		height: auto;
	}
	#uvodka_right #uvodka_realizace {
		width: 90vw;
		height: auto;
		display: block;
	}
	#uvodka_right #uvodka_realizace b {
		text-align: center;
		display: block;
		padding: 10px 0;
	}
	#uvodka_nadpis, #uvodka_text  {
		margin: 0;
		width: 90vw;
		clear: both;
		display: block;
		max-width: 100%;
	}
	#uvodka_odrazky {
		padding:0;
		display: block;
	}
	#uvodka_odrazky #vimeo iframe {
		margin: 0;
		width: 55vw;
		height: auto;
		display: block;
		max-width: 100%;
	}
	#uvodka_realizace a, #uvodka_realizace img {
		width: 45vw;
		height: auto;
		padding: 0;
		margin: 0 auto;
		padding: 2px 0;
		background: none;
	}
	#uvodka_vice_onas {
		display: none;
	}
	#uvodka_banner {
		max-width: 100%;
		overflow: hidden;
		visibility: hidden;
	}
	#uvodka_dalsi_info {
		width: auto;
		top: 20px;
		left: 0;
		float: none;
		display: block;
		clear: both;
	}
	h2 {
		font-size: 20px;
	}
	a {
		font-size: 12px;
	}
	 #uvodka_dalsi_realizace {
		width: auto;
		height: auto;
		top: 20px;
		left: 0;
		float: none;
		display: block;
		clear: both;
	}
	#uvodka_dalsi_realizace a {
		padding-left: 10px;
		display: block;
	 }
	#uvodka_produkty {
		width: 100%;
		height: auto;
		display: block;
	}
	#uvod_tp {
		padding: 10px 0;
	}
	#uvodka_ikony {
		padding: 0;
		margin: 20px auto;
	}
	#paticka {
		width: 100%;
		height: 300px;
	}
	#paticka #gplus {
		left: 80vw;
	}
	#paticka #prava_cast {
		padding: 5px;
		margin: 0 auto;
		height: auto;
	}
	/* TYPOVÉ PROJEKTY */
	.space {
		margin-left: 0;
	}
	.projekt {
		width: calc(100% - 50px);
	}
	/* CIHLOVÉ DOMY */
	.fotobb img {
		margin: 5px auto;
	}
	#obsah_banner {
		position: relative;
		top: 0;
		right: 0;
		display: none;
	}
	/* OSTATNÍ */
	body {
		width: 100vw;
		max-width: 100%;
		min-width: 100vw;
	}
	textarea, table, img {
		max-width: 100%;
		height: auto;
	}
	tr, td {
		max-width: 80%;
	}
	iframe {
		max-width: calc(100vw - 50px);
	}
	/* TABULKY */
	.detail_box_text {
	width: calc(100% - 20px);
	padding: 10px;
	}
	/* KONTAKT */
	.jcarousel-skin-tango .jcarousel-clip-horizontal {
		width: 78vw;
	}
	.jcarousel-skin-tango .jcarousel-container-horizontal {
		float: left;
		padding: 0px 40px;
		width: calc(100vw - 80px);
	}
}

	/* MENU */
@media (max-width: 770px) {
	#top #top_menu {
		right: 0;
		top: 308px;
		background: none;
	}
	#main-menu {
		z-index: 999;
		margin: 0 auto;
		padding: 0 20px;
		position: relative;
		box-sizing: border-box;
		width: calc(100% - 10px);
	}
	#main-menu ul a {
		padding: 5px 0 5px 20px;
	}
	#main-menu ul {
		width: auto;
		top: inherit;
		left: inherit;
		display: block;
		background: none;
		position: relative;
		padding-left: 20px;
	}
	#main-menu ul li {
		width: 100%;
		height: auto;
		display: block;
		overflow: visible;
	}
	#top_menu .oddelovac {
		display: none;
	}
	#top_menu a.aktivni {
		margin: 0;
		padding: 10px;
		line-height: 1;
		font-size: 23px;
		box-sizing: border-box;
	}
	a#opener {
		top: -5px;
		right: 5px;
		width: 60px;
		padding: 0 15px;
		line-height: 42px;
	}
	#opener span {
		transform: none;
		margin-right: 7px;
		display: inline-block;
	}
	#main-menu li {
		height: auto;
		display: block;
	}
		/* úprava menu dle zadání */
	#main-menu a {
		margin: 0;
		font-size: 13px;
		background: none;
		background: #B95F00;
		padding: 10px 0 10px 10px;
	}
	body:not(:target) #top_menu:target a#closer {
		right: 5px;
		left: auto;
		padding: 0;
		top: -40px;
		width: 40px;
		height: 40px;
		display: block;
		font-size: 21px;
		font-weight: bold;
		line-height: 40px;
		position: absolute;
		text-align: center;
		background: #e57704;
	}
	body:not(:target) #top_menu:target a#closer:hover {
		text-decoration: none;
	}
}

@media (max-width: 490px) {
	#uvodka_odrazky #vimeo iframe {
		width: 90vw;
	}
	#uvodka_realizace a, #uvodka_realizace img {
		width: 90vw;
	}
}

@media (max-width: 1000px) {
		/* oddělání prázdný mezery u bannerů */
	.banner_zmiz {
		display: none;
	}
	table, table.prukaz_narocnosti_tabulka {
		width: 90vw;
		text-align: center;
	}
}

@media (max-width: 1000px) {
	#bungalowy-stranka {
		height: auto;
	}
	#bungalowy-stranka video {
		float: none;
		display: block;
		margin: 0 auto;
	}
}