#content h1 {
	font-size: 2.5em;
	text-align: center;
	margin: 0.6em 0; /*Nejdrive se zadava vertikalni odsazeni, pak horizontalni*/
}

#content h2 {
	font-size: 1.8em;
	margin: 0.3em 0;
}

#content h3 {
	font-size: 1.5em;
	margin: 0.2em 0;
}

#content p {
	font-size: 1.2em;
	line-height: 150%; /*Vyska radku, aby na sobe nebyly tak nalepene*/
	text-align: justify; /*Zarovnani textu do bloku*/
	text-indent: 1em; /*Odsazeni prvni radky odstavce*/
}
#content li {
	font-size: 1.2em;
	line-height: 150%;
	margin-left: 25px;
	text-align: justify;
}

@media (max-width: 700px) {
	#content h1 {
		font-size: 2em;
	}

	#content h2 {
		font-size: 1.5em;
	}

	#content h3 {
		font-size: 1.2em;
	}

	#content p {
		font-size: 1em;
	}

	#content li {
		font-size: 1em;
	}
}

/* Uvod - O nas */
#content > .onas {
	display: flex;
	justify-content: center;
}

#content > .onas .galerie {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 5px;
	margin-top: 20px;
	margin-bottom: 20px;
}

@media (max-width: 700px) {
	#content > .onas .galerie img {
		max-width: 100px;
		max-height: 100px;
		object-fit: contain;
	}
}

/* Zakladni informace */
#content > .info {
	display: flex;
	justify-content: center;
	margin-bottom: 20px;
}

#content > .info strong {
	font-weight: bold;
}

#content > .info p {
	margin-top: 15px;
}

#content > .info h2 {
	margin-top: 25px;
}

#content > .info h3 {
	margin-top: 15px;
	margin-bottom: 10px;
}

#content > .info .odrazky > li {
	list-style-type: "- ";
	margin-left: 15px;
	line-height: 150%;
	text-align: justify;
}

#content > .info ul li {
	list-style-type: disc;
	margin-left: 25px;
	line-height: 150%;
	text-align: justify;
}

#content > .info .dulezita-cisla {
	font-size: 1.2em;
	line-height: 150%;
}

#content > .info a {
	color: rgb(102, 57, 31);
	text-decoration: none;
	font-weight: bold;
}

#content > .info a:hover {
	text-decoration: underline;
}

#content > .info .navigace {
	margin-bottom: 40px;
}

#content > .info .navigace > li {
	list-style-type: ">> ";
	margin-left: 35px;
	line-height: 120%;
}

@media (max-width: 700px) {
	#content > .info .dulezita-cisla {
		font-size: 1em;
	}
}

/* Aktuality */
#content > .aktuality {
	display: flex;
	justify-content: center;
}

#content > .aktuality .block {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-bottom: 30px;
	border: 1px solid lightgrey;
	border-radius: 10px;
	background-color: rgba(189, 190, 177, 0.5);
	padding: 10px 10px;
}

#content > .aktuality .block .content p {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical; 
}

#content > .aktuality .content a {
	color: rgb(102, 57, 31);
	text-decoration: none;
	font-weight: bold;
}

#content > .aktuality .archive a {
	text-decoration: none;
	color: black;
	background-color: rgb(190, 189, 189);
	padding: 0.8em 3em;
	border: 1px solid rgb(211, 209, 209);
	border-radius: 10px;
	display: inline-block;
	margin: 20px 20px;
	transition: all 0.3s ease;
}

#content > .aktuality .archive a i {
	margin-right: 1em;
	margin-left: 1em;
	transition: all 0.3s ease;
}

#content > .aktuality .archive a:hover i {
	transform: translateX(-10px);
}

#content > .aktuality .archive a:hover {
	border: 1px solid black;
}

#content > .aktuality .more-link a {
	text-decoration: none;
	color: black;
	background-color: rgb(190, 189, 189);
	padding: 0.8em 3em;
	border: 1px solid rgb(211, 209, 209);
	border-radius: 10px;
	display: inline-block;
	margin: 20px 20px;
	transition: all 0.3s ease;
}

#content > .aktuality .more-link a i {
	margin-right: 1em;
	margin-left: 1em;
	transition: all 0.3s ease;
}

#content > .aktuality .more-link a:hover i {
	transform: translateX(10px);
}

#content > .aktuality .more-link a:hover {
	border: 1px solid black;
}

#content > .aktuality .galerie a {
	text-decoration: none;
	color: none;
	background-color: none;
	padding: 0 0;
	border: none;
	border-radius: 0px;
	display: inline-block;
	margin: 20px 20px;
	transition: none;
}

/* Nabidka sluzeb */
#content > .nabidka .uvod {
	display: flex;
	justify-content: center;
}

#content > .nabidka .uvod .zasady {
	padding-bottom: 20px;
}

#content > .nabidka .uvod .zasady strong {
	font-weight: bold;
}

#content > .nabidka .uvod .zasady .seznam > li {
	list-style: disc;
	padding: 5px;
	font-size: 1.2em;
	line-height: 150%;
	text-align: justify;
}

@media (max-width: 700px) {
	#content > .nabidka .uvod .zasady .seznam > li {
		font-size: 1em;
	}
}

/* Nabidka - bezne ukony */
#content > .nabidka .bezne-ukony {
	display: flex;
	justify-content: center;
}

#content > .nabidka .bezne-ukony h2 {
	margin-top: 40px;
}

#content > .nabidka .bezne-ukony li {
	list-style: disc;
	padding: 5px;
	margin-left: 25px;
	font-size: 1.2em;
	line-height: 150%;
	text-align: justify;
}

#content > .nabidka .bezne-ukony .odrazky > li {
	list-style-type: "- ";
	margin-left: 15px;
	line-height: 150%;
	text-align: justify;
}

#content > .nabidka .bezne-ukony a {
	text-decoration: none;
	color: black;
	background-color: rgb(190, 189, 189);
	padding: 0.8em 3em;
	border: 1px solid lightgrey;
	border-radius: 10px;
	display: inline-block;
	margin: 1em;
	margin-top: 40px;
	transition: all 0.3s ease; /*Animace ramecku*/
}

#content > .nabidka .bezne-ukony a:hover {
	border: 1px solid black;
}

#content > .nabidka .bezne-ukony a i {
	margin-right: 1em;
	transition: all 0.3s ease; /*Animace sipecky*/
}

#content > .nabidka .bezne-ukony a:hover i {
	transform: translateX(-10px); /*Posun sipecky v X ose*/
}

@media (max-width: 700px) {
	#content > .nabidka .bezne-ukony li {
		font-size: 1em;
	}
}

/* Nabidka - hygiena */
#content > .nabidka .hygiena {
	display: flex;
	justify-content: center;
}

#content > .nabidka .hygiena h2 {
	margin-top: 40px;
}

#content > .nabidka .hygiena h3 {
	font-weight: bold;
	margin-top: 25px;
}

#content > .nabidka .hygiena li {
	list-style: disc;
	padding: 5px;
	margin-left: 25px;
	font-size: 1.2em;
	line-height: 150%;
	text-align: justify;
}

#content > .nabidka .hygiena .odrazky > li {
	list-style-type: "- ";
	margin-left: 15px;
	line-height: 150%;
	text-align: justify;
}

#content > .nabidka .hygiena a {
	text-decoration: none;
	color: black;
	background-color: rgb(190, 189, 189);
	padding: 0.8em 3em;
	border: 1px solid lightgrey;
	border-radius: 10px;
	display: inline-block;
	margin: 1em;
	margin-top: 40px;
	transition: all 0.3s ease; /*Animace ramecku*/
}

#content > .nabidka .hygiena a:hover {
	border: 1px solid black;
}

#content > .nabidka .hygiena a i {
	margin-right: 1em;
	transition: all 0.3s ease; /*Animace sipecky*/
}

#content > .nabidka .hygiena a:hover i {
	transform: translateX(-10px); /*Posun sipecky v X ose*/
}

@media (max-width: 700px) {
	#content > .nabidka .hygiena li {
		font-size: 1em;
	}
}

/* Nabidka - strava */
#content > .nabidka .strava {
	display: flex;
	justify-content: center;
}

#content > .nabidka .strava h2 {
	margin-top: 40px;
}

#content > .nabidka .strava h3 {
	font-weight: bold;
	margin-top: 25px;
}

#content > .nabidka .strava li {
	list-style: disc;
	padding: 5px;
	margin-left: 25px;
	font-size: 1.2em;
	line-height: 150%;
	text-align: justify;
}

#content > .nabidka .strava .odrazky > li {
	list-style-type: "- ";
	margin-left: 15px;
	line-height: 150%;
	text-align: justify;
}

#content > .nabidka .strava a {
	text-decoration: none;
	color: black;
	background-color: rgb(190, 189, 189);
	padding: 0.8em 3em;
	border: 1px solid lightgrey;
	border-radius: 10px;
	display: inline-block;
	margin: 1em;
	margin-top: 40px;
	transition: all 0.3s ease; /*Animace ramecku*/
}

#content > .nabidka .strava a:hover {
	border: 1px solid black;
}

#content > .nabidka .strava a i {
	margin-right: 1em;
	transition: all 0.3s ease; /*Animace sipecky*/
}

#content > .nabidka .strava a:hover i {
	transform: translateX(-10px); /*Posun sipecky v X ose*/
}

@media (max-width: 700px) {
	#content > .nabidka .strava li {
		font-size: 1em;
	}
}

/* Nabidka - domacnost */
#content > .nabidka .domacnost {
	display: flex;
	justify-content: center;
}

#content > .nabidka .domacnost h2 {
	margin-top: 40px;
}

#content > .nabidka .domacnost h3 {
	font-weight: bold;
	margin-top: 25px;
}

#content > .nabidka .domacnost li {
	list-style: disc;
	padding: 5px;
	margin-left: 25px;
	font-size: 1.2em;
	line-height: 150%;
	text-align: justify;
}

#content > .nabidka .domacnost .odrazky > li {
	list-style-type: "- ";
	margin-left: 15px;
	line-height: 150%;
	text-align: justify;
}

#content > .nabidka .domacnost a {
	text-decoration: none;
	color: black;
	background-color: rgb(190, 189, 189);
	padding: 0.8em 3em;
	border: 1px solid lightgrey;
	border-radius: 10px;
	display: inline-block;
	margin: 1em;
	margin-top: 40px;
	transition: all 0.3s ease; /*Animace ramecku*/
}

#content > .nabidka .domacnost a:hover {
	border: 1px solid black;
}

#content > .nabidka .domacnost a i {
	margin-right: 1em;
	transition: all 0.3s ease; /*Animace sipecky*/
}

#content > .nabidka .domacnost a:hover i {
	transform: translateX(-10px); /*Posun sipecky v X ose*/
}

@media (max-width: 700px) {
	#content > .nabidka .domacnost li {
		font-size: 1em;
	}
}

/* Nabidka - spolecnost */
#content > .nabidka .spolecnost {
	display: flex;
	justify-content: center;
}

#content > .nabidka .spolecnost li {
	list-style: disc;
	padding: 5px;
	margin-left: 25px;
	font-size: 1.2em;
	line-height: 150%;
	text-align: justify;
}

#content > .nabidka .spolecnost .odrazky > li {
	list-style-type: "- ";
	margin-left: 15px;
	line-height: 150%;
	text-align: justify;
}

#content > .nabidka .spolecnost a {
	text-decoration: none;
	color: black;
	background-color: rgb(190, 189, 189);
	padding: 0.8em 3em;
	border: 1px solid lightgrey;
	border-radius: 10px;
	display: inline-block;
	margin: 1em;
	margin-top: 40px;
	transition: all 0.3s ease; /*Animace ramecku*/
}

#content > .nabidka .spolecnost a:hover {
	border: 1px solid black;
}

#content > .nabidka .spolecnost a i {
	margin-right: 1em;
	transition: all 0.3s ease; /*Animace sipecky*/
}

#content > .nabidka .spolecnost a:hover i {
	transform: translateX(-10px); /*Posun sipecky v X ose*/
}

@media (max-width: 700px) {
	#content > .nabidka .spolecnost li {
		font-size: 1em;
	}
}

/* Nabidka - fakultativni ukony */
#content > .nabidka .fakultativni-ukony {
	display: flex;
	justify-content: center;
}

#content > .nabidka .fakultativni-ukony h2 {
	margin-top: 40px;
}

#content > .nabidka .fakultativni-ukony li {
	list-style: disc;
	padding: 5px;
	margin-left: 25px;
	font-size: 1.2em;
	line-height: 150%;
	text-align: justify;
}

#content > .nabidka .fakultativni-ukony .odrazky > li {
	list-style-type: "- ";
	margin-left: 15px;
	line-height: 150%;
	text-align: justify;
}

#content > .nabidka .fakultativni-ukony a {
	text-decoration: none;
	color: black;
	background-color: rgb(190, 189, 189);
	padding: 0.8em 3em;
	border: 1px solid lightgrey;
	border-radius: 10px;
	display: inline-block;
	margin: 1em;
	margin-top: 40px;
	transition: all 0.3s ease; /*Animace ramecku*/
}

#content > .nabidka .fakultativni-ukony a:hover {
	border: 1px solid black;
}

#content > .nabidka .fakultativni-ukony a i {
	margin-right: 1em;
	transition: all 0.3s ease; /*Animace sipecky*/
}

#content > .nabidka .fakultativni-ukony a:hover i {
	transform: translateX(-10px); /*Posun sipecky v X ose*/
}

@media (max-width: 700px) {
	#content > .nabidka .fakultativni-ukony li {
		font-size: 1em;
	}
}

/* Verejny zavazek */
#content > .verejny-zavazek {
	display: flex;
	justify-content: center;
	margin-bottom: 20px;
}

#content > .verejny-zavazek p {
	margin-top: 15px;
}

#content > .verejny-zavazek a {
	color: rgb(102, 57, 31);
	text-decoration: none;
	font-weight: bold;
}

#content > .verejny-zavazek a:hover {
	text-decoration: underline;
}

#content > .verejny-zavazek h2 {
	margin-top: 40px;
}

#content > .verejny-zavazek li {
	list-style: disc;
	padding: 5px;
	margin-left: 25px;
	font-size: 1.2em;
	line-height: 150%;
	text-align: justify;
}

@media (max-width: 700px) {
	#content > .verejny-zavazek li {
		font-size: 1em;
	}
}

/* Kontakt */
#content > .kontakt {
	display: flex;
	justify-content: center;
	margin-bottom: 20px;
}

#content > .kontakt a {
	color: rgb(102, 57, 31);
	text-decoration: none;
	font-weight: bold;
	font-size: 1.2em;
	line-height: 150%;
}

#content > .kontakt a:hover {
	text-decoration: underline;
}

#content > .kontakt h3 {
	font-weight: bold;
	margin-top: 25px;
}

#content > .kontakt li {
	list-style: disc;
	padding: 5px;
	margin-left: 25px;
	font-size: 1.2em;
	line-height: 150%;
	text-align: justify;
}

#content > .kontakt .mapa {
	display: flex;
	justify-content: center;
	margin-top: 20px;
}

@media (max-width: 700px) {
	#content > .kontakt li {
		font-size: 1em;
	}
	#content > .kontakt a {
		font-size: 1em;
	}
}

/* Stiznosti */
#content > .stiznosti {
	display: flex;
	justify-content: center;
	margin-bottom: 20px;
}

#content > .stiznosti a {
	color: rgb(102, 57, 31);
	text-decoration: none;
	font-weight: bold;
}

#content > .stiznosti a:hover {
	text-decoration: underline;
}

#content > .stiznosti h3 {
	font-weight: bold;
	margin-top: 25px;
}

#content > .stiznosti li {
	list-style: disc;
	padding: 5px;
	margin-left: 25px;
	font-size: 1.2em;
	line-height: 150%;
	text-align: justify;
}

#content > .stiznosti strong {
	font-weight: bold;
}

#content > .stiznosti .prostor {
	margin: 15px 0;
}

@media (max-width: 700px) {
	#content > .stiznosti li {
		font-size: 1em;
	}
}

/* Cenik */
#content > .cenik {
	display: flex;
	justify-content: center;
	padding-bottom: 10px;
}

#content > .cenik strong {
	font-weight: bold;
}

#content > .cenik h2 {
	margin-top: 40px;
}

#content > .cenik h3 {
	font-weight: bold;
	margin-top: 25px;
}

#content > .cenik ol li {
	list-style: number;
	padding: 5px;
	margin-left: 25px;
	font-size: 1.2em;
	line-height: 150%;
	text-align: justify;
}

#content > .cenik .odrazky > li {
	list-style-type: "- ";
	margin-left: 15px;
	line-height: 150%;
	text-align: justify;
}

#content > .cenik table {
	border : 1px solid black;
	margin: 10px;
	font-size: 1.2em;
	text-align: center;
}

#content > .cenik table th {
	border: 1px solid black;
	font-weight: bold;
	padding: 0px 10px;
}

#content > .cenik table td {
	border: 1px solid black;
	padding: 0px 10px;
}

#content > .cenik .poznamka {
	font-size: 1em;
	padding-top: 10px;
}

@media (max-width: 700px) {
	#content > .cenik ol li {
		font-size: 1em;
	}
	#content > .cenik table {
		font-size: 1em;
	}
	#content > .cenik .poznamka {
		font-size: 0.8em;
	}
}

/*Stranka neexistuje*/
#content > .stranka-neexistuje .obrazek {
	display: flex;
	justify-content: center;
	margin-bottom: 20px;
}

/*Dlazdice podstranek*/
#content > .nabidka .uvod .subpages-box {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 5px;
	margin-bottom: 20px;
	margin-top: 60px;
}

#content > .nabidka .uvod .subpages-box .dlazdice {
	border: 3px solid grey;
	border-radius: 10px;
	display: block;
	padding: 10px;
	width: 350px;
	display: flex;
	flex-direction: column;
	align-items: center;

	text-align: center;
	background-color: rgb(207, 207, 138);
}

#content > .nabidka .uvod .subpages-box .dlazdice a {
	text-decoration: none;
	color: black;
	background-color: rgb(190, 189, 189);
	padding: 0.8em 3em;
	border: 1px solid lightgrey;
	border-radius: 10px;
	display: inline-block; /*Zarovnani na stred*/
	margin: 1em;
	transition: all 0.3s ease; /*Animace ramecku*/
}

#content > .nabidka .uvod .subpages-box .dlazdice a:hover {
	border: 1px solid black;
}

#content > .nabidka .uvod .subpages-box .dlazdice a i {
	margin-left: 1em;
	transition: all 0.3s ease; /*Animace sipecky*/
}

#content > .nabidka .uvod .subpages-box .dlazdice a:hover i {
	transform: translateX(10px); /*Posun sipecky v X ose*/
}