/* =Responsive (Mobile) Design
-------------------------------------------------------------- */

@media screen and (min-width: 1920px) {
	.IntroBoxCSS {
		position:fixed; 
		width:450px; 
		/*height: 645px; */
		height: 500px; 
		/*top:64px; */
		top:144px; 
		/*left:554px;*/ 
		left:735px; 
		z-index:1000;
	}
	
	.IntroBoxCSS_EN {
		position:fixed; 
		width:450px; 
		/*height: 645px; */
		height: 575px; 
		/*top:64px; */
		top:144px; 
		left:735px; 
		z-index:1000;
	}
	
	.IntroBoxCloseCSS {
		position:fixed; 
		cursor: pointer; 
		/*top:84px; */
		top:164px;		
		/*left:970px;*/
		left:1151px;
		z-index:1100; 
		color:#ffffff;
		font-size:24px;
	}
	.IntroBoxImg {
		width:450px; 
		height: 645px;
	}
	
	.IntroBoxImgButton {
		margin-top: 20px;
		width:220px; 
		height: 54px;
	}
	
	.menu-z-leva {
		padding-left:335px;
	}
	
	.aktuality-row {
		float:left; 
		margin-left:50px; 
		width:500px; 
		line-height:26px; 
		text-decoration:none;
	}
	
	.aktuality-line {
		width:100%; 
		float:left; 
		margin-left:400px; 
		margin-right:100px; 
		margin-bottom:30px;		
	}
	
	.aktuality-images {
		float: left;
		/* width: 100%; */
	}
	
	.aktualita-zarovnani {
		width:100%; 
		margin-left:150px;
	}
}


@media screen and (max-width: 1920px) {
	.menu-z-leva {
		padding-left:335px;
	}
	
	.IntroBoxCSS {
		position:fixed; 
		width:450px; 
		/*height: 645px; */
		height: 500px; 
		/*top:64px; */
		top:144px; 
		left:735px; 
		z-index:1000;
	}
	
	.IntroBoxCSS_EN {
		position:fixed; 
		width:450px; 
		/*height: 645px; */
		height: 575px; 
		top:144px; 
		left:735px; 
		z-index:1000;
	}
	
	.IntroBoxCloseCSS {
		position:fixed; 
		cursor: pointer; 
		/*top:84px; */
		top:164px; 
		left:1151px;
		z-index:1100; 
		color:#ffffff;
		font-size:24px;
	}
	.IntroBoxImg {
		width:450px; 
		height: 645px;
	}
	
	.IntroBoxImgButton {
		margin-top: 20px;
		width:220px; 
		height: 54px;
	}
	
	.aktuality-row {
		float:left; 
		margin-left:50px; 
		width:500px; 
		line-height:26px; 
		text-decoration:none;
	}
	
	.aktuality-line {
		width:100%; 
		float:left; 
		margin-left:400px; 
		margin-right:100px; 
		margin-bottom:30px;		
	}
	
	.aktuality-images {
		float: left;
		/* width: 100%; */
	}
	
	.aktualita-zarovnani {
		width:100%; 
		margin-left:150px;
	}
}

@media screen and (max-width: 1600px) {
	.menu-z-leva {
		padding-left:175px;
	}
	
	.IntroBoxCSS {
		position:fixed; 
		width:450px; 
		/*height: 645px; */
		height: 500px; 
		top:64px; 
		left:554px; 
		z-index:1000;
	}
	
	.IntroBoxCSS_EN {
		position:fixed; 
		width:450px; 
		/*height: 645px; */
		height: 575px; 
		top:64px; 
		left:554px; 
		z-index:1000;
	}
	
	.IntroBoxCloseCSS {
		position:fixed; 
		cursor: pointer; 
		top:84px; 
		left:970px;
		z-index:1100; 
		color:#ffffff;
		font-size:24px;
	}
	.IntroBoxImg {
		width:450px; 
		height: 645px;
	}
	
	.IntroBoxImgButton {
		margin-top: 20px;
		width:220px; 
		height: 54px;
	}
	
	.aktuality-row {
		float:left; 
		margin-left:50px; 
		width:500px; 
		line-height:26px; 
		text-decoration:none;
	}
	
	.aktuality-line {
		width:100%; 
		float:left; 
		margin-left:400px; 
		margin-right:100px; 
		margin-bottom:30px;		
	}
	
	.aktualita-zarovnani {
		width:100%; 
		margin-left:150px;
	}
}


@media screen and (max-width: 1500px) {
	.menu-z-leva {
		padding-left:120px;
	}
	
	.IntroBoxCSS {
		position:fixed; 
		width:450px; 
		height: 500px; 
		top:64px; 
		left:474px; 
		z-index:1000;
	}
	
	.IntroBoxCSS_EN {
		position:fixed; 
		width:450px; 
		height: 575px; 
		top:64px; 
		left:474px; 
		z-index:1000;
	}
	
	.IntroBoxCloseCSS {
		position:fixed; 
		cursor: pointer; 
		top:84px; 
		left:890px;
		z-index:1100; 
		color:#ffffff;
		font-size:24px;
	}
	.IntroBoxImg {
		width:450px; 
		height: 645px;
	}
	
	.IntroBoxImgButton {
		width:220px; 
		height: 54px;
	}
	
	.aktuality-row {
		float:left; 
		margin-left:50px; 
		width:500px; 
		line-height:26px; 
		text-decoration:none;
	}
	
	.aktuality-line {
		width:100%; 
		float:left; 
		margin-left:400px; 
		margin-right:100px; 
		margin-bottom:30px;		
	}
}

@media screen and (max-width: 1400px) {
	.menu-z-leva {
		padding-left:70px;
	}	
	
	.IntroBoxCSS {
		position:fixed; 
		width:450px; 
		height: 500px; 
		top:64px; 
		left:474px; 
		z-index:1000;
	}
	
	.IntroBoxCSS_EN {
		position:fixed; 
		width:450px; 
		height: 575px; 
		top:64px; 
		left:474px; 
		z-index:1000;
	}
	
	.IntroBoxCloseCSS {
		position:fixed; 
		cursor: pointer; 
		top:84px; 
		left:890px;
		z-index:1100; 
		color:#ffffff;
		font-size:24px;
	}
	.IntroBoxImg {
		width:450px; 
		height: 645px;
	}
	
	.IntroBoxImgButton {
		width:220px; 
		height: 54px;
	}
	
	.aktuality-row {
		float:left; 
		margin-left:50px; 
		width:500px; 
		line-height:26px; 
		text-decoration:none;
	}
	
	.aktuality-line {
		width:100%; 
		float:left; 
		margin-left:350px; 
		margin-right:100px; 
		margin-bottom:30px;		
	}
}

@media screen and (max-width: 1300px) {
	.menu-z-leva {
		padding-left:30px;
	}	
	
	.IntroBoxCSS {
		position:fixed; 
		width:450px; 
		height: 500px; 
		top:64px; 
		left:396px; 
		z-index:1000;
	}
	
	.IntroBoxCSS_EN {
		position:fixed; 
		width:450px; 
		height: 575px; 
		top:64px; 
		left:396px; 
		z-index:1000;
	}
	
	.IntroBoxCloseCSS {
		position:fixed; 
		cursor: pointer; 
		top:84px; 
		left:812px;
		z-index:1100; 
		color:#ffffff;
		font-size:24px;
	}
	.IntroBoxImg {
		width:450px; 
		height: 645px;
	}
	
	.IntroBoxImgButton {
		width:220px; 
		height: 54px;
	}
	
	.aktuality-row {
		float:left; 
		margin-left:50px; 
		width:500px; 
		line-height:26px; 
		text-decoration:none;
	}
	
	.aktuality-line {
		width:100%; 
		float:left; 
		margin-left:300px; 
		margin-right:100px; 
		margin-bottom:30px;		
	}
}
	
@media screen and (max-width: 1200px) {
	body {
	}

	#m_left_draty {
		display: none;
	}
	
	#m_left_lana {
		display: none;
	}
	
	.wingets_lana {
		height:680px;	
	}
	
	.grid,
	.grid-right {
		display: block;
		float: none;
		width: 100%;
		margin-right: 0;
	}

	.copyright,
	.scroll-top,
	.powered {
		float: left;
	}

	#featured-image .fluid-width-video-wrapper {
		margin: 20px 0 0 0;
	}

	.front-page  #widgets {
		margin-top: 40px;
	}

	.top-widget,
	.front-page  .top-widget {
		margin-top: 0 !important;
	}

	.hide-desktop {
		display: block;
	}

	.show-desktop {
		display: none;
	}

	.hide-980 {
		display: none;
	}

	.show-980 {
		display: block;
	}
	
	.aktualita {
	position: absolute; 
	text-align: center;
	cursor: pointer;
	background-color: rgba(0,25,162,0.25); 
	color: #ffffff; 
	font-size: 26px; 
	padding-top: 40px;	
	padding-bottom: 40px;	
	width:100%;
	left:0px; 
	top:280px; 
	height:20px;
	}
	
	.menu-z-leva {
		padding-left:0px;
	}

	.aktuality-row {
		float:left; 
		margin-left:50px; 
		width:500px; 
		line-height:26px; 
		text-decoration:none;
	}
	
	.aktuality-line {
		width:100%; 
		float:left; 
		margin-left:250px; 
		margin-right:100px; 
		margin-bottom:30px;		
	}
	
	.aktualita-zarovnani {
		width:100%; 
		margin-left:100px;
	}
}

@media screen and (max-width: 1150px) {
	.menu-z-leva {
		padding-left:0px;
	}
	.aktuality-row {
		float:left; 
		margin-left:50px; 
		width:500px; 
		line-height:26px; 
		text-decoration:none;
	}
	
	.aktuality-line {
		width:100%; 
		float:left; 
		margin-left:230px; 
		margin-right:100px; 
		margin-bottom:30px;		
	}	
	
	.aktualita-zarovnani {
		width:100%; 
		margin-left:80px;
	}
}

@media screen and (max-width: 1100px) {
	.menu-z-leva {
		padding-left:0px;
	}
	
	.flag {
		width: 30px;
		height: 30px;
	}
	
	.aktuality-row {
		float:left; 
		margin-left:50px; 
		width:500px; 
		line-height:26px; 
		text-decoration:none;
	}
	
	.aktuality-line {
		width:100%; 
		float:left; 
		margin-left:200px; 
		margin-right:100px; 
		margin-bottom:30px;		
	}
	
	.aktualita-zarovnani {
		width:100%; 
		margin-left:50px;
		margin-right:50px;
	}
}


@media screen and (max-width: 980px) {
	body {
	}

	.grid,
	.grid-right {
		display: block;
		float: none;
		width: 100%;
		margin-right: 0;
	}

	.copyright,
	.scroll-top,
	.powered {
		float: left;
	}

	#featured-image .fluid-width-video-wrapper {
		margin: 20px 0 0 0;
	}

	.front-page  #widgets {
		margin-top: 40px;
	}
	
	.wingets_lana {
		height:600px;	
	}
	
	
	.top-widget,
	.front-page  .top-widget {
		margin-top: 0 !important;
	}

	.hide-desktop {
		display: block;
	}

	.show-desktop {
		display: none;
	}

	.hide-980 {
		display: none;
	}

	.show-980 {
		display: block;
	}
	
	.aktualita {
		position: absolute; 
		text-align: center;
		cursor: pointer;
		background-color: rgba(0,25,162,0.25); 
		color: #ffffff; 
		font-size: 26px; 
		padding-top: 40px;	
		padding-bottom: 40px;	
		width:100%; 
		left:0px; 
		top:200px; 
		height:20px;
	}
	
	.menu-z-leva {
		padding-left:0px;
	}
	
	.flag {
		width: 20px;
		height: 20px;
		
	}
	
	.aktuality-row {
		float:left; 
		margin-left:50px; 
		width:500px; 
		line-height:26px; 
		text-decoration:none;
	}
	
	.aktuality-line {
		width:100%; 
		float:left; 
		margin-left:140px; 
		margin-right:100px; 
		margin-bottom:30px;		
	}
	
	.aktualita-zarovnani {
		width:100%; 
		margin-left:50px;
		margin-right:60px;
	}
	
}


@media screen and (max-width: 860px) {
	body {
	}
	
	.IntroBoxCSS {
		position:fixed; 
		width:450px; 
		height: 500px; 
		top:64px; 
		left:196px; 
		z-index:1000;
	}
	
	.IntroBoxCSS_EN {
		position:fixed; 
		width:450px; 
		height: 575px; 
		top:64px; 
		left:196px; 
		z-index:1000;
	}
	
	.IntroBoxCloseCSS {
		position:fixed; 
		cursor: pointer; 
		top:84px; 
		left:612px;
		z-index:1100; 
		color:#ffffff;
		font-size:24px;
	}
	.IntroBoxImg {
		width:450px; 
		height: 645px;
	}
	
	.IntroBoxImgButton {
		width:220px; 
		height: 54px;
	}

	.aktualita {
	position: absolute; 
	text-align: center;
	cursor: pointer;
	background-color: rgba(0,25,162,0.25); 
	color: #ffffff; 
	font-size: 26px; 
	padding-top: 20px;	
	padding-bottom: 20px;	
	width:100%; 
	left:0px; 
	top:280px; 
	height:20px;
	}

	.menu-z-leva {
		padding-left:0px;
	}
	
	.aktuality-row {
		float:left; 
		margin-left:50px; 
		width:500px; 
		line-height:26px; 
		text-decoration:none;
	}
	
	.aktuality-line {
		width:100%; 
		float:left; 
		margin-left:75px; 
		margin-right:100px; 
		margin-bottom:30px;		
	}
}

@media screen and (min-width: 650px) {
	body {
	}
	#mini-menu {
		display: none;
	}
	#menu {
		display: "";
	}
	
	.nadpisy-onas {
		width:100%; 
		margin-top:150px;
		margin-left:50px;
	}
	
	.nadpisy-onas-all {
		width:100%; 
		margin-top:60px;
		margin-left:50px;
	}
	
	.text-odstavec-clanku {
		/* float:left;
		width: 100%;
		overflow:auto; */
		margin-left:50px;
		margin-right:50px;
	}
	
	.text-clanky {
		font-size: 18px;
		line-height:26px; 
		color:#00019a;		
	}
	
	.div-tab-historie {
		width:50%;
		float: left;
	}
	
	.tab-historie {
		 border: 0px; 
		 width: 426px;
	}
	
	.delka-casti-historie {
		height:2500px;
	}
	
	.delka-casti-historie_en {
		height:2700px;
	}
	
	.delka-casti-tisk {
		height:750px;
	}
	
	.delka-casti-tisk_en {
		height:750px;
	}
	
	.delka-casti-kodex {
		/* height:4250px; */
	}
	
	.menuFootKontaktRamec {
		background: #f5f5f5; 
		margin-left:0px; 
		padding-left:90px; 
		margin-right:40px; 
		width:100%;
	}
	
	.menu-foot {
		float:left; 
		background: #f5f5f5; 
		border-right: 2px solid #2021a7; 
		margin-left:0px; 
		margin-top: 30px;
		padding-right:60px;
		padding-top:0px;
	}
	
	.menu-foot-kontakt {
		float:left; 
		background: #f5f5f5; 
		padding-left:60px;
		padding-top:60px;
		font-size: 16px;
	}
	
	.foot-mapa {
		float:right; 
		background: #f5f5f5; 
		padding-left:0px; 
		margin-left:0px; 
		margin-right:0px; 
		height:330px;
		width:550px;
	}
}
@media screen and (max-width: 650px) {
	body {
	}
	
	.IntroBoxCSS {
		position:fixed; 
		width:300px; 
		height: 430px; 
		top:64px; 
		left:10px; 
		z-index:1000;
	}
	
	.IntroBoxCSS_EN {
		position:fixed; 
		width:300px; 
		height: 530px; 
		top:64px; 
		left:10px; 
		z-index:1000;
	}
	
	.IntroBoxCloseCSS {
		position:fixed; 
		cursor: pointer; 
		top:74px; 
		left:280px;
		z-index:1100; 
		color:#ffffff;
		font-size:20px;
	}
	.IntroBoxImg {
		width:300px; 
		height: 430px;
	}
	
	.IntroBoxImgButton {
		width:110px; 
		height: 27px;
		margin-top: 5px;
	}
	
	h1 {
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 4em ; /*2.625em = 42px */
	letter-spacing:2px;
	color: #07008c;
	}

	#logo {
		float: none;
		margin: 0;
		text-align: center;
	}

	#logotrz {
		display: none;
	}
	
	#menu {
		/* display: none; */
	}
	
	#mini-menu {
		display: "";
		
	}
	.mini-menu-img {
		width: 40px;
		height: 40px;
	}
	
	.nadpisy-onas {
		width:100%; 
		margin-top:80px;
		margin-bottom: 20px;
		margin-left:20px;
	}
	
	.nadpisy-onas-all {
		width:100%; 
		margin-top:0px;
		margin-bottom:20px;
		margin-left:20px;
	}
	
	.text-odstavec-clanku { /* float:left;float:left;width: 100%;float:left;overflow:auto;  margin-left:50px; margin-right:50px; */
		float:left;
		width: 100%;
		overflow:auto;
		margin-left:10px;
		margin-right:10px;
	}
	
	.text-clanky {
		font-size: 12px;
		color:#00019a;		
	}
	
	.div-tab-historie {
		width:100%;
		float: left;
	}
	
	.tab-historie {
		 border: 0px; 
		 width: 100%;
	}
	
	.delka-casti-historie {
		height:3500px;
	}
	
	.delka-casti-tisk {
		height:2050px;
	}
	
	.delka-casti-kodex {
		height:5750px;
	}
	
	.delka-casti-sponzorstvi {
		height:1550px;
	}
	
	.menuFootKontaktRamec {
		background: #f5f5f5; 
		margin-left:0px; 
		padding-left:0px; 
		margin-left:0px;
		margin-right:0px;
		width:100%;
	}

	.menu-foot {
		float:left; 
		background: #f5f5f5; 
		border-right: 0px solid #2021a7; 
		margin-left:20px; 
		padding-right:0px;
	}
	
	.menu-foot-kontakt {
		float:left; 
		background: 
		#f5f5f5; 
		padding-left:20px;
		padding-top:10px;
		margin-left: 0px;
		margin-right: 0px;
		font-size: 12px;
		width: 100%;
	}
	
	.foot-mapa {
		float:right; 
		background: #f5f5f5; 
		padding-left:0px; 
		margin-left:0px; 
		margin-right:0px; 
		height:330px;
		width:100%;
	}
	
	.uvod-img-slider-prostor {
		margin-top: 40px;/* */
		margin-bottom: 0px;
	}
	.uvod-img-slider {
		margin-top: 40px;
		/*
		
		position:absolute;
		 
		 max-width: 100%;  
		width:100%;
		*/
		margin-bottom: 0px;
	}
	
	/* 
	.navigacni-sipky {
		font-size: 20px;
	}
	*/
	
	#m_left_draty {
		display: none;
	}
	
	#m_left_lana {
		display: none;
	}
	
	#menu-lana {
		display: none;
	}
	
	.wingets_lana {
		height:650px;	
	}
	
	.grid,
	.grid-right {
		float: none;
	}

	#featured-image .fluid-width-video-wrapper {
		margin: 20px 0 0 0;
	}

	.top-widget {
		float: none;
		position: relative;
		width: auto;
		margin: 0 auto 10px auto;
		text-align: center;
	}

	.top-widget .widget-title h3 {
		text-align: center;
	}

	.js .sub-header-menu {
		display: none;
	}

	.js .main-nav {
		clear: both;
		position: relative;
		margin: 0 auto;
		background-color: #585858;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#585858), to(#3d3d3d));
		background-image: -webkit-linear-gradient(top, #585858, #3d3d3d);
		background-image: -moz-linear-gradient(top, #585858, #3d3d3d);
		background-image: -ms-linear-gradient(top, #585858, #3d3d3d);
		background-image: -o-linear-gradient(top, #585858, #3d3d3d);
		background-image: linear-gradient(top, #585858, #3d3d3d);

		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#585858, endColorstr=#3d3d3d);
	}

	.js .main-nav .menu {
		display: none;
		position: absolute;
		z-index: 1000;
		top: 30px;
		width: 100%;
	}

	.js .main-nav .menu ul {
		margin-top: 1px;
	}

	.js .main-nav .menu li {
		float: none;
		border: none;
		background-color: #fff;
	}

	.js .main-nav .menu li a {
		height: 45px;
		padding: 0 15px;
		border: none;
		border-bottom: 1px solid #f5f5f5;
		color: #444;
		text-shadow: none;
		font-size: 13px;
		font-weight: normal;
		line-height: 45px;
		text-align: left;
		cursor: pointer;
	}

	.js .main-nav .menu li.current_page_item,
	.js .menu .current_page_item a,
	.js .menu .current-menu-item a {
		background-color: #f5f5f5;
	}

	.js .main-nav .menu li li:hover {
		background: none !important;
	}

	.js .main-nav .menu li li a {
		position: relative;
		padding: 0 10px 0 30px;
	}

	.js .main-nav .menu li li li a {
		position: relative;
		padding: 0 10px 0 40px;
	}

	.js .main-nav .menu li a:hover,
	.js .main-nav .menu li li a:hover {
		background-color: #f5f5f5 !important;
		background-image: none;

		filter: none;
	}

	.js .main-nav .menu li li a::before {
		position: absolute;
		top: 0;
		left: 20px;
		content: "\2013";
	}

	.js .main-nav .menu li li li a::before {
		position: absolute;
		top: 0;
		left: 20px;
		content: "\2013";
	}

	.js .main-nav .menu li li li a::after {
		position: absolute;
		top: 0;
		left: 30px;
		content: "\2013";
	}

	.js .main-nav .menu li ul {
		visibility: visible;
		position: static;
		background-color: #fff;
	}

	.js .main-nav .menu ul {
		min-width: 0;
	}

	.js .main-nav #responsive_current_menu_item {
		display: block;
		padding: 5px 40px 5px 10px;
		color: #fff;
		font-weight: 700;
		cursor: pointer;
	}

	.js .main-nav a#responsive_menu_button {
		display: block;
		position: absolute;
		top: 0;
		left: 100%;
		width: 23px;
		height: 30px;
		margin-left: -30px;
		background: url("../images/select-icons.png") 0 5px no-repeat;
		cursor: pointer;
	}

	.js .main-nav a#responsive_menu_button.responsive-toggle-open {
		background: url("../images/select-icons.png") 0 -46px no-repeat;
	}

	.top-menu,
	.footer-menu li {
		float: none;
		font-size: 11px;
		text-align: center;
	}

	#author-meta {
		padding: 20px;
	}

	#wrapper .gallery .gallery-item {
		max-width: 100%;
	}

	.hide-650 {
		display: none;
	}

	.show-650 {
		display: block;
	}

	.hide-mobile {
		display: none;
	}

	#footer {
		text-align: center;
	}

	#footer .social-icons {
		padding-bottom: 10px;
		text-align: center;
	}
	
	.newsright{
	float: left;
	margin: 5px 0px 20px 0px;
	padding: 5px 5px 5px 5px;
	width: 98%;
	height: 100px;
	border: 1px solid #000000;
	background: #ffffff;
	/* border-radius: 4px; */
	}
	
	.aktualita {
		position: absolute; 
		text-align: center;
		cursor: pointer;
		background-color: rgba(0,25,162,0.25); 
		color: #ffffff; 
		font-size: 16px; 
		padding-top: 10px;	
		padding-bottom: 10px;	
		width:100%;
		left:0px; 
		top:260px; 
		height:16px;
	}
	
	.menu-z-leva {
		padding-left:0px;
	}

	.aktuality-row {
		float:left; 
		margin-left:50px; 
		width:370px; 
		line-height:26px; 
		text-decoration:none;
	}
	
	.aktuality-line {
		width:100%; 
		float:left; 
		margin-left:30px; 
		margin-right:100px; 
		margin-bottom:30px;		
	}
}

@media screen and (min-width: 600px) {
	body {
	}
	
	.novinky{
		float: left; 
		border-right: 2px solid #2021a7; 
		margin-left:0px; 
		margin-right:0px; 
		padding-right:0px; 
		padding-left:100px;
	}
	
	.nove-projekty{
		float:right;
		padding-right:100px;		
	}
	
	.odstavec-nove-projekty{
		color: #07008c; 
		font-size: 17px;
	}
	
	.nabidka-prace{
		border-left: 0px solid #2021a7; 
		margin-left:0px; 
		padding-left:100px;
	}
}

@media screen and (max-width: 600px) {
	body {
	}
	.novinky{
		float: left; 
		border-right: 2px solid #2021a7; 
		margin-left:0px; 
		margin-right:0px; 
		padding-right:0px; 
		padding-left:30px;
	}
	
	.nove-projekty{
		float:right;
		padding-right:30px;
		margin-left:0px; 
		padding-left:30px;
		
	}
	
	.odstavec-nove-projekty{
		color: #07008c; 
		font-size: 12px;
	}
	
	.nabidka-prace{
		border-left: 0px solid #2021a7; 
		margin-left:0px; 
		padding-left:30px;
	}
	
	.aktuality-row {
		float:left; 
		margin-left:50px; 
		width:320px; 
		line-height:26px; 
		text-decoration:none;
	}
	
	.aktuality-line {
		width:100%; 
		float:left; 
		margin-left:30px; 
		margin-right:100px; 
		margin-bottom:30px;		
	}
}

@media screen and (max-width: 480px) {
	body {
	}

	h1 {
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 3em ; /*2.625em = 42px */
	letter-spacing:2px;
	color: #07008c;
	}
	
	#logo {
		float: none;
		text-align: center;
	}
	
	.wingets_lana {
		height: 580px;	
	}

	.grid,
	.grid-right {
		float: none;
	}

	#featured-image .fluid-width-video-wrapper {
		margin: 20px 0 0 0;
	}

	.featured-title {
		padding: 40px 20px 0 20px;
		font-size: 40px;
	}

	.featured-subtitle {
		font-size: 24px;
	}

	.navigation .next,
	.navigation .previous {
		display: block;
		margin: 0 auto;
		text-align: center;
	}


	
	.menu ul,
	.menu li,
	.top-menu,
	.footer-menu li,
	.sub-header-menu li {
		float: none;
		text-align: center;
		
		text-rendering: optimizeSpeed;
	}

	#wrapper .gallery .gallery-item {
		float: none;
	}

	.hide-480 {
		display: none;
	}

	.show-480 {
		display: block;
	}

	#footer {
		text-align: center;
	}

	#footer .social-icons {
		text-align: center;
	}
	
	.aktualita {
		position: absolute; 
		text-align: center;
		cursor: pointer;
		background-color: rgba(0,25,162,0.25); 
		color: #ffffff; 
		font-size: 14px; 
		padding-top: 12px; 
		padding-bottom: 12px; 
		width:100%; 
		left:0px; 
		top:610px; 
		height:16px;
	}
	
	.menu-z-leva {
		padding-left:0px;
	}
	
	.flag {
		width: 15px;
		height: 15px;
		margin-right: 5px;
		
	}
	
	.aktuality-row {
		float:left; 
		margin-left:30px; 
		width:235px; 
		line-height:26px; 
		text-decoration:none;
	}
	
	.aktuality-line {
		width:100%; 
		float:left; 
		margin-left:20px; 
		margin-right:100px; 
		margin-bottom:30px;		
	}
}


@media screen and (max-width: 400px) {
	body {
	}
	h1 {
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 2.5em ; /*2.625em = 42px */
	letter-spacing:2px;
	color: #07008c;
	}
	
	.wingets_lana {
		height:430px;	
	}
	
	.aktualita {
		position: absolute; 
		text-align: center;
		cursor: pointer;
		background-color: rgba(0,25,162,0.25); 
		color: #ffffff; 
		font-size: 12px; 
		padding-top: 6px;	
		padding-bottom: 6px;	
		width:100%; 
		left:0px; 
		top:606px; 
		height:16px;
	}
	.menu-z-leva {
		padding-left:0px;
	}
	
	.flag {
		width: 15px;
		height: 15px;
		margin-right: 3px;
		
	}
	
	.aktuality-row {
		float:left; 
		margin-left:20px; 
		width:230px; 
		line-height:26px; 
		text-decoration:none;
	}
	
	.aktuality-line {
		width:100%; 
		float:left; 
		margin-left:20px; 
		margin-right:30px; 
		margin-bottom:30px;		
	}
	
	.aktuality-images {
		float: left;
		/* width: 100%; */
		width: 100px;
		height: 100px;
	}
}

@media screen and (max-width: 360px) {
	body {
	}
	
	h1 {
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 2.3em ; /*2.625em = 42px */
	letter-spacing:2px;
	color: #07008c;
	}
	
	h2 {
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 1.5em; /* = 30px */
	line-height: 1.5;
	color: #07008c;
	}
	
	.wingets_lana {
		height:430px;	
	}
	
	.aktualita {
		position: absolute; 
		text-align: center;
		cursor: pointer;
		background-color: rgba(0,25,162,0.25); 
		color: #000000; 
		font-size: 12px; 
		padding-top: 6px;	
		padding-bottom: 6px;	
		width:100%;  
		left:0px; 
		top:74px; 
		height:16px;
	}
	.menu-z-leva {
		padding-left:0px;
	}
	
	.normal_logo {
		width: 188px;
		height: 45px;
	}
	
	.aktuality-row {
		float:left;
		width: 100%;
		margin-left:20px; 
		width:180px; 
		line-height:26px; 
		text-decoration:none;
	}
	
	.aktuality-line {
		width:100%; 
		float:left; 
		margin-left:20px; 
		margin-right:20px; 
		margin-bottom:30px;		
	}
	
	.aktuality-images {
		float: left;
		/* width: 100%; */
		width: 100px;
		height: 100px;
	}
	
}

@media screen and (max-width: 320px) {
	body {
		
	}

	h1 {
	margin-top: 5px;
	margin-bottom: 0px;
	font-size: 2em ; /*2.625em = 42px */
	letter-spacing:2px;
	color: #07008c;
	}
	
	h2 {
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 1.5em; /* = 30px */
	line-height: 1.5;
	color: #07008c;
	}
	
	h3 {
	margin-top: 15px;
	margin-bottom: 15px;
	font-size: 1.2em; /* = 30px */
	line-height: 1.2;
	color: #07008c;
	}
	
	h4 {
	margin-top: 15px;
	margin-bottom: 15px;
	font-size: 1.1em /* 1.500em; = 24px */
}

	.wingets_lana {
		height:350px;	
	}
	
	#featured p {
		font-size: 12px;
		line-height: 1.5em;
	}

	.featured-title {
		font-size: 35px;
	}

	.featured-subtitle {
		font-size: 15px;
	}

	.call-to-action a.button {
		padding: 7px 17px;
		font-size: 14px;
	}

	.hide-320 {
		display: none;
	}

	.show-320 {
		display: block;
	}
	
	.m_left_draty {
		display: none;
	}
	
	.aktualita {
		position: absolute; 
		text-align: center;
		cursor: pointer;
		background-color: rgba(0,25,162,0.25); 
		color: #000000; 
		font-size: 12px; 
		padding-top: 6px;	
		padding-bottom: 6px;	
		width:100%;  
		left:0px; 
		top:70px; 
		height:16px;
	}

	.menu-z-leva {
		padding-left:0px;
	}
	
	.mini-menu-img {
		width: 30px;
		height: 30px;
		margin-left: 3px;
		margin-right: 3px;
		margin-top: 1px;
		margin-bottom: 1px;
	}
	
	.normal_logo {
		width: 150px;
		height: 37px;
	}
	
	.flag {
		
		width: 15px;
		height: 15px;
		margin-left: 3px;
		margin-right: 3px;
		margin-top: 1px;
		margin-bottom: 1px;
	}
	
	.novinky{
		float: left; 
		border-right: 2px solid #2021a7; 
		margin-left:0px; 
		margin-right:0px; 
		padding-right:0px; 
		padding-left:0px;
	}
	
	.foot-mapa {
		float:right; 
		background: #f5f5f5; 
		padding-left:0px; 
		margin-left:0px; 
		margin-right:0px; 
		height:330px;
		width:100%;
	}
	
	.aktuality-row {
		float:left;
		width: 100%;
		margin-left:15px; 
		width:160px; 
		line-height:26px; 
		text-decoration:none;
	}
	
	.aktuality-line {
		width:100%; 
		float:left; 
		margin-left:15px; 
		margin-right:15px; 
		margin-bottom:20px;		
	}
	
	.aktuality-images {
		float: left;
		/* width: 100%; */
		width: 100px;
		height: 100px;
	}
}

@media screen and (max-width: 240px) {
	body {
	}

	#featured p {
		font-size: 11px;
		line-height: 1.5em;
	}

	.featured-title {
		font-size: 20px;
	}

	.featured-subtitle {
		font-size: 11px;
	}

	.call-to-action a.button {
		padding: 5px 15px;
		font-size: 12px;
	}

	.top-widget area,
	.top-widget select,
	.top-widget textarea,
	.top-widget input[type="text"],
	.top-widget input[type="password"],
	.top-widget input[type="email"] {
		width: 75%;
	}

	.widget-title h3,
	.widget-title-home h3 {
		height: 13px;
		font-size: 14px;
		line-height: 13px;
		text-align: left;
	}

	.hide-240 {
		display: none;
	}

	.show-240 {
		display: block;
	}
	
	.newright {
		display: none;
	}
	
	.m_left_draty {
		display: none;
	}
	
	.menu-z-leva {
		padding-left:0px;
	}
	
}