.logo {

	background-color: black;

	height: 64px;

	width: 1240px;

	margin-left: -20px;

	margin-right: -20px;

	margin-top: -5px;

	border-top-right-radius: 8px;

	border-top-left-radius: 8px;

}

.logo img {

	margin-top: 8px;

	margin-left: 16px;

}

#zápatí p {

	background-color: black;

	width: 1240px;

	min-height: 24px;

	padding-top: 4px;

	margin-left: -20px;

	margin-right: -20px;

	margin-bottom: -10px;

	border-bottom-right-radius: 8px;

	border-bottom-left-radius: 8px;

	color: grey;

}

#zápatí a {

	color: grey;

	text-decoration: none;

}

#zápatí a[href^="http"]:hover {

	color: white;

	text-shadow: none;

	text-decoration: none;

}

#tělo {

	width: 1200px;

	background-color: #ccc;

}

#nabídka {

	width: 14em;

}

#nabídka a:hover {

	color: #d71635;

	text-shadow: none;

}

#text {

	margin-left: 15em;

}

@media (max-width: 1300px) {

	#tělo          { width: auto; }

	.logo          { width: auto; }

	#zápatí p      { width: auto; }

	#text          { margin-left: auto; }

}

.img-container img { max-width: 820px; }

p.flattr {

	text-align: right;

}

#text p {

	text-align: justify;

}

#text code {

	color: #066;

}

.already-implemented {

	color: grey;

}