/*------------------------------ add css -------------------------- */ /*--css--*/ @import url('https://fonts.googleapis.com/css2?family=Fjalla+One&family=Literata:ital,opsz,wght@0,7..72,200..900;1,7..72,200..900&family=Spectral+SC:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap'); *, ::before, ::after {box-sizing: border-box;}::before, ::after {text-decoration: inherit;vertical-align: inherit;}html {line-height: 1.5;overflow-wrap: anywhere;-moz-tab-size: 4;tab-size: 4;-webkit-tap-highlight-color: transparent ;-webkit-text-size-adjust: 100%;}body {margin: 0;}h1 {font-size: 2em;margin: 0.67em 0;}dl dl, dl ol, dl ul, ol dl, ul dl {margin: 0;}hr {color: inherit;height: 0;}nav ol, nav ul {list-style: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'/%3E");padding: 0;}nav li::before {content: "\200B";}pre {font-family: monospace, monospace;font-size: 1em;overflow: auto;}abbr[title] {text-decoration: underline;text-decoration: underline dotted;}b, strong {font-weight: 600;}code, kbd, samp {font-family: monospace, monospace;font-size: 1em;}small {font-size: 80%;}audio, canvas, iframe, img, svg, video {vertical-align: middle;}audio:not([controls]) {display: none;height: 0;}iframe {border-style: none;}svg:not([fill]) {fill: currentColor;}table {border-collapse: collapse;border-color: inherit;text-indent: 0;}button, input, select {margin: 0;}button {text-transform: none;}button, [type="button" i], [type="reset" i], [type="submit" i] {-webkit-appearance: button;}fieldset {border: 1px solid #a0a0a0;padding: 0.35em 0.75em 0.625em;}progress {vertical-align: baseline;}select {text-transform: none;}textarea {margin: 0;resize: vertical;}[type="search" i] {-webkit-appearance: textfield;outline-offset: -2px;}::-webkit-inner-spin-button, ::-webkit-outer-spin-button {height: auto;}::-webkit-input-placeholder {color: inherit;opacity: 0.54;}::-webkit-search-decoration {-webkit-appearance: none;}::-webkit-file-upload-button {-webkit-appearance: button;font: inherit;}::-moz-focus-inner {border-style: none;padding: 0;}:-moz-focusring {outline: 1px dotted ButtonText;}:-moz-ui-invalid {box-shadow: none;}dialog {background-color: white;border: solid;color: black;height: -moz-fit-content;height: -webkit-fit-content;height: fit-content;left: 0;margin: auto;padding: 1em;position: absolute;right: 0;width: -moz-fit-content;width: -webkit-fit-content;width: fit-content;}dialog:not([open]) {display: none;}summary {display: list-item;}[aria-busy="true" i] {cursor: progress;}[aria-controls] {cursor: pointer;}[aria-disabled="true" i], [disabled] {cursor: not-allowed;}[aria-hidden="false" i][hidden] {display: initial;}[aria-hidden="false" i][hidden]:not(:focus) {clip: rect(0, 0, 0, 0);position: absolute;}input, select, textarea {height: auto;max-width: 100%;}img{height: auto !important;max-width: 100%;}img:not(.notrespo){height: auto !important;}button, input, select, textarea {background-color: transparent;border: 1px solid WindowFrame;color: inherit;font: inherit;letter-spacing: inherit;padding: 0.25em 0.375em;}select {-moz-appearance: none;-webkit-appearance: none;background: no-repeat right center / 1em;border-radius: 0;padding-right: 1em;}select:not([multiple]):not([size]) {background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='4'%3E%3Cpath d='M4 0h6L7 4'/%3E%3C/svg%3E");}[type="color"], [type="range"] {border-width: 0;padding: 0;}::-ms-expand {display: none;}:-ms-input-placeholder {color: rgba(0, 0, 0, 0.54);}iframe{max-width:100%;} .d-none{display:none}.d-block{display:block}.d-inline{display:inline}.d-inline-block{display:inline-block}.d-flex{display:flex}.d-inline-flex{display:inline-flex}.d-grid{display:grid}.d-show{display:block!important}.d-hide{display:none!important} .grid-justify-content-start{justify-content:start}.grid-justify-content-end{justify-content:end}.grid-justify-content-center{justify-content:center}.grid-justify-content-stretch{justify-content:stretch}.grid-justify-content-around{justify-content:space-around}.grid-justify-content-between{justify-content:space-between}.grid-justify-content-evenly{justify-content:space-evenly}.grid-align-content-start{align-content:start}.grid-align-content-end{align-content:end}.grid-align-content-center{align-content:center}.grid-align-content-stretch{align-content:stretch}.grid-align-content-around{align-content:space-around}.grid-align-content-between{align-content:space-between}.grid-align-content-evenly{align-content:space-evenly}.grid-justify-items-start{justify-items:start}.grid-justify-items-end{justify-items:end}.grid-justify-items-center{justify-items:center}.grid-justify-items-stretch{justify-items:stretch}.grid-align-items-start{align-items:start}.grid-align-items-end{align-items:end}.grid-align-items-center{align-items:center}.grid-align-items-stretch{align-items:stretch}.grid-justify-self-start{justify-self:start}.grid-justify-self-end{justify-self:end}.grid-justify-self-center{justify-self:center}.grid-justify-self-stretch{justify-self:stretch}.grid-align-self-start{align-self:start}.grid-align-self-end{align-self:end}.grid-align-self-center{align-self:center}.grid-align-self-stretch{align-self:stretch} .m-0{margin:0 !important}.m-1{margin:clamp(0.125rem, 0.075rem + 0.2vw, 0.25rem) !important}.m-2{margin:clamp(0.125rem, -0.125rem + 1vw, 0.75rem) !important}.m-3{margin:clamp(0.125rem, -0.225rem + 1.4vw, 1rem) !important}.m-4{margin:clamp(0.375rem, 0.025rem + 1.4vw, 1.25rem) !important}.m-5{margin:clamp(0.375rem, -0.075rem + 1.8vw, 1.5rem) !important}.m-6{margin:clamp(0.375rem, -0.175rem + 2.2vw, 1.75rem) !important}.m-7{margin:clamp(0.375rem, -0.275rem + 2.6vw, 2rem) !important}.m-8{margin:clamp(0.375rem, -0.375rem + 3vw, 2.25rem) !important}.m-9{margin:clamp(0.375rem, -0.475rem + 3.4vw, 2.5rem) !important}.m-10{margin:clamp(0.75rem, -0.05rem + 3.2vw, 2.75rem) !important}.m-11{margin:clamp(0.75rem, -0.15rem + 3.6vw, 3rem) !important}.m-12{margin:clamp(0.75rem, -0.25rem + 4vw, 3.25rem) !important}.m-13{margin:clamp(0.75rem, -0.35rem + 4.4vw, 3.5rem) !important}.m-14{margin:clamp(0.75rem, -0.45rem + 4.8vw, 3.75rem) !important}.m-15{margin:clamp(0.75rem, -0.55rem + 5.2vw, 4rem) !important}.mx-auto{margin-left:auto !important;margin-right:auto !important}.mx-0{margin-left:0 !important;margin-right:0 !important}.mx-1{margin-left:clamp(0.125rem, 0.075rem + 0.2vw, 0.25rem) !important;margin-right:clamp(0.125rem, 0.075rem + 0.2vw, 0.25rem) !important}.mx-2{margin-left:clamp(0.125rem, -0.125rem + 1vw, 0.75rem) !important;margin-right:clamp(0.125rem, -0.125rem + 1vw, 0.75rem) !important}.mx-3{margin-left:clamp(0.125rem, -0.225rem + 1.4vw, 1rem) !important;margin-right:clamp(0.125rem, -0.225rem + 1.4vw, 1rem) !important}.mx-4{margin-left:clamp(0.375rem, 0.025rem + 1.4vw, 1.25rem) !important;margin-right:clamp(0.375rem, 0.025rem + 1.4vw, 1.25rem) !important}.mx-5{margin-left:clamp(0.375rem, -0.075rem + 1.8vw, 1.5rem) !important;margin-right:clamp(0.375rem, -0.075rem + 1.8vw, 1.5rem) !important}.mx-6{margin-left:clamp(0.375rem, -0.175rem + 2.2vw, 1.75rem) !important;margin-right:clamp(0.375rem, -0.175rem + 2.2vw, 1.75rem) !important}.mx-7{margin-left:clamp(0.375rem, -0.275rem + 2.6vw, 2rem) !important;margin-right:clamp(0.375rem, -0.275rem + 2.6vw, 2rem) !important}.mx-8{margin-left:clamp(0.375rem, -0.375rem + 3vw, 2.25rem) !important;margin-right:clamp(0.375rem, -0.375rem + 3vw, 2.25rem) !important}.mx-9{margin-left:clamp(0.375rem, -0.475rem + 3.4vw, 2.5rem) !important;margin-right:clamp(0.375rem, -0.475rem + 3.4vw, 2.5rem) !important}.mx-10{margin-left:clamp(0.75rem, -0.05rem + 3.2vw, 2.75rem) !important;margin-right:clamp(0.75rem, -0.05rem + 3.2vw, 2.75rem) !important}.mx-11{margin-left:clamp(0.75rem, -0.15rem + 3.6vw, 3rem) !important;margin-right:clamp(0.75rem, -0.15rem + 3.6vw, 3rem) !important}.mx-12{margin-left:clamp(0.75rem, -0.25rem + 4vw, 3.25rem) !important;margin-right:clamp(0.75rem, -0.25rem + 4vw, 3.25rem) !important}.mx-13{margin-left:clamp(0.75rem, -0.35rem + 4.4vw, 3.5rem) !important;margin-right:clamp(0.75rem, -0.35rem + 4.4vw, 3.5rem) !important}.mx-14{margin-left:clamp(0.75rem, -0.45rem + 4.8vw, 3.75rem) !important;margin-right:clamp(0.75rem, -0.45rem + 4.8vw, 3.75rem) !important}.mx-15{margin-left:clamp(0.75rem, -0.55rem + 5.2vw, 4rem) !important;margin-right:clamp(0.75rem, -0.55rem + 5.2vw, 4rem) !important}.my-auto{margin-top:auto !important;margin-bottom:auto !important}.my-0{margin-top:0 !important;margin-bottom:0 !important}.my-1{margin-top:clamp(0.125rem, 0.075rem + 0.2vw, 0.25rem) !important;margin-bottom:clamp(0.125rem, 0.075rem + 0.2vw, 0.25rem) !important}.my-2{margin-top:clamp(0.125rem, -0.125rem + 1vw, 0.75rem) !important;margin-bottom:clamp(0.125rem, -0.125rem + 1vw, 0.75rem) !important}.my-3{margin-top:clamp(0.125rem, -0.225rem + 1.4vw, 1rem) !important;margin-bottom:clamp(0.125rem, -0.225rem + 1.4vw, 1rem) !important}.my-4{margin-top:clamp(0.375rem, 0.025rem + 1.4vw, 1.25rem) !important;margin-bottom:clamp(0.375rem, 0.025rem + 1.4vw, 1.25rem) !important}.my-5{margin-top:clamp(0.375rem, -0.075rem + 1.8vw, 1.5rem) !important;margin-bottom:clamp(0.375rem, -0.075rem + 1.8vw, 1.5rem) !important}.my-6{margin-top:clamp(0.375rem, -0.175rem + 2.2vw, 1.75rem) !important;margin-bottom:clamp(0.375rem, -0.175rem + 2.2vw, 1.75rem) !important}.my-7{margin-top:clamp(0.375rem, -0.275rem + 2.6vw, 2rem) !important;margin-bottom:clamp(0.375rem, -0.275rem + 2.6vw, 2rem) !important}.my-8{margin-top:clamp(0.375rem, -0.375rem + 3vw, 2.25rem) !important;margin-bottom:clamp(0.375rem, -0.375rem + 3vw, 2.25rem) !important}.my-9{margin-top:clamp(0.375rem, -0.475rem + 3.4vw, 2.5rem) !important;margin-bottom:clamp(0.375rem, -0.475rem + 3.4vw, 2.5rem) !important}.my-10{margin-top:clamp(0.75rem, -0.05rem + 3.2vw, 2.75rem) !important;margin-bottom:clamp(0.75rem, -0.05rem + 3.2vw, 2.75rem) !important}.my-11{margin-top:clamp(0.75rem, -0.15rem + 3.6vw, 3rem) !important;margin-bottom:clamp(0.75rem, -0.15rem + 3.6vw, 3rem) !important}.my-12{margin-top:clamp(0.75rem, -0.25rem + 4vw, 3.25rem) !important;margin-bottom:clamp(0.75rem, -0.25rem + 4vw, 3.25rem) !important}.my-13{margin-top:clamp(0.75rem, -0.35rem + 4.4vw, 3.5rem) !important;margin-bottom:clamp(0.75rem, -0.35rem + 4.4vw, 3.5rem) !important}.my-14{margin-top:clamp(0.75rem, -0.45rem + 4.8vw, 3.75rem) !important;margin-bottom:clamp(0.75rem, -0.45rem + 4.8vw, 3.75rem) !important}.my-15{margin-top:clamp(0.75rem, -0.55rem + 5.2vw, 4rem) !important;margin-bottom:clamp(0.75rem, -0.55rem + 5.2vw, 4rem) !important}.mt-auto{margin-top:auto !important}.mt-0{margin-top:0 !important}.mt-1{margin-top:clamp(0.125rem, 0.075rem + 0.2vw, 0.25rem) !important}.mt-2{margin-top:clamp(0.125rem, -0.125rem + 1vw, 0.75rem) !important}.mt-3{margin-top:clamp(0.125rem, -0.225rem + 1.4vw, 1rem) !important}.mt-4{margin-top:clamp(0.375rem, 0.025rem + 1.4vw, 1.25rem) !important}.mt-5{margin-top:clamp(0.375rem, -0.075rem + 1.8vw, 1.5rem) !important}.mt-6{margin-top:clamp(0.375rem, -0.175rem + 2.2vw, 1.75rem) !important}.mt-7{margin-top:clamp(0.375rem, -0.275rem + 2.6vw, 2rem) !important}.mt-8{margin-top:clamp(0.375rem, -0.375rem + 3vw, 2.25rem) !important}.mt-9{margin-top:clamp(0.375rem, -0.475rem + 3.4vw, 2.5rem) !important}.mt-10{margin-top:clamp(0.75rem, -0.05rem + 3.2vw, 2.75rem) !important}.mt-11{margin-top:clamp(0.75rem, -0.15rem + 3.6vw, 3rem) !important}.mt-12{margin-top:clamp(0.75rem, -0.25rem + 4vw, 3.25rem) !important}.mt-13{margin-top:clamp(0.75rem, -0.35rem + 4.4vw, 3.5rem) !important}.mt-14{margin-top:clamp(0.75rem, -0.45rem + 4.8vw, 3.75rem) !important}.mt-15{margin-top:clamp(0.75rem, -0.55rem + 5.2vw, 4rem) !important}.mr-auto{margin-right:auto !important}.mr-0{margin-right:0 !important}.mr-1{margin-right:clamp(0.125rem, 0.075rem + 0.2vw, 0.25rem) !important}.mr-2{margin-right:clamp(0.125rem, -0.125rem + 1vw, 0.75rem) !important}.mr-3{margin-right:clamp(0.125rem, -0.225rem + 1.4vw, 1rem) !important}.mr-4{margin-right:clamp(0.375rem, 0.025rem + 1.4vw, 1.25rem) !important}.mr-5{margin-right:clamp(0.375rem, -0.075rem + 1.8vw, 1.5rem) !important}.mr-6{margin-right:clamp(0.375rem, -0.175rem + 2.2vw, 1.75rem) !important}.mr-7{margin-right:clamp(0.375rem, -0.275rem + 2.6vw, 2rem) !important}.mr-8{margin-right:clamp(0.375rem, -0.375rem + 3vw, 2.25rem) !important}.mr-9{margin-right:clamp(0.375rem, -0.475rem + 3.4vw, 2.5rem) !important}.mr-10{margin-right:clamp(0.75rem, -0.05rem + 3.2vw, 2.75rem) !important}.mr-11{margin-right:clamp(0.75rem, -0.15rem + 3.6vw, 3rem) !important}.mr-12{margin-right:clamp(0.75rem, -0.25rem + 4vw, 3.25rem) !important}.mr-13{margin-right:clamp(0.75rem, -0.35rem + 4.4vw, 3.5rem) !important}.mr-14{margin-right:clamp(0.75rem, -0.45rem + 4.8vw, 3.75rem) !important}.mr-15{margin-right:clamp(0.75rem, -0.55rem + 5.2vw, 4rem) !important}.mb-auto{margin-bottom:auto !important}.mb-0{margin-bottom:0 !important}.mb-1{margin-bottom:clamp(0.125rem, 0.075rem + 0.2vw, 0.25rem) !important}.mb-2{margin-bottom:clamp(0.125rem, -0.125rem + 1vw, 0.75rem) !important}.mb-3{margin-bottom:clamp(0.125rem, -0.225rem + 1.4vw, 1rem) !important}.mb-4{margin-bottom:clamp(0.375rem, 0.025rem + 1.4vw, 1.25rem) !important}.mb-5{margin-bottom:clamp(0.375rem, -0.075rem + 1.8vw, 1.5rem) !important}.mb-6{margin-bottom:clamp(0.375rem, -0.175rem + 2.2vw, 1.75rem) !important}.mb-7{margin-bottom:clamp(0.375rem, -0.275rem + 2.6vw, 2rem) !important}.mb-8{margin-bottom:clamp(0.375rem, -0.375rem + 3vw, 2.25rem) !important}.mb-9{margin-bottom:clamp(0.375rem, -0.475rem + 3.4vw, 2.5rem) !important}.mb-10{margin-bottom:clamp(0.75rem, -0.05rem + 3.2vw, 2.75rem) !important}.mb-11{margin-bottom:clamp(0.75rem, -0.15rem + 3.6vw, 3rem) !important}.mb-12{margin-bottom:clamp(0.75rem, -0.25rem + 4vw, 3.25rem) !important}.mb-13{margin-bottom:clamp(0.75rem, -0.35rem + 4.4vw, 3.5rem) !important}.mb-14{margin-bottom:clamp(0.75rem, -0.45rem + 4.8vw, 3.75rem) !important}.mb-15{margin-bottom:clamp(0.75rem, -0.55rem + 5.2vw, 4rem) !important}.ml-auto{margin-left:auto !important}.ml-0{margin-left:0 !important}.ml-1{margin-left:clamp(0.125rem, 0.075rem + 0.2vw, 0.25rem) !important}.ml-2{margin-left:clamp(0.125rem, -0.125rem + 1vw, 0.75rem) !important}.ml-3{margin-left:clamp(0.125rem, -0.225rem + 1.4vw, 1rem) !important}.ml-4{margin-left:clamp(0.375rem, 0.025rem + 1.4vw, 1.25rem) !important}.ml-5{margin-left:clamp(0.375rem, -0.075rem + 1.8vw, 1.5rem) !important}.ml-6{margin-left:clamp(0.375rem, -0.175rem + 2.2vw, 1.75rem) !important}.ml-7{margin-left:clamp(0.375rem, -0.275rem + 2.6vw, 2rem) !important}.ml-8{margin-left:clamp(0.375rem, -0.375rem + 3vw, 2.25rem) !important}.ml-9{margin-left:clamp(0.375rem, -0.475rem + 3.4vw, 2.5rem) !important}.ml-10{margin-left:clamp(0.75rem, -0.05rem + 3.2vw, 2.75rem) !important}.ml-11{margin-left:clamp(0.75rem, -0.15rem + 3.6vw, 3rem) !important}.ml-12{margin-left:clamp(0.75rem, -0.25rem + 4vw, 3.25rem) !important}.ml-13{margin-left:clamp(0.75rem, -0.35rem + 4.4vw, 3.5rem) !important}.ml-14{margin-left:clamp(0.75rem, -0.45rem + 4.8vw, 3.75rem) !important}.ml-15{margin-left:clamp(0.75rem, -0.55rem + 5.2vw, 4rem) !important}.p-0{padding:0 !important}.p-1{padding:clamp(0.125rem, 0.075rem + 0.2vw, 0.25rem) !important}.p-2{padding:clamp(0.125rem, -0.125rem + 1vw, 0.75rem) !important}.p-3{padding:clamp(0.125rem, -0.225rem + 1.4vw, 1rem) !important}.p-4{padding:clamp(0.375rem, 0.025rem + 1.4vw, 1.25rem) !important}.p-5{padding:clamp(0.375rem, -0.075rem + 1.8vw, 1.5rem) !important}.p-6{padding:clamp(0.375rem, -0.175rem + 2.2vw, 1.75rem) !important}.p-7{padding:clamp(0.375rem, -0.275rem + 2.6vw, 2rem) !important}.p-8{padding:clamp(0.375rem, -0.375rem + 3vw, 2.25rem) !important}.p-9{padding:clamp(0.375rem, -0.475rem + 3.4vw, 2.5rem) !important}.p-10{padding:clamp(0.75rem, -0.05rem + 3.2vw, 2.75rem) !important}.p-11{padding:clamp(0.75rem, -0.15rem + 3.6vw, 3rem) !important}.p-12{padding:clamp(0.75rem, -0.25rem + 4vw, 3.25rem) !important}.p-13{padding:clamp(0.75rem, -0.35rem + 4.4vw, 3.5rem) !important}.p-14{padding:clamp(0.75rem, -0.45rem + 4.8vw, 3.75rem) !important}.p-15{padding:clamp(0.75rem, -0.55rem + 5.2vw, 4rem) !important}.px-0{padding-left:0 !important;padding-right:0 !important}.px-1{padding-left:clamp(0.125rem, 0.075rem + 0.2vw, 0.25rem) !important;padding-right:clamp(0.125rem, 0.075rem + 0.2vw, 0.25rem) !important}.px-2{padding-left:clamp(0.125rem, -0.125rem + 1vw, 0.75rem) !important;padding-right:clamp(0.125rem, -0.125rem + 1vw, 0.75rem) !important}.px-3{padding-left:clamp(0.125rem, -0.225rem + 1.4vw, 1rem) !important;padding-right:clamp(0.125rem, -0.225rem + 1.4vw, 1rem) !important}.px-4{padding-left:clamp(0.375rem, 0.025rem + 1.4vw, 1.25rem) !important;padding-right:clamp(0.375rem, 0.025rem + 1.4vw, 1.25rem) !important}.px-5{padding-left:clamp(0.375rem, -0.075rem + 1.8vw, 1.5rem) !important;padding-right:clamp(0.375rem, -0.075rem + 1.8vw, 1.5rem) !important}.px-6{padding-left:clamp(0.375rem, -0.175rem + 2.2vw, 1.75rem) !important;padding-right:clamp(0.375rem, -0.175rem + 2.2vw, 1.75rem) !important}.px-7{padding-left:clamp(0.375rem, -0.275rem + 2.6vw, 2rem) !important;padding-right:clamp(0.375rem, -0.275rem + 2.6vw, 2rem) !important}.px-8{padding-left:clamp(0.375rem, -0.375rem + 3vw, 2.25rem) !important;padding-right:clamp(0.375rem, -0.375rem + 3vw, 2.25rem) !important}.px-9{padding-left:clamp(0.375rem, -0.475rem + 3.4vw, 2.5rem) !important;padding-right:clamp(0.375rem, -0.475rem + 3.4vw, 2.5rem) !important}.px-10{padding-left:clamp(0.75rem, -0.05rem + 3.2vw, 2.75rem) !important;padding-right:clamp(0.75rem, -0.05rem + 3.2vw, 2.75rem) !important}.px-11{padding-left:clamp(0.75rem, -0.15rem + 3.6vw, 3rem) !important;padding-right:clamp(0.75rem, -0.15rem + 3.6vw, 3rem) !important}.px-12{padding-left:clamp(0.75rem, -0.25rem + 4vw, 3.25rem) !important;padding-right:clamp(0.75rem, -0.25rem + 4vw, 3.25rem) !important}.px-13{padding-left:clamp(0.75rem, -0.35rem + 4.4vw, 3.5rem) !important;padding-right:clamp(0.75rem, -0.35rem + 4.4vw, 3.5rem) !important}.px-14{padding-left:clamp(0.75rem, -0.45rem + 4.8vw, 3.75rem) !important;padding-right:clamp(0.75rem, -0.45rem + 4.8vw, 3.75rem) !important}.px-15{padding-left:clamp(0.75rem, -0.55rem + 5.2vw, 4rem) !important;padding-right:clamp(0.75rem, -0.55rem + 5.2vw, 4rem) !important}.py-0{padding-top:0 !important;padding-bottom:0 !important}.py-1{padding-top:clamp(0.125rem, 0.075rem + 0.2vw, 0.25rem) !important;padding-bottom:clamp(0.125rem, 0.075rem + 0.2vw, 0.25rem) !important}.py-2{padding-top:clamp(0.125rem, -0.125rem + 1vw, 0.75rem) !important;padding-bottom:clamp(0.125rem, -0.125rem + 1vw, 0.75rem) !important}.py-3{padding-top:clamp(0.125rem, -0.225rem + 1.4vw, 1rem) !important;padding-bottom:clamp(0.125rem, -0.225rem + 1.4vw, 1rem) !important}.py-4{padding-top:clamp(0.375rem, 0.025rem + 1.4vw, 1.25rem) !important;padding-bottom:clamp(0.375rem, 0.025rem + 1.4vw, 1.25rem) !important}.py-5{padding-top:clamp(0.375rem, -0.075rem + 1.8vw, 1.5rem) !important;padding-bottom:clamp(0.375rem, -0.075rem + 1.8vw, 1.5rem) !important}.py-6{padding-top:clamp(0.375rem, -0.175rem + 2.2vw, 1.75rem) !important;padding-bottom:clamp(0.375rem, -0.175rem + 2.2vw, 1.75rem) !important}.py-7{padding-top:clamp(0.375rem, -0.275rem + 2.6vw, 2rem) !important;padding-bottom:clamp(0.375rem, -0.275rem + 2.6vw, 2rem) !important}.py-8{padding-top:clamp(0.375rem, -0.375rem + 3vw, 2.25rem) !important;padding-bottom:clamp(0.375rem, -0.375rem + 3vw, 2.25rem) !important}.py-9{padding-top:clamp(0.375rem, -0.475rem + 3.4vw, 2.5rem) !important;padding-bottom:clamp(0.375rem, -0.475rem + 3.4vw, 2.5rem) !important}.py-10{padding-top:clamp(0.75rem, -0.05rem + 3.2vw, 2.75rem) !important;padding-bottom:clamp(0.75rem, -0.05rem + 3.2vw, 2.75rem) !important}.py-11{padding-top:clamp(0.75rem, -0.15rem + 3.6vw, 3rem) !important;padding-bottom:clamp(0.75rem, -0.15rem + 3.6vw, 3rem) !important}.py-12{padding-top:clamp(0.75rem, -0.25rem + 4vw, 3.25rem) !important;padding-bottom:clamp(0.75rem, -0.25rem + 4vw, 3.25rem) !important}.py-13{padding-top:clamp(0.75rem, -0.35rem + 4.4vw, 3.5rem) !important;padding-bottom:clamp(0.75rem, -0.35rem + 4.4vw, 3.5rem) !important}.py-14{padding-top:clamp(0.75rem, -0.45rem + 4.8vw, 3.75rem) !important;padding-bottom:clamp(0.75rem, -0.45rem + 4.8vw, 3.75rem) !important}.py-15{padding-top:clamp(0.75rem, -0.55rem + 5.2vw, 4rem) !important;padding-bottom:clamp(0.75rem, -0.55rem + 5.2vw, 4rem) !important}.pt-0{padding-top:0 !important}.pt-1{padding-top:clamp(0.125rem, 0.075rem + 0.2vw, 0.25rem) !important}.pt-2{padding-top:clamp(0.125rem, -0.125rem + 1vw, 0.75rem) !important}.pt-3{padding-top:clamp(0.125rem, -0.225rem + 1.4vw, 1rem) !important}.pt-4{padding-top:clamp(0.375rem, 0.025rem + 1.4vw, 1.25rem) !important}.pt-5{padding-top:clamp(0.375rem, -0.075rem + 1.8vw, 1.5rem) !important}.pt-6{padding-top:clamp(0.375rem, -0.175rem + 2.2vw, 1.75rem) !important}.pt-7{padding-top:clamp(0.375rem, -0.275rem + 2.6vw, 2rem) !important}.pt-8{padding-top:clamp(0.375rem, -0.375rem + 3vw, 2.25rem) !important}.pt-9{padding-top:clamp(0.375rem, -0.475rem + 3.4vw, 2.5rem) !important}.pt-10{padding-top:clamp(0.75rem, -0.05rem + 3.2vw, 2.75rem) !important}.pt-11{padding-top:clamp(0.75rem, -0.15rem + 3.6vw, 3rem) !important}.pt-12{padding-top:clamp(0.75rem, -0.25rem + 4vw, 3.25rem) !important}.pt-13{padding-top:clamp(0.75rem, -0.35rem + 4.4vw, 3.5rem) !important}.pt-14{padding-top:clamp(0.75rem, -0.45rem + 4.8vw, 3.75rem) !important}.pt-15{padding-top:clamp(0.75rem, -0.55rem + 5.2vw, 4rem) !important}.pr-0{padding-right:0 !important}.pr-1{padding-right:clamp(0.125rem, 0.075rem + 0.2vw, 0.25rem) !important}.pr-2{padding-right:clamp(0.125rem, -0.125rem + 1vw, 0.75rem) !important}.pr-3{padding-right:clamp(0.125rem, -0.225rem + 1.4vw, 1rem) !important}.pr-4{padding-right:clamp(0.375rem, 0.025rem + 1.4vw, 1.25rem) !important}.pr-5{padding-right:clamp(0.375rem, -0.075rem + 1.8vw, 1.5rem) !important}.pr-6{padding-right:clamp(0.375rem, -0.175rem + 2.2vw, 1.75rem) !important}.pr-7{padding-right:clamp(0.375rem, -0.275rem + 2.6vw, 2rem) !important}.pr-8{padding-right:clamp(0.375rem, -0.375rem + 3vw, 2.25rem) !important}.pr-9{padding-right:clamp(0.375rem, -0.475rem + 3.4vw, 2.5rem) !important}.pr-10{padding-right:clamp(0.75rem, -0.05rem + 3.2vw, 2.75rem) !important}.pr-11{padding-right:clamp(0.75rem, -0.15rem + 3.6vw, 3rem) !important}.pr-12{padding-right:clamp(0.75rem, -0.25rem + 4vw, 3.25rem) !important}.pr-13{padding-right:clamp(0.75rem, -0.35rem + 4.4vw, 3.5rem) !important}.pr-14{padding-right:clamp(0.75rem, -0.45rem + 4.8vw, 3.75rem) !important}.pr-15{padding-right:clamp(0.75rem, -0.55rem + 5.2vw, 4rem) !important}.pb-0{padding-bottom:0 !important}.pb-1{padding-bottom:clamp(0.125rem, 0.075rem + 0.2vw, 0.25rem) !important}.pb-2{padding-bottom:clamp(0.125rem, -0.125rem + 1vw, 0.75rem) !important}.pb-3{padding-bottom:clamp(0.125rem, -0.225rem + 1.4vw, 1rem) !important}.pb-4{padding-bottom:clamp(0.375rem, 0.025rem + 1.4vw, 1.25rem) !important}.pb-5{padding-bottom:clamp(0.375rem, -0.075rem + 1.8vw, 1.5rem) !important}.pb-6{padding-bottom:clamp(0.375rem, -0.175rem + 2.2vw, 1.75rem) !important}.pb-7{padding-bottom:clamp(0.375rem, -0.275rem + 2.6vw, 2rem) !important}.pb-8{padding-bottom:clamp(0.375rem, -0.375rem + 3vw, 2.25rem) !important}.pb-9{padding-bottom:clamp(0.375rem, -0.475rem + 3.4vw, 2.5rem) !important}.pb-10{padding-bottom:clamp(0.75rem, -0.05rem + 3.2vw, 2.75rem) !important}.pb-11{padding-bottom:clamp(0.75rem, -0.15rem + 3.6vw, 3rem) !important}.pb-12{padding-bottom:clamp(0.75rem, -0.25rem + 4vw, 3.25rem) !important}.pb-13{padding-bottom:clamp(0.75rem, -0.35rem + 4.4vw, 3.5rem) !important}.pb-14{padding-bottom:clamp(0.75rem, -0.45rem + 4.8vw, 3.75rem) !important}.pb-15{padding-bottom:clamp(0.75rem, -0.55rem + 5.2vw, 4rem) !important}.pl-0{padding-left:0 !important}.pl-1{padding-left:clamp(0.125rem, 0.075rem + 0.2vw, 0.25rem) !important}.pl-2{padding-left:clamp(0.125rem, -0.125rem + 1vw, 0.75rem) !important}.pl-3{padding-left:clamp(0.125rem, -0.225rem + 1.4vw, 1rem) !important}.pl-4{padding-left:clamp(0.375rem, 0.025rem + 1.4vw, 1.25rem) !important}.pl-5{padding-left:clamp(0.375rem, -0.075rem + 1.8vw, 1.5rem) !important}.pl-6{padding-left:clamp(0.375rem, -0.175rem + 2.2vw, 1.75rem) !important}.pl-7{padding-left:clamp(0.375rem, -0.275rem + 2.6vw, 2rem) !important}.pl-8{padding-left:clamp(0.375rem, -0.375rem + 3vw, 2.25rem) !important}.pl-9{padding-left:clamp(0.375rem, -0.475rem + 3.4vw, 2.5rem) !important}.pl-10{padding-left:clamp(0.75rem, -0.05rem + 3.2vw, 2.75rem) !important}.pl-11{padding-left:clamp(0.75rem, -0.15rem + 3.6vw, 3rem) !important}.pl-12{padding-left:clamp(0.75rem, -0.25rem + 4vw, 3.25rem) !important}.pl-13{padding-left:clamp(0.75rem, -0.35rem + 4.4vw, 3.5rem) !important}.pl-14{padding-left:clamp(0.75rem, -0.45rem + 4.8vw, 3.75rem) !important}.pl-15{padding-left:clamp(0.75rem, -0.55rem + 5.2vw, 4rem) !important} .mezera-1{height: clamp(1rem, 0.6538rem + 1.2308vw, 1.5rem);}.mezera-2{height: clamp(1rem, 0.3077rem + 2.4615vw, 2rem);}.mezera-3{height: clamp(1rem, -0.0385rem + 3.6923vw, 2.5rem);}.mezera-4{height: clamp(1rem, -0.3846rem + 4.9231vw, 3rem);}.mezera-5{height: clamp(1rem, -0.7308rem + 6.1538vw, 3.5rem);}.mezera-6{height: clamp(1rem, -1.0769rem + 7.3846vw, 4rem);}.mezera-7{height: clamp(1rem, -1.4231rem + 8.6154vw, 4.5rem);}.mezera-8{height: clamp(1rem, -1.7692rem + 9.8462vw, 5rem);}.mezera-9{height: clamp(1rem, -2.1154rem + 11.0769vw, 5.5rem);}.mezera-10{height: clamp(1rem, -2.4615rem + 12.3077vw, 6rem);}.mezera-11{height: clamp(1rem, -2.8077rem + 13.5385vw, 6.5rem);}.mezera-12{height: clamp(1rem, -3.1538rem + 14.7692vw, 7rem);}.mezera-13{height: clamp(1rem, -3.5rem + 16vw, 7.5rem);}.mezera-14{height: clamp(1rem, -3.8462rem + 17.2308vw, 8rem);}.mezera-15{height: clamp(1rem, -4.1923rem + 18.4615vw, 8.5rem);} :root{ color-scheme: only light; font-size:16px; } body.myBody,#ContainerC{height: 100%;} body{font-family: "Literata", serif;color: #000;margin: 0;padding: 0;text-align: left;} body.myBody{background:none;min-width:320px;font-size: 1.13em;line-height:1.4em;text-align: left;overflow-x: hidden;} #ContainerC{width: auto;background: none;} #Container{min-height:100%;display:grid;grid-template-columns: 100%;} .hf{display:none;} table{font-size:1em} td,th{color:inherit;font-family:inherit;margin:0;padding:0} th{font-weight:700} form{display:inline-block} textarea,select,input{font-family:inherit;font-size:1em} fieldset{padding:1em;color:inherit;border: 0 solid #0069B4;border-width: 1px 0 0 0;} legend{color:inherit;background: #0069B4;color: #fff;padding: 0.1em 0.36em;} ul,ol{margin: 0 0 0 1.75em;padding:0} li{padding:0;margin:0} p{margin: 0;padding: 0 0.31rem 0 0;line-height:1.3em;} img{border:0;padding:0;margin:0} h1,h2,h3,h4,h5,h6{padding:0;margin:0;line-height:1.25em;color:inherit} h1{font-size:2.5rem;margin: 0;padding: 0;font-weight: normal;font-family: "Spectral SC", serif;} h2{font-size:2.38rem;font-weight:400;margin:0;font-family: "Spectral SC", serif;color: #666666;} h3{font-size:1.5rem;font-weight:400;margin:0;font-family: "Fjalla One", sans-serif;color: #0069B4;} h4{font-size:1.25rem;font-weight:400;margin:0;font-family: "Fjalla One", sans-serif;color: #0069B4;} h5{font-size:1.25rem;font-weight:400;margin:0} h6{font-size:1rem;font-weight:400;margin:0} @media only screen and (max-width: 500px) { h1{font-size: 2rem;} h2{font-size: 1.75rem;} h3{font-size: 1.5rem;} h4{font-size: 1.25rem;} h5{font-size: 1.1rem;} h6{font-size: 1rem;} } /*barvy*//* modra #0069B4 cervena #E30613 seda #666666 font-family: "Fjalla One", sans-serif; font-family: "Literata", serif; font-family: "Spectral SC", serif; */ #obalC :where(p,ul,ol,table,.nerespotable,.rozbit-container,.tabDivBox) + :is(p,ul,ol,table,.nerespotable,.rozbit-container,.tabDivBox), body.cke_editable :where(p,ul,ol,table) + :is(p,ul,ol,table) {margin-top:0.85rem;} #obalC :where(li) + :is(li), body.cke_editable :where(li) + :is(li) {margin-top:0.4rem;} #obalC :where(h2,h3,h4,h5,h6) + :is(p,ul,ol), body.cke_editable :where(h2,h3,h4,h5,h6) + :is(p,ul,ol) {margin-top:1rem;} #obalC :where(p,ul,ol,table,.nerespotable,.rozbit-container,.tabDivBox) + :is(h2,h3,h4,h5,h6), body.cke_editable :where(p,ul,ol,table) + :is(h2,h3,h4,h5,h6) {margin-top:1.95rem;} #obalC :where(h2,h3,h4,h5,h6,p) + :is(table,.nerespotable,.rozbit-container,.tabDivBox), body.cke_editable :where(h2,h3,h4,h5,h6,p) + :is(table) {margin-top:1.25rem;} #obalC :where(h2,h3,h4,h5,h6) + :is(h2,h3,h4,h5,h6), body.cke_editable :where(h2,h3,h4,h5,h6) + :is(h2,h3,h4,h5,h6) {margin-top:1rem;} @media only screen and (max-width: 500px) { #obalC :where(p,ul,ol,table,.nerespotable,.rozbit-container,.tabDivBox) + :is(p,ul,ol,table,.nerespotable,.rozbit-container,.tabDivBox), body.cke_editable :where(p,ul,ol,table) + :is(p,ul,ol,table) {margin-top: 0.6rem;} #obalC :where(li) + :is(li), body.cke_editable :where(li) + :is(li) {margin-top: 0.3rem;} #obalC :where(h2,h3,h4,h5,h6) + :is(p,ul,ol), body.cke_editable :where(h2,h3,h4,h5,h6) + :is(p,ul,ol) {margin-top: 0.75rem;} #obalC :where(p,ul,ol,table,.nerespotable,.rozbit-container,.tabDivBox) + :is(h2,h3,h4,h5,h6), body.cke_editable :where(p,ul,ol,table) + :is(h2,h3,h4,h5,h6) {margin-top: 1.4rem;} #obalC :where(h2,h3,h4,h5,h6,p) + :is(table,.nerespotable,.rozbit-container,.tabDivBox), body.cke_editable :where(h2,h3,h4,h5,h6,p) + :is(table) {margin-top: 0.9rem;} #obalC :where(h2,h3,h4,h5,h6) + :is(h2,h3,h4,h5,h6), body.cke_editable :where(h2,h3,h4,h5,h6) + :is(h2,h3,h4,h5,h6) {margin-top: 0.75rem;} } table.datatable,table{margin: 0;width: 100%;font-family:inherit;border:1px solid #bbb;} table.datatable tbody,table tbody{} table.datatable tr,table tr{} table.datatable th,table.datatable td,table th,table td{color:inherit;font-family:inherit;border:1px solid #bbb;padding: 0.38rem 0.63rem;} table.datatable th,table th{} table.datatable td,table td{color:inherit;font-size:1em;} table.datatable[border="0"],table[border="0"],table.datatable[border="0"] tbody,table[border="0"] tbody,table.datatable[border="0"] tr,table[border="0"] tr,table.datatable[border="0"] th,table[border="0"] th,table.datatable[border="0"] td,table[border="0"] td{border:0;} input:not([type="button"],[type="reset"],[type="submit"]):focus, select:focus,textarea:focus{outline:1px solid #E30613} button, [type="button"], [type="reset"], [type="submit"]{border:1px solid #E30613;background: #E30613;padding:0.35rem 0.75rem;color:#fff;border-radius: 8px;transition:all ease-in-out 0.3s;} button:hover, [type="button"]:hover, [type="reset"]:hover, [type="submit"]:hover{background:#0069B4;border-color: #0069B4;color:#fff;} .tl,a.tl{display: inline-block;text-decoration: none;background-color: #E30613;color: #fff;border:1px solid #E30613;font-size: 1em;padding: 0.4rem 1.6rem;border-radius: 8px;font-family: "Fjalla One", Sans-serif;transition:all ease-in-out 0.3s;margin-top: 0.25rem;} .tl:hover,a.tl:hover{background-color:#0069B4;border-color: #0069B4;color:#fff;} .tl-modre,a.tl-modre{background-color:#0069B4;border-color: #0069B4;color:#fff;} .tl-modre:hover,a.tl-modre:hover{background-color:#E30613;border-color: #E30613;color:#fff;} #content img.kulaterohy{border-radius: 5px;box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;overflow: hidden;} #content img[style*="float: left" i]{margin-right: 1.5rem;margin-bottom: 0.5rem;} #content img[style*="float: right" i]{margin-left: 1.5rem;margin-bottom: 0.5rem;} #topBanner,#bottom,.NOnePage #content,#content .content,.OnePage #content .menuText,#actPathC #actualPathC,.servisZnacky .content {max-width:calc(1300px + (0.75rem*2));width:100%;margin:0 auto;padding:0 0.75rem;} .NOnePage #content,#content .content,.OnePage #content .menuText,#actPathC #actualPathC,.servisZnacky .content{max-width:calc(900px + (0.75rem*2));} #content .content{position: relative;} a.updatebtn{position: absolute;bottom: 0;right: -70px;font-size: 1rem;} /* - hlavicka -*/ #topBanner{height:auto;margin-top:0;margin-bottom:0;font-size:100%;position: relative;display:grid;grid-template-columns: 1fr auto 1fr;grid-template-rows: repeat(3,auto);background: none;} /* #topSlogan{position:absolute;right: 31em;top: 1.5em;} */ #topBanner #logoC{grid-column: 2/-2;grid-row: 2/-1;} #topBanner #topSlogan{grid-column: 1/-1;grid-row: 1;} #topBanner #topNavigC{grid-column: 1/-1;grid-row: 2/-1;place-self: center center;} #hidenavig{display:none;} #topSlogan{font-family: "Literata", serif;font-weight: 700;font-size: 1.13rem;line-height: 1.4em;} #topSlogan a{text-decoration: none;} #topSlogan a:hover,#topSlogan a:focus{} #topSlogan .tabDivBox{} #topSlogan .tabDivBox .tdb-section{padding: 0.5rem 0;} #topSlogan .tabDivBox .tdb-section .tdb-container{display: grid;grid-template-columns: 1fr 1fr;} #topSlogan .tabDivBox .tdb-section .tdb-container .tdb-content{} #topSlogan .tdb-content.tdb-nth1{} #topSlogan .tdb-content.tdb-nth1 ul{margin: 0;padding: 0;list-style: none;display: flex;justify-content: center;gap: 0.5rem;} #topSlogan .tdb-content.tdb-nth1 ul li{margin: 0;padding: 0;} #topSlogan .tdb-content.tdb-nth1 ul li img{width: 75px !important;} #topSlogan .tdb-content.tdb-nth2{justify-self: end;align-self: center;} #topSlogan .tdb-content.tdb-nth2 a{display: flex;align-items: center;gap: 0.25rem;} #topSlogan .tdb-content.tdb-nth2 a::before{content: '';display: block;width: 1.6rem;height: 1.6rem;background-repeat: no-repeat;background-position: center;background-size: contain;background-image: url('/data/USR_374_GRAFIKA/steering_wheel.png');} #topSlogan .tdb-nth2 a:hover::before{background-image: url('/data/USR_374_GRAFIKA/steering_wheel_hover.png');} @media only screen and (max-width: 550px) { #topSlogan .tabDivBox .tdb-section .tdb-container{grid-template-columns: 1fr 0.25fr;} #topSlogan .tdb-content.tdb-nth1 ul{gap: 0.05rem;} #topSlogan .tdb-content.tdb-nth2 a span{display: none;} } /*logo*/ #logoC{background-image: url('/data/WEB_13/logo.jpg?l=1');} #logoC,#logoC h1,#logoC a{width:120px;height:120px;} #logoC{background-repeat:no-repeat;background-size:contain;border: 0;margin: 0;padding: 0;float: none;position: relative;z-index: 2;}/*float: none;*/ #logoC h1{margin:0;padding:0;font-size:1em;} #logoC a{display:block;} /*navigace*/ #topNavigC,#topNavig{grid-column: 1/-1;display: grid;grid-template-columns: subgrid;} #topNavigC{padding: 0;background: none;position:relative;width: auto;box-sizing: border-box;z-index: 1;font-family: "Fjalla One", sans-serif;} #topNavigC:before{content:'';background:#0069B4;position:absolute;top:0;left:0;width:100vw;margin-left:calc(-1*(100vw - 100%)/2);height:100%;} #topNavigC #topNavig{width: auto;position:relative;z-index:1;} #topNavigC ul{margin: 0;padding: 0;list-style: none;} #topNavigC ul li{display: block;margin: 0;padding: 0;float: none;} #topNavigC ul li a{text-transform: none;text-decoration:none;background: none;font-size: 1em;padding: 0;display: flex;height: auto;font-size: 1.06rem;line-height: 1.2em;float: none;margin: 0;text-transform: uppercase;font-weight: 600;letter-spacing: 1px;}/*font-size: clamp(0.7125rem, -0.2696rem + 1.2087vw, 1.06rem);*/ #topNavig li.actual a, #topNavig a:hover, #topNavig a:active, #topNavig a:focus{background:none;} #topNavig > ul:nth-child(1){grid-column: 1/2;justify-self: end;} #topNavig > ul:nth-child(2){grid-column: -2/-1;justify-self: start;} #topNavig > ul{} #topNavig > ul{min-height: 5rem;display: flex;align-items: center;} /* #topNavig > ul::after{content: '';display: block;width: 125px;grid-column: 6;grid-row: 1;} */ #topNavig > ul > li{position:relative;order: 0;} #topNavig > ul > li > a{padding: 0.31rem 0.94rem;padding: 0.29em 0.88em;position: relative;}/**/ #topNavig > ul > li > a::before,#topNavig > ul > li > a::after{content: '';position: absolute;left: 0;right: 0;width: 0;height: 0;background: #E30613;transition: .3s;margin: 0 auto;} #topNavig > ul > li > a::before{top: 0;}#topNavig > ul > li > a::after{bottom: 0;} #topNavig > ul > li:hover > a::before,#topNavig > ul > li:hover > a::after, #topNavig > ul > li.actual > a::before,#topNavig > ul > li.actual > a::after, #topNavig > ul > li > a:focus::before,#topNavig > ul > li > a:focus::after {width: 100%;height: 3px;} #topNavig > ul > li.actual > a,#topNavig > ul > li:hover > a{} #topNavig > ul > li:not(:hover) > ul{display:none;} #topNavig > ul > li > ul{position: absolute;top: 100%;left: 0;min-width: 100%;background: #0069B4;display:flex;flex-direction: column;padding: 0.5rem 0;} #topNavig > ul > li > ul > li{width: 100%;} #topNavig > ul > li > ul > li > a,#topNavig > ul > li.actual > ul > li > a{white-space: nowrap;color: #fff;padding: 0.5em 0.5em;} #topNavig > ul > li > ul > li.actual > a,#topNavig > ul > li > ul > li:hover > a{color: #E30613;} @media only screen and (max-width: 1150px) { #topNavigC ul li a{font-weight: 500;font-size: 1rem;} } @media only screen and (min-width: 1051px) { #topNavigC[style="display: none;"]{display: grid !important;} } @media only screen and (max-width: 1050px) { #hidenavig,#hidenavig span {display: inline-block;transition: all .4s;box-sizing: border-box;} #hidenavig {position: relative;width: 35px;height: 27px;background: none;border: none;appearance: none;cursor: pointer;grid-column: 1/-1;grid-row: 2/-1;align-self: center;justify-self: end;margin: 0.75em 0;z-index: 2;} #hidenavig span {position: absolute;left: 0;width: 100%;height: 4px;background-color: #fff;border-radius: 4px;} #hidenavig span:nth-of-type(1) {top: 0;} #hidenavig span:nth-of-type(2) {top: calc((27px/2) - (4px/2));} #hidenavig span:nth-of-type(3) {bottom: 0;} #topNavigC{display: block !important;position: relative;} #topBanner #topNavigC{justify-self: stretch;min-height: 50px;} #Container:not(.hidenav) #topNavig{display: none;} #topNavigC #topNavig{height: auto;position: absolute;top: 100%;right: 0;background: #0069b4;z-index: 3;padding: 0.75em 1em;display: flex;flex-direction: column;gap: 1rem;} #topNavig > ul{height: auto;flex-direction: column;align-items: flex-end;gap: 1rem;} #topNavig > ul > li.odelovac{display: none;} #topNavig > ul > li > ul{display: none;} } /*hlavicka vyhledavani*/ #searchBlockC{position: static;right: auto;top: auto;width: auto;display: none;} #searchBlockC form{position: relative;float: right;width: 100%;margin: 0;display: block;height: 100%;} #searchBlockC form > h3{display: none;} #searchBlockC form > div,.HledaniSekce .HS-Pole{display: grid;align-items: center;width: 100%;height: 100%;grid-template-columns: auto 1fr;} #searchBlockC input#searchText,#searchBlockC input#doSearch{height: 25px;background-color:transparent;padding:3px 7px;box-sizing: content-box;background-position: 15px 5px;} #searchBlockC form #searchText,.HledaniSekce form input[type="text"]{grid-column: 1;grid-row: 1;width: 150px;border: 0;background:#fff;border-radius: 5px;} #searchBlockC form #doSearch,.HledaniSekce form input[type="submit"]#doSearch{grid-column: 2;grid-row: 1;margin: 0;width: 35px;background-position: center;background-size: 65%;padding: 0 5px;height: 35px;} .HledaniSekce{padding:1em 0 0} .HledaniSekce > p{margin:0;padding:0;} .HledaniSekce #searchBloxC{margin:0;padding:0;} .HledaniSekce form{display: block;} .HledaniSekce .odsadZleva{padding:0;margin:0;} .HledaniSekce .HS-Pole{display:grid;padding: 4px 5px;margin: 6px 0 0;gap: 10px;position: relative;background: #02599f;} .HledaniSekce form input[type="text"]{width: 300px;max-width: 100%;} .HledaniSekce form input[type="submit"]#doSearch{background-color:transparent;background-image:url('/data/WEB_75/searchButton.gif');background-repeat: no-repeat;color: transparent;background-size: 85%;} /*hledani naseptava?*/ #naseptavac_searchText .spitni_link_over{background-color:#f78f1e;} #naseptavac_searchText .spitni_link_over a{color:#fff;} @media only screen and (max-width: 925px) { #topBanner #searchBlockC{grid-column: 1/-2;margin: 0.13em 0.75em 0.13em 0;} } @media only screen and (max-width: 580px) { #topBanner #searchBlockC{grid-row: 3;} } @media only screen and (max-width: 450px) { .HledaniSekce form input[type="text"]{width: 100%;} } /*fixed hlavicka*/ #topBannerC.fixedHead #topBanner{position: fixed;top: 0;left: 0;right: 0;z-index: 20;filter: drop-shadow(0 0px 4px #333)} #topBannerC.fixedHead #topBanner::before{content: '';display: block;grid-column: 1/-1;grid-row: 1/-2;width: 100vw;height: 100%;background: #fff;position: absolute;z-index: -1;top: 0;left: 0;margin-left: calc(-1*(100vw - 100%)/2);} #topBannerC.fixedHead #topBanner #topSlogan{display: none;} /* - end hlavicka -*/ /* - obsah -*/ /*#obal{display:none;}*/ #obalC{display: grid;grid-template-columns: 100%;grid-template-rows: 1fr auto;min-height: calc(100vh - 211px);} #obal{grid-column: 1/2;grid-row: 1/2;} /*leva*/#leftC {display:none;} /*prava*/#rightC {display:none;} /*leva*/ #leftC{display:none;width: 23%;color: inherit;} #leftC #left{} #leftC #leftNavigC{} #leftC #leftNavig{background: none;padding: 1.5rem 0;margin: 0;font-size: 1em;} #leftC #leftNavig h3.first{color: #000;background: #FFDE16;margin:0;padding: 0.5em 0.7em;font-size: 2em;display: block;line-height: 1em;height: auto;font-style: normal;font-weight: normal;} #leftC #leftNavig h3.first span{padding: 0;} #leftC #leftNavig h3.first span a{color: inherit;text-decoration: none;} #leftC #leftNavig ul.activeUL{margin: 0;padding: 0.5em 0;font-size: 1.5em;background: rgba(0,0,0,0.05);} #leftC #leftNavig ul.activeUL > li{} #leftC #leftNavig ul.activeUL > li > a{font-weight: normal;padding: 0.2em 0 0.2em 2em;letter-spacing: 0.7px;position:relative;}/*border-bottom: 1px solid transparent;*/ /*#leftC #leftNavig ul.activeUL > li.actual > a,#leftC #leftNavig ul.activeUL > li.actual:hover > a{background:#ffde16;border-bottom: 1px solid #999;}*/ #leftC #leftNavig ul.activeUL > li > a:hover{background:#ccc;} #leftC #leftNavig ul.activeUL > li.actual > a:before{content:"\2192";line-height: 1em;margin: 0;position:absolute;left:0.7em;} #leftC #leftNavig ul.activeUL li ul{padding: 0.3em 0;margin:0;font-size: 0.9em;background:rgba(0,0,0,0.05);} #leftC #leftNavig ul.activeUL li ul li{padding: 0 0 0 3em;} #leftC #leftNavig ul.activeUL li ul li a{padding: 0.2em 0 0.2em 0;} #leftC #leftNavig ul.activeUL li ul li:hover a,#leftC #leftNavig ul.activeUL li ul li.actual a{color:#000;font-weight: normal;}/*text-shadow: 0 0 2px #000;*/ #leftC #leftNavig ul.activeUL li ul li:hover a{font-weight: bold;} #leftC #leftNavig ul.activeUL li ul li.actual a:before{content:"\2192";line-height: 1em;margin: 0;position:absolute;left:1.75em;} .leftText{margin: 1em 0;width: auto;} .leftText h3{display:none;} .leftText .leftTextInner{margin: 0;padding: 0;} .leftText .leftTextInner img{max-width:100%;height:auto !important;} /* #Container.catalogList #leftC,.detailproduktu #leftC{display:block;} */ /*.detailproduktu #Container.catalogList #leftC,*/#ContainerC.basket #leftC,.detailproduktu #Container.VyrobciHP #leftC{display:none;} /*prava*/#rightC {display:none;} /*cesta*/ #actPathC.HP{display:none;} #actPathC{padding: 1.1rem 0 0.6rem;} #actPathC #actPath{} #actPathC #actualPathC{} #actPathC #actualPathInnerC{} #actPathC #actualPathInnerC h1{display:none;} #actPathC #actualPathInnerC h1,#actPathC #actualPathInnerC #likeH1{display:none;} #actPathC #actualPathInner{padding: 0.5em 0;margin: 0;} #actPathC #actualPathInner span{} #actPathC #actualPathInner a{color: inherit;text-decoration: underline;} #actPathC #actualPathInner a:hover{text-decoration: none;} /* - SliderBaner -*/ #sliderPicture{margin:0;overflow:hidden;position:relative;} .HP #sliderPicture{margin-top: -20px;} #sliderPicture .fader{width: 100% !important;height: auto !important;min-height: 100px;;} #sliderPicture .media{position: absolute;top: 0;width: 100%;height: 100%;} #sliderPicture .fader::after{content: '';display: block;padding-top: 10%;} #sliderPicture .media .sliderText{position: absolute;left: 0;bottom: 0;} #sliderPicture .media .sliderText .sliderTextInner{display: none;} #sliderPicture .media .sliderText .sliderDescriptionInner{margin: 0.4em;padding: 0.25em 0.5em;background: rgba(255, 255, 255, 0.8);} #sliderPicture .media .image{height: 100%;} #sliderPicture .media .image img{object-fit: cover;object-position: center center;display: block;width: 100%;height: 100% !important;} #sliderPicture ul.controls{margin: 0;padding: 0;list-style: none;display: flex;justify-content: center;gap: 0.5em;position: absolute;bottom: 0;right: 0;left: 0;} #sliderPicture .controls li{background: #020962;color: #fff;width: 15px;height: 15px;border-radius: 100%;text-align: center;margin:0;cursor: pointer;display: flex;justify-content: center;align-items: center;font-size: 0;} #sliderPicture .controls li.active,#sliderPicture .controls li:hover{color:#fff;background: #0037c2;} #sliderPicture ul.controls{display: none;} @media only screen and (max-width:1050px) { .HP #sliderPicture{margin-top: -35px;} } @media only screen and (max-width:500px) { #logoC, #logoC h1, #logoC a {width: 70px;height: 70px;} } /*Vypis podmenu*/ #subThemaList{} #subThemaList ul{margin: 0;padding: 0;list-style: none;display: flex;justify-content: space-around;flex-wrap: wrap;gap: 0.5em;} #subThemaList ul li{margin: 0;padding: 0;display: inline-flex;width: 150px;} #subThemaList ul li a{text-decoration: none;} #subThemaList ul li a:hover{text-decoration: underline;} #subThemaList ul li a{display: flex;flex-direction: column;align-items: center;padding: 0.5em;border: 1px solid #eee;width: 100%;} #subThemaList ul li a::before{content: '';display: inline-block;width: 100px;height: 100px;min-width: 100px;min-height: 100px;background-image: url('/data/USR_374_GRAFIKA/car.png');background-size: contain;background-position: center;background-repeat: no-repeat;} #subThemaList ul li a:hover::before{background-image: url('/data/USR_374_GRAFIKA/car_hover.png');} #subThemaList ul li a span{text-align: center;margin: 0.75em 0 0;display: inline-block;} #subThemaList ul li a span strong{} #subThemaList ul li ul{display: none;} /* - obsah -*/ #contentC{width: 100%;float: none;overflow: visible;padding:0 0 2em 0;} .HP #contentC{padding-top: 0;} .HP #content{padding-top: 3.5rem;max-width: calc(1250px + (0.75rem*2));} .contentC{padding-top: clamp(0.375rem, -0.075rem + 1.8vw, 1.5rem);padding-bottom: clamp(0.375rem, -0.075rem + 1.8vw, 1.5rem);} #content{padding:0;} #content .anot{padding:0;} #content .menuText{padding: 0;margin: 0;background: transparent;} /* .HP #content .menuText{background:#b9cde5;border-radius: 50px;padding: 1.5em calc(0.75em + 3em) !important;} */ #content .text{} #content .text:after{content:"";display:block;clear:both;} /*tableRespo*/ #contentC .respo{} #contentC .respo .tdb-container{display: grid;gap: 1.25rem 1rem;grid-template-columns: 100%;} #contentC .respo .tdb-container .hiddenTD{display: none;} #contentC .respo.rozdel2 .tdb-container {grid-template-columns: repeat(auto-fill, minmax(max(250px, calc((100% - calc(1 * 1rem)) / 2)), 1fr));} #contentC .respo.rozdel3 .tdb-container {grid-template-columns: repeat(auto-fill, minmax(max(200px, calc((100% - calc(2 * 1rem)) / 3)), 1fr));} #contentC .respo.rozdel4 .tdb-container {grid-template-columns: repeat(auto-fill, minmax(max(150px, calc((100% - calc(3 * 1rem)) / 4)), 1fr));} #contentC .respo.rozdel5 .tdb-container {grid-template-columns: repeat(auto-fill, minmax(max(150px, calc((100% - calc(4 * 1rem)) / 5)), 1fr));} #contentC .respo.rozdel6 .tdb-container {grid-template-columns: repeat(auto-fill, minmax(max(125px, calc((100% - calc(5 * 1rem)) / 6)), 1fr));} #contentC .respo.rozdel7 .tdb-container {grid-template-columns: repeat(auto-fill, minmax(max(100px, calc((100% - calc(6 * 1rem)) / 7)), 1fr));} #contentC .respo.rozdel8 .tdb-container {grid-template-columns: repeat(auto-fill, minmax(max(90px, calc((100% - calc(7 * 1rem)) / 8)), 1fr));} #contentC .respo.rozdel9 .tdb-container {grid-template-columns: repeat(auto-fill, minmax(max(80px, calc((100% - calc(8 * 1rem)) / 9)), 1fr));} #contentC .respo.rozdel10 .tdb-container {grid-template-columns: repeat(auto-fill, minmax(max(70px, calc((100% - calc(9 * 1rem)) / 10)), 1fr));} #contentC .respo.rozdel11 .tdb-container {grid-template-columns: repeat(auto-fill, minmax(max(65px, calc((100% - calc(10 * 1rem)) / 11)), 1fr));} #contentC .respo.rozdel12 .tdb-container {grid-template-columns: repeat(auto-fill, minmax(max(60px, calc((100% - calc(11 * 1rem)) / 12)), 1fr));} #contentC .respo .tdb-content.tdb-col-max{grid-column: 1/-1;} #contentC .respo .tdb-content.tdb-col1{grid-column-end: span 1;} #contentC .respo .tdb-content.tdb-col2{grid-column-end: span 2;} #contentC .respo .tdb-content.tdb-col3{grid-column-end: span 3;} #contentC .respo .tdb-content.tdb-col4{grid-column-end: span 4;} #contentC .respo .tdb-content.tdb-col5{grid-column-end: span 5;} #contentC .respo .tdb-content.tdb-col6{grid-column-end: span 6;} #contentC .respo .tdb-content.tdb-col7{grid-column-end: span 7;} #contentC .respo .tdb-content.tdb-col8{grid-column-end: span 8;} #contentC .respo .tdb-content.tdb-col9{grid-column-end: span 9;} #contentC .respo .tdb-content.tdb-col10{grid-column-end: span 10;} #contentC .respo .tdb-content.tdb-col11{grid-column-end: span 11;} #contentC .respo .tdb-content.tdb-col12{grid-column-end: span 12;} #contentC .respo:where(.colsMax1) .tdb-content.tdb-col1, #contentC .respo:where(.colsMax1,.colsMax2) .tdb-content.tdb-col2, #contentC .respo:where(.colsMax1,.colsMax2,.colsMax3) .tdb-content.tdb-col3, #contentC .respo:where(.colsMax1,.colsMax2,.colsMax3,.colsMax4) .tdb-content.tdb-col4, #contentC .respo:where(.colsMax1,.colsMax2,.colsMax3,.colsMax4,.colsMax5) .tdb-content.tdb-col5, #contentC .respo:where(.colsMax1,.colsMax2,.colsMax3,.colsMax4,.colsMax5,.colsMax6) .tdb-content.tdb-col6, #contentC .respo:where(.colsMax1,.colsMax2,.colsMax3,.colsMax4,.colsMax5,.colsMax6,.colsMax7) .tdb-content.tdb-col7, #contentC .respo:where(.colsMax1,.colsMax2,.colsMax3,.colsMax4,.colsMax5,.colsMax6,.colsMax7,.colsMax8) .tdb-content.tdb-col8, #contentC .respo:where(.colsMax1,.colsMax2,.colsMax3,.colsMax4,.colsMax5,.colsMax6,.colsMax7,.colsMax8,.colsMax9) .tdb-content.tdb-col9, #contentC .respo:where(.colsMax1,.colsMax2,.colsMax3,.colsMax4,.colsMax5,.colsMax6,.colsMax7,.colsMax8,.colsMax9,.colsMax10) .tdb-content.tdb-col10, #contentC .respo:where(.colsMax1,.colsMax2,.colsMax3,.colsMax4,.colsMax5,.colsMax6,.colsMax7,.colsMax8,.colsMax9,.colsMax10,.colsMax11) .tdb-content.tdb-col11, #contentC .respo:where(.colsMax1,.colsMax2,.colsMax3,.colsMax4,.colsMax5,.colsMax6,.colsMax7,.colsMax8,.colsMax9,.colsMax10,.colsMax11,.colsMax12) .tdb-content.tdb-col12 {grid-column: 1/-1;} #contentC .respo.respo-stred{display: flex;justify-content: center;} #contentC .respo.respo-leva{display: flex;justify-content: flex-start;} #contentC .respo.respo-prava{display: flex;justify-content: flex-end;} #contentC .respo:where(.respo-stred,.respo-leva,.respo-prava) .tdb-section{max-width: 100%;width: 100%;} @media only screen and (min-width:1125px) { #contentC .respo.rozdel2:where(.respo-stred,.respo-leva,.respo-prava) .tdb-section{max-width: calc(250px * 2 + 1rem * 2);} #contentC .respo.rozdel3:where(.respo-stred,.respo-leva,.respo-prava) .tdb-section{max-width: calc(200px * 3 + 1rem * 3);} #contentC .respo.rozdel4:where(.respo-stred,.respo-leva,.respo-prava) .tdb-section{max-width: calc(150px * 4 + 1rem * 4);} #contentC .respo.rozdel5:where(.respo-stred,.respo-leva,.respo-prava) .tdb-section{max-width: calc(150px * 5 + 1rem * 5);} #contentC .respo.rozdel6:where(.respo-stred,.respo-leva,.respo-prava) .tdb-section{max-width: calc(125px * 6 + 1rem * 6);} #contentC .respo.rozdel7:where(.respo-stred,.respo-leva,.respo-prava) .tdb-section{max-width: calc(100px * 7 + 1rem * 7);} #contentC .respo.rozdel8:where(.respo-stred,.respo-leva,.respo-prava) .tdb-section{max-width: calc(90px * 8 + 1rem * 8);} #contentC .respo.rozdel9:where(.respo-stred,.respo-leva,.respo-prava) .tdb-section{max-width: calc(80px * 9 + 1rem * 9);} #contentC .respo.rozdel10:where(.respo-stred,.respo-leva,.respo-prava) .tdb-section{max-width: calc(70px * 10 + 1rem * 10);} #contentC .respo.rozdel11:where(.respo-stred,.respo-leva,.respo-prava) .tdb-section{max-width: calc(65px * 11 + 1rem * 11);} #contentC .respo.rozdel12:where(.respo-stred,.respo-leva,.respo-prava) .tdb-section{max-width: calc(60px * 12 + 1rem * 12);} } @media only screen and (max-width:450px) { #contentC .respo.rozdel2 .tdb-container {grid-template-columns: repeat(auto-fill, minmax(max(250px, calc((100% - calc(1 * 1rem)) / 2)), 1fr));} #contentC .respo.rozdel3 .tdb-container {grid-template-columns: repeat(auto-fill, minmax(max(250px, calc((100% - calc(2 * 1rem)) / 3)), 1fr));} #contentC .respo.rozdel4 .tdb-container {grid-template-columns: repeat(auto-fill, minmax(max(250px, calc((100% - calc(3 * 1rem)) / 4)), 1fr));} #contentC .respo.rozdel5 .tdb-container {grid-template-columns: repeat(auto-fill, minmax(max(250px, calc((100% - calc(4 * 1rem)) / 5)), 1fr));} #contentC .respo.rozdel6 .tdb-container {grid-template-columns: repeat(auto-fill, minmax(max(250px, calc((100% - calc(5 * 1rem)) / 6)), 1fr));} #contentC .respo.rozdel7 .tdb-container {grid-template-columns: repeat(auto-fill, minmax(max(250px, calc((100% - calc(6 * 1rem)) / 7)), 1fr));} #contentC .respo.rozdel8 .tdb-container {grid-template-columns: repeat(auto-fill, minmax(max(250px, calc((100% - calc(7 * 1rem)) / 8)), 1fr));} #contentC .respo.rozdel9 .tdb-container {grid-template-columns: repeat(auto-fill, minmax(max(250px, calc((100% - calc(8 * 1rem)) / 9)), 1fr));} #contentC .respo.rozdel10 .tdb-container {grid-template-columns: repeat(auto-fill, minmax(max(250px, calc((100% - calc(9 * 1rem)) / 10)), 1fr));} #contentC .respo.rozdel11 .tdb-container {grid-template-columns: repeat(auto-fill, minmax(max(250px, calc((100% - calc(10 * 1rem)) / 11)), 1fr));} #contentC .respo.rozdel12 .tdb-container {grid-template-columns: repeat(auto-fill, minmax(max(250px, calc((100% - calc(11 * 1rem)) / 12)), 1fr));} } /*nerozbitTable*/ #contentC .nerespotable{display: block;overflow-x: auto;overflow-y: hidden;padding: 0 0 .5em 0;width: 100%;} table.nerozbit{display:table !important}table.nerozbit tbody{display:table-row-group !important}table.nerozbit tr{display:table-row !important}table.nerozbit th,table.nerozbit td{display:table-cell !important} #contentC .nerespotable table.nerozbit.tabWAuto{width: auto !important;min-width: auto !important;} #contentC .nerespotable.divWmob{width: 320px !important;} /*rozbitTable*/ table.rozbit.MeasureWidth {width: auto !important;} /* table.rozbit.MeasureWidth td {white-space: nowrap;} */ table.rozbit.TabRozpad:not(.MeasureWidth,.tabulka-popisky), table.rozbit.TabRozpad:not(.MeasureWidth,.tabulka-popisky) > tbody, table.rozbit.TabRozpad:not(.MeasureWidth,.tabulka-popisky) > tbody > tr, table.rozbit.TabRozpad:not(.MeasureWidth,.tabulka-popisky) > tbody > tr > th, table.rozbit.TabRozpad:not(.MeasureWidth,.tabulka-popisky) > tbody > tr > td{display:block;} table.rozbit.TabRozpad:not(.MeasureWidth,.tabulka-popisky) > tbody > tr > th, table.rozbit.TabRozpad:not(.MeasureWidth,.tabulka-popisky) > tbody > tr > td{width: 100% !important;} /*tablePopisky*/ #contentC table.TabRozpad.tabulka-popisky:not(.MeasureWidth), #contentC table.TabRozpad.tabulka-popisky:not(.MeasureWidth) > tbody, #contentC table.TabRozpad.tabulka-popisky:not(.MeasureWidth) > tbody > tr, #contentC table.TabRozpad.tabulka-popisky:not(.MeasureWidth) > tbody > tr > th, #contentC table.TabRozpad.tabulka-popisky:not(.MeasureWidth) > tbody > tr > td{display:block;width:100%;} #contentC table.TabRozpad.tabulka-popisky:not(.MeasureWidth) > tbody > tr > td{display:flex;flex-wrap:wrap;padding-left:0;padding-right:0;} #contentC table.TabRozpad.tabulka-popisky:not(.MeasureWidth) > tbody > tr > td:before{content:attr(data-title)':';margin:0 0.5em 0 0;font-weight:600} #contentC table.TabRozpad.tabulka-popisky:not(.MeasureWidth) > tbody > tr:first-child {display: none;} /*spojeni obsahu*/ #content .spojene .contentC .content{max-width: 100%;padding-left: 0;padding-right: 0;} /*tableRozcestnik*/ #contentC .TabRozcestnik .tdb-container .tdb-content{display: grid;grid-template-columns: 100%;grid-template-rows: auto 1fr;border: 1px solid #000;border-radius: 20px;} #contentC .TabRozcestnik .tdb-container .tdb-content .tr-obrazek{grid-column: 1/-1;grid-row: 1;display: flex;justify-content: center;align-items: center;width: 100%;max-height: 360px;aspect-ratio: 23/36;} #contentC .TabRozcestnik .tdb-container .tdb-content .tr-nadpis{grid-column: 1/-1;grid-row: 2;border: 1px solid #000;border-radius: 20px;border-width: 1px 0px 0 0;font-size: 1.1em;font-weight: bold;transition: all ease-in-out 0.3s;} #contentC .TabRozcestnik .tdb-container .tdb-content .tr-anot{grid-column: 1/-1;grid-row: 3;} #contentC .TabRozcestnik .tdb-container .tdb-content .tr-odkaz{grid-column: 1/-1;grid-row: 1/-1;} #contentC .TabRozcestnik .tdb-container .tdb-content :where(.tr-obrazek,.tr-nadpis){padding: 0.75em 0.5em;} #contentC .TabRozcestnik .tdb-container .tdb-content .tr-obrazek img{height: 100% !important;object-fit: contain;max-height: 360px;} #contentC .TabRozcestnik .tdb-container .tdb-content .tr-nadpis *{margin: 0;padding: 0;text-decoration: none;color: inherit;font-size: inherit;line-height: 1.2em;font-weight: inherit;} #contentC .TabRozcestnik .tdb-container .tdb-content:hover .tr-nadpis{color: #ce9a37;} /*PozadiSekci*/ :where(#bottomC,#content) .pozadi-full,:where(#bottomC,#content) .pozadi .content{padding-top:0.75rem;padding-bottom:0.75rem;position:relative;} :where(#bottomC,#content) .pozadi[class*="pozadi-odsazeniY"] .content{padding-top:0;padding-bottom:0;} :where(#bottomC,#content) .pozadi > .content{position:relative;} :where(#bottomC,#content) .pozadi-full > .content:after,:where(#bottomC,#content) .pozadi > .content:after{content:'';display:block;height:100%;position:absolute;top:0;left:0;z-index:-1;} :where(#bottomC,#content) .pozadi > .content:after{width:calc(100% - (0.75rem*2));margin-left:0.75rem} :where(#bottomC,#content) .pozadi-full > .content:after{width:100vw;margin-left:calc(-1*(100vw - 100%)/2)} :where(#bottomC,#content) .pozadi.pozadi-odsazeniY-1 .content > div{padding-top:calc(1.25em*1);padding-bottom:calc(1.25em*1);} :where(#bottomC,#content) .pozadi.pozadi-odsazeniY-2 .content > div{padding-top:calc(1.25em*2);padding-bottom:calc(1.25em*2);} :where(#bottomC,#content) .pozadi.pozadi-odsazeniY-3 .content > div{padding-top:calc(1.25em*3);padding-bottom:calc(1.25em*3);} :where(#bottomC,#content) .pozadi.pozadi-odsazeniY-4 .content > div{padding-top:calc(1.25em*4);padding-bottom:calc(1.25em*4);} :where(#bottomC,#content) .pozadi.pozadi-odsazeniX-1 .content > div{padding-left:calc(1.25em*1);padding-right:calc(1.25em*1);} :where(#bottomC,#content) .pozadi.pozadi-odsazeniX-2 .content > div{padding-left:calc(1.25em*2);padding-right:calc(1.25em*2);} :where(#bottomC,#content) .pozadi.pozadi-odsazeniX-3 .content > div{padding-left:calc(1.25em*3);padding-right:calc(1.25em*3);} :where(#bottomC,#content) .pozadi.pozadi-odsazeniX-4 .content > div{padding-left:calc(1.25em*4);padding-right:calc(1.25em*4);} /*formular a formular kontakty*/ #writeusform .divForm :where(table,tbody,tr,th,td){border: 0;} #writeusform .divForm table :where(th,td){width: auto !important;} @media only screen and (min-width: 801px){ #writeusform .divForm table th:first-child{width: 30% !important;min-width: 250px;} } @media only screen and (max-width: 800px) { #writeusform .divForm :where(table,tbody,tr,th,td){display: block;} } @media only screen and (max-width: 515px) { #writeusform .divForm table{margin-left: -1em;width: calc(100% + 2em);} } .inputText{width:400px;} .inputTextSmall{width:calc(1em * 5);} .inputTextarea{width:400px;height:200px !important;} .inputSelect{width:400px;} .inputCaptcha{width:400px;} .inputSubmit{cursor: pointer;width: auto;margin: 0;font-weight: normal;font-size: 1em;text-align: left;} @media only screen and (max-width: 515px) { .inputText,.inputTextarea,.inputSelect,.inputCaptcha{width: 100%;} fieldset{padding: 1.5em 1em 0;} } #obalC ul.social{margin: 0;padding: 0;list-style: none;display: flex;gap: 0.5em;display: none;} #obalC ul.social li{margin: 0;padding: 0;} a.soc{text-decoration: none;} #obal img.kulaterohy{border-radius: 5px;overflow: hidden;} /*aplikace styl*/ .fotogalerie{border:0;} /*clanky list*/ .aktList .listAkt{display: grid;grid-template-columns: 100%;gap: 1.5em;padding: 0 0 0.75rem;} .aktList .listAkt .fotogalerie{display: grid;grid-template-columns: 100%;gap: 0.5em 1em;padding-bottom: 0.75rem;border-bottom: 1px solid #bbb;} .aktList .listAkt .fotogalerie a{color: inherit;text-decoration: none;} .aktList .listAkt .fotogalerie .LA-nadpis{grid-column: 1/-2;grid-row: 1;} .aktList .listAkt .fotogalerie .LA-nadpis h3{} .aktList .listAkt .fotogalerie .LA-obrazek{grid-column: 1/-2;grid-row: 2;align-self: start;} .aktList .listAkt .fotogalerie .LA-obrazek img{max-width: 200px;} .aktList .listAkt .fotogalerie .LA-anotace{grid-column: 1/-2;grid-row: 3;} @media only screen and (max-width: 625px) { .aktList .listAkt .fotogalerie{grid-template-columns: 100%;grid-template-rows: repeat(2,auto) 1fr;} .aktList .listAkt .fotogalerie .LA-nadpis{grid-column: 1/-1;grid-row: 1;} .aktList .listAkt .fotogalerie .LA-obrazek{grid-column: 1/-1;grid-row: 2;} .aktList .listAkt .fotogalerie .LA-anotace{grid-column: 1/-1;grid-row: 3;} } /*clanky detail*/ .aktuality.detailproduktu #content{display: grid;gap: 1em;grid-template-columns: auto 1fr;padding-top: 1.75em;} .aktuality.detailproduktu #content .AD-nadpis{grid-column: -2/-1;grid-row: 1;} .aktuality.detailproduktu #content .AD-nadpis h3{} .aktuality.detailproduktu #content .AD-obrazek{grid-column: 1/2;grid-row: 1/3;} .aktuality.detailproduktu #content .AD-obrazek img{} .aktuality.detailproduktu #content .AD-anotace{grid-column: -2/-1;grid-row: 2;} .aktuality.detailproduktu #content .text{grid-column: 1/-1;grid-row: 3;} .aktuality.detailproduktu #content .date{grid-column: 1/-1;grid-row: 4;padding: 0;font-size: 0.9em;} /*fotogalerie list*/ .fotoList .fotogalerie{border:0;} .fotoList .fotogalerie + .fotogalerie{margin-top: 1em;} .fotoList .fotogalerie h3 a{color: inherit;text-decoration: none;} .fotoList .fotogalerie h3 a:hover{text-decoration: none;} .fotoList .fotogalerie .anotx{display: grid;grid-template-columns: repeat(auto-fill,minmax(140px,1fr));gap: 0.5em 1em;margin-top: 0.5em;} .fotoList .fotogalerie .anotx :where(.photoList,.reportList){float: none;height: auto;margin:0;padding:0;width: auto;text-align: inherit;} .fotoList .fotogalerie .anotx :where(.photoList,.reportList) a{text-decoration: none;} .fotoList .fotogalerie .anotx :where(.photoList,.reportList) img{max-height: none;width: auto;width: 100%;aspect-ratio: 4/3;object-fit: cover;} .fotoList .fotogalerie .anotx .clearFloat{clear: none;grid-column: 1/-1;display: none;} .fotoList .fotogalerie .anotx .clearFloat a{text-decoration: none !important;} .fotoList .fotogalerie .anotx .clearFloat a:hover{text-decoration: underline !important;} @media only screen and (max-width: 420px) { .fotoList .fotogalerie .anotx{grid-template-columns: 100%;} } /*fotogalerie detail*/ .fotoDetail #content > a{margin: 0.75em 0 0.5em;display: inline-block;} .fotoDetail :is(#content,.content) > h3{} .fotoDetail :is(#content,.content) > .clearFloat{display: none;} .fotoDetail :is(#content,.content) .anot{margin: 1em 0 0;} .fotoDetail :is(#content,.content) .FotoBox{display: grid;grid-template-columns: repeat(auto-fill,minmax(220px,1fr));gap: 1em;margin-top: 0.5em;} .fotoDetail :is(#content,.content) .FotoBox .photogaleryFoto{float: none;width: 100%;margin: 0;text-align: inherit;justify-self: center;} .fotoDetail :is(#content,.content) .FotoBox .photogaleryFoto a{text-decoration: none;} .fotoDetail :is(#content,.content) .FotoBox .photogaleryFoto img{border: 0;margin: 0;width: 100%;aspect-ratio: 4/3;object-fit: cover;} @media only screen and (max-width: 440px) { .fotoDetail :where(#content,.content) .FotoBox{grid-template-columns: 100%;} } /*blogSkece seznam*/ .listBlog{display:grid;grid-template-columns: repeat(auto-fill, minmax(max(210px, calc((100% - calc(calc(3 - 1) * 1em)) / 3)), 1fr));grid-gap:2em 1em;margin-top: 2em;margin-bottom: 1em;} .AktBlog{display:grid;grid-template-columns:100%;grid-template-rows:repeat(3,auto) 1fr;} .AktBlog a{text-decoration:none;color:inherit;} .AktBlog .AB-obrazek{grid-column:1/-1;grid-row:1/2;} .AktBlog .AB-date{grid-column:1/-1;grid-row:2/3;} .AktBlog .AB-nazev{grid-column:1/-1;grid-row:3/4;} .AktBlog .AB-anot{grid-column:1/-1;grid-row:4/5;} .AktBlog .AB-nazev{} .AktBlog .AB-nazev h3{margin: 0;padding: 0;font-size: 1.45em;line-height: 1.3em;} .AktBlog .AB-obrazek{aspect-ratio: 4/3;width: 100%;max-height: 225px;overflow: hidden;transition: all linear 0.3s;} .AktBlog .AB-obrazek img{width:100%;object-fit:cover;height: 100% !important;} .AktBlog .AB-date{color: #737373;font-size: 0.9em;line-height: 1em;padding: 0.75em 0;} .AktBlog .AB-anot{max-height: calc(1.6em*5);overflow: hidden;margin: 0.75em 0 0;} .AktBlog a.AB-full{grid-column:1/-1;grid-row:1/-1;display:none;} /* .AktBlog:hover .AB-obrazek{box-shadow: 0 1px 1px rgba(0,0,0,0.15), 0 2px 2px rgba(0,0,0,0.15), 0 4px 4px rgba(0,0,0,0.15), 0 8px 8px rgba(0,0,0,0.15);} */ .AktBlog .AB-nazev:hover a{text-decoration:underline;} /*blogSkece detail*/ body.akt-blog.detailproduktu #content{display: grid;gap: 1em;grid-template-columns: 100%;} body.akt-blog.detailproduktu #content h1{grid-row: 2;} body.akt-blog.detailproduktu #content .BlogObrazek{grid-row: 1;} body.akt-blog.detailproduktu #content .BlogObrazek img{} body.akt-blog.detailproduktu #content .anot{display: none;} body.akt-blog.detailproduktu #content .anot .clearFloat{display: none;} body.akt-blog.detailproduktu #content .text{} body.akt-blog.detailproduktu #content .date{color: #737373;font-size: 0.9em;line-height: 1em;padding: 0.75em 0;} /*strankovani*/ .pageNumbersC{padding: 0.75rem 0;margin: 0;border: 0;height: auto;min-height: auto;} .pageNumbersC .pageNumbers{padding: 0.3rem 0.5rem;border: 1px solid #ececec;} /*grafikaweb start*/ .typAut{} .typAut .tdb-content{text-align: center;} .typAut .tdb-content .hasContent{margin: 0.5rem 0 0;} .clubPictures{padding: 1rem 0;display: grid;grid-template-columns: repeat(auto-fill,minmax(300px,1fr));gap: 1.5rem 1rem;} .clubPictures > div{} .clubPictures > div img{margin-bottom: 0.5rem;} @media only screen and (max-width: 600px) { .clubPictures{grid-template-columns: 100%;} } #contentC .respo.suvenyry .tdb-container{row-gap: 2.5rem} .suvenyry .tdb-container .tdb-content{text-align: center;display: grid;grid-template-rows: auto 1fr;justify-items: center;align-items: center;height: 100%;} .suvenyry .tdb-container .tdb-content .hasContent{margin: 0.5rem 0 0;display: grid;grid-template-rows: subgrid;grid-row: span 2;} @media only screen and (max-width: 600px) { .suvenyry .tdb-container{grid-template-columns: 100%;} } .collection + .fotogalerie{margin-top: 1.5rem;} .collection{display: grid;grid-template-columns: 1fr 1fr;gap: 1rem;padding: 0.5rem 0 0;} .collection > div{display: grid;grid-template-rows: subgrid;grid-row: span 2;gap: 0;text-align: center;color: #666;} .collection > div a{} .collection > div img{width: 100%;height: 100% !important;object-fit: cover;max-height: 125px;} @media only screen and (min-width: 400px) { .collection{grid-template-columns: repeat(auto-fill,minmax(160px,1fr));gap: 1rem;} } .seznam-clenu .collection{display: block;} .seznam-clenu .collection table, .seznam-clenu .collection table tbody, .seznam-clenu .collection table tbody tr, .seznam-clenu .collection table tbody tr th, .seznam-clenu .collection table tbody tr td{border: 0;} .seznam-clenu .collection table tbody tr th, .seznam-clenu .collection table tbody tr td{padding: 0.5rem 0;} /* .casopisy{border: 0;} table.casopisy :is(th,td){padding: 0.5rem 0.75rem;border: 1px solid #0069B4;} */ .tabDivBox.casopisy .tdb-section{display: flex;flex-direction: column;gap: 1rem;} .tabDivBox.casopisy .tdb-container{display: grid;grid-template-columns: repeat(4,1fr);gap: 1rem;transition: 500ms;overflow: hidden;border-bottom: 1px solid #666666;padding-bottom: 1rem;} .tabDivBox.casopisy .tdb-container .tdb-content.tdb-nth1.hasTxt:not(.hasImg){grid-column: 1/-1;text-align: center;justify-self: center;align-self: start;padding: 0.25rem 0.75rem;background: #0069B4;color: #fff;cursor: pointer;} .tabDivBox.casopisy .tdb-container .tdb-content.tdb-nth1.hasTxt:not(.hasImg) * {color: inherit;} .tabDivBox.casopisy .tdb-container .tdb-content.hasImg{text-align: center;} .tabDivBox.casopisy .tdb-container.ch:not(.ukaz) .tdb-content.hasImg{display: none;} .tabDivBox.casopisy .tdb-container.ch:not(.ukaz){height: calc(33px + 1rem) !important;} .tabDivBox.casopisy .tdb-container .tdb-content.hiddenTD{display: none;} .soc{display: inline-block;width: 50px;height: 50px;background-repeat: no-repeat;background-position: center;background-size: contain;} .soc span{display: none;} .soc.fb{background-image: url('/data/USR_374_GRAFIKA/facebook.png');} #Container.seznam-clenu #content{display: flex;flex-direction: column;gap: 0.5rem;} #Container.seznam-clenu #content .fotogalerie{padding: 0.25rem 0;} #Container.seznam-clenu #content .fotogalerie h3{font-family: "Literata", serif;font-size: 1.25rem;line-height: 1.2em;} .tabDivBox.sraz{} .tabDivBox.sraz .tdb-section{position: relative;padding: 2rem 0;} .tabDivBox.sraz .tdb-section::before,.tabDivBox.sraz .tdb-section::after{content: '';display: block;z-index: -1;position: absolute;top: 0;left: 0;width: 100vw;height: 100%;margin-left: calc(-1*(100vw - 100%)/2);} .tabDivBox.sraz .tdb-section::before{background-image: url('/data/USR_374_GRAFIKA/simca_paralax.jpg');background-position: center;background-size: cover;background-repeat: no-repeat;background-attachment: fixed;filter: grayscale(1);} .tabDivBox.sraz .tdb-section::after{background-color: #fff;opacity: 0.8;} @media only screen and (min-width: 620px) { #contentC .respo.rozdel2 .tdb-container{grid-template-columns: auto 1fr;} } @media only screen and (min-width: 1125px) { #contentC .respo.tabDivBox.sraz:where(.respo-stred, .respo-leva, .respo-prava) .tdb-section {max-width: calc(390px * 2 + 1rem * 2);} } /*grafikaweb end*/ /*-rozcestnik-*/ table.rozc{width: calc(100% + 17px*2);border: 0;margin: 1em 0 0 -17px;font-size:1.25em;} table.rozc tr{} table.rozc td{width:calc(100%/6);border: 17px solid #fff;padding: 0;background:transparent;color:#000;vertical-align:top;} table.rozc td a{color:inherit;text-decoration:none;padding:0;display:flex;text-align: center;background: #f0f0f0;align-items: center;justify-content: center;height:80px;border:5px solid #FFDE16;box-sizing: border-box;}/*background: #cbcbcb;*/ table.rozc td a:hover{} .HP table.rozc td a,.level_2 table.rozc td a{border:0;} /*-banery na podstrankach-*/ .KatBannerTop{position: relative;} .KatBannerTop img{max-width: 100%;} .KatBannerTop .KatBannertext{position: absolute;font-size: 1.75em;top: 0;bottom: 0;left: 0;right: 0;display: flex;align-items: center;justify-content: center;} .KatBannerTop .KatBannertext .KatBannertextC{padding:1rem 1.2rem;background: #ffde15;border: 3px solid #000;} .KatBannerTop h2,.KatBannerTop h3,.KatBannerTop h4,.KatBannerTop h5{font-size:1.35em;margin:0;padding:0;}.KatBannerTop p{padding:0;margin:0;} .KatBannerTop p,.KatBannerTop h2,.KatBannerTop h3,.KatBannerTop h4,.KatBannerTop h5{color: #000;font-weight:bold;} /* - loga vyrobcu -*/ .catalogList .listProducs:has(.polozka.vyrobce){grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));padding: 0 0.75em;} .catalogList .listProducs .polozka.vyrobce{margin: 0;width: auto;float: none;align-self: center;} .catalogList .listProducs .polozka.vyrobce a{text-decoration: none;color: inherit} .catalogList .listProducs .polozka.vyrobce > a{} .catalogList .listProducs .polozka.vyrobce img{max-width: 200px;max-height: 50px;} .catalogList .listProducs .polozka.vyrobce p{display: none;} .catalogList .listProducs .polozka.vyrobce p > a{} @media only screen and (max-width: 600px) { .catalogList .listProducs:has(.polozka.vyrobce){grid-template-columns: 1fr 1fr;gap: 1.25em 1em;} .catalogList .listProducs .polozka.vyrobce img{width: 150px;max-width: 100%;} } #productItemX.vyrobceDetail > a{grid-column: 1/-1;grid-row: 1;} #productItemX.vyrobceDetail .anot{grid-row: 2/3;} /*paticka*/ #bottomC .clearFloat{display:none;} #bottomC{width: 100%;overflow: visible;font-weight: normal;background: #0069B4;} #bottom{font-weight: normal;display: grid;grid-template-columns: 100%;grid-template-rows: 1fr auto;padding-top: 2em;padding-bottom: 0;color: #fff;position: relative;min-height: 250px;} /* #bottom::before{content: '';background: #0e0816;position: absolute;top: 0;left: 0;margin-left: calc(-1*(100vw - 100%)/2);width: 100vw;height: 100%;z-index: -1;} */ #bottomC a, #bottomC a:visited, #bottomC a:link{color: inherit;text-decoration: none;} #bottomC a:hover, #bottomC a:active, #bottomC a:focus{color: inherit;text-decoration: underline;} #copyright2{grid-column: 1/-1;grid-row: 1;} #bottomNavig{grid-column: 1/-1;grid-row: 2;width: auto;padding: 1rem;position: relative;font-size: 0.88rem;line-height: 1.2em;} #bottomNavig::before{content: '';display: block;width: 100vw;height: 100%;position: absolute;top: 0;left: 0;margin-left: calc(-1*(100vw - 100%)/2);background: #2B2B2B;} #bottomNavig ul{position: relative;z-index: 1;} #bottom :where(.BotTopNavig,#bottomNavig) ul{list-style: none;margin: 0;display: flex;flex-direction: row;justify-content: flex-end;gap: 0.5rem;flex-wrap: wrap;box-sizing: border-box;} #bottom :where(.BotTopNavig,#bottomNavig) ul li{display: inline-block;margin: 0;} #bottom :where(.BotTopNavig,#bottomNavig) ul li a{float: none;padding: 0;} #bottom :where(.BotTopNavig,#bottomNavig) a,#bottom :where(.BotTopNavig,#bottomNavig) a:visited,#bottom :where(.BotTopNavig,#bottomNavig) a:link{color:#fff;text-decoration: none;} #bottom :where(.BotTopNavig,#bottomNavig) a:hover,#bottom :where(.BotTopNavig,#bottomNavig) a:active,#bottom :where(.BotTopNavig,#bottomNavig) a:focus{text-decoration: none;color:#0069B4;} #bottom :where(.BotTopNavig) ul{flex-direction: column;} #bottom :where(.BotTopNavig) a:hover,#bottom :where(.BotTopNavig) a:active,#bottom :where(.BotTopNavig) a:focus{text-decoration: none;color:#E30613;} #copyright2{padding-bottom: 1rem;} #copyright2 .tabDivBox .tdb-container{display: grid;grid-template-columns: repeat(3,1fr) auto;gap: 1rem;} #copyright2 .tabDivBox .tdb-container .tdb-nth3{justify-self: center;align-self: center;} #copyright2 .tabDivBox .tdb-container .tdb-nth4{justify-self: end;align-self: center;} #copyright2 .tabDivBox .tdb-container .tdb-nth4 ul{margin: 0;padding: 0;list-style: none;} #copyright2 .tabDivBox .tdb-container .tdb-nth4 ul li{margin: 0;padding: 0;} #copyright2 .tabDivBox .tdb-container .tdb-nth4 ul li a{text-decoration: none;} #copyright2 .tabDivBox .tdb-container{} @media only screen and (max-width: 1030px) { #bottom{font-size: 1em;} } @media only screen and (min-width: 926px) { #bottom :where(.BotTopNavig) ul{flex-direction: row;} #bottom :where(.BotTopNavig) ul li{flex-basis: calc(50% - 0.5rem);} } @media only screen and (max-width: 925px) { #copyright2 .tabDivBox .tdb-container{grid-template-columns: 100%;} #copyright2 .tabDivBox .tdb-container .tdb-content{justify-self: center;min-width: 280px;max-width: 300px;width: 100%;} } #copyright{display: none;} /* - respo -*/ @media only screen and (max-width: 0px) {}