@import url(https://fonts.googleapis.com/css?family=Noto+Sans:300,400,500,600,700,800,900&subset=latin-ext);
body{background:#9ed6e5; margin:0;-webkit-font-smoothing: antialiased;font-family:"Noto Sans", Arial, Helvetica, sans-serif; font-weight:300; line-height:1.5;}
header {width:94%; height:auto; overflow:hidden;max-width:1100px; margin:0 auto; background:#fff; position:relative;}
header .logo { display:block; width:24%; height:100px; overflow:hidden; float:left; margin:20px 0 10px 2%; }
header .logo img { width:100%; height:auto;}
header .qc {  width:66%; height:30px; padding:10px 0; overflow:hidden; float:right; text-align:right; margin:2px 2% 0 0; }
header .qc a { color:#0f74be; text-decoration:none; font-size:14px;}
/*
tmavá 0575bd
*/
nav {width:68%; height:30px; padding-bottom:10px; overflow:hidden; float:right; margin:40px 2% 0 2%; font-size:22px; text-align:right; }
nav a { text-transform:uppercase; color:#3789b8; text-decoration:none; margin-left:12px;}
nav a:hover, nav a.a { border-bottom:2px solid #6eacd7;}

.bl { width:100%; height:auto; overflow:hidden;}
.sr { width:100%; height:0; border-top:2px solid #0f74be;border-bottom:2px solid #6eacd7;}

.wrap { width:94%; height:auto; overflow:hidden;max-width:1100px; margin:0 auto; background:#fff;}
.wrap a { color:#0575bd;}
.wrap a:hover { color:#0a368c;}

article { width:94%; height:auto; overflow:hidden; margin:0 auto;}

span.ico { color:#6eacd7;display: inline-block;font-family: FontAwesome; font-size:1em; text-rendering: auto; margin-right:12px;}
span.ico.envelope:before { content: "\f199";}
span.ico.phone:before { content: "\f095";}
span.ico.env:before { content: "\f0e0";}
span.ico.form:before { content: "\f298";}

.idea { width:70%; height:auto; padding:12px 0; overflow:hidden; color:#fff; background:#0575bd; border-radius:20px 0 20px 0; text-align:center; font-size:28px; margin:20px auto 20px auto;}
h1 { text-align:center; color:#0575bd; font-weight:300; font-size:36px; }
h1.h {display:none;}
h2 { color:#0575bd; font-weight:300; font-size:28px; }

.tb { width:100%; height:auto; overflow:hidden;background:rgba(5,117,189,.4);}
.tf { width:50%; height:auto; overflow:hidden; margin:0 0 -6px 0; float: left;}
.tf img {width:100%; height:auto;}
.tt { width:42%; height:auto; padding:25px 4%; overflow:hidden; line-height:1.8; float:left; font-size:18px; }
.tt span, .wrap .tt a { color:#02459d;}

.kf { width:60%; height:auto; overflow:hidden; float:right; margin-bottom:30px;}
.kf img { width:100%; height:auto;}
.km { width:40%; height:auto; overflow:hidden; float:left;}
.km a { display:block; width:100%; height:81px; padding:0 4%; overflow:hidden; background:#666; text-decoration:none; box-sizing:border-box; 
	border-right:1px solid #fff; border-bottom:1px solid #fff;}
.km a.active { background:#60a7d3;}
.km a h2 { color:#fff; font-size:20px; margin:15px 0 0 0;;}
.km a h3 { font-size:15px; color:#70b7e3; font-weight:300;margin:1px 0;}
.km a.active h3 { color:#fff;}

.kb { width:40%; height:auto; overflow:hidden; float:left; margin:6px 0 30px 0;}
.kv { width:38%; height:auto; padding:0 1%; overflow:hidden; float:left; text-align:center;}
.kg { width:20%; height:auto; overflow:hidden; float:left; margin:6px 0 30px 0; background:#D8E8E8;}

.kb table { border-collapse:collapse; width:100%;}
.kb th, .kb td { padding:6px 8px;}
.kb th { color:#fff; background:#0e76bc;}
.kb tr:nth-child(odd) { background:#e7f2f8;}
.kb tr:nth-child(even) { background:#cce3f1;}
.kb td:last-child { text-align:right;}
.kb tr.ft { color:#fff; background:#949494;}

.kv h1 { font-size:29px; margin:0 0 20px 0;}
.kv img { max-width:100%;}

.kg h3 { color:#fff; background:#0e76bc; text-align:center; padding:4px 0; margin:0 0 10px 0;}
.kg a { display:block; width:90%; height:auto; overflow:hidden; margin: 5px 5%;}
.kg a img { width:100%; height:auto;}

footer {width:94%;  height:auto; padding:2px 0 8px 0;max-width:1100px; overflow:hidden; margin:0 auto; background:#444; position:relative; color:#fff;}
footer h4 { font-size:16px;}
footer a { color:#fff; text-decoration-color:#6eacd7; text-underline-offset: 3px;}
footer .c { width:30%; height:auto; overflow:hidden; margin-left:3%; float:left;}

@media (max-width: 1187px) {
	.km a { height:6.80vw;}
	.km a h2 {font-size:1.8vw; margin:1vw 0 0 0;}
	.km a h3 { font-size:1.4vw;}	
}

@media (max-width: 1100px) {
	nav {height:4vw; padding-bottom:1vw; margin:3.2vw 2% 0 2%; font-size:2.2vw; }
}

@media (max-width: 900px) {
	.km a { height:6.79vw;}
}

@media (max-width: 776px) {
	header .logo { width:35%; height:12vw; float:none; margin:15px auto 8px auto; }
	header .logo img { width:100%; height:auto;}
	nav {width:96%;margin:0 2% 0 2%; text-align:center; font-size:2.95vw;}
	.tf { width:100%; float: none;}
	.tt { width:84%; padding:20px 8%; float:none; font-size:18px;}
	.kf { width:100%; float:none; margin:15px 0 -6px 0;}
	.km { width:100%; float:none;border-right:none;margin-bottom:15px;}
	.km a { height:auto; padding-bottom:6px; }
	.km a h2 {font-size:21px; margin:.2em 0 0 0;}
	.km a h3 { font-size:16px;}	
	.kb { width:100%; float:none; margin:6px 0 30px 0;}
	.kv { width:100%; padding:0 1%; float:none; }
	.kg { width:100%;float:none; margin:6px 0 30px 0;}
}

@media (max-width: 650px) {
	footer .c { width:94%; margin:0 3%; float:none;}
}

@media (max-width: 500px) {
	header .logo { width:45%; height:15vw; }
	nav {width:100%;margin:0; font-size:3.1vw; font-weight:600;}
	nav a {margin-left:5px;}
}


#csa {width:236px;height:18px;padding:8px;overflow:auto;position:fixed;left:calc(100vw / 2 - 130px);bottom:0;background:#ddd; font-size:15px; color:#0575bd; 
	font-family:Arial, Helvetica, sans-serif; font-weight:600;border:1px solid #ccc;z-index:100;text-align:center; cursor:pointer; border-radius:8px 8px 0 0}
#csa:hover { color:#fff; background:#0575bd;}	
#cs { display:none; width:100%; height:auto; overflow:hidden; position:fixed; left:0; bottom:0; z-index:111; } #cs.s, #cs.p { display:block;}
#cs .cs { width:334px; height:auto; max-height:100vh; padding:13px 12px 12px 14px; overflow:auto; margin:0 auto; background:#fff; border:1px solid #ccc;border-radius:8px 8px 0 0;}
#cs h4 { margin:0 0 10px 0; color:#0575bd; font-size:17px; font-weight:600;} 
#cs p { margin:.4em 0; font-size:13px; line-height:1.25;}
/*#cs.p p { font-size:12px;}*/
#cs .cso { float:right; color:#999; font-size:16px; cursor:pointer;} #cs .cso:hover { color:#c00;}
#cs #cst { width:100%; height:auto; overflow:hidden; margin-bottom:10px; }
#cs.p #cst { margin-top:5px;}
#cs #cst h5 { margin:10px 40px 10px 50px;font-size:.8em; display:none; font-weight:600;}
#cs.p #cst h5 { /*margin:4px 0;color:#fff; background:#999; padding:5px;*/ display:block;}
#cs #cst h5 label { float:right; cursor:pointer;}
#cs #cst h5 span { display:inline-block; color:#aaa; font-size:20px; font-weight:300; cursor:pointer; margin:-4px 10px; float:right;}
#cs #cst h5 span:before { content: "\1f6c8";}
#cs #cst h5 span:hover { color:#06C; } 
#cs #cst input:checked + label {color:#396;} #cs #cst label#lcs1 {color:#396;}
#cs #cst input {float:right;margin:0 0 0 10px; cursor:pointer;}
#cs #cst h5 span {}
#cs #cst p { font-size:12px; line-height:1.2; display:none; padding:4px 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
#cs.p #cst p.s {display:block;}

#cs #bt { width:100%; height:auto; overflow:hidden; margin-top:5px;}
#cs #onc { margin-top:-4px; }
#cs button { width:102px; height:40px; margin:0 8px 0 0; padding:5px 0; border:0; border-radius:6px; cursor:pointer; color:#000; background:#ccc; font-size:12px; display:inline-block;}
#cs button:first-child { }
#cs button:last-child, #cs button:nth-child(3) {margin-right:0;}
#cs button:hover { color:#fff; background:#888;}
#cs #bt button:last-child { display:none;}
#cs.p #bt button:nth-child(2) { display:none;}
#cs.p button:nth-child(3) {margin-right:9px;}
#cs.p #bt button:last-child { display:inline-block;}

#cs #csp button { margin:6px 0 0 105px;}
#cs #csp a {margin-left:.55em; text-underline-position: under; color:#333; font-size:12px;} #cs.p #csp a { display:block; margin-left:0;}
#cs #csp a:hover { color:#000;}
.nomap { width:100%; height:auto; min-height:16vh; margin:20px 0; padding-top:11vh; overflow:hidden; border:solid 1px #ff3300; font-weight:bold; color:#ff3300;text-align:center; }
.nomap p {text-align:center;}

#csa:before { content:"Zmena nastavenia cookies";}
#cs h4:before, .ncs { content:"Nastavenie cookies ";}
#cs #cst label:before { content:"zakázané";}
#cs #cst input:checked + label:before {content:"povolené";}
#cs #cst label#lcs1:before { content:"vždy povolené";}
#cs #cst h5:first-child:before { content:"Nevyhnutné ";}
#cs #cst h5:nth-child(3):before { content:"Pre funkčnosť ";}
#cs #cst h5:nth-child(5):before { content:"Pre štatistiku ";}
#cs #cst h5:nth-child(7):before { content:"Pre marketing ";}

#cs #csp:before { content:"Súbory cookie nám pomáhajú pri poskytovaní služieb pre vás. Umožňujú spoznať a zapamätať si vaše preferencie."}
#cs.p #csp:before { content:"Tu si môžete nastaviť, aké súbory cookies sa ukladajú vo vašom internetovom prehliadači. Vďaka nim si stránka zapamätá vaše preferencie. Používajú sa aj na to, aby stránka fungovala ako očakávate. Zvyčajne vás neidentifikujú priamo. Ich povolením získate viac prispôsobený internetový obsah. Môžete Prijať všetky cookies, alebo Nastaviť, ktoré cookies povolíte. Upozorňujeme, že klikom na Neprijať žiadne cookies  ovplyvníte zobrazenie stránky. Niektoré jej služby potom nemusia správne, alebo vôbec fungovať."}

#cs #cst #csp1:before {content:"Tieto cookies zaisťujú bezchybnú prevádzku našich webových stránok. Umožňujú napríklad vloženie služby do objednávky, ukladanie dát s ohľadom na bezpečnosť webu, prihlasovanie k webu a podobne. Nevyhnutné cookies nemožno deaktivovať, pretože by došlo k narušeniu správneho fungovania webu.";}
#cs #cst #csp2:before {content:"Tieto cookies umožňujú, aby si webová stránka zapamätala informácie, ktoré menia, ako sa webová stránka správa alebo ako vyzerá. Je to napríklad preferovaný jazyk alebo región, kde sa nachádzate.";}
#cs #cst #csp3:before {content:"Pomocou týchto cookies môžeme sledovať, ako stránky používate, z akých zdrojov a technológií. Na základe týchto dát môžeme web neustále vylepšovať, aby bol pre vás čo najprívetivejší. Všetky dáta sú anonymizované, konkrétnych užívateľov teda identifikovať nemôžeme.";}
#cs #cst #csp4:before {content:"Spoločne s nástrojmi tretích strán môžeme zobrazovať vami preferované reklamy v partnerských sieťach podľa vašich záujmov. V prípade nesúhlasu nebudú vaše záujmy a preferencie  zohľadnené a bude sa vám reklama zobrazovať plošne.";}
#cs #bt button::first-line { word-spacing: 60px;}

#cs #bt button:first-child:before {content:"Prijať";}
#cs #bt button:nth-child(2):before {content:"Nastaviť";}
#cs #bt button:nth-child(3):before {content:"Odmietnuť";}
#cs #bt button:last-child:before {content:"Zavrieť nastavenie";}
#cs.p #bt button:first-child:before {content:"Prijať všetky";}
#cs.p #bt button:nth-child(3):before {content:"Odmietnuť všetky";}
#cs #onc a:before {content:"Viac info o cookies";}
#cs #csp a:before {content:"Viac info o cookies"; }
.nomap:before { content:"Aby sa zobrazila google mapa, je potrebné povoliť všetky cookies a dať znova načítať stránku."}
.nomap a:before {content:"Nastavenie cookies";}