@charset "UTF-8";

/* #e1b122 "zlatá" */
/* bledomodrá #E8F1FA */

/* ======================================= alternatíva menu zarovnané doľava ======================================= */
header {
	font-family: Constantia, "Times new roman";/* Amiri */
	font-size: 20px;
	color: black;
	position: fixed;
	z-index: 10;
	width: 25%;
	margin-top: 10px;
	margin-left: 75%;
}
.logo {
	font-family: Constantia, "Times new roman";/* Amiri */
	margin: 0 0 0 -30px;
}
.logo a {
	color: black;
}
.logo a:hover p {	/* Aby sa zobrazilo zlaté celé logo naraz */
	color: #e1b122;
}
.logo-nazov {
	font-size: 26px;
	/*letter-spacing: .0em;*/
	position: relative;
	text-align: left;
	text-transform: uppercase;
}
.logo-podnadpis {
	font-size: 17.75px;	/* Constantia 18.5px; Amiri 19px; */
	padding: 0;
	margin: 0;
	position: relative;
	text-align: left;
	top: -1.7em; /* Constantia -1.7em; Amiri -2.5em; */
}
.logo li {
	list-style: none;
	padding: 0;
	margin: 0;
}
.logo li.logo-text {
	position: relative;
}
.div-img-header {
	display: flex;
	justify-content: left;
	padding: 20px 0 25px 0;
	margin: 0;
	width: 100%;
	position: relative;
}
header nav {
	position: relative;
	margin: 0 0 0 -30px; 
	padding-left: 0px;
	text-align: left;
}
header nav li {
	list-style: none;
	padding: 0 0px 5px 0px;
	margin: 0 0px 0 0px;
}
header nav a {
	color: black;
	font-style: italic;
	font-weight: bold;
	font-size: 20px;
}
/* ---------------------- width do 720 px alebo zariadenia s vyššou hustotou px: 2dppx=2 dots per pixel ----------------------*/
@media only screen and (max-width: 720px), 
       only screen and (min-resolution: 2dppx) and (orientation: portrait),
       only screen and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
	header {
		font-size: 40px;
		color: black;
		position: fixed;
		z-index: 10;
		width: 100%;
		margin-top: 0;
		margin-left: 0;
		border-bottom: 1px solid black;
		background-color: white;
	}
	.logo {
		margin: -20px 0 0 0;
		padding: 0;
		width: 320px;
		height: 100%;
		text-align: center;
		float: left;
	}
	.div-img-header {
		display: flex;
		justify-content: left;
		padding: 0;
		margin: -10px 0 -10px 0;
		width: 100%;
		position: relative;
	}
	header nav {
		/*top: 5px;*/
		position: relative;
		margin: -60px 0 10px 0; 
		padding: 0;
		float: left;
		text-align: left;
	}
	header nav ul {
		/*padding-top: 0;*/
		/*padding-bottom: 0;*/
		margin-top: 25px;
		/*margin-bottom: 0;*/
	}
	header nav li {
		list-style: none;
		padding: 0;
		margin: 0px 20px 0 0;
		float: left;
	}	
		
}
/* ---------------------- výška < 485px  ----------------------*/
/* and (orientation: landscape) */
@media only screen and (max-height: 485px) {
	.logo {
		margin-top: -30px;
	}
	.div-img-header {
		padding: 0;
		margin: -10px 0 -10px 0;
		width: 100%;
		position: relative;
	}
}
/* ---------------------- výška < 390px  ----------------------*/
@media only screen and (max-height: 390px) {
	.logo {
		margin-top: -30px;
		margin-bottom: -30px;
	}
	.div-img-header img {
		display: none;
	}
}