/* Alapból ne lássuk a "hidden" class-t, csak nyomtatáskor */
.hidden {
	display: none;
}

/* Nem ismétlödő, fix háttér */
html {
	background-image: url('../media/img/bg.png');
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
}

/* Alap betűcsalád és em mértékegységű jólolvasható betűméret*/
/* Arial majdnem mindenhol elfogadott betűcsalád */
body {
	font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
	font-size: 1.1rem;
	background: inherit;
}

/* A header-nél és footer-nél legyen egy vékony, szürke elválasztó vonal */
header {
	border-bottom: 3px solid rgb(128, 128, 128);
	margin-bottom: 1%;
}

footer {
	border-top: 3px solid rgb(128, 128, 128);
	margin-top: 1%;
	padding-top: 1%;
}

/* Az oldal címe legyen kiemelve */
h1 {
	text-transform: uppercase;
	text-align: center;
}

/* Csak az articele beli <p>-ket érintsük */
article p {
	text-align: justify; /* Sorkizárt legyen a sok szöveg */
}

/* Ne változonn a carousel mérete váltás közben */
figure#carousel {
	width: 30%;
}

/* Videó width=100% */
figure#video video {
	width: 100%;
}

/* Étlap */
#etlap {
	width: 95%;
	margin: 0 auto;
	background-color: rgba(255, 255, 255, 0.4);
	border: 3px solid rgb(0, 0, 0);
}

#etlap td,
#etlap th {
	border: 1px solid rgb(0, 0, 0);
	padding: 0.5rem;
}

/* Akadálymentesség */
/* Blokkok elkerülése mechanizmus */
.kipozicional a {
	position: absolute;
	left: -9999px;
	background-color: rgb(0, 0, 0);
}

.kipozicional a:focus {
	position: static;
	background: rgb(255, 255, 255);
}

.kipozicional a:visited {
	color: rgb(0, 191, 255);
}

/* Linkek */
/* Már látogatott linkeknek legyen kisebb a kontrasztja */
a:visited {
	color: rgb(100, 100, 100);
}

/* A normál linkeknek legyen nagyobb a kontrasztja */
a:link {
	color: rgb(0, 0, 255);
}

nav a:link {
	color: rgb(128, 128, 128);
}

nav {
	background-color: rgb(200, 200, 200);
}