/*  ----  */
/*  TAB: css_HPr22_3sptel --- media="screen and (max-width: 679px) and (min-width: 80px)  */
/*  ----  */

* {margin: 0; padding: 0;}

/*
@font-face {font-family: 'Cuprum'; font-style: normal; font-weight: 700; src: local('Cuprum Bold'), local('Cuprum-Bold'), url(../../fonts/gfnt-cuprum-b.woff) format('woff');}
@font-face {font-family: 'Mogra'; font-style: normal; font-weight: 400; src: local('Mogra klasik'), local('Mogra-klasik'), url(../../fonts/mogra-v7reg.woff) format('woff');}
@font-face {font-family: 'Kalam'; font-style: normal; font-weight: 700; src: local('Kalam Bold'), local('Kalam-Bold'), url([[root_url]]/lib/fonts/kalam/kalam-v15-latin-ext-700.woff) format('woff');}
*/
/* font-family: 'Source Sans Pro', 'Open Sans', Arial; */
body {background: #ffffff; font: normal 11.5pt 'Open Sans', Arial; /* background: linear-gradient(to bottom,#fbfdfd 0,#fbfdfd 45%,#efece7 100%);*/ }

h1, h2, h3 {color: #61140c; /* #1d1918 */ }

h1 {margin-bottom: 0.5em; font-size: 6.5vw; font-weight: normal; line-height: 32pt; letter-spacing: 0.75pt; word-spacing: 6pt; text-align: center; color: #0d2856 /* #fffae3 */; position: relative; 
  top: 0.5em /* -50px */; margin: 0 auto; z-index: 70; text-transform: uppercase; font-weight: normal; /* font-family: 'Source Sans Pro'; / font-family: "OpenSans-Medium", Helvetica, Arial, sans-serif; */
  font-family: 'Bungee', cursive; /* padding-bottom: 6px; */ display: table; padding: 14px 22px; /* text-shadow: 2px 2px #195300; */ margin-bottom: 0.35em /* -1.25em */;}
h1 span.mmtxt {text-transform: lowercase; font-family: 'Open Sans', Arial; font-size: 6vw; font-style: oblique; word-spacing: 1pt; line-height: 8vw;}
h1 span.txtnormdd {text-transform: lowercase; font-family: Tahoma; font-weight: bold; font-size: 5.5vw;}

h1#h1pdstr {margin-bottom: -0.3em; font-size: 16.5pt; font-weight: normal; letter-spacing: 0px;
  color: #61140c /* #ab240e */; text-align: left; padding: 8px 0px 0px 0px; position: absolute;
  top: 500px; margin-left: 30px; font-family: 'Open Sans', Arial;}

h2 {margin-bottom: 1.5em; font-size: 18pt; font-weight: bold; letter-spacing: 0px; padding: 0; text-shadow: none /* 1px 1px 2px rgb(0 0 0 / 15%) */; color: #2f7cc9; 
    text-align: center; position: relative; top: -4px; margin-left: 0px; font-family: 'Archivo', Arial, 'Open Sans', sans-serif; text-transform: uppercase;}
h2#h2pdstr {margin-bottom: .5em; font-size: 18pt; font-weight: normal; letter-spacing: 0px; padding: 0px; color: #61140c; font-family: 'Cuprum', sans-serif; position: absolute; top: 459px; margin-left: 738px;}

h2.h2ostpp {margin-bottom: 0.75em; font-size: 14.0pt; font-weight: bold; letter-spacing: 0px; padding: 6pt; text-shadow: none; color: #fff; text-align: left; position: relative; 
    top: 0px; margin-left: 0px; font-family: 'Archivo', Arial, 'Open Sans', sans-serif; text-transform: none; margin-top: 1em; background-color: #2f7cc9; border-radius: 8pt; display: table; clear: both;}

h2.pravemenu {margin-bottom: .5em; font-size: 150%; font-weight: normal; letter-spacing: 4px;}
.delang {margin-left: 710px !important;}
.enlang {margin-left: 714px !important;}

h2.nadp_H2secu {font-family: "Suez One", serif; font-weight: 400; font-style: normal; letter-spacing: 0.5pt; text-transform: initial; font-size: 22pt; color: #0f62a9;}
/*  h2.nadp_Anta {font-family: "Anta", sans-serif; font-weight: 700; font-style: normal; letter-spacing: 1px; text-transform: initial; font-size: 22pt;}
h2.nadp_RussoOne {font-family: "Bree Serif", sans-serif; font-weight: 300; font-style: normal; letter-spacing: 0.5pt; text-transform: initial; font-size: 22pt; color: #0f62a9;}  */
h2.h2klaspp {margin-bottom: 0em; margin-top: 2.5em; font-family: "Suez One", serif; font-weight: 400; font-style: normal; letter-spacing: 0.5pt; text-transform: initial; font-size: 20pt; color: #0f62a9;}

h3 {margin-top: 1.5em; margin-bottom: -0.75em; font-size: 14.5pt; font-weight: bold; font-family: 'Open Sans', Arial; color: #ed8300 /* #ab240e */; padding: 5px 0px 12px 0px;}

p, blockquote, ol, ul, table { /* margin-top: 1em; */ padding-top: 1em; margin-bottom: 0.3em; line-height: 1.5em; font-size: 12pt; color: #2b2926 /* #281402 */;}

blockquote {margin-left: 2em;}
br.cistic {clear:both; line-height: 5px;}
br.cistic2 {clear:both; line-height: 10px;}

ol {margin-left: 2em; font-size: 11pt;}
ul {list-style: none; font-size: 11pt;}
ul li {padding-left: 28px; padding-bottom: 8px; background: url([[root_url]]/webimg/bodka02b.svg) no-repeat 0% 2px; background-size: 14pt;}

.klasika {list-style: disc; padding-bottom: 5px;}
.klasika li {padding: 0; margin-left: 25px; background: none;}
.klasika2 {list-style: square; padding-bottom: 5px;}
.klasika2 li {padding: 0; margin-left: 25px; background: none;}

.pekne_ul1 li {padding-left: 28px; padding-bottom: 1.5em; background: url([[root_url]]/webimg/bodka01.svg) no-repeat 0% 2px; background-size: 14pt;}
.pekne_ul2 li {padding-left: 28px; padding-bottom: 1.5em; background: url([[root_url]]/webimg/bodka05.svg) no-repeat 0% 2px; background-size: 14pt;}

.oddel_cara1 {width: 99%; height: 10px; margin: 15px 0px 15px 0px; border: 0;
  display: inline-block; background: url([[root_url]]/webimg/oddel1.png) top left repeat-x;}

.oddel_cara2 {width: 97%; height: 10px; margin: 15px 0px 15px 0px; border: 0;    
  display: inline-block; background: url([[root_url]]/webimg/oddel2.png) top left repeat-x;}

.vicezde {float: right; margin-right: 9px; margin-top: 6px;}
.odsad-levo-18px {padding-left: 18px;}

.sekcni-nadpis {
  padding-left: 18px; margin-bottom: -11px;
	/* background: url([[root_url]]/webimg/ikon-li.png) no-repeat 0% 5px; */
	background: url([[root_url]]/webimg/ikon-li.png) no-repeat 1px 20px; font-weight: bold;
  /* border: 1px solid #000000; */	
}

.tab_klas_bezramu1 {border: 0px; margin: 6px 0px 6px 0px; font-size: 11pt;}
.tab_klas_bezramu1 tr {border: 0px;}
.tab_klas_bezramu1 td {border-bottom: 0px; padding: 2px 8px 2px 8px; font-size: 11pt;}

.tab_klas_ram1 {margin: 16px 0px 6px 0px; font-size: 11pt;}
/*.tab_klas_ram1 tr {}*/
.tab_klas_ram1 td {padding: 2px 8px 2px 8px; font-size: 11pt;}

.fotogal_reference {width: 99%; text-align: left; display: table;}
.ftg_bunka {padding: 8px 20px 8px 0px; text-align: center; display: inline-block;} 

.fotogal_reference2 {width: 744px; display: table;}
.ftg_radek2 {padding: 3px 5px 3px 0px; text-align: left; width: 100%; /* border: 1px solid #000000; */ }
.ftg_bunka2 {padding: 8px 30px 8px 0px; float:left; left:0%;}

.cenik1 {width: 99%; border: 0px solid black; border-collapse: collapse;}
.cenik1 tr {border: 0px solid black;}
.cenik1 td {border-bottom: 1px solid black; padding: 8px;}
.cen1_bila {color: #ffffff;}

#fcb1 {position: relative; top: -3px; margin: 0 auto; width: 1018px; left: 28px;}
#fcb2 {display: none;}
#fcb3 {position: relative; top: -55px; margin: 0 auto; width: 1018px; left: 28px;}

#celek {width: 100%; background-color: #ffffff; overflow: hidden !important; /* background: url(img/bg_str.png) repeat-y center top; */ }

#tophead_hp {width: 100%; background-color: #ffffff /* #619e49 */; overflow: hidden;}
#slider_top {max-height: 680px; border-top: 0em solid #efe3b0 /* #fa8617 */;}  #slider_top img {position: relative; z-index: 10;}

/* 
#noslhero_top {width: 100%; height: auto; min-height: 641px; overflow: hidden; background: #d2ec49 url(../../webimg/hero-fve-00kus_zelbg3.png) left top no-repeat; display: inline-block;}  
#noslhero_top img {position: relative; z-index: 10; width: auto; height: 640px; float: right;} 
*/
#noslhero_top {width: 100%; height: auto; max-height: 640px; overflow: hidden; display: inline-block; background-color: #d3e918; /* background: #d3e924 url(../../webimg/hero-fve-00kus_zelbg3.png) left top no-repeat; */}  
#noslhero_top img {position: relative; z-index: 10; width: 100%; height: auto; float: right;}
#noslhero_top img.ostpp {position: relative; z-index: 10; width: 70%; height: auto; float: right;}

/*  #slider_top .slider_toptxt_box {color: #fff; font-size: 18pt; text-transform: uppercase; position: absolute; z-index: 80; font-family: Arial,Arial Bold,Gadget,sans-serif; 
  font-weight: bold; display: contents; line-height: 30pt;}  */
#slider_top .slider_toptxt_box {font-size: 2.6vw; line-height: 4.8vw !important; font-weight: bold; position: relative; top: 2px; left: auto; font-family: Tahoma; background: #fa8617; 
    color: white; padding: 10px 20px; text-transform: uppercase; white-space: pre; word-wrap: break-word; display: inline; border-top: 4px solid #fa8617; border-bottom: 4px solid #fa8617; border-radius: 14pt;}  

#slider_top .slider_toptxt_box span {color: #fff; font-size: 27pt; text-transform: uppercase; font-family: Arial Black,Arial Bold,Gadget,sans-serif; padding-top: 0.5em; display: block; font-family: 'Kalam', cursive;}
#slider_top .slider_toptxt_abg {position: absolute; z-index: 70; /* height: 200px; */ width: fit-content /* 60% */; top: 48%; left: 33vw; text-align: center;}
/*    ..... padding: 60px 42px 42px 38px; background: rgba(225,109,9,0.87); border-radius: 80px; -moz-border-radius: 80px; -webkit-border-radius: 80px;}  */
/*  linear-gradient(to left, rgba(255,255,255,0) 2%, #005077 75%) /NN 003b5e -- e8a300 -- 094d62 NN/
linear-gradient(to left, rgba(255,255,255,0) 2%, rgb(27 72 122 / 88%) 28%) /NN 003b5e -- e8a300 -- 094d62 NN  */
#slider_top #slider_obrposuv {background-color: transparent; position: absolute; z-index: 70; display: none;}

#pruh_podbgr01 {width: 100%; height: 20px; background: linear-gradient(to right,#b3e125 20%,#007dcd 55%,#b3e125 80%); display: inline-block;}
#pruh_podbgr02 {width: 100%; height: 20px; background: linear-gradient(to right,#007dcd 20%,#b3e125 55%,#007dcd 80%); display: inline-block;}

#hl-text-vyhl {
  width: 374px /* 100% */; height: 108px; margin: 0 auto; display: table; position: relative; z-index: 40; margin-top: -105px; 
  /* background: url([[root_url]]/webimg/heronov/hh_elipsa.svg) no-repeat; background-position: center bottom; */}  /* border: 1px solid black; */
.bubl_bgr {width: 374px /* 100% */; height: 108px; margin: 0 auto; display: table; position: absolute; z-index: 30; margin-top: -85px; 
  background: url([[root_url]]/webimg/heronov/hh_elipsa.svg) no-repeat; background-position: center bottom; opacity: 0.85;}

#stred {width: 100% /* 1018px */; margin: 0 auto; height: 680px; min-height: 880px; display: table; margin-bottom: 2.5em; /* border: 1px solid #000000; */ }

/* Menu */
/* 
 #menuh {width: unset /xx calc(99% - 600px) xx/; max-width: calc(100vw - 465px); min-width: 200px; height: auto /xx 58px xx/; margin: 0 auto; color: #fff; background: #80c051; text-align: center; padding: 4px; 
 font-size: 12pt; border: 8px solid #619e49; border-radius: 26px; -moz-border-radius: 26px; -webkit-border-radius: 26px; position: absolute; z-index: 60; top: 65px; right: 0px; 
 border-right: 0px; border-top-right-radius: 0; border-bottom-right-radius: 0; filter: drop-shadow(0px 1px 3px rgb(104 104 104 / 0.75)); -webkit-filter: drop-shadow(0px 1px 3px rgb(104 104 104 / 0.75));}
*/
  
#menuh {width: calc(100vw - 30.5vw); min-width: 200px; height: auto /* calc(5vw - 20px) */; min-height: 74px; margin: 0 auto; color: #fff; background: #007dcd; text-align: center;
  padding: 4px; font-size: 12pt; border: 0px solid #e7e7e7; border-radius: 36px; -moz-border-radius: 36px; -webkit-border-radius: 36px;
  position: absolute; z-index: 60; top: 5.25vw; right: 0px; border-right: 0px; border-top-right-radius: 0; border-bottom-right-radius: 0;} 
#menuh ul {list-style: none;font-family: arial; font-size: 12pt;color: #fffae4; /* 230c07--452121 */ margin-top: 4px;
  display: flex; flex-flow: row wrap; justify-content: center /* space-between */; padding: 15px 22px 5px 22px; /* vertical-align: middle; */ text-align: center;}
#menuh li {display: inline; background: none; font-size: 12.5pt; padding: 6px 0.85vw 8px 0.85vw; /* 0px 2.5% 0px 2.25%; */}
#menuh a {display: inline-block; color: #fffae4; text-decoration: none; font-family: 'Open Sans', Arial; text-transform: uppercase; letter-spacing: 0.5pt; font-weight: bold; border-bottom: 3px solid transparent;}
#menuh a:hover {text-decoration: none; color: #c7eb0b /* bf2010 */; text-decoration: none ; font-family: 'Open Sans', Arial; border-bottom: 3px solid #ffffff;}
#menuh li.bodka {font-family: tahoma, Geneva, Verdana, sans-serif; font-size: 12pt; color: #c7eb0b /* #262654 */;}
/* div[class^="zvyr-box"] .presram:hover::after */

#menuh > p:first-of-type {display: none; visibility: hidden;}
a#menuhzobr {display: none; visibility: hidden; font-weight: bold;}
#menuh_resp {display: flex /* block */; visibility: visible;}

#menud {width: 100%; /* max-width: 1060px; */ /* height: 27px; */ margin: 0 auto; padding: 12px 0 18px 0; color: #001946; /* 155548 */ text-align: center; 
  background: #ffffff /* #00489a */; margin-bottom: 0px; padding-bottom: 0px; /* border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; */
  display: block; position: relative; /* background-image: linear-gradient(to bottom, #268103 25%, #69b334 75%); */ }

#menud ul {margin: 0 auto; list-style: none; font-family: arial; font-size: 11.5pt; margin-top: -3px; color: #001946; padding-top: 0.25em; padding-bottom: 0; margin-bottom: -0.25em; 
    display: block; text-align: left; width: fit-content /* 1078px */; max-width: 25%; min-width: 15%; box-sizing: border-box; padding-bottom: 1em;}
#menud li {padding: 14px 26px 8px 16px; display: block /* inline-block */; background: none;}
#menud ul a {display: block /* inline-block */; color: #001946; text-decoration: none; font-family: 'Open Sans', Arial; border-bottom: 3px solid transparent;}
#menud ul a:hover {text-decoration: none; color: #fa8617; /* text-decoration: underline; */ font-family: 'Open Sans', Arial; border-bottom: 3px solid #fa8617;}

#menud .oddelcar01 {display: inline-block; width: calc(100% - 6%) /* 70% */; height: 20px; border-bottom: 1px solid #001946; opacity: 0.45; max-width: 1390px; min-width: 230px; margin-bottom: 10px; margin-top: 2px;}
#menud #menudcast1, #menud #menudcast2, #menud #menudcast3 {width: 100%; margin: 0 auto;}
#menudcast1 {display: flex; flex-flow: row nowrap; justify-content: center; display: flex; gap: 6vw;}
#menudcast2 {display: block; background: #ffffff /* #002958 */; /* flex; flex-flow: row wrap; justify-content: space-between; */ margin-bottom: 14pt !important;}
#menudcast2 > div {margin: 0 auto; display: flex; justify-content: center; text-align: center; width: fit-content /* 1078px */; max-width: 1228px; min-width: 1028px; box-sizing: border-box;}

#menudcast2 .socmed {box-sizing: border-box; position: relative; padding-top: 0pt; float: left; padding-right: 5%; text-align: center; margin-top: auto; margin-bottom: auto; 
    display: grid; /* grid-template-rows: repeat(2, min-content);*/ grid-auto-flow: row; margin-left: auto; margin-right: auto; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; gap: 5em 3em;}
#menudcast2 .socmed a[rel$="prfik"], #menudcast2 .socmed a:hover[rel$="prfik"] {text-decoration: none; float: right; display: block; clear: both; padding: 16px 4px;}
#menudcast2 .socmed a:hover[rel$="prfik"] img {transition: 0.4s all;}
#menudcast2 .socmed a:hover[rel$="prfik"] img {filter: grayscale(100%) brightness(44%) sepia(100%) hue-rotate(150deg) saturate(600%) contrast(0.9); -moz-filter: grayscale(100%) brightness(44%) sepia(100%) hue-rotate(150deg) saturate(600%) contrast(0.9); 
  -webkit-filter: grayscale(100%) brightness(44%) sepia(100%) hue-rotate(150deg) saturate(600%) contrast(0.9); /* prohl. kompatibilita */;}
#menudcast2 a[rel^="mapka"], #menudcast2 a:hover[rel^="mapka"] {text-decoration: none; float: left; display: block; clear: both; padding: 16px 4px; width: 99%; text-align: left;}
#menudcast2 .socmed a[rel$="prfik"] img, #menudcast3 a[rel^="mapka"] img {display: block; clear: both;}
#menudcast2 .socmed img:nth-child(4) {margin-left: -28px;}

#menudcast2 .kontinf {display: block; /* flex: 0 0 calc(33% - 1px) -- 0 0 calc(50% - 14px) */; box-sizing: border-box; position: relative; padding-top: 10pt; text-align: center; float: left; 
    margin-top: auto; margin-bottom: auto; padding-right: 5%; padding-left: 5%;}
#menudcast2 .kontinf p {color: #001946; line-height: 0.5em; padding: 5pt 0px;}
#menudcast2 .kontinf p.nadpp {padding: 6pt 0px; line-height: 1em; font-weight: bold; text-transform: uppercase;}
#menudcast2 .hpmapsml {display: block; /* flex: 0 0 calc(33% - 1px) -- 0 0 calc(50% - 14px) */; box-sizing: border-box; position: relative; padding-top: 10pt; float: left; padding-left: 10%;
    margin-top: auto; margin-bottom: auto;}
#menudcast2 .hpmapsml p {text-align: center; margin-left: 0px; color: #001946;}
#menudcast2 .hpmapsml .maphp {border: 4px solid #818181 /* #002958 // transparent */; transition: 0.4s all; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; box-sizing: border-box;}
#menudcast2 .hpmapsml .maphp:hover {border: 4px solid #fa8617 /* #fdc721 */; /* filter: contrast(110%) saturate(50%); -moz-filter: contrast(110%) saturate(50%); -webkit-filter: contrast(110%) saturate(50%); // prohl. kompatibilita */}
/* {background-repeat: no-repeat, no-repeat; background-image: url([[root_url]]/webimg/mapappk00b.png), url([[root_url]]/webimg/mapappk00b.png); background-blend-mode: multiply;} */

#menudcast3 {background-color: #007dcd /* #002958 */; display: table; min-height: 40px; padding-bottom: 14pt; padding-top: 6pt;}
#menudcast3 p:nth-child(1) {display: inline-block; width: 33%; float: left; text-align: center; font-size: 100%; font-weight: normal; color: #fff;}
#menudcast3 p:nth-child(2) {display: inline-block; width: 33%; float: left; text-align: center; font-size: 100%; font-weight: normal; color: #fff;}
#menudcast3 p:nth-child(3) {display: inline-block; width: 33%; float: left; text-align: center; font-size: 100%; font-weight: normal; color: #fff;}
#menudcast3 p a {display: inline-block; color: #fff; border-bottom: 1px solid #fff; text-decoration: none;}
#menudcast3 p a:hover {display: inline-block; color: #fff /* #0091cb */; border-bottom: 2px solid #a2eb0b; text-decoration: none;}

#menud #logopata00 {width: 220px; height: auto; padding: 20px; padding-top: 8px;}
#menud .btdmenu-txt {margin: unset; max-width: unset; min-width: unset;}   #menud .btdmenu-txt li {text-transform: uppercase; font-weight: bold; color: #202350;}
#menud .btdmenu-txt li span {text-transform: normal; font-weight: bold; color: #007dcd; transform: scale(0.75, 1.5); display: inline-block; font-family: Arial,Gadget,sans-serif;}
#menud .btdmenu-txt a {text-transform: uppercase; font-weight: bold; color: #202350; text-decoration: none; border: none;}
#menud .btdmenu-txt a:hover {text-transform: uppercase; font-weight: bold; color: #73c500; text-decoration: none; border: none;}
#menud #menudcast1 .btdmenu-txt:nth-child(1) {/* text-align: right; direction: rtl; */ margin-left: 2vw; margin-right: -4vw;}
/* #menud #menudcast1:nth-child(1), #menud #menudcast1:nth-child(3) {flex-basis: 230px; flex-shrink: 0;}  */

#menu1 {visibility: hidden; position: absolute;}
#menu2 {visibility: hidden; position: absolute;}

/* Logo */
#logo {min-width: 300px; width: auto; /* min-height: 465px; */ height: auto; margin: 0 auto; position: absolute; top: 0; z-index: 60;}
#logo img {width: 19vw; height: auto; margin: 0 auto; position: relative; top: 40px; left: 3.5vw; z-index: 60; /* filter: drop-shadow(0 0 16px #434343); -webkit-filter: drop-shadow(0 0 16px #434343); */ }

#logo .hero {
	width: 100%; /* height: 285px; */
	margin: 0 auto; background: #ffffff;
	/* border-bottom: 1px solid #efece7; */
	/* background: url([[root_url]]/webimg/heronov/hero_nxxxg.jpg) no-repeat top left; */
}

#ostlng .langimg1 {margin-right: 10px;}
#ostlng a:last-of-type .langimg1 {margin-right: 5px;}

#logo h1 {
	margin: 0; padding: 110px 10px 0 0; text-align: right;
	letter-spacing: -1px; font-size: 190%; font-weight: bold; color: #BC1B05;
}

#logo .hidden {
	margin: 0; padding: 110px 10px 0 0; text-align: right; letter-spacing: -1px;
	font-size: 190%; font-weight: bold; color: #BC1B05; visibility: hidden;	
}

#hl_logo_link {width: 245px; height: 60px; display: block; /* border: 1px solid #000000; */ }
.logotxtfindd {color: #ffffff !important /* #00489a */; font-size: 13.75pt; font-weight: normal; margin-top: -10px; font-family: 'Roboto Condensed', Calibri, Verdana, Arial;}

#content-h-begin {width: 100%; height: 0.1em; margin: 0 auto; margin-top: 0px; padding: 0px; color: #155548; position: relative; z-index: 50; 
    margin-bottom: -35px; background-color: #fff /* #efe3b0 */; border-top: 0px solid;}
#content-h {width: 100% /* 1018px */; /* min-height: 615px; */ margin: 0 auto; padding: 0px; padding-top: 0px /* 15px */; color: #281402; background: #ffffff;}           
#content-h-end {width: 100% /* 1018px */; height: 11px; margin: 0 auto; padding: 0 0 20px 0; color: #155548; background: #ffffff;}

/* Content */
#content-wrapp {width: 100%; min-height: 560px; margin-left: 0px; padding-top: 0px; margin-top: -10px; /* border: 1px solid #000000; */ }
.content-txt {width: 70%; min-width: 50px; min-height: 1px; margin: 0 auto; background-color: #ffffff; padding: 1em 15% 2.5em 15%; display: block; top: 44px; position: relative; margin-bottom: 50px;}
.content-txt p {color: #001946;}  .content-txt p.pfin {color: #001946 /* #ffffff */; font-family: 'Open Sans', Arial; font-size: 16pt; font-style: oblique; word-spacing: 1pt; text-align: center;}
.cntxt22 {width: 100%; background: #00489a; padding: 0px; padding-bottom: 1.75em; margin-bottom: 1.25em;}  .cntxt22 p {padding: 0.5em 40px;}  .cntxt22 p:first-child {padding-top: 2em;}
#content-wrapp img {max-width: 100%; height: auto; width: auto;}

.kula-nab-A-bgr1 {width: 44%; background: url(../../webimg/kula01_bgr.png) no-repeat left top; /* height: 300px; */ background-size: 280px; background-position: center; margin-top: 0px; display: inline-block;}
div[class^="kula-nab"] {display: block; /* flex: 0 0 calc(33% - 1px) /// 0 0 calc(50% - 14px) */; box-sizing: border-box; position: relative;}
/* 
div[class^="kula-nab-A"][class$="bgr1"]:hover {background-repeat: no-repeat, no-repeat; background-image: url([[root_url]]/webimg/kula01_bgr.png), url([[root_url]]/webimg/kula01_bgr.png); background-blend-mode: multiply;}
div[class^="kula-nab-B"][class$="bgr1"]:hover {background-repeat: no-repeat, no-repeat; background-image: url([[root_url]]/webimg/kula02_bgr.png), url([[root_url]]/webimg/kula02_bgr.png); background-blend-mode: multiply;}
div[class^="kula-nab-C"][class$="bgr1"]:hover {background-repeat: no-repeat, no-repeat; background-image: url([[root_url]]/webimg/kula03_bgr.png), url([[root_url]]/webimg/kula03_bgr.png); background-blend-mode: multiply;} 
*/

.pngpic_circle {width: 324px; height: 324px; position: relative; left: auto; right: auto; display: block; text-align: center;}
/*  div[class^="pngpic_circle_bx"] {border-radius: 50%; width: fit-content; position: relative; left: auto; right: auto; display: block; outline: 1px solid transparent;}  */
/*  .pngpic_circle_bxA {border: 12px solid #ffffff;}  .pngpic_circle_bxB {border: 12px solid #00489a;}  .pngpic_circle_bxC {border: 12px solid #fa8617;}  .pngpic_circle_bxD {border: 12px solid #ffffff;}  */
img[class^="pngpic_circle_obr"] {/* border-radius: 50%; */ width: 300px; height: 300px; overflow: hidden; position: absolute; padding: 0; left: 12px; top: 12px; -webkit-backface-visibility: hidden; object-fit: cover;}
.circle_bxA {fill: #ffffff;}  .circle_bxB {fill: #00489a;}  .circle_bxC {fill: #fa8617;}  .circle_bxD {fill: #ffffff;}

/* #content-otocka {display: flex;flex-flow: column-reverse;} */
#content-otocka {display: block;}

/* Boxiky HP kategorie -- zac */
/*  .boxiky-hp {width: 100%; display: table; text-align: center; margin-left: 0px;}  */
.boxiky-hp {width: 100%; display: flex; flex-flow: row wrap; justify-content: center; display: flex; gap: 5vw;}
.bx-hp_2dod {text-align: center !important;}
.boxiky-hp-bunka {padding: 22px 0px; display: inline-block;}
/* .boxiky-hp-bunka:nth-child(even) {padding: 22px 22px; display: inline-block;} */
/*  .boxiky-hp-bunka:nth-child(2), .boxiky-hp-bunka:nth-child(5), .boxiky-hp-bunka:nth-child(8), .boxiky-hp-bunka:nth-child(11) {padding: 22px 34px; display: inline-block;}  */
.bx-bunka_2dod {margin-left: 26px !important; margin-right: 26px !important;}
.boxiky-hp-bunka-box {background: #ececec /* #c8c7c5 */; width: 320px; height: 220px; padding: 0px; display: table-cell; border-radius: 14px; -moz-border-radius: 14px; -webkit-border-radius: 14px;
    background-size: 230px auto !important; background-position: center bottom !important; overflow: hidden;} 

.boxiky-hp-box-cnt {width: 320px; height: 216px; padding: 4px 0px 2px 0px; text-align: left; display: block;}
.boxiky-hp-box-cnt h3 {font-size: 14pt; min-height: 26px; margin-top: 0px; margin-bottom: 0.3em; padding: 10px 3px 2px 8px; letter-spacing: 0.5pt; color: #04335f; 
    text-align: left; text-decoration: none; background: #ffffff; font-weight: normal;}
.boxiky-hp-box-cnt h4 {margin-top: 0em; margin-bottom: 0em; font-size: 11pt; font-weight: normal; color: #3a1200; padding: 0px;}
.boxiky-hp-box-cnt p {text-align: left; color: #262654; padding: 0px 4px 1px 8px; margin-top: -2px; letter-spacing: 0px; line-height: 140%; max-width: 306px;}
.boxiky-hp-box-cnt ul {list-style: none; font-size: 11pt; padding-top: 0px; margin-bottom: 0px; margin-left: 2px; line-height: 150%; font-size: 11pt;}                 
.boxiky-hp-box-cnt li {padding-left: 17px; padding-bottom: 5px; background: url(https://www.etigraf.cz/webimg/r20/li-par.png) no-repeat 0% 2px;}

.boxiky-hp-bunka a.allbox {text-decoration: none; color: #b93400; width: 320px; height: 220px; display: block; position: absolute; background: red; opacity: 0; filter:alpha (opacity=0);}
.boxiky-hp-bunka a:hover.allbox {text-decoration: none; color: #44130e;}
.boxiky-hp-box-cnt p.morea {color: #b93400; text-align: center; margin-left: 4px; margin-top: 14px; text-decoration: underline;}

/*  toto nahrazuje puvodni JS skript "box_hp_zmena_in(this.id);" kdyz neslo dat pres CSS-selectors  */
.boxiky-hp-bunka > a[id^="box"] + div h3 {color: #ffffff; font-family: 'Archivo Black', 'Arial Black', 'Arial Bold', Gadget, sans-serif; margin-top: 6px; text-align:center; /* background:linear-gradient(90deg, rgba(236,236,236,1) 0%, rgba(255,255,255,0.90) 50%, rgba(236,236,236,1) 100%) */; 
  min-height:42px; padding-top:12px; /* border-top:2px solid #ececec; border-bottom:2px solid #ececec; */ background: transparent; font-weight: bold; text-transform: uppercase; font-size: 16pt;}
/*  .boxiky-hp-bunka > a[id^="box"]:hover + div h3 {color:#2f7cc9; background: #f7f6ed; /* #ececec // background-image: linear-gradient(to right, #ececec , #ececec, #ececec); //}  */
/*  .boxiky-hp-bunka > a[id^="box"]:hover {background:transparent; background-image: url(https://www.etigraf.cz/uploads/images/boxy_hp/orz_roh00.svg); background-repeat:no-repeat; background-size: 50px; background-position: 274px 174px; opacity:100; transition: opacity 0.75s;}  */
.boxiky-hp-bunka > a[id^="box"]:hover {background:transparent;}
.boxiky-hp-bunka > a[id^="box"]:hover ~ .boxiky-hp-bunka-box {background:#f7f6ed !important /* #ececec */; background-image: linear-gradient(#f7f6ed 15%, #fdfbe6 80%, #fbf9e0) !important;}
.boxiky-hp-bunka > a[id^="box"] ~ .boxiky-hp-bunka-box {border: 3px solid transparent;}
.boxiky-hp-bunka:nth-child(1) > a[id^="box"]:hover + div h3 {color:#6bb50e; background: #f7f6ed; /* #ececec // background-image: linear-gradient(to right, #ececec , #ececec, #ececec); */}
.boxiky-hp-bunka:nth-child(2) > a[id^="box"]:hover + div h3 {color:#007dcd; background: #f7f6ed; /* #ececec // background-image: linear-gradient(to right, #ececec , #ececec, #ececec); */}
.boxiky-hp-bunka:nth-child(3) > a[id^="box"]:hover + div h3 {color:#224fae; background: #f7f6ed; /* #ececec // background-image: linear-gradient(to right, #ececec , #ececec, #ececec); */}
.boxiky-hp-bunka:nth-child(4) > a[id^="box"]:hover + div h3 {color:#106750; background: #f7f6ed; /* #ececec // background-image: linear-gradient(to right, #ececec , #ececec, #ececec); */}
.boxiky-hp-bunka:nth-child(1) > a[id^="box"]:hover ~ .boxiky-hp-bunka-box {border: 3px dashed #ade110;}
.boxiky-hp-bunka:nth-child(2) > a[id^="box"]:hover ~ .boxiky-hp-bunka-box {border: 3px dashed #007dcd;}
.boxiky-hp-bunka:nth-child(3) > a[id^="box"]:hover ~ .boxiky-hp-bunka-box {border: 3px dashed #264b99;}
.boxiky-hp-bunka:nth-child(4) > a[id^="box"]:hover ~ .boxiky-hp-bunka-box {border: 3px dashed #155b49;}

.boxiky-hp-bunka > a[id^="box"] + div[id^="box"] > div p {visibility:hidden;margin-top: 0.75em;padding-left: 18px;}
.boxiky-hp-bunka > a[id^="box"]:hover + div[id^="box"] > div p {visibility:visible; transition: visible 0.95s;}
/* Boxiky HP kategorie -- kon */

.langimg1 {padding: 5px 3px 0px 3px; display: inline;}
.flash-anim1 {width: 285px /* 300px */; height: 215px /* 260px */; background-color: #FFFFFF; border: 1px solid #000000; text-align: center;}
.boxik1 {width: 210px; padding: 10px 20px 10px 7px;}

.boxik1nadp {width: 210px; height: 39px; padding: 9px 0px 0px 15px; color: #087b7d; font-size: 13.5pt;
	background: url([[root_url]]/webimg/boxik1nadpbg.png) no-repeat left top;}

.boxik1cont {width: 210px; min-height: 100px; padding: 0px 4px 5px 4px; color: #155548; font-size: 10.5pt;
	background: url([[root_url]]/webimg/boxik1obshbg.png) repeat-y left top;}

.boxik1kon {width: 210px; height: 10px; background: url([[root_url]]/webimg/boxik1endbg.png) no-repeat left top;}

.zpet-vyber {text-align: center; margin: 0 auto; margin: 30px 0 10px 0;}
.zpet-vyber a {background-color: #ffffff; text-align: center; width: 250px; border: 1px solid #481d06; padding: 8px; color: #4f2112; text-decoration: none;}
.zpet-vyber a:hover {background-color: #350a02; text-align: center; width: 250px; border: 1px solid #350a02; padding: 8px; color: #ffffff; text-decoration: none;}

.reztab_online {background-color: #f5db95; padding: 10px 0 10px 0; margin-left: 48px;}
.reztab_online td {padding: 9px; vertical-align: top;}
.reztab_online textarea {width: 790px; max-width: 790px;}

.news {width: 100%; display: table;}

.bg_nadpis {
    width: 451px; height: 25px; padding-left: 32px;
    background: url(img/bg_nadpis1.png) no-repeat;  	
    font-size: 13pt; color: #9F180E;
}

#boxiky-blok {width: 100%; display: table; text-align: center; margin-left: 0px; margin-bottom: -14px; padding-left: 26px;}
.boxiky-blok-bunka {padding: 0px; display: block; margin: auto; min-width: 226px; float: left; margin-right: 60px; position: relative; margin-bottom: 14px;}
.boxiky-blok-bunka:nth-child(2n+2) {margin-right: 0px;} /* kazdy 4 div dat 0 */
.boxiky-blok-bunka a[id^="box"] {background: #ffffff;} /* #box01 .... box99 */

.floating-box-spoj {width: 93%; display: table; margin-left: 20px; padding: 10px 0 10px 0;}
.floating-box-levo {float: left; width: 50%;}
.floating-box-pravo {float: right; width: 50%; text-align: right;}

.floating-box-spoj2 {width: 490px; min-height: 90px; display: table; margin-top: 15px; padding-bottom: 20px;}
.floating-box-levo2 {float: left; width: 110px;}
.floating-box-pravo2 {float: left; width: 365px; padding-left: 15px;}

.floating-box-spoj3 {width: 100%; display: table; margin-top: 15px;}
.floating-box-levo3 {float: left; width: 46%;}
.floating-box-pravo3 {float: right; width: 46%;}
.floating-box-spoj3 ul:nth-of-type(1), .floating-box-spoj3 ul:nth-of-type(2) {width: 49%; float: left;}

.floating-box-spoj4 {width: 100%; display: flex; flex-flow: column-reverse; margin-top: -1.25em; margin-bottom: 1em; background-image: linear-gradient(white 15%, #ebeac7 80%, #d1dfc7); 
    border-bottom-right-radius: 20pt; border-bottom-left-radius: 20pt;}
.floating-box-levo4 {float: none; min-width: 48%; width: unset;}
.floating-box-pravo4 {float: none; min-width: 48%; width: unset; display: flex; align-items: center; flex-flow: wrap; margin-bottom: -1em; margin-top: 1em;}

.bxbodka01 {font-size: 20.5pt; color: #0f815f; display: inline-block; padding-top: 0pt; position: absolute; font-weight: normal; margin-top: -1px; margin-left: -22pt;}
p.sunbod {padding-left: 32pt;}
.ram_obr1 img {border: 5px solid #FFFFFF;}
.skryto {visibility: hidden; position: absolute;}
.sezakce ul {padding-left: 15px;}
.sezakce li {padding-bottom: 7px;}
.odsaz-maly-dolu {margin-top: 6px;}

#infobox2 { 
    width: 680px; min-height: 100px; padding: 8px; background: #F5F5F5; border: solid #A02612 4px;
    /* background: url(images/kalakcbgr.jpg) no-repeat; */
    background: #F4F9D9 url([[root_url]]/webimg/masaz8v2.jpg) no-repeat right center; color: #000000;
    visibility: visible; position: absolute; margin-left: 20px; margin-top: 35px; text-align: left;
    /* left: 50px; top: 10px; */
}

#infobox2 .pnadpis {
  margin-top: .1em; margin-bottom: -0.3em; font-size: 13.2pt; 
  font-weight: normal; color: #620025; padding: 5px 0px 12px 0px; text-align: center;	
}

#infobox2 .ol-width-550px {width: 550px;}

.bxslider {margin: 0 auto; padding: 0; width: 100%; /* height: 215px; */ list-style: none; display: block /* inline -- pro fadeMode */; overflow: hidden; position: relative;}
.bxslider li {margin: 0 auto; padding: 0; background-image: unset; width: 100%; background-size: cover; background-position: center;}

/* Footer */
#konec_str {
	width: 1018px; height: 30px; display: table; margin: 0 auto; padding: 8px 0 10px 0;
	color: #43291c; font-family: tahoma; font-size: 9.5pt;
}
#konec_str .kon_a {float: left; text-align: left; padding-left: 4px; width: 400px;}
#konec_str .kon_b {float: right; text-align: right; padding-right: 4px; width: 400px;}

#hphlbx-nab00 {width: 100%; display: block; clear: both; margin: 0 auto; margin-top: 3em; margin-bottom: 8px;}
.pasbox_01 {background-color: #00489a; /* background-image: linear-gradient(to left, rgba(255, 255, 255, 0) 15%, #00489a 52%),url([[root_url]]/uploads/images/hpboxylnk/hpboximg_00b.jpg); */
    width: 100%; min-width: 950px; min-height: 1px; margin: 0 auto; background-size: cover, contain; background-position: right top; background-repeat: no-repeat;
    border-top: 1em solid #00489a; border-bottom: 1em solid #00489a;}
.pasbox_02 {background-color: #ffffff; /* background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 15%, #ffffff 52%),url([[root_url]]/uploads/images/hpboxylnk/hpboximg_02b.jpg); */
    width: 100%; min-width: 950px; min-height: 1px; margin: 0 auto; background-size: cover, contain; background-position: left top; background-repeat: no-repeat;
    border-top: 2em solid #ffffff; border-bottom: 2em solid #ffffff;}
.pasbox_03 {background-color: #fa8617; /* background-image: linear-gradient(to left, rgba(255, 255, 255, 0) 15%, #fa8617 52%),url([[root_url]]/uploads/images/hpboxylnk/hpboximg_03.jpg); */
    width: 100%; min-width: 950px; min-height: 1px; margin: 0 auto; background-size: cover, contain; background-position: right top; background-repeat: no-repeat;
    border-top: 1em solid #fa8617; border-bottom: 1em solid #fa8617;}
.pasbox_04 {background-color: #ffffff; /* background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 15%, #ffffff 52%),url([[root_url]]/uploads/images/hpboxylnk/hpboximg_02b.jpg); */
    width: 100%; min-width: 950px; min-height: 1px; margin: 0 auto; background-size: cover, contain; background-position: left top; background-repeat: no-repeat;
    border-top: 2em solid #ffffff; border-bottom: 0.5em dashed #00489a;}

div[class^="wrapcelpsb"] {width: 70%; min-width: 950px; margin: 0 auto; min-height: 250px; color: white; padding: 20px; padding-bottom: 25px; display: flex; flex-flow: row nowrap;}
div[class^="cntboxpas"] h2 {font-size: 20.5pt; line-height: 22pt; letter-spacing: 0.25pt; text-align: left; color: #ffffff; position: relative; margin-top: -4pt; text-transform: uppercase; 
    font-weight: bolder; font-family: Arial Black,Arial Bold,Gadget,sans-serif; display: block; background-color: unset; padding: 14px 0px; text-shadow: 2px 2px #4a4f5c;}
div[class^="cntboxpas_02"] h2, div[class^="cntboxpas_04"] h2, div[class^="cntboxpas_06"] h2 {color: #00489a; text-shadow: 2px 2px #e3e3e3;}
div[class^="cntboxpas"] h3 {font-size: 18.5pt; text-transform: none; color: #ffe044 /* #ffd451 */; margin-top: 2pt; text-align: left; display: block;}
div[class^="cntboxpas"] p {color: #ffffff;}
div[class^="cntboxpas_02"] p, div[class^="cntboxpas_04"] p, div[class^="cntboxpas_06"] p {color: #001946;}

div[class^="wrapbx"] {/* width: 50%; */ display: table;}
/* .wrapbx_02, wrapbx_04, wrapbx_06, wrapbx_08 {padding-left: 15% !important;} */
.wrapbx_01, .wrapbx_03, .wrapbx_05 {padding-right: 20%;}  .wrapbx_02, .wrapbx_04, .wrapbx_06 {padding-left: 20%;}

div[class^="lnkboxpas"] {display: inline-block; /* background-color: #ffffff; */ border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; 
    padding: 0px; font-size: 14pt; transition: all 0.5s ease; margin-top: 2.75em;}
div[class^="lnkboxpas"]:hover {/* background-color: #ffd451; */ border-radius: 28px; -moz-border-radius: 28px; -webkit-border-radius: 28px;}
div[class^="lnkboxpas"] a {text-decoration: none; padding: 15px 30px; display: inline-block;}
.lnkboxpas_01 {background-color: #ffffff;}  .lnkboxpas_02 {background-color: #fa8617;}  .lnkboxpas_03 {background-color: #ffffff;}
.lnkboxpas_01 a {color: #00489a;}  .lnkboxpas_02 a {color: #ffffff;}  .lnkboxpas_03 a {color: #fa8617;}
.lnkboxpas_01 a:hover {color: #ffffff /* #80c051 */;}  .lnkboxpas_02 a:hover {color: #ffffff /* #0082a9 */;}  .lnkboxpas_03 a:hover {color: #ffffff /* #e87000 */;}
.lnkboxpas_01:hover {background-color: #fa8617 /* #80c051 */;}  .lnkboxpas_02:hover {background-color: #00489a /* #0082a9 */;}  .lnkboxpas_03:hover {background-color: #00489a /* #e87000 */;}


/* Sidebars */
.sl_hlav_nap {	
	color: #E9ECEE; font: bold 10pt verdana; margin: 5px 0 0 40px;	
	/* border: 1px solid #000000; */
}
.sl_hlav_nap span {	font-size: 17pt; }

.novinka {	
	background: url(img/bod-ctverec.gif) center left no-repeat;
	color: #C71300; font-family: verdana; font-size: 10pt; font-weight: bold;
}
.novinka_p {color: #052B52; margin: -5px 0 0 0;}

/* ---- fotogalerie ver 01 pro vse: MOB  ----- */
.fotogal_grid01 {width: 100%; display: inline-block; clear: both; margin: 0 auto; padding: 4px 0px 20px 0px; border: 0px solid #A3A3A4;
    /* display: flex;flex-flow: row wrap;justify-content: space-between; */ display: grid; grid-template-columns: repeat(auto-fill, 318px); justify-content: center; grid-gap: 8px;}
.fg_stred01 {width: auto !important; display: table !important;}
.fotogal_grid01 span {display: list-item; float: left; background: transparent; border: 1px solid #A3A3A4; border-collapse: collapse; height: auto; width: auto; 
    text-align: center; line-height: 100%; list-style: none; margin: 14px 4px; padding: 6px; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;}
.fotogal_grid01 span a img {display: inline-block; vertical-align: middle; width: auto; max-height: 500px;}
.fotogal_grid01 span span {display: block; float: none; background: transparent; border: 0px solid #A3A3A4; border-collapse: none; height: auto; width: auto; 
    text-align: center; line-height: 100%; list-style: none; margin: 2px; padding: 2px;}
/* ---- fotogalerie ver 01 pro vse: MOB na vysku uprava  ----- */    
@media screen and (max-width: 448px) {
    .fotogal_grid01 {grid-template-columns: repeat(auto-fill, 164px); justify-content: center;}
    .fotogal_grid01 span a img {width: 140px;}
}

.blok_textik {display: block; /* border: 1px solid #000000; */ }
.vpravo {text-align: right;}
.doprava {float: right; margin-right: 5px;}
.nastred {text-align: center;}
.img_ochrz1 {padding: 8px 5px 8px 5px;}
.img_ochrz2 {margin: 10px 5px 10px 0px;}
.img_ochrz3 {padding: 0px 35px 0px 35px; display: inline;}
.img_ochrz4 {padding: 22px 22px 22px 22px; display: inline;}
.img_ochrzCena {padding: 10px 5px 10px 0px;}
.img_obtec_p1 {margin-right: 12px; border: 0px; float: left;}
.img_obtec_p2 {padding-left: 12px; margin-top: 16px; border: 0px; float: right;}

.tucne {font-weight: bold;}
.normaltext {font-weight: normal;}
.zvirazneni0 {color: #348D04; font-size: 114%; font-weight: bold; margin-bottom: -8pt;}
.zvirazneni01 {color: #348d04; font-size: 114%; font-weight: bold; margin-bottom: -8pt;}
.zvirazneni1 {color: #128918;}
.zvirazneni2 {color: #CA1B17;}
.zvirazneni3 {color: #AA0050; font-weight: bold;}
.zvirazneni4 {color: #AA0050;}
.zvirazneni5 {color: #128918; font-weight: bold;}
.zvirazneni6 {color: #ffa800; font-weight: bold;}
.zvirazneni7 {color: #ff0000; font-weight: bold;}

.partner_loga {text-align: center; margin-top: 5px;}
.partner_loga img {margin: 5px;}
.oddel1 {color: #3F3F3F; border-bottom: 2px dotted #3F3F3F; margin-top: -12px; margin-bottom: 8px; padding: 0; width: 100%;}

.ramec_tab_2rs {display: table;}
.ramec_tab_2rs_jeden {display: block; vertical-align: top; float: left; }
.ramec_tab_2rs_dva {display: table; vertical-align: top; float: left; margin-left: 10px;}
.ramec_tab_2rs_dva_a {display: block; color: #052B52;  font: bold 11pt 'Open Sans', Arial;	 }
.ramec_tab_2rs_dva_b {display: block; color: #1B2A0B; font-weight: normal; padding-left: 8px; font: bold 10pt 'Open Sans', Arial;	 }

.tabulka_1 {border:1px solid #000000; width: 462px; border-collapse: collapse;}
.tabulka_1 .prvnitr_tab1 {background: #9BC3E8; color: #132F80; font-weight: bold; }
.tabulka_1 td {border:1px solid #000000; text-align: center; }
.tabulka_1 .prvnitd_tab1 {color: #000000; font-weight: bold;}

.posun_vpravo_20px {margin-left: 20px;}
.posun_vlevo_30px {margin-left: 30px;}
.maly_font {font-size: 9pt;}
.odskok_p {font-size: 1pt; line-height: 1pt;}
.odskok_p2 {font-size: 4pt; line-height: 4pt;}
.odskok_p3 {font-size: 8pt; line-height: 8pt;}

.cara_ram_hd {width: 711px; height: 6px; background: url(img/cara-ramhd.png) no-repeat top left; display: inline-block; margin: 0; padding: 0; }
.cara_ram_hd2 {width: 943px; height: 6px; background: url(img/cara-ramhd2.png) no-repeat; margin: 0 auto; padding: 0; }
.poutac_box {width: 35%; background: #ffe3fe; margin: 0 auto; padding: 8px 12px 2px 12px; border: 1px #7f0084 dotted; text-align: center;}

.zpet_nahoru {margin-top: -0.1em;}
/* #stred .top_lnk_bck {display: none !important; visibility: hidden !important;} */
#menud .top_lnk_bck {position: absolute; width: 50px; height: 50px; right: 0px; top: -5.5em; display: block; clear: both; margin-right: 40px; overflow: hidden; 
    border-top-right-radius: 10px; border-top-left-radius: 10px; /* border-bottom: 1px solid #bcc9d5; */ }
#menud .top_lnk_bck a img {margin-top: -50px;}
#menud .top_lnk_bck a:hover img {margin-top: 0px; transition: 0.35s;}

.bcklnk22 {/* nnn */}
.enmenuh li {padding: 0px 15px 0px 14px !important;}
.enmenud li {padding: 0px 18px 0px 16px !important;}
.nlmenuh li {padding: 0px 20px 0px 14px !important;}
.nlmenud li {padding: 0px 25px 0px 16px !important;}

a {color: #0078f1 /* c15817--e05b0b */;}
a:hover {color: #3ec800 /* 1782c1--4a9bbd */;}
a.odkaz2 {text-decoration: underline; color: #c15817 /* #7d1f10 */;}
a.odkaz2:hover {text-decoration: underline; color: #ca5a0a;}
a.odkaz3 {text-decoration: underline; color: #001946;}
a.odkaz3:hover {text-decoration: none; color: #fa8617 /* #fcc61f */;}
a.odkaz4 {text-decoration: none; color: #eab664;}
a.odkaz4:hover {text-decoration: underline; color: #6d6d6d;}

a.obrjsfce {color: #ef5126;}
a.obrjsfce:hover {color: #9a9393;}
a.vice {color: #0029FA; text-decoration: none;}
a.vice:hover {color: #C71300; text-decoration: none;}
a.nic {color: none; text-decoration: none;}
a.nic:hover {color: none; text-decoration: none;}

/* FIN Scr extrasss */
#sptel_menu_podbgr {display: none; visibility: hidden;}
/* @media screen and (max-width: 1226px) and (min-width: 1190px) { #menuh li {padding: 6px 18px 8px 10px;} } */

@media screen and (max-width: 580px) {
    #noslhero_top img {width: 182%; margin-right: -55%;}   #noslhero_top img.ostpp {width: 130%; margin-right: -30%;}
    #logo img.hphh {width: 44vw; top: 1.15vw; left: 1.5vw;}
}

@media screen and (min-width: 80px) {
    #menuh {width: auto; max-width: 100%; min-width: 144px; height: auto /* 58px */; margin: 0 auto; position: absolute; z-index: 500;}
    #menuh li {display: inline-block; background: none; font-size: 12.5pt; padding: 6px 0.5vw 8px 0.5vw; /* 0px 2.5% 0px 2.25%; */ margin-top: 1em; margin-bottom: 1em;}
    #menuh > p:first-of-type {display: block; visibility: visible;}
    a#menuhzobr {display: block; visibility: visible; padding-top: 24px; padding-left: 14px; font-weight: bold; border: 0px; /* line-height: 4.5em; */ font-size: 14pt;}
    a#menuhzobr:hover {border: 0px; text-decoration: underline #ffffff;}
    #menuh ul {display: none; visibility: hidden;}   #topmenu-mob-head {}
    .content-txt {width: 96%; padding: 2px; padding-bottom: 25px;}  .cntxt22 {width: 100%;}  .cntxt22 p {padding: 0.5em 60px;}  .cntxt22 p:first-child {padding-top: 2em;}  .content-txt p.pfin {text-align: left;}
    #menuh_resp {width: calc(100vw - 86px);}   #menuh_resp li ul {padding: 0 !important;}  #menuh_resp li a {text-align: center;}   #menuh li.bodka {display: none; visibility: hidden;}
    
    a#menuhzobr {width: unset; border: 0px; text-align: right; margin-right: 19px;}
    #menuh_resp {margin-bottom: 0px !important; flex-flow: column wrap !important; justify-content: normal !important; padding: 0px 20px !important; text-align: left !important; padding-bottom: 6px !important;}
    #menuh_resp li {display: block; padding: 1px; width: 100%; border-bottom: 2px solid #c7eb0b;}
    #menuh_resp li:last-child {border: 0px; margin-bottom: 0;}   #menuh_resp li a {width: 100%; padding: 0.75em 1px; border: 0;}   #menuh_resp li a:hover {border: 0; text-decoration: underline #fff;}
    
    #logo img {width: 32.5vw; top: 1.15vw; left: 1.35vw;}   #menud li {padding: 14px 0;}   #menud #logopata00 {padding-left: 10px; padding-right: 10px;}
    #menud #menudcast1 .btdmenu-txt:nth-child(1) {/* text-align: right; direction: rtl; */ margin-left: 0vw; margin-right: -4vw;}
    #menudcast1 {display: flex; flex-flow: column; justify-content: center; gap: 2vw; align-items: center;}
    
    .floating-box-spoj, .floating-box-spoj2, .floating-box-spoj3 {width: 100%; display: table; margin: 0 auto; padding: 8px 0 8px 0;}
    .floating-box-levo {float: none; width: 100%;}   .floating-box-pravo {float: none; width: 100%; text-align: left;}
    .floating-box-spoj2 {margin-top: 15px; padding-bottom: 20px;}   .floating-box-spoj3 {margin-top: 15px;}
    .floating-box-levo2 {float: none; width: 100%;}   .floating-box-pravo2 {float: none; width: 100%; padding-left: 0px;}
    .floating-box-levo3 {float: none; width: 100%;}   .floating-box-pravo3 {float: none; width: 100%;}
    .floating-box-spoj3 ul:nth-of-type(1), .floating-box-spoj3 ul:nth-of-type(2) {float: none; width: 100%;}
}