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, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0; padding: 0; border: 0; outline: 0;
vertical-align: baseline; background: transparent;}
body { line-height: 1;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none;}
:focus { outline: 0;}
ins { text-decoration: none;}
del { text-decoration: line-through;}
table { border-collapse: collapse; border-spacing: 0;}
/******************************************************************************/
*, *:after, *:before { -moz-box-sizing: border-box; box-sizing: border-box; }
*:last-child { margin-bottom: 0 !important; }
/* =Structure
----------------------------------------------- */
body {
line-height: 1.4;
font-family: 'Source Sans Pro', Arial, sans-serif;
font-size: 16px;
font-weight: 400;
margin: 0;
padding: 0;
background: #fff;
color: #35314b;
}
html, body { height: 100%; }
p { margin: 0 0 20px; }
@media (min-width: 960px) {
p { }
}
a { text-decoration: underline; color: #261475; text-decoration-skip: ink; transition: all .25s ease-in-out; }
a:hover { text-decoration: none; }
.tlacitko, input[type="submit"] { display: inline-block; margin: 4px; padding: 10px 15px; border: 0; }
.tlacitko, input[type="submit"] { font-size: 14px; line-height: 1.5; text-decoration: none; text-transform: uppercase; font-weight: 700; }
.tlacitko, input[type="submit"], .tlacitko span { transition: all .25s ease-in-out; }
.tlacitko--medium { padding: 10px 32px; }
.tlacitko--big { padding: 10px 42px; }
@media (min-width: 960px) {
.tlacitko, .tlacitko--medium, input[type="submit"] { padding: 14px 20px; }
.tlacitko--big { padding: 15px 50px; font-size: 16px; letter-spacing: 1px; }
}
.tlacitko, input[type="submit"] { color: #fff; background-color: #3fc00f; }
.tlacitko:hover,, input[type="submit"]:hover { color: #fff; background-color: #55D426; }
h1, .h1, h2, h3, h4, h5, h6 { line-height: 1.4; font-weight: 700; }
h1, .h1 { font-size: 22px; }
h2 { font-size: 20px; }
h3 { font-size: 18px; }
h4 { font-size: 18px; }
h5, h6 { font-size: 18px; }
h1, .h1, h2 { margin: 0 0 20px; }
h3, h4, h5, h6 { margin: 0 0 20px; }
@media (min-width: 960px) {
h1, .h1 { font-size: 30px; }
h2 { font-size: 24px }
h3 { font-size: 18px }
p + h2, p + h3, p + h4 { margin-top: 35px; }
}
ul, ol { margin: 0 0 20px; }
li { margin: 15px 4px 15px 15px }
.embed-media { margin-bottom: 30px; }
hr { clear: both; border: 0; height: 1px; background: silver; width: 100%; margin: 20px 0; }
blockquote { margin: 1.5em 0; font-size: 18px; font-style: italic; color: #ababab; }
blockquote p { margin: 0 0 1.5em; }
blockquote *:last-child { margin: 0; }
table { margin: 0 0 1.5em; border: 0; }
td, th { padding: 5px; border: 0; text-align: left; vertical-align: middle; }
table.vsenalevo * { text-align: left; }
input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],input[type="url"], textarea {
width: 100%;
height: 45px;
margin: 0;
padding: 5px 15px;
font-size: inherit;
font-family: 'Source Sans Pro', sans-serif;
color: #000;
border: 1px solid #E5E3E3;
background: #fff;
}
textarea { height: 125px; padding: 10px 15px; }
select { width: auto; padding: 5px; }
select option:disabled { font-style: italic; color: silver; }
input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],input[type="url"], textarea { }
input[type=submit], button { width: auto; white-space: normal; cursor: pointer; -webkit-appearance: none; }
input[type=submit] { margin: 0; }
input[type=submit]:hover { }
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
color: gray;
font-size: 15px;
font-family: 'Source Sans Pro', sans-serif;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: gray;
opacity: 1;
font-size: 15px;
font-family: 'Source Sans Pro', sans-serif;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: gray;
opacity: 1;
font-size: 15px;
font-family: 'Source Sans Pro', sans-serif;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: gray;
font-size: 15px;
font-family: 'Source Sans Pro', sans-serif;
}
:placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
color: gray;
font-size: 15px;
font-family: 'Source Sans Pro', sans-serif;
}
.fluidMedia {
position: relative;
padding-bottom: 56.25%; /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */
padding-top: 30px;
height: 0;
overflow: hidden;
}
.fluidMedia iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
img { border: 0; max-width: 100%; height: auto; }
.imgd { text-align:center; margin:10px auto; clear:both; display:block}
.img-left, .imgdl { float: left; margin: 5px 5px 5px 0; clear: none; }
.img-right, .imgdr { float: right; margin: 5px 0 5px 5px; clear: none; }
.gm-style img { max-width: none; }
#media-query-breakpoint { font-family: '360'; }
@media (min-width: 500px) { #media-query-breakpoint { font-family: '500'; } }
@media (min-width: 600px) { #media-query-breakpoint { font-family: '600'; } }
@media (min-width: 768px) { #media-query-breakpoint { font-family: '768'; } }
@media (min-width: 960px) { #media-query-breakpoint { font-family: '960'; } }
@media (min-width: 1100px) { #media-query-breakpoint { font-family: '1100'; } }
@media (min-width: 1200px) { #media-query-breakpoint { font-family: '1200'; } }
@media (min-width: 1400px) { #media-query-breakpoint { font-family: '1400'; } }
/*
,ad8888ba, 88888888ba 88888888888 ,ad8888ba, 888b 88 88888888888
d8"' `"8b 88 "8b 88 d8"' `"8b 8888b 88 88
d8' `8b 88 ,8P 88 d8' 88 `8b 88 88
88 88 88aaaaaa8P' 88aaaaa 88 88 `8b 88 88aaaaa
88 88 88""""""8b, 88""""" 88 88 `8b 88 88"""""
Y8, ,8P 88 `8b 88 Y8, 88 `8b 88 88
Y8a. .a8P 88 a8P 88 Y8a. .a8P 88 `8888 88
`"Y8888Y"' 88888888P" 88888888888 `"Y8888Y"' 88 `888 88888888888
*/
body { display: flex; flex-direction: column; }
.clear { clear: both }
.clearfix:before, .cf:before, .clearfix:after, .cf:after { content: " "; display: table; }
.clearfix:after, .cf:after { clear: both; }
.center { text-align: center; }
.web { }
.main { flex: 1 0 auto; position: relative; }
.in { width: 94%; max-width: 1180px; margin: auto; padding: 20px 0; }
@media (min-width: 768px) {
.in { width: 96%; }
}
@media (min-width: 960px) {
}
@media (min-width: 1200px) {
}
.strankovani { }
.strankovani .dalsi { float: right; }
.strankovani .predchozi { float: left; }
.pagination { clear: both; margin-top: 50px; text-align: center; font-weight: bold; }
.pagination .page-numbers { display: inline-block; padding: 10px; border: 3px solid #3B2973; border-radius: 3px; line-height: 1; }
.pagination a.page-numbers { text-decoration: none; }
.pagination a.page-numbers:hover { background-color: #3B2973; color: #fff; }
.pagination .page-numbers.current { border-color: #fdcb07; }
/* Stylovani radii a checkoxu - https://kyusuf.com/post/completely-css-custom-checkbox-radio-buttons-and-select-boxes */
.control { display: block; position: relative; padding-left: 40px; cursor: pointer; }
.control input { position: absolute; z-index: -1; opacity: 0; }
.control__indicator {
position: absolute;
top: 0px;
left: 0;
width: 22px;
height: 22px;
background: #fff;
border: 1px solid #fff;
}
.control--radio .control__indicator { }
/* Hover and focus states */
.control:hover input ~ .control__indicator,
.control input:focus ~ .control__indicator { }
/* Checked state */
.control input:checked ~ .control__indicator {
background: #cd152d;
background-image: url(img/accept-white.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 11px 8px;
}
.control--radio input:checked ~ .control__indicator { }
/* Disabled state */
.control input:disabled ~ .control__indicator { pointer-events: none; opacity: .6; background: #e6e6e6;}
.chyba { padding: 20px; background-color: #DE1D11; color: #fff; font-weight: bold; }
/*
88 88 88 db 8b d8 88 ,ad8888ba, 88 a8P db
88 88 88 d88b `8b d8' 88 d8"' `"8b 88 ,88' d88b
88 88 88 d8'`8b `8b d8' 88 d8' 88 ,88" d8'`8b
88aaaaaaaa88 88 d8' `8b `8b d8' 88 88 88,d88' d8' `8b
88""""""""88 88 d8YaaaaY8b `8b d8' 88 88 8888"88, d8YaaaaY8b
88 88 88 d8""""""""8b `8b d8' 88 Y8, 88P Y8b d8""""""""8b
88 88 88 d8' `8b `888' 88 Y8a. .a8P 88 "88, d8' `8b
88 88 88888888888 d8' `8b `8' 88 `"Y8888Y"' 88 Y8b d8' `8b
*/
.header { background-color: #fff; position: relative; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16); }
.header__top { display: none; }
.header__top__in { max-width: 1180px; margin: auto; }
.header__main__in { max-width: 1180px; margin: auto; }
.header__main__in { display: flex; justify-content: space-between; position: relative; padding: 0; }
.hlavni-logo { margin: 16px auto 17px 10px; }
.hlavni-logo img { display: block; margin: 0; height: 33px; }
.header__search-toggle { display: block; width: 30px; height: 40px; margin: 13px 0 0; background: url(img/search.svg) center center no-repeat; background-size: 20px 20px; }
.header__tel { display: block; width: 30px; height: 40px; margin: 13px 0 0; background: url(img/tel.svg) center center no-repeat; background-size: 20px 20px; }
.header__main .uziv-odkazy { margin: 13px 0 0 }
.header__main .uziv-odkazy--neprihlaseny .uziv-odkaz__prihlaseni,
.header__main .uziv-odkazy--prihlaseny .uziv-odkaz__muj-ucet,
.header__main .uziv-odkazy--prihlaseny .uziv-odkaz__odhlasit {
text-indent: -9999px; display: block; width: 30px; height: 40px; ;
background: url(img/user.svg) center center no-repeat; background-size: 20px 20px;
}
.header__main .uziv-odkazy--neprihlaseny .uziv-odkaz__registrace { display: none; }
.header__main .uziv-odkazy--prihlaseny .uziv-odkaz__odhlasit { display: none; }
.rychlykosik { width: 40px; height: 40px; margin: 13px 5px 0 0; }
.rychlykosik a { text-decoration: none; display: block; width: 40px; height: 40px; }
.rychlykosik__basket { position: relative; margin: auto; width: 40px; height: 40px; background: url(img/cart.svg) center center no-repeat; background-size: 22px 20px; }
.rychlykosik__pocet { position: absolute; top: 3px; right: 3px; min-width: 15px; height: 15px; border-radius: 7px; text-align: center; }
.rychlykosik__pocet { background-color: #de1d11; color: #fff; font-weight: bold; line-height: 15px; font-size: 11px; }
.rychlykosik__obsah { display: none; }
@media (min-width: 400px) {
.header__search-toggle, .header__tel,
.uziv-odkazy,
.rychlykosik { margin-left: 10px; margin-right: 10px; }
}
.menu-toggle { width: 66px; height: 66px; position: relative; background-color: #261475; }
.menu-toggle span:after,
.menu-toggle span:before { content: ""; position: absolute; left: 0; top: -8px; background-color: #fff; }
.menu-toggle span:after{ left: 0; top: 8px; background-color: #fff; }
.menu-toggle span { position: relative; left: 21px; top: 22px; display: block; background-color: #fff; }
.menu-toggle span,
.menu-toggle span:after,
.menu-toggle span:before { width: 25px; height: 2px; transition: all 0.3s; backface-visibility: hidden; }
.menu-toggle.on { background-color: #35314b; }
.menu-toggle.on span { background-color: transparent; }
.menu-toggle.on span:before { transform: rotate(45deg) translate( 6px, 6px); }
.menu-toggle.on span:after { transform: rotate(-45deg) translate(5px, -6px); }
.menu-toggle:after { content:'MENU'; display: block; width: 100%; margin-top: 40px; color: #fff; text-align: center; line-height: 1; font-size: 11px; }
.menu-toggle.on:after { content:'ZAVŘÍT'; }
.navigace { display: none; }
/* search */
.header__search form { display: flex; justify-content: space-between; position: relative; }
.header__search #vhld-pole { width: auto; height: 50px; flex-grow: 1; }
.header__search #vhld-tla { width: 90px; height: 50px; margin: 0; text-align: center; background-color: #261475; -webkit-appearance: none; border: 0; }
.header__search #vhld-tla { color: #fff; font-weight: bold; }
@media (max-width: 959px) {
.header__search { display: none; position: absolute; top: 100%; left: 0; z-index: 10; width: 100%; }
.header__search { padding: 10px; background-color: #fff; }
}
#qs-obal { position: absolute; top: 100%; left: 0; z-index: 110; padding: 0px; width: 100%; background: #fff; border: 1px solid #E7E7E7; }
#qs-obal a { display: flex; justify-content: space-between; align-items: center; padding: 5px 0; text-align: left; color: #000; border-bottom: 1px solid #E7E7E7; }
#qs-obal .imgspan { height: 35px; width: 35px; margin-left: 5px; background-position: 50% 50%; background-size: cover; image-rendering: optimizeQuality; }
#qs-obal .textspan { flex-grow: 1; margin-left: 5px; line-height: 1.2; text-align: left; font-size: 12px; }
#qs-obal a.sel, #qs-obal a:hover { background-color: #E7E7E7; color: #000; text-decoration: underline; }
#qs-obal a.posla { text-align: center; font-weight: bold; padding: 4px; border: 0; }
@media (min-width: 960px) {
.header__search-toggle { display: none; }
.header__main .header__tel { display: none; }
.header__main .uziv-odkazy { display: none; }
.menu-toggle { display: none; }
.header { box-shadow: none; }
/* HEADER TOP */
.header__top { display: block; border-bottom: 1px solid #e2e2e2;}
.header__top__in { width: 96%; margin: auto; display: flex; justify-content: space-between; align-items: center; padding: 6px 0; }
.header-top__odkazy { list-style: none; margin: 0; }
.header-top__odkazy li { display: inline-block; margin: 0 5px; font-size: 14px; line-height: 1; }
.header-top__odkazy li a { display: block; line-height: 1; }
.header-top__tel { color: #6a6775; }
.header-top__tel span { padding-left: 26px; background: url(img/tel-light.svg) left center no-repeat; background-size: 16px 16px; }
.header-top__tel a { color: #261475; font-weight: bold; text-decoration: none; }
.header-top__tel small { font-size: 13px; }
.header-top__uziv-odkazy { }
.header-top__uziv-odkazy a { font-weight: bold; font-size: 14px; }
.header-top__uziv-odkazy .uziv-odkaz__prihlaseni,
.header-top__uziv-odkazy .uziv-odkaz__muj-ucet,
.header-top__uziv-odkazy .uziv-odkaz__registrace,
.header-top__uziv-odkazy .uziv-odkaz__odhlasit { padding-left: 24px; background: url(img/user-light.svg) left center no-repeat; background-size: 14px 14px; }
.header-top__uziv-odkazy .uziv-odkaz__registrace,
.header-top__uziv-odkazy .uziv-odkaz__odhlasit { margin-left: 10px; background-image: url(img/reg-light.svg); }
/* HEADER MAIN */
.header__main__in { align-items: center; width: 96%; }
.hlavni-logo { margin: 25px 0 25px 0; }
.hlavni-logo img { width: 231px; height: 88px; }
.header__search { display: block !important; margin: auto; width: 40%; }
#qs-obal .textspan { margin-left: 10px; font-size: 16px; }
.rychlykosik { min-width: 140px; width: auto; height: auto; margin: 0; }
.rychlykosik a { display: flex; justify-content: space-between; width: auto; height: auto; }
.rychlykosik__basket { width: 48px; height: 37px; margin: 0; background-size: 48px 37px; }
.rychlykosik__pocet { top: -4px; right: -6px; min-width: 24px; height: 24px; border-radius: 12px; line-height: 24px; font-size: 16px; }
.rychlykosik__obsah { display: block; font-size: 14px; color: #434343; line-height: 1.2; }
.rychlykosik__obsah strong { font-size: 18px; color: #000; }
}
@media (min-width: 1200px) {
.header-top__odkazy li { margin: 0 20px; }
.header-top__uziv-odkazy .uziv-odkaz__registrace,
.header-top__uziv-odkazy .uziv-odkaz__odhlasit { margin-left: 25px; }
.header__search { width: 580px; }
}
/*
88b d88 88888888888 888b 88 88 88
888b d888 88 8888b 88 88 88
88`8b d8'88 88 88 `8b 88 88 88
88 `8b d8' 88 88aaaaa 88 `8b 88 88 88
88 `8b d8' 88 88""""" 88 `8b 88 88 88
88 `8b d8' 88 88 88 `8b 88 88 88
88 `888' 88 88 88 `8888 Y8a. .a8P
88 `8' 88 88888888888 88 `888 `"Y8888Y"'
*/
.navigace ul { list-style: none; margin: 0; }
.navigace li { margin: 0; }
.navigace a { text-decoration: none; font-weight: 700; text-transform: uppercase; }
.navigace a:hover { text-decoration: none; }
@media (max-width: 959px) {
.navigace { position: absolute; top: 100%; left: 0; width: 100%; z-index: 100; background-color: #35314b; }
.navigace > ul { }
.navigace li { border-bottom: 1px solid rgba(255, 255, 255, 0.11); }
.navigace a { display: block; padding: 15px; font-size: 15px; text-align: left; color: #fff; }
.navigace li li { margin-left: 20px; }
}
@media (min-width: 960px) {
.navigace { display: block !important; background-color: #35314b; }
.navigace { position: relative; z-index: 20; }
.navigace .menu { text-align: center; }
.navigace .menu > li { display: inline-block; margin: 0; padding: 0; position: relative; }
.navigace a { display: block; padding: 15px 10px; line-height: 1; font-size: 16px; font-weight: bold; text-transform: uppercase; text-decoration: none; }
.navigace a { color: #fff; }
.navigace .menu > li > a:hover, .navigace .menu > li:hover > a, .navigace .vybrana > a { text-decoration: underline; }
.navigace ul ul { display: none; }
/*
.navigace .sub-menu { position: absolute; top: 100%; left: 50%; transform: translateX(-50%); z-index: -1; min-width: 200px; text-align: center; }
.navigace .sub-menu { background-color: #372470; border-radius: 10px; }
.navigace .sub-menu { opacity: 0; transition: .25s .4s; }
.navigace .sub-menu .sub-menu { top: 0; left: 100%; }
.navigace li:hover > .sub-menu { opacity: 1; z-index: 10; transition-delay: 0; }
.sub-menu li { position: relative; }
.sub-menu a { padding: 10px; position: relative; line-height: 1.2; font-size: 16px; transition: all .25s ease-in-out; }
.sub-menu a:hover { color: #fdcb07; }
.sub-menu li:hover > a { }
*/
}
@media (min-width: 1200px) {
.navigace a { padding: 20px; }
}
/*
88888888888 ,ad8888ba, ,ad8888ba, 888888888888 88888888888 88888888ba
88 d8"' `"8b d8"' `"8b 88 88 88 "8b
88 d8' `8b d8' `8b 88 88 88 ,8P
88aaaaa 88 88 88 88 88 88aaaaa 88aaaaaa8P'
88""""" 88 88 88 88 88 88""""" 88""""88'
88 Y8, ,8P Y8, ,8P 88 88 88 `8b
88 Y8a. .a8P Y8a. .a8P 88 88 88 `8b
88 `"Y8888Y"' `"Y8888Y"' 88 88888888888 88 `8b
*/
.footer { flex-shrink: 0; margin-top: 50px; background-color: #e9ebee; font-size: 14px; }
.footer__in { padding: 0; }
@media (min-width: 960px) {
.footer { margin-top: 80px; }
}
/* HEUREKA */
.footer__heureka { background-color: #f2f3f5; }
.footer__heureka .in { padding: 20px 0; }
.recenze__vyber {}
.recenze-uvod { margin-bottom: 20px; min-height: 110px; padding-left: 120px; background: url(img/overeno.png) left top 10px no-repeat; }
.recenze-uvod strong { font-size: 56px; line-height: 1; }
.recenze { margin-bottom: 10px; padding: 20px; background-color: #fff; }
.recenze .odrazky { margin-bottom: 10px; font-style: italic; }
.recenze .odrazky ul { margin: 0 0 0 25px ; }
.recenze .odrazky li { margin: 2px 0; }
.recenze .autor { margin: 0 0 8px; }
.recenze .pozadi { display: block; width:100px; height:15px; background:url("img/hvezdicky-sede.svg") no-repeat left center; }
.recenze .pozadi span { display: block; height:15px; background:url("img/hvezdicky.svg") no-repeat left center; }
.rec-jmeno-anonym, .rec-jmeno { font-weight: bold; }
@media (min-width: 768px) {
.recenze__vyber { display: flex; justify-content: space-between; flex-wrap: wrap; }
.recenze-uvod, .recenze { width: 48%; margin-bottom: 20px !important; }
.recenze-uvod { padding-top: 20px; }
}
@media (min-width: 960px) {
.footer__heureka .in { padding: 40px 0; }
}
@media (min-width: 1100px) {
.recenze-uvod, .recenze { width: 24%; margin-bottom: 0 !important; }
.recenze-uvod { background-position: left top 20px; }
}
/* KONTAKT A MENU */
.footer__kontakt-menus { max-width: 400px; margin: auto; padding: 20px 0 40px; }
.footer__kontakt { margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid #cad2e6; }
.footer__kontakt-img { margin-bottom: 20px; height: 200px; border: 1px solid #919191; background: url(img/kontakt-prodejna.jpg) center center no-repeat; background-size: cover; }
.footer__kontakt-adresa { margin-bottom: 20px; }
.footer__kontakt-info {}
.footer__kontakt-info span { padding-left: 32px; background-position: left center; background-repeat: no-repeat; color: #6b6b6b; }
.footer__kontakt-tel span { background-image: url(img/kontakt-tel.svg); background-size: 16px 16px; }
.footer__kontakt-email span { background-image: url(img/kontakt-email.svg); background-size: 16px 12px; }
.footer__kontakt-info a { font-size: 18px; font-weight: 700; text-decoration: none; }
.footer__kontakt-info a:hover { text-decoration: underline; }
.footer__menus { display: flex; justify-content: space-between; flex-wrap: wrap; }
.footer__menu { margin-bottom: 40px; width: 48%; }
.footer__menu h4:after { content: ''; margin-top: 15px; display: block; width: 20px; height: 1px; background-color: #C7C8CF; }
.footer__menu ul { list-style: square; }
.footer__menu li { margin: 5px 0 5px 18px; }
@media (min-width: 960px) {
.footer__kontakt-menus { max-width: none; display: flex; justify-content: space-between; padding: 50px 0 50px; }
.footer__kontakt { width: 49%; border: 0; margin: 0; padding: 0; }
.footer__menus { width: 49%; }
.footer__menu { width: 32%; margin: 0; }
.footer__kontakt { display: flex; justify-content: space-between; flex-wrap: wrap; }
.footer__kontakt-img { width: 48%; margin: 0; }
.footer__kontakt-adresa { width: 48%; margin: 0; }
.footer__kontakt-info { width: 100%; margin-top: 40px; }
.footer__kontakt-tel, .footer__kontakt-email { display: inline-block; margin-right: 45px; }
}
/* DOPRAVA A PLATBA */
.footer__doprava-platba { border-top: 1px solid #cad2e6; padding: 40px 0; }
.footer__doprava-platba > div { max-width: 400px; margin: 0 auto 40px; }
.footer__doprava-platba h4 { color: #35314b; font-size: 16px; }
.footer__doprava-platba .moznosti { margin: 0; list-style: none; }
.footer__doprava-platba .moznosti li { margin: 0 0 20px; font-weight: bold; line-height: 1.4; }
.footer__platba { }
.footer__platba li span { position: relative; display: block; padding-left: 40px; }
.footer__platba li span:before { content: ' '; display: block; background-position: center center; background-repeat: no-repeat; }
.footer__platba li span:before { position: absolute; left: 0; top: 2px; z-index: 1; }
/*.footer__platba .kartou-online span:before { width: 24px; height: 22px; background-image: url(img/kartou-online.svg); background-size: 24px 22px; }*/
.footer__platba .hotove span:before { top: -1px; width: 26px; height: 22px; background-image: url(img/cash.svg); background-size: 26px 22px; }
.footer__platba .bankovnim-prevodem span:before { width: 24px; height: 25px; background-image: url(img/bankovnim-prevodem.svg); background-size: 24px 25px; }
.footer__platba .dobirkou span:before { width: 24px; height: 17px; background-image: url(img/dobirkou.svg); background-size: 24px 17px; }
.footer__platba .na-fakturu span:before { width: 16px; height: 21px; background-image: url(img/na-fakturu.svg); background-size: 16px 21px; }
.footer__platba .moznosti { display: flex; flex-wrap: wrap; justify-content: space-between; }
.footer__platba li { width: 45%; }
.footer__doprava .moznosti { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.footer__doprava li { width: 32%; }
.footer__vydejni-mista { display: flex; justify-content: space-between; }
.vydejni-mista__400 { width: 40%; margin-top: 20px; color: #261475; font-size: 16px; line-height: 1.3; }
.vydejni-mista__400 strong { font-size: 40px; }
.vydejni-mista__mapka { width: 55%; }
@media (min-width: 960px) {
.footer__doprava-platba { display: flex; justify-content: space-between; }
.footer__doprava-platba > div { width: 32%; max-width: none; margin: 0; }
.footer__doprava-platba h4 { margin-bottom: 30px; }
.footer__doprava .moznosti { align-items: flex-start; }
.footer__vydejni-mista { align-self: center; }
}
@media (min-width: 1200px) {
.footer__doprava-platba > div { width: 31%; }
.footer__platba li { width: 40%; }
.footer__platba .bankovnim-prevodem, .footer__platba .na-fakturu { width: 57%; }
.vydejni-mista__400 { width: 34%; }
.vydejni-mista__mapka { width: 65%; }
}
@media (min-width: 1400px) {
.footer__doprava-platba > div { }
}
/* COPYRIGHT A FACEBOOK */
.footer__copy { border-top: 1px solid #cad2e6; padding: 40px 0; text-align: center; font-size: 13px; color: #35314b; }
.footer__copy--fb { margin-bottom: 10px; }
.footer__copy--fb a { color: #261475; text-decoration: none; font-size: 16px; }
.footer__copy--fb a:hover { text-decoration: underline; }
.footer__copy--hsport { }
@media (min-width: 960px) {
.footer__copy { display: flex; justify-content: space-between; }
.footer__copy--hsport { order: 1; width: 48%; text-align: left; }
.footer__copy--fb { order: 2; width: 48%; text-align: right; margin-bottom: 0; }
.footer__copy--fb a { position: relative; }
.footer__copy--fb a:before { content: ''; display: block; width: 8px; height: 16px; background: url(img/fb.svg) center center no-repeat; background-size: 8px 16px; }
.footer__copy--fb a:before { position: absolute; left: -24px; top: 0; }
}
/*
88 88 88888888ba
88 88 88 "8b
88 88 88 ,8P
88aaaaaaaa88 88aaaaaa8P'
88""""""""88 88""""""'
88 88 88
88 88 88
88 88 88
*/
.banner { padding: 20px; }
.hp-kategorie { background-color: #f2f3f5; }
@media (min-width: 960px) {
.hp-kategorie .in { padding: 40px 0; }
}
@media (min-width: 1100px) {
.hp-kategorie .in { padding: 50px 0; }
}
.velka-kategorie, .male-kategorie { display: flex; justify-content: space-between; flex-wrap: wrap; }
.hp-kat { display: block; background-color: #fff; text-decoration: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); }
.hp-kat:hover { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18); }
.velka-kategorie { margin-bottom: 10px; }
.velka-kategorie .hp-kat { width: 100%; padding: 50px 100px 50px 20px; }
.velka-kategorie .hp-kat { background: #fff url(img/hp-kat-posilovaci-stroje2.jpg) right -40px center no-repeat; background-size: contain; }
.velka-kategorie .hp-kat__nazev { margin: 0; font-size: 30px; line-height: 1.2; }
.velka-kategorie .hp-kat__popis { display: none; }
.velka-kategorie .hp-kat__button { display: none; }
.male-kategorie {}
.male-kategorie .hp-kat { width: 32%; margin-bottom: 5px !important; padding: 60px 10px 10px; }
.male-kategorie .hp-kat { background-position: top 10px center; background-size: auto 40px; background-repeat: no-repeat; }
.male-kategorie .hp-kat--fitness-pomucky { background-image: url(img/hp-kat-fitness-pomucky.jpg); }
.male-kategorie .hp-kat--cinky { background-image: url(img/hp-kat-cinky.jpg); }
.male-kategorie .hp-kat--bojove-sporty { background-image: url(img/hp-kat-bojove-sporty.jpg); }
.male-kategorie .hp-kat--sportovni-podlahy { background-image: url(img/hp-kat-sportovni-podlahy.jpg); }
.male-kategorie .hp-kat--maserske-potreby { background-image: url(img/hp-kat-maserske-potreby.jpg); }
.male-kategorie .hp-kat--sportovni-vyziva { background-image: url(img/hp-kat-sportovni-vyziva.jpg); }
.male-kategorie .hp-kat__nazev { margin: 0; text-align: center; font-size: 15px; line-height: 1.2; }
.male-kategorie .hp-kat__button { display: none; }
@media (min-width: 768px) {
.hp-kategorie .in { display: flex; justify-content: space-between; }
.velka-kategorie { width: 42%; margin: 0 10px 0 0; flex-shrink: 1; }
.male-kategorie { width: 58%; }
.velka-kategorie .hp-kat { padding-right: 150px; background-position: right -60px center; }
.male-kategorie .hp-kat { margin-bottom: 10px !important; }
}
@media (min-width: 960px) {
.velka-kategorie .hp-kat { background-size: auto 90%; background-position: right -100px center; }
.velka-kategorie .hp-kat__nazev { margin-bottom: 10px; max-width: 200px; font-size: 40px }
.velka-kategorie .hp-kat__popis { margin-bottom: 20px; max-width: 200px; display: block; color: #6b6b6b; }
.velka-kategorie .hp-kat__button { display: block; }
.velka-kategorie .tlacitko { margin: 0; }
.male-kategorie .hp-kat { padding: 40px 0 40px 15px; background-position: right -20px center; background-size: auto 80%; }
.male-kategorie .hp-kat--bojove-sporty { background-position: right -50px center; }
.male-kategorie .hp-kat--sportovni-podlahy { background-position: right -100px center; }
.male-kategorie .hp-kat__nazev { max-width: 100px; margin-bottom: 10px; text-align: left; font-size: 20px; }
.male-kategorie .hp-kat__button { display: block; }
.male-kategorie .tlacitko { width: 30px; height: 30px; margin: 0; padding: 0; }
.male-kategorie .tlacitko { background-image: url(img/bila-sipka-doprava.svg); background-position: center center; background-repeat: no-repeat; background-size: 16px 12px; }
}
@media (min-width: 1100px) {
.velka-kategorie .hp-kat { padding-left: 40px; }
.male-kategorie .hp-kat { padding: 45px 0 45px 20px; }
.male-kategorie .hp-kat--fitness-pomucky { background-position: right 10px center; }
.male-kategorie .hp-kat--bojove-sporty { background-position: right -20px center; }
.male-kategorie .hp-kat__nazev { margin-bottom: 15px; }
}
@media (min-width: 1300px) {
.velka-kategorie .hp-kat { background-position: right -40px center; }
}
.male-kategorie .hp-kat--sportovni-podlahy,
.male-kategorie .hp-kat--maserske-potreby,
.male-kategorie .hp-kat--sportovni-vyziva { margin-bottom: 0 !important; }
/*
HP VYHODY
// jsou na hp nahore, a jinde v paticce
*/
.vyhody--hp { background-color: #f2f3f5; }
.vyhody--footer { background-color: #ffffff; }
.vyhody .in { display: flex; justify-content: space-between; flex-wrap: wrap; }
.vyhoda { width: 46%; background-position: top 5px center; background-repeat: no-repeat; }
.vyhoda--1, .vyhoda--2 { margin-bottom: 10px; }
.vyhoda--1 { background-image: url(img/vyhoda-1.svg); background-size: 35px 24px; }
.vyhoda--2 { background-image: url(img/vyhoda-2.svg); background-size: 27px 24px; }
.vyhoda--3 { background-image: url(img/vyhoda-3.svg); background-size: 31px 24px; }
.vyhoda--4 { background-image: url(img/vyhoda-4.svg); background-size: 24px 30px; }
.vyhoda { padding: 45px 10px 10px; text-align: center; }
.vyhoda__nazev { margin-bottom: 10px; color: #35314b; font-size: 16px; line-height: 1.2; }
.vyhoda__popis { color: #6b6b6b; font-size: 14px; line-height: 1.3; }
@media (min-width: 960px) {
.vyhody--hp .in { padding: 0 0 40px; }
.vyhody--footer .in { padding: 60px 0 40px; }
.vyhoda { width: 24%; padding: 0 10px 0 50px; background-position: top left; text-align: left; }
.vyhoda--1, .vyhoda--2 { margin-bottom: 0; }
.vyhoda__nazev { margin-bottom: 4px; font-size: 18px }
}
@media (min-width: 1100px) {
.vyhoda { padding-left: 60px; }
}
/*
HP PRODUKTY
*/
.hp-produkty .in { }
@media (min-width: 960px) {
.hp-produkty .in { padding: 60px 0; }
.hp-produkty__nadpis { margin-bottom: 40px; }
}
/*
8b d8 8b d8 88888888ba 88 ad88888ba 88888888ba 88888888ba ,ad8888ba, 88888888ba, 88 88 88 a8P 888888888888 88 88
`8b d8' Y8, ,8P 88 "8b 88 d8" "8b 88 "8b 88 "8b d8"' `"8b 88 `"8b 88 88 88 ,88' 88 88 88
`8b d8' Y8, ,8P 88 ,8P 88 Y8, 88 ,8P 88 ,8P d8' `8b 88 `8b 88 88 88 ,88" 88 88 88
`8b d8' "8aa8" 88aaaaaa8P' 88 `Y8aaaaa, 88aaaaaa8P' 88aaaaaa8P' 88 88 88 88 88 88 88,d88' 88 88 88
`8b d8' `88' 88""""""' 88 `"""""8b, 88""""""' 88""""88' 88 88 88 88 88 88 8888"88, 88 88 88
`8b d8' 88 88 88 `8b 88 88 `8b Y8, ,8P 88 8P 88 88 88P Y8b 88 88 88
`888' 88 88 88 Y8a a8P 88 88 `8b Y8a. .a8P 88 .a8P Y8a. .a8P 88 "88, 88 Y8a. .a8P
`8' 88 88 88 "Y88888P" 88 88 `8b `"Y8888Y"' 88888888Y"' `"Y8888Y"' 88 Y8b 88 `"Y8888Y"'
*/
.kategorie__drobnav .in, .vyrobce__drobnav .in, .vyhledavani__drobnav .in { padding: 10px 0 0; }
@media (min-width: 960px) {
.kategorie__drobnav .in, .vyrobce__drobnav .in, .vyhledavani__drobnav .in { padding: 20px 0 0; }
}
.eshopdrobnav { color: #6b6b6b; }
.eshopdrobnav .jstezde { display: inline-block; width: 22px; text-indent: -9999px; background: url(img/jstezde.svg) center center no-repeat; background-size: 16px 15px; }
.kategorie__h1-wrap .in, .vyrobce__h1-wrap .in, .vyhledavani__h1-wrap .in { padding: 20px 0; }
.kategorie__h1-wrap h1, .vyrobce__h1-wrap h1, .vyhledavani__h1-wrap h1 { font-size: 30px; }
@media (min-width: 960px) {
.kategorie__h1-wrap .in, .vyrobce__h1-wrap .in, .vyhledavani__h1-wrap .in { padding: 30px 0; }
.kategorie__h1-wrap h1, .vyrobce__h1-wrap h1, .vyhledavani__h1-wrap h1 { font-size: 40px; }
}
.kategorie__podrazene-kategorie { background-color: #f2f3f5; }
.kategorie__podrazene-kategorie .in { padding: 40px 0 30px; display: flex; justify-content: space-between; flex-wrap: wrap; }
.kategorie__podrazene-kategorie .in { position: relative; }
.kategorie__podrazene-kategorie .in:before { content: ''; display: block; width: 37px; height: 20px; background: url(img/podraz-kat-triangle.svg) center center no-repeat; background-size: 37px 20px; }
.kategorie__podrazene-kategorie .in:before { position: absolute; left: 0; top: 0; z-index: 10; }
.podraz-kat { width: 49%; min-height: 60px; margin-bottom: 8px !important; background-color: #fff; border: 1px solid #e2e2e2; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); }
.podraz-kat { padding: 10px 10px 10px 60px; }
.podraz-kat { font-size: 13px; line-height: 1.4; }
.podraz-kat { background-repeat: no-repeat; background-position: left 5px center; background-size: auto 50px; }
.podraz-kat { display: flex; align-items: center; }
.podraz-kat span { width: 100%; }
@media (min-width: 768px) {
.kategorie__podrazene-kategorie .in { justify-content: flex-start; }
.podraz-kat { width: 24%; margin-right: 1.333333%; min-height: 70px; }
}
@media (min-width: 768px) and (max-width: 959px) {
.podraz-kat:nth-child(4n+4) { margin-right: 0 !important; }
}
@media (min-width: 960px) {
.podraz-kat { width: 19%; margin-right: 1%; margin-bottom: 10px !important; padding-left: 70px; font-size: 16px; }
.podraz-kat:nth-child(5n+5) { margin-right: 0; }
}
.prehled-produktu__nad {}
.prehled-produktu__nad .in { border-bottom: 1px solid #ECECEC; }
.prehled-produktu__nalezeno { margin-top: 10px; font-size: 12px; }
#spanvyberrazeni { display: block; margin-bottom: 5px; }
.prehled-produktu__vyrobci { margin-top: 10px; padding: 10px; background-color: #f9f9f9; }
.prehled-produktu__vyrobci table { margin: 0; }
#skrytfiltrvyrobcu { float: right; margin-left: 20px; font-weight: bold; }
@media (min-width: 768px) {
#spanvyberrazeni { display: inline; margin-bottom: 0; margin-right: 20px; }
}
@media (min-width: 960px) {
.prehled-produktu__nad { margin-bottom: 20px; }
.prehled-produktu__nalezeno { font-size: 14px; }
}
/* vypis vsech produktu vyrobce pres vsechny kategorie */
.sortiment-vyrobce-kategorie { margin-bottom: 40px; }
@media (min-width: 960px) {
.sortiment-vyrobce-kategorie { margin-bottom: 60px; }
}
.vypis-produktu { display: flex; flex-wrap: wrap; }
.produkt { width: 50%; position: relative; text-align: center; padding: 10px; }
.produkt { border: 1px solid #e6e6e6; margin-top: -1px; }
/* todo jiny pocet na radku?*/
@media (max-width: 767px) {
.produkt:nth-child(2n+2) { border-left: 0; }
}
@media (min-width: 768px) {
.produkt { width: 25%; border-left: 0; }
.produkt:nth-child(4n+1) { border-left: 1px solid #e6e6e6; }
}
.produkt__stitky { position: absolute; top: 5px; left: 5px; z-index: 100; }
.produkt__stitky span { display: block; margin: 0 0 2px; }
.produkt__stitky span img { height: 15px; width: auto; display: block; }
.produkt__stitky .spanstakce strong { display: none; }
.produkt__obrazek { display: block; margin-bottom: 10px; height: 130px; background-position: center center; background-repeat: no-repeat; background-size: contain; }
.produkt__nazev { color: #261475; font-size: 14px; }
.produkt__dostupnost { margin-bottom: 10px; font-size: 14px; line-height: 1.2; }
.produkt__cena { margin-bottom: 0; font-size: 20px; line-height: 1.3; }
/* vo */
.produkt__cena .s-dph { font-size: 12px; color: gray; }
.produkt__cena .cena-vomaloobch { font-size: 12px; color: #fff; background-color: red; font-weight: bold; padding: 2px 6px; }
.produkt__cena .cena-sdph { font-size: 12px; color: gray; }
/* mo */
.produkt__cena .cena-bezna {}
.produkt__cena .preskrtnuto { color: #de1d11; text-decoration: line-through; font-size: 14px; font-weight: normal; }
.produkt__tlacitko { display: none; }
.produkt__popis { display: none; }
/* skladova dostupnost */
.dmnozstvi { font-weight: bold; color: red }
.dostupksvo { color: #00af00 }
.did0,.did2, .neni2, .neni4, .neni3, .neni9, .dost-brno.ano { color: #00af00 }
.dmnozstvi .uvas, .dost-brno .uvas { font-weight: normal; }
@media (min-width: 500px) {
.produkt__obrazek { height: 250px; }
}
@media (min-width: 768px) {
.produkt__obrazek { height: 150px; }
}
@media (min-width: 960px) {
.produkt { padding: 20px 15px; }
.produkt__stitky { left: 15px; top: 15px; }
.produkt__stitky span img { height: auto; }
.produkt__obrazek { height: 220px; margin-bottom: 40px; }
.produkt__nazev { min-height: 44px; font-size: 16px; }
.produkt__dostupnost { margin-bottom: 25px; }
.produkt__cena-a-tlacitko { display: flex; justify-content: space-between; align-items: center; }
.produkt__cena { width: 49%; text-align: left; }
.produkt__tlacitko { width: 49%; display: block; margin: 0;}
.produkt__tlacitko { padding-left: 2px; padding-right: 2px; }
.produkt__popis { display: block; margin-top: 25px; font-size: 16px; color: #6b6b6b; line-height: 19px; }
}
@media (min-width: 1200px) {
.produkt { padding: 40px 20px; }
}
.prehled-produktu__pod .in { border-bottom: 1px solid #ECECEC; }
@media (min-width: 960px) {
.prehled-produktu__pod .in { padding: 30px 0 60px; }
}
/* strankovani */
.strankovani-produktu { text-align: center; font-weight: bold; }
.strankovani-produktu > * { display: inline-block; margin: 0 2px; }
@media (min-width: 960px) {
.strankovani-produktu { font-size: 18px; }
}
.kategorie__popis-dole { margin: 40px 0; color: #6b6b6b; }
@media (min-width: 960px) {
.kategorie__popis-dole { margin-bottom: 40px !important; }
}
/*
88 a8P ,ad8888ba, ad88888ba 88 88 a8P
88 ,88' d8"' `"8b d8" "8b 88 88 ,88'
88 ,88" d8' `8b Y8, 88 88 ,88"
88,d88' 88 88 `Y8aaaaa, 88 88,d88'
8888"88, 88 88 `"""""8b, 88 8888"88,
88P Y8b Y8, ,8P `8b 88 88P Y8b
88 "88, Y8a. .a8P Y8a a8P 88 88 "88,
88 Y8b `"Y8888Y"' "Y88888P" 88 88 Y8b
*/
@media (min-width: 960px) {
html.obj .header__top { display: none !important; }
html.obj .navigace { display: none !important; }
html.obj .body-41 .header__top { display: block !important; }
html.obj .body-41 .navigace { display: block !important; }
}
.main.obj { position: relative; padding-top: 110px; }
@media (min-width: 400px) {
.main.obj { padding-top: 88px; }
}
@media (min-width: 960px) {
.body-69 .main.obj { padding-top: 110px; } /* doprava a platba */
.body-39 .main.obj { padding-top: 110px; } /* kontakt */
}
.kosik-kroky-obal { position: absolute; top: 0; left: 0; width: 100%; background-color: #35314b; }
.kosik-kroky { display: flex; justify-content: space-between; }
.kosik-kroky { padding: 12px 10px; color: rgba(255, 255, 255, 0.5); }
.kosik-kroky .krok { text-align: center; font-size: 14px; line-height: 1.4; font-weight: bold; }
.kosik-kroky .krok:before { content: '1'; display: block; margin: 0 auto 5px; width: 40px; height: 40px; background-color: rgba(255, 255, 255, 0.13); color: rgba(255, 255, 255, 0.5); }
.kosik-kroky .krok:before { font-size: 24px; font-weight: bold; line-height: 40px; text-align: center; border-radius: 20px; }
.kosik-kroky .krok2:before { content:'2'; }
.kosik-kroky .krok3:before { content:'3'; }
.kosik-kroky .krok a { text-decoration: none; color: #fff; }
.kosik-kroky .krok.aktivni:before { background-color: #fff; color: #35314b; }
.kosik-kroky.akrok-2 .krok1:before { background-color: #fff; color: #35314b; }
.kosik-kroky.akrok-3 .krok1:before,
.kosik-kroky.akrok-3 .krok2:before { background-color: #fff; color: #35314b; }
.kosik-kroky .sipky { flex-shrink: 0; width: 15px; height: 40px; background: url(img/kosik-sipka.png) center center no-repeat; background-size: 15px 40px; }
@media (min-width: 960px) {
.kosik-kroky { max-width: 1180px; margin: auto; padding: 0; }
.kosik-kroky .krok { width: 30%; padding: 10px; text-align: left; line-height: 40px; font-size: 18px; }
.kosik-kroky .sipky { padding: 0; width: 24px; height: auto; background-size: 24px 64px; }
.kosik-kroky .krok:before { float: left; margin: 0 20px 0 0; }
}
#uplatnenasleva { margin-bottom: 20px; padding: 20px; background-color: #deeff4; }
.kosik { margin-bottom: 50px; padding-bottom: 50px; border-bottom: 1px solid #ececec; }
.kosik-je-prazdny { text-align: center; padding: 20px; }
@media (min-width: 960px) {
.kosik-je-prazdny { font-size: 20px; font-weight: bold; }
}
.kosik-vlozeno { padding: 10px; background-color: #3fc00f; color: #fff; font-weight: bold; }
.inpobal { white-space: normal; display: block; width: 70px; height: 50px; position: relative; margin: 0; border: 1px solid #DCD9D4; }
.inpobal input { margin: 0; padding: 0; border: 0; width: 45px; height: 48px; border: 0; position: absolute; top: 0; left: 0; z-index: 1; font-weight: bold; font-size: 18px; text-align: center; }
.inpobal a.mnminus, .inpobal a.mnplus { position: absolute; right: 0; display: block; width: 25px; height: 25px; z-index: 10; padding: 0; text-decoration: none; text-align: center; font-family: 'Arial',sans-serif; font-weight: bold; font-size: 16px; line-height: 25px; }
.inpobal a.mnminus, .inpobal a.mnplus { background-color: #35314b; color: #fff; }
.inpobal a.mnminus, .inpobal a.mnplus { border-left: 1px solid #DCD9D4; }
.inpobal a.mnplus { top: 0; border-bottom: 1px solid #DCD9D4; }
.inpobal a.mnminus { bottom: 0; }
.inpobal a:hover { color: #cc0000; }
#kosik-form { margin-bottom: 20px; }
@media (max-width: 959px) {
#kosik-seznam { display: block; margin: 0; }
#kosik-seznam tbody { display: block; }
#kosik-seznam #kosik-zahlavi { display: none }
#kosik-seznam tr { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 20px 0; border-bottom: 1px solid #ececec; }
#kosik-seznam .radekzbozi td { padding: 0; }
#kosik-seznam .radekzbozi .obrazek-zbozi { order: 1; width: 20%; margin-bottom: 10px; }
#kosik-seznam .radekzbozi .nazev-zbozi { order: 2; width: 70%; margin-bottom: 10px; }
#kosik-seznam .radekzbozi .nazev-zbozi .produkt-odkaz { line-height: 1.4; text-decoration: none; font-weight: bold; }
#kosik-seznam .radekzbozi .smazat { order: 3; width: 10%; }
#kosik-seznam .radekzbozi .dostupnost { order: 4; width: 100%; margin-bottom: 10px; }
#kosik-seznam .radekzbozi .dostupnost .predpokl-dor { display: none; }
#kosik-seznam .radekzbozi.mo .pocet-kusu { order: 5; }
#kosik-seznam .radekzbozi.vo .pocet-kusu { order: 5; }
#kosik-seznam .radekzbozi.vo .cena-dph { order: 5; }
#kosik-seznam .radekzbozi.mo .cena-kus { order: 6; }
#kosik-seznam .radekzbozi.vo .cena-kus { order: 6; }
#kosik-seznam .radekzbozi.vo .cena-dph-soucet { order: 7; }
#kosik-seznam .radekzbozi.mo .cena-celkem { order: 7; font-size: 20px; font-weight: bold; }
#kosik-seznam .radekzbozi.vo .cena-celkem { order: 8; width: 100%; text-align: right; font-size: 20px; font-weight: bold; }
#trsouctybezdph { display: none !important; }
}
@media (min-width: 960px) {
#kosik-form { margin-bottom: 40px; }
#kosik-seznam { width: 100%; }
#kosik-seznam #kosik-zahlavi th { padding: 10px 3px; text-align: left; background-color: #f2f3f5; font-weight: normal; }
#kosik-seznam #kosik-zahlavi th.nazev-zbozi { padding-left: 20px; }
#kosik-seznam td { vertical-align: middle; padding: 20px 5px; border-bottom: 1px solid #ececec; }
#kosik-seznam .radekzbozi .nazev-zbozi { max-width: 350px }
#kosik-seznam .radekzbozi .nazev-zbozi a { text-decoration: none; }
#kosik-seznam .radekzbozi .dostupnost { line-height: 1.4; }
#kosik-seznam .radekzbozi .dostupnost .uvas { display: block; }
#kosik-seznam .radekzbozi .cena-celkem { font-weight: bold; }
#kosik-seznam .cena-kus,
#kosik-seznam .cena-celkem { padding-left: 20px !important; padding-right: 20px !important }
}
#kosik-seznam .radekzbozi .informaceonedostupnosti { display: block; margin-top: 5px; font-size: 14px; font-weight: bold; }
#kosik-seznam .radekzbozi .smazat a { display: block; width: 30px; height: 30px; background: url(img/krizek.svg) center center no-repeat; background-size: 16px 16px; }
#kosik-seznam .radekzbozi .smazat a span { display: none; }
#prepocetupozorneni { margin: 20px auto 20px; max-width: 600px; padding: 20px; background-color: #f2f3f5; text-align: center; }
#prepocetupozorneni p { margin: 10px 0 0; font-weight: bold; }
@media (min-width: 960px) {
#prepocetupozorneni { padding: 40px; }
}
#podkosikem { }
#kosik-krok1-kupon { margin-bottom: 20px; }
@media (min-width: 960px) {
#kosik-krok1-kupon { margin-bottom: 40px; }
}
#kosik-krok1-kupon .slevovy-kupon { max-width: 500px; }
#kosik-krok1-kupon.vyuzity-kupon h3 { display: none;}
.slevovy-kupon__nadpis { margin: 0; font-weight: normal; }
.slevovy-kupon__zadani { display: none; padding-top: 15px; }
.slevovy-kupon__zadani label { display: block; font-weight: bold; }
.slevovy-kupon__pole { display: flex; justify-content: space-between; flex-wrap: wrap; }
.slevovy-kupon__pole input { width: 49%; }
.doprava-zdarma-a-cena { max-width: 500px; margin: 0 auto 30px; padding: 20px; background-color: #f2f3f5; }
#kosik-krok1-doprava-zdarma { margin-bottom: 20px; }
.moznadopravazdarma-hlaska { display: none; margin: 0; }
.moznadopravazdarma-hlaska:first-child { display: block; background: url(img/kosik-dop.svg) left center no-repeat; background-size: 48px 27px; }
.moznadopravazdarma-hlaska:first-child { padding: 10px 0 10px 70px; line-height: 1.4; }
.moznadopravazdarma-hlaska strong { color: #3fc00f; }
#kosik-krok1-cena #celkovacena { text-align: center; font-size: 20px; }
#objednatform { max-width: 500px; margin: 0 auto 30px; }
#objednatform input[type="submit"] { padding: 20px; }
#objednatform .pod-tl { margin-top: 10px; text-align: center; font-size: 12px; }
#minimalni-utrata { text-align: center; font-weight: bold; color: red; }
.kosik .pokracovatvnakupu { text-align: center; }
@media (min-width: 768px) {
#podkosikem { }
.doprava-zdarma-a-cena.mo { max-width: none; display: flex; justify-content: space-between; align-items: center; }
.doprava-zdarma-a-cena.mo #kosik-krok1-doprava-zdarma { width: 60%; margin: 0; }
.doprava-zdarma-a-cena.mo #kosik-krok1-cena { width: 40%; }
.doprava-zdarma-a-cena.vo { margin: 0 0 30px auto; }
.doprava-zdarma-a-cena #kosik-krok1-cena #celkovacena { text-align: right; }
#objednatform { float: right; max-width: none; margin: 0; }
.kosik .pokracovatvnakupu { float: left; margin-top: 20px; text-align: left; }
}
.kosik-souvisejici {}
.kosik-souvisejici > h2 { text-align: center; }
/*
88888888ba, ,ad8888ba, 88888888ba 88888888ba 88888888ba 88
88 `"8b d8"' `"8b 88 "8b 88 "8b aa 88 "8b 88
88 `8b d8' `8b 88 ,8P 88 ,8P 88 88 ,8P 88
88 88 88 88 88aaaaaa8P' 88aaaaaa8P' aaaa88aaaa 88aaaaaa8P' 88
88 88 88 88 88""""""' 88""""88' """"88"""" 88""""""' 88
88 8P Y8, ,8P 88 88 `8b 88 88 88
88 .a8P Y8a. .a8P 88 88 `8b "" 88 88
88888888Y"' `"Y8888Y"' 88 88 `8b 88 88888888888
*/
.upozorneni { padding: 20px; }
.body-69 .obj__in { margin: auto; padding: 0; }
@media (max-width: 959px) {
.body-69 .obj__in { width: 100%; padding: 0 10px; }
}
@media (min-width: 768px) {
.body-69 .obj__in { border: 1px solid #e2e2e2; border-top: 0; }
}
@media (min-width: 960px) {
.body-69 .obj__in { border: 0; }
}
#doprava-nalevo, #doprava-napravo { margin: 0 -10px 50px; }
#seznam-dopravy { margin-bottom: 50px; }
#seznam-dopravy > h3, #seznam-platby > h3 { margin: 0; padding: 15px; background-color: #f2f3f5; font-size: 16px; }
.dp_div { padding: 10px; border-bottom: 1px solid #e2e2e2; vertical-align: middle }
.dp_wrap { display: flex; justify-content: flex-start; flex-wrap: wrap; align-items: center; }
.dp_radio { flex-grow: 0; margin: 0; }
.dp_ikona { width: 60px; height: 38px; flex-shrink: 0; flex-grow: 0; background-repeat: no-repeat; background-position: left 10px center; background-size: 40px auto; }
.dop_div_1 .dp_ikona, .dop_div_7 .dp_ikona { background-image: url(img/dop-hsport.png); }
.dop_div_2 .dp_ikona, .dop_div_18 .dp_ikona { background-image: url(img/dop-cpbdr.png); }
.dop_div_15 .dp_ikona { background-image: url(img/dop-geis.png); }
.dop_div_16 .dp_ikona, .dop_div_19 .dp_ikona { background-image: url(img/dop-cpbnp.png); }
.dop_div_14 .dp_ikona, .dop_div_21 .dp_ikona { background-image: url(img/dop-zasilk.png); }
.dop_div_25 .dp_ikona { background-image: url(img/dop-cpbdb2.png); }
.dop_div_23 .dp_ikona, .dop_div_24 .dp_ikona { background-image: url(img/dop-50kg.png); background-size: 25px 23px; background-position: center center; }
.dop_div_5 .dp_ikona { background-image: url(img/dop-sk.png); background-size: 28px 19px; background-position: center center; }
.dop_div_4 .dp_ikona { background-image: url(img/dop-123-kuryr.png); }
.dp_nazev { margin-right: 10px; max-width: 42%; font-weight: normal; font-size: 14px; }
@media (min-width: 400px) {
.dp_nazev { max-width: none; width: 50%; }
}
@media (min-width: 500px) {
.dp_nazev { width: auto; }
}
.dp_poblink { order: 2; width: 100%; }
.dp_poblink span { display: inline-block; padding: 2px 6px; font-weight: bold; border: 1px solid #261475; border-radius: 4px; }
.a_doplinfo { flex-grow: 0; flex-shrink: 0; width: 16px; height: 16px; background: url(img/info.svg) center center no-repeat; background-size: 16px 16px; }
.a_doplinfo span { display: none; }
.dp_div .c { margin-left: auto; font-weight: bold; }
.dp_div .c .zdarma { text-transform: uppercase; }
.doplinfo { padding-top: 10px; font-size: 14px; }
#zasilkovna { display: inline-block; padding: 2px 6px; font-weight: bold; border: 1px solid #261475; border-radius: 4px; }
#zasilkovna-vybrana-adresa { display: block; font-weight: bold; }
#zadnaplatba { padding: 10px; }
.plat_div .dp_ikona { background-image: url(img/bankovnim-prevodem.svg); background-position: center center; background-size: 24px 25px; }
/*.plat_div_1 .dp_ikona, .plat_div_6 .dp_ikona { background-image: url(img/dobirkou.svg); background-position: center center; background-size: 24px 14px; }*/
.plat_div_1 .dp_ikona, .plat_div_6 .dp_ikona { background-image: url(img/cash.svg); background-position: center center; background-size: 30px 26px; }
.plat_div_18 .dp_ikona { background-image: url(img/plat-twisto.png); background-position: center center; background-size: 48px 15px; }
/* zkopirovano i do detailu produktu */
.obj-poradna { margin-bottom: 50px; padding: 0 10px; }
.obj-poradna { display: flex; justify-content: space-between; align-items: flex-start; }
.obj-poradna__person { width: 68px; height: 68px; flex-grow: 0; flex-shrink: 0; background: url(img/petr.png) center center no-repeat; background-size: contain; }
.obj-poradna__person { border: 4px solid #261475; border-radius: 50%; }
.obj-poradna__person.avail { position: relative; }
.obj-poradna__person.avail:after { content: ''; display: block; width: 18px; height: 18px; background-color: #3fc00f; border: 3px solid #ffffff; border-radius: 50%; }
.obj-poradna__person.avail:after { position: absolute; right: -10px; top: 5px; }
.obj-poradna__info { margin-left: 20px; flex-grow: 1; }
.obj-poradna__potrebujete { margin-bottom: 10px; }
.obj-poradna__tel { margin-bottom: 5px; }
.obj-poradna__tel span, .obj-poradna__email span { padding-left: 32px; background-position: left center; background-repeat: no-repeat; color: #6b6b6b; }
.obj-poradna__tel span { background-image: url(img/kontakt-tel.svg); background-size: 16px 16px; }
.obj-poradna__email span { background-image: url(img/kontakt-email.svg); background-size: 16px 12px; }
.obj-poradna__tel span em { font-style: normal; font-size: 13px; }
.obj-poradna a { text-decoration: none; }
.obj-poradna a:hover { text-decoration: underline; }
@media (min-width: 960px) {
.obj-poradna { padding: 0; }
.obj-poradna__person { width: 88px; height: 88px; }
.obj-poradna__person.avail:after { right: -6px; top: 8px; }
.obj-poradna__info { margin-left: 30px; }
}
.doprava-souhrn { margin-bottom: 30px; }
.doprava-souhrn > h3 { margin: 0; padding: 15px; background-color: #f2f3f5; font-size: 16px; }
.dop-souhrn-item { padding: 15px 10px; display: flex; justify-content: space-between; border-bottom: 1px solid #e2e2e2; }
.dop-souhrn-item__nazev {}
.dop-souhrn-item__pocet { font-style: italic; }
.dop-souhrn-item__cena { margin-left: 20px; font-weight: bold; }
.dop-souhrn-item .castkabezdph, .dop-souhrn-item .celkembezdph { display: block; font-weight: normal; font-size: 11px; }
#zdn, #zpn { font-weight: bold; }
#celkcena { align-items: center; padding: 30px 10px; background-color: #f2f3f5; }
#celkcena .dop-souhrn-item__cena { font-size: 24px; }
#obal-potvrzeni { }
#doprava-potvrzeni { padding: 20px; text-align: center; }
#doprava-potvrzeni .pod-tl { margin-top: 10px; font-size: 14px; }
#doprava-potvrzeni .zpet-na-kosik { text-align: center; }
#doprava-potvrzeni input[type="submit"] { padding: 20px; }
@media (min-width: 960px) {
#doprava-form { display: flex; justify-content: space-between; }
#doprava-nalevo { width: 55%; margin: 0 !important; }
#doprava-napravo { width: 40%; margin: 0 !important; }
#seznam-dopravy { border: 1px solid #e2e2e2; }
#seznam-platby { border: 1px solid #e2e2e2; }
.dp_div:last-child { border: 0; }
.dp_radio { margin-right: 20px; }
.dp_nazev { font-size: 16px }
.dp_ikona { width: 64px; margin-right: 20px; background-size: 64px auto; background-position: left center; }
.dop_div_1 .dp_ikona { background-size: 53px 20px; }
.doprava-souhrn { margin-bottom: 15px; border: 1px solid #e2e2e2; }
.dop-souhrn-item:last-child { border: 0; }
#doprava-potvrzeni { padding: 0; }
}
@media (min-width: 1200px) {
#doprava-nalevo { width: 57%; }
#doprava-napravo { width: 34%; }
}
/*
,ad8888ba, 88888888ba 88 88 a8P ,ad8888ba, 888b 88 888888888888
d8"' `"8b 88 "8b 88 88 ,88' d8"' `"8b 8888b 88 88
d8' `8b 88 ,8P 88 88 ,88" d8' `8b 88 `8b 88 88
88 88 88aaaaaa8P' 88 88,d88' 88 88 88 `8b 88 88
88 88 88""""""8b, 88 8888"88, 88 88 88 `8b 88 88
Y8, ,8P 88 `8b 88 88P Y8b Y8, ,8P 88 `8b 88 88
Y8a. .a8P 88 a8P 88, ,d88 88 "88, Y8a. .a8P 88 `8888 88
`"Y8888Y"' 88888888P" "Y8888P" 88 Y8b `"Y8888Y"' 88 `888 88
*/
.body-39 .obj__in { margin: auto; padding: 0; }
@media (max-width: 959px) {
.body-39 .obj__in { width: 100%; padding: 0 10px; }
}
@media (min-width: 768px) {
.body-39 .obj__in { border: 1px solid #e2e2e2; border-top: 0; }
}
@media (min-width: 960px) {
.body-39 .obj__in { border: 0; }
}
#kontaktni-udaje { margin: 0 -10px; }
@media (min-width: 960px) {
#kontaktni-udaje { margin: 0; }
}
#obal-zpusobu { margin-bottom: 20px; padding: 10px; background-color: #deeff4; color: #5a747b; }
#obal-zpusobu ul { margin: 0; list-style: none; }
#obal-zpusobu li { margin: 0; padding: 3px; }
#obal-zpusobu { display: none; }
.zpusob-div { padding-top: 5px; }
.zpusob-div label { font-weight: bold; }
#hsport-top { margin: 0 0 10px; padding: 15px; background-color: #f2f3f5; }
#hsport-top h3 { margin-bottom: 10px; font-size: 16px; }
#hsport-top p { font-size: 14px; }
#obal-udaju { margin-bottom: 30px; }
#obal-poznamky { margin-bottom: 30px; }
#obal-zasilani { margin-bottom: 40px; }
#kontakt-finalni-shrnuti { margin-bottom: 30px; }
#obal-souhlasu { margin-bottom: 10px; }
.heureka-souhlas { padding: 15px; font-size: 90%; }
#fieldosobni > h3, #fieldfakturacni > h3 { display: none; }
#fielddodaci > h3, #fieldfirma > h3, #fieldpoznamka > h3, #fieldzasilani > h3, #kontakt-finalni-shrnuti > h3, #fieldsouhlas > h3 { margin-bottom: 10px; padding: 15px; background-color: #f2f3f5; font-size: 16px }
#fieldfirma > h3 em { font-size: 14px }
#osobni-a-fakturacni table { margin-bottom: 0; }
@media (max-width: 959px) {
#osobni-a-fakturacni table, #obal-firemnich-a-dodacich table { display: block; }
#osobni-a-fakturacni tbody, #obal-firemnich-a-dodacichtbody { display: block; }
#osobni-a-fakturacni tr, #obal-firemnich-a-dodacich tr { display: block; }
#osobni-a-fakturacni td, #obal-firemnich-a-dodacich td { display: block; padding: 5px 10px 0; }
#osobni-a-fakturacni td:last-child, #obal-firemnich-a-dodacich td:last-child { padding-bottom: 15px; }
}
#osobni-a-fakturacni input[type="text"], #osobni-a-fakturacni input[type="email"] { height: 40px; }
#fieldpoznamka p { padding: 0 10px; }
#fieldzasilani p { padding: 0 10px; }
#obsahnakupnihokosiku {}
#obsahnakupnihokosiku #trhlavicka { display: none; }
#kontrola-potvrzeni {}
#kontrola-potvrzeni { padding: 20px; text-align: center; }
#kontrola-potvrzeni .pod-tl { margin-top: 10px; font-size: 14px; }
#kontrola-potvrzeni .zpet-na-kosik { text-align: center; }
#kontrola-potvrzeni input[type="submit"] { padding: 20px; }
@media (min-width: 960px) {
#kontaktni-udaje { display: flex; justify-content: space-between; }
#obal-kontaktu { width: 55%; margin: 0 !important; }
#obal-shrnuti { width: 40%; margin: 0 !important; }
#obal-kontaktu { border: 1px solid #e2e2e2; }
#kontakt-finalni-shrnuti { margin-bottom: 20px; border: 1px solid #e2e2e2; }
#obal-poznamky { margin: 0; }
#obal-zasilani { margin: 0; }
#kontrola-potvrzeni { padding: 0; }
#obal-udaju table { width: 100%; margin: 0 20px }
#obal-udaju td { padding: 10px; }
#obal-udaju td.popisek { width: 150px; }
#obal-udaju input[type="text"], #obal-udaju input[type="email"] { width: 80%; }
#fieldpoznamka p { padding: 10px; }
#fieldzasilani p { padding: 10px; }
}
/*
88888888ba, ,ad8888ba, 88 a8P ,ad8888ba, 888b 88 ,ad8888ba, 88888888888 888b 88 88
88 `"8b d8"' `"8b 88 ,88' d8"' `"8b 8888b 88 d8"' `"8b 88 8888b 88 88
88 `8b d8' `8b 88 ,88" d8' `8b 88 `8b 88 d8' 88 88 `8b 88 88
88 88 88 88 88,d88' 88 88 88 `8b 88 88 88aaaaa 88 `8b 88 88
88 88 88 88 8888"88, 88 88 88 `8b 88 88 88""""" 88 `8b 88 88
88 8P Y8, ,8P 88P Y8b Y8, ,8P 88 `8b 88 Y8, 88 88 `8b 88 88
88 .a8P Y8a. .a8P 88 "88, Y8a. .a8P 88 `8888 Y8a. .a8P 88 88 `8888 88
88888888Y"' `"Y8888Y"' 88 Y8b `"Y8888Y"' 88 `888 `"Y8888Y"' 88888888888 88 `888 88
*/
.body-41 .main.obj { padding-top: 0; }
.dokonceni { text-align: center; max-width: 450px; margin: auto; }
#dokonceni1 { margin-bottom: 30px; }
#objdokoncena { padding-top: 120px; background: url(img/dokonceno.svg) top center no-repeat; background-size: 90px 90px; }
#objdokoncena { font-size: 30px; }
#jak-se-nakupovalo {}
#jak-se-nakupovalo > h3 { margin-bottom: 10px; }
#jak-se-nakupovalo input[type="submit"] { width: auto; margin: auto; }
@media (min-width: 960px) {
#objdokoncena { font-size: 40px; }
#dokonceni1 { margin-top: 30px; margin-bottom: 60px; }
}
/*
88888888ba 88888888ba 88 88 88 88 db ad88888ba 88888888888 888b 88 88
88 "8b 88 "8b 88 88 88 88 d88b d8" "8b 88 8888b 88 88
88 ,8P 88 ,8P 88 88 88 88 d8'`8b Y8, 88 88 `8b 88 88
88aaaaaa8P' 88aaaaaa8P' 88 88aaaaaaaa88 88 d8' `8b `Y8aaaaa, 88aaaaa 88 `8b 88 88
88""""""' 88""""88' 88 88""""""""88 88 d8YaaaaY8b `"""""8b, 88""""" 88 `8b 88 88
88 88 `8b 88 88 88 88 d8""""""""8b `8b 88 88 `8b 88 88
88 88 `8b 88 88 88 88 d8' `8b Y8a a8P 88 88 `8888 88
88 88 `8b 88 88 88 88888888888 d8' `8b "Y88888P" 88888888888 88 `888 88
*/
.body-71 .main__in > h1 { text-align: center; }
.body-35 .main__in > h1 { text-align: center; }
.body-30 .main__in > h1 { text-align: center; }
form.login { max-width: 600px; margin: 40px auto; }
form.login table { width: 100%; }
form.login .button { text-align: center; }
form.login .prihlaseni-text { text-align: center; }
form.login .prihlaseni-text a { display: block; margin: 10px; }
.ztratahesla { max-width: 600px; margin: 40px auto; text-align: center; }
.slkupon { max-width: 600px; margin: 40px auto; text-align: center; }
.body-34 .main__in > h1 { text-align: center; }
#registrace { max-width: 800px; margin: 40px auto; }
/* rychla registrace */
.body-83 .main__in > h1 { text-align: center; }
.body-37 .main__in > h1 { text-align: center; }
#zmena-hesla { max-width: 600px; margin: 40px auto; }
/*
88b d88 88 88 88 88 88 ,ad8888ba, 88888888888 888888888888
888b d888 88 88 88 88 88 d8"' `"8b 88 88
88`8b d8'88 88 88 88 88 88 d8' 88 88
88 `8b d8' 88 88 88 88 88 88 88 88aaaaa 88
88 `8b d8' 88 88 88 88 88 88 88 88""""" 88
88 `8b d8' 88 88 88 88 88 88 Y8, 88 88
88 `888' 88 Y8a. .a8P 88, ,d88 Y8a. .a8P Y8a. .a8P 88 88
88 `8' 88 `"Y8888Y"' "Y8888P" `"Y8888Y"' `"Y8888Y"' 88888888888 88
*/
#mujucetinfo { margin-bottom: 40px; }
#mujucetprehled p { margin-bottom: 5px; font-weight: bold; }
#mujucetprehled ul { list-style: none; margin: 0 0 30px; }
#mujucetprehled li { margin: 0; font-style: italic; }
#mujucet-objednavky table { width: 100%; margin-bottom: 40px; border: 1px solid #E2E2E2; }
@media (min-width: 960px) {
#mujucet-objednavky table { margin-bottom: 60px; }
#mujucet-objednavky td, #mujucet-objednavky th { padding: 10px; }
.objklienta .objsl1 { width: 170px; }
}
/*
88 a8P ,ad8888ba, 888b 88 888888888888 db 88 a8P 888888888888
88 ,88' d8"' `"8b 8888b 88 88 d88b 88 ,88' 88
88 ,88" d8' `8b 88 `8b 88 88 d8'`8b 88 ,88" 88
88,d88' 88 88 88 `8b 88 88 d8' `8b 88,d88' 88
8888"88, 88 88 88 `8b 88 88 d8YaaaaY8b 8888"88, 88
88P Y8b Y8, ,8P 88 `8b 88 88 d8""""""""8b 88P Y8b 88
88 "88, Y8a. .a8P 88 `8888 88 d8' `8b 88 "88, 88
88 Y8b `"Y8888Y"' 88 `888 88 d8' `8b 88 Y8b 88
*/
.kontakt-top-wrap { margin-bottom: 40px; }
.kontakt-top { margin-top: 30px; }
.kontakt-top__blok { margin-bottom: 20px; padding: 20px; border-radius: 8px; text-align: center; }
.kontakt-top__blok p { margin-bottom: 5px; line-height: 1.4; }
.kontakt-top__blok .kontakt__bold, .kontakt-top__blok .kontakt__bold a { color: #261475; font-weight: bold; font-size: 24px; text-decoration: none; }
.kontakt-top__blok .kontakt__bold a:hover { text-decoration: underline; }
.kontakt-top__blok small { color: #6b6b6b; }
.kontakt-top__blok { background-color: #f2f3f5; background-position: left -40px center; background-repeat: no-repeat; }
.kontakt-top__blok--tel { background-image: url(img/kontakt-top-tel.svg); background-size: 118px 117px; }
.kontakt-top__blok--email { background-image: url(img/kontakt-top-email.svg); background-size: 143px 131px; }
.kontakt-top__blok--udaje { background-image: url(img/kontakt-top-udaje.svg); background-size: 91px 140px; }
@media (min-width: 768px) {
.kontakt-top { display: flex; justify-content: space-between; }
.kontakt-top__blok { width: 32%; margin: 0; }
}
@media (min-width: 960px) {
.kontakt-top-wrap { margin-bottom: 70px; }
.kontakt-top { margin-top: 50px; }
.kontakt-top__blok { background-position: left center; }
.kontakt-top__blok--tel { background-position: left 5px center; }
}
@media (min-width: 1200px) {
.kontakt-top-wrap { margin-bottom: 90px; }
}
.kontakt-pruh { margin-bottom: 60px; background-color: #f2f3f5; }
@media (min-width: 960px) {
.kontakt-pruh { margin-bottom: 120px; }
}
.kontakt-galerie { margin: 0 auto 40px; max-width: 600px; }
.kontakt-galerie__wrapper { position: relative; }
.kontakt-galerie__slideshow { }
.kontakt-galerie__slide { display: none; float: left; height: 200px; background-position: center center; background-repeat: no-repeat; background-size: contain }
.kontakt-galerie__slide:first-child { display: block; }
.kontakt-galerie__prev, .kontakt-galerie__next { display: block; width: 40px; height: 40px; background: url(img/slide-arr-left.svg) center center no-repeat; background-size: 40px 40px; }
.kontakt-galerie__prev, .kontakt-galerie__next { position: absolute; top: 50%; transform: translateY(-50%); z-index: 20; }
.kontakt-galerie__prev:hover, .kontakt-galerie__next:hover { opacity: .6 }
.kontakt-galerie__prev { left: 10px; }
.kontakt-galerie__next { right: 10px; background-image: url(img/slide-arr-right.svg); }
@media (min-width: 400px) {
.kontakt-galerie__slide { height: 250px; }
}
@media (min-width: 500px) {
.kontakt-galerie__slide { height: 300px; }
}
@media (min-width: 500px) {
.kontakt-galerie__slide { height: 400px; }
}
@media (min-width: 960px) {
.kontakt-galerie__slide { height: 300px; }
}
@media (min-width: 1100px) {
.kontakt-galerie__prev { left: -10px }
.kontakt-galerie__next { right: -10px }
}
.kontakt-udaje { margin: 0 auto; max-width: 600px; }
.kontakt-udaje h3 { margin-bottom: 15px; }
.kontakt-udaje__adresa { color: #6b6b6b; }
.kontakt-udaje__telefon {}
.kontakt-udaje__telefon { margin-bottom: 30px; padding-left: 24px; background: url(img/kontakt-tel.svg) left center no-repeat; background-size: 16px 16px; }
.kontakt-udaje__telefon a { font-weight: bold; text-decoration: none; }
.kontakt-udaje h4 { margin-bottom: 15px; font-size: 16px; }
.kontakt-udaje h4 { padding-left: 28px; background: url(img/clock.svg) left center no-repeat; background-size: 20px 20px; }
.kontakt-udaje table { width: 100%; }
.kontakt-udaje table td { padding: 15px; }
.kontakt-udaje table tr:first-child td { background-color: #fff; }
@media (min-width: 960px) {
.kontakt-pruh__in { display: flex; justify-content: space-between; align-items: center; }
.kontakt-galerie { width: 47%; margin: 0; max-width: none; }
.kontakt-udaje { width: 47%; margin: 0; max-width: none; }
.kontakt-udaje h3 { font-size: 24px }
}
@media (min-width: 1100px) {
.kontakt-galerie { width: 53%; }
.kontakt-udaje { width: 42%; }
.kontakt-galerie { margin-top: -60px; margin-bottom: -60px; }
.kontakt-galerie__slide { height: 400px; }
.kontakt-udaje { align-self: center; }
}
@media (min-width: 1200px) {
.kontakt-galerie { width: 57%; }
.kontakt-udaje { width: 38%; }
.kontakt-galerie { box-shadow: 0 25px 25px rgba(0, 0, 0, 0.19); }
.kontakt-galerie__slide { height: 450px; }
}
.kontakt-mapa { margin-bottom: 40px; }
.kontakt-mapa iframe { height: 300px; width: 100%; }
@media (min-width: 768px) {
.kontakt-mapa iframe { height: 400px; }
}
.kontakt-tym {}
.lide { list-style: none; margin: 0; padding-top: 60px; }
.osoba { position: relative; max-width: 300px; margin: 0 auto 80px; padding: 70px 20px 40px; text-align: center; background-color: #f2f3f5; border-radius: 8px; }
.osoba__foto { position: absolute; top: -50px; left: 50% ;transform: translateX(-50%); }
.osoba__foto { width: 104px; height: 104px; margin: 0 auto 0; background-position: top center; background-repeat: no-repeat; border-radius: 50%; }
.osoba h4 { margin-bottom: 5px; color: #de1d11; font-size: 18px; }
.osoba a { text-decoration: none; }
.osoba .telefon { margin-bottom: 10px; }
@media (min-width: 768px) {
.lide { display: flex; flex-wrap: wrap; padding-top: 0; }
.osoba { width: 31%; max-height: none; margin: 80px 2.333333% 0 0; }
.osoba:nth-child(3n+3) { margin-right: 0; }
}
@media (min-width: 960px) {
.osoba { width: 19%; margin-right: 1.2% !important; }
.osoba:nth-child(5n+5) { margin-right: 0 !important; }
}
/*
,ad8888ba, 88 db 888b 88 88 a8P 8b d8
d8"' `"8b 88 d88b 8888b 88 88 ,88' Y8, ,8P
d8' 88 d8'`8b 88 `8b 88 88 ,88" Y8, ,8P
88 88 d8' `8b 88 `8b 88 88,d88' "8aa8"
88 88 d8YaaaaY8b 88 `8b 88 8888"88, `88'
Y8, 88 d8""""""""8b 88 `8b 88 88P Y8b 88
Y8a. .a8P 88 d8' `8b 88 `8888 88 "88, 88
`"Y8888Y"' 88888888888 d8' `8b 88 `888 88 Y8b 88
*/
.divstrankovani-horni { display: none; }
.divstrankovani { text-align: center; margin-bottom: 40px; }
.clanek-na-prehledu { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dotted silver; }
.clanek-na-prehledu .clanek-top { margin-bottom: 10px; }
.clanek-na-prehledu .datum-a-autori { font-size: 14px; color: gray; }
.clanek-na-prehledu .doprovodny { float: left; margin: 0 20px 5px 0; }
.clanek-na-prehledu .perex { margin: 0; }
.clanek-na-prehledu .clanek-bottom { clear: left; padding-top: 10px; }
.divstrankovani-dolni { margin-top: 40px; }
@media (min-width: 960px) {
.clanek-na-prehledu { margin-bottom: 40px; padding-bottom: 40px; }
.divstrankovani-dolni { font-size: 18px }
.strankovani-dolni > * { display: inline-block; margin: 2px 4px; }
}
#clanek-produkty { margin-top: 50px; }
/*
88888888ba, 88888888888 888888888888 db 88 88 88888888ba 88888888ba ,ad8888ba, 88888888ba, 88 88 88 a8P 888888888888 88 88
88 `"8b 88 88 d88b 88 88 88 "8b 88 "8b d8"' `"8b 88 `"8b 88 88 88 ,88' 88 88 88
88 `8b 88 88 d8'`8b 88 88 88 ,8P 88 ,8P d8' `8b 88 `8b 88 88 88 ,88" 88 88 88
88 88 88aaaaa 88 d8' `8b 88 88 88aaaaaa8P' 88aaaaaa8P' 88 88 88 88 88 88 88,d88' 88 88 88
88 88 88""""" 88 d8YaaaaY8b 88 88 88""""""' 88""""88' 88 88 88 88 88 88 8888"88, 88 88 88
88 8P 88 88 d8""""""""8b 88 88 88 88 `8b Y8, ,8P 88 8P 88 88 88P Y8b 88 88 88
88 .a8P 88 88 d8' `8b 88 88 88 88 `8b Y8a. .a8P 88 .a8P Y8a. .a8P 88 "88, 88 Y8a. .a8P
88888888Y"' 88888888888 88 d8' `8b 88 88888888888 88 88 `8b `"Y8888Y"' 88888888Y"' `"Y8888Y"' 88 Y8b 88 `"Y8888Y"'
*/
.detail-produktu__drobnav .in { padding: 10px 0 0; }
@media (min-width: 960px) {
.detail-produktu__drobnav .in { padding: 20px 0 0; }
}
.detail-produktu__mobile-start { display: block; margin-bottom: 20px; }
@media (max-width: 767px) {
.detail-produktu__informace .detail-produktu__hodnoceni { display: none; }
.detail-produktu__informace #nazev-produktu { display: none; }
.detail-produktu__informace .kratky-popis { display: none; }
.detail-produktu__mobile-start .h1 { margin-bottom: 5px; font-size: 30px; }
.detail-produktu__mobile-start .detail-produktu__hodnoceni { margin-bottom: 0; }
}
@media (min-width: 768px) {
.detail-produktu__mobile-start { display: none; }
}
.detail-produktu__hodnoceni { margin-bottom: 10px; }
.hodn-hvezdy { display: inline-block; width:100px; height:15px; background:url("img/hvezdicky-sede.svg") no-repeat left center; }
.hodn-hvezdy span { display: block; height:15px; background:url("img/hvezdicky.svg") no-repeat left center; }
.hodn-hlasy { margin-left: 10px; color: #6b6b6b; font-size: 12px; line-height: 1; }
.hodn-hlasy { position: relative; top: -3px; }
.kratky-popis { color: #6b6b6b; }
.detail-produktu__obrazky { position: relative; margin-bottom: 20px; }
.detail-produktu__obrazky .stitky-produktu { position: absolute; top: 10px; left: 10px; z-index: 10; }
.detail-produktu__obrazky .stitky-produktu .spanst { display: block; margin-bottom: 2px; }
.detail-produktu__obrazky .stitky-produktu .spanst strong { display: none; }
.hlavni-obrazek-uvodni { text-align: center; }
.vedlejsi-obrazky {}
.vedlejsi-obrazky__wrapper { position: relative; }
.vedlejsi-obrazky__slideshow {}
.vedlejsi-obrazky__slide { float: left; padding: 0 5px; }
.vedlejsi-obrazky__slide a { display: block; }
.vedlejsi-obrazky__slide img { display: block; margin: 0; }
.vedlejsi-obrazky__prev, .vedlejsi-obrazky__next { display: block; width: 40px; height: 40px; background: url(img/slide-arr-left.svg) center center no-repeat; background-size: 40px 40px; }
.vedlejsi-obrazky__prev, .vedlejsi-obrazky__next { position: absolute; top: 50%; transform: translateY(-50%); z-index: 20; }
.vedlejsi-obrazky__prev:hover, .vedlejsi-obrazky__next:hover { opacity: .6 }
.vedlejsi-obrazky__prev { left: -5px; }
.vedlejsi-obrazky__next { right: -5px; background-image: url(img/slide-arr-right.svg); }
/* informace napravo */
#horni-dostupnost { margin-bottom: 20px; }
.krokh3 { }
#kosik_osodber_obal { margin-bottom: 20px; }
.kamdorucit { margin-bottom: 10px; }
.kamdorucit__nazev { margin-right: 10px; }
.kamdorucit__cena { font-size: 20px }
.kamdorucit__cena .sbezdph { color: #6d6d6d; font-size: 14px }
#kosik_bonusy_obal { margin-bottom: 20px; }
#obal-bonusu { display: flex; flex-wrap: wrap; }
.bonus-darek { padding: 65px 10px 10px; background-repeat: no-repeat; background-position: top 5px center; text-align: center; }
.bonus-darek .puvodni-cena.preskrtnuto { color: #c6c6c6; text-decoration: line-through; font-size: 14px }
.bonus-darek { border: 1px solid transparent; }
.bonus-darek.bonus-aktivni { border: 1px solid #c6c6c6; }
.darky-u-vice-variant { margin-top: 20px; }
.detail-produktu__cena { }
.cena__hlavni-cena { font-weight: bold; font-size: 32px; line-height: 1.4; }
.detail-produktu__cena.usetreno { display: flex; }
.detail-produktu__cena.usetreno .cena__hlavni-cena { margin-right: 30px; }
.detail-produktu__cena.usetreno .cena__usetreno { line-height: 1.2; }
.usetreno__bezna-cena { color: #6d6d6d; text-decoration: line-through; }
.usetreno__rozdil { color: #000000; }
.usetreno__rozdil strong { color: #de1d11; }
.vo .cena__hlavni-cena .bezdph { color: #6d6d6d; font-size: 14px; }
.vo .cena__hlavni-cena small { display: block; color: #6d6d6d; font-size: 14px; }
.vo .cena__vomocena { margin-top: 5px; }
.vo .cena__vomocena span { padding: 2px 8px; background-color: red; color: #fff; font-weight: bold; font-size: 14px; }
.vo .cena__sleva-z-doporucene, .vo .cena__sleva-z-internetove { margin-top: 5px; font-size: 14px; }
.vo .cena__sleva-z-doporucene .procenta, .vo .cena__sleva-z-internetove .procenta { color: red; }
#kosikvlozit { display: flex; margin-top: 30px; }
#kosikvlozit .inpobal { margin-right: 10px; }
#kosikvlozit .vlozit { padding-left: 60px; padding-right: 30px; background-image: url(img/dokosiku.svg); background-position: left 20px center; background-repeat: no-repeat; background-size: 22px 20px; }
.vyberte-z-variant-nize { margin-top: 30px; }
.vyberte-z-variant-nize .tlacitko { margin: 0; width: 100%; padding: 20px; font-size: 16px }
.vyberte-z-variant-nize .tlacitko { background-image: url(img/sipecka-dolu.svg); background-position: right 20px center; background-repeat: no-repeat; background-size: 8px 6px; }
@media (min-width: 768px) {
.vyberte-z-variant-nize { margin-bottom: 40px; }
.vyberte-z-variant-nize .tlacitko { width: auto; padding-right: 40px; }
}
.detail-produktu__ruzne-info { margin-top: 20px; padding: 10px 0; border-top: 1px solid #ebebeb; }
.detail-produktu__ruzne-info ul { list-style: none; margin: 0; }
.detail-produktu__ruzne-info li { display: inline-block; padding: 0; margin: 2px 10px 2px 0; color: #6d6d6d; font-size: 14px; }
.prod-poradna { margin-top: 20px; }
.prod-poradna { display: flex; justify-content: space-between; align-items: flex-start; }
.prod-poradna__person { width: 68px; height: 68px; flex-grow: 0; flex-shrink: 0; background: url(img/petr.png) center center no-repeat; background-size: contain; }
.prod-poradna__person { border: 4px solid #261475; border-radius: 50%; }
.prod-poradna__person.avail { position: relative; }
.prod-poradna__person.avail:after { content: ''; display: block; width: 18px; height: 18px; background-color: #3fc00f; border: 3px solid #ffffff; border-radius: 50%; }
.prod-poradna__person.avail:after { position: absolute; right: -10px; top: 5px; }
.prod-poradna__info { margin-left: 20px; flex-grow: 1; }
.prod-poradna__potrebujete { margin-bottom: 10px; }
.prod-poradna__tel { margin-bottom: 5px; }
.prod-poradna__tel span, .prod-poradna__email span { padding-left: 32px; background-position: left center; background-repeat: no-repeat; color: #6b6b6b; }
.prod-poradna__tel span { background-image: url(img/kontakt-tel.svg); background-size: 16px 16px; }
.prod-poradna__email span { background-image: url(img/kontakt-email.svg); background-size: 16px 12px; }
.prod-poradna__tel span em { font-style: normal; font-size: 13px; }
.prod-poradna a { text-decoration: none; }
.prod-poradna a:hover { text-decoration: underline; }
@media (min-width: 960px) {
.prod-poradna { padding: 0; }
.prod-poradna__person { width: 88px; height: 88px; }
.prod-poradna__person.avail:after { right: -6px; top: 8px; }
.prod-poradna__info { margin-left: 30px; }
}
.detail-produktu__top { margin-bottom: 40px; }
@media (min-width: 768px) {
.detail-produktu__top .in { display: flex; justify-content: space-between; }
.detail-produktu__obrazky { width: 47%; margin-bottom: 0; }
.detail-produktu__informace { width: 47%; }
}
@media (min-width: 1200px) {
.detail-produktu__top { margin-bottom: 60px; }
.detail-produktu__obrazky { width: 40%;}
.detail-produktu__informace { width: 54%; }
}
.detail-produktu__varianty { background-color: #f2f3f5; }
#produkt-varianty { }
#produkt-varianty .tdnazevvarianty.obrazekvarianty span { padding: 5px 5px 5px 50px; background-position: left center; background-repeat: no-repeat; background-size: contain; }
#produkt-varianty .tdcenavase .usetri { font-size: 14px; }
#produkt-varianty .tdcenavase .usetri del { color: #6d6d6d; }
#produkt-varianty .tdcenavase .usetri .us { color: #de1d11; }
#produkt-varianty .tdcenavase .vasecenabezdph { margin-left: 20px; color: #6d6d6d; } /* vo */
#produkt-varianty .dokosiku .koupit { padding-left: 60px; background-image: url(img/dokosiku.svg); background-position: left 20px center; background-repeat: no-repeat; background-size: 22px 20px; }
#produkt-varianty .tdmnozstvi .dokosiku {display: flex; justify-content: space-between; }
#produkt-varianty .dokosiku .inpobal { flex-shrink: 0; margin-right: 20px; }
#produkt-varianty .dokosiku .koupit { margin-right: auto; }
@media (max-width: 959px) {
#produkt-varianty,
#produkt-varianty tbody { display: block; }
#produkt-varianty tr { margin-bottom: 10px; display: flex; flex-wrap: wrap; padding: 10px; background-color: #ffffff; border: 1px solid #ececec; box-shadow: 0 1px 0 #ececec; }
#produkt-varianty .tdnazevvarianty { width: 70%; font-weight: bold; }
#produkt-varianty .tdbaleni { width: 30%; text-align: right; }
#produkt-varianty .tdskladem { width: 100%; }
#produkt-varianty .tdcenavase { width: 100%; }
#produkt-varianty .tdcenavase .usetri { margin-left: 20px;}
#produkt-varianty .tdmnozstvi { width: 100%; }
#produkt-varianty .tdmnozstvi .dokosiku { width: 100%; }
}
@media (min-width: 960px) {
.detail-produktu__varianty .in { padding: 50px 0; }
#produkt-varianty { width: 100%; }
#produkt-varianty tr { border: 1px solid #ececec; box-shadow: 0 1px 0 #ececec; }
#produkt-varianty td { padding: 20px 10px; background-color: #fff; }
#produkt-varianty .tdnazevvarianty { padding-left: 30px; font-weight: bold; }
#produkt-varianty .tdskladem { }
#produkt-varianty .tdskladem .uvas { display: block; }
#produkt-varianty .tdcenavase .usetri { display: block; }
#produkt-varianty .tdmnozstvi { width: 300px; }
#produkt-varianty.varvo .tdmnozstvi { width: 100px; }
#produkt-varianty.varvo .tdvlozitdokosiku { text-align: right; }
}
.detail-produktu__taby { }
.detail-produktu__taby .in { padding-top: 0; padding-bottom: 0; }
.detail-produktu__lista { border: 1px solid #ececec; border-left: 0; border-right: 0; }
.detail-produktu__lista ul { list-style: none; margin: 0; display: flex; justify-content: center; flex-wrap: wrap; }
.detail-produktu__lista ul li { margin: 0; padding: 15px 10px; text-align: center; font-weight: bold; text-transform: uppercase; }
.detail-produktu__lista ul li.aktivni { border-top: 1px solid #de1d11; }
.detail-produktu__lista ul li.aktivni a { color: #de1d11; }
@media (min-width: 960px) {
.detail-produktu__lista ul li { padding: 30px 20px; }
}
.cont-div { padding: 20px 0; }
@media (min-width: 960px) {
.cont-div { padding: 40px 0; }
}
#popis-produktu { display: none; }
.produkt-vlastnosti { }
.produkt-vlastnosti__nalevo { margin-bottom: 20px; }
@media (min-width: 960px) {
.produkt-vlastnosti.dvasloupce { display: flex; justify-content: space-between }
.produkt-vlastnosti__nalevo { width: 48%; margin-bottom: 0; }
.produkt-vlastnosti__napravo { width: 48%; }
}
@media (min-width: 1200px) {
.produkt-vlastnosti__nalevo { width: 55%; }
.produkt-vlastnosti__napravo { width: 40%; }
}
.produkt-vlastnost { margin-bottom: 25px; }
.vlastnost-nadpis { margin-bottom: 10px; }
.vlastnost-telo { color: #6b6b6b; overflow-x: auto; }
.produkt-vlastnost table { width: 100%; }
.produkt-vlastnost table th, .produkt-vlastnost table td { padding: 5px; }
.produkt-vlastnost table tr:nth-child(odd) td { background-color: #f2f3f5; }
@media (min-width: 960px) {
.produkt-vlastnost { margin-bottom: 45px; }
.vlastnost-nadpis { font-size: 24px }
.produkt-vlastnost table th, .produkt-vlastnost table td { padding: 15px 10px; }
}
#dotazyzporadny { }
.dotaz { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #ececec; }
.dotaz-hlavicka { margin-bottom: 10px; }
.dcislo { display: none; }
.ddatum { margin-right: 10px; color: #6b6b6b; font-size: 14px }
.dnadpis { }
.dotaz .otazka { font-style: italic; }
.dotaz .odpoved { padding-left: 60px; background: url(img/dotazy-hunek.png) left top 5px no-repeat; background-size: 46px 46px; }
.dotaz .odpoved p { margin-bottom: 10px; }
.dotazinfovproduktu { margin-bottom: 30px; }
@media (min-width: 768px) {
.dotaz .odpoved { padding-left: 100px; background-size: 72px; }
}
@media (min-width: 960px) {
.dotaz { margin-bottom: 40px; padding-bottom: 40px; }
.dotaz .odpoved { padding-left: 120px; background-size: 96px; min-height: 105px; }
}
.hrec { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #ececec; }
.hrec-head { margin-bottom: 10px; }
.hrec-anon, .hrec-jmeno { font-weight: bold; margin-right: 20px; }
.hrec-datum { margin-right: 20px; }
.hrec-rating { display: inline-block; width:100px; height:15px; background:url("img/hvezdicky-sede.svg") no-repeat left center; }
.hrec-rating div { display: block; height:15px; background:url("img/hvezdicky.svg") no-repeat left center; }
.hrec-pros { margin-bottom: 10px; color: #3FC00F; }
.hrec-cons { margin-bottom: 10px; color: #de1d11; }
.hrec-hodnoceni ul { margin-left: 20px; }
@media (min-width: 960px) {
.hrec { margin-bottom: 40px; padding-bottom: 40px; }
}
.velky-obrazek { text-align: center; }
.hodnoceni-pod-popisem { text-align: center; color: #6b6b6b; }
.hodnoceni-pod-popisem .hodn-hvezdy { margin-right: 10px; }
.detail-produktu__souvisejici { margin-top: 30px; padding-top: 30px; border: 1px solid #ececec; }
@media (min-width: 960px) {
.detail-produktu__souvisejici { margin-top: 70px; padding-top: 70px; }
}