/*******************************/
/* sekce */
/*******************************/

.wrapSectionTiles
{
	justify-content: center;
}

.wrapSectionTiles + .wrapSectionTiles
{
	margin-top: 48px;
}

	.boxSectionTiles
	{
		/* flex-direction: row;
		flex-wrap: wrap;
		justify-content: center; */
		grid-template-columns: repeat(2, 48%);
		gap: 4%;
	}

		.boxSectionTiles h2, .boxSectionTiles h3, .boxSectionTiles h4, .boxSectionTiles h5, .boxSectionTiles h6
		{
			width: 100%;
		}



/*******************************/
/* střídání dlaždic */
/*******************************/

.tileLeft { min-height: 320px; }

.wrapSectionTiles:nth-of-type(odd) .tileLeft { order: 1; }
.wrapSectionTiles:nth-of-type(odd) .tileRight { order: 2; }

.wrapSectionTiles:nth-of-type(even) .tileLeft { order: 2; }
.wrapSectionTiles:nth-of-type(even) .tileRight { order: 1; }



/*******************************/
/* [nadpis-text] */
/*******************************/

.tileTitleText
{
	flex-direction: row;
	flex-wrap: wrap;
	align-content: flex-start;

	padding: 48px;
	padding-left: 0;
	background: #fff;
	/* background: #F9F7DC;         */
}

.tileTitleText h3 + .boxPerex
{
	margin-top: 8px;
}

.wrapSectionTiles:nth-of-type(even) .tileText
{
	background: #F9F7DC;
	padding-left: 48px;
	padding-right: 0;
}

	.tileTitleText h2, .tileTitleText h3, .tileTitleText h4, .tileTitleText h5, .tileTitleText h6,
	.wrapSection .tileTitleText h2, .wrapSection .tileTitleText h3, .wrapSection .tileTitleText h4, .wrapSection .tileTitleText h5, .wrapSection .tileTitleText h6
	{
		text-align: left;
	}

	.tileTitleText h2
	{
		margin-bottom: 12px;
	}

	.tileTitleText h2 p
	{
		margin-top: 0;
	}

	.tileTitleText ul
	{
/*        margin: 0;*/
	}

	.tileTitleText ul li
	{
		background-position-x: 0;
		padding-left: 24px;
	}


	.tileTitleText  p + a.butMore
	{
		margin-top: 32px;
	}


/*******************************/
/* [nadpis-text]-[foto] */
/*******************************/

.wrapTile-TitleText-Image
{
	align-items: stretch;
}

	.wrapTileAspectImage
	{
		width: 100%;
		padding-top: 60%;
	}

		.wrapTile-TitleText-Image .tileImage
		{
			margin-top: 48px;
			background-repeat: no-repeat;
			background-position: center center;
			background-size: cover;
		}



/*******************************/
/* [nadpis]-[text] */
/*******************************/

.tileTitle, .tileText
{
	flex-direction: row;
	flex-wrap: wrap;
	align-content: center;

	padding: 48px;
}

.tileText
{
	background: #f2f2f2;
}

	.tileText > ul
	{
		margin: 0;
	}

	.tileText > ul li
	{
		padding: 2px 0 0 24px;
		background-position: 0 5px;
	}



/*******************************/
/* [nadpis-perex]-[text] */
/*******************************/

.tileTitle, .tileText
{
	flex-direction: row;
	flex-wrap: wrap;
	align-content: center;

	padding: 48px;
}

.tileText
{
	background: #f2f2f2;
}

	.tileTitle h2, .tileTitle h3, .perexInTile,
	.wrapSection .tileTitle h2, .wrapSection .tileTitle h3, .wrapSection  .perexInTile
	{
		margin-bottom: 0;
		text-align: left;
	}

	.perexInTile
	{
		color: #969696;
	}



/*******************************/
/* [nadpis-text] */
/*******************************/

.tileTitleTextFull *
{
	text-align: center;
}



/*******************************/
/* sloupce - [foto-sloupec]-[nadpis-text] */
/*******************************/


.wrapTilesColumns
{

}

.wrapTile-Column
{
	width: 100%;
	margin: 12px;
	background: #fff;

	/* -webkit-box-shadow: 0px 0px 12px 0px rgba(242, 208, 146,1);
	-moz-box-shadow: 0px 0px 12px 0px rgba(242, 208, 146,1);
	box-shadow: 0px 0px 12px 0px rgba(242, 208, 146,1); */
}

.tileColumn
{
	float: left;
}

	.boxTileColumn
	{
		height: 100%;
	}

		.wrapTile-Column .wrapAspectRatioHack
		{
			padding-top: 60%;
		}


		.wrapTile-Column .tileTitleText
		{
			background: #fff;
		}

		.tileColumn .tileTitleText .butMore
		{
			margin-top: 32px;
		}

		.wrapTile-Column .boxPerex + .butMore
		{
			display: inline-block;
			margin-top: 16px;
		}

/*******************************/
/* sloupce - sloupec-[nadpis-text-odkaz] */
/*******************************/



.tileColumn
{
	float: left;
}

	.boxTileColumn
	{
		height: 100%;
	}

		.wrapTile-Column .wrapAspectRatioHack
		{
			padding-top: 60%;
		}


		.wrapTile-Column-TitleTextAchor
		{
			background: rgb(11,74,108);
			background: linear-gradient(135deg, rgba(11,74,108,1) 0%, rgba(18,127,186,1) 100%);
		}

		.tileTitleTextAnchor
		{
			padding: 16px;
		}

		.tileTitleTextAnchor h3
		{
			color: #fff;
		}

		.tileTitleTextAnchor .boxPerex
		{
			color: #daf0fb;
			margin-top: 6px;
		}

		.tileTitleTextAnchor a.butMore
		{
			margin-top: 32px;
			border: 1px solid #f6a23c;
			color: #f6a23c;
		}

		.tileTitleTextAnchor a.butMore:hover
		{
			margin-top: 32px;
			border: 1px solid #f6a23c;
			background: #f6a23c;
			color: #fff;
		}

		.tileTitleTextAnchor .boxPerex + a.butMore
		{
			display: inline-block;
			margin-top: 16px;
		}


/*******************************/
/* galerie - [fotogalerie] */
/*******************************/

.grid.tileGallery
{
	grid-template-columns: repeat(5, 18%);
	gap: 2.5%
}



/*******************************/
/* galerie  - [*]-[fotogalerie] */
/*******************************/

.wrapTileGalleryItem1
{

}

.wrapTile-Gallery
{
	padding-top: 64px;
}

	.grid.tileRight.tileGallery
	{
		grid-template-columns: repeat(3, 31%);
		gap: 3.5%;
		row-gap: 24px;
		align-content: start;
		margin-top: 48px;
	}

	.boxTileGalleryItem, .boxTileGalleryItem:hover
	{
		height: 160px;
		font-size: 0;
		text-decoration: none;
	}



/*******************************/
/* slogan / motto */
/*******************************/

.wrapTile-Motto
{
	background: #ebf9ff;
	justify-content: center;
	padding: 32px;
}

.wrapTile-Motto *
{
	color: #01A4E5;
	font-size: 22px;
	font-weight: 600;
}

.wrapTile-Motto .but, .wrapTile-Motto .butMore
{
	font-size: 16px;
	font-weight: 400;
}