/*  ----  */
/*  TAB: css_HPr23_1pcntb --- media="screen and (min-width: 1079px)  */
/*  ----  */

body, html {height: 100%; margin: 0;}
* {margin: 0; padding: 0; box-sizing: border-box;}

/*
@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(https://www.magicpark.cz/lib/fonts/kalam/kalam-v15-latin-ext-700.woff) format('woff');}

/* font-family: 'Source Sans Pro', 'Open Sans', Arial; */
body {background: #ececec; font: normal 11pt 'Open Sans', Arial; /* background: linear-gradient(to bottom,#fbfdfd 0,#ececec 6%,#ececec 100%); */ }

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

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

.bgr-liner {height: 100vh; width: 100vw; background-color: #0b72b5;  background-blend-mode: multiply; 
    background-position: center; background-repeat: no-repeat; background-size: cover;}
.bgr-sle {background-color: #fbfbfb; border: 5pt solid #d9d9d9; position: absolute; top: 50%; left: 50%; width: 80%; 
    z-index: 2; transform: translate(-50%, -50%); padding: 20px; text-align: center; border-radius: 20pt; min-height: 50vh;}

h1 {color: #fa8617; text-transform: uppercase; font-size: 20pt; text-align: center; padding: 1.25em 1em; font-weight: bold; letter-spacing: 0.5pt;
    /* background-image: url(https://www.etigraf.cz/uploads/images/produkty_obr/Reseni/obchod-sluzby/etikety221222.jpg); background-repeat: no-repeat; background-size: auto; */}
h1 img {width: calc(350px + 30vw); height: auto /* 50vh -- 350px */; margin-bottom: -0.15em;}

.pribeh_intro {display: block; color: #00489a; padding: 2em 4.5vw 3em 4.5vw /* 0 4.5vw 2em 4.5vw */; background: #ffffff; border-radius: 20pt; 
    width: 88%; margin: 0 auto; margin-bottom: 8.5em; margin-top: 9em; border: 3pt dashed #e67929;}
.pribeh_intro p {color: #00489a; line-height: 19.5pt; font-size: 15pt; padding-bottom: 1.75em; font-weight: bold; font-style: italic;}
.pribeh_intro p:first-child {padding-top: 0.75em;}  .pribeh_intro p:last-child {padding-bottom: 1.15em;}

.pribeh_skup01 {width: 100%; display: flex; justify-content: center; flex-flow: column wrap; background-color: #ffffff; padding: 0 0;}
/* width: fit-content /* 1078px */
.pribeh_skup01 img {width: 55%; text-align: center; padding: 12px; display: inline-block; margin: 0 auto; margin-top: 1%; margin-bottom: 1%;}
/*obrset01 -- obrset08 */
.pribeh_skup01[name=obrset01] img:nth-of-type(1) {width: 49%; margin-top: 1vw; margin-bottom: 1vw;}
.pribeh_skup01[name=obrset01] img:nth-of-type(2) {width: 50%; margin-top: -3vw; margin-bottom: 1vw;}
.pribeh_skup01[name=obrset01] img:nth-of-type(3) {width: 50%; margin-top: -1vw; margin-bottom: 0vw;}
/* 2 */
.pribeh_skup01[name=obrset02] img:nth-of-type(1) {width: 60%; margin-top: 1vw; margin-bottom: 1vw;}
.pribeh_skup01[name=obrset02] img:nth-of-type(2) {width: 60%; margin-top: -3vw; margin-bottom: 1vw;}
.pribeh_skup01[name=obrset02] img:nth-of-type(3) {width: 60%; margin-top: -1vw; margin-bottom: 0vw;}
/* 3 */
.pribeh_skup01[name=obrset03] img:nth-of-type(1) {width: 60%; margin-top: -3vw; margin-bottom: 0vw;}
.pribeh_skup01[name=obrset03] img:nth-of-type(2) {width: 60%; margin-top: -6vw; margin-bottom: 0vw;}
.pribeh_skup01[name=obrset03] img:nth-of-type(3) {width: 60%; margin-top: -6vw; margin-bottom: -4vw; margin-left: 24.5vw;}
/* 4 */
.pribeh_skup01[name=obrset04] img:nth-of-type(1) {width: 60%; margin-top: -3vw; margin-bottom: 0vw;}
.pribeh_skup01[name=obrset04] img:nth-of-type(2) {width: 60%; margin-top: -6vw; margin-bottom: 0vw;}
.pribeh_skup01[name=obrset04] img:nth-of-type(3) {width: 61%; margin-top: 4vw; margin-bottom: -2vw; margin-left: 20vw;}
/* 5-nn-dale */
/* 6 */
.pribeh_skup01[name=obrset06] img:nth-of-type(1) {width: 66%; margin-top: -2vw; margin-bottom: 0vw;}
.pribeh_skup01[name=obrset06] img:nth-of-type(2) {width: 66%; margin-top: 0vw; margin-bottom: 0vw;}
.pribeh_skup01[name=obrset06] img:nth-of-type(3) {width: 66%; margin-top: -8vw; margin-bottom: -3vw;}
/* 7-nn-wdbx2 ++ 8-nn-wdbx3 */

.prbdale {justify-content: center; margin-top: -10vw; margin-bottom: -9vw;}  .prbdale .animujto {width: 90%;}
.prbdiv2 {justify-content: center;}  .prbdiv2 .wdbx2 {width: 97%;}
.prbdiv3 {justify-content: center;}  .prbdiv3 .wdbx3 {width: 98%; margin-bottom: 5vw;}

.pribeh_txtinf01 {background-color: #00489a; color: #ffffff; padding: 4em 4.5vw;}
.pribeh_txtinf01 h2 {font-weight: bold; color: #ffffff; border-bottom: 4pt solid #ffffff; padding-bottom: 0.5em; display: inline-block; margin-bottom: 0.75em; font-size: 18pt;}
.pribeh_txtinf01 p {color: #ffffff; line-height: 20pt; font-size: 14pt; padding-bottom: 0.5em;}
.pribeh_txtinf01 p:last-child {padding-bottom: 0em;}

.abcd_sez00 {list-style-type: lower-alpha;}
.abcd_sez00 li {color: #ffffff; line-height: 23.5pt; font-size: 16pt; padding-left: 2pt; margin-left: 12pt;}
.abcd_sez00 li span {font-size: 14pt;}  .abcd_sez00 li:first-child {padding-top: 0.5em;}  .abcd_sez00 li:last-child {/* line-height: 18pt; */ margin-bottom: -4pt;}

.cntpptxt {width: 100%; padding: 1em 10vw;}
.cntpptxt h2 {color:#00489a; padding: 1.5em 0 0.25em 0;}  .cntpptxt h2:first-child {color:#00489a; padding-top: 1em;}
.cntpptxt p {color:#686868; padding: 0.35em 0; font-size: 12pt;}  .cntpptxt p:last-child {padding-bottom: 2em;}

/*  CSS special animace - ZAC  */
div[id^="hlblok_"] img.animujto {opacity: 0;}
div[id^="hlblok_"] div.animujto {opacity: 0;}
/* div[id^="hlblok_"] img.animujto .animujted {animation: animation .5s forwards; } */

.pripluj-jen .animujted {opacity: 1 !important; animation: pripluj-jen 3s ease /* infinite */;}
@keyframes pripluj-jen {
  0% {opacity: 0; transform: scale(.3);}
  50% {opacity: 1; transform: scale(1.05);}
  70% {transform: scale(.9);}
  100% {transform: scale(1);}
}

.pripluj-z-leva .animujted {opacity: 1 !important; animation: pripluj-z-leva 5s ease /* infinite */;}
@keyframes pripluj-z-leva {
  0% {opacity: 0; transform: translateX(-2000px);}
  60% {opacity: 1; transform: translateX(30px);}
  80% {transform: translateX(10px);}
  100% {transform: translateX(0);}
}

.pripluj-z-prava .animujted {opacity: 1 !important; animation: pripluj-z-prava 5s ease /* infinite */;}
@keyframes pripluj-z-prava {
  0% {opacity: 0; transform: translateX(2000px);}
  60% {opacity: 1; transform: translateX(-30px);}
  80% {transform: translateX(10px);}
  100% {transform: translateX(0);}
}

.vyrosti .animujted {opacity: 1 !important; animation: vyrosti 2s ease /* infinite */;}
@keyframes vyrosti { 
  from { transform: scale(0); }
  to { transform: scale(1); }  
}
/*  CSS special animace - KON  */

/* Pata webu */
#konec_str {text-align: center; margin: 0px; padding: 0px; width: 100%; min-height: 125px; position: relative; display: block; background-color: #0d6ec4 /* #00489a--002958 */; 
    /* background-image: url(https://www.etigraf.cz/webimg/r20/pata-bghl.png); */ background-repeat: repeat-x; /* background-size: 90%; */ background-size: initial; background-position: center top;}

#konec_str ul.btdmenu-txt {margin: 0 auto; list-style: none; padding: 0px; text-align: center; max-width: 1068px; display: block; margin-bottom: 30px; padding-top: 16px;}
#konec_str ul.btdmenu-txt li {padding: 0px 0px 0px 23px; margin-left: 0px; display: inline-block; font-family: 'Roboto Bolder','Source Sans Pro',sans-serif; font-size: 11.5pt; font-weight: bold; 
  /* background: url(webimg/menutlbod1.png) no-repeat 3px 8px; border-bottom: 2px solid #D3D1CD; */ text-transform: uppercase; color: #e4e4e4; /* 452121 */}
#konec_str ul.btdmenu-txt li.bodka {font-family: 'Roboto Bolder','Source Sans Pro',sans-serif; font-size: 9.5pt; color: #cccccc;}
#konec_str ul.btdmenu-txt li:first-child {padding: 0px;}
#konec_str ul.btdmenu-txt li:nth-child(12) {display: none;}
#konec_str ul.btdmenu-txt .menudel01 {color: transparent;}
#konec_str ul.btdmenu-txt a {margin-top: 9px; display: block; color: #e4e4e4; text-decoration: none; font-weight: bold; border-bottom: 3px solid transparent; padding-top: 6px; padding-bottom: 4px; letter-spacing: 0.25pt;}
#konec_str ul.btdmenu-txt a:hover {text-decoration: none; color: #e4e4e4 /* #d0c1aa */; /* border-bottom: 3px solid #ff7d00; text-decoration: underline #009fe3; */}
/* #konec_str ul.btdmenu-txt:nth-of-type(2n) {margin: 0 auto;} */
ul.btdmenu-txt li a {max-width: 50vw; padding-bottom: 25px; position: relative;}
ul.btdmenu-txt li a:hover::after {content: ''; position: absolute; bottom: 4px; left: 0; right: 0; background: #ff7702; height: 3px; border-radius: 10px;}

#konec_str_loga, #konec_str_loga2 {width: 100%; margin: 0 auto; background-color: #002958 /* transparent --- #fff */; min-height: 80px; margin-top: 25px; margin-bottom: -26px; padding: 1.5em 0em;}
#konec_str_loga img {margin-top: 14px; margin-left: 30px;}  #konec_str_loga img:first-child {margin-left: -4px;}
#konec_str_loga2 {padding-bottom: 12px;}  #konec_str_loga2 img {margin-top: 0px; margin-left: 74px;}  #konec_str_loga2 img:first-child {margin-left: -6px;}

#konec_str_finpp {width: 100%;background-color: #f2f2f2 /* #001c3c */;position: relative;display: block; background: linear-gradient(to bottom,#f5f5f5 0,#f9f9f9 15%,#ffffff 100%);}
#konec_str_info {max-width: 1068px; width: 96%; min-height: 44px;margin: 0 auto;text-align: center;display: table;margin-bottom: 0px;margin-top: 26px;font-size: 11pt;padding-top: 2em;padding-bottom: 1.5em;}
#konec_str_info .kon_a {display: inline-block;width: 25%;float: left;text-align: left;font-size: 100%;font-weight: normal;color: #002958;}
#konec_str_info .kon_b {display: inline-block; width: 50%; float: left; text-align: center; font-size: 100%; font-weight: normal; color: #002958;}
#konec_str_info .kon_c {display: inline-block; width: 25%; float: left; text-align: right; font-size: 100%; font-weight: normal; color: #002958;}
#konec_str_info .kon_a > span, #konec_str_info .kon_c > span {display:block; clear:both; margin-bottom: 10px;}
#konec_str_info .kon_a > span:first-child, #konec_str_info .kon_c > span:first-child {display:block; clear:both; margin-bottom: 15px;}
#konec_str_info a {text-decoration: underline;color: #002958;}
#konec_str_info a:hover {text-decoration: none;color: #fa8617;}
#konec_str_finpp .top_lnk_bck {display: none; visibility: hidden;}
#konec_str_info .kon_b a[rel$="prfik"] img {padding-right: 20px;}
#konec_str_info .kon_b a:hover[rel$="prfik"] img {transition: 0.0s all;}
#konec_str_info .kon_b a:hover[rel$="prfik"] img {filter: brightness(260%) hue-rotate(175deg) saturate(98%); -moz-filter: brightness(260%) hue-rotate(175deg) saturate(98%); 
  -webkit-filter: brightness(260%) hue-rotate(175deg) saturate(98%); /* prohl. kompatibilita */;}

#slezajem {padding: 4em 10pt 1.5em;}  #slezajem p {color: #f1f1f1; font-size: 15pt; margin-bottom: 1em;}  #slezajem h2 {color: #ebebeb; text-transform:uppercase;font-family: 'Roboto Bolder','Source Sans Pro',sans-serif;}
#slezajem a.pp_btn02 {color: #f1f1f1; font-size: 15pt; text-decoration: none; height: 20px; padding: 1em 11pt; font-weight: normal; margin-top: 10px;
  background-color: #002958; border: 1px solid #002958; line-height: 9.5pt; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; display: inline-table;}
#slezajem a.pp_btn02:hover {color: #ffffff; background-color: #ff7d00; border: 1px solid #ff7d00;}
a.pp_btn02 span{font-size: 20pt; font-weight: bold; letter-spacing: 2pt;}
.relblok_centr {width: 100%; margin: 0 auto; position: relative;}  .absblok_centr {width: 100%; margin: 0 auto; position: absolute;}
.relblok_centr .mdbfin {font-weight: bold; color: #ffffff; border-bottom: 2pt dashed #ffffff; padding-top: 3.25em; display: inline-block; font-size: 14.5pt; clear: both; margin-bottom: 0.5em; padding-bottom: 0.25em;}
.relblok_centr .pp_btn01 {width: 100%; display: block; text-align: center; margin-bottom: -1em; padding-bottom: 0;}
.ETGlogo {width: 50vw; height: auto;}

#konec_str .top_lnk_bck {position: absolute; width: 50px; height: 50px; right: 0px; top: -50px; display: block; clear: both; margin-right: 30px; overflow: hidden; border-top-right-radius: 10px; border-top-left-radius: 10px;}
#konec_str .top_lnk_bck a img {margin-top: -50px;}
#konec_str .top_lnk_bck a:hover img {margin-top: 0px; transition: 0.35s;}
/* pata kon */

/* Final doplnkove styly A - ZAC */
@media screen and (max-width: 930px) {  h1 img {width: 68vw; height: auto /* 50vh -- 350px */; margin-bottom: -0.15em;}  .bgr-sle {min-height: 70vh;}  
    .animujto h1 {padding: 0; padding: 1.5em 0;}  .prbdiv3 .wdbx3 {margin-bottom: 8vh;}  }
/* Final doplnkove styly A - KON */

/* Final doplnkove styly B - ZAC */
.blok_textik {display: block;	/* border: 1px solid #000000; */ }
.vpravo {text-align: right !important;}
.doprava {float: right; margin-right: 5px; margin-left: 5px;}
.doprava2 {float: right; margin-right: 15px; margin-top: -24px; padding-top: 8px; padding-bottom: 15px;}
.doprava3 {float: right; margin-right: 15px; margin-bottom: 12px; margin-top: -10px; /* margin-top: 35px; */}
.vlevo {text-align: left !important;}
.doleva {float: left; margin-left: 5px;}
.nastred {text-align: center !important;}
.news_vicelnk {text-align: right; display: block;}
.normaltext {font-weight: normal;}  .tucne {font-weight: bold;}
.netucne {font-weight: normal;}  .vyplntb {text-align: justify;}
.upptxt {text-transform: uppercase;}  .spoj_blokvse {display: table; width: 100%;}
/* Final doplnkove styly B - KON */

/* XXXXXXXXXXXXXXXXX */
a {color: #27bcff /* #fa8617 */; text-decoration: none; border-bottom: 1px solid #ffffff; padding-bottom: 0px;}  a:hover {color: #ffb100 /*#ffb100 --- e20000*/; border-bottom: 0; text-decoration: none;}
a.ETGlogoLNK {text-decoration: none !important; border-bottom: 0 !important;}
a.odkaz2 {text-decoration: underline; color: #bdd5de;}  a.odkaz2:hover {text-decoration: underline; color: #ffffff;}
a.odkaz3 {text-decoration: none; color: #ffffff;}  a.odkaz3:hover {text-decoration: underline; color: #ded4bd;}
a.vice {color: #0029FA; text-decoration: none;}  a.vice:hover {color: #C71300; text-decoration: none;}
a.nic {color: none; text-decoration: none; border: none;}  a.nic:hover {color: none; text-decoration: none; border: none;}