/* CSS reset */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; } html,body { margin:0; padding:0; font-family: Helvetica; font-weight:400; font-size:14px; line-height:18px; background-color:#fafafa; color:#383838; letter-spacing:0.02em; } h1, h2, h3, h4, h5, h6 { font-weight: normal; } a { color:#383838; text-decoration: none; } a:hover { border-bottom:solid 1px #383838; } .clearboth { clear: both; } .floatleft { float: left; } .uppercase { text-transform: uppercase; } .capitalize { text-transform: capitalize; } .black { color:black } img { border: none; } p { clear:both; } ul { margin:0; } b { font-weight:bold; } strong { font-weight:bold; } .tisic { margin-left: 0.3em; } .nonselectable { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none;} .nopadding { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input,textarea,select { border:none; outline:none; resize:none; padding:8px 10px 8px 10px; font-size:20px; font-family: Helvetica; -webkit-appearance: none; -webkit-border-radius:0px; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 1000px white inset !important; } .ramecek5 { -webkit-border-radius:5x; -moz-border-radius:5px; border-radius:5px; } .ramecek10 { -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; } .ramecek-kulaty { -webkit-border-radius:35px; -moz-border-radius:35px; border-radius:35px;} .table-cell { display: table-cell; vertical-align: middle; } li { list-style-position:inside; } hr { height:1px; border:0; padding:0; margin:0; background-color:#404040; } .main { box-sizing: border-box; } .prostor { position:relative; width:90%; max-width:1400px; margin:auto;} .lista { background:#f6f6f6; float:right; width:100% } .lista-polozka a { float:right; padding:9px 18px; color:#bcbcbc; font-size:12px; border-bottom:0; border-right:1px solid #e3e3e3 } .lista-polozka:last-child a { border-left:1px solid #e3e3e3 } .lista-polozka.active a { background:#e3e3e3; color:#737373 } nav { float:left; background:#eeeeee; width:100%; border-bottom:#e0e0e0 solid 1px; padding:10px 0; } nav .prostor { border:0 } .hledat { position:relative; width:25%;} .vyhledavani { float:left; font-size:13px; color:#727271; font-weight:bold; width:100%; padding-right:40px; height:36px} .vyhledavani::placeholder { font-style:italic; } .vyhledavani-submit { position:absolute; width:32px; height:32px; background:#eeeeee url(../images/lupa.svg); background-size:15px 15px; background-repeat:no-repeat; background-position:center; right:2px; top:2px; cursor:pointer; border:0; -webkit-border-top-right-radius:5x; -moz-border-top-right-radius:5px; border-top-right-radius:5px; -webkit-border-bottom-left-radius:5x; -moz-border-bottom-left-radius:5px; border-bottom-left-radius:5px; } .hledat2 { display:none; position:relative; width:100%; max-width:280px; margin:auto; height:50px; margin-top:10px;} h1 { position:absolute; margin:auto; left:0; right:0; width:114px; z-index:10 } h1 a { border:0; } h1 img { float:left; width:100%; } .button-head { float:right; background:#FFFFFF; font-weight:bold; color:#727271; font-size:13px;} .button-head span, .button-head a { color:#727271; padding:9px 15px 9px 10px; height:18px; float:left; text-decoration: none; border:0; } .button-head a:hover { color:white } .button-head a { cursor:pointer; } .button-head:hover { background:#DA251D; color:white } .button-head:hover { color:white } .button-head:hover svg { fill:white; } .button-head span svg { fill:#DA251D; } .button-kosik:hover { background:white } .button-kosik:hover svg { fill:#DA251D; } .cart { float:left; fill:#da251d; width:17px; height:17px; margin-top:1px } .kosik-button-text { float:left; margin-left:10px } .button-prihlaseni { position:relative; margin-right:20px; cursor:pointer; } .button-prihlaseni a { cursor:pointer; } .button-prihlaseni:hover { background:#DA251D; color:white } .button-prihlaseni:hover span, .button-prihlaseni:hover a { color:white } .button-prihlaseni:hover svg { fill:white; } .button-prihlaseni2 { display:none } .person { float:left; fill:#da251d; width:17px; height:17px; } .button-head.button-prihlaseni.active { background: #727271;} .button-head.button-prihlaseni.active span { color:white } .button-head.button-prihlaseni.active .person { fill:white; } .prihlaseni-button-text { float:left; margin-left:10px;} .menu-prostor { position:relative; float:left; min-height:22px; background:#f6f6f6; width:100%; padding:38px 0 15px 0; text-align: center; border-bottom:#e0e0e0 solid 1px;} .menu a, .menu span { color:#727271; padding:0 8px 15px 8px; cursor:pointer; } .menu a.active, .menu a:hover, .menu span.active, .menu span:hover { border-bottom:solid 3px #DA251D; } .menu h3 { position:relative; display:inline-block; font-size:14px; line-height:22px; font-weight:bold; margin:0 17px } .menu-mobile { display:none; position:absolute; right:15px; top:0; width:22px; height:20px;cursor:pointer;} .menu-mobile span { position:absolute; display:block; width:100%; height:2px; border:1px solid #383838; background-color: #383838; -webkit-border-radius:5x; -moz-border-radius:5px; border-radius:5px; behavior: url(PIE.htc); } .menu-mobile span:nth-child(1) { top:0; } .menu-mobile span:nth-child(2) { top:8px } .menu-mobile span:nth-child(3) { bottom:0; } .submenu { display:none; position:absolute; background:#f6f6f6; z-index:20; top:37px; left:-12px; width:calc(100% + 65px); text-align:left; border:#e0e0e0 solid 1px; border-top:none; padding:10px; } .submenu a { padding:0 8px 4px 8px; } .submenu a.active, .submenu a:hover { border-bottom:solid 2px #DA251D; } .menu h4 { position:relative; display:inline-block; font-size:12px; line-height:26px; margin:0 } .header { position:relative; float:left; width:100%; padding-top:20px; height:44vw; max-height:700px; min-height:300px; display:table; } .header .object-fit { position:absolute; width:calc(100%); height:calc(100% - 40px); background-repeat:no-repeat; background-size:cover; } .header-info { position:relative; z-index:10; float:right; width:45%; max-width:550px; margin-right:10%; font-size:30px; line-height:3vw; font-weight:300; } .header-info h2 { font-size:40px; line-height:50px; font-weight:bold; margin-left:70px } .header-red { position:relative; background:#DA251D; color:white; width:100%; margin-top:80px; font-size:14px; line-height:30px; padding:20px 25px 45px 25px; } .header-red-obal { float:left; margin-top:10px; margin-bottom:10px; width:100% } .header-red-point { float:left; background:white; color:#DA251D; width:30px; height:30px; font-weight:bold; font-size:16px; text-align:center; } .header-red-text { float:left; font-weight:bold; margin-left:10px; margin-top:1px; } .header-red select { float:right; padding:8px 12px 8px 12px; font-size:16px; width:170px; color:#000; font-weight:bold; cursor:pointer; background:white url(../images/sipka.svg); background-size:12px 12px; background-repeat:no-repeat; background-position: right 10px center; } .nalezeno { position:absolute; right:25px; font-style:italic; font-size:16px; } .submit { float:right; background:#383838; color:white; font-size:16px; padding:10px 14px 10px 14px; margin:20px 25px 0 0; cursor:pointer } .obal { position:relative;} .pattern { position:relative; display:inline-block; overflow: hidden; float:left; width:calc((100%/3) - 11px); margin-right:15px; height:320px; margin-bottom:15px;z-index:10; } .pattern:nth-child(3n) { margin-right:0; } .pattern .object-fit { position:absolute; width:100%; height:100%; background-repeat:no-repeat; background-position:center; background-size:cover; transition: transform 0.5s; z-index:-10; } .pattern:hover .object-fit { transform: scale(1.1); } .pattern-text { position:absolute; left:7%; bottom:12% } .pattern-nazev { float:left; font-size:28px; line-height:36px; font-weight:bold; width:50%; margin-bottom:15px } .pattern-zobrazit { float:left; clear:both; background:#DA251D; color:white;padding:10px 14px 10px 14px; } .pattern2 a { color:white } .pattern-red .pattern-zobrazit { background:white; color:#383838; } .pattern-telefon { border:solid 1px #bebebe; width:calc((100%/3) - 13px); height:318px;} .pattern.pattern-telefon:hover .object-fit { transform: scale(1); } .pattern-telefon-text { position:relative; margin-top:3vw; margin-left:30px; font-size:16px; line-height:20px; font-weight:bold; letter-spacing:0.07em } .pattern-telefon-poradit { color:#DA251D } .pattern-telefon-linka { margin-top:20px; color:#727271; font-weight:normal; } .pattern-telefon-cislo a { color:#DA251D; font-size:32px; line-height:42px; letter-spacing:0.1em; border:0 } .pattern-long { width:calc((((98%/3)*2) + 1%) - 4px); margin-right:0; background:#EBEBEB; border:#bebebe solid 1px; max-height:330px; padding:30px 40px; } .pattern-long-nadpis { float:left; color:#DA251D; font-size:20px; line-height:28px; font-weight:bold; } .pattern-long-logo { float:right; width:52px; height:32px; background:url(../images/logo.svg); background-size:52px 32px; } .pattern-long input { width:calc(50% - 15px); float:left; font-size:15px; padding:10px 12px 10px 12px; color:#727271; font-weight:bold; height:38px; margin-top:15px; margin-bottom:15px} .pattern-long input:nth-child(2) { margin-left:30px} .pattern-long textarea { width:100%; font-size:15px; padding:10px 12px 10px 12px; color:#727271; font-weight:bold; height:70px; } .pattern-long .odeslat { float:right; width:80px; background:#DA251D; color:white; cursor:pointer; } .pattern-zakazkova { width:100%; margin-top:50px; } .pattern-zakazkova input[type="file"] { background: transparent; height: auto; width: auto; margin: 0; margin-left: -12px; } .pattern-zakazkova input[type="file"]::-webkit-file-upload-button { -webkit-box-align: center; text-align: center; color:#727271; padding:10px 15px; cursor:pointer; border:0; background-color:#fffffe; outline: 0;font-weight:bold; -webkit-border-radius:5x; -moz-border-radius:5px; border-radius:5px; } input.input-error, textarea.input-error { background:#DA251D; color:white} .input-error::placeholder{ color:white} .dekujeme { display:none; font-size:18px; line-height:24px; font-weight:bold; } /* Výpis */ .vypis-head { padding:0 0 40px 0; background:white; border-bottom:#e0e0e0 solid 1px; text-align:center; } .vypis-head h2 { display:inline-block; margin:20px 0 30px 0; font-size:36px; line-height:44px; font-weight:bold; } .vypis-button { display:inline-block; background:#f6f6f6; margin:20px 3px 0 3px; text-align:center; cursor:pointer; font-size:12px; } .vypis-button:hover { background:#eeeeee; } .vypis-button a { float:left; color:#727271; padding:9px 15px; border:0 } .varianty { margin-bottom:30px; } .vypis-head select { position:absolute; right:0; padding:8px 12px 8px 12px; font-size:16px; width:150px; font-weight:bold; cursor:pointer; background:#f6f6f6 url(../images/sipka.svg); margin-top:20px; background-size:12px 12px; background-repeat:no-repeat; background-position:right 10px center; color:#000 } .vypis-head input[type="checkbox"] { position:absolute; opacity:0; cursor:pointer; border:0; } .vypis-head input[type="checkbox"] + label { position:relative; background:#eeeeee url(../images/checkbox1.svg) no-repeat; background-position:right 20px center; background-size:18px 18px; display:inline-block; color:#727271; font-size:14px; padding:15px 50px 15px 20px; font-weight:bold; margin:0 10px; cursor:pointer; min-width:100px; text-align:left; margin-bottom:10px; } .vypis-head input[type="checkbox"]:checked + label { background:#DA251D url(../images/checkbox2.svg) no-repeat; background-position: right 20px center; background-size:20px 20px; color:white; cursor:pointer; } .filtr { width:100%; border:1px solid #e0e0e0; background: white; height:70px; margin-top:-36px } .filtr-text { float:left; margin:25px 0 0 25px; font-weight:bold; font-size:16px; width:170px; } .filtr select { float:left; margin:14px 0 0 5px; padding:10px 30px 10px 20px; color:white; font-size:14px; width:210px; font-weight:bold; cursor:pointer; background:#727271 url(../images/sipka2.svg); background-size:12px 12px; background-repeat:no-repeat; background-position: right 10px center; } .amount { float:left; text-align:center; margin-left:15px; margin-top:25px; font-size:16px; width:140px; font-weight:bold; color:#616160 } #slider { float:left; width:calc(100% - 750px); margin-left:6px; margin-top:33px;} .noUi-target { background:#e0e0e0; border:0; height:4px } .noUi-base { background:transparent; } .noUi-connect { background:#383838; } .noUi-horizontal .noUi-handle{ width:16px; height:16px; top:-7px; margin-right:8px; } .noUi-handle { outline:none; border:0; border-radius:0; box-shadow:none; cursor:pointer; background:#DA251D; -webkit-border-radius:13px; -moz-border-radius:13px; border-radius:13px; } .noUi-handle:after,.noUi-handle:before{ content:none; } .produkty { float:left; margin:10px 0 30px 0; width:100%; } .produkt { position:relative; float:left; width:23.82%; margin-right:1.33%; border:1px solid #e0e0e0; background: white; margin-top:1.5%; } .produkt a { float:left; width:100%; padding:20px; border:0 } .produkt:nth-of-type(4n) { margin-right:0; } .produkt-info { position:absolute; height:70px; width:calc(100% - 40px); } .produkt h3 { font-size:18px; line-height:22px; font-weight:bold; } .produkt-kod { color:#727271; font-size:12px; line-height:16px; margin-top:5px } .produkt-pocet { color:#727271; font-size:12px; line-height:16px; } .produkt-extra { position:absolute; right:0; margin-top:120px; color:white; padding:9px 15px; font-weight:bold; font-size:12px; -webkit-border-top-left-radius:10px; -moz-border-top-left-radius:10px; border-top-left-radius:10px; -webkit-border-bottom-left-radius:10px; -moz-border-bottom-left-radius:10px; border-bottom-left-radius:10px; } .hover-vicebarevna { display:none; position:absolute; top:-40px; right:-17px; width:107px; background:#727271; color:white; padding:9px 15px; font-weight:bold; font-size:12px; z-index:10; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; } .hover-soska { display:none; position:absolute; top:-40px; right:-17px; width:150px; background:#727271; color:white; padding:9px 15px; font-weight:bold; font-size:12px; z-index:10; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; } .produkt-na-objednavku { background:#DA251D; } .produkt-akce { background:#75B70C; } .produkt-sleva { background:#75B70C; } .produkt-novinka { background:#1DAEDA; } .produkt-pridane { background:#727271; } .produkt-pridane-odsazeni { margin-top:160px;} .produkt-pridane-odsazeni2 { margin-top:167px;} .produkt-pridane-odsazeni3 { margin-top:207px;} .produkt-medaile { float:left; width:19px; height:25px; margin:0 3px } .produkt-medaile1{ background:url("../images/medaile1.svg"); } .produkt-medaile2{ background:url("../images/medaile2.svg"); } .produkt-medaile3{ background:url("../images/medaile3.svg"); } .produkt-soska { float:left; width:17px; height:30px; margin:0 5px; background:url("../images/soska.svg"); } .produkt-cena { float:right; line-height:22px; } .produkt-cena-zelena { float:right; color:#75B70C; font-size:18px; font-weight:bold; margin-top:-1px } .produkt .object-fit { float:left; width:100%; height:270px; margin-top:100px; margin-bottom:15px; } .button-vypis { clear:both; float:right; background:#DA251D; color:white; padding:9px 15px 9px 10px; margin:auto; margin-top:20px; width:150px; text-align:center; height:18px; cursor:pointer; font-weight:bold; font-size:13px; } .zadny-produkt { text-align:center; margin-top:30px; margin-bottom:100px; font-size:18px; font-weight:bold; } .dph { font-size:13px } .zakazkova-obr { float:left; width:100%; margin-bottom:30px } .zakazkova-obr img { float:left; width:100%; } .prostor-white { background: white; } .prostor-white-text { padding:30px 0; width:90%; max-width:700px; margin:auto; } .white-foto { float:left; width:calc(25% - 20px); padding:10px 0; border:solid 1px #707070; background:white; margin-right:20px; margin-bottom:20px } .white-foto .object-fit { float:left; width:100%; height:150px; } /* Detail */ .vypis-head h2.h2detail { margin:20px 0 0 0; } .jcarousel-wrapper { position:relative;} .detail-kod { margin-bottom:20px; font-size:12px; color:#727271; height:55px; } .detail-cena { text-align:center; font-weight:bold; font-size:24px; color:#75B70C; line-height:36px; margin-bottom:10px; } .detail-info { height:90px;} .hide { display:none } .jcarousel2 li.active { opacity:1;} .jcarousel2 li.active2 { opacity:0.6;} .active .hide { display:block } .jcarousel2 .jcarousel-link { display:none; text-decoration:none; border:0 } .detail-left { float:left; width:55%;} .detail-mezera { margin-top:60px;} .detail-popis { font-size:18px; font-weight:bold; } .detail-galerie { float:left; margin:4vh 0; width:100% } .detail-foto { float:left; width:calc(20% - 20px); padding:10px 0; border:solid 1px #707070; background:white; margin-right:20px; margin-bottom:20px } .detail-foto .object-fit { float:left; width:100%; height:150px; } .detail-text { margin-top:20px; } .detail-doplnky { margin-top:30px; font-size:18px; font-weight:bold; } .detail-box { background:#efefef; float:left; width:calc(50% - 20px); margin-right:20px; padding:20px; margin-top:10px; } .detail-box-nazev{ color:#DA251D; font-size:18px; line-height:28px; font-weight:bold; } .detail-dotaz { margin-top:8vh; font-size:18px; font-weight:bold; margin-bottom:20px; } a.detail-kontaktovat { background:#DA251D; color:white; padding:12px 15px; margin:20px 3px 0 3px; text-align:center; border:0; text-decoration:none; height:18px; cursor:pointer; font-weight:bold; font-size:14px; } .detail-telefon { color:#DA251D; font-size:24px; line-height:50px; font-weight:bold; } .detail-kontakt { font-size: 16px; margin-bottom:8vh; } .detail-right { position:relative; float:right; width:calc(40% - 2px); max-width:450px; margin:8vh 0 8vh 5%; background:white; border:1px solid #e0e0e0; padding:20px} .detail-right table { width:100%; border-collapse:collapse; margin-bottom:20px; } .detail-objednat { font-size:18px; font-weight:bold; color:#DA251D; margin-bottom:15px; } .detail-velikost { clear:both; float:left; } .detail-koupit { float:right; background:#b9b9b8; color:white; padding:9px 15px; margin:3px 0; text-align:center; border:0; text-decoration:none; height:18px; cursor:pointer; font-weight:bold; font-size:14px; } .td-koupit { width:80px; } .td-cena { text-align:right; padding:0 10px; width:70px;} .detail-celkem-cena { float:right; font-weight:bold; font-size:24px; color:#75B70C; line-height:36px;} .td-mezera { height:40px; } .td-bottom td { vertical-align:center; line-height:40px;} .input-pocet { position:relative; float:left; border:1px solid #DA251D; color:#DA251D; font-size:14px; font-weight:bold; width:40px; text-align:center; margin-bottom:10px; padding:10px 20px 10px 0; z-index:10 } .input-do-kosiku { position:absolute; left:45px; background:#DA251D; border:1px solid #DA251D; color:white; font-size:14px; line-height:17px; font-weight:bold; padding:10px 10px 9px 25px; cursor:pointer; } .koupit { position:relative; display:inline-block; margin:auto; width:191px; } .ks { position:absolute; left:35px; top:10px; color:#DA251D; font-size:14px; font-weight:bold; z-index:10 } .detail-hlaska-outer { display:none; } .detail-hlaska { position:fixed; padding:20px; top:0; left:0; width:100%; height:100%; display:table; background:rgba(154,154,154,0.7); z-index:10000 } .detail-hlaska-inner { padding:10px; margin:auto; background:white; max-width:500px; } .detail-hlaska-inner-scroll { padding:0 40px; height:100%; } .detail-hlaska-hide { display:none } .detail-hlaska .kosik-zpet { float:left; margin-bottom:30px } .detail-hlaska .kosik-pokracovat { margin-right:0; margin-bottom:30px } .zbozi-pridano { float:left; width:100%; color:#75B70C; font-size:18px; line-height:22px; font-weight:bold; margin:20px 0; text-align:center; } .zbozi-pridano-icon { position:relative; display:inline-block; background:url(../images/vyber.svg); width:30px; height:30px; background-size: 30px 30px; top:7px; margin-right:5px; } /* Košík */ .kosik-bg { background:#f2f2f2} .kosik { padding:0 0 40px 0; border-bottom:#e0e0e0 solid 1px; } .kosik h2 { margin:30px 0 30px 0; font-size:36px; line-height:44px; font-weight:bold; text-align:center; } .kosik h3 { font-size:20px; line-height:24px; font-weight:bold; text-align:center; } .button-kosik-red { background:#DA251D;color:white } .button-kosik-red a { color:white } .button-kosik-red svg { fill:white; } .kosik-inner { position:relative; background:white; margin:auto; margin-top:15px; max-width:850px; padding:15px 15px 1px 15px; } .kosik-photo { float:left; width:40px; margin:10px 10px 10px 15px;} .kosik-photo img { float:left; width:100%; object-fit:cover; } .kosik-nazev { float:left; width:22%; font-size:20px; line-height:24px; font-weight:bold; margin-left:20px; margin-top:10px; } .kosik-nazev a { color:#DA251D; } .kosik-nazev a:hover { border-bottom:1px solid #DA251D } .kosik-kod { color:#727271; font-size:12px; line-height:20px; font-weight:normal; margin-bottom:5px; } .kosik-velikost { float:left; width:20%; max-width:95px; font-size:12px; line-height:16px; font-weight:bold; margin-left:40px; margin-top:18px; } .kosik-input-pocet { position:relative; float:left; border:1px solid #eeeeee; background:#eeeeee; font-size:16px; font-weight:bold; width:46px; text-align:center; margin-bottom:10px; padding:10px 20px 10px 0; color:#383838; z-index:10 } .kosik-koupit { position:relative; float:right; margin-left:30px; margin-top:14px; } .kosik-ks { position:absolute; left:40px; top:11px; font-size:16px; font-weight:bold; z-index:10 } .kosik-inner svg { float:right; width:20px; height:20px; cursor:pointer; margin-top:25px; margin-left:10px } .kosik-inner svg.delete { fill:#DA251D; width:15px; height:15px; margin-top:29px; margin-right:10px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg);-o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .kosik-cena { float:right; text-align:right; min-width:105px; margin-top:24px; margin-left:10px; margin-right:10px; font-size:20px; line-height:22px; font-weight:bold; } .kosik-cena-prostor { float:right; margin-right:20px } .kosik-cenaX { float:right; text-align:right; min-width:105px; font-size:20px; line-height:22px; font-weight:bold; } .kosik-cena-ks { text-align:right; min-width:105px; margin-top:2px; margin-bottom:5px; font-size:16px; line-height:22px; font-weight:normal; } .cena-po-sleve { font-size:16px; line-height:22px; font-weight:normal; } .kosik-inner svg.doplnek-odebrat { position:absolute; margin-top:26px; right:0 } .kosik-add { position:relative; background:#F8F8F8; margin-top:10px; border:solid 1px #e6e6e6} .kosik-add-padding { padding:10px; } .kosik-add-photo { float:left; width:40px; margin:10px 10px 10px 14px;} .kosik-add-photo img { float:left; width:100%; object-fit:cover; } .kosik-add-text { float:left; margin:15px 20px 11px 20px; line-height:18px; font-weight:bold; max-width:calc(100% - 240px); min-height:40px; } .kosik-add-kod { font-size:12px; font-weight:normal; } .kosik-add-cena-doplnky { float:right; margin-top:13px; text-align:right; min-width:90px; margin-right:45px; } .kosik-add-cena { font-size:16px; line-height:20px; font-weight:bold; } .kosik-add-cena-ks { font-size:16px; line-height:20px; margin-top:5px; } .kosik-import { background:#efefef; color:#959595;} .kosik-import-text { float:left; margin:21px 20px 19px 20px; font-weight:bold; } .kosik-import-input-text { float:left; margin-top:15px; margin-bottom:15px; font-size:14px; width:calc(100% - 570px); } .kosik-import-soubor { float:right; margin-top:21px; margin-right:20px; font-weight:bold; } .kosik-import-input-soubor { float:right; margin-right:40px; margin-top:12px; height:36px; width:105px; background:#727271; color:white; font-size:12px; line-height:36px; font-weight:bold; padding:0 12px 0 12px; text-align:left; cursor:pointer; } .kosik-import-input-soubor svg { float:left; fill:white; width:10px; margin:7px 10px 0 0 } .file-upload { display:none } .chyba-soubor { display:none; padding-right:40px; padding-bottom:10px; text-align:right; color:red} .kosik-add-doplnek { float:left; margin:15px; height:36px; background:#727271; color:white; font-size:12px; line-height:36px; font-weight:bold; padding:0 12px 0 12px; text-align:left; cursor:pointer; } .kosik-add-doplnek svg { float:left; fill:white; width:14px; margin:7px 10px 0 0 } .kosik-inner svg.soubor-odebrat { display:none; position:absolute; right:0; margin-top:22px; } .kosik-inner-footer { margin:15px 10px 16px; font-size:14px; line-height:18px; font-weight:bold; color:#727271 } .kosik-smazat { float:left; cursor:pointer; } .kosik-smazat svg { float:left; fill:#727271; width:11px; margin:-2px 10px 0 0 } .kosik-duplikovat { float:left; cursor:pointer; margin-left:20px; margin-right:10px; } .kosik-duplikovat svg { float:left; fill:#727271; width:13px; margin:-1px 10px 0 0 } .kosik-cena-celkem { float:right; margin-right:35px; } .kosik-cena-celkem-popis { float:left; margin-right:7px; margin-bottom:5px; } .kosik-cena-celkem-red { float:right; font-size:20px; line-height:22px; font-weight:bold; margin-top:-3px; color:#DA251D } .kosik-vyuctovani { width:100%; max-width:850px; margin:auto; margin-top:15px; color:#727271; font-weight:bold; font-size:20px; line-height:42px; text-align:right; } .kosik-cena-celkem-text { float:right; } .kosik-cena-celkem-text-red { float:right; color:#DA251D } .kosik-cena-celkem-suma { float:right; margin-right:60px; width:120px;} .kosik-cena-celkem-suma-red { float:right; color:#DA251D; margin-right:60px; width:120px; } .kosik-radek { margin-bottom:20px; } .kosik-button { float:right; margin-top:20px; margin-bottom:10vh; height:36px; background:#727271; color:white; font-size:12px; line-height:36px; font-weight:bold; text-align:left; cursor:pointer; margin-right:15px; } .kosik-button a { float:left; color:white; border:0; padding:0 12px 0 12px; } .kosik-pokracovat { background:#75B70C; margin-right:60px; padding:0 12px 0 12px; } .kosik-button.kosik-zpet { padding:0 20px 0 20px; } .kosik-button.kosik-priradit { padding:0 20px 0 20px; } .kosik-korektura input[type="checkbox"] { position:absolute; opacity:0; cursor:pointer; border:0; width:130px; } .kosik-korektura input[type="checkbox"] + label { position:relative; background:url(../images/checkbox1.svg) no-repeat; background-size:25px 25px; display:inline-block; font-size:14px; padding:5px 0 5px 35px; margin:0 10px; cursor:pointer; width:150px; text-align:left; margin-bottom:12px } .kosik-korektura input[type="checkbox"]:checked + label { background:url(../images/checkbox2.svg) no-repeat; cursor:pointer; background-size:25px 25px } .kosik-korektura-cena { float:right; margin:5px 45px 0 0; font-size:16px; line-height:20px; font-weight:bold; } .kosik-korektura-info { display:inline-block; width:160px; margin-bottom:12px; } .kosik5 .kosik-korektura-cena { float:right; margin:0 20px 0 0; } /* Košík 2 */ .kosik2-bg { background:white} .kosik2-cesta { margin:50px auto 30px auto; width:390px; line-height:40px; font-weight:bold; color:#bebebe } .kosik2-cesta a { color:#383838; } .cesta span { float:left; width:calc((100%/3) - 1px); border-bottom:solid 5px #bebebe; text-align: center; margin-right:1px; } .cesta a { float:left; width:calc((100%/3) - 1px); border-bottom:solid 5px #383838; text-align: center; margin-right:1px; } .cesta.active span { color:#DA251D; border-bottom:solid 5px #DA251D;} .form-udaje { position:relative; width:100%; max-width:600px; margin:30px auto;} .form-udaje input { float:left; width:calc(50% - 20px); margin-right:40px; margin-bottom:20px; font-size:16px; font-weight:bold; border-bottom:1px solid #dddddd; } .form-udaje input.right { margin-right:0; } .form-udaje .center { text-align:center; } .form-udaje .center input { float:none; margin-right:0;} .form-udaje input.full { width:100%; margin-right:0; } .form-udaje input::placeholder { font-weight:normal; font-size:12px; } .form-udaje .kosik-button { float:left; } .form-udaje .kosik-pokracovat { float:right; background:#75B70C; margin-right:0; font-size:12px; line-height:36px; width:auto; } .form-udaje input[type="checkbox"] { position:absolute; opacity:0; cursor:pointer; border:0; width:130px; } .form-udaje input[type="checkbox"] + label { position:relative; background:url(../images/checkbox1.svg) no-repeat; background-size:25px 25px; display:inline-block; font-size:14px; padding:5px 0 5px 35px; margin:0 10px; cursor:pointer; width:130px; text-align:left; } .form-udaje input[type="checkbox"]:checked + label { background:url(../images/checkbox2.svg) no-repeat; cursor:pointer; background-size:25px 25px } .form-udaje input[type="radio"] { position:absolute; opacity:0; cursor:pointer; border:0; } .form-udaje input[type="radio"] + label { position:relative; background:url(../images/radio1.svg) no-repeat; background-size:19px 19px; background-position:0 12px; display:inline-block; font-size:14px; padding:0 0 5px 35px; margin:0 10px; cursor:pointer; text-align:left; } .form-udaje input[type="radio"]:checked + label { background:url(../images/radio2.svg) no-repeat; cursor:pointer; background-size:19px 19px; background-position:0 12px; } .platba-nazev { position:relative; top:-13px; font-weight:bold; margin-left:10px; } .platba-nazev2 { position:relative; top:8px; font-weight:bold; line-height:30px; } .kosik-ram { border:1px solid #dddddd; padding:15px 15px 0 15px; height:55px } .kosik-ram img { height:35px; margin-top:5px } .kosik-ram-top { -webkit-border-top-left-radius:10px; -moz-border-top-left-radius:10px; border-top-left-radius:10px; -webkit-border-top-right-radius:10px; -moz-border-top-right-radius:10px; border-top-right-radius:10px;} .kosik-ram-middle { border-top:0;} .kosik-ram-bottom { border-top:0; margin-bottom:30px; -webkit-border-bottom-left-radius:10px; -moz-border-bottom-left-radius:10px; border-bottom-left-radius:10px; -webkit-border-bottom-right-radius:10px; -moz-border-bottom-right-radius:10px; border-bottom-right-radius:10px; } .kosik-ram-bottom2 { margin-bottom:30px; -webkit-border-bottom-left-radius:10px; -moz-border-bottom-left-radius:10px; border-bottom-left-radius:10px; -webkit-border-bottom-right-radius:10px; -moz-border-bottom-right-radius:10px; border-bottom-right-radius:10px; } .kosik-ram-top2 { border-top:1px solid #dddddd; -webkit-border-top-left-radius:10px; -moz-border-top-left-radius:10px; border-top-left-radius:10px; -webkit-border-top-right-radius:10px; -moz-border-top-right-radius:10px; border-top-right-radius:10px;} .kosik-ram-cena { float:right; margin-top:15px; font-weight:bold; } /* Košík 5 */ .kosik-ram2 { border:1px solid #dddddd; border-top:0; padding:5px 10px 8px 10px; } .kosik-ram2 img { height:35px } .kosik-ram2-top { border-top:1px solid #dddddd; -webkit-border-top-left-radius:10px; -moz-border-top-left-radius:10px; border-top-left-radius:10px; -webkit-border-top-right-radius:10px; -moz-border-top-right-radius:10px; border-top-right-radius:10px;} .kosik-ram2-bottom { border-top:0; margin-bottom:30px; -webkit-border-bottom-left-radius:10px; -moz-border-bottom-left-radius:10px; border-bottom-left-radius:10px; -webkit-border-bottom-right-radius:10px; -moz-border-bottom-right-radius:10px; border-bottom-right-radius:10px; } .kosik-ram-text { float:left; width:70px; margin-top:11px; font-size:12px; line-height:18px; text-align:right; color:#bbb } .kosik-ram-text2 { float:left; margin-top:8px; margin-bottom:4px; margin-left:20px; font-size:14px; line-height:22px; font-weight: bold; } .kosik-ram-obrazek { float:left; width:calc(100% - 87px); margin-top:3px; margin-left:17px; } .kosik-ram-obrazek img { float:left; } .kosik-inner .nadpis { font-weight:bold; font-size:16px; line-height:38px; } .kosik-inner .cara { width:100px; height:3px; background:#DA251D; margin-bottom:10px;} .kosik-inner-ram { border:1px solid #eee; } .kosik-import-text2 { float:left; margin:20px 20px 20px 0; font-weight: bold; color:#383838; } .kosik5-nazev { color:#383838 } .kosik-inner hr { background:#eee; margin:20px 0; margin-left:-15px; width:calc(100% + 30px) } .kosik-add-cena2 { font-size:20px; line-height:22px; margin-right:0; } .kosik-import-ram { -webkit-border-bottom-left-radius:10px; -moz-border-bottom-left-radius:10px; border-bottom-left-radius:10px; -webkit-border-bottom-right-radius:10px; -moz-border-bottom-right-radius:10px; border-bottom-right-radius:10px; } .kosik5-vyuctovani .kosik-cena-celkem-suma { margin-right:25px;} .kosik5-vyuctovani .kosik-cena-celkem-suma-red { margin-right:25px;} .kosik5-dokoncit { background:#75B70C; margin-right:25px; } .sumarizace-cena { float:right; min-width:90px; text-align:right; margin-top:7px; margin-right:25px; font-size:16px; line-height:20px; font-weight:bold; } .kosik5-platba-nazev { font-weight: bold; float:left; margin:8px 10px 0 10px; } .kosik5.kosik-inner { border:1px solid #dddddd; } .kosik5 .kosik-import-input-text { margin-top:21px; width:calc(100% - 500px); } .kosik5 .kosik-import-input-soubor { background: transparent; color:#959595; cursor:default; padding-left:0; padding-right:0; font-size:14px; font-weight:normal; margin-right:20px; width:auto; } .kosik5 .kosik-cena { margin-right:20px;} .kosik5 .kosik-add-cena-doplnky { margin-right:20px;} .kosik5 .kosik-velikost { width:18%; } .kosik5 .kosik-mnozstvi { float:left; font-size:16px; line-height:20px; font-weight:bold; margin-left:20px; margin-top:15px; } .kosik5 .kosik-cena-celkem { margin-top:5px; margin-right:10px; } .kosik5-vyuctovani .kosik-pokracovat { margin-right:25px; } .kosik5 textarea {font-size:14px; width:100%; height:85px; border:1px solid #dddddd; margin-top:5px; letter-spacing:0.02em; color:#383838 } .pozadavek { margin-bottom:25px;font-size:16px; line-height:20px; font-weight:bold; } .pozadavek input { background: #eeeeee; margin-top:5px; width:calc(100% - 20px); font-size:14px; height:30px; } .souhlas input[type="checkbox"] { position:absolute; opacity:0; cursor:pointer; border:0; } .souhlas input[type="checkbox"] + label { position:relative; background:url(../images/checkbox1.svg) no-repeat; background-size:25px 25px; display:inline-block; font-size:14px; line-height:28px; padding-left:35px; cursor:pointer; text-align:left; margin-top:10px; margin-right:25px; } .souhlas input[type="checkbox"]:checked + label { background:url(../images/checkbox3.svg) no-repeat; cursor:pointer; background-size:25px 25px; } /* Košík výběr */ .kosik-vyber-outer { display:none; } .kosik-vyber { position:fixed; padding:20px; top:0; left:0; width:100%; height:100%; display:table; background:rgba(154,154,154,0.7); z-index:10000 } .kosik-vyber-inner { padding:10px; margin:auto; background:white; max-width:700px; height:80vh; } .kosik-vyber-inner-scroll{ padding:0 40px; height:100%; overflow-y:auto; } .kosik-vyber-hide { display:none } .kosik-vyber .kosik-zpet { float:left; margin-bottom:30px; } .kosik-vyber .kosik-pokracovat { margin-right:0; margin-bottom:30px; } .kosik-vyber-nadpis { float:left; width:100%; color:#727271; font-size:18px; line-height:22px; font-weight:bold; margin:20px 0; text-align:center; } #ajax-nadpis { color:#383838 } .vop a { color:blue; border-bottom:solid 1px blue } .kosik-tema { float:left; font-size:14px; line-height:30px; margin:20px 0; } .tag { float:left; } .tag input[type="radio"] { position:absolute; opacity:0; cursor:pointer; border:0; width:auto; } .tag input[type="radio"] + label { position:relative; background:#eeeeee; display:inline-block; color:#727271; font-size:12px; padding:8px 10px; text-transform:uppercase; font-weight:bold; margin:0 10px 10px 0; cursor:pointer; text-align:left; } .tag input[type="radio"]:checked + label { background:#DA251D; color:white; cursor:pointer; } .kosik-red-point { float:left; background:#DA251D; color:white; width:30px; height:30px; font-weight:bold; text-align:center; font-size:14px; line-height:30px; } .kosik-red-text { float:left; margin-left:10px; margin-top:5px; font-weight:bold; font-size:16px; line-height:20px; color:#DA251D; width:calc(100% - 40px) } .kosik-text-nenasli { display:none; font-weight:normal; margin-top:5px; font-size:14px; line-height:18px; color:#727271; } .stitek { float:left; width:calc(100%/3); height:300px;} .stitek input[type="radio"] { position:absolute; opacity:0; cursor:pointer; border:0; width:auto; } .stitek input[type="radio"] + label { position:relative; background:#fff; display:inline-block; color:#727271; font-size:12px; padding:8px 10px; font-weight:bold; border:transparent solid 1px; margin:0 10px 10px 0; cursor:pointer; text-align:left; border:#bebebe solid 1px; -webkit-box-shadow: 0px 0px 5px 0px #bebebe; -moz-box-shadow: 0px 0px 5px 0px #bebebe; box-shadow: 0px 0px 5px 0px #bebebe; } .stitek input[type="radio"]:checked + label { border:#383838 solid 1px; background:#fff; -webkit-box-shadow: 0px 0px 5px 0px #383838; -moz-box-shadow: 0px 0px 5px 0px #383838; box-shadow: 0px 0px 5px 0px #383838; } .stitek img { float:left; width:100%; height:170px; object-fit:contain } .stitek-cena { color:#bebebe; font-size:18px; text-align:center; margin:15px 0 15px 0; } .stitek-nazev { position:absolute; width:calc(100% - 20px); font-weight:normal; color:#bebebe; font-size:13px; text-align:center; margin:-5px 0 0 0; } .stitek input[type="radio"]:checked + label .stitek-cena { color:#75B70C } .kosik-vyber .stitek-priradit { display:none; float:none; width:137px; margin:auto; } .stitek input[type="radio"]:checked + label { cursor:default } .stitek input[type="radio"]:checked + label .stitek-cena, .stitek input[type="radio"]:checked + label .stitek-priradit { display:block } .stitek input[type="radio"]:checked + label .stitek-nazev { display:none } .stitek-button { height:36px; margin-bottom:10px; } .jina_adresa { margin-top:10px; margin-bottom:20px;} #dorucovaci { display:none; } #dorucovaci input[type="radio"] { position:absolute; opacity:0; cursor:pointer; border:0; } #dorucovaci input[type="radio"] + label { position:relative; background:url(../images/radio1.svg) no-repeat; background-size:19px 19px; background-position:0 12px; display:inline-block; font-size:14px; padding:0 0 2px 30px; margin:0 10px; cursor:pointer; text-align:left; } #dorucovaci input[type="radio"]:checked + label { background:url(../images/radio2.svg) no-repeat; cursor:pointer; background-size:19px 19px; background-position:0 12px; } .dorucovaci-hide { display:none; } /* Můj účet */ .ucet-cesta { margin:-50px auto 30px auto; width:685px; font-size:12px; line-height:30px; font-weight:bold; color:#bebebe } .ucet-cesta .cesta a { display:inline-block; padding:5px 17px; background:#727271; color:white; text-decoration: none; border:0; width:auto } .ucet-cesta .cesta:first-child a { -webkit-border-top-left-radius:10px; -moz-border-top-left-radius:10px; border-top-left-radius:10px; -webkit-border-bottom-left-radius:10px; -moz-border-bottom-left-radius:10px; border-bottom-left-radius:10px; } .ucet-cesta .cesta:last-child a { -webkit-border-top-right-radius:10px; -moz-border-top-right-radius:10px; border-top-right-radius:10px; -webkit-border-bottom-right-radius:10px; -moz-border-bottom-right-radius:10px; border-bottom-right-radius:10px; } .ucet-cesta .cesta.active a { background:#DA251D; } .objednavky h2 { margin-top:50px } .obal .nadpis { font-weight:bold; font-size:16px; line-height:38px; margin-top:10px; } .obal .cara { width:100px; height:3px; background:#DA251D;} .doruceni-button { position:absolute; top:0; right:0; background:#727271; color:white; font-size:12px; font-weight:bold; } .doruceni-button a { float:left; color:white; border: 0;padding: 8px 10px 8px 10px;text-align: center; } .fakturacni input { background: #fafafa } input.ulozit-button { float:none; background:#727271; margin:0 0 5vh 0; width:120px; color:white; cursor:pointer; font-size:14px; } .subnadpis { font-weight:bold; margin-bottom:5px } .fakturacni-heslo a { float:left; background:white; padding:8px 10px; border:solid 1px #DA251D; text-decoration:none; font-size:12px; margin-top:20px; color:#DA251D; font-weight:bold } .odhlasit { margin:auto; margin-bottom:20px; } .odhlasit a { background:white; padding:8px 10px; border:solid 1px #DA251D; text-decoration:none; font-size:12px; color:#DA251D; font-weight:bold } .subnadpis2 { margin-bottom:5px; font-size:12px; color:#727271; } .pobocka { border-bottom:1px solid #dddddd; color:#DA251D; font-weight:bold; line-height:30px; margin-bottom:5px } .pobocka a { border:0 } .dalsi-adresa { float:right; margin:10px 0 8vh 0; color:#DA251D; font-weight:bold; cursor:pointer } .dalsi-adresa-plus { float:left; width:17px; height:17px; background:url(../images/plus.svg); background-size:17px 17px; margin-right:10px; } .tuzka { float:right; width:15px; height:15px; background:url(../images/tuzka.svg); background-size:15px 15px; margin-top:5px; margin-right:10px; } .kos { float:right; width:15px; height:15px; background:url(../images/kos.svg); background-size:15px 15px; margin-top:5px; margin-right:5px; cursor:pointer } .nova-adresa { display:none } .info { float:left; width:100%; padding:10px; border:1px solid #707070; margin-top:20px } .info-icon { float:left; width:17px; height:17px; background:url(../images/info.svg); background-size:17px 17px; margin-right:10px; } .info-text { float:left; } .info-procento { float:right; color:#75B70C; font-weight:bold; } .fakturacni table { width:100%; border-collapse:collapse; margin:20px 0 8vh 0; font-size:14px; line-height:24px; font-weight:bold } .fakturacni table td { padding-top:10px; } .fakturacni table td.td-red { color:#DA251D; } .fakturacni table td.td-red a { float:left; color:#DA251D; border:0; } .fakturacni table td.td-red a:hover { text-decoration:underline; } .fakturacni table thead td { color:#707070; font-size:12px; line-height:14px; font-weight:normal; border:0 } .fakturacni table td .bunka { margin-right:20px; border-bottom:1px solid #dddddd; } .table-pdf { position:relative; top:2px; float:left; width:17px; height:17px; background:url(../images/pdf.svg); background-size:17px 17px; margin-right:5px; } .zadna-objednavka { margin-top:20px; font-weight:bold; } /* Objednávka poděkování */ .objednavka-cara { width:100px; height:3px; background:#DA251D; margin:-20px auto 10px auto;} .podekovani { max-width:850px; text-align: center; margin:5vh auto 5vh auto; line-height:22px; } .kosik-uvodni { float:none; background:#75B70C; margin:0 auto 5vh auto; width:155px; } /* Registrace */ .registrace-text { background:#efefef; color:#727271; padding:20px 30px; margin:20px 0 } .registrace-submit { text-align:center; } input.registrace-button { float:none; background:#75B70C; margin:0 0 5vh 0; width:160px; text-align:center; color:white; cursor:pointer } .registrace input[type="checkbox"] { position:absolute; opacity:0; cursor:pointer; border:0; width:130px; } .registrace input[type="checkbox"] + label { position:relative; background:url(../images/checkbox1.svg) no-repeat; background-size:25px 25px; display:inline-block; font-size:14px; padding:4px 0 5px 32px; margin:0 10px; cursor:pointer; width:280px; text-align:left; } .registrace input[type="checkbox"]:checked + label { background:url(../images/checkbox3.svg) no-repeat; cursor:pointer; background-size:25px 25px } /* Přihlášení */ .prihlaseni { display:none; position:absolute; top:32px; right:0; width:220px; color:white; cursor:default; z-index:100 } .prihlaseni-head { float:right; width:100px; background:#727271; padding:10px; font-weight:bold; -webkit-border-top-right-radius:5x; -moz-border-top-right-radius:5px; border-top-right-radius:5px; -webkit-border-top-left-radius:5x; -moz-border-top-left-radius:5px; border-top-left-radius:5px; } .person-white { float:left; fill:white; width:17px; height:17px; margin-right:10px; } .prihlaseni-inner { background:#727271; padding:15px 15px 5px 15px; -webkit-border-top-left-radius:10x; -moz-border-top-left-radius:10px; border-top-left-radius:10px; -webkit-border-bottom-left-radius:10x; -moz-border-bottom-left-radius:10px; border-bottom-left-radius:10px; -webkit-border-bottom-right-radius:10x; -moz-border-bottom-right-radius:10px; border-bottom-right-radius:10px; } .prihlaseni-inner a { color:white} .prihlaseni-chyba { display:none; background:white; color:#DA251D; margin-bottom:10px; padding:4px 10px } .prihlaseni-inner input { width:190px; height:38px; margin-bottom:10px; font-size:13px; font-weight:bold } .zapomenute { float:right;margin-bottom:10px; } a.zapomenute { border-bottom:solid 1px transparent; padding:0 } a.zapomenute:hover { border-bottom:solid 1px white; } a.prihlaseni-registrace { float:left; width:80px; border:solid 1px white; line-height:19px; padding:8px 10px; font-weight:bold; } input.prihlaseni-submit { float:right; width:80px; background:#DA251D; color:white; cursor:pointer; } .zapomenute2 { float:right; border-bottom:solid 1px transparent; margin-bottom:10px; } a.zapomenute2:hover { border-bottom:solid 1px red; } .uspech { float:left; width:100%; text-align:center; font-size:16px; line-height:22px; font-weight:bold; margin:2vh 0 8vh 0 } /* Page */ .page { padding:20px; margin:auto; background:white; max-width:700px; min-height:80vh; } /* Kontakt */ .page2 { max-width:800px; } .kosik h2.stranky { margin:30px 0 30px 0; font-size:28px; line-height:36px; font-weight:bold; text-align:center; color:#DA251D } .stranky-kontakty .page { background: transparent; padding:0} .kontakt { float:left; width:calc(50% - 10px); margin-right:10px; margin-bottom:20px; background:white; } .kontakt-suda { margin-right:0; margin-left:10px;} .kontakt h3 { text-align:left; font-size:18px; line-height:24px; color:#DA251D; width:85% } .kontakt a { color:#DA251D; border-bottom:1px solid #DA251D } .kontakt img { float:left; width:100%; } .kontakt-text { float:left; width:100%; padding:20px } .td-kontakt-info { width:80px } .button-mapa a { float:left; background:#DA251D; color:white; padding:5px 15px; margin-top:20px } .stranky-dokumenty a { color:#383838; border:0; font-weight:bold; line-height:28px } .stranky-dokumenty img { position:relative; top:2px; margin-right:10px } .stranky-o-spolecnosti .page { padding:0 } .stranky-o-spolecnosti img { float:left; width:100%; } .stranky-jak-nakupovat .page { padding:30px } .jak-nakupovat h3 { text-align:left; font-size:18px; line-height:24px;} .jak-nakupovat a { color:#DA251D; border-bottom:1px solid #DA251D } .jak-nakupovat-obrazek { float:left; width:170px; margin-bottom:60px; margin-right:30px } .jak-nakupovat-obrazek2 { float:right; margin-right:0; margin-left:30px } .jak-nakupovat-obrazek img { float:left; width:100% } .jak-nakupovat-text { float:left; width:calc(100% - 200px); margin-bottom:60px; display:table; min-height:150px; } .ramecek-horni { -webkit-border-top-left-radius:10px; -moz-border-top-left-radius:10px; border-top-left-radius:10px; -webkit-border-top-right-radius:10px; -moz-border-top-right-radius:10px; border-top-right-radius:10px; } .o-spolecnosti-galerie { float:left; margin:20px 0; width:100% } .o-spolecnosti-foto { float:left; width:calc(25% - 25px); margin-right:20px; margin-bottom:20px } .o-spolecnosti-foto:first-child, .o-spolecnosti-foto:nth-child(5n) { margin-left:20px; } .o-spolecnosti-foto .object-fit { float:left; width:100%; height:100px; } .stranky-gdpr .page { padding:30px } .stranky-gdpr a { color:#383838; border-color:#383838; } .stranky-obchodni-podminky .page { padding:30px } .stranky-obchodni-podminky a { color:#383838; border-color:#383838; } .stranky-obchodni-podminky p { margin-bottom:20px } .stranky-obchodni-podminky ol { padding-left:20px; margin-bottom:20px } .fotogalerie { text-align: center; } .fotogalerie h2 { display:inline-block; margin:20px 0 30px 0; font-size:36px; line-height:44px; font-weight:bold; } footer { background:#DA251D; color:white; padding:50px 0 80px 0; } footer a { color:white; text-decoration: none; font-weight:bold; line-height:22px } footer a:hover { border-bottom:solid 1px white; } footer .prostor { border:0 } .footer-inner { float:left; width:calc(96%/3); margin-right:2%; } .footer-logo { float:left; width:120px; height:74px; background:url(../images/logo.svg); background-size:120px 74px; margin-bottom:30px; } .footer-nadpis { margin-top:30px; margin-bottom:20px; } .footer-inner2 { float:left; width:calc((98%/3)*2); } .footer-inner2 .footer-inner { float:left; width:calc(46%); margin-right:6%; } .footer-inner2 .footer-inner:nth-child(2n) { margin-right:0; } footer .social a { float:left; margin:50px 30px 0 0; text-align:center; } footer .social.facebook a { width:45px; height:45px; background:url(../images/facebook.svg); background-size: 45px 45px } footer .social a:hover { border-bottom:0; } .wrapper { min-height:100%; height: auto !important; margin: 0 auto -72px; } .push { height:72px; /* .push must be the same height as .footer */ } #cookies-obal { position:fixed; width:100%; bottom:0; background:#383838; color:#d4d4d4; font-size:14px; line-height:20px; z-index:10000; } #cookies { padding:20px 0 17px 30px; } #cookies a { color:#d4d4d4; text-decoration:underline;} #cookies-text { float:left; width:calc(100% - 350px); margin-bottom:15px; } #ocookies { float:right; } #cookies-tlacitko { float:right; margin:-7px 30px 10px 30px; border:solid 1px white; padding:6px 12px; font-size:12px; font-weight:700; letter-spacing:1.5px; cursor:pointer; } /* Postupné načítání z DB */ .dalsi-produkty { background:#383838; clear:both; margin:40px auto 20px auto; width:190px; font-size:12px; line-height:40px; height:40px; color:white; text-align:center; cursor:pointer; text-transform:uppercase; } #content { margin:0 auto;} #loadMoreComments { display: none; text-align:center; height:100%; width:100%; position:fixed; background:rgba(154,154,154,0.7); z-index:10000 } #loadMoreComments-inner { display:table; height:100%; width:100%; } #konec-vypisu { clear:both; width:100%; font-size:18px; text-align: center; margin-bottom:30px; color:#8f9ba5; } #ochrana { display: none; }