@charset "UTF-8";

/* Tento súbor je určený pre root, v ňom funguje vysvecovanie loga na zlato.
Funguje tu náhrada obrázku loga obrázkom so zlatým písmom.
Tento kód prestane fungovať, keď uložíme tento súbor do zložky, napr. css/, aj keď v odkaze naň pridáme "css/" pred názov tohto súboru.
Príčinou nie je fakt, že volajúci súbor je php, ani to, že je volaný z funkcie, ktorú volajú php súbory.
Prestane fungovať v Opere, Edgi aj Chrome.
 */
/* #5833b7 "modro-fialová" */
/* #e1b122 "zlatá" */
/* border: 1px solid red; */
/* =================== Header - Globálna navigácia - modrá na bielom pozadí =================== */
header {
	font-family: Cambria, Times new roman;
	font-size: 18px;
	/*background: white;*/
	background: linear-gradient(to top, #5917A6, #7820E0);/* modrá-fialová */
	/*background: linear-gradient(to top, #367E7F, #55C5C7);/* zelená */
	/*background: linear-gradient(to top, #5833b7, #a085e0); modrá */
	/*background: linear-gradient(to top, #C99415, #FFBB1B);*/
    color: #5833b7;
	position: fixed;
	top: 0px;
	z-index: 10;
	width: 100%;
	padding-bottom: 3px;
	/*border-bottom: 3px solid white;*/
}
header .logo {
	height: 56px;
	float: left;
	font-family: Cambria;
	margin: 6px 10px 0 11px;
	padding: 0;
	position: relative;
	/*border: 1px solid red;*/
}
header .logo a {
	padding: 0;
	margin: 0;
	/*border: 1px solid green;*/
}
header .logo a:hover p {	/* Aby sa zobrazilo zlaté celé logo naraz */
	color: #e1b122;
}
header .logo-nazov {
	height: 35px;
	font-size: 35px;
	text-transform: uppercase;
	/*position: relative;
	top: 5px;*/
	margin: 0;
	padding: 0;
	/*border: 1px solid purple;*/
}
header .logo-podnadpis {
	height: 18px;
	font-size: 10px;
	/*position: relative;
	top: 5px;*/
	margin: 0;
	padding: 0;
	/*border: 1px solid orange;*/
}
header .logo-img:hover {												/*	logo-stastnecrevo-zlate-na-bielom-300x48.bmp	*/
	content: url(obrazky/logo-stastnecrevo-zlate-na-bielom-661x107.bmp);	/*	logo-stastnecrevo-zlate-na-bielom-661x107.bmp	*/
	width: 300px;
}
header .logo-img {
	margin: 0;
	padding: 5px 5px 5px 5px;
	width: 300px;														/*	logo-stastnecrevo-modre-na-bielom-300x48.bmp	*/
	content: url(obrazky/logo-stastnecrevo-modre-na-bielom-661x107.bmp);	/*	logo-stastnecrevo-modre-na-bielom-661x107.bmp	*/
}
header nav {
	position: relative;
	top: -7px;
	margin: 0;
	padding: 0;
}
header nav li {
	float: left;
	list-style: none;
	padding: 0 10px 0 10px;
	margin: 0;
}
header nav a {
	/*color: #5833b7;*/
	color: white;
}
header nav a:hover {
	color: #e1b122;
}
header p {
	/*color: #5833b7;*/
	color: white;
}
header .ikona-hore {
	float: right;
	height: 18px;
	padding: 0 20px 0 0;
	position: relative;
	top: 4px;
	content: url(obrazky/navrat-hore-biele-na-priehladnom.png);
}
header .ikona-hore:hover {
	content: url(obrazky/navrat-hore-zlate-na-priehladnom.png);	/*	navrat-hore-zlate-na-modrom		navrat-hore-zlate-na-bielom		*/
}
header .ikona-youtube {
	float: right;
	height: 26px;
	padding: 0 20px 0 0;
	margin: 0;
	position: relative;
	top: -0px;
	content: url(obrazky/youtube-icon-biela-na-priehladnom.png); 
}
header .ikona-youtube:hover {
	content: url(obrazky/youtube-icon-zlata-na-priehladnom.png); /*	youtube-icon-zlata-na-modrom.bmp	youtube-icon-zlata-na-bielom	*/
}