@import url(https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800,900&subset=latin-ext);
/*
tmavohnedá #896750
zelená #00b872
žltá #dae034
modrá #00abdf
červená #ff156c
*/

body { margin:0; background:#efebe2;}
p, a, li, h1, h2, h3, h4, h5, table, var { font-family:Poppins, Arial, sans-serif; } button { cursor:pointer;}
p, a, li {font-size:1rem;font-weight:300;line-height:1.6;}
li { margin-bottom:.5em;}
a:hover { color:#c00;}

header { width:96%; max-width:1200px; height:auto; overflow:hidden; margin:0 auto; background:#fff;font-family:Poppins, Arial, sans-serif;line-height:1.4;}
header .logo { display:block; width:auto; height:65px; overflow:hidden; margin:15px 1.6% 2px 2.8%; float:left;}
header .logo img { height:100%; width:auto; }
header .s { width:auto; height:65px; overflow:hidden; margin-top:17px; font-size:25px; line-height:65px; text-align:center; float:left; color:#896750 }
header .ivd { width:150px; height:68px; overflow:hidden; margin:4px 0 -2px 4%; padding:24px 0 0 4px; cursor:pointer; 
	font-size:14px; line-height:1.1; text-align:left; float:left; color:#063; background: url(../images/stromcek.jpg) no-repeat	center right; background-size:contain; }
header .ivd:hover { text-decoration:underline;}
header .h { width:20%; height:auto; padding:0; overflow:hidden; margin:30px 3.1% 0 0; float:right;box-sizing: border-box; border:2px solid #cec19a;border-radius:22px;}
header .h span{ color:#cec19a;font-size:1.8em; margin:0 1px -3px 6px;display:inline-block;font-family: FontAwesome; text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; }
header .h button { border:none; background:none; padding:4px 0 0 0; width:20%; text-align:right;}
header .h input { display:inline-block; background:#fff; border:none; font-size:15px; width:66%; padding:5px 0 5px 2%; margin:-4px 0 4px 6%;}

header .k { width:120px; height:auto; padding:3px 6px; overflow:hidden; margin:0 2% 0 0; float:right; border-radius:18px; color:#fff; background:#00b872; font-size:14px;}
header .k .ico span{ color:#fff; font-size:1.7em; margin:-2px 4px -2px 6px;}
#menu { width:96%; max-width:1200px; height:auto; padding:8px 0 2px 0; overflow:visible; margin:0 auto; background:#fff; }
#menu nav { width:90%;  height:24px; padding:8px 2%; overflow:visible; background:#efebe2; border-radius:24px; margin:8px auto 2px auto; }
#menu nav a { display:inline-block; text-decoration:none; margin:1px 15px 0 0; color:#896750;line-height:1.4;}
#menu nav a.r { float:right; margin:1px 0 0 15px;}
#menu nav div { display:inline-block; width:240px; height:32px; overflow:visible; position:relative; }
#menu nav div label {font-family:Poppins, Arial, sans-serif; font-size:1rem;font-weight:300; color:#896750;line-height:1.4; cursor:pointer;}
#menu nav div label:after {content: "▼";color:#bbb; margin-left:4px; font-size:.9em; line-height:1.6;}
#menu nav div ul {display:none; padding:0; position:absolute; left:-6px; top:14px; background:#efebe2; padding:4px 6px; z-index:123; }
#menu nav div:hover label:after {color:#896750;}
#menu nav div:hover ul { display:block;}
#menu nav div ul:hover { display:block;}
#menu nav var#pp { font-weight:500;}
#mbt { display:none; font-family: FontAwesome; text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; font-size:34px; color:#896750;
	padding:8px 4%; background:#dae034; border-radius:36px; margin:8px 3.1% 0 0; cursor:pointer; float:right;}
#mbt:before {content: "\f0c9";}

.wrap { width:96%; max-width:1200px; height:auto; overflow:visible; margin:0 auto; background:#fff;}
article { display:block; width:92%; height:auto; padding:8px 4%; overflow:hidden;}

h1 { color:#896750; font-size:36px;/* text-shadow: 2px 2px 8px rgb(0 0 0 / 40%);*/ margin:5px 0 20px 0;}
h2 { color:#888;}
h4.oznam {color:#c00; font-size:24px; margin-bottom:10px; text-transform:uppercase;}
hr { size:0; border-top: 1px solid #896750;}

.banner { width:100%; max-width:1200px; padding:16px 0; height:auto; overflow:hidden; text-align:center; margin:0 auto; background:#fff;font-family:Poppins, Arial, sans-serif; }
.banner img { width:100%; height:auto; }
img.uk { max-width:100%; margin:10px auto; }

.bl { width:100%; height:auto; overflow:hidden;}
.bl.tc { text-align:center;}
.sp { width:100%; height:20px; overflow:hidden;}

.ico span { display:inline-block;font-family: FontAwesome; text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;  }
.ico-facebook:before { content: "\f082";}
.ico-instagram:before { content: "\f16d";}
.ico-youtube:before { content: "\f167";}
.ico-basket:before { content: "\f291"; font-size:16px; color:#896750;}
.ico-login:before { content: "\f007"; }
.ico-search:before { content: "\f002";}

.ico-login { font-size:22px; margin:-6px 2px -2px 0; color:#896750}

.vz { width:96%; max-width:1200px; height:auto; padding:8px 0; overflow:hidden; margin:0 auto; background:#b9c1cc; }
.vz p { text-align:center; letter-spacing:2px;}
.vz .lg { width:90%; height:auto; overflow:hidden;margin:0 auto;}
.vz a { display:block; width:14%; height:auto; overflow:hidden; margin:1.8% 3%; float:left;}
.vz a img { width:100%; height:auto;}
.vz a:nth-child(4) { margin-top:3%;}
.vz a:last-child { margin-top:0;}

.es img { width:auto; height:auto;} 
.cz {width:100%; height:auto; overflow:hidden; }
.cz div {width:100%; height:1px; border-top:1px solid #896750; margin-top:29px;}
.cz h1, .cz h2, .cz h3 { width:360px; text-align:center; /*text-shadow: 2px 2px 8px rgb(0 0 0 / 40%);*/ color:#896750;  background:#fff;}
.cz h1 { width:530px; font-size:36px;margin:-29px auto 0 auto;} .cz h1.s { width:200px;} .cz h1.m { width:480px;} .cz h1.l { width:580px;}
.cz h2 { width:400px; font-size:32px;margin:-26px auto 0 auto;} .cz h2.s { width:200px;} .cz h2.m { width:280px;} .cz h2.l { width:510px;}
.cz h3 { width:330px; font-size:30px;margin:-25px auto 0 auto;}

.fv { width:100%; height:auto; overflow:hidden;text-align:center; }
.fv a { display:inline-block; padding:4px; font-size:18px; letter-spacing:2px; font-weight:600; /*text-shadow: 2px 2px 8px rgb(0 0 0 / 40%); */
color:#000; text-decoration:none; margin:4px 8px; border-bottom:2px solid #fff; }
.fv a:hover {color:#ff156c; border-bottom:2px solid #000;}

.cover {width:250px; height:433px; overflow:hidden; margin:8px 13px; /*box-sizing: border-box; border:1px solid #aaa; box-shadow:0 0 20px #aaa; */  position:relative; float:left;}
.cover.top { height:480px;} 
.cover.top .tpn {text-align:center;color:#999; width:100%;height:49px;overflow:hidden;font-family:Poppins, Arial, sans-serif; font-size:30px; font-weight:600;}

.cover .bb { width:100%; height:352px; position:relative; overflow:visible; }
.cover .bb img { display:block; width:100%; height:auto; overflow:hidden; position:absolute; left:0; bottom:0; }
.cover .pr { width:64px; height:64px; overflow:hidden; text-align:center; box-sizing: border-box; position:absolute; right:0; border-radius:64px; font-family:Poppins, Arial, sans-serif; line-height:1.2; bottom:-32px;}
.cover .pr span {line-height:1.2;}
.cover .pr.z {background:#896750; padding-top:20px; color:#fff; cursor:pointer; }
.cover .pr.k {background:#dae034; padding-top:20px; color:#333; cursor:pointer; }
.cover .pr.a {background:#ff156c; padding-top:20px; color:#fff; cursor:pointer; }
.cover .pr.z:hover span, .cover .pr.k:hover span, .cover .pr.a:hover span, .cover .pr.p:hover span, .cover .pr.active span { display:none;}
.cover .pr.z var, .cover .pr.k var, .cover .pr.a var, .cover .pr.p var { display:none; font-style:normal; font-family: FontAwesome;  font-size:22px;}
.cover .pr.z var:before, .cover .pr.k var:before, .cover .pr.a var:before, .cover .pr.p var:before {content: "\f291";}
.cover .pr.v {background:#888; padding-top:20px; color:#fff; }
.cover .pr.s {background:#888; padding-top:20px; color:#fff; cursor:pointer; }
.cover .pr.p {background:#00abdf; padding-top:20px; color:#fff; cursor:pointer; }
.cover .pr.n {background:#00b872; padding-top:8px; color:#fff; }
.cover .pr.v:hover { padding-top:20px; line-height:1.1;}
.cover .pr.v var { display:none; font-style:normal;font-size:11px;}
.cover .pr.v:hover span { display:none;}
.cover .pr:hover var, .cover .pr.active var { display:inline;}
.cover .ve { width:auto; height:auto; padding:7px 6px; overflow:hidden; position:absolute; left:0; bottom:0; font-family:Poppins, Arial, sans-serif; line-height:1; background:#dae034;
	border-radius:0 10px 0 0;}
.cover .t { margin-top:7px;font-family:Poppins, Arial, sans-serif;line-height:1.2;}
.cover .t a { display:inline-block; width:73%; color:#ff156c; font-size:14px; font-weight:600; text-decoration:none; line-height:1.2;}
.cover .t span { color:#333; font-size:13px; font-weight:300; }
.zp .cz { margin-bottom:8px;} var { font-style:normal;}
.btn { display:inline-block; padding:8px 16px; text-decoration:none; font-weight:600; border-radius:16px; margin:10px 0; }
.btn.z { color:#fff; background:#896750;}
.btn.m { color:#fff; background:#00abdf;}
.jp .c1 {width:46%; height:auto; overflow:hidden; margin:8px 0 0 0; float:left;}
.jp .c1 img { width:100%; height:auto;}
.jp .c2 {width:52%; height:auto; overflow:hidden; margin:8px 0 0 2%; float:right;}
.jp .c2 h1 { font-size:30px; line-height:1.3; margin:10px 0 5px 0;}
.jp .c2 h2 { font-size:20px; color:#888; margin:5px 0 20px 0;}
.jp .c3 {width:28%; height:auto; overflow:hidden; margin:0 2% 0 0; float:left;}
.jp .c3 ul li { font-size:.85em; line-height:1.8;}
.jp .c4 {width:20%; height:auto; overflow:hidden; margin:8px 0 0 0; float:right;font-family:Poppins, Arial, sans-serif;line-height:1.2;}
.jp .c4 .pr { display:block; font-size:30px; font-weight:600; padding:2px 16px; color:#896750; border-radius:24px; border:2px solid #896750; font-family:Arial, sans-serif; float:right;
	margin-top:8px; }
.jp .c4 .pr.akcia { color:#ff156c;  border-color:#ff156c; }	
.jp .c4 .pr.akcia2 { color:#fff; background:#ff156c;  border-color:#ff156c; }	
.jp .c4 .bc { display:block; font-size:15px; font-weight:600; color:#999; font-family:Arial, sans-serif; float:right; margin:12px 4px 0 0; }
.jp .c4 .do { font-size:.9em; margin:16px 0 8px 0; text-align:right; margin-right:6px;}
.jp .c4 .do span { font-weight:600;}
.jp .c4 .do.c span { color:#ff156c;}
.jp .c4 .do.m span { color:#00abdf;}
.jp .c4 .do.y span { color:#dae034;}
.jp .c4 .do.o span { color:#ffaa39;}
.jp .c4 .do.z span { color:#896750;}
.jp .c4 .vy { font-size:.9em; margin:16px 0 8px 0; text-align:right;}
.jp .c4 .pp { font-size:.9em; margin:16px 0 8px 0; text-align:right;}
.jp .c4 .mno {font-size:.9em; margin:16px 0 8px 0; text-align:right;}
.jp .c4 .mno input { width:24px; font-size:18px; padding:2px 6px 2px 4px;border:2px solid #896750; text-align:center; margin:0 6px 0 2px;}
.jp .c4 .iodv { font-size:.8em; color:#777; margin:8px 0 8px 0; text-align:right; margin-right:6px; line-height:1.4;}

.act { display:block; font-size:20px; width:auto; height:auto; padding:6px 16px 10px 16px; overflow:hidden; cursor:pointer; color:#fff; background:#896750; border-radius:28px; float:right; margin-top:8px;}
.act span {font-family:Arial, sans-serif; font-size:16px;}
.act div {display:inline-block;font-family: FontAwesome; text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; font-size:16px; }
.act div:before { content: "\f291";margin-right:8px;}

.filter { width:100%; height:auto; padding:4px 2%; overflow:hidden; color:#111; background:#efebe2; box-sizing: border-box;
	font-family:Arial, sans-serif; border-radius:20px; border:1px solid #896750; line-height:2; margin:8px 0 3px 0; }
.filter .h { font-weight:600;}
.filter label { font-size:14px; letter-spacing:2px; margin-left:4px;}
.filter input[type=radio], .filter input[type=checkbox], .filter label, .filter select { cursor:pointer; margin-right:8px;}
.filter .c1, .filter .c2, .filter .c3 { width:auto; height:auto; overflow:hidden; float:left; margin-right:20px;}
.filter .c11, .filter .c12 { width:auto; height:auto; overflow:hidden; float:left;}
.filter .c11 { margin-right:16px;}
.filter select { padding:3px 6px;border-radius:3px; border:1px solid #896750; margin-left:1em}

.navi { width:100%; height:auto; padding:8px 0; overflow:hidden; font-family:Arial, sans-serif; font-size:14px; color:#896750; margin:8px 0 4px; text-align:right;}
.navi.h {border-bottom:1px solid #896750;}
.navi.d {border-top:1px solid #896750;}
.navi span:first-child { display:inline-block; float:left; margin-top:10px;}
.navi a { display:inline-block; width:32px; font-size:20px; text-decoration:none; text-align:center; color:#fff; background:#896750; border-radius:6px; margin:0 4px; cursor:pointer;}

.odk { text-align:center;}
.odk a {color:#896750; font-weight:500;}
.odk a:hover { text-decoration:none;}

footer { width:96%; max-width:1200px; height:auto; padding:8px 0; overflow:hidden; margin:0 auto; color:#fff; background:#333; }
footer a { color:#fff; text-decoration:none; }
footer a:hover { color:#fff; text-decoration:underline; }
footer .m { width:94%; height:auto; overflow:hidden; padding:16px 0; margin:0 auto; }
footer .c { width:24%; height:auto; overflow:hidden; margin-right:1%; float:left; }
footer .c:first-child { width:22%; margin-right:3%;}
footer .c:first-child a img { width:auto; max-width:100%; height:auto; margin-top:25px;}
footer .b { width:94%; height:auto; overflow:hidden; padding:4px 0; margin:0 auto; border-top:1px solid #fff;}
footer .b em { font-style:normal;}
footer .b .ico span{ float:right; color:#fff; font-size:2em; margin:-.4em 0 0 .4em;}

#ozk { display:none; width:100%; height:100vh; overflow:hidden; position:fixed; left:0; top:0; background:rgba(0,0,0,.5); }
#ozk .o { width:290px; height:100px; padding:20px 15px; overflow:hidden; background:rgba(255,255,255,.9); border:1px solid #896750; 
	border-radius:22px; margin:40vh auto 0 auto; position:relative;}
#ozk p { font-size:18px; text-align:center; margin:4px 0;}
#ozk .b { width:100%; height:auto; overflow:hidden; text-align:center;}
#ozk a { display:block; padding:4px 0; text-align:center; font-size:15px; width:140px; border-radius:16px; color:#fff; background:#896750; 
	text-decoration:none; position:absolute; bottom:15px}
#ozk a:first-child { left:15px}
#ozk a:last-child { right:15px;}

.rel { position:relative;}
.item {width:100%; height:auto; padding:0 0 16px 0; overflow:hidden; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}

table {border-spacing:0; border-collapse:collapse; font-weight:300;}
table th { font-weight:600;  text-align:left;}
.obj h1 { margin:5px 0;}
.obj table th, .obj table td { padding:2px 18px 2px 0; line-height:30px; margin-bottom:1px; border-bottom:1px solid #896750;}
.obj table tr.nbb td {border-bottom:none;}
.obj table td a { color:#111; text-decoration:none;}
.obj table td a:hover { color:#ff156c;}
.obj table td:nth-child(3) { text-align:center;}
.obj table td:nth-child(4) { text-align:right;}
.obj table td:nth-child(5) { text-align:right;}
.obj table td:nth-child(6) { text-align:center;}
.obj table input { width:30px; text-align:center; padding:5px 2px 5px 0; border:1px solid #ccc;}

.obj .b { width:100%; height:auto; overflow:hidden; margin:20px 0; }
.obj .b a { display:block; padding:5px 0; text-align:center; font-size:15px; width:200px; border-radius:16px; color:#fff; background:#00b872; text-decoration:none;}
.obj .b a:first-child { float:left;}
.obj .b a:last-child { float:right;}
.obj .b button { display:block; padding:10px 20px; text-align:center; font-size:15px; font-weight:600; border:none; border-radius:16px; color:#fff; background:#896750; 
	text-decoration:none; float:right;}
.obj .b button.l { float:left;}
.obj a.btn { display:inline-block; padding:5px 20px; font-size:15px; width:auto; border-radius:16px; color:#fff; background:#896750; text-decoration:none;}
.obj span.num { display:inline-block; width:20px; height:20px; padding:7px 7px 4px 4px; text-align:right; font-family:Arial, Helvetica, sans-serif; font-weight:600; border:2px solid #00b872; border-radius:18px; margin-right:8px; color:#00b872; }
.obj .c1 { width:64%; height:auto; overflow:hidden; float:left;}
.obj .c2 { width:32%; height:auto; overflow:hidden; float:right;}
.obj .c3 { width:39%; height:auto; overflow:hidden; float:left;}
.obj .c4 { width:58%; height:auto; overflow:hidden; float:right;}
.obj .c3 table td {border-bottom:none;line-height:28px;}
.obj .c4 table { width:100%;}
.obj .c4 table td { line-height:1; padding:8px 18px 8px 0;}
.obj p a { color:#896750; text-decoration:none;}
.obj p a:hover { text-decoration:underline;}
.obj .vsu { font-family:Poppins, Arial, sans-serif; }
.obj .vsu label { cursor:pointer;}
.obj .vsu img { display:inline-block; margin:0 0 -10px 8px; }

.obj .zk p { font-size:.9em; color:#896750; margin:.3em 0;} .obj .zk p.err { color:#fff; margin-top:.8em;}
.obj .zk { margin:1em 0; }
.obj .zk div {font-family: Poppins, Arial, sans-serif; font-size:15px; background:#896750; padding:3px 4px 4px 8px; display:inline-block; color:#fff;}
.obj .zk span {font-family: Poppins, Arial, sans-serif; font-size:15px; color:#c00;}
.obj .zk input { width:84px; padding:4px 8px; border:none; background: #fff; margin-left:3px;}
.obj .zk button { border:none; border-radius:4px; background:#896750; color:#fff; padding:8px 20px; margin-right:8px;} .obj .zk button.h { display:none;}

.fr { width:100%; height:auto; overflow:hidden; padding-bottom:2%;}		
.fr input[type=text], .fr input[type=email], .fr input[type=tel], .fr input[type=password], .fr input[type=number] 
	{float:left; margin-right:1%; background:#fff; font-size:1em; padding:8px; border:1px solid #896750; border-radius:4px;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}		
.fr textarea { font-family:Arial, Helvetica, sans-serif; height:5em;}	

.fr input[type=text].s {width:15%;}
.fr input[type=text].ms {width:13%;}
.fr input[type=text].m {width:33%;}
.fr input[type=text].ic {width:31%;}
.fr input[type=text].dc {width:33%;}
.fr input.lh {width:49%;}
.fr input[type=text].lq {width:85%;}
.fr input[type=text].xl {width:99%;}
.fr input.ok { border:solid 1px #47B183;} 
.fr input.no { border:solid 1px #c00;} 

.cr { width: 95.9%; height:auto;  overflow: hidden;  font-size: 17px; font-family:Poppins, Arial, sans-serif; line-height: 25px;  padding: 1% 0 1% 0; }
.cr label {color:#000; cursor:pointer; }

#mob { display:none; position:absolute; left:1.4%; top:37px; font-size:.75em; color:#c00; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
#mob.no { display:block;}
#bfirma, #bdadr { display:none;}

#psc_n, #da_psc_n { display:none; position:absolute; left:1.4%; top:37px; font-size:.75em; color:#c00; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
#psc_n.no, #da_psc_n.no { display:block;}

.freg p { padding: 2% 2% 0 2%;}
.freg p.info { padding: 0 2% 0 2%; margin-bottom:0;}
.freg p.info label { display:inline-block; width:8em; height:auto;}
.freg p.infoheslo { display:block; width:95.9%; height:auto; overflow:hidden; padding: 0 2% 0 2%; margin:2% 0 -1% 0;}
.freg p.ll { margin:0; padding: 2% 2% 0 2%;color:#fff; }
.freg input[type=radio] { margin:2% 1% 0 2%;}
#l_suhlas1 { display:block; width:1em; height:3.2em; overflow:hidden; float:left; margin:2% 1% 0 2%}
#r_suhlas1 { display:block; width:92%; height:3.2em; overflow:hidden; float:left; margin:2% 1% 0 0}
.freg label { margin:0; padding: 2% 2% 0 0; cursor:pointer;}
.freg a { text-decoration:underline;}
.freg table {margin:2% 0 0 2%; width:96%;}
.freg table td {text-align:left; vertical-align:top;} .freg table td:nth-child(1) { min-width:8em;}
.freg span { color:#000; }

.reg {font-family:Poppins, Arial, sans-serif;}
.reg input[type=text], .reg input[type=password] {background:#fff; font-size:1em; padding:8px; border:1px solid #896750; border-radius:4px;}		
.reg button { display:inline-block; padding:10px 20px; text-align:center; font-size:15px; font-weight:600; border:none; border-radius:16px; color:#fff; background:#896750; 
	text-decoration:none; }
.reg a { color:#896750; text-decoration:none;}
.reg label { display:inline-block; width:100px;}
.reg .err { margin-bottom:20px;}

article.op h1 { font-size:26px }
article.op h2, article.op h3, article.op h5 { color:#896750; font-weight:600; }
article.op h2 { margin:1em 0 .6em 0;}
article.op h3 { font-size:1.25em;}
article.op h5 { font-size:1.1em; margin:.5em 0;font-weight:400;}
article.op strong { font-weight:500;}
article.op a { color:#896750; text-decoration:none;}
article.op a:hover { text-decoration:underline;}
article.op table th, article.op table td { padding:2px 10px 2px 10px; line-height:30px; margin-bottom:1px; border:1px solid #896750;}

article .uk { width:100%; height:auto; overflow:hidden; margin:5px 0;}
article .uk iframe { width:100%; height:600px; border: none;}

.kdn, .obj table td a.kdn { color:#c00;}

.banner .slideshow-container { box-sizing:border-box;  max-width: 1200px;  position: relative;  margin: auto;}
.banner .mySlides { display: none;}

.banner a.prev, .banner a.next {  cursor: pointer;  position: absolute;  top: 50%;  width: auto;  margin-top: -22px;  padding: 16px;  color: white;
  font-weight: bold;  font-size: 18px;  transition: 0.6s ease;  border-radius: 0 3px 3px 0;  user-select: none;}
.banner a.prev:before {content:"❮";}
.banner a.next:before {content:"❯";}
.banner a.prev { left: 0; border-radius: 3px 0 0 3px;}
.banner a.next { right: 0; border-radius: 3px 0 0 3px;}
.banner .prev:hover, .banner .next:hover { background-color: rgba(255,255,255,0.5);}

.banner .text { color: #f2f2f2;  font-size: 15px;  padding: 8px 12px;  position: absolute;  bottom: 8px;  width: 100%;  text-align: center;}
.banner .numbertext { color: #f2f2f2;  font-size: 12px;  padding: 8px 12px;  position: absolute;  top: 0;}
.banner .dots { width:92%; padding:0 4%; overflow:hidden; text-align:center;}
.banner .dot {  cursor: pointer;  min-height: 1em;  min-width: 15px;  margin:0 1em 0 0; display: inline-block; color:#999; transition:color 0.6s ease; border-bottom:1px solid #fff;}
.banner .active, .banner .dot:hover { color:#777; border-bottom:1px solid #111;}

.fade {  -webkit-animation-name: fade;  -webkit-animation-duration: 1.5s;  animation-name: fade;  animation-duration: 1.5s;}
.doinf span { font-size:.9em; font-weight:600; letter-spacing:1px; padding:4px 8px; color:#333; background-color:rgba(216,224,51,0.3);}

#ovd { display:none; width:100%; height:100vh; overflow:hidden; position:fixed; top:0; left:0; background:rgba(0,0,0,.7);}
#ovd .vd { width:80%; max-width:700px; padding:20px 205px 20px 30px; height:auto; overflow:hidden; margin:30vh auto 0 auto;
	background:#fff url(../images/stromcek.jpg) no-repeat	right top; background-size:contain; position:relative; color:#063; }
#ovd .cl { position:absolute; top:0; right:16px; font-size:42px; font-weight:600; cursor:pointer; }
#ovd .cl:hover { color:#000;}
#ovd.s { display:block;}
.err { padding:1%; font-weight:bold; color:#fff; background-color:#c00; margin-bottom:0; font-size:1.1em; line-height:1.3; font-family:Arial, Helvetica, sans-serif;}

@-webkit-keyframes fade {  from {opacity: .4}  to {opacity: 1}}
@keyframes fade {  from {opacity: .4}  to {opacity: 1}}

#oznam { width:100%; height:100vh; overflow:hidden; background:rgba(0,0,0,.6); position:fixed; top:0; left:0; z-index:333;} #oznam:hover { cursor:pointer;}
#oznam .ozn { width:600px; max-width:86%; padding:20px 20px 10px 20px;  height:auto; margin:15vh auto 0 auto; border:1px solid #c00; background:#fff; border-radius:4px;}
#oznam h2 { color:#c00; margin:0 0 20px 0;} #oznam h2 span { float:right;}
#oznam p { line-height:1.4;}
#oznam.h { display:none;}

@media (max-width: 1280px) {
	.cover { width:23.7%; height:34vw; margin:8px .6%;}
	.cover .bb { height:28vw;}
	.cover.top { height:38vw;}	.cover.top .tpn {height:60px;}
}
@media (max-width: 1200px) {
	header .logo { width:20%}
	header .s { width:52%;font-size:35px; }
	header .ivd {margin:4px 0 -2px 2%; }
}
@media (max-width: 1060px) {
	header .logo { height:60px; }
	header .s { width:46%;font-size:30px;margin-top:26px; height:auto;line-height:1.2;}
	header .h { width:22%; margin:26px 3.1% 0 0; }
	header .ivd { width:130px; height:54px; margin:4px 0 -2px 1%; padding:20px 0 0 4px; font-size:13px;}

	#menu nav a { margin:1px 10px 0 0; }
	.cover { width:30.8%; height:47vw; margin:8px 1.2%;}
	.cover .bb { height:38vw;}
	.cover.top { height:51vw;}	

	#ovd .vd { width:600px;padding:20px 205px 20px 30px; margin:30vh auto 0 auto; }
	
}
@media (max-width: 920px) {
	header .logo { width:23%}
	header .s { width:28%; font-size:26px;margin-top:16px;}
	header .h { width:32%; margin:22px 3.1% 0 0; }

	#menu nav a { font-size:14px; }
	#ovd .vd { width:500px;padding:16px 205px 16px 24px; margin:28vh auto 0 auto;  }
	#ovd p {font-size:0.9rem;}
	.cover.top { height:53vw;}	.cover.top .tpn {height:50px;}
}

@media (max-width: 820px) {
	p, a, li, th, td, label {font-size:.85rem;}

	header .logo { margin-right:3%; width:24% }
	header .s { display:none;}
	header .h { width:52%; float:left;}
	#menu { display:none; }
	#mbt { display:block;}
	h1 {font-size:32px;}
	.cz div { margin-top:24px;}

	.cz h1 { width:300px; font-size:30px;margin:-24px auto 0 auto;}
	.cz h2 { width:400px; font-size:32px;margin:-24px auto 0 auto;}
	.cz h3 { width:330px; font-size:30px; margin:-24px auto 0 auto;}

	.cover.top { height:55vw;}	.cover.top .tpn {height:44px;}

	.jp .c1 {width:100%; float:none; text-align:center;}
	.jp .c1 img { width:80%; }
	.jp .c2 {width:100%; margin:8px 0 0 0; float:none;}
	.jp .c2 h1 { font-size:26px; text-align:left;}
	.jp .c2 h2 { font-size:18px;}
	.jp .c3 {width:58%; }
	.jp .c4 {width:40%;}

	.obj .c1, .obj .c2, .obj .c3, .obj .c4 { width:100%; float:none; overflow:hidden; float:left;}
	.obj table th, td { padding:2px 10px 2px 0; line-height:24px;}
	.obj table th:last-child { width:20px;}
	.obj table.zp th:nth-child(2), .obj table.zp td:nth-child(2) { display:none;}
	.obj .b button:nth-child(2) { width:70%; height:auto;}
	.fr input[type=text].ms {width:22%;}
	.fr input[type=text].lq {width:76%;}

	footer .c { width:48%; margin-right:2%; }
	footer .c:first-child { width:48%;}
	footer .c:last-child { float:right;}
	footer .b em { display:block; width:100%; margin-bottom:1.5em;}

	#ovd .vd { width:60%;padding:8px 29% 8px 3%; margin:26vh auto 0 auto;  }

	#oznam .ozn { margin:5vh auto 0 auto; }
	#oznam p { font-size:14px;}
}


@media (max-width: 776px) {
	header .logo { height:45px; width:22%  }
	header .h { width:52%;margin:15px 0 0 0;}
	#mbt { font-size:30px; color:#896750; padding:7px 5%; border-radius:36px;}
	#ovd .vd { background-size:30%; }
	#ovd p {font-size:0.8rem;}	
}

@media (max-width: 600px) {
	header .logo { width:28%;}
	header .h { width:42%; margin:12px 0 0 2%;	}
	header .ivd { width:118px; height:46px; margin:4px 0 -2px 1%; padding:12px 0 0 4px; font-size:12px;}
	h1 {font-size:28px; text-align:center;}
	.vz .lg { width:99%; float:right; }
	.vz a { width:18%; margin:1.8% 1%;}
	.cz div { margin-top:18px;}
	.cz h1, .cz h2 { width:240px; text-align:center; font-size:22px;margin:-18px auto 0 auto;}
	.cover {width:48.5%; height:65vw; }
	.cover:nth-child(odd) { margin:8px 0 8px .5%;}
	.cover:nth-child(even) { margin:8px 2.5% 8px 0;}
	.cover .ib { width:100%; height:auto; overflow:hidden;}
	.cover .bb {  height:54vw;}
	.cover .t { min-height:30px;}
	.cover.top { height:72vw;}	.cover.top .tpn {height:1.3em;}

	.jp .c3 {width:100%; margin:0; }
	.jp .c4 {width:100%;}
	.jp .c4 .pr { width:40%; float:none; margin:8px auto; text-align:center;}
	.jp .c4 .do {  margin:16px auto 8px auto; text-align:center; }
	.jp .c4 .vy { text-align:center;}
	.jp .c4 .pp { text-align:center;}
	.jp .c4 .mno { text-align:center;}
	.jp .c4 .bc { float:none; text-align:center; margin:12px 0 0 2px; }
	.act { width:40%; float:none;margin:24px auto; text-align:center;}
	.doinf span { font-size:.85em; letter-spacing:0; padding:6px 3px;}

	footer .c:first-child { width:100%; margin-right:0; float:none;}
	footer .c:nth-child(3), footer .c:last-child { width:100%; margin-right:0; }

	#ovd .vd { width:84%; padding:4px 5% 4px 4%; margin:16vh auto 0 auto; line-height:1.1; background-size:23%; background-position:bottom right;}
	article .uk iframe {height:400px;}

	.cover .pr.z {background:rgba(0,184,114,.8);}
	.cover .pr.k {background:rgba(218,224,52,.8); }
	.cover .pr.a {background:rgba(255,21,108,.8); }
	.cover .pr.v {background:rgba(136,136,136,.8); }
	.cover .pr.s {background:rgba(136,136,136,.8); }
	.cover .pr.p {background:rgba(0,171,223,.8); }
	.cover .pr.n {background:rgba(0,184,114,.8); }
}

@media (max-width: 500px) {
	header .logo { width:32%;}
	header .h { width:40%;	}
	.navi span:first-child { display:none;}
	.cz h1.l, .cz h2.l { width:100%;}
}

@media (max-width: 440px) {
	header .logo {height:43px; width:35%;}
	header .h { width:38%;	}
}

@media (max-width: 380px) {
	header .logo {height:39px; width:34%;margin:14px 3% 2px 1.8%;}
	header .h { width:37%;}
	header .h input { font-size:13px;}
	.cover { height:79vw; }
	.cover .bb {  height:60vw;}
	.cover.top { height:91vw;}	
	.cover .t  { line-height:1.1;}
	.cover .t a { font-size:13px; }
	.cover .t span { font-size:12px; }
	.fv a { font-size:16px; letter-spacing:1px; line-height:1.4; padding:2px; margin:8px 5px 4px 5px;}
	.filter { padding:0 2%;}
	.filter label { font-size:13px;letter-spacing:0;}
	.filter input[type=radio] { margin-right: 3px;}
	.filter p { line-height:2;}
}

#menu.m { display:block;}
#menu.m nav { width:100%;  height:auto; padding:0; overflow:visible; margin:0; border-radius:0; }
#menu.m nav a { display:block; padding:10px 20px; margin:0; background:#dae034;line-height:1.2; border-bottom:1px solid #fff; font-size:20px; font-weight:600;}
#menu.m nav a.r { float:none; margin:0;}
#menu.m nav div { display:block; width:100%; height:auto; overflow:hidden;}
#menu.m nav div label { display:none; padding:0; margin:0;}
#menu.m nav div ul { display:block; position:relative; left:0; top:0; padding:0; margin:0; }
#csa {width:236px;height:18px;padding:8px;overflow:auto;position:fixed;left:calc(100vw / 2 - 130px);bottom:0;background:#ddd; font-size:15px; color:#896750; 
	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:#896750;}	
#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:#896750; font-size:17px; font-weight:600;} 
#cs p { margin:.4em 0; font-size:13px; line-height:1.25;}
#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";}

.cc_banner-wrapper{z-index:350;position:relative}.cc_container .cc_btn{cursor:pointer;text-align:center;font-size:0.6em;transition:font-size 200ms;line-height:1em}
.cc_container.cc_message{font-size:0.6em;transition:font-size 200ms;margin:0;padding:0;line-height:1.5em;margin:0.5em 0 0 0;}
@media screen and (min-width: 500px){.cc_container .cc_btn{font-size:0.8em}.cc_container .cc_message{font-size:0.8em}}
@media screen and (min-width: 768px){.cc_container .cc_btn{font-size:1em}.cc_container .cc_message{font-size:1em;line-height:1em;margin:0.2em 0 0 0;}}
@media screen and (min-width: 992px){.cc_container .cc_message{font-size:1em}}
@media print{.cc_banner-wrapper,.cc_container{display:none}}.cc_container{position:fixed;left:0;right:0;bottom:0;overflow:hidden;padding:10px}.cc_container .cc_btn{padding:8px 10px;background-color:#dae034;cursor:pointer;transition:font-size 200ms;text-align:center;font-size:0.6em; display:block;float:right;width:33%;margin-left:10px;max-width:120px}.cc_container .cc_message{transition:font-size 200ms;font-size:0.6em;display:block}
@media screen and (min-width: 500px){.cc_container .cc_btn{font-size:0.8em}.cc_container .cc_message{font-size:0.8em}}
@media screen and (min-width: 768px){.cc_container{padding:8px 25px 7px 25px}.cc_container .cc_btn{font-size:1em;padding:8px 15px}.cc_container .cc_message{font-size:1em}}
@media screen and (min-width: 992px){} .cc_container{background:rgba(150,243,150,.9);color:#000;font-size:17px;font-family: Arial, sans-serif;box-sizing:border-box;border:1px solid #ccc}.cc_container ::-moz-selection{background:#00b872;color:#fff;text-shadow:none}.cc_container .cc_btn,.cc_container .cc_btn:visited{color:#fff; font-weight:bold;background-color:#00b872;transition:background 200ms ease-in-out,color 200ms ease-in-out,box-shadow 200ms ease-in-out;-webkit-transition:background 200ms ease-in-out,color 200ms ease-in-out,box-shadow 200ms ease-in-out;border-radius:5px;-webkit-border-radius:5px}.cc_container .cc_btn:hover,.cc_container .cc_btn:active{background-color:#00b872; text-decoration:none;}.cc_container a,.cc_container a:visited{text-decoration:none;color:#896750; font-weight:bold;transition:200ms color}.cc_container a:hover,.cc_container a:active{ text-decoration:underline;} 
@media (min-width: 1240px) {.cc_container .cc_message{font-size:1em}}
@media (max-width: 1239px) {.cc_container .cc_message{font-size:.9em}}
@media (max-width: 1140px) {.cc_container .cc_message{margin:0;line-height:1em;}}
@media (max-width: 660px) {.cc_container .cc_message{font-size:.7em}}
@-webkit-keyframes slideUp{0%{-webkit-transform:translateY(66px);transform:translateY(66px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}
@keyframes slideUp{0%{-webkit-transform:translateY(66px);-ms-transform:translateY(66px);transform:translateY(66px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}
.cc_container,.cc_message,.cc_btn{animation-duration:0.8s;-webkit-animation-duration:0.8s;-moz-animation-duration:0.8s;-o-animation-duration:0.8s;-webkit-animation-name:slideUp;animation-name:slideUp}