.clear { clear: both;height: 1px; line-height: 1px; overflow: hidden; margin-bottom: -1px; }
.chyba { background-color:#c81816; color:#ffffff; text-align:center; font-size:14px; padding:5px 0px 5px 0px; margin:2px auto 0px auto; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.embedBlok {display: block; width: 100%;}


.in_website_hp { position: absolute; left: -9999px; opacity: 0; height: 0px; width: 0px; z-index: -1; }

.editor { padding:20px; }

.news-detail {
    max-width: 705px; margin: 10px auto;
    border: 1px solid black;
    padding: 10px;
    height: auto!important;
}

.enRozvrzeni {
}

.deRozvrzeni {
}
    
body {
    display: block !important;
}

.chyba { background-color:#c81816; color:#ffffff; text-align:center; font-size:14px; padding:5px 0px 5px 0px; margin:1px auto 10px auto; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

/*------------------------RESET---------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ul,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {
	margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; text-decoration:none; list-style-type: none; }
article, aside, details, figcaption, figure, hgroup, menu, nav, section { display: block; }
/*------------------------------------------------------*/


:root {
	--zelena: #298B2D;
	--zelenaTmave: #1E6F22;
	--zelenaTmaveFont: #1C5E20;
	--zelenaHover: #34A039;
	--cerna: #333;
	--cernaTmave: #1A1A1A;
	--seda: #f1f1f1;
	--sedaTmave: #6b6b6b;
	--sedaSvetle: #f6f4f0;
	--bila: #fff;
	--maxSirkaPrvku: 1400px;
    	
	--zelenaTmave2: #1a3022;
	--zelenaAkcent: #60bb46;
	--zelenaSvetle: #3a6b4a;
	--zelenaOkraj: #3e6e4e;
	--oranzova: #e99825;
	--oranzovaHover: #f8c068;
	--maxSirkaPaticka: 1200px;
	--zaobleniPrvku: 20px;
}

*                                               { box-sizing: border-box; }
html                                            { font-size:16px; }
body                                            { font-family: "Poppins", Arial, sans-serif; display: block !important; }


/*--- HEADER ---*/
header                                          { display:block; width:100%; background-color:var(--bila); }


/*--- HORNI LISTA (telefon, sekundarni odkazy) ---*/
header .horniLista                              { background-color:var(--seda); width:100%; }
header .horniLista > div                        { max-width:var(--maxSirkaPrvku); width:100%; margin:0 auto; display:flex; justify-content:flex-end; align-items:center; padding:0.6rem 1rem; gap:1.5rem; }
header .horniLista .telefon                     { display:flex; align-items:center; color:var(--cerna); font-size:0.9rem; font-weight:400; }
/*header .horniLista .telefon::before             { content:""; display:inline-block; width:16px; height:16px; margin-right:0.5rem; background-image:url('images/ikona-telefon.png'); background-size:contain; background-repeat:no-repeat; background-position:center center; }*/
header .horniLista .odkazyHorni                 { display:flex; align-items:center; gap:0.3rem; }
header .horniLista .odkazyHorni a               { display:inline-block; color:var(--cerna); font-size:0.9rem; font-weight:400; padding:0.3rem 1rem; text-decoration:none; transition: color 0.2s ease; }
header .horniLista .odkazyHorni a:hover         { color:var(--zelena); }


/*--- HLAVNI CAST (logo, nav, CTA, hamburger) ---*/
header .hlavniCast                              { max-width:var(--maxSirkaPrvku); width:100%; margin:0 auto; display:flex; justify-content:space-between; align-items:center; padding:1rem; border-bottom:1px solid var(--seda); }
header .hlavniCast .logo                        { display:flex; align-items:center; }
header .hlavniCast .logo img                    { height:3.5rem; display:block; }


/*--- NAVIGACE ---*/
header .hlavniCast nav                          { display:flex; align-items:center; }
header .hlavniCast nav ul                       { list-style-type:none; display:flex; align-items:center; margin:0; padding:0; }
header .hlavniCast nav ul li                    { margin:0 1.5rem; }
header .hlavniCast nav ul li a                  { color:var(--cerna); text-decoration:none; font-size:1rem; font-weight:400; padding:0.5rem 0; border-bottom:2px solid transparent; transition: border-color 0.2s ease, color 0.2s ease; }
header .hlavniCast nav ul li a:hover            { border-bottom:2px solid var(--zelena); color:var(--zelena); }
header .hlavniCast nav ul li a.sel              { border-bottom:2px solid var(--zelena); color:var(--zelena); font-weight:600; }

header .hlavniCast nav .bt_cta                  { display:inline-flex; align-items:center; padding:0.75rem 1.8rem; background-color:var(--zelena); color:var(--bila); font-size:0.95rem; font-weight:600; border:none; border-radius:25px; cursor:pointer; text-decoration:none; white-space:nowrap; margin-left:2rem; transition: background-color 0.3s ease; }
header .hlavniCast nav .bt_cta:hover            { background-color:var(--zelenaHover); }
header .hlavniCast nav .bt_cta::after           { content:'→'; margin-left:0.6rem; font-size:1.1rem; }


/*--- HAMBURGER TLACITKO ---*/
#bt_menuHamburger                               { display:none; align-items:center; padding:0.7rem 1.2rem; background-color:var(--zelena); color:var(--bila); font-size:1rem; font-weight:600; border:none; border-radius:12px; cursor:pointer; gap:0.6rem; transition: background-color 0.3s ease; }
#bt_menuHamburger:hover                         { background-color:var(--zelenaHover); }
#bt_menuHamburger .hamburgerIkona               { display:flex; flex-direction:column; justify-content:space-between; width:22px; height:16px; }
#bt_menuHamburger .hamburgerIkona span          { display:block; width:100%; height:2px; background-color:var(--bila); transition: transform 0.3s ease, opacity 0.3s ease; }

/* stav otevrit - prepnuti textu a krizek animace */
#bt_menuHamburger .menuZavritText               { display:none; }
header.otevrit #bt_menuHamburger .hamburgerText { display:none; }
header.otevrit #bt_menuHamburger .menuZavritText { display:inline; }
header.otevrit #bt_menuHamburger .hamburgerIkona span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
header.otevrit #bt_menuHamburger .hamburgerIkona span:nth-child(2) { opacity:0; }
header.otevrit #bt_menuHamburger .hamburgerIkona span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }


/*--- SEKUNDARNI POLOZKY - na desktopu skryte ---*/
header .hlavniCast nav ul li.sekundarni         { display:none; }


/*--- RESPONSIVE ---*/
@media (max-width: 1350px) {
	header .hlavniCast nav ul li                { margin:0 1rem; }
	header .hlavniCast nav ul li a              { font-size:0.95rem; }
}

@media (max-width: 1140px) {
	html                                        { font-size:14px; }

	/* skryt horni listu */
	header .horniLista                          { display:none; }

	/* hlavni cast - nad overlay, bile pozadi */
	header .hlavniCast                          { position:relative; z-index:10000; background-color:var(--bila); }

	/* hamburger - vzdy viditelny vcetne pri otevrenem menu */
	#bt_menuHamburger                           { display:flex; }

	/* nav - skryty, pri header.otevrit fullscreen overlay pod hlavni castou */
	header .hlavniCast nav                      { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color:var(--bila); z-index:9998; flex-direction:column; align-items:stretch; padding:7rem 1.5rem 2rem 1.5rem; overflow-y:auto; }
	header.otevrit .hlavniCast nav              { display:flex; }

	header .hlavniCast nav ul                   { display:flex; flex-direction:column; width:100%; margin:0; padding:0; }
	header .hlavniCast nav ul li                { margin:0 0 0.5rem 0; width:100%; }
	header .hlavniCast nav ul li a              { display:flex; justify-content:space-between; align-items:center; padding:1.2rem 1.5rem; background-color:var(--sedaSvetle); border-radius:12px; color:var(--cernaTmave); font-size:1.1rem; font-weight:600; border-bottom:none; transition: background-color 0.2s ease; }
	header .hlavniCast nav ul li a::after       { content:'→'; color:var(--zelena); font-size:1.2rem; font-weight:400; }
	header .hlavniCast nav ul li a:hover        { background-color:var(--seda); border-bottom:none; color:var(--cernaTmave); }
	header .hlavniCast nav ul li a.sel          { border-bottom:none; }

	/* sekundarni polozky - zobrazit v mobilnim menu */
	header .hlavniCast nav ul li.sekundarni     { display:block; }
	header .hlavniCast nav ul li.sekundarni a   { background-color:transparent; font-weight:400; font-size:1rem; color:var(--cerna); padding:0.8rem 1.5rem; border-radius:0; }
	header .hlavniCast nav ul li.sekundarni a::after { content:none; }
	header .hlavniCast nav ul li.sekundarni a:hover { color:var(--zelena); background-color:transparent; }

	/* CTA tlacitko - zobrazit v mobilnim menu na plnou sirku */
	header .hlavniCast nav .bt_cta              { display:inline-flex; margin:2rem 0 0 0; width:100%; justify-content:center; padding:1rem 2rem; border-radius:25px; font-size:1.1rem; }
}

@media (max-width: 600px) {
	header .hlavniCast .logo img                { height:2.8rem; }
	header .hlavniCast nav ul li a              { font-size:1.2rem; padding:1.3rem 1.5rem; }
}

footer											{ background-color:var(--zelenaTmave); }


/*--- HORNI CTA SEKCE ---*/

.patickaCta										{ max-width:var(--maxSirkaPaticka); width:calc(100% - 4rem); margin:0 auto; padding:4rem 0 3rem 0; }
.patickaCtaObsah								{ display:flex; justify-content:space-between; align-items:flex-start; gap:3rem; }
.patickaCtaLeva									{ flex:1; }
.patickaCtaLeva h2								{ font-size:2.2rem; font-weight:600; line-height:3rem; color:var(--zelenaAkcent); }
.bt_mamZajem									{ display: inline-flex; align-items:center; margin-top:2rem; padding:0.9rem 2.2rem; background-color:var(--oranzova); color:var(--bila); font-size:1.1rem; font-weight:500; border:none; border-radius:30px; cursor:pointer; text-decoration:none; transition: background-color 0.3s ease; }
.bt_mamZajem:hover								{ background-color:var(--oranzovaHover); }
.bt_mamZajem span								{ margin-left:0.6rem; font-size:1.2rem; }

.patickaCtaPrava								{ flex:0 0 auto; padding-top:0.5rem; }
.patickaCtaPrava ul li							{ color:var(--bila); font-size:1rem; font-weight:400; line-height:2.4rem; }
.patickaIkona									{ margin-right:0.3rem; }


/*--- PROCESNI KROKY ---*/

.patickaKroky									{ max-width:var(--maxSirkaPaticka); width:calc(100% - 4rem); margin:0 auto; padding:2rem 0 3rem 0; }
.patickaKrokyObsah								{ display:flex; align-items:center; flex-wrap:wrap; gap:0.5rem; }
.patickaKrok									{ display:inline-block; color:var(--bila); font-size:0.85rem; font-weight:400; padding:0.6rem 1.2rem; border:1px solid var(--zelenaOkraj); border-radius:30px; text-decoration:none; transition: border-color 0.3s ease; }
a.patickaKrok:hover								{ border-color:var(--zelenaAkcent); }
.patickaKrokZvyrazneny							{ text-decoration:underline; }
.patickaKrok--posledni							{ background-color:var(--zelenaTmave2); border-color:var(--zelenaOkraj); }
.patickaKrok--posledni strong					{ font-weight:600; text-decoration:underline; }
.patickaKrokSipka								{ color:var(--sedaTmave); font-size:1.1rem; margin:0 0.2rem; }


/*--- ODDELOVACI CARA ---*/

.patickaCara									{ max-width:var(--maxSirkaPaticka); width:calc(100% - 4rem); margin:0 auto; border-top:1px solid var(--zelenaOkraj); }


/*--- 4 SLOUPCE ODKAZU ---*/

.patickaObsah									{ max-width:var(--maxSirkaPaticka); width:calc(100% - 4rem); margin:0 auto; padding:3rem 0 2rem 0; }
.patickaOdkazy									{ display:flex; justify-content:space-between; align-items:flex-start; gap:2rem; }

.patickaSloupec									{ flex:1; }
.patickaSloupec a								{ display:block; color:var(--bila); font-size:0.9rem; font-weight:400; line-height:2rem; text-decoration:none; transition: color 0.3s ease; }
.patickaSloupec a:hover							{ text-decoration:underline; }

/*--- sloupec 1 - hlavni menu (tucne) ---*/
.patickaSloupec--hlavni							{ flex:0 0 auto; min-width:180px; }
.patickaSloupec--hlavni a						{ font-size:1.15rem; font-weight:600; line-height:2.5rem; }

/*--- sloupec 3 - pravni + info blok ---*/
.patickaSloupec--pravni .patickaInfo			{ color:var(--zelenaAkcent); font-size:0.8rem; font-weight:400; line-height:1.3rem; margin-bottom:1rem; }
.patickaSloupec--pravni .patickaInfo em			{ font-style:italic; }
.patickaSloupec--pravni a						{ font-size:0.8rem; line-height:1.7rem; color:var(--sedaTmave); }
.patickaSloupec--pravni a:hover					{ color:var(--bila); }

/*--- sloupec 4 - kontakt ---*/
.patickaSloupec--kontakt						{ flex:0 0 auto; min-width:220px; text-align:center; }
.patickaFotky									{ display:flex; justify-content:center; margin-bottom:1rem; }
.patickaFotky img								{ width:65px; height:65px; border-radius:50%; border:3px solid var(--zelenaAkcent); margin:0 -6px; object-fit:cover; }
.patickaTelefon									{ color:var(--bila); font-size:0.95rem; line-height:1.6rem; }
.patickaTelefon a								{ color:var(--bila); text-decoration:none; }
.patickaTelefon a:hover							{ text-decoration:underline; }
.patickaTelefon strong							{ font-weight:600; font-size:1.3rem; text-decoration:underline; }


/*--- SPODNI CAST - SOCIALNI SITE + LOGO ---*/

.patickaSpodni									{ max-width:var(--maxSirkaPaticka); width:calc(100% - 4rem); margin:0 auto; padding:2rem 0; display:flex; justify-content:space-between; align-items:flex-end; }
.patickaSocialni p								{ color:var(--sedaTmave); font-size:0.85rem; font-weight:400; margin-bottom:0.8rem; }
.patickaSocialniIkony							{ display:flex; gap:0.8rem; }
.patickaSocialniIkona							{ display:flex; justify-content:center; align-items:center; width:50px; height:50px; border-radius:50%; background-color:var(--zelenaSvetle); color:var(--bila); text-decoration:none; transition: background-color 0.3s ease; }
.patickaSocialniIkona svg						{ width:22px; height:22px; }
.patickaSocialniIkona:hover						{ background-color:var(--zelenaAkcent); }
.patickaSocialniIkona--cervena					{ background-color:#c0392b; }
.patickaSocialniIkona--cervena:hover			{ background-color:#e74c3c; }
.patickaSocialniIkona--zelena					{ background-color:var(--zelenaAkcent); }
.patickaSocialniIkona--zelena:hover				{ background-color:#7dcc6a; }
.patickaSocialniIkona--fialova					{ background-color:#8e44ad; }
.patickaSocialniIkona--fialova:hover			{ background-color:#a569bd; }

.patickaLogo									{ text-align:right; }
.patickaLogo img								{ max-width:200px; height:auto; }


/*--- COPYRIGHT ---*/

.patickaCopyright								{ max-width:var(--maxSirkaPaticka); width:calc(100% - 4rem); margin:0 auto; padding:1.5rem 0; border-top:1px solid var(--zelenaOkraj); display:flex; justify-content:space-between; align-items:center; }
.patickaCopyright p								{ color:var(--sedaTmave); font-size:0.75rem; font-weight:300; }


/*------------------------FOOTER - RESPONZIVNI---------------------------*/

@media (max-width: 1140px) {
	html { font-size:15px; }
}

@media (max-width: 900px) {
	.patickaCtaObsah							{ flex-direction:column; text-align:center; align-items:center; }
	.patickaCtaLeva h2							{ font-size:2rem; line-height:2.6rem; }
	.patickaCtaPrava							{ padding-top:0; }
	.patickaCtaPrava ul li						{ text-align:left; }

	.patickaKrokyObsah							{ overflow-x:auto; flex-wrap:nowrap; padding-bottom:0.5rem; -webkit-overflow-scrolling:touch; }
	.patickaKrok								{ white-space:nowrap; flex-shrink:0; }

	.patickaOdkazy								{ flex-wrap:wrap; }
	.patickaSloupec								{ flex:1 1 calc(50% - 1rem); min-width:0; }
	.patickaSloupec--hlavni						{ min-width:0; flex:1 1 calc(50% - 1rem); }
	.patickaSloupec--pravni						{ display:none; }
	.patickaSloupec--kontakt					{ flex:1 1 100%; margin-top:1.5rem; }
	.patickaFotky img							{ width:55px; height:55px; }

	.patickaSpodni								{ flex-direction:column; align-items:center; text-align:center; gap:2rem; }
	.patickaSocialni							{ text-align:center; }
	.patickaSocialni p							{ text-align:center; }
	.patickaSocialniIkony						{ justify-content:center; }
	.patickaLogo								{ text-align:center; }

	.patickaCopyright							{ flex-direction:column; text-align:center; gap:0.5rem; }
}

@media (max-width: 600px) {
	html { font-size:13px; }
	.patickaCta									{ width:calc(100% - 2rem); padding:3rem 0 2rem 0; }
	.patickaCtaLeva h2							{ font-size:1.8rem; line-height:2.4rem; }
	.patickaKroky								{ width:calc(100% - 2rem); }
	.patickaObsah								{ width:calc(100% - 2rem); padding:2rem 0; }
	.patickaOdkazy								{ gap:1rem; }
	.patickaSloupec--hlavni a					{ font-size:1.2rem; line-height:2.2rem; }
	.patickaSloupec a							{ font-size:1rem; line-height:1.8rem; }
	.patickaSocialniIkona						{ width:42px; height:42px; }
	.patickaSocialniIkona svg					{ width:18px; height:18px; }
	.patickaSpodni								{ width:calc(100% - 2rem); }
	.patickaCopyright							{ width:calc(100% - 2rem); }
	.patickaCara								{ width:calc(100% - 2rem); }
}

@media (max-width: 500px) {
	html { font-size:12px; }
	.patickaCtaLeva h2							{ font-size:1.7rem; line-height:2.2rem; }
	.bt_mamZajem								{ font-size:1.2rem; padding:1rem 2.5rem; }
}