@font-face { font-family:"niveau-grotesk"; src:url("./fonts/niveaugrotesk/NiveauGroteskRegular.otf") format("woff2") ; font-display:auto;font-style:normal;font-weight:300;font-stretch:normal; } @font-face { font-family:"niveau-grotesk"; src:url("./fonts/niveaugrotesk/NiveauGroteskRegular-Italic.otf") format("woff2") ; font-display:auto;font-style:italic;font-weight:300;font-stretch:normal; } @font-face { font-family:"niveau-grotesk"; src:url("./fonts/niveaugrotesk/NiveauGroteskMedium.otf") format("woff2") ; font-display:auto;font-style:normal;font-weight:500;font-stretch:normal; } @font-face { font-family:"niveau-grotesk"; src:url("./fonts/niveaugrotesk/NiveauGroteskMedium-Italic.otf") format("woff2") ; font-display:auto;font-style:italic;font-weight:500;font-stretch:normal; } @font-face { font-family:"niveau-grotesk"; src:url("./fonts/niveaugrotesk/NiveauGroteskBold-Italic.otf") format("woff2") ; font-display:auto;font-style:italic;font-weight:700;font-stretch:normal; } @font-face { font-family:"niveau-grotesk"; src:url("./fonts/niveaugrotesk/NiveauGroteskBold.otf") format("woff2") ; font-display:auto;font-style:normal;font-weight:700;font-stretch:normal; } /* reset */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } :focus {outline: 0;} /* remember to define focus styles! */ body {line-height: 1; color: black; background: white;} ol {list-style: none;} table {border-collapse: separate; border-spacing: 0;} /* tables still need 'cellspacing="0"' in the markup */ caption, th, td {text-align: left;font-weight: normal;} blockquote:before, blockquote:after, q:before, q:after {content: "";} blockquote, q {quotes: "" "";} * { box-sizing: border-box;} /* reset end */ html {min-height:100%;} body {font-family: niveau-grotesk, Helvetica; font-size: 0.85em; position: relative; } /* 75.3% puvodni font size */ a {text-decoration: underline;} a:hover {text-decoration: none;} p, ol, dl, address, blockquote {margin-bottom: 0.5em;} dl, ol {margin-top: 0.5em} dl, ol {margin-top: 0.5em} ol {list-style-type: decimal;margin-left:20px;} .hidden {position: absolute; top: -1024px;} strong {font-weight: bold;} /* clear */ .clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clear {display: inline-block;} /* Hide from IE Mac \*/ .clear {display: block;} * html .clear {height: 1px;} /* End hide from IE Mac */ @media screen and (prefers-color-scheme: light) { body { background-color: white; color: black; } } :root { --color0: #FFFFFF ; --color1: #222222 ; --color2: #444444 ; --color3: #666666 ; --color4: #888888 ; --color5: #AAAAAA ; --color6: #EEEEEE ; --color7: #DDDDDD ; --color8: #FF0000 ; --color9: #fdca00 ; --color10: #f8c917 ; --color11: #1f93ff ; --color12: #F7CA00 ; --color13: #0000EE ; --color14: #FFD700 ; --color15: #DD0000 ; --color16: #fff7f7 ; --color17: #dc143c ; --color18: #FAFAFA ; --color19: #BBBBBB ; --color20: #778899 ; --color21: #000000 ; --color22: #999999 ; --color23: #FaC000 ; --color24: #F8F8F8 ; --color25: #E0E0E0 ; --color26: #CCCCCC ; --color27: #FFC107 ; --color28: #ad0a0a ; --color29: #357dc5 ; --color30: #c49d02 ; --color31: #F7F7F7 ; --color32: #2e2e2e ; --color33: #FFFF00 ; --color34: #fff5cd ; --color35: #2c2c2c ; --color36: #deb30f ; --color37: #ebebf3 ; --color38: #AA0000 ; --color39: #880000 ; --color40: #9acd32 ; --color41: #228b22 ; --color42: #232323 ; --color43: #0f5f96 ; --color44: #555555 ; --color45: #2e8b57 ; --color46: #1f6cb1 ; --color47: #3f8cd1 ; --color48: #CC0000 ; --color49: #d31e2a ; --color50: #f7cc1d ; --color51: #266294 ; --color52: #cedae0 ; --color53: #aeacd0 ; --color54: #8a99b2 ; --color55: #EDEDED ; --color56: #0f5ca1 ; --color57: #d1ab0e ; --color58: #393c45 ; --color59: rgba(44,44,44,0.9) ; --color60: rgba(150,150,150,1) ; --color61: rgba(0,0,0,0.1) ; --color62: rgba(50, 50, 50, 0.2) ; --color63: rgba(44,44,44,0.3) ; --color64: rgba(20,20,20,0.95) ; --color65: rgba(255,255,255,0.8) ; --color66: rgba(0, 0, 0, 0.7) ; --color67: rgba(0,0,0,0.6) ; --color68: rgba(0, 0, 0, 0.2) ; --color69: rgba(255,255,255,0.9) ; --color70: rgba(50,50,50,0.1) ; --color71: rgba(34, 34, 34, 0.4) ; --color72: rgba(255,255,255,0.4) ; } /* stiny */ .stin0 {-moz-box-shadow: 0px 0px 1px 0px var(--color59); -webkit-box-shadow: 0px 0px 1px 0px var(--color59); box-shadow: 0px 0px 1px 0px var(--color59); } .stin1 {-moz-box-shadow: 0px 0px 2px 0px var(--color59); -webkit-box-shadow: 0px 0px 2px 0px var(--color59); box-shadow: 0px 0px 2px 0px var(--color59);} .stin4 {-moz-box-shadow: 0px 0px 5px 0px var(--color59); -webkit-box-shadow: 0px 0px 5px 0px var(--color59); box-shadow: 0px 0px 5px 0px var(--color59);} .stin5white {-moz-box-shadow: 0px 0px 20px 0px var(--color60); -webkit-box-shadow: 0px 0px 20px 0px var(--color60); box-shadow: 0px 0px 20px 0px var(--color60);} /* zakulaceni */ .zakulaceni1 { -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius:1px; } .zakulaceni2 { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius:2px; } .zakulaceni3 { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius:3px; } .zakulaceni4 { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius:4px; } .zakulaceni5 { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius:5px; } .clearer {clear:both; height:0px;} /*== kategorierozc ==*/ .katrozcont { flex:0; list-style-type:none; padding:0px; margin:20px ; display:grid; gap:0px; grid-template-columns: 1fr 1fr; flex:1; border: var(--color7) 1px solid; border-right:0px solid; border-bottom:0px solid; } .katrozitem { padding: 8px 5px; border-bottom: var(--color7) 1px solid; border-right: var(--color7) 1px solid; } .katrozitem:hover { border:2px solid var(--color12);} .katrozitemodk { flex:1; height:100%; display:flex; flex-direction:column; width:100%; flex-wrap: nowrap; align-content: center; justify-content: space-between; align-items: center; text-decoration:none; width:100%; } .katrozpict { flex:0; padding:10px 0px; display: flex ; flex-direction: column; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center; } .katrozimg { height:50px;} .katroznazev { flex:1; padding:5px 0px; margin: 0px 10px; word-break: break-word; font-size:15px; color: var(--color1); font-weight:500; text-align:right; display: flex; flex-direction: column; justify-content: center; } @media only screen and (min-width: 580px) { .katrozcont { grid-template-columns: 1fr 1fr } .katrozitemodk { flex-direction:row; height:100%; } .katrozpict { flex:0; padding: 0px; padding-left:10px; } } @media only screen and (min-width: 880px) { .katrozcont { grid-template-columns: 1fr 1fr 1fr } } @media only screen and (min-width: 1100px) { .katrozcont { grid-template-columns: 1fr 1fr 1fr 1fr } } /*== rozdelovnik */ .rozdelovnik { display:flex; flex-direction:column; padding:0px; margin:auto; justify-content: center; align-items: center; } .rozdcont { display:flex; flex-direction:column; align-items: stretch; justify-content: center; width:100%; } .rozdhead { display:flex; flex-direction:row; flex-wrap: nowrap; align-content: center; align-items: center; justify-content: space-between; } .rozdheadodk { text-decoration:none;} .rozdheadimg { height:60px; } .rozdobsah { margin:30px 0px; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center; } .rozdodd { flex: 1; color: var(--color1); font-size: 40px; font-weight: 500; margin: 40px 10px; width: 100%; text-align: center; } .rozditems { flex: 1; width: 90%; margin:0px 0px -3px 0px; padding:0px; list-style-type: none; display: flex; flex-direction: row; flex-wrap: wrap; align-content: center; justify-content: flex-start; align-items: center; padding-bottom:10px;} .rozditem { padding:0px; width:100%; margin-top:10px; } .rozditemodk { text-decoration:none; } .rozditempolcont { border:5px 10px solid var(--color0); aspect-ratio: 3 / 2; padding:0px 20px; } .rozditempolcont:first-child { border-left:0px solid; border-right:0px solid; border-top:0px solid; } .rozditempol { position:relative; width:100%; height:100%; } .rozditempolcont:hover { } .rozditemnazev { position: absolute; width: calc(100% + 40px); padding: 20px; bottom: 10px; text-align: center; color: var(--color0); font-weight: 900; font-size: 16px; line-height: 25px; text-transform: uppercase; letter-spacing: 1px; margin: 0px -20px; background: var(--color66); } .rozodelovac { position:relative; width:100%; height:10px; background:var(--color27); } .rozditemstin { position:absolute; z-index:100; width:100%; height:100%; } .rozditemstin:hover { background: var(--color61); } .rozditemimg, .rozditemimg2 { position:absolute; width:100%; height:100%; object-fit:cover; } .rozditemimg2 { object-fit:contain; padding:0px 30px 0px 0px; } .rozdfoot { } .rozdfoot2 { } .rozdtitle { margin:40px 0px 10px 0px; display:flex; flex-direction:row; flex-wrap: nowrap; align-content: center; align-items: center; justify-content: center; } .rozdtitletext { flex:1; text-align:center; color:var(--color1); background: var(--color27); padding:20px 60px; font-size:18px; font-weight:700; line-height:25px;} @media only screen and (min-width: 480px) { .rozditem { width:50%; } .rozditempolcont:first-child { border-right:10px solid var(--color0); border-top:0px solid var(--color0);} .rozditemnazev {bottom:0px;} } @media only screen and (min-width: 580px) { .rozditem { width:33.3%; } .rozditempolcont { aspect-ratio: 1 / 1; } .rozdtitletext { font-size:24px; line-height:30px;} /* .rozditem:nth-child(2) .rozditempolcont { transform: skew(-10deg); -webkit-transform: skew(-10deg); -moz-transform: skew(-10deg); -o-transform: skew(-10deg); } */ } @media only screen and (min-width: 880px) { .rozditem { width:25%; } /* .rozditem:nth-child(2) .rozditempolcont, .rozditem:nth-child(3) .rozditempolcont { transform: skew(-10deg); -webkit-transform: skew(-10deg); -moz-transform: skew(-10deg); -o-transform: skew(-10deg); } */ } @media only screen and (min-width: 1024px) { .rozditem { width:20%; } } /* == Aplikace == */ .eaplbody { position:relative; min-height: 100%; overflow-x: hidden; width: 100%; } .econtainer { position:relative; margin:0px auto; padding: 0px; } .eactivity { position:relative; margin:0px ; padding: 0px ;} .fwcont { position:relative; width:100%; margin:0px; padding:0px; } .rowline { } .rowcont { width: 100%; margin: 0 auto; padding: 0 5px; } .eshopplochacont { display: flex; flex-direction: column; } .eshpleft { padding-right: 20px; padding-top:20px; width: 315px; display:none; } .eshpright { display: flex ; padding-top:10px; flex-direction: column; width: 100%; background: var(--color0); } @media only screen and (min-width: 780px) { .rowcont { padding: 0 20px; } .eshopplochacont { flex-direction: row; } .eshpleft { display:block;} .eshprightalone { max-width:780px; margin-left:auto; margin-right:auto;} } @media only screen and (min-width: 1024px) { .rowcont { padding: 0 50px; } } @media only screen and (min-width: 1300px) { .rowcont { width: 1300px; } } /* == Hlavicka == */ .headercontm { background: var(--color14); padding:0px;} .headercont { padding:0px; align-items: center; display: flex; flex-wrap: wrap; position: relative;} .ontopheader { position:fixed; width:100%; top:0px; z-index:10000; border-bottom: var(--color10) 3px solid; box-shadow: 0px 30px 30px white;} .toppart { display:none; margin:10px; justify-content: space-between; align-items: center; align-content: center; flex-wrap: nowrap; flex-direction: row; width:100%; } .toppartl { display:none; flex:0; text-align:left; white-space: nowrap; align-items: center; justify-content: flex-start; align-content: center; flex-wrap: nowrap; } .toppartlico { color: var(--color1); margin:0px 10px; } .toppartlinfo { color: var(--color1); margin-right:25px; margin-left:5px; line-height:20px; font-size: 15px; } .toppartr {flex:1; display:none; align-content: center; justify-content: flex-end; align-items: center; flex-wrap: nowrap;} .toplist { font-size: 0; list-style: none; margin: 0; padding: 0; } .toplistitem { display: inline-block; vertical-align: middle; } .toplistitemodk { color: var(--color1); display: block; font-size: 16px; letter-spacing: 1px; line-height: 18px; margin-left: 15px; padding: 5px; font-weight: 700; text-decoration: none;} .toplistitemodk:hover { font-weight:bold; } .toplistitemodklast { font-weight:bold; margin-right:10px;} /* == autocomplete == */ .autocomplete-suggestions { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid var(--color7); background: var(--color0); cursor: default; overflow: auto; -webkit-box-shadow: 1px 1px 2px var(--color62); -moz-box-shadow: 1px 1px 2px var(--color62); box-shadow: 1px 1px 3px var(--color62); min-width:96% ; } .autocomplete-suggestion { font-size: 14px ; font-family:verdana; font-weight:bold; padding:12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--color20); border-bottom: var(--color7) 1px solid; } .autocomplete-no-suggestion { padding: 2px 5px;} .autocomplete-selected { background: var(--color11); text-decoration:none; color: var(--color0); } .autocomplete-suggestions strong { font-weight: bold; color: var(--color8); } .autocomplete-group { padding: 2px 5px; font-weight: bold; font-size: 16px; color: var(--color21); display: block; border-bottom: 1px solid var(--color21); } /* == REGISTRACE */ .regcont { position:relative; width:auto; display:flex; flex-direction:column; margin-top:20px; padding:0px 10px ;} .regtitle { flex:1; background: var(--color6); padding: 10px 20px; font-weight:bold; text-transform: uppercase; color: var(--color21); font-size: 22px; font-weight: bold; } .regsekce { flex:1; border: var(--color9) 2px solid; padding:0px; display:flex; margin-top:20px; flex-direction: column; flex-wrap: nowrap; align-content: center; justify-content: flex-start; align-items: flex-start;} .regsekcetitle { flex:1; width: 100%; background: var(--color9); padding: 15px 20px; font-weight:bold; text-transform: uppercase; color: var(--color21); font-size: 16px; font-weight: bold; display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: flex-start; align-items: center; } .regsubsekce { flex:1; width: 100%; padding: 20px 30px ;display:flex; flex-direction: column; flex-wrap: nowrap; align-content: center; justify-content: flex-start; align-items: flex-start; } .regsubsekcekn { padding: 10px 30px !important;} .regsubsekceitem { flex:1; width: 100%; display:flex; flex-direction: column; flex-wrap: nowrap; align-content: center; justify-content: flex-start; align-items: flex-start; margin:10px 0px; } .regsubsekcelbl { flex:1; width: 100%; padding-left:3px; letter-spacing:1px; font-size:11px; display:flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: flex-start; align-items: flex-start; } .regsubsekcelblpov { color: var(--color15); font-weight:bold; } .regsubsekceinp { flex:1; width: 100%; margin:5px 0px; max-width:300px; display:flex; flex-direction:row; } .regsubsekceinpf { max-width:100% !important; } .regcont input, .regcont textarea , .regcont select, .regcont checkbox, .regcont button, .regcont submit { border: 0px solid; padding:10px; width:100%; box-sizing: border-box; font-weight:bold; padding:8px 10px; font-size:15px; color: var(--color1); border: var(--color22) 1px solid; } .regcont input:hover, .regcont textarea:hover, .regcont select:hover, .regcont checkbox:hover, .regcont button, .regcont submit { background: var(--color9); } .regcont input::placeholder, .regcont textarea::placeholder, .regcont select::placeholder, .regcont checkbox::placeholder, .regcont button, .regcont submit { letter-spacing:1px; font-size: 13px; color: var(--color5); } .regsubsekceinperr, .chybka { border: var(--color15) 1px solid !important; background: var(--color16); } .regsubsekceinperr input::placeholder , .chybka input::placeholder, .regsubsekceinperr textarea::placeholder , .chybka textarea::placeholder, .regsubsekceinperr select::placeholder , .chybka select::placeholder, .regsubsekceinperr checkbox::placeholder , .chybka checkbox::placeholder { color: var(--color1) !important; } .regsubsekcewarn { flex:1; width: 100%; color: var(--color15); font-size:13px; font-weight:100; padding-left:5px; display:flex; flex-direction: row; align-content: center; justify-content: flex-start; align-items: center; flex-wrap: nowrap;} .regsubsekcewarnex { margin-right:5px;} .regnafirmu, .dodadr { display:none; } .regnafirmuactive, .dodadractive { display:flex; } .textareaboxcont,.textareaboxcont2, .flashesareaboxcont { flex:1; position:relative; background: var(--color18); color: var(--color2); padding:20px; font-size:14px; line-height:24px; text-align:justify; margin:40px 0px ; } .textareaboxcont2 { background: var(--color6); margin-top:10px; flex: 0; width: 100%; } .reglista { flex:1; display:flex; flex-direction:row; border-top: var(--color9) 2px solid; flex-wrap: nowrap; align-content: center; justify-content: flex-end; align-items: center; padding:20px; } .reg_sendsubmit { background: var(--color9); color: var(--color2); font-size:16px; font-weight:bold; padding:10px 30px; } #obj_telefon_sh3 { width:200px;} #obj_ulice_sh3 { } #obj_cp_sh3 { flex:0; min-width:60px; margin-left:10px;} #obj_dor_cp_sh3 { flex:0; min-width:60px; margin-left:10px;} #obj_psc_sh3 { max-width:100px;} #obj_nafirmu_sh3, #obj_doradresa_sh3 { width:25px; height:25px; margin-right:10px;} #obj_ico_sh3 { width:200px;} #obj_dic_sh3 { width:200px;} #form_save_sh3 { width:auto; padding:10px 40px;} #aktivace_log { width:auto; padding:10px 40px;} #obnova_log { width:auto; padding:10px 40px;} /* == SOUHRN */ .souhrncont { position:relative; width:auto; display:flex; flex-direction:column; margin-top:20px; padding:0px 10px ; } .souhrnkroky { flex: 1; padding: 0px; margin: 0px; width: 100%; list-style: none; display: flex; flex-direction: row; flex-wrap: wrap; align-content: flex-start; justify-content: center; align-items: center;} .souhrnkrok { flex: 1; border-left: var(--color0) 2px solid; border-top: var(--color0) 2px solid; padding:10px 15px; font-weight:normal; white-space: nowrap; font-size:15px; line-height:22px; background: var(--color2); color: var(--color0); text-align:center;} .souhrnkrokaktivni { background: var(--color9); color: var(--color2); } .souhrncont input, .souhrncont textarea , .souhrncont select, .souhrncont checkbox, .souhrncont button, .souhrncont submit { border: 0px solid; padding:10px; width:100%; box-sizing: border-box; font-weight:bold; padding:8px 10px; font-size:15px; color: var(--color1); border: var(--color22) 1px solid; } .souhrncont input:hover, .souhrncont textarea:hover, .souhrncont select:hover, .souhrncont checkbox:hover, .souhrncont button, .souhrncont submit { background: var(--color9); } .souhrncont input::placeholder, .souhrncont textarea::placeholder, .souhrncont select::placeholder, .souhrncont checkbox::placeholder, .souhrncont button, .souhrncont submit { letter-spacing:1px; font-size: 13px; color: var(--color5); } .souhrnsubsekceinperr, .chybka { border: var(--color15) 1px solid !important; background: var(--color16); } .souhrnsubsekceinperr input::placeholder , .chybka input::placeholder, .souhrnsubsekceinperr textarea::placeholder , .chybka textarea::placeholder, .souhrnsubsekceinperr select::placeholder , .chybka select::placeholder, .souhrnsubsekceinperr checkbox::placeholder , .chybka checkbox::placeholder { color: var(--color1) !important; } .souhrntypcont { position:relative; background: var(--color18); color: var(--color2); padding:20px; font-size:14px; font-weight:bold; line-height:18px; text-align:justify; margin:10px 0px 30px 0px; } .souhrntyplbl { color: var(--color35); font-weight:bold; font-size:13px; } .souhrntable { width:100%;} .souhrnth { } .souhrndt1 { width:30px; vertical-align:middle; text-align:center; padding:6px; border-bottom: var(--color4) 1px dotted;} .souhrndt2 { vertical-align:middle; padding:6px; border-bottom: var(--color4) 1px dotted; } .souhrntext1 { color: var(--color2); font-weight:bold; font-size:14px;} .souhrntext2 { color: var(--color2); font-weight:normal; font-size:12px;} .souhrndtdp1 { width: 30px; vertical-align: middle; text-align: center; padding: 6px; } .souhrndtdp2 { width: 50px; vertical-align: middle; text-align: center; padding: 6px;} .dpico { } .souhrndtdp3 { vertical-align: middle; padding: 6px; border-bottom: var(--color4) 1px dotted; } .souhrndtdp4 { vertical-align: middle; text-align: center; font-weight: bold; white-space: nowrap; font-size: 12px; padding: 6px; border-bottom: var(--color4) 1px dotted;} .souhrntext3 { color: var(--color1); font-weight:bold; font-size:12px;} .souhrntext4 { color: var(--color3); font-weight:normal; font-size:11px;} .souhrnptvkon { text-align:left; padding:10px; background: var(--color6); } .souhrnptvkonf { color: var(--color35); font-weight:bold; font-size:16px;} .souhrnptvhd { width:45%; padding:20px 0px 4px 5px; font-size:12px; font-weight:bold; color: var(--color2); } .souhrnptvinf { padding:10px; background: var(--color6); font-weight:bold; color: var(--color2); font-size:15px; line-height:20px;} .souhrncont .zahlavi { border-bottom: var(--color4) 1px solid; padding:2px; font-size:11px; font-weight:bold; text-align:center; } .souhrncont .vypis { border-bottom: var(--color4) 1px dotted; padding:5px; font-size:12px; vertical-align:middle; } .souhrnkoshlava { display:grid; gap:1px; grid-template-columns: 1fr 6fr 2fr 2fr 1fr; flex:1; border-bottom: var(--color4) 0px dotted; background: var(--color23); width: 100%;} .souhrnkoshlava_td { display:flex; padding:10px 5px; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center; } .souhrnkoshlava_font1 { font-size:13px; color: var(--color17); line-height:16px; white-space:nowrap;} .souhrnkoshlava_font2 { font-size:11px; color: var(--color2); line-height:16px; white-space:nowrap;} .souhrnkositem { display:grid; gap:1px; grid-template-columns: 1fr 6fr 2fr 2fr 1fr; flex:1; padding:5px ; width: 100%; align-content: space-evenly; align-content: center; justify-content: space-between; align-items: center; border-bottom: var(--color4) 1px dotted; } .souhrnkositem_obsah_foto { width:100%; width:50px; height:50px; margin:5px; } .souhrnkositem_obsah_popis { width:100%; margin:5px; padding-left:10px;} .souhrnkositem_obsah_popisodk { text-decoration:none;} .souhrnkositem_obsah_popiskod { color: var(--color1); font-size:13px; font-weight:bold; line-height:20px; } .souhrnkositem_obsah_popisstr { color: var(--color1); font-size:11px; font-weight:normal; line-height:14px; } .souhrnkositem_pocet { width:100%; margin:5px;} .souhrnkositemzbozi_form_pocet { flex:0; margin: 0px 1px; width: 40px !important; padding: 8px 3px !important; text-align: center;} .souhrnkositemzbozi_form_pm { flex:0; margin:0px 3px;} .souhrnkositemzbozi_form_pmodk { flex:0; margin:0px 3px; text-decoration:none; color: var(--color1); } .souhrnkositemzbozi_form { display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center;} .souhrnkositem_prices { text-align:center; } .souhrnkositem_obsah_pricescena { display:inline-grid; justify-content: center; align-items: center; align-content: center; margin:5px; font-size: 16px; font-weight: bold; color: var(--color17); text-align:center; } .souhrnkositem_obsah_pricescenadph { display:inline-grid; justify-content: center; align-items: center; align-content: center; margin:5px; font-size: 12px; font-weight: bold; color: var(--color1); text-align:center;} .souhrnkositem_drop { width:100%; margin:5px; text-align:center;} .souhrnkositemdropodk { text-decoration:none; color: var(--color17);} .souhrnkospata { flex:1; display:flex; flex-direction:column; align-content: center; justify-content: center; align-items: center; margin:20px 0px; border-bottom: var(--color4) 1px dotted; } .souhrnkospatals { flex:1; padding:10px; } .souhrnkospatars { flex:1; flex-direction:column; padding:20px 10px; width:100%;} .souhrnkospataodk { font-weight: bold; font-size:16px; color: var(--color17); padding:6px 20px; white-space:nowrap; } .souhrnkospaprices { display:grid; grid-template-columns:auto auto; flex:1; padding:5px 10px; background: var(--color6); width:100%; } .souhrnkospapricelabel { padding:5px 0px; text-align:left; line-height:25px; vertical-align:middle; text-align:right; font-weight:bold; font-size:15px; color: var(--color2);} .souhrnkospapriceval { padding:5px 0px; text-align:right; line-height:25px; vertical-align:middle; text-align:right; font-weight:bold; font-size:15px; color: var(--color2); } .souhrnkospapricebezdph { font-size: 20px; font-weight: bold; color: var(--color17);} .souhrnlista { flex:1; display:flex; flex-direction:row; border-top: var(--color9) 2px solid; flex-wrap: nowrap; align-content: center; justify-content: flex-end; align-items: center; padding:20px; } .souhrnlistadp { justify-content: space-between !important;} .formnext,.formprev { width:auto !important; background: var(--color9); color: var(--color2); font-size:16px; font-weight:bold; padding:15px 40px !important; } .formprev { background: var(--color2); color: var(--color0) !important;} #obj_registrace_sh3 { width:25px; height:25px; margin-right:10px;} #obj_vlcislo_sh4 { height:25px; padding: 2px 10px; width:200px;} #obj_poznamka_sh4 { height:100px; width:100%;} #obj_souhlas_obchod_sh4, #obj_souhlas_marketing_sh4 { width:25px; height:25px; margin-right:10px;} @media only screen and (min-width: 480px) { .souhrnkospata {flex-direction:row;} .souhrnkospatals {flex:0.8;} .souhrnkospatars {flex:1.5;} .autocomplete-suggestions { min-width: 80% !important; margin-left:auto; margin-right:auto; } } @media only screen and (min-width: 780px) { .autocomplete-suggestions { min-width: 70% !important; margin-left:auto; margin-right:auto; } } @media only screen and (min-width: 1024px) { .autocomplete-suggestions { min-width: 50% !important; margin-left:auto; margin-right:auto; } } /* == LOGIN */ .podklad_place_user { position: fixed; top: 63px; right: 0; bottom: 0; left: 0; z-index: 100000000002; opacity: 0; background-color: var(--color66); pointer-events: none; transition: opacity 0.5s ease; } .podklad_place_user_active { opacity: 1; pointer-events: all;} .user_innercont { position: absolute; right: 0; bottom: 0; left: 0; display: flex; flex-direction: column; width:480px; height: 100%; background-color: var(--color0); transform: translate(-100%, 0); transition: transform 0.5s ease; align-content: flex-start; justify-content: flex-start; align-items: stretch; } .user_innercont_active { transform: translate(0, 0);} .user_hlava { flex:0; display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; align-items: center; justify-content: space-between; background: var(--color6); flex-wrap: nowrap; align-content: center; align-items: center; border-bottom: var(--color19) 1px solid; } .user_hlavatitle { flex:0; white-space: nowrap; color: var(--color2); font-weight:normal; font-size:14px; padding:15px; } .user_hlavazpet { flex:0; padding:10px; color: var(--color2); cursor:pointer; text-decoration:none;} .flashesbox { position:relative; padding:10px 20px; text-align:center; font-size:13px; font-weight:bold; line-height:20px;} .logcont { position:relative; width:auto; display:flex; flex-direction:column; padding:0px 20px ;} .logtitle { flex:1; background: var(--color6); padding: 10px 20px; font-weight:bold; text-transform: uppercase; color: var(--color21); font-size: 22px; font-weight: bold; } .logsekce { flex:1; border: var(--color9) 2px solid; padding:0px; display:flex; margin-top:20px; margin-bottom:20px; flex-direction: column; flex-wrap: nowrap; align-content: center; justify-content: flex-start; align-items: flex-start;} .logsekcetitle { flex:1; width: 100%; background: var(--color9); padding: 15px 20px; font-weight:bold; text-transform: uppercase; color: var(--color21); font-size: 16px; font-weight: bold; display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: flex-start; align-items: center; } .logsubsekce { flex:1; width: 100%; padding: 20px 30px ;display:flex; flex-direction: column; flex-wrap: nowrap; align-content: center; justify-content: flex-start; align-items: flex-start; } .logsubsekceitem { flex:1; width: 100%; display:flex; flex-direction: column; flex-wrap: nowrap; align-content: center; justify-content: flex-start; align-items: flex-start; margin:10px 0px; } .logsubsekcelbl { flex:1; width: 100%; padding-left:3px; letter-spacing:1px; font-size:11px; display:flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: flex-start; align-items: flex-start; } .logsubsekcelblpov { color: var(--color15); font-weight:bold; } .logsubsekceinp { flex:1; width: 100%; margin:5px 0px; max-width:300px; display:flex; flex-direction:row; } .logcont input, .logcont textarea , .logcont select, .logcont checkbox, .logcont button, .logcont submit { border: 0px solid; padding:10px; width:100%; box-sizing: border-box; font-weight:bold; padding:8px 10px; font-size:15px; color: var(--color1); border: var(--color22) 1px solid; } .logcont input:hover, .logcont textarea:hover, .logcont select:hover, .logcont checkbox:hover, .logcont button, .logcont submit { background: var(--color9); } .logcont input::placeholder, .logcont textarea::placeholder, .logcont select::placeholder, .logcont checkbox::placeholder, .logcont button, .logcont submit { letter-spacing:1px; font-size: 13px; color: var(--color5); } .logsubsekceinperr, .chybka { border: var(--color15) 1px solid !important; background: var(--color16); } .logsubsekceinperr input::placeholder , .chybka input::placeholder, .logsubsekceinperr textarea::placeholder , .chybka textarea::placeholder, .logsubsekceinperr select::placeholder , .chybka select::placeholder, .logsubsekceinperr checkbox::placeholder , .chybka checkbox::placeholder { color: var(--color1) !important; } .logsubsekcewarn { flex:1; width: 100%; color: var(--color15); font-size:13px; font-weight:100; padding-left:5px; display:flex; flex-direction: row; align-content: center; justify-content: flex-start; align-items: center; flex-wrap: nowrap;} .logsubsekcewarnex { margin-right:5px;} .loglista { flex:1; display:flex; margin-top:20px; flex-direction:row; border-top: var(--color9) 2px solid; flex-wrap: nowrap; align-content: center; justify-content: flex-end; align-items: center; padding:20px; } .log_sendsubmit { background: var(--color9); color: var(--color2); font-size:16px; font-weight:bold; padding:10px 30px; } .logregodk { position:relative; display:flex; flex:1; color: var(--color1); padding:10px; text-decoration:underline; font-size:15px; letter-spacing:1px; } .logobnovaodk { position:relative; display:flex; flex:1; color: var(--color1); padding:10px; text-decoration:underline; font-size:15px; letter-spacing:1px; } #login2_log, #obnova_log { width:auto; padding:10px 40px;} /* == ADDCART == */ .addcartcont { position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 20000000; background: var(--color71) ; display:flex; flex-direction:column; display: flex; flex-direction: column; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center;} .addcartbox { flex:1; margin-top: -200px; border-radius:1px; border:1px solid; display:flex; flex-direction:column; width:90%; max-width:700px; max-height:350px; flex-wrap: nowrap; align-content: center; justify-content: space-between; align-items: center; } .addcartboxhl { flex:0; padding:10px 15px; background: var(--color14); display:flex; flex-direction:row; width: 100%; align-content: center; flex-wrap: nowrap; justify-content: space-between; align-items: center; } .addcart { flex:0; white-space:nowrap;} .addcartpryc { flex:0; cursor:pointer;} .addcartboxobsah { flex: 1; background: var(--color0); padding: 15px; width: 100%; display: flex; flex-direction: column; flex-wrap: nowrap; align-content: center; justify-content: space-between; align-items: stretch; } .addcartboxobsahpictcont { flex: 1; display: flex; flex-direction:column; margin:5px;flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center; } .addcartboxobsahpictpopis { flex: 1; padding: 15px; display: flex; flex-direction: column; background: var(--color6); margin: 5px; flex-wrap: nowrap; align-content: center; justify-content: space-between; align-items: flex-start; } .addcartboxobsahpictimg { flex: 0; width:80%; background-size: contain !important;} .addcartpopis1 { flex: 0; width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: flex-start; align-items: center; margin-bottom: 20px; font-size: 16px; line-height: 20px; } .addcartpopis2 { flex: 0; margin-bottom: 10px; width: 100%; font-size: 11px; } .addcartpopis3 { flex: 0; margin-bottom: 20px; width: 100%; font-size: 30px; color: var(--color15);; font-weight:bold; } .addcartpopis4 { flex: 0; width: 100%; font-size: 15px;} .addcartboxlista { flex:0; padding: 15px; border-top: var(--color19) 1px solid; background: var(--color0); display:flex; flex-direction: column; width: 100%; align-content: center; flex-wrap: nowrap; justify-content: space-between; align-items: center;} .pokracovat { flex: 0; width:100%; text-align: center; margin:5px; padding: 10px 30px; font-size: 15px; color: var(--color0); text-decoration: none; font-weight: bold; background: var(--color2); } .dokosiku { flex: 0; width:100%; text-align: center; margin:5px; padding: 10px 30px; font-size: 15px; color: var(--color0); text-decoration: none; font-weight: bold; background: var(--color2); } @media only screen and (min-width: 580px) { .addcartbox { margin-top: 0px; } .addcartboxobsah { flex: 1; background: var(--color0); padding: 15px; width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: space-between; align-items: stretch;} .addcartboxobsahpictcont { flex: 0.8; } .addcartboxobsahpictpopis { flex: 1.2; } .addcartboxlista {flex-direction:row; } .pokracovat { flex: 0; white-space: nowrap;} .dokosiku { flex: 0; white-space: nowrap;} } /* == ROZCESTNIK */ /* == DETAIL */ /* == FIRSTPAGE */ /* == MSGBOX == */ .msgobalka { position: absolute; margin: auto; max-width:100%; max-height:100%; background: var(--color0); border: var(--color7) 1px solid; -moz-box-shadow: 1px 1px 1px -1px var(--color63); -webkit-box-shadow: 1px 1px 1px -1px var(--color63); box-shadow: 1px 1px 1px -1px var(--color63); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius:1px; } .podklad {position:fixed; left:0px; top:0px; right:0px; bottom:0px; z-index:20000000; background: var(--color64); display:block;} .podkladwhite {position:fixed; left:0px; top:0px; right:0px; bottom:0px; z-index:20000000; background: var(--color65); display:block;} .msgtitulek { position:relative; width:auto; padding:12px; text-align: left; display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: space-between; align-items: center; } .msgtitulek font { flex:0; font-size:11px; font-weight:bold; font-family:VERDANA; white-space:nowrap;} .msgtitulek a { flex:0; background: url("../grafika/ico/cross2.png") no-repeat; text-decoration:none; width:20px; height:20px; cursor: pointer; padding:2px 10px; } .msgobsah { position:relative; width:auto; padding:20px; display: flex; flex-direction: column; flex-wrap: nowrap; align-content: flex-start; align-items: stretch; justify-content: flex-start; } .msgmsgbox { position:absolute; left:130px; overflow-y:auto; } .msgmsg { position:relative; font-weight:bold; font-size:12px; line-height:16px; padding:5px; padding-left:20px; text-align:left; } .msgpaticka { position:relative; border-top: var(--color26) 1px solid; width:auto; background: var(--color24); display:flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: flex-end; align-items: center; padding: 10px; } .msgbutton { flex:0; font-size:13px; color: var(--color3); padding:7px 35px; font-weight:bold; border: var(--color26) 1px solid; background: var(--color25); cursor: pointer; } .msgbuttondialog { flex:0; width: auto; font-size:13px; color: var(--color3); padding:8px 40px !important; font-weight:bold; border: var(--color7) 1px solid; background: var(--color25); cursor: pointer; } /* == HLAVNI CAST */ .mainpart { display:flex; margin:0px ; padding:10px 5px 10px 0px; width:100%; flex-direction:row; justify-content: space-between; align-items: center; } .mainpart_logo { display:flex; margin:10px; text-decoration: none; background-color: transparent; max-height: 3.4rem; } .mainpart_logoimg, .mainpart_logoimgbig { vertical-align: middle; border-style: none; height: auto; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .mainpart_logoimg {display:block; max-width: 6.5rem; width: 100%;} .mainpart_logoimgbig {display:none; max-width: 14rem; width: auto;} .mainpart_find { position: relative; display: none; flex: 1 1 80rem; padding: 0; margin-left:20px; margin-right:20px; } .mainpart_logo_cont { position: relative; display:block; flex: 1 1 15rem; padding: 0; margin:0px; } .mainpart_findcontm { flex:1; display: flex; flex-direction:row; justify-content: center; align-items: center; width:100%; } .mainpart_findcont { flex:1; display: flex !important; justify-content: center; align-items: center; } .mainpart_findform { display: flex; align-items: center; align-content: center; flex-wrap: nowrap; flex-direction: row; width: calc(100% - 140px) ; } .mainpart_findinput { display: block; padding: 10px; letter-spacing:1px; width: 100%; background: var(--color14); font-size: 16px; font-weight:bold; line-height: 18px; border: 1px solid var(--color6); border-radius: 2px;} .mainpart_findinput::placeholder { letter-spacing:1px; font-size: 13px; color: var(--color2); } .mainpart_findinputsearch { position: absolute; top: 50%; right: 0; padding: 10px 15px;; color: var(--color2); border: none; background-color: transparent; transform: translateY(-50%); text-decoration:none; cursor:pointer; } .mainpart_find_mob { position: absolute; top: 0; right: 0; left: 0; z-index: 61; display: flex ; flex: 1 0 100%; padding: 0px; margin:15px 10px; background-color: var(--color14); } .mainpart_find_mob .mainpart_findinput { background: var(--color0); } .mainpart_find_mob .mainpart_findinputsearch { right:80px;} .mainpart_findout { display:none; } .mainpart_find_mob .mainpart_findout { position: absolute; display:block; top: 50%; font-size:16px; font-weight:bold; right: 0px; padding: 10px 15px;; color: var(--color2); border: none; background-color: transparent; transform: translateY(-50%); text-decoration:none; } .mainpart_navigace { flex:1; display:flex; flex-direction: row; justify-content: flex-end; align-items: center; flex-wrap: nowrap; overflow-x:hidden; } .mainpart_kosik { position: relative; background: var(--color14); display: none; flex: 1 0 140px; padding: 0; margin-left:20px; margin-right:0px; } .mainpart_kosikcont { flex:1; display:flex; flex-direction:row; width:100%; align-content: center; flex-wrap: nowrap; align-items: center; justify-content: flex-end; background: var(--color14); font-size: 16px; font-weight:bold; line-height: 18px; border: 1px solid var(--color6); border-radius: 2px; padding:10px; white-space:nowrap;} .mainpart_kosikico { flex:0; color: var(--color28); border: none; background-color: transparent; text-decoration:none; } .mainpart_kosikprice { flex:0; text-decoration:none; margin:0px; margin-left:10px; padding:3px 6px; background: var(--color1); color: var(--color0); display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center; } .mainpart_kosikprice2 { flex:0; text-decoration:none; margin:-15px 0px 0px -10px; padding:3px 6px; background: var(--color27); color: var(--color21); display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center; border: var(--color0) 4px solid; } .mainpart_kosiksmall { display: flex; align-content: center; align-items: center; justify-content: center; flex-direction: row; flex-wrap: nowrap; } .navlista { flex:0; position:relative; display:flex; list-style: none; margin: 0; padding: 0; align-content: center; flex-direction: row; flex-wrap: nowrap; justify-content: flex-end; align-items: center;} .navitem { margin:8px 12px; } .navitemodk { cursor:pointer;} .navitemico { color: var(--color2); text-decoration:none; } .navitemicolang { height:2.2em; width:3em; border-radius:10%; background-position: 50% 50%; background-size:cover;} /* == kosik == */ .podklad_place_kosik { position: fixed; top: 63px; right: 0; bottom: 0; left: 0; z-index: 100000000001; opacity: 0; background-color: var(--color66); pointer-events: none; transition: opacity 0.5s ease; } .podklad_place_kosik_active { opacity: 1; pointer-events: all;} .navitemkosikbig {display:none; cursor:pointer;} .kosik_innercont { position: absolute; right: 0; bottom: 0; left: 0; display: flex; flex-direction: column; width:auto; height: 100%; background-color: var(--color0); transform: translate(0, 100%); transition: transform 0.5s ease; flex-wrap: nowrap; align-content: flex-start; justify-content: flex-start; align-items: stretch; border: var(--color19) 1px solid; } .kosik_innercont_active { transform: translate(0, 0);} .kosik_hlava { flex:0; display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; align-items: center; justify-content: space-between; background: var(--color6); flex-wrap: nowrap; align-content: center; align-items: center; border-bottom: var(--color19) 1px solid; } .kosik_hlavatitle { flex:0; white-space: nowrap; color: var(--color2); font-weight:normal; font-size:14px; padding:15px; } .kosik_hlavazpet { flex:0; padding:10px; color: var(--color2); cursor:pointer; text-decoration:none;} .kosik_obsah { flex:1; overflow-y:auto; display:flex; flex-direction:column; padding:10px; flex-wrap: nowrap; align-content: center; justify-content: flex-start; align-items: center; } .kosik_obsah_item { flex:1; padding:10px; border-bottom: var(--color7) 1px solid; text-decoration:none; display: grid; grid-column-gap: 5px; grid-template-columns: 2fr auto 1fr;} .kosik_obsah_item:hover { background: var(--color14); border-bottom:0px; } .kosik_obsah_item:last-child { border-bottom:0px; } .kosikodk { text-decoration:none;} .kosik_prazdny { flex: 0; margin-top:auto; margin-bottom:auto; display:flex; flex-direction:column; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center;} .kosik_prazdny_title { flex:0; color: var(--color4);} .kosik_prazdny_ico { flex:0; margin: 10px; padding:15px; border-radius:50%; background: var(--color6); color: var(--color1); } .kosik_pata { flex: 0; display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: center; background: var(--color0); flex-wrap: nowrap; align-content: center; align-items: center; border-top: var(--color19) 1px solid; padding:15px; text-align:center;} .kosik_pataodk { border-radius:2px; background: var(--color10); padding:10px 20px; text-decoration:none; color: var(--color2); width:80%; } .kosik_mena { flex:0; display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; align-items: center; justify-content: flex-start; background: var(--color0); flex-wrap: nowrap; align-content: center; align-items: center; border-bottom: var(--color19) 1px solid; } .kosik_mena_hlavatitle { flex:0; white-space: nowrap; color: var(--color2); font-weight:normal; font-size:16px; padding:15px; margin-right:0px; margin-left:10px; } .kosik_mena_druh { flex:0; padding:7px 20px; margin:12px 15px; font-size:15px; background: var(--color6); color: var(--color1); text-decoration:none; letter-spacing:1px;} .kosik_mena_druh_aktivni { background: var(--color10); color: var(--color21); } .kositemcont { flex:0; display:flex; flex-direction: column; flex-wrap: nowrap; align-content: center; justify-content: flex-start; align-items: flex-start; width: 100%;} .kositem { flex:1; border-bottom: var(--color6) 1px solid; margin:0px; padding:10px 5px; display:flex; display: flex ; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center; width:100%; } .kositem:last-child { border-bottom:0px; } .kositem:hover { background: var(--color27);} .kositemfoto { flex:0; margin-right:15px; min-width:50px; } .kositemfotoimg { width: 100%; max-width:50px; height: auto; background-position: 50% 50%; background-size: contain;} .kositempopis { flex:1; width: 100%; display:flex; flex-direction: column; flex-wrap: nowrap; align-content: center; justify-content: flex-start; align-items: flex-start;} .kositemkod { font-size:14px; max-width:240px; line-height:14px;font-weight:bold; margin-bottom:5px;} .kositemnazev { font-size:10px; max-width:240px; line-height:14px; font-weight: 100; white-space:nowrap; overflow: hidden; text-overflow: ellipsis; } .kositemodebrat { flex:0; } .kositemodebratodk { text-decoration:none; background: var(--color14); color: var(--color21); padding: 15px 10px; margin:5px 5px 5px 10px;} /* == languages == */ .podklad_place_language { position: fixed; top: 63px; right: 0; bottom: 0; left: 0; z-index: 100000000003; opacity: 0; background-color: var(--color66); pointer-events: none; transition: opacity 0.5s ease; } .podklad_place_language_active { opacity: 1; pointer-events: all;} .language_innercont { position: absolute; right: 0; left:0; display: flex; flex-direction: column; height: auto; background-color: var(--color0); transform: translate(-100%, 0); transition: transform 0.5s ease; align-content: flex-start; justify-content: space-between; align-items: stretch; } .language_innercont_active { transform: translate(0, 0);} .language_hlava { flex:0; display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; align-items: center; justify-content: space-between; background: var(--color6); flex-wrap: nowrap; align-content: center; align-items: center; border-bottom: var(--color19) 1px solid; border-top: var(--color19) 1px solid; } .language_hlavatitle { flex:0; white-space: nowrap; color: var(--color2); font-weight:normal; font-size:16px; padding:15px; } .language_hlavazpet { flex:0; padding:10px; color: var(--color2); cursor:pointer; text-decoration:none;} .language_obsah { display:flex; flex-direction:column; flex-wrap: nowrap; align-content: space-between; justify-content: flex-start; align-items: stretch; padding: 10px; background: var(--color0); } .language_obsah_item { flex:1; border:0px solid; display:flex; flex-direction:row; flex-wrap: nowrap; align-content: center; justify-content: space-between; align-items: center; padding:10px; border-bottom: var(--color7) 1px solid; text-decoration:none; } .language_obsah_item:hover { background: var(--color14); border-bottom:0px; } .language_obsah_item:last-child { border-bottom:0px; } .language_obsah_item_ico { flex:0; margin:5px 15px ; } .flag_cz { background: url("../grafika/flags/cz.png") 50% 50%; } .flag_sk { background: url("../grafika/flags/sk.png") 50% 50%; } .flag_de { background: url("../grafika/flags/de.png") 50% 50%; } .flag_en { background: url("../grafika/flags/uk.png") 50% 50%; } .flag_pl { background: url("../grafika/flags/pl.png") 50% 50%; } .language_obsah_item_text { flex:1; margin-left:10px; color: var(--color2); font-size:22px; font-weight:bold; } .language_pata { flex: 0; display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: center; background: var(--color0); flex-wrap: nowrap; align-content: center; align-items: center; border-top: var(--color19) 1px solid; padding:15px; text-align:center;} .language_pataodk { border-radius:2px; background: var(--color14); padding:10px 20px; text-decoration:none; color: var(--color2); width:80%; } /* == menu === */ .podklad_place_menu { position: fixed; top: 63px; right: 0; bottom: 0; left: 0; z-index: 100000000004; opacity: 0; background-color: var(--color66); pointer-events: none; transition: opacity 0.5s ease; } .podklad_place_menu_active { opacity: 1; pointer-events: all;} .menu_innercont { position: absolute; right: 0; bottom: 0; left: auto; display: flex; flex-direction: column; max-width:480px; width:100%; height: 100%; overflow-y:auto; transform: translate(100%, 0); transition: transform 0.5s ease; flex-wrap: nowrap; align-content: center; justify-content: flex-start; align-items: flex-start; } .menu_innercont::-webkit-scrollbar { width: 5px; background: var(--color1) } .menu_innercont::-webkit-scrollbar-thumb { background: var(--color14); border-radius: 2px; } .menu_innercont_active { transform: translate(0, 0);} /* .topmenu { display:none; grid-column-gap: 5px; grid-template-columns: 1fr auto 1fr; justify-items: center; margin-bottom: 0; order: -1; width: 100%;} */ /* .toplistcont, .toplistcont2 { display:none; } */ /* .hicons { align-items: center; display: flex ; flex-direction:row; justify-content: flex-end; width: 150px; } */ @media only screen and (min-width: 480px) { .headercontm { background: var(--color0); } .toppart { display:flex; margin: 10px 20px; } .toppartr { display:flex;} .mainpart { margin-bottom:10px; padding:5px 5px 5px 0px; } .mainpart_logoimgbig { display:block; } .mainpart_logoimg { display:none;} .mainpart_logo { margin: 0px 10px;} .language_innercont {left:auto; min-width:480px; height: auto ;} .kosik_innercont {left:auto; width:380px; height: 100% ;} .user_innercont { left:auto; width:380px; height: 100% ;} .mainpart_findform { width:100%; } } @media only screen and (min-width: 580px) { .navitemsearch { display:none; } .mainpart_find { display:block;} .mainpart { margin-bottom:15px; } } @media only screen and (min-width: 780px) { /* .hicons { flex: 1; margin: 20px 0; order: 2; padding-left: 20px; text-align: right; } */ .toppartl { display:flex;} .toplistitemodk { font-size: 18px; padding: 10px 5px; } .mainpart_logo { margin: 5px 10px 5px 15px;} .mainpart_findinput {background: var(--color31);} .mainpart { margin-bottom:5px; } .headercontm { margin-bottom: 10px;} } @media only screen and (min-width: 1024px) { .mainpart_kosik { display:block;} .navitemkosikbig {display:block;} .navitemkosik {display:none;} .mainpart { margin-top:10px; } .navitemmenu { display:none; } .podklad_place_menu {display:none;} } /* == Hlavicka - menu == */ .menucont {background-color: var(--color10); } .menucontlist { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; position: relative; } .menucontitem { border-bottom: 1px solid var(--color29); } .menulinkitemdiv { } .menulinkitemodk {position: relative; display: block; flex: 1 0 auto; color: var(--color21); padding: 15px 40px 15px 15px; font-size:18px; text-transform:uppercase; text-decoration: none; font-weight: 600; transition: all 0.2s ease;} .menulinkitemodk:hover { background: var(--color30); color: var(--color0);} .menulinkitemsub { z-index: 2; position: absolute; left: 0; width: 100%; background: var(--color8); padding:20px; box-sizing: border-box; border-bottom: var(--color3) 4px solid;} .menucontlistodk { color: var(--color32); font-weight:bold; padding: 14px; text-align: center ; font-size: 16px; align-items: center; display: flex ; text-decoration:none; height: 40px; display: none; } .listitemimg { display: none; } .mobmenucontlist { flex: 1; padding: 0px; margin: 0px; width: 100%; list-style: none; } .mobmenucontitem { } .mobmenulinkitemdiv { flex: 1; background: var(--color10); border-top: var(--color36) 1px solid; display: flex ; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: space-between; align-items: center; cursor:pointer; } .mobmenulinkitemdiv:hover { background: var(--color14); } .mobmenulinkitemodk { flex: 0; white-space: nowrap; color: var(--color2); text-decoration:none; padding: 12px; letter-spacing:1px; text-transform:uppercase; font-size:12px; font-weight:bold; } .mobmenulinkitemodk:hover { } .mobmenulinkitemodkopen { flex: 0; color: var(--color2); text-decoration:none; padding: 12px; font-size:14px !important; font-weight:normal; } .mobul_submenu { flex: 1; padding: 5px 5px 5px 15px; display:none; opacity:0; margin: 0px; width: 100%; list-style: none; background: var(--color14); transition: all 1.5s linear;} .mobul_submenu_active { opacity:1; display:block; transition: all 1.5s linear; } .mobli_submenu { } .mobli_submenudiv { flex: 1; background: var(--color14); border-bottom: var(--color36) 1px solid; display: flex ; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: space-between; align-items: center;} .mobli_submenudiv:hover { background: var(--color36);} .mobli_submenuodk { flex: 0; white-space: nowrap; color: var(--color2); text-decoration:none; padding: 10px; letter-spacing:1px; text-transform:uppercase; font-size:10px; font-weight:bold;} .mobli_submenutext { } .mobmenulinkitemodkopen { flex: 0; color: var(--color2); text-decoration:none; padding: 10px; font-size:11px !important; font-weight:normal;} .ul_submenu { z-index: 5; display: none ; width: 100%; padding: 0; list-style: none; background-color: var(--color37); pointer-events: all; transition: all 0.2s ease; } .li_submenu { } .li_submenudiv { position: relative; display: flex ; justify-content: space-between; margin: 0 1.6rem; border-bottom: 0.1rem solid var(--color53);} .li_submenuodk { display: block; flex: 1 0 auto; padding: 1.4rem 0; font-weight: 400; color: var(--color21); transition: all 0.2s ease; color: var(--color2); text-decoration: none;} .li_submenuicobox { display: none; width: 2rem; height: 2rem; overflow: hidden;} .li_submenuico { width: 100%; height: auto; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; vertical-align: middle; border-style: none;} .li_submenutext { } @media only screen and (max-width: 1023px) { .menu {z-index: 2; position: absolute; right: 0; top: 60px; width: 100%; transition: all .3s ease; transform: translateX(-120%);} .menucontitem { position:relative; } } @media only screen and (min-width: 1024px) { .menucont { border-bottom:0px solid var(--color6); } .menucontmob { } .menulinkitemodkopen { display:none !important; } .menucontlist { flex-direction:row; } .menucontitem { flex: 1 1 auto; max-width: 195px; border-bottom: 0px solid; } .menulinkitemodk { width: 100%; padding-left: 10px; padding-right: 10px; text-align: center; } .ul_submenu { position: absolute; top: calc(100% ); right: 0; left: 0; padding: 10px; border: 1px solid var(--color26); background-color: var(--color0); box-shadow: 0 1px 4px var(--color68); -moz-column-gap: 5.6rem; gap: 3px; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; } .ul_submenu_active { display:grid;} .li_submenudiv { margin: 0; border-bottom: none; text-overflow: ellipsis;} .li_submenuodk { display: flex ; padding: 10px; background: var(--color14); margin: 0px; border-radius: 1px;} .li_submenuodk:hover { background: var(--color12); } .li_submenuicobox { display: flex; } .li_submenutext .xmenulinkitemodk { display: flex; align-items: center; justify-content: center; width: 100%; height:62px; padding-left: 10px; padding-right: 10px; text-align: center;} .menulinkitemodkmob { display:none; } .menulinkitemsub { z-index: 2; position: absolute; left: 0; width: 100%; background: var(--color0); padding:20px; box-sizing: border-box; display:none;} .menulinkitemsubinner { display: flex ; flex-direction: row; flex-wrap: wrap; background: var(--color6); } .menucontlistitem { border-top: none; width: 33.33333%; display: flex ; flex-direction: row; } .listitemimg { display: flex; width: 80px; } .listitemimg a { cursor:pointer; } .listitemimgpict { max-height: 53px; max-width: 70px;} .listitemdata { display:flex; flex-direction:column; } } /* == Umisteni == */ .umistcont { margin-top: 10px; line-height:18px; background: var(--color0); align-items: center; display:flex; flex-direction:row; white-space: nowrap; flex-wrap: wrap;} .umistenicopy { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-end; align-items: center; flex: 1;} .umistcont a { color: var(--color1); text-decoration: none; } .umistcont a:hover { text-decoration:underline; } .umistelmod { flex:0; letter-spacing: 0px; padding: 1px 0px; color: var(--color10); } .umistelmitem { letter-spacing: 0px; padding: 1px 8px; white-space: normal; } .umistelmhome { margin:0px; padding: 1px 8px; font-weight: bold; font-size:15px !important; } .homeelm { font-weight:bold; } .lastelm { font-weight:bold; cursor:auto; text-decoration:none;} .lastelm:hover { text-decoration:none !important; } .stelm { } .umistenicopybut { line-height:30px; font-size:12px !important; cursor:pointer; } .umistenicopybut:hover, .umisteniclear:hover { text-decoration:underline; } .umisteniclear { margin-left:15px ; font-size:12px !important; color: var(--color38) !important;} @media only screen and (min-width: 580px) { .umistcont { margin-top: 5px; } } @media only screen and (min-width: 780px) { .umistcont { margin-top: 15px; } .stelm { display:inline-block;} .umistcont a { color: var(--color1); font-size:14px; } } /* == Banner ==== */ .bannercont { display:none; position:relative; overflow: hidden; padding:0px; margin:0px; } .snimkycont { position:relative; width:100%; } .snimkyseznamcont { position:absolute; width:100%; left:0px; bottom:4px; display:flex; flex-direction:row; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center; } .snimkyseznicon { cursor:pointer; border-radius:1px; margin:5px 3px; height:15px; width:15px; background: var(--color0); border: var(--color6) 1px solid; } .snimkysezniconact { background: var(--color17); } .snimekx { position:relative; width:100%; display:none;} .snimekxact { display:block;} .snimekodk { text-decoration:none; } .snimekimg { position:relative; width:100%;} .sntextcont { position:absolute; border-radius:2px; left:50px; width:auto; top:50%; margin-top:-50px; padding:10px 20px; background: var(--color67);} .sntextnazev1 { color: var(--color0); font-size:22px; line-height:25px; font-weight:bold; letter-spacing:1px; } .sntextnazev2 { color: var(--color0); font-size:16px; line-height:20px; font-weight:bold; letter-spacing:1px; } .snimekbut { position:absolute; border-radius: 1px; cursor: pointer; bottom: 5px; padding: 7px 15px; color: var(--color0); font-weight: bold; transition: 0.3s ease; text-decoration:none; background-color: var(--color72); } .snimekbut:hover { background-color: var(--color69); color: var(--color1); } .snprev { bottom:0px; right:40px; } .snnext { bottom:0px; right:0px; } @media only screen and (min-width: 480px) { .bannercont { display:block; } } /*== myaccount ==*/ .usrcont { flex:0; white-space:nowrap; margin:-10px; letter-spacing:1px; line-height:20px; display:flex; flex-direction:row; display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; align-items: center; } .usrlbl { margin-left:10px; color: var(--color4); font-weight:normal; font-size:12px;} .usrname { margin-left:10px; var(--color1) font-weight:bold; font-size:17px;} .usrodk { background: var(--color14); color: var(--color1); padding:3px 10px; margin-left:10px; font-weight:bold; text-decoration:none; font-size:16px;} .usrodk:hover { text-decoration:underline; } .myacccont {position:relative; width:100%; margin-top:15px; display:flex; flex-direction:column; } .macmenu { flex:1; display:flex; flex-direction:row; background: var(--color0); padding:2px 0px; } .macmenulist { flex: 1; display: flex ; flex-direction: row; margin: 0px; padding: 2px; list-style: none; flex-wrap: nowrap; justify-content: space-between; border-bottom: var(--color7) 2px solid; } .macmenulistitem { flex:0; white-space:nowrap; background: var(--color12); border-radius:2px; padding: 5px 10px; margin-right:5px; font-weight:bold; font-size:15px; } .macmenulistitem:hover { background: var(--color14); } .macmenulistitem:hover .macmenulistitemodk { color: var(--color39); } .macmenulistitemodk { text-decoration:none; color: var(--color1); } .macplocha { width:100%; padding:5px; margin-top:5px; } .macitemodhlas { background:transparent; padding: 5px; } .macitemodhlas a { color: var(--color39); } /*== Clanek =======*/ .clanekcont { position:relative; width:auto; display:flex; flex-direction:column; margin-top:20px; padding:0px 10px ; } .clanektitle { flex:1; background: var(--color6); padding: 10px; font-size:20px; font-weight:bold; text-transform: uppercase; color: var(--color21); font-size: 24px; line-height: 30px; font-weight: bold; margin-bottom:20px;} .clanektext { flex:1; font-weight: normal; text-align:left; font-size: 16px; line-height: 22px; font-family:"arial"; color: var(--color1); padding:0px 5px; text-align:left; margin-top:30px; margin-bottom:40px; } /* == Filtry ===== */ .filtrleftcont { position:relative; margin:0px; margin-bottom:20px;} .filtrtitle { position:relative; margin:0px; width:100%; background: var(--color9); padding:15px; display:flex; flex-direction:row; justify-content: space-between; align-items: center; align-content: center; flex-wrap: nowrap;} .filtrtitletext { flex:1; color: var(--color2); text-transform: uppercase; letter-spacing: 1px; font-weight:800; font-size:11px; } .filtrtitleclear { flex:0; text-transform: uppercase; font-weight:800; font-size:9px; } .filtrtitleclearodk { color: var(--color2); text-decoration:none; } .filtritems { position:relative; margin:0px; width:100%; padding:10px 0px ; transition: height 3s ease; overflow: hidden; } .filtritemsbig { height:auto !important; } .filtrulmain { position:relative; margin:0px; width:100%; padding:0px; } .filtrlimain { position:relative; margin:0px; width:100%; padding:0px; list-style-type: none; } .filtritemodk { text-decoration:none; background: var(--color33); } .filtritemodkused { background: var(--color33); } .filtritem { background:transparent; position:relative; margin:0px; text-decoration:none; padding:8px 0px; width:100%; display:flex; flex-direction: row; align-items: center; justify-content: flex-start; align-content: center; flex-wrap: nowrap; } .filtritem:hover { background: var(--color6);} .filtritemcheck { flex:0 0 22px; height:22px; border: var(--color3) 1px solid; background: var(--color0); margin-left:10px; border-radius:2px; } .filtritemcheckused { border: var(--color2) 1px solid; background: var(--color2); color: var(--color0); text-align:center; vertical-align:middle; display:flex; flex-direction: row; align-items: center; justify-content: center } .filtritemstitek { flex:0 0 10px; height:22px; background: var(--color14); margin-left:8px; } .filtritemtext { flex:1; margin-left:10px; color: var(--color1); font-weight:400; letter-spacing: 1px; font-size:12px; line-height:18px; } .filtritemused { background: var(--color3); color: var(--color0); border-bottom: var(--color0) 1px solid;} .filtritemused .filtritemtext { color: var(--color0); } .filtritemsubdata { margin-left:10px; margin-right:10px; color: var(--color1); text-decoration:none;} .filtritemused .filtritemsubdata {color: var(--color0);} .filtritemused:hover .filtritemtext { color: var(--color1); } .filtritemused:hover .filtritemsubdata { color: var(--color1);} .filtrbottomodk { text-decoration:none; } .filtrbottom { position:relative; margin:0px; width:100%; background: var(--color6); color: var(--color1); font-weight:600; text-align:left; font-size:11px; padding:10px 10px 10px 15px; cursor:pointer; } .filtrbottom:hover { text-decoration:underline; } .filtritemstyle { margin-right:6px; } @media only screen and (min-width: 780px) { .clanekcont { padding:0px 10px 10px 20px; } } /* == Zbozilist ================*/ .nenalezeno { position:relative; margin-left:50px; color: var(--color1); font-weight:bold; font-size:20px; line-height:100px;} .podkladodeslani { display:none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 900000000000000000; background-color: var(--color68); pointer-evecnts: none; transition: opacity 0.5s ease; padding:5px; flex-direction:column; flex-direction: column; flex-wrap: nowrap; align-content: space-between; justify-content: center; align-items: center; } .podkladodeslaniico { color: var(--color0);} .zbozicont { position: relative; display:flex; flex-direction:column; flex-wrap: wrap; align-items: stretch; margin-top: -10px; margin-bottom:10px; } .products_filtry { position:relative; margin:20px 15px 20px 15px; } .filtrytitle { color: var(--color2); position:relative; width:100%; font-size: 16px; padding: 13px; background: var(--color6); font-weight: bold; display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: space-between; align-items: center; } .filtrytitlestr { } .filtrytitleclearall { color: var(--color38); font-size:13px; text-decoration:none; } .filtrytitleclearall:hover { text-decoration:underline; } .filtrycontainer { position:relative; width:100%; padding:10px 0px; display:flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; align-content: flex-start; flex-wrap: wrap; } .filtrcont { flex:0; display:flex; flex-direction:column; margin:10px 0px; width:100%;} .filtrconttitle { flex:1; white-space: nowrap; color: var(--color0); background: var(--color3); font-size:12px; letter-spacing: 1px; text-transform: uppercase; font-weight:bold; padding:10px 30px 10px 15px; } .filtrcontitems { flex:1; position:relative; white-space: nowrap; padding:7px 2px; background: var(--color9); max-height: 100px; overflow-y: auto;} .filtrcontitem { padding:8px 20px 8px 10px; position:relative; text-align:left; display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: space-between; align-items: center;} .filtrcontitem:hover { background: var(--color14); font-weight:bold; } .filtrcontitemodk { text-decoration:none; color: var(--color2); font-size:16px; } .filtrcontitemodki { margin-left:15px; } .products_hlava { padding:2px; border-bottom: var(--color5) 1px solid; margin:20px 15px 20px 15px; display:flex; flex-direction:column; } .product_hlava_left { flex:1; display: flex; flex-direction: row; align-items: center; justify-content: center; align-content: center; flex-wrap: wrap;} .product_sort { flex:1; display: none; flex-direction: row; align-items: center; justify-content: flex-start; align-content: center; flex-wrap: nowrap;} .product_sortitem { flex:0; background: var(--color6); padding:10px 15px ; margin-right:1px; white-space: nowrap; font-size: 10px; font-weight: 700; text-decoration: none; color: var(--color54); text-transform: uppercase; transition: color .3s ease;} .product_sortitemselected { background: var(--color3); } .product_sortitem a { color: var(--color2); text-decoration:none; letter-spacing: 1px; } .product_sortitemselected a { color: var(--color18) !important; } .product_hlava_middle { flex:0; display: flex; margin:20px 0px; flex-direction: row; align-items: center; justify-content: center; align-content: center; flex-wrap: wrap; } .product_hlava_right { flex:0; display: flex; flex-direction: row; align-items: center; justify-content: flex-end; align-content: center; flex-wrap: wrap; } .product_zobrazeni { flex:1; display:none; flex-direction: row; align-items: center; justify-content: flex-end; align-content: center; flex-wrap: nowrap; } .product_zobrazeniitem { flex:0; padding:10px; text-align:center; } .product_zobrazeniitemodk { color: var(--color3); text-decoration:none; } .products_pata { padding:15px 0px; border-top: var(--color5) 1px solid; margin:20px 15px 0px 15px; display:flex; flex-direction:column; flex-wrap: wrap; align-content: center; justify-content: center; align-items: center; } .product_stranekvolby { flex:1; margin:10px 0px; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; align-content: center; flex-wrap: wrap; } .product_stranek, .product_sortcombo { flex:1; display: flex; flex-direction: column; margin:0px 5px; font-size:13px; font-weight:bold; text-align:center;} .product_stranekvybrano { flex:1; padding:10px 20px; white-space: nowrap; color: var(--color2); display: flex; flex-direction: row; cursor:pointer;} .product_stranekvybranoshow {flex:0; margin-left:10px; cursor:pointer;} .product_stranekvolbyitems { display:none; flex:0; border-top: var(--color7) 1px solid; flex-direction: column; align-items: flex-start; justify-content: flex-start; align-content: flex-start; flex-wrap: wrap; } .stranekitemodk { flex:1; font-size:12px; padding:10px 20px; white-space: nowrap; color: var(--color3); text-decoration:none; width: 100%; text-align: left;} .stranekitemodk:hover { background: var(--color14);} .zobrazitflex { display:flex;} .products_nacistdalsi { flex:1; margin:10px 0px;text-align: center; display:flex; flex-direction:column; position:relative; } .products_nacistdalsiodk { padding:10px 20px; font-size:15px; text-decoration:none; font-weight:bold; background: var(--color14); ; color: var(--color2); } .products_paginator { flex:1; margin:10px 0px; display: flex; flex-direction: row; align-items: center; justify-content: flex-end; align-content: center; flex-wrap: wrap; } .products_paginatoritem, .products_paginatoritemselected { flex:0; padding:10px; margin:0px 5px; font-size:16px; font-weight:bold; text-align:center; } .products_paginatoritemselected { background: var(--color6); } .products_paginatoritemodk { color: var(--color2); } .product_loadnext { border:1px dotted; padding:2px; display:none; font-size:15px;} .product_list { border:0px solid; display:flex; flex-direction:row; flex-wrap: wrap; align-items: stretch;} .zbozi_box { flex: 0 0 auto; width: 100%; padding: 15px;} .zbozi_boxobsah { border: var(--color26) 1px solid; display:flex; flex-direction:column; flex-wrap: wrap; align-items: stretch; height: 100%; position: relative; } .zbozi_boxobsah:hover {-moz-box-shadow:0 0 5px var(--color68); -webkit-box-shadow:0 0 5px var(--color68); box-shadow:0 0 5px var(--color68) } .zbozi_boxodk { display:flex; flex-direction:column; text-decoration:none; flex:1;} .zbozi_boxpict { order:1; position:relative; display:flex; flex-direction:column; flex-wrap: wrap; align-items: center; padding:10px; height:220px; justify-content: center; } .zbozi_boxpictimg { vertical-align: top; text-align: center; max-width: 100%; max-height:200px; } .zbozi_boxstitky { display: flex; position:absolute; border:0px dotted; padding:2px; right:-1px; top:-1px; } .zbozi_boxstitkyitem { position:absolute; font-size:11px; font-weight:bold; padding:8px 12px; right:0px; white-space: nowrap; letter-spacing:1px; } .zbozi_boxsleva { position:absolute; top:-1px; left:0px; background: var(--color40); border: var(--color0) 0px solid; padding:8px 12px; font-weight:bold; color: var(--color0); font-size:12px; letter-spacing:1px; } .zbozi_boxstavsklad { position:absolute; right:-1px; bottom:10px; background: var(--color41); padding:8px 12px; text-align:right; font-family:Helvetica; color: var(--color0); font-weight:bold; font-size:11px; text-decoration:none; letter-spacing:1px;} .zbozi_boxinfo { order:2; border:0px dotted; padding:15px; flex:1; } .zbozi_boxkod { font-size: 16px; font-weight: bold; color: var(--color42); padding: 6px 2px; white-space: normal; overflow: hidden; background-image: linear-gradient(to right, var(--color0), var(--color0)); text-decoration:none;} .zbozi_boxkod:hover { text-decoration:underline; } .zbozi_boxnazev { padding:6px 3px; font-size:14px; color: var(--color3); overflow: hidden; text-overflow: ellipsis; text-decoration:none;} .zbozi_boxnazev:hover { text-decoration:underline; } .zbozi_boxceny { order:3; display:grid; justify-content: center; gap: 3px; padding:2px 15px; align-content: center; grid-template-columns: 1fr 1fr; } .zbozi_boxceny_price { padding:10px 5px; background: var(--color6); color: var(--color32); font-size: 14px; font-weight: 100; text-decoration:none; text-align:center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} .zbozi_boxceny_price2 { font-size: 16px; font-weight: 700; color: var(--color43); } .zbozi_boxceny_priceonecol { padding:10px 15px; grid-column: 1 / span 2; background: var(--color6); color: var(--color51); font-size: 16px; font-weight: bold; text-decoration:none; text-align:center; } .zbozi_boxceny_popis { padding:5px; grid-column: 1 / span 2; color: var(--color2); text-align:center; font-size:9px; text-decoration:none; } .zbozi_boxceny_popisonecol { padding:10px 5px; grid-column: 1 / span 2; text-decoration:none; background: var(--color6); color: var(--color2); font-size: 12px; font-weight: bold; text-align:center; margin-bottom:22px;} .zbozi_boxform { order:4; position: relative; display:flex; flex-direction:row; flex-wrap: wrap; justify-content: center; border:0px dotted; padding:2px 15px; margin:20px 0px; } .zbozi_boxformodk { padding:6px 10px; flex: 0; background: var(--color9); color: var(--color2); font-size: 12px; font-weight: bold; text-decoration:none; flex-grow: 1; margin:2px 0px; text-align: center; } .zbozi_boxformform { display:grid; width:100%; justify-content: center; gap: 10px; padding:0px; align-content: center; grid-template-columns: 1fr 1fr; border:0px dotted; } .zbozi_boxformmnozstvi { display: inline-flex; align-items: center; width:100%; justify-content: center; overflow: hidden; height:40px; border: var(--color26) 1px solid; } .zbozi_boxformmnozstvibut { flex: 1; min-width: 0; height: 100%; text-align: center; font-weight: 600; border:0px solid; align-content: center; justify-content: center; color: var(--color5); cursor: pointer;} .zbozi_boxformmnozstvipoc { flex: 1; min-width: 0; height: 100%; text-align: center; font-weight: 600; border:0px solid; font-size:16px; } .zbozi_boxforminp { } .zbozi_boxforminpbut { display: inline-flex; align-items: center; width:100%; background: var(--color14); color: var(--color2); justify-content: center; flex-shrink: 0; position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: all .3s ease; text-decoration: none; border: none; cursor: pointer; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; -webkit-appearance: none; font-size: 12px; height:40px;} .dcontproptext {line-height:17px; font-weight: lighter; } @media only screen and (min-width: 500px) { .products_hlava {margin:20px 15px 20px 15px; } .zbozi_box { width: 50%; } .product_hlava_left {justify-content: left;} .product_stranek, .product_sortcombo { flex:0; } .product_sort { display:flex;} .product_sortcombo { display:none; } .products_hlava { flex-direction: row; } .products_pata { flex-direction: row; } .filtrycontainer { flex-direction: row; } .filtrcont { margin-right:20px; } } @media only screen and (min-width: 880px) { .product_zobrazeni {display:flex;} .zbozi_box { width: 33.333333%; } } .ordering span, .price span { padding-right: 15px; font-weight: bold; } .ordering a, .price a { padding-right: 25px; background: var(--color6); color: var(--color44); font-size:11px; font-weight:bold;} .zbozi_box_padd { padding: 22px 18px 21px; border: var(--color6) 1px solid; } @media only screen and (min-width: 500px) { /*.zbozi_box { width: 49%; }*/ } @media only screen and (min-width: 780px) { /*.zbozi_box { width: 33%; } */ } .zbozi_box.nrow { border-top: 0; } .zbozi_box_kod { position:relative; font-size: 14px; font-weight: bold; color: var(--color42); padding:6px; white-space: nowrap; overflow: hidden; background-image: linear-gradient(to right, var(--color55) , var(--color18)); } .zbozi_box_img { height: 160px; position: relative; margin-top: 17px; } .zbozi_box_popis { position: relative; padding-top: 18px; font-size:14px; height: 53px; overflow: hidden; text-overflow: ellipsis; } .zbozi_box_skladem { position: relative; padding-top: 10px 0px; font-size:14px; font-weight:bold; text-align:center; color: var(--color45); width:100%;} .zbozi_box_form { position:relative; left:-3%; width:106%; margin-top:10px;} .zbozi_box_form_koupit { float:right; padding:6px 10px 6px 40px; border:0px solid; color: var(--color2); font-size:14px; font-weight:bold; background: var(--color9) url(../grafika/imgeshop/scartc.png) no-repeat; background-size: 20px 20px; background-position: 10px 50%; font-family:"niveau-grotesk"; } .zbozi_box_form_plus { cursor:pointer; float:right; background: var(--color6); width:18px; padding:4px 0px 4px 0px; font-size:18px; margin-right:10px; text-decoration:none; text-align:center;} .zbozi_box_form_minus { cursor:pointer; float:right; background: var(--color6); width:18px; padding:4px 0px 4px 0px; font-size:18px; margin-right:3px; text-decoration:none; text-align:center;} .zbozi_box_form_pocet { float:right ; position:relative !important; background: var(--color0) !important; width:40px; padding:4px 0px 4px 0px; border:0px solid !important; font-size:16x !important; font-weight:bold !important; margin-right:3px; text-decoration:none; text-align:center !important; color: var(--color43) !important;} .zbozi_radek { border-bottom: 1px dotted var(--color26); padding: 10px 0 ; } .zbozi_radek:hover { -moz-box-shadow:0 0 8px var(--color68); -webkit-box-shadow:0 0 8px var(--color68); box-shadow:0 0 8px var(--color68)} .zbozi_fradek { border-top: 1px dotted var(--color26); } .zbozi_obsah { position:relative; width:auto; } .zbozi_obsah2 { float:left; margin: auto; padding-top:3px; width:430px; } .zbozi_obsah3 { float:right; margin: auto; } .zbozi_obsah_kod { font-size:16px; color: var(--color2); margin-bottom:10px; font-weight:bold; color: var(--color43);} .zbozi_obsah_popis { font-size:14px; color: var(--color2); } .zbozi_obsah_skladem { margin-left:20px; font-size:12px; color: var(--color45); font-weight:bold; } .zbozi_obsah_cena { float:right; width:100px; height:50px; } .zbozi_obsah_foto { float:left; height:50px; width:50px; margin:0px 15px 0px 5px; } .zbozi_form { float:right; width:260px; padding-top:5px;} .zbozi_form_plus { cursor:pointer; float:right; background: var(--color6); width:20px; padding:10px 0px 10px 0px; font-size:20px; margin-right:10px; text-decoration:none; text-align:center;} .zbozi_form_minus { cursor:pointer; float:right; background: var(--color6); width:20px; padding:10px 0px 10px 0px; font-size:20px; margin-right:5px; text-decoration:none; text-align:center;} .zbozi_form_pocet { float:right ; position:relative !important; background: var(--color0) !important; width:50px; padding:6px 0px 6px 0px; border:0px solid !important; font-size:20px !important; font-weight:bold !important; margin-right:5px; text-decoration:none; text-align:center !important; color: var(--color43) !important;} .zbozi_form_koupit { float:right; padding:8px 12px 8px 45px; border:0px solid; color: var(--color0); font-size:17px; font-weight:bold; background: var(--color43) url(../grafika/imgeshop/scartc.png) no-repeat; background-size: 24px 24px; background-position: 10px 50%; } .zbozi_form_plus_smaller { cursor:pointer; float:right; background: var(--color6); width:20px; padding:5px 0px 5px 0px; font-size:20px; margin-right:10px; text-decoration:none; text-align:center;} .zbozi_form_minus_smaller { cursor:pointer; float:right; background: var(--color6); width:20px; padding:5px 0px 5px 0px; font-size:20px; margin-right:5px; text-decoration:none; text-align:center;} .zbozi_form_pocet_smaller { float:right ; position:relative !important; background: var(--color0) !important; width:30px; padding:2px 0px 2px 0px; border:0px solid !important; font-size:20px !important; font-weight:bold !important; margin-right:5px; text-decoration:none; text-align:center !important; color: var(--color43) !important;} .zbozi_form_koupit_smaller { float:right; padding:8px 18px 8px 18px; border:0px solid; color: var(--color0); font-size:11px; font-weight:bold; background: var(--color43) url(../grafika/imgeshop/scartc.png) no-repeat; background-size: 24px 24px; background-position: 50% 50%; } .varcont { border: var(--color46) 1px solid !important; margin-bottom:10px; } .vartitle { padding:10px; font-size:16px; font-weight:bold; color: var(--color46); background: url("../grafika/img/sipka_down.png") no-repeat; background-position:95% 50%; background-size:20px 20px; cursor:pointer; } .varitems { display:none; border-top: var(--color46) 2px solid !important;} .varitem { position:relative; border-bottom: var(--color47) 1px dotted !important; color: var(--color56); font-size:14px; font-weight:bold; padding:7px 10px; cursor:pointer; } .varitem:last-child { border-bottom: var(--color3) 0px dotted !important; } .varitem:hover { background: var(--color31); } .varikona { float:left; height:25px; width:30px;} .varpopis { float:left; line-height:25px; margin-left:15px; } /* == NewsEmail = */ .newslcont { position:reltive; background: var(--color3); padding:20px; align-items: center; } .newslcont2 { display: flex; flex-direction: column; align-items: center; background: var(--color3); padding: 30px; margin-top:20px; } .newslpopis { flex: 1; padding:5px; margin: 0; border: var(--color8) 0px dotted; width:100%; text-align:center; color: var(--color18); font-weight:bold; font-size:16px; line-height:20px; padding-right:10px; margin-bottom:5px;} .newslform { flex: 1; display: flex; flex-direction: column; padding:5px; margin: 0; border: var(--color8) 0px dotted; width:100%; } .newslformp1 { flex: 1; display: flex; flex-direction: column; border: var(--color8) 0px dotted;} .newsladresa { flex: 1.2; border: var(--color8) 0px dotted;} .newslbutton { flex: 0.8; border: var(--color8) 0px dotted; margin-top:10px; text-align:right;} .pol_email_inp { padding-left: 15px; height:42px; padding-right: 15px; min-width: 0; transition: all .3s ease; background-color: var(--color0); border: 1px solid var(--color52); font-size: 15px; appearance: none; -webkit-appearance: none; -moz-appearance: none; width: 100%; margin-right: 20px; } .pol_prihlasit_inp { display: inline-flex ; align-items: center; justify-content: center; flex-shrink: 0; position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: all .3s ease; text-decoration: none; border: none; border-radius: 3px; cursor: pointer; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; -webkit-appearance: none; font-size: 13px; background-color: var(--color50); box-shadow: 0 1px 0 0 var(--color57), 0 2px 4px 0 var(--color68); color: var(--color58); height:42px; margin-left: 10px; padding-left:20px; padding-right:20px; } #pol_souhlas_email { width: 20px; height: 20px; content: ""; transition: all .3s ease; border: 1px solid var(--color52); background-color: var(--color0);} .newslformp2 { flex: 1; border: var(--color8) 0px dotted; color: var(--color18); margin-top:10px;} @media only screen and (min-width: 280px) { .newslcont2 { } .newslpopis { text-align: left; } } @media only screen and (min-width: 780px) { .newslcont2 { display: flex; flex-direction: row; } .newslpopis { flex: 0.8; margin-bottom:0px; } .newslform { flex: 1.2; } .newslbutton { margin-top:0px; text-align:left;} .newslformp1 { display: flex; flex-direction: row; } } /* == detail ====*/ .detailcont { margin-top:10px; position:relative; } .dcontainer { display: flex; flex-direction:column; } .dcontleft { padding: 3px; display: flex ; flex: 1; flex-direction: column; flex-wrap: nowrap; justify-content: space-between; align-items: center; } .pictcontainer { width: 100%; display: flex ; overflow: hidden; position: relative ; padding:10px; border-top: var(--color12) 0px solid; } .pictslider { flex: 100% 0 0; width: 100%; display: flex ; overflow: hidden; text-align: center; align-items: center; justify-content: center; } .detailslide { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;} .pictfotoimg { max-height: 100%; min-height: 400px; object-fit: contain; transition: transform 0.1s ease, transform-origin 0.1s ease; height: auto; max-width: 100%; } .pictfotodata { position: absolute; top: 20px; right: 20px; left: 20px; bottom: 20px; } .pictstitekitem { position:absolute; right:-10px; font-size:11px; font-weight:bold; padding:8px 15px; } .pictslevacont { position:absolute; left:-10px; font-size:13px; font-weight:bold; top:0px; padding:7px 10px; background: var(--color40); color: var(--color0); } .pictskladcont { position:absolute; right:-10px; font-size:13px; font-weight:bold; bottom:0px; padding:7px 10px; background: var(--color41); color: var(--color0);} .fotgcontainer { width: 100%; display: flex ; background: var(--color0); column-gap: 10px; margin: 0px; align-items: center; justify-content: center; } .fotgcontainersub { width: 100%; display: flex; position: relative; flex-wrap: nowrap; column-gap: 10px; align-content: flex-start; justify-content: flex-start; flex-direction: row; align-items: center; overflow: hidden; flex-wrap: wrap; height: 120px; } .fotitembut { border: 0px solid var(--color26); margin:3px 0px; height: 110px; display: flex ; padding: 3px; position: relative; background: var(--color0); box-sizing: border-box; align-items: center; border-radius: 1px; justify-content: center; width: 110px; aspect-ratio: 1; cursor:pointer; } .fotitembut:hover { border: var(--color12) 2px solid;} .fotitembutvyrobce { cursor: none !important; margin-right:10px;} .fotitembutvyrobce:hover { border: 0px solid !important; } .fotitemimg { object-fit: contain; aspect-ratio: 1; height: auto; max-width: 100%;} .kategoriecont { list-style-type: none; padding:0px; margin: 0px; flex:0; width: 100%; display:grid; gap:1px; grid-template-columns: 1fr 1fr;} .kategoriecontitem { text-align:center; padding:10px; } .kategoriecontitemlbl { background: var(--color0); font-size:15px; font-weight:500; } .kategoriecontitemval { background: var(--color6); font-size:13px; font-weight:100; line-height:18px;} .dcontright { padding-left: 20px; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: space-between; align-content: flex-start; align-items: center; width: 100%; overflow-x: hidden; margin-top:20px; border-bottom: var(--color6) 5px solid;} .detitemkod, .detitemkodp { flex:0; width:100%; font-size:13px; font-weight:100; padding-bottom:4px; color: var(--color1); letter-spacing:1px;} .detitemkodval, .detitemkodvalp { flex:0; width:100%; line-height:22px; font-size:20px; font-weight:900; padding-bottom:6px; color: var(--color39); } .detitemkodp { margin-top:5px; } .detitemkodvalp { font-weight:100; font-size:18px; } .detitemnazev { flex:0; width:100%; font-size: 25px; line-height: 30px; font-weight: 100; padding: 20px 0px 10px 0px; letter-spacing: 1px; } .detitemceny { flex:0; width: 100%; border-bottom: 0px solid; display: flex; flex-direction: column; margin-top: 10px; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: flex-end; margin-bottom: 10px; padding-right: 10px; } .detitemcenasleva { flex:1; line-height: 40px; text-align:center; font-weight:bold; color: var(--color38); font-size:30px; white-space:nowrap; } .detitemcenafull { flex:1; line-height: 25px; text-align: center; font-weight: 100; color: var(--color2); font-size: 20px; white-space: nowrap; text-decoration: line-through;} .detitemcenyall { flex: 0; width: 100%; display: grid ; gap: 0px; grid-template-columns: auto auto auto; border: var(--color7) 1px solid; margin-top: 10px; border-bottom:0px solid;} .detitemcena { padding: 10px 6px; border-bottom: var(--color7) 1px solid; font-size:11px; font-weight:100; white-space:nowrap; text-align:right; overflow-x: hidden; } .detitemcenavyraz { text-align:right; background: var(--color12); font-weight:500 !important; font-size:12px;} .detitemcenalbl { font-weight:100; text-align:left;} .detitemtextinfo { flex: 0; width: 100%; text-align: center; font-size: 12px; font-weight: 100; padding: 10px; border: var(--color9) 2px solid; margin: 15px 0px; line-height: 18px;} .detitemtextinfoodk { color: var(--color48); font-weight:bold;} .detitempolozky { flex: 0; width: 100%; display: grid ; gap: 0px; grid-template-columns: 3fr 1fr; margin-top: 10px; border: var(--color7) 1px solid; border-bottom:0px solid;} .detitempolozkystrj { flex: 0; width: 100%; display: grid ; gap: 0px; grid-template-columns: 1fr 6fr; margin-top: 30px; border: var(--color7) 0px solid; border-bottom:0px solid;} .detname, .detico { padding: 12px 6px; text-align:left; border-bottom: var(--color7) 1px solid; } .detname a, .detico a { font-weight:100; line-height: 18px; font-size: 18px; text-decoration:none; color:var(--color4);} .detico { text-align:center; } .detitempolozkaitem { padding: 10px 6px; border-bottom: var(--color7) 1px solid; font-size:11px; font-weight:100; white-space:nowrap; text-align:left; } .detitempolozkalbl { font-weight:100; } .detitempolozkaval { font-weight:100; } .asterix { color: var(--color12);} .dvojbunka { grid-column-start: 1; grid-column-end: 2;} .detitemform { flex:0; width: 100%; margin-top: 10px; padding: 10px 0px; display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center; } .detitemform form { flex:0; width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: flex-start; align-items: center; padding: 10px 0px; } .det_zbozi_boxformmnozstvi { flex:0; display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center; border: var(--color5) 2px solid; padding:7px 15px;} .det_zbozi_boxformmnozstvipoc { border:0px solid; text-align: center; font-weight: 600; font-size:22px; width:60px; } .det_zbozi_boxformmnozstvibut { flex:0; text-align: center; font-weight: 600; border:0px solid; font-size:18px; color: var(--color3); align-content: center; justify-content: center; cursor: pointer;} .det_zbozi_boxforminp { flex:0; margin-left:15px; display: inline-flex; padding:10px 0px; } .det_zbozi_boxforminpbut { padding:15px 20px; font-weight:bold; background: var(--color12); border: none; cursor: pointer; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; -webkit-appearance: none; font-size: 12px; } .listaprepinac { flex:1; display:flex; flex-direction:row; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center; border-bottom: var(--color9) 2px solid; padding:20px; margin: 5px; margin-top:20px;} .listaprepinacodk { flex:1; max-width: 150px; padding:10px 20px; background: var(--color0); color: var(--color21); color: var(--color2); background: var(--color0); border: var(--color9) 2px solid; text-decoration:none; font-size:14px; margin:5px; text-align:center; } .listaprepinacodk:hover { background: var(--color34);} .listaprepinacodkact { flex:1; max-width: 150px; background: var(--color9); color: var(--color21); } .listaprepinacodkact:hover { background: var(--color14);} .kodcontainer { flex:1; padding:3px; display: flex; flex-direction:column; } .kodname { position:relative; background: var(--color0) ; text-align:left; padding:3px; font-weight:bold; color: var(--color4); font-size:10px; border: var(--color4) 0px dotted; margin-bottom:5px;} .kodvalue { position:relative; background: var(--color0) ; text-align:right; padding:3px; font-weight:bold; color: var(--color2); font-size:13px; border: var(--color4) 0px dotted;} .nazevcontainer { flex:1; padding:3px; display: flex; flex-direction:column; } .nazevvalue { flex:1; background: var(--color0) ; font-family:niveau-grotesk; font-weight:bold; text-align:left; font-size:23px; line-height:26px; color: var(--color1); padding:3px; border: var(--color4) 0px dotted;} .cenacontainer { flex:1; padding:3px; display: flex; flex-direction:row; } .cenasleva { flex:1; padding:3px; text-align:left; color: var(--color8); font-size:30px; font-weight:900; } .cenafull { flex:1; padding:3px; text-align:right; color: var(--color5); font-size:22px; font-weight:normal; text-decoration:line-through;} .slevycontainer { flex:1; padding:3px; display: flex; flex-direction:column; } .pricegrids { display: grid; grid-template-columns: auto auto auto; width:100%; border: 1px solid var(--color5); border-bottom:0px solid; } .pricetitle { border-bottom: 1px solid var(--color5); text-align:left; padding:5px;} .priceeur { border-bottom: 1px solid var(--color5); text-align:right;border-left: 1px solid var(--color5); padding:5px; border-right: 1px solid var(--color5);} .priceczk { border-bottom: 1px solid var(--color5); text-align:right; padding:5px; } .priceselected { background: var(--color14); font-weight:bold; } .textcontainer { flex:1; border: var(--color14) 2px solid; padding:10px; margin:10px 5px; text-align:center; line-height:20px; } .textnorm { color: var(--color2); font-size:14px;} .textstrong { color: var(--color49); font-size:14px; font-weight:bold; } .othercontainer { flex:1; padding:3px; display: flex; flex-direction:column; } .othergrids { display: grid; grid-template-columns: auto auto; width:100%; border: 1px solid var(--color5); border-bottom:0px solid; } .othertitle { border-bottom: 1px solid var(--color5); text-align:left; padding:5px; } .othervalue { border-bottom: 1px solid var(--color5); text-align:right; padding:5px;} .dcontprop { position:relative; padding:3px; margin-top:20px; } .dcontproppopis { position:relative; padding:3px; overflow-wrap: break-word; margin:20px; font-weight:100; line-height:22px; font-size:larger;} .dcontpropbox { position:relative; padding:3px; } .dcontpropboxodsz { margin-top:30px; margin-bottom:30px;} .dcontproptitle { border-bottom: var(--color14) 2px solid; border-bottom: var(--color9) 2px solid; display: flex; align-items: center; justify-content: flex-start; align-content: center; flex-direction: row; flex-wrap: nowrap;} .dcontproptitletext { flex: 0; padding: 10px 25px; font-size: 16px; background: var(--color9); white-space:nowrap; } .dcontpropboxborderbot { padding-bottom:20px; border-bottom: var(--color14) 2px solid;} .dcontpropobsah { position:relative; padding:3px; display:block; margin-bottom:20px; } .dcontpropobsahbp { padding:3px 0px !important; } .ppk { background: var(--color18); padding:20px; var(--color18); border:1px var(--color6) solid;} .dcontfotoslist { display: grid; gap: 8px; grid-template-columns: 1fr 1fr; justify-content: center; align-items: center; justify-items: center; align-content: start; } .dcontfotoitem { flex: 100% 0 0; width: 100%; display: flex ; overflow: hidden; text-align: center; align-items: center; justify-content: center; aspect-ratio: 3/2} .dcontfotoitemdetail { width: 100%; height: 100%; display: flex ; align-items: center; justify-content: center;} .dcontfotoitemimg {max-height: 100%; min-height: 200px; object-fit: contain; height: auto; max-width: 100%; } .dcontfileslist { flex:1; display: flex ; flex-direction: column; flex-wrap: nowrap; align-content: center; justify-content: flex-start; align-items: flex-start; } .dcontfileitem { width:100%; padding:10px; display: flex ; align-content: center; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: flex-start; } .dcontfileitem:hover { background: var(--color6); } .dcontfileitemodk { width:100%; text-decoration:none; color: var(--color21); border-bottom: var(--color5) 1px dotted; } .dcontfileitemodk:last-child { border-bottom:0px solid;} .dcontfileitemico { flex:0; } .dcontfileitemtext { flex:1; margin-left:10px; } .dcontclnklist { flex:1; display: flex ; flex-direction: column; flex-wrap: nowrap; align-content: center; justify-content: flex-start; align-items: flex-start; } .dcontclnkitemodk { width:100%; text-decoration:none; color: var(--color21); border-bottom: var(--color5) 1px dotted;} .dcontclnkitemodk:last-child { border-bottom:0px solid;} .dcontclnkitem { width:100%; padding:20px 0px; display: flex ; align-content: center; flex-direction: column; flex-wrap: nowrap; align-content: flex-start; justify-content: flex-start;} .dcontclnkitempict { flex:1; padding: 0px 5px 0px 0px; display: flex; flex-direction: column; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center; margin-bottom:20px; } .dcontclnkitemimg { width: 280px; height:auto; } .dcontclnkiteminfo { flex:1; padding: 0px 0px 0px 15px; flex: 1; padding: 0px 0px 0px 15px; display: flex; flex-direction: column; flex-wrap: nowrap; align-content: flex-start; justify-content: flex-start; align-items: flex-start; } .dcontclnkitemnazev { flex: 1; text-align: left; font-size: 20px; margin-bottom: 10px;} .dcontclnkitempopis { flex:1; text-align: justify; font-weight: 100; line-height: 18px; font-size: 13px; margin-bottom: 10px;} .dcontclnkitemopen { flex:0; text-align: right; padding: 8px 25px; background: var(--color9); margin-right:20px; } .dcontclnkiteminfolista { flex:1; width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: flex-end; align-items: center; } .dcontnahrlist { flex:1; display: grid ; grid-template-columns: 1fr ; gap: 0px; margin: 0px -5px; } .dcontnahritem { height:100%; width:100%; padding:5px;} .dcontdoplist { flex:1; display: grid ; grid-template-columns: 1fr ; gap: 0px; margin: 0px -5px;} .dcondopitem { height:100%; width:100%; padding:5px;} .productarticlecont { padding: 0px; height:100%; width:100%; border-bottom: var(--color12) 3px solid; } .productarticlecont:hover {border:2px var(--color12) solid;} .produktcont { width: 100%; display: flex; flex-direction: column; flex-wrap: nowrap; align-content: center; justify-content: space-between; align-items: center; } .productcontodk { text-decoration:none; } .prouktctitle { width: 100%; padding: 10px 7px 10px 15px ; color: var(--color0); font-size:16px; background: var(--color1); text-overflow: ellipsis; } /*.prouktcpict { flex:1; display:flex; flex-direction:column; padding:5px 0px;} */ /*.prouktcimg { width: 100%; object-fit: contain;} */ .produktstitek { position:absolute; right:0px; font-size:15px; font-weight:bold; padding:7px 10px; } .produktslevanr { position: absolute; bottom:5px; left:3px; background: var(--color40); border: var(--color0) 1px solid; padding:5px 8px; font-weight:bold; color: var(--color0); font-size:12px; } .produktskladnr { right: 3px; bottom: 5px; background: var(--color41); padding: 5px; border: var(--color0) 1px solid; text-align: right; font-family: Helvetica; color: var(--color0); font-weight: bold; font-size: 11px; position: absolute;} .produktcpictst { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } .produktcpict { position: relative; margin-top: 5px; text-align: center; width:100%; aspect-ratio:1/1; display: flex ; flex-direction: row;} .produktcpictdetail { width: 100%; height: 100%; display: flex ; align-items: center; justify-content: center; } .produktcimg { max-height: 100%; min-height: 150px; object-fit: contain; height: auto; max-width: 100%;} .prouktcpopis { width: 100%; padding: 10px 5px 20px 5px; color: var(--color21); line-height:16px; font-size: 15px; font-weight: 100; text-align: justify; } .dcontvideoslist { margin:10px 0px ; display: flex ; flex-direction: column; flex-wrap: nowrap; align-content: center; justify-content: flex-start; align-items: center;} .dcontvideositem { flex:1; width:100% !important; margin:10px 0px;} .dcontvideositem iframe { width: 100% !important; max-height: 500px !important; object-fit: contain;} @media only screen and (min-width: 300px) { .othercontainerleft { flex-direction:row;} .othlogo { width:35%;} .othdruhy { width:65%;} } @media only screen and (min-width: 480px) { .dcontclnkitem { flex-direction: row; display: flex ; flex-wrap: nowrap; align-content: flex-start; justify-content: flex-start; align-items: flex-start;} .dcontclnkitempict { flex:0.5; margin-bottom:10px;} .dcontclnkitemimg { width: 180px; } .dcontclnkiteminfo { flex:1.5; } .dcontnahrlist { grid-template-columns: 1fr 1fr ;} .dcontdoplist { grid-template-columns: 1fr 1fr ;} } @media only screen and (min-width: 640px) { .dcontainer { flex-direction:row; } .dcontleft { max-width:60%; padding: 0px 10px;} .dcontright { max-width:40%; margin-top:0px;} .dcontfotoslist { grid-template-columns: 1fr 1fr 1fr;} .dcontnahrlist { grid-template-columns: 1fr 1fr 1fr;} .dcontdoplist { grid-template-columns: 1fr 1fr 1fr;} } @media only screen and (min-width: 1024px) { .detitemcenalbl { font-size:15px; } .detitemcena { font-size:15px; } .detitemtextinfo { font-size:15px; line-height:25px; } .detitemcenavyraz { font-size:16px; } .detitempolozkalbl { font-size:15px; } .detitempolozkaval { font-size:15px; } .kategoriecontitemval { font-size:16px; line-height:25px;} } /* == ZAKLADNI VYBAVA */ .dcontpropobsahvyb { padding:5px 0px; } .vybzaklcont, .vybvolcont { position: relative; display: flex; flex-direction: column; width: 100%; height:auto; overflow-y: auto; transition: transform 0.5s ease; flex-wrap: nowrap; align-content: center; justify-content: flex-start; align-items: flex-start; } .vybzaklcont ul , .vybvolcont ul { flex: 1; padding: 0px; margin: 0px; width: 100%; list-style: none;} .sekcetitle { flex: 1; background: var(--color35); display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: space-between; align-items: center; border-bottom: var(--color0) 1px solid; cursor:pointer; padding: 5px;} .sekcetitlenazev { flex: 0; white-space: nowrap; color: var(--color0); text-decoration: none; padding: 7px; letter-spacing: 1px; text-transform: uppercase; font-size: 10px; font-weight: bold; } .sekcetitleshhd { flex: 0; color: var(--color0); text-decoration: none; padding: 7px; font-size: 10px !important; cursor:default; } .vybitemcont { position:relative; flex: 1; display:none; } .vybitemcontact { display:flex; flex-direction:column; } .vybitem { display: grid; grid-template-columns: 15px auto ; padding: 5px 0px; border-bottom: #BBBBBB 1px dotted; } .vybitemvol { display: grid; grid-template-columns: 15px auto ; gap:2px; padding: 5px 0px; border-bottom: #BBBBBB 1px dotted; } .vybitemelm1 { display:flex; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: flex-start; color: var(--color20); padding-top: 10px; } .vybitemelm2 { display:none; flex-direction: row; align-content: center; justify-content: flex-end; align-items: flex-start; padding-right:5px; padding-left:5px; } .vybitemelm3 { display:flex; flex-direction:column; letter-spacing:0.3px; padding:0px 5px;} .vybitemelm4 { display:flex; flex-wrap: nowrap; align-content: center; justify-content: flex-start; align-items: center; line-height: 25px; font-size:18px; flex-direction: column; } .vybitemelm2 .fotoicon a { display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center; text-decoration: none; color: var(--color11); } .vybitemelm3p1popis { font-size:12px; font-weight:300; color: var(--color1); line-height:15px;} .vybitemelm3p1kod { font-size:9px; font-weight:700; color: var(--color20); } .vybitemelm3p1kodtitle { font-size:8px; font-weight:300; color: var(--color20);} .vybitemelm3p2, .vybitemelm3p3, .vybitemelm3p4 { padding-top:4px;font-size:10px; font-weight:300; color: var(--color11); line-height:11px; font-style:italic; } .vybitemelm3p5 { padding:10px; text-align:right;} .vybitemelm4 { display:none;} @media only screen and (min-width: 580px) { .vybitemcont { display:flex; flex-direction:column; } .vybitem { display: grid; grid-template-columns: 15px auto ; gap:2px; } .vybitemvol { display: grid; grid-template-columns: 15px auto 80px; gap:5px; padding: 8px 0px; } .vybzaklcont .sekcetitleshhd { display:none !important; } .vybitemelm2 { align-items: center;} .vybitemelm3 { display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: flex-start; } .vybitemelm4 { display:flex; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: flex-end; } .vybitemelm3p5 { display:none;} } /* == POZADAVKY */ .cmppodklad { position:fixed; left:0px; top:0px; right:0px; bottom:0px; z-index:10; background:rgba(0,0,0,0.6); display: flex; flex-direction: column; flex-wrap: nowrap; align-content: center; justify-content: center; padding:10px; } .cmppcenter { flex:1; display:flex; flex-direction: column; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center; } .cmpcont { width: 100%; border-radius:2px; background:#FFFFFF; display: flex; flex-direction: column; flex-wrap: nowrap; align-content: center; justify-content: flex-start; align-items: flex-start; z-index:101; } .cmptitle { flex:0; display:flex; flex-direction:row; width: 100%; flex-wrap: nowrap; align-content: center; align-items: center; justify-content: space-between; color:#FFFFFF; font-size:12px; font-weight:bold; } .cmptitle2 { letter-spacing:0.3px; flex:1; display:flex; flex-direction:row; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: space-between; align-items: center; margin: 5px; background-image: linear-gradient(to right, #4682b4, #FFFFFF); padding: 7px; } .cmptitleclose { color:#005577; font-size:18px; font-weight:bold; text-decoration:none; } .cmpobsahcont { flex:1; display: flex; width: 100%; flex-direction: row; position: relative; } .cmpobsahcont form { flex:1; border:0px solid; display:flex; flex-direction:column; margin: 0px 5px 5px 5px; } .cmplistatlacitka { flex:0; border:0px solid; padding:0px 5px 5px 5px; display:flex; flex-direction:row; border-bottom:#caddf5 0px solid;} .cmpnazev { } .cmpdoprvtext { flex:1; border:0px solid; padding:5px; } .cmpkod { line-height:30px; background:#EEEEEE; padding:4px 15px; font-size:14px; } .cmppopiskod { flex:1; background: var(--color25); font-weight:300; font-size:12px; line-height:15px; padding:5px;} .cmppopiskod2 { font-weight:bold; font-size:13px; } .cmppopistabulky { flex:1; margin:5px 0px; font-size:12px;} .cmppopistabulkypoz { color: var(--color41);} .cmppopistabulkykol { color: var(--color17);} .vybitemcontact { display:unset;} .volvybcmpcont { display:flex; flex-direction:row; } .volvybcmpfotonr { flex:0; padding-right:5px;} .volvybcmpfotoico { flex:0; } .cmpplus { background: var(--color23); padding: 5px 15px; color: var(--color0); text-decoration: none; line-height: 20px; border-radius: 3px; letter-spacing: 1px; font-size: 12px;} .cmpminus {background: var(--color28); padding: 5px 15px; color: var(--color0); text-decoration: none; line-height: 20px; border-radius: 3px; letter-spacing: 1px; font-size: 12px;} .cmpobsahpozadavkycont { display:flex; width:100%; letter-spacing:0.5px; flex-direction:column; flex-wrap: nowrap; align-content: center; justify-content: flex-start; align-items: center; padding: 5px;} .containerkolize, .containerpozadavky { flex:1; display: flex; flex-direction: column; flex-wrap: nowrap; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; align-items: stretch; width: 100%; } .cmpkolnazev { flex:0; padding: 7px 15px; flex:1; font-weight: bold; font-size: 12px; text-align: left; color:var(--color16); background:var(--color38);} .cmppoznazev { flex:0; padding: 7px 15px; flex:1; font-weight: bold; font-size: 12px; text-align: left; color:var(--color16); background:var(--color41);} .cmpozzpet { flex:1; background:#EEEEEE; color: var(--color44); font-weight:bold; padding:5px 30px; margin:10px; cursor:pointer; } .cmpkodylist { flex:1; display:flex; flex-direction: column; } .cmpkodylistitem { flex:1; display:grid; grid-template-columns: auto 30px; align-items: center; padding:5px; border-bottom: var(--color44) 1px dotted; } .cmpkodylistitem1 { text-align:left; font-size:12px; line-height:14px; vertical-align:middle; font-weight:normal; color:var(--color42); } .cmpkodylistitem1p { margin-left:5px; font-weight:bold; color:var(--color20) } .cmpkodylistitem2 { text-align:right; } .cmppkplus { color: var(--color45); font-size:18px;} .cmppkminus { color: var(--color17); font-size:18px;} .vybranapolozka { background: rgba(157, 255, 0, 0.15) !important; } .vyskrtnutapolozka { background:#AAAAAA !important; text-decoration:line-through !important; padding:5px;} @media only screen and (min-width: 580px) { .cmpcont { width: 80%; max-width:800px; } .cmppopiskod { font-size:14px; line-height:16px;} .cmpkodylistitem1 { font-size:14px; line-height:16px; } .cmpkodylistitem1p { } .cmpplus { padding:2px 10px; margin-right:5px;} .cmpminus { padding:2px 10px; margin-right:5px;} } /* == VOLITELNA VYBAVA */ .volvybupozorneni { padding:10px 20px; margin-top:5px; background:#FFD700; font-size:20px; color:#880000; font-weight:normal; text-align:center; } .sekcefile { display:flex; flex-direction:row; padding:5px; font-weight:bold; font-size:11px; color:#444444; border-bottom:#FFFFFF 2px solid ; flex-wrap: wrap; align-content: flex-start; align-items: center; } .fileitem { flex:0; position:relative; background:#4682b4; color:#FFFFFF; padding:5px 30px; font-weight:300; text-decoration:none; white-space:nowrap; font-size: 14px; } /* == FOTOGALERIE */ .fotogcont { display:none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 900000000000000000; background-color: var(--color67); pointer-evecnts: none; transition: opacity 0.5s ease; padding:5px; flex-direction:column; flex-wrap: nowrap; align-content: space-between; justify-content: space-between; align-items: center; } .fotogplocha { flex:1; width:100%; height:100%; display:flex; flex-direction:column; border-radius:4px; background: var(--color0); } .fotogplochapryc { position:absolute; top:20px; right:20px; cursor:pointer; } .fotogscr { flex:1; padding:10px; } .fotogscrcont { width: 100%; height: 100%; display: flex; flex-direction: row; align-items: center; justify-content: center; align-content: center; flex-wrap: nowrap;} .fotogscrbut { flex:0; border:0px solid; margin:5px; color: var(--color2); cursor:pointer;} .fotogscrpict { flex: 1; display: flex; flex-direction: column; height: 100%; flex-wrap: nowrap; align-content: space-between; justify-content: center; align-items: center; } .fotogscrpicttitle { flex: 0; display: flex ; width: 100%; line-height:16px; padding: 5px 10px; text-align: left; vertical-align: top; flex-direction: row; flex-wrap: nowrap; align-content: flex-start; align-items: flex-start; justify-content: flex-start; } .fotogscrpicttitlenr { flex:0; font-weight:bold; font-size:12px; margin-right:15px;} .fotogscrpicttitletext { flex:1; font-weight:100; font-size:12px; } .fotogscrpictcan { width: 100%; height:calc(100% - 30px); display: flex ; align-items: center; justify-content: center;} .fotogscrpictimg { box-sizing: inherit; max-height: 95%; min-height: 400px; object-fit: contain; transition: transform 0.1s ease, transform-origin 0.1s ease; will-change: transform; height: auto; max-width: 95%; } .fotoseznam { flex:0; width:100%; border-left: var(--color7) 1px solid; border-top: 0px solid; padding:10px; } .fotoseznamlist { gap:5px; display:flex; overflow-y:hidden; overflow-x:auto; } .fotoseznamitem { padding: 0px; margin: 0px 2px; display: flex ; flex-direction: column; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center; cursor:pointer; aspect-ratio:3/2.3; } .fotoseznamitem:hover { border: var(--color9) 2px solid;} .fotoseznamimg { width:60px; max-height: 100%; object-fit:contain; } @media only screen and (min-width: 480px) { .fotogplocha { flex-direction:row; } .fotogscr { flex:unset; width: calc(100% - 25%); min-width:330px; } .fotoseznam { flex:unset; width: 25%; min-width:150px; border-left: 0px solid; border-top: var(--color7) 1px solid; } .fotoseznamlist { display: grid ; gap: 5px; grid-template-columns: 1fr 1fr; overflow-y: auto; overflow-x: hidden; height: calc(100% - 20px); margin-top: 20px; justify-content: center; align-items: center; justify-items: center; align-content: start; } .fotoseznamitem { flex:1; padding: 0px; margin: 0px; } .fotoseznamimg { width:100%; } } /* == Roller ==== */ .rlrcont { position:relative; width:100%; display:flex; flex-direction:column; margin:20px 0px; flex-wrap: nowrap; align-content: space-between; align-items: flex-start; justify-content: center; } .rlrtitle { flex:0; position:relative; width:100%; border-bottom: 3px var(--color12) solid; text-align:left; display:flex; flex-direction:row; } .rlrtext { position:relative; margin-left:10px; padding:10px 15px 7px 15px; font-weight:bold; font-size:9px; letter-spacing:1px ; text-transform:uppercase; color: var(--color1); background: var(--color12); } .rlrobsahcont { flex:0; width:100%; display:flex; flex-direction:row; flex-wrap: nowrap; align-content: center; justify-content: flex-start; align-items: center; } .rlrbut { flex:0; text-decoration:none; color: var(--color1); } .rlrbut:hover { color: var(--color12); } .rlrobsah { flex: 1; display:grid; margin-right:5px; grid-template-columns: 1fr ; } .rlritemcont { flex:1; width:100%; display:flex; flex-direction:column; padding:10px; } .rlritemodk { text-decoration:none; color: var(--color1); } .rlritemobsah { border: var(--color4) 1px solid; flex:1; display:flex; flex-direction:column; flex-wrap: nowrap; align-content: center; justify-content: space-between; align-items: center;} .rlr_zbozi_box { flex:1; width:100% !important; padding:0px !important; } .rlr_zbozi_box .zbozi_boxform {flex-wrap: wrap; justify-content: center; border: 0px dotted; padding: 2px 15px; margin: 20px 0px; align-content: flex-end;} @media only screen and (min-width: 480px) { .rlrobsah { grid-template-columns: 1fr 1fr ; } } @media only screen and (min-width: 780px) { .rlrobsah { grid-template-columns: 1fr 1fr 1fr; } .rlritemcont:nth-child(4) {display:none;} } @media only screen and (min-width: 1024px) { .rlrobsah { grid-template-columns: 1fr 1fr 1fr 1fr; } .rlritemcont:nth-child(4) {display:flex; } } /* == Paticka === */ .patacont { background: var(--color0); background-image: linear-gradient( var(--color0), var(--color0), var(--color0)); margin-top:40px;} .footercont { padding:0px 0px 20px 0px} .patalside { float:left; width:100%; overflow:hidden; padding:5px;} .patarside { float:left; width:100%; overflow:hidden; padding:5px;} @media only screen and (min-width: 780px) { .patalside { width:65%;} .patarside { width:35%; } } /* == Paticka - odkaz nahoru === */ .pruhnahoru { background: var(--color3); cursor:pointer; text-align:center; line-height:20px; padding:10px ; color: var(--color0); font-size:14px; font-weight:bold; } .pruhnahoruodk font { background: var(--color0); text-align:center; line-height:20px; padding:5px ; color: var(--color1); font-size:14px; font-weight:bold; } /* == Paticka - odkazy strukturovane=== */ .patamenu { position:relative; margin-top:0px; width:100%; } .patamenuitem { position:relative; } .patamenuitem:last-child .pmititle { border:0px solid;} .pmititle { padding-left:5px ; color: var(--color32); cursor: pointer; font-size: 14px; font-weight: 700; letter-spacing: 1.7px; line-height: 40px; position: relative; } .pmicont { padding: 10px; border-bottom:1px solid; display:none;} .pmicontr { padding: 10px 0px; border-bottom:0px solid; border:0px solid; display:flex; flex-direction:column; } .pmicontul { list-style: none; margin: 0; padding: 0; } .pmicontli { font-size: 16px; vertical-align: middle; display:block; padding:5px; } .pmicontodk { color: var(--color4); font-size: 15px; letter-spacing: 0; line-height: 20px; margin-left: 0; padding: 0; text-decoration: none; display:block; } .pmicontodk2 { color: var(--color2); position:absolute; right:10px; top:50%; transform: translateY(-50%); line-height: 20px; margin-left: 0; padding: 0; text-decoration: none; display:block; } .zobrazit { display:block !important;} .skryt { display:none !important;} /* == Pata rbox ===========*/ .kontaktbox { flex:1; display:flex; flex-direction:column; margin-top:20px; margin-top: 20px; margin-bottom: 10px;} .kontaktboxrow { flex:1; display:flex; flex-direction:row; padding:10px; align-content: center; align-items: center; justify-content: center; flex-wrap: nowrap; } .kontaktboxrowico { flex:0; padding:0px 10px; } .kontaktboxrowtext { flex:0; color: var(--color2); padding:0px 10px; font-size:20px; white-space:nowrap; } .socialsbox { flex:1; display:flex; flex-direction:row; padding-top:10px; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center;} .socialsicoodk { flex:0; padding:10px; margin:0px; color: var(--color2); text-decoration:none; } .socialsicoodk:hover { color: var(--color50); } .appbox { flex:1; display:flex; flex-direction:row; flex-wrap: wrap; align-content: center; justify-content: center; align-items: center; } .appboxodk { flex:0; margin:20px; text-decoration:none; } .appboximg { max-height:45px;} @media only screen and (min-width: 780px) { .pmicont { padding: 5px; border-bottom:0px solid; display:unset;} .patamenu { display: flex ; flex-direction: row; justify-content: space-between; } .patamenuitem { width: 25%; border-right: var(--color4) 1px dotted; margin:30px 10px 10px 10px; padding:0px 10px; } .patamenuitem:last-child { border:0px solid;} .patarside { margin:20px 0px; padding:0px ;} .pmicontr { padding: 10px; } .pmititle { line-height: 20px; font-size: 18px; padding:0px ; pointer-events: none; } .pmicontodk2 { display: none !important; } } /* == Paticka odkazy napravo === */ /* == Paticka druhy radek === */ /* == Paticka tiraz === */ .tiraz { background: var(--color0); text-align:center; line-height:20px; padding:20px 5px 5px 5px ; color: var(--color4); font-size:12px; }