/* ========================= */ /* CSS 10 */ /* OnlineStore Panavis v3.2 */ /* ========================= */ html, body{overflow-x:hidden;} body{background:#f0f0f0 url('img/wall-bg-10.jpg') repeat-x;font: 300 16px 'Roboto', Helvetica, Arial, sans-serif;line-height:21px;color:#596067;} .container{background:none;} .content{padding-top:13px;background:#fff} img{max-width:100%;} .align-center{text-align:center;} .align-left{text-align:left;} .align-right{text-align:right;} .align-right>small{text-align:right;} img.align-left{float:left;margin:10px 20px 10px 0; } img.align-right{float:right;margin:10px 0 10px 20px; } .no-padding{padding:0!important;} .no-margin{margin:0!important;} .col-lg-fifth{width:20%;padding:0 15px;float:left;} iframe{border:none;} .rowNeni{display:none;} .pull-right{float:right;} .pull-left{float:left;} table thead {background:none repeat scroll 0 0 #e0e0e0;} table tfoot {background:none repeat scroll 0 0 #c9c9c9;} /* ==================================== */ /* HLASENI */ /* ==================================== */ #hlaseni, #hlaseni-ok{margin-bottom:1em;} #hlaseni-ok{padding:0.125em 1.75em 1em;margin-bottom:1em;background:#2ecc71;} #hlaseni{padding:0.125em 1.75em 1em;margin-bottom:1em;background:#ff7171;} #hlaseni h4, #hlaseni-ok h4{font-size:1.5em;font-weight:400;color:#fff;} #hlaseni h5, #hlaseni-ok h5{font-size:1em;font-weight:400;color:#fff;margin-top:22px;margin-bottom:8px;} #hlaseni h4 .fa{color:#ff0000;} #hlaseni-ok h4 .fa{color:#00a600;} .datahlaseni p{font-weight:700;color:#000;} .datahlaseni p strong{font-weight:300;color:#fff;} /* ==================================== */ /* TYPOGRAFIE */ /* ==================================== */ h1{font-size:28px;font-weight:300;} h2{font-size:24px;font-weight:300;} h3{font-size:20px;font-weight:300;} h4{font-size:18px;font-weight:300;} h5{font-size:16px;font-weight:300;} h6{font-size:14px;font-weight:300;} a{color:#1f2228;transition:color 0.1s, background 0.2s;-webkit-transition:color 0.1s, background 0.2s;-moz-transition:color 0.1s, background 0.2s;-ms-transition:color 0.1s, background 0.2s;-o-transition:color 0.1s, background 0.2s;} a:hover{color:#3498db;text-decoration:none;} a:active, a:focus{text-decoration:none;outline:0;border:none;-moz-outline-style: none;} span.green{color:#2ecc71;} span.red, span.error{color:#e74c3c;} /* ==================================== */ /* HLAVIČKA */ /* ==================================== */ /* Top Header */ #top-header{background:none;margin-top:5px;} #top-header ul{list-style:none;margin:0;padding:2px 0 8px 0;} #top-header li{float:left;padding:1px 10px 2px;position:relative;} #top-header li:last-child{padding-right:0;} #top-header #top-navigation li:after{content: '';display: block;height:10px;position:absolute;top:7px;right:0;border-right:1px solid #000;} #top-header #top-navigation li:last-child:after{display:none;border:none;} #top-header #top-navigation li{color:#000;font-size:13px;font-weight:300;background:transparent!important;} /*#top-header #top-navigation li a:before{font-family: FontAwesome;content:'\f105';margin-right:4px;}*/ #top-header li a{color:#777;font-size:13px;font-weight:300;background:transparent!important;} #top-header li a:hover{color:#999;} #top-header .fa{color:#777;} #top-header .box-dropdown .fa{color:#9cafb8;} #top-header .box-dropdown li a:hover{color:#9cafb8;} #top-header li.purple:hover>a, #top-header li.purple:hover>a .fa{color:#9b59b6;} li.purple:hover .box-dropdown .box-wrapper{border-color:#9b59b6;} li.purple .box-dropdown:after{border-bottom:10px solid #9b59b6;} #top-header li.red:hover>a, #top-header li.red:hover>a .fa{color:#e74c3c;} li.red:hover .box-dropdown .box-wrapper{border-color:#e74c3c;} li.red .box-dropdown:after{border-bottom:10px solid #e74c3c;} #top-header li.green:hover>a, #top-header li.green:hover>a .fa{color:#2ecc71;} li.green:hover .box-dropdown .box-wrapper{border-color:#2ecc71;} li.green .box-dropdown:after{border-bottom:10px solid #2ecc71;} #top-header li.blue:hover>a, #top-header li.blue:hover>a .fa{color:#3498db;} li.blue:hover .box-dropdown .box-wrapper{border-color:#3498db;} li.blue .box-dropdown:after{border-bottom:10px solid #3498db;} #top-header li.orange:hover>a, #top-header li.orange:hover>a .fa{color:#f5791f;} li.orange:hover .box-dropdown .box-wrapper{border-color:#f5791f;} li.orange .box-dropdown:after{border-bottom:10px solid #f5791f;} #top-header a.flag>span{display:inline-block;margin-right:5px;} /* Login Dropdown */ #top-header li:hover ul{display:block;width:auto;height:auto;opacity:1;-webkit-opacity:1;-moz-opacity:1;-ms-opacity:1;-o-opacity:1;top:100%;} .box-dropdown p{font-size:13px; } .box-dropdown label{padding-left:10px;font-size:14px;} .box-dropdown{position:absolute;z-index:5000;right:0;line-height:20px;top:180%;padding-top:13px !important;z-inex:9999;overflow:hidden;width:0;height:0;opacity:0;-webkit-opacity:0;-moz-opacity:0;-ms-opacity:0;-o-opacity:0;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;} .box-dropdown .box-wrapper{border-top:3px solid #4a9797;background:#fdfdfd;overflow:hidden;display:block;position:relative;padding:10px 15px;} .box-dropdown .box-wrapper p{white-space:nowrap;} .box-dropdown:after{content:'';width:10px;height:10px;display:block;border-bottom:10px solid #4a9797;border-left:10px solid transparent;border-right:10px solid transparent;position:absolute;right:30px;top:5px;} .box-dropdown input[type="text"]{width:100%;background:#f7f7f7;font-size:14px;} .box-dropdown input[type="password"]{width:100%;background:#f7f7f7;font-size:14px;} .box-dropdown .dropmenu ul li{margin:2px 0 2px;width:100%;white-space:nowrap;} .box-dropdown .dropmenu ul li .fa{padding-right:2px;} .box-dropdown .footer{height:64px;background:#f7f7f7;display:block; padding:10px 14px;overflow:hidden;} .box-dropdown .footer h4{margin:10px 0 0;} .box-dropdown .box-delivery{margin:0;padding:5px 14px;background:#efefef;} .box-dropdown .box-delivery p{white-space:nowrap;display:inline-block;} .box-dropdown a.button{display:inline-block;vertical-align:middle;background:#4a9797;font-size:14px !important;text-transform:uppercase;padding:10px 20px;color:#fff!important; margin-left:2px;} .box-dropdown a{font-weight:300;font-size:14px;} #login-dropdown a.button{background:#4a9797!important;} #login-dropdown a.button:hover{background:#2c3e50!important;} #login-dropdown .pull-right{text-align:right;} #login-dropdown .pull-right>a{text-align:right;} .iconic-input{position:relative;margin-bottom:15px;margin-top:10px;width:100%;} .box-dropdown h4{margin:20px 0;} .box-dropdown .iconic-input{width:350px;} .iconic-input input[type="text"]{width:100%;background:#f7f7f7;font-size:14px;} .iconic-input input[type="password"]{width:100%;background:#f7f7f7;font-size:14px;} .iconic-input input[type="email"]{width:100%;background:#f7f7f7;font-size:14px;} .iconic-input input[type="tel"]{width:100%;background:#f7f7f7;font-size:14px;} .iconic-input .fa{position:absolute;color:#7a8188!important;z-index:9000;left:auto!important;top:10px!important;right:10px!important;} /* Main Header */ #logo{padding-left:15px;margin-top:-5px;margin-bottom:-9px;} #logo img{max-height:82px;} #main-header{height:121px;padding-top:20px;padding-bottom:20px;} @-moz-document url-prefix(){ #main-header{height:120px;} } #middle-navigation{float:right;z-index:9000;padding-top:1px;} #middle-navigation ul{list-style:none;margin:0;padding-right:1px;} #middle-navigation li{float:left;margin-left:1px;position:relative;} #middle-navigation>ul>li>a{width:70px;height:70px;display:block;background:#4a9797;color:#fff;text-align:center;padding:10px 0;font-size:13px;} #middle-navigation>ul>li>a:hover{background:#2c3e50;} #middle-navigation .fa{font-size:18px;display:block;color:#fff;margin-bottom:5px;} #middle-navigation>ul>li:hover ul{display:block;width:auto;height:auto;opacity:1;-webkit-opacity:1;-moz-opacity:1;-ms-opacity:1;-o-opacity:1;top:100%;} #middle-navigation .box-dropdown:after{right:10px;} #middle-navigation>ul>.double-w>a{width: 140px;height:70px;display:block;background:#4a9797;color:#fff;text-align:center;padding:10px 0;font-size:13px;} #middle-navigation a.flag>span{margin:5px auto 9px;height:12px;display:block;} #middle-navigation .box-dropdown p .fa{display:inline;margin-right:5px;font-size:14px;color:#6b777c;} .flag span{width:19px;height:12px;background:url('img/language-icons.png') no-repeat;margin-right:5px;display:block;} .language-table{margin:5px 0;} .language-table a{font-size:13px; color:#7a8188;} .language-table td.flag{vertical-align:middle; padding:2px 0 2px 8px;} .language-table td.country{vertical-align:middle; padding:2px 8px 2px 0px;} .language-table tr:hover{background:#f7f7f7;} .language-table tr:hover a{color:#1f2228;} span.en-flag{background-position:0 0;} span.de-flag{background-position:-19px 0;} span.cz-flag{background-position:-38px 0;} span.sk-flag{background-position:-57px 0;} span.hu-flag{background-position:-76px 0;} .cart-table{width:350px;font-size:13px;} .cart-table td{padding:10px 0;} .cart-table img{width:60px; } .cart-table p{font-size:13px;color:#7a8188; margin:0;} span.quantity{font-size:13px;display:block;padding:0 5px;} .checkout-table td{padding:2px; } .checkout-table td em{font-style:normal;font-size:12px;color:#baacbd;} .cart-table h6{font-size:14px;margin:0;} .no-border{border:none!important;} /* ========================= */ /* NAVIGACE */ /* ========================= */ #main-navigation{position:relative;height:56px;margin:0 -15px;} #main-navigation>ul, #main-navigation>ul>li>ul, #main-navigation>ul>li>ul>li>ul, #main-navigation>ul>li>ul>li>ul>li>ul{list-style:none;margin:0;padding:0;display:table;width:100%;} #main-navigation>ul{table-layout:fixed;white-space:nowrap;} #main-navigation>ul>li{border-right:1px solid #e2f6f9;display:table-cell;background:#4a9797;} #main-navigation>ul>li:hover>a>.fa{left:0px;} #main-navigation>ul>li>a{padding:5px 20px 7px;background:#4a9797;color:#fff;display:block;} #main-navigation>ul>li>a .nav-caption{margin-top:15px;} #main-navigation>ul>li>.wide-dropdown li>ul>li>a .nav-caption{text-transform:uppercase;margin-left:-19px;} .sidebar-dropdown>li>ul>li>a .nav-caption .nav-pr-pcs, #main-navigation>ul>li>.wide-dropdown li>ul>li>a .nav-caption .nav-pr-pcs{background:none repeat scroll 0 0 #000;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;display:inline-block;font-size:12px;line-height:10px;margin-left:5px;padding-top:3px;padding-bottom:2px;text-align:center;width:28px;color:#f2f2f2;} span.nav-caption{display:block;font-size:16px;} #main-navigation>ul>li>a .fa{font-size:18px;display:block;color:#fff;text-align:right;margin-bottom:-13px;position:relative;left:10px;top:1px;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;} #main-navigation>ul>li:hover>a, #main-navigation>ul>li:hover, #main-navigation>ul>li.current-item, #main-navigation>ul>li.current-item>a{background:#4a9797!important;} #main-navigation li ul.normal-dropdown{color:#fff;padding:1px 0 0 0;position:absolute;overflow:visible;z-index:9000;width:auto;display:none;white-space:nowrap;} #main-navigation li ul.normal-dropdown li{background:#1abc9c;position:relative;display:block;} #main-navigation li ul.normal-dropdown li:first-child{padding-top:12px;} #main-navigation li ul.normal-dropdown li:last-child{padding-bottom:12px;} #main-navigation li ul.normal-dropdown a{padding:8px 20px;color:#fff;display:block;} #main-navigation li ul.normal-dropdown li:hover>a{background:#16a085;} #main-navigation li ul.normal-dropdown li ul{position:absolute;left:100%;top:-12px;padding-top:0;padding-left:1px;color:#fff;z-index:9000;display:none;} #main-navigation li ul.normal-dropdown li:hover ul{display:block;} #main-navigation li ul.normal-dropdown li:first-child ul{top:0;z-index:9000;} #main-navigation li:hover>ul.normalAnimation, #main-navigation ul.normal-dropdown li:hover > ul.normalAnimation{display:block;} #main-navigation ul.wide-dropdown{display:none;z-index:9000;border-top:1px solid #e5f5f9;padding-top:1px;width:auto;overflow:hidden;position:absolute;} #main-navigation ul.wide-dropdown>li{float:left;min-width:275px;padding:5px 6px 13px;} #main-navigation ul.wide-dropdown ul a, #main-navigation ul.wide-dropdown .nav-caption{padding:8px 20px;display:block;color:#fff;} #main-navigation>ul>li>ul.normal-dropdown .fa{font-size:16px;display:inline-block;color:#fff;position:relative;left:18px;top:1px;float:right;} #main-navigation li.red>a, #main-navigation .red ul.wide-dropdown, #main-navigation li.red{background:#e74c3c;} #main-navigation li.blue>a, #main-navigation .blue ul.wide-dropdown, #main-navigation li.blue{background:#3498db;} #main-navigation li.orange>a, #main-navigation .orange ul.wide-dropdown, #main-navigation li.orange{background:#f5791f;} #main-navigation li.green>a, #main-navigation .green ul.wide-dropdown, #main-navigation li.green{background:#2ecc71;} #main-navigation li.purple>a, #main-navigation .purple ul.wide-dropdown, #main-navigation li.purple{background:#9b59b6;} #main-navigation li.css-def>a, #main-navigation .css-def ul.wide-dropdown, #main-navigation li.css-def{background:#54a9a9;} #main-navigation .nav-home{z-index:1000;position:relative;cursor:pointer;width:70px;text-align:center;transition: all 0.2s;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2s;-o-transition: all 0.2s;vertical-align:middle;background:#000;} #main-navigation .nav-home .fa{font-size:18px;display:inline-block;color:#fff;text-align:center;margin-bottom:0;left:0;height:20px;width:30px;} .nav-pr-pcs{background:none repeat scroll 0 0 #fff;-webkit-border-radius:18px;-moz-border-radius:18px;border-radius:18px;display:inline-block;font-size:11px;line-height:8px;margin-left:5px;padding-top:2px;padding-bottom:2px;text-align:center;width:24px;color:#6f6f6f;} .navigace{font-size:15px;padding-left:26px;margin-top:-16px;} .navigace ul{text-align:left;display:inline-block;width:100%;list-style:none;} .navigace li {float:none;list-style:none outside none;min-width:100%;} .navigace ul li {float:left;width:auto;font-weight:300;padding:5px 0;} .navigace li.current-item>a{color:#fff;} .navigace li ul li {padding-left:20px;} .navigace li ul li:first-child{padding-top:20px;} .navigace ul li a{position:absolute;color:#374f66;} .navigace ul li a::before{font-family:FontAwesome;content:"\f0da";position:absolute;left:-13px;top:1px;} .navigace ul li a:hover::before{left:-10px} .boxPrihlas{padding-bottom:35px;} .boxPrihlas .navigace{padding-bottom:20px;} .boxPrihlas .navigace ul li{padding:12px 5px;} .boxPrihlas .navigace ul li a{color:#8d4aaa;} .boxPrihlas .navigace ul li a:hover{color:#e74c3c;} /* ========================= */ /* BOX VYHLEDÁVÁNÍ */ /* ========================= */ #main-navigation .nav-search{z-index:2000;position:relative;cursor:pointer;width:70px;text-align:center;transition: all 0.2s;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2s;-o-transition: all 0.2s;vertical-align:middle;background:#1abc9c;} #main-navigation .nav-search:hover{background:#16a085!important; } #main-navigation .nav-search .fa{font-size:16px;display:inline-block;color:#fff;text-align:center;margin-bottom:0;left:0;height:20px;width:30px;} #main-navigation .nav-search.searchbar-visible{background:#4a9797;width:50px;} #main-navigation .nav-search.searchbar-visible:hover{background:#2c3e50!important;} #main-navigation .nav-search .fa:before{font-family: FontAwesome;content:'\f002';} #main-navigation .nav-search.searchbar-visible .fa:before{font-family: FontAwesome;content:'\f00d';} #main-navigation .nav-search-schov{display:none;} #search-bar{background:#4a9797;position:absolute;z-index:1000;color:#fff;padding:5px 120px 0 0;top:0;left:0;right:0;bottom:0;display:none;} #search-bar-top{background:#1abc9c;position:absolute;z-index:1000;color:#fff;padding:4px;right:-8px;margin-top:15px;width:90%;} #search-bar input, #search-bar-top input{width:100%;color:#555;font-size:14px;} #search-bar-top input[type="text"]{margin-left:-15px;} #search-bar p{margin:0 0 5px;font-size:14px;} #search-bar-table{width:100%;} .search-column-1{width:70%;padding-left:250px;vertical-align:middle;} .search-column-2{width:30%;padding-left:5px;} #home-button{position:absolute;left:0;top:0;bottom:0;width:70px;z-index:9000!important;vertical-align:middle;cursor:pointer;border-right:1px solid #fff;} #home-button div{height:100%;background:#616161;transition: all 0.2s;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2s;-o-transition: all 0.2s;} #home-button:hover div{background:#16a085;} #home-button .fa{color: #fff;font-size:18px;position:absolute;top:50%;left:0;margin-top:-10px;margin-left:26px;} #advanced-button{position:absolute;left:70px;top:0;bottom:0;width:180px;z-index:9000!important;vertical-align:middle;cursor:pointer;border-right:1px solid #fff;} #advanced-button div{height:100%;background:#c4c4c4;transition: all 0.2s;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2s;-o-transition: all 0.2s;} #advanced-button:hover div{background:#16a085;} #advanced-button p{color: #fff;font-size:16px;position:absolute;top:50%;left:0;margin-top:-10px;width:100%;text-align:center;} #search-button{position:absolute;right:49px;top:0;bottom:0;width:70px;z-index:9000!important;vertical-align:middle;cursor:pointer;border-right:1px solid #fff;border-left:1px solid #fff;} #search-bar-top #search-button{right:0;} #search-button input[type="submit"]{height:100%;background:#1abc9c;transition: all 0.2s;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2s;-o-transition: all 0.2s;} #search-bar .chosen-single{height:40px;padding: 6px 0 0 8px;background-color: #fff;color:#7a8188;} #search-bar .chosen-single div {top:7px;} #search-bar .chosen-drop li {padding:8px 6px;} #search-button:hover input[type="submit"]{background:#16a085;} #search-button span:before{position:relative;} #search-button span{height:100%;} #search-button span:after{font-family: FontAwesome;content:"\f002";font-size:16px;position:absolute;right:25px;top:50%;margin-top:-10px;pointer-events:none;} span.grey{color:#b1b6bb;} #search-bar p a{color:#fff;} #search-bar p a:hover{color:#1abc9c;} /* ========================= */ /* TLAČÍTKO BUTTON */ /* ========================= */ button, input[type=button]{width:auto;margin-bottom:0.75em;background:none repeat scroll 0 0 #60686c;border:0 none;font-size:14px;color:#fff;height:40px;padding:0 0.75em;cursor:pointer;text-transform:uppercase;white-space:nowrap;transition: background 0.20s linear 0s; -o-transition: background 0.20s linear 0s; -ms-transition: background 0.20s linear 0s; -moz-transition: background 0.20s linear 0s; -webkit-transition: background 0.20s linear 0s;} button:hover, input[type=button]:hover {background: none repeat scroll 0 0 #7e888d;} /* ========================= */ /* KROKOVAČ STRÁNEK */ /* ========================= */ .krokovac {margin:0 20px 12px;width:100%;padding:0;list-style:none;float:left;line-height:30px;} .krokovac li {float:left;margin-right:1px;line-height:28px} .krokovac li a {float:left;display:block;text-decoration:none;color:#444;font-size:12px;font-weight:400;line-height:30px;padding:0 0 0 22px;background:#e1e1e1;position:relative;right:20px;transition:color 0.2s, background 0s;-webkit-transition:color 0.2s, background 0s;-moz-transition:color 0.2s, background 0s;-ms-transition:color 0.2s, background 0s;-o-transition:color 0.2s, background 0s;} .krokovac li a::after {float:right;content:"";width:0;height:0;border-top:15px solid transparent;border-bottom:15px solid transparent;border-left:10px solid #e1e1e1;position:relative;right:-10px;z-index:8;} .krokovac li a::before {float:left;content:"";width:0;height:0;border-top:15px solid transparent;border-bottom:15px solid transparent;border-left:10px solid #fff;position:absolute;left:0px;z-index:4;} .krokovac li a:hover,.krokovac li.selected a {background:#c4c4c4;color:#fff} .krokovac li a:hover::after,.krokovac li.selected a::after {border-left:10px solid #c4c4c4} .krokovac .prvni a::before {float:left;content:"";width:0;height:0;border:0;} .krokovac i {font-size:14px;margin-left:-10px;} /* ========================= */ /* BARVY */ /* ========================= */ /* CSS Default */ li.css-def>a, input.css-def, .button.css-def, #main-navigation li.css-def li, span.product-action.css-def{background:#54a9a9!important;} li.css-def>a:hover, #main-navigation .css-def ul.wide-dropdown ul a:hover, input.css-def:hover,.button.css-def:hover, li.css-def.current-item>a, li.css-def.current-item, .fa.css-def:hover, span.product-action.css-def:hover{background:#4a9797!important;} li.css-def .parent-background{background:#54a9a9;} li.css-def .parent-border{border-color:#54a9a9;} li.css-def .parent-arrow:after{border-bottom-color:#54a9a9;} li.css-def .parent-color, a.css-def, .slider .css-def{color:#54a9a9;} /* CSS Default2 */ li.css-def2>a, input.css-def2, .button.css-def2, #main-navigation li.css-def2 li, span.product-action.css-def2{background:#1abc9c!important;} li.css-def2>a:hover, #main-navigation .css-def2 ul.wide-dropdown ul a:hover, input.css-def2:hover,.button.css-def2:hover, li.css-def2.current-item>a, li.css-def2.current-item, .fa.css-def2:hover, span.product-action.css-def2:hover{background:#15997e!important;} li.css-def2 .parent-background{background:#1abc9c;} li.css-def2 .parent-border{border-color:#1abc9c;} li.css-def2 .parent-arrow:after{border-bottom-color:#1abc9c;} li.css-def2 .parent-color, a.css-def2, .slider .css-def2{color:#1abc9c;} /* CSS Default3 */ li.css-def3>a, input.css-def3, .button.css-def3, #main-navigation li.css-def3 li, span.product-action.css-def3{background:#f9a668!important;} li.css-def3>a:hover, #main-navigation .css-def3 ul.wide-dropdown ul a:hover, input.css-def3:hover,.button.css-def3:hover, li.css-def3.current-item>a, li.css-def3.current-item, .fa.css-def3:hover, span.product-action.css-def3:hover{background:#d35400!important;} li.css-def3 .parent-background{background:#f9a668;} li.css-def3 .parent-border{border-color:#f9a668;} li.css-def3 .parent-arrow:after{border-bottom-color:#f9a668;} li.css-def3 .parent-color, a.css-def3, .slider .css-def3{color:#f9a668;} /* CSS Default4 */ li.css-def4>a, input.css-def4, .button.css-def4, #main-navigation li.css-def4 li, span.product-action.css-def4{background:#2ecc71!important;} li.css-def4>a:hover, #main-navigation .css-def4 ul.wide-dropdown ul a:hover, input.css-def4:hover,.button.css-def4:hover, li.css-def4.current-item>a, li.css-def4.current-item, .fa.css-def4:hover, span.product-action.css-def4:hover{background:#21bf64!important;} li.css-def4 .parent-background{background:#2ecc71;} li.css-def4 .parent-border{border-color:#2ecc71;} li.css-def4 .parent-arrow:after{border-bottom-color:#2ecc71;} li.css-def4 .parent-color, a.css-def4, .slider .css-def4{color:#2ecc71;} /* Blue */ li.blue>a, input.blue, .button.blue, #main-navigation li.blue li, span.product-action.blue{background:#3498db!important;} li.blue>a:hover, #main-navigation .blue ul.wide-dropdown ul a:hover, input.blue:hover,.button.blue:hover, li.blue.current-item>a, li.blue.current-item, .fa.blue:hover, span.product-action.blue:hover{background:#2980b9!important;} li.blue .parent-background{background:#3498db;} li.blue .parent-border{border-color:#3498db;} li.blue .parent-arrow:after{border-bottom-color:#3498db;} li.blue .parent-color, a.blue, .slider .blue{color:#3498db;} /* Dark Blue */ li.dark-blue>a, input.dark-blue, .button.dark-blue, #main-navigation li.dark-blue li, span.product-action.dark-blue{background:#34495e!important;} li.dark-blue>a:hover, #main-navigation .dark-blue ul.wide-dropdown ul a:hover, input.dark-blue:hover,.button.dark-blue:hover, li.dark-blue.current-item>a, li.dark-blue.current-item, .fa.dark-blue:hover, span.product-action.dark-blue:hover{background:#2c3e50!important;} li.dark-blue .parent-background{background:#34495e;} li.dark-blue .parent-border{border-color:#34495e;} li.dark-blue .parent-arrow:after{border-bottom-color:#34495e;} li.dark-blue .parent-color, a.dark-blue, .slider .dark-blue{color:#34495e;} /* Red */ li.red>a, input.red, .button.red, #main-navigation li.red li, span.product-action.red{background:#e74c3c!important;} li.red>a:hover, #main-navigation .red ul.wide-dropdown ul a:hover, input.red:hover , .button.red:hover, li.red.current-item>a, li.red.current-item, .fa.red:hover, span.product-action.red:hover{background:#c0392b!important;} li.red .parent-background{background:#e74c3c;} li.red .parent-border{border-color:#e74c3c;} li.red .parent-arrow:after{border-bottom-color:#e74c3c;} li.red .parent-color, a.red, .red-hover:hover, .slider .red{color:#e74c3c;} /* Brown */ li.brown>a, input.brown, .button.brown, #main-navigation li.brown li, span.product-action.brown{background:#954a00!important;} li.brown>a:hover, #main-navigation .brown ul.wide-dropdown ul a:hover, input.brown:hover , .button.brown:hover, li.brown.current-item>a, li.brown.current-item, .fa.brown:hover, span.product-action.brown:hover{background:#b35900!important;} li.brown .parent-background{background:#954a00;} li.brown .parent-border{border-color:#954a00;} li.brown .parent-arrow:after{border-bottom-color:#954a00;} li.brown .parent-color, a.brown, .brown-hover:hover, .slider .brown{color:#954a00;} /* Grey */ li.grey>a, input.grey, .button.grey, #main-navigation li.grey li, span.product-action.grey{background:#f7f7f7!important;color:#1f2228;} li.grey>a:hover, #main-navigation .grey ul.wide-dropdown ul a:hover, input.grey:hover , .button.grey:hover, li.grey.current-item>a, li.grey.current-item, .fa.grey:hover, span.product-action.grey:hover{background:#dde3e6!important;} li.grey .parent-background{background:#f7f7f7;} li.grey .parent-border{border-color:#f7f7f7;} li.grey .parent-arrow:after{border-bottom-color:#f7f7f7;} li.grey .parent-color, a.grey, .slider .grey{color:#f7f7f7;} /* Green */ li.green>a, input.green, .button.green, #main-navigation li.green li, span.product-action.green{background:#2ecc71!important;} li.green>a:hover, #main-navigation .green ul.wide-dropdown ul a:hover, input.green:hover, .button.green:hover, li.green.current-item>a, li.green.current-item, .fa.green:hover, span.product-action.green:hover{background:#21bf64!important;} li.green .parent-color, a.green, .slider .green{color:#2ecc71;} li.green .parent-background{background:#2ecc71;} li.green .parent-border{border-color:#2ecc71;} li.green .parent-arrow:after{border-bottom-color:#2ecc71;} /* Dark Green */ li.dark-green>a, input.dark-green, .button.dark-green, #main-navigation li.dark-green li, span.product-action.dark-green{background:#1abc9c!important;} li.dark-green>a:hover, #main-navigation .dark-green ul.wide-dropdown ul a:hover, input.dark-green:hover, .button.dark-green:hover, li.dark-green.current-item>a, li.dark-green.current-item, .fa.dark-green:hover, span.product-action.dark-green:hover{background:#15997e!important;} li.dark-green .parent-color, a.dark-green, .slider .dark-green{color:#1abc9c;} li.dark-green .parent-background{background:#1abc9c;} li.dark-green .parent-border{border-color:#1abc9c;} li.dark-green .parent-arrow:after{border-bottom-color:#1abc9c;} /* Black */ li.black>a, input.black, .button.black, #main-navigation li.black li, span.product-action.black{background:#000!important;} li.black>a:hover, #main-navigation .black ul.wide-dropdown ul a:hover, input.black:hover, .button.black:hover, li.black.current-item>a, li.black.current-item, .fa.black:hover, span.product-action.black:hover{background:#34495e!important;} li.black .parent-color, a.black, .slider .black{color:#000;} li.black .parent-background{background:#000;} li.black .parent-border{border-color:#000;} li.black .parent-arrow:after{border-bottom-color:#000;} /* White */ li.white>a, input.white, .button.white, #main-navigation li.white li, span.product-action.white{background:#a0a0a0!important;} li.white>a:hover, #main-navigation .white ul.wide-dropdown ul a:hover, input.white:hover, .button.white:hover, li.white.current-item>a, li.white.current-item, .fa.white:hover, span.product-action.white:hover{background:#8d8d8d!important;} li.white .parent-color, a.white, .slider .white{color:#a0a0a0;} li.white .parent-background{background:#a0a0a0;} li.white .parent-border{border-color:#a0a0a0;} li.white .parent-arrow:after{border-bottom-color:#a0a0a0;} /* Purple */ li.purple>a, input.purple, .button.purple, #main-navigation li.purple li, span.product-action.purple{background:#9b59b6!important;} li.purple>a:hover, #main-navigation .purple ul.wide-dropdown ul a:hover, input.purple:hover, .button.purple:hover, li.purple.current-item>a, li.purple.current-item, .fa.purple:hover, span.product-action.purple:hover{background:#8e44ad!important;} li.purple .parent-color, a.purple, .slider .purple{color:#9b59b6;} li.purple .parent-background{background:#9b59b6;} li.purple .parent-border{border-color:#9b59b6;} li.purple .parent-arrow:after{border-bottom-color:#9b59b6;} /* Orange */ li.orange>a, input.orange, .button.orange, #main-navigation li.orange li, span.product-action.orange{background:#f5791f!important;} li.orange>a:hover, #main-navigation .orange ul.wide-dropdown ul a:hover, input.orange:hover, .button.orange:hover, li.orange.current-item>a, li.orange.current-item, .fa.orange:hover, span.product-action.orange:hover{background:#d35400!important;} li.orange .parent-color, a.orange, .slider .orange{color:#f5791f;} li.orange .parent-background{background:#f5791f;} li.orange .parent-border{border-color:#f5791f;} li.orange .parent-arrow:after{border-bottom-color:#f5791f;} /* ====================== */ /* TIP-TOP-SLEVA */ /* ====================== */ .product .produkt-icon{display:inline-block;width:50px;position:absolute;top:0;left:11px} .product .produkt-ico{position:relative;right:11px;top:12px;font-size:0.75em;margin:3px 0;font-weight:400;color:#fff;display:inline-block;padding:0 7px;text-decoration:none;z-index:15;white-space:nowrap;} .product .produkt-ico:after{height:0;width:0;-moz-transform:scale(0.9999);border-top:9px solid;border-right:9px solid transparent;border-top-width:9px;content:"";display:block;position:absolute;top:0;right:-9px;z-index:-1} .product .produkt-ico.sleva{top:-0.125em;right:1.5em;font-style:normal;font-weight:300;white-space:nowrap;letter-spacing:.01em;text-align:center!important} .product .produkt-ico.sleva{background-color:rgba(49,111,155,.5);width:50px;height:30px;line-height:30px;font-size:1.25em;position:absolute;min-width:inherit!important;padding:0} .product .produkt-ico.sleva:after{height:0;width:0;-moz-transform:scale(0.9999);border-color:transparent;border-style:solid;border-width:25px;border-top-color:rgba(49,111,155,.5);border-top-width:15px;top:30px;left:0} .product .produkt-ico.akce{background-color:rgba(213,40,40,.7);color:rgba(213,40,40,.7);} .product .produkt-ico.novinka{background-color:rgba(133,173,24,.7);color:rgba(133,173,24,.7);} .product .produkt-ico.omezcas{background-color:rgba(111,149,176,.7);color:rgba(111,149,176,.7);} .product .produkt-ico.tip{background-color:rgba(56,140,243,.7);color:rgba(56,140,243,.7);} .product .produkt-ico.top{background-color:rgba(248,161,45,.7);color:rgba(248,161,45,.7);} .product .produkt-ico span{color:#fff;} /* ======================================== */ /* TIP-TOP-SLEVA V DETAILECH PRODUKTU */ /* ======================================== */ .product-single .produkticon{display:inline-block;width:50px;position:absolute;top:82px;right:35px} .product-single .produkticon .produkt-ico{position:relative;left:0;float:right;top:4px;font-size:0.9em;margin:4px 0;font-weight:400;color:#fff;display:inline-block;padding:1px 7px;text-decoration:none;z-index:1;white-space:nowrap;} .product-single .produkticon .produkt-ico:after{height:0;width:0;-moz-transform:scale(0.9999);border-top:12px solid;border-left:12px solid transparent;border-top-width:12px;content:"";display:block;position:absolute;top:0;left:-12px;z-index:-1} .product-single .produkticon .produkt-ico.akce{background-color:rgba(213,40,40,.7);color:rgba(213,40,40,.7);} .product-single .produkticon .produkt-ico.novinka{background-color:rgba(133,173,24,.7);color:rgba(133,173,24,.7);} .product-single .produkticon .produkt-ico.omezcas{background-color:rgba(111,149,176,.7);color:rgba(111,149,176,.7);} .product-single .produkticon .produkt-ico.tip{background-color:rgba(56,140,243,.7);color:rgba(56,140,243,.7);} .product-single .produkticon .produkt-ico.top{background-color:rgba(248,161,45,.7);color:rgba(248,161,45,.7);} .product-single .produkticon .produkt-ico span{color:#fff} /* ====================== */ /* FILTR-ZNAČEK */ /* ====================== */ #formVyhled .filtrZnacek{color:#fff;background:#a1aaaf;margin-bottom:15px;height:auto;padding:7px 12px 0;position:relative;} #formVyhled .filtrZnacek ul{display:block;margin:0;padding:5px;list-style:none;} #formVyhled .filtrZnacek li{float:left;white-space:nowrap;overflow:hidden;} #formVyhled .filtrZnacek li input{vertical-align:middle;position:relative;bottom:2px;} #formVyhled .filtrZnacek .right{text-align:right;} #formVyhled .trideni {margin-top:-14px;} #formVyhled .hledani {margin-top:5px;} .strankovaniNeni{display:none;} .filtrZnacek li{width:20%;} /* ==================================== */ /* BOČNÍ SLOUPEC */ /* ==================================== */ .sidebar-box{margin-bottom:30px;color:#7a8188;} .sidebar-box .carousel{margin-top:0;} .sidebar-box .padding-box{padding:15px;} .sidebar-box-heading{color:#fff;text-transform:uppercase;background:#4a9797;overflow:hidden;height:50px;padding:15px 20px 12px 40px;} .sidebar-box-heading .fa{position:absolute;left:29px;} .sidebar-box-heading h4{margin:0;display:inline-block;padding-left:1px;} .sidebar-box-content{background:#f7f7f7;font-size:15px;} .sidebar-box-content.sidebar-padding-box{padding:20px 15px;} .sidebar-box-content>*{margin:0;} .sidebar-box-content ul{margin:0;padding:0;list-style:none;} .sidebar-box-content>ul{padding:0;} .sidebar-box-content>ul>li,.sidebar-box-content .menu-standard>ul>li{position:relative;} .sidebar-box-content>ul>li>a,.sidebar-box-content .menu-standard>ul>li>a{display:block;padding:8px 35px 8px 20px;border-bottom:1px solid #fff;} .sidebar-box-content>ul>li>a .fa,.sidebar-box-content .menu-standard>ul>li>a .fa{position:absolute;right:15px;top:10px;font-size:14px;} .sidebar-box-content>ul>li.current-item>a, .sidebar-box-content>ul>li>a:hover, .sidebar-box-content .menu-standard>ul>li.current-item>a, .sidebar-box-content .menu-standard>ul>li>a:hover{background:#e0e0e0;} .sidebar-box-content .menu-standard ul li ul{margin:0;padding:0;list-style:none;} .sidebar-box-content .menu-standard>ul>li>ul>li{position:relative;} .sidebar-box-content .menu-standard>ul>li>ul>li>a{display:block;padding:8px 35px 8px 30px;background:#f5f5f5;border-bottom:1px solid #fff;} .sidebar-box-content .menu-standard>ul>li>ul>li>a .fa{position:absolute;right:15px;top:10px;font-size:14px;} .sidebar-box-content .menu-standard>ul>li>ul>li.current-item>a, .sidebar-box-content .menu-standard>ul>li>ul>li>a:hover{background:#ababab;} .sidebar-box-content .menu-standard ul li ul li ul{margin:0;padding:0;list-style:none;} .sidebar-box-content .menu-standard>ul>li>ul>li>ul>li{position:relative;} .sidebar-box-content .menu-standard>ul>li>ul>li>ul>li>a{display:block;padding:8px 35px 8px 40px;background:#e6e6e6;border-bottom:1px solid #fff;} .sidebar-box-content .menu-standard>ul>li>ul>li>ul>li>a .fa{position:absolute;right:15px;top:10px;font-size:14px;} .sidebar-box-content .menu-standard>ul>li>ul>li>ul>li.current-item>a, .sidebar-box-content .menu-standard>ul>li>ul>li>ul>li>a:hover{background:#cdcdcd;} .sidebar-box-content>ul>li:hover .sidebar-dropdown{display:table;} .sidebar-dropdown{position:absolute;left:100%;top:-10px;z-index:6000;display:none;background:#b0b0b0;} .sidebar-box .chosen-single{height:40px;font-size:14px;color:#7a8188;padding: 8px 0 0 8px;border:1px solid #e6e6e6;margin-top:5px;} .sidebar-box .chosen-results{border:1px solid #e6e6e6;border-top:none;} .sidebar-box .chosen-results li{padding:10px 6px;} .sidebar-box .chosen-single div {top:8px;} .right-sidebar .sidebar-dropdown{left:auto;right:100%;} .sidebar-dropdown{width:840px;} /* 3x280=840 */ .sidebar-dropdown>li{overflow:hidden;display:inline;vertical-align:top;} /* display:table-cell or inline */ .sidebar-dropdown>li>ul{float:left;width:auto;min-width:200px;padding:10px 0;display:table;white-space:nowrap;} /* width:280/auto */ .sidebar-dropdown>li>ul>li>a{padding:8px 20px;display:block;color:#fff;} .sidebar-dropdown>li>ul>li.current-item>a, .sidebar-dropdown>li>ul>li>a:hover{background:#d1d1d1;} .sidebar-dropdown>li>ul>li>a .nav-caption{text-transform:uppercase;} /* UPPERCASE */ .sidebar-dropdown>li:last-child{margin:0;} .sidebar-slider{position:relative;display:block;overflow:hidden;} .sidebar-slider .flex-control-nav{display:block;position:absolute;bottom:0;left:0;right:0;width:100%;} .sidebar-slider .flex-control-paging li a {border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;width:9px;height:9px;background:#ccc;} .sidebar-slider .flex-control-paging li a:hover, .sidebar-slider .flex-control-paging li a.flex-active{background:#27ae60;} .sidebar-slider .slider-nav{background:#f7f7f7;display:block;height:30px;} .sidebar .product{margin-bottom:0;} a.remove{font-size:12px;color:#e74c3c;} a.tag-item{display:inline-block;background:#f7f7f7;margin-bottom:5px;padding:5px 10px;vertical-align:top;font-size:14px;} a.tag-item:hover{color:#fff;background:#1abc9c;} .kalendar{margin:-1px;} /* ==================================== */ /* POSOUVAČ CEN od - do */ /* ==================================== */ .catsearch-heading{background:#fff;margin-bottom:14px;padding:28px 20px 5px;position:relative;font-size:14px;} .catsearch-heading .noUiSlName{margin-top:-20px;color:#aaa;font-size:11px;} .noUiSlider{margin:10px 0;} .noUi-target, .noUi-target * {-webkit-touch-callout: none;-webkit-user-select: none;-ms-touch-action: none;touch-action: none;-ms-user-select: none;-moz-user-select: none;user-select: none;-moz-box-sizing: border-box;box-sizing: border-box;} .noUi-target {position: relative;direction: ltr;} .noUi-base {width: 100%;height: 100%;position: relative;z-index: 1;} .noUi-origin {position: absolute;height: 0;width: 0;} .noUi-handle {position: relative;z-index: 1;} .noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin {-webkit-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;} .noUi-state-drag * {cursor: inherit !important;} .noUi-base, .noUi-handle {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);} .noUi-horizontal {height: 18px;} .noUi-horizontal .noUi-handle {background:#ccc;width: 34px;height: 28px;left: -17px;top: -6px;} .noUi-vertical {width: 18px;} .noUi-vertical .noUi-handle {width: 28px;height: 34px;left: -6px;top: -17px;} .noUi-target {background: #FAFAFA;border-radius: 4px;border: 1px solid #D3D3D3;box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;} .noUi-connect {box-shadow: inset 0 0 3px rgba(51,51,51,0.45);-webkit-transition: background 450ms;transition: background 450ms;} .noUi-draggable {cursor: w-resize;} .noUi-vertical .noUi-draggable {cursor: n-resize;} .noUi-handle {border: 1px solid #D9D9D9;border-radius: 3px;background: #FFF;cursor: default;box-shadow: inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB;} .noUi-active {box-shadow: inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB;} .noUi-handle:before, .noUi-handle:after {content: "";display: block;position: absolute;height: 14px;width: 1px;background:#e0e0e0;left: 14px;top: 6px;} .noUi-handle:after {left: 17px;} .noUi-vertical .noUi-handle:before, .noUi-vertical .noUi-handle:after {width: 14px;height: 1px;left: 6px;top: 14px;} .noUi-vertical .noUi-handle:after {top: 17px;} span.price-range-max{color:#1f2228;font-size:14px;} span.price-range-min{color:#1f2228;font-size:14px;} label.color-checkbox.red{background:#e74c3c;} label.color-checkbox.white{background:#fff;} label.color-checkbox.black{background:#000;} label.color-checkbox.blue{background:#3498db;} label.color-checkbox.green{background:#00a847;} label.color-checkbox{width:30px;height:30px;border:2px solid #fff;margin-right:10px!important;outline:1px solid #eee;} label.color-checkbox:before{display:none!important;width:0!important;height:0!important;} input[type="checkbox"]:checked + label.color-checkbox{outline:1px solid #4a9797;} /* Colors */ .purple .carousel-heading, .purple .sidebar-box-heading, .purple a.tag-item:hover, .purple .banner-item{background:#9b59b6;} .purple .sidebar-box-content>ul>li>a:hover{color:#9b59b6;} .blue .carousel-heading, .blue .sidebar-box-heading, .blue a.tag-item:hover, .blue .banner-item{background:#3498db;} .blue .sidebar-box-content>ul>li>a:hover{color:#3498db;} .red .carousel-heading, .red .sidebar-box-heading, .red a.tag-item:hover, .red .banner-item{background:#e74c3c;} .red .sidebar-box-content>ul>li>a:hover{color:#e74c3c;} .brown .carousel-heading, .brown .sidebar-box-heading, .brown a.tag-item:hover, .brown .banner-item{background:#954a00;} .brown .sidebar-box-content>ul>li>a:hover{color:#954a00;} .green .carousel-heading, .green .sidebar-box-heading, .green a.tag-item:hover, .green .banner-item{background:#2ecc71;} .green .sidebar-box-content>ul>li>a:hover{color:#2ecc71;} .dark-green .carousel-heading, .dark-green .sidebar-box-heading, .dark-green a.tag-item:hover, .dark-green .banner-item{background:#1abc9c;} .dark-green .sidebar-box-content>ul>li>a:hover{color:#1abc9c;} .black .carousel-heading, .black .sidebar-box-heading, .black a.tag-item:hover, .black .banner-item{background:#000;} .black .sidebar-box-content>ul>li>a:hover{color:#000;} .white .carousel-heading, .white .sidebar-box-heading, .white a.tag-item:hover, .white .banner-item{background:#fff;} .white .sidebar-box-content>ul>li>a:hover{color:#fff;} .orange .carousel-heading, .orange .sidebar-box-heading, .orange a.tag-item:hover, .orange .banner-item{background:#f5791f;} .orange .sidebar-box-content>ul>li>a:hover{color:#f5791f;} .orange a.tag-item:hover{background:#1abc9c;} .css-def .carousel-heading, .css-def .sidebar-box-heading, .css-def a.tag-item:hover, .css-def .banner-item{background:#6e6e6e;} .css-def .sidebar-box-content>ul>li>a:hover{color:#529edc;} /* Auto def. colors */ .css-def2 .carousel-heading, .css-def2 .sidebar-box-heading, .css-def2 a.tag-item:hover, .css-def2 .banner-item{background:#1abc9c;} .css-def2 .sidebar-box-content>ul>li>a:hover{color:#1abc9c;} .css-def3 .carousel-heading, .css-def3 .sidebar-box-heading, .css-def3 a.tag-item:hover, .css-def3 .banner-item{background:#4a9797;} .css-def3 .sidebar-box-content>ul>li>a:hover{color:#4a9797;} .css-def4 .carousel-heading, .css-def4 .sidebar-box-heading, .css-def4 a.tag-item:hover, .css-def4 .banner-item{background:#1ccca9;} .css-def4 .sidebar-box-content>ul>li>a:hover{color:#1ccca9;} /* ==================================== */ /* OBRAZKY - OBSAH */ /* ==================================== */ /********** Obrázky s nastavením Levé a Pravé **********/ #obrSeznam1{float:left;display:block;text-align:left;padding-right:15px;margin-left:-14px;} #obrSeznam2{float:right;display:block;text-align:right;padding-left:15px;margin-right:-14px;} #obrSeznam1 .popis, #obrSeznam2 .popis{text-align:center;margin-bottom:5px;padding-top:5px;font-size:14px;white-space:nowrap;overflow:hidden;} #obrSeznam1 a .obr, #obrSeznam2 a .obr{width:100%;margin:0;white-space:nowrap;} #obrSeznam1 .obr img{margin-top:6px;margin-right:6px;border:1px solid #dfdfdf;float:none;display:inline;} #obrSeznam2 .obr img{margin-top:6px;margin-right:6px;border:1px solid #dfdfdf;float:none;display:inline;} #obrSeznam1 .obr img:hover, #obrSeznam2 .obr img:hover{border:1px solid #dbdbdb;box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.25); -webkit-box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.25);} .str_obsah #obrSeznam1, .str_obsah #obrSeznam2{padding-top:20px;} /********** Obrázky s nastavením horní a dolní (galerie) **********/ #obrGalerie3{float:left;clear:both;display:block;text-align:left;padding:10px 20px} #obrGalerie4{float:left;clear:both;display:block;text-align:left;padding:0 0 10px 0} #obrGalerie3 .popis, #obrGalerie4 .popis{text-align:center;margin-bottom:5px;padding-top:5px;font-size:14px;white-space:nowrap;overflow:hidden;} #obrGalerie3 a, #obrGalerie4 a{padding-left:15px;} #obrGalerie3 a .obr, #obrGalerie4 a .obr{width:100%;margin:0;white-space:nowrap;} #obrGalerie3 .obr img, #obrGalerie4 .obr img{margin-top:6px;margin-right:6px;border:1px solid #dfdfdf;float:none;display:inline;} #obrGalerie3 .obr img:hover, #obrGalerie4 .obr img:hover{border:1px solid #dbdbdb;box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.25); -webkit-box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.25);} .str_obsah #obrGalerie3{padding:15px 5px;background:#fff;} /* ========================= */ /* REVOLUTION SLIDER */ /* ========================= */ .boxedcontainer{max-width:1170px; margin:auto; padding:0px 30px;} .tp-banner-container{width:100%;position:relative;padding:0;margin-bottom:30px;} .tp-leftarrow.default, .tp-rightarrow.default{opacity:0;-webkit-opacity:0;-moz-opacity:0;-ms-opacity:0;-o-opacity:0;} .tp-banner-container:hover .tp-leftarrow.default, .tp-banner-container:hover .tp-rightarrow.default{opacity:0.6;-webkit-opacity:0.6;-moz-opacity:0.6;-ms-opacity:0.6;-o-opacity:0.6;} .tp-banner-container:hover .tp-leftarrow.default:hover, .tp-banner-container:hover .tp-rightarrow.default:hover{opacity:1;-webkit-opacity:1;-moz-opacity:1;} .tp-banner{width:100%;position:relative;color:#2c3e50;} .tp-banner-fullscreen-container{width:100%;position:relative;padding:0;} .tp-banner strong{font-weight:700;} .tp-banner h2{font-size:36px;color:#2c3e50;line-height:38px;} .tp-banner h3{font-size:24px;color:#2c3e50;} .tp-banner h3{font-size:20px;color:#2c3e50;} .tp-banner span{font-size:18px;color:#2c3e50;} .tp-banner span.price{font-size:24px;color:#2c3e50;} /* ========================= */ /* FLEXSLIDER */ /* ========================= */ .flexsliderBig{height:400px;} .flexsliderBig .text{padding:60px 40px;} .flexsliderBig li{background-size:auto 100%;background-position:right bottom!important;height:400px;} .flexsliderBig #slide1 {background: url(img/slide1.jpg) no-repeat;} .flexsliderBig #slide2 {background: url(img/slide3.jpg) no-repeat;} .flexsliderBig #slide3 {background: url(img/slide2.jpg) no-repeat;} .flexsliderBig strong{font-weight:700;} .flexsliderBig h2{font-size:36px;color:#2c3e50;line-height:38px;margin:0;} .flexsliderBig h3{font-size:24px;margin:10px 0 40px;color:#2c3e50;} .flexsliderBig span{font-size:18px;color:#2c3e50;} .flexsliderBig span.price{font-size:24px;color:#2c3e50;} .flexsliderBig a.button{margin-top:10px;} /* ======================== */ /* BOXY */ /* ======================== */ #box0{background:#f7f7f7;margin-bottom:20px;margin-top:-10px;} #box0 p{color:#7a8188;font-size:14px;margin:0;padding:8px 20px;} #box0 a{font-weight:300;} /* Box přihlášení odkazy */ #priRegistrace a, #priStracHeslo a{color:#374f66;} /* ========================= */ /* SUBKATEGORIE */ /* ========================= */ .subcategories{margin-left:-5px;margin-right:-5px;} .col-lg-fifth.subcategory, .fifth.subcategory{padding:0 5px;margin-bottom:10px;} .subcategory project-info{padding:10px 0;} .subcategory h6{margin:0 -5px;padding-left:14px;min-height:36px;line-height:16px;} .subcategory h6 .fa{margin-left:-13px;padding-right:5px;height:10px;} .categories-heading{margin-bottom:30px;background:#fff;} .categories-heading p{padding:20px;margin:0;font-size:14px;} .category-heading{color:#fff;background:#a1aaaf;text-transform:uppercase;margin-bottom:15px;height:50px;padding:10px 20px;position:relative;} .category-heading .chosen-container{width:200px!important;} .category-buttons{position:absolute;top:0;right:0;} .category-buttons a{color:#fff!important;} .category-buttons .fa{float:left;height:100%;width:50px;height:50px;border-left:1px solid #e7f9fc;text-align:center;margin:0;padding:15px 0 0;transition:background 0.3s;-webkit-transition:background 0.3s;-moz-transition:background 0.3s;-ms-transition:background 0.3s;-o-transition:background 0.3s;cursor:pointer;} .category-buttons .fa:hover, .category-buttons .active .fa{background-color:#889196;} .category-results{height:40px;display:inline-block;background:#fff;margin-right:-4px;} .category-results p{display:inline-block;font-size:14px;margin-right:10px;margin-top:10px;padding-left:10px;} .pagination{float:right;margin-bottom:20px;} .category-results .selectboxit, .category-results .selectboxit-list{width:70px!important;margin:-5px 5px 0;} .pagination>a>div{width:40px;height:40px;float:left;background:#f7f7f7;text-align:center;padding-top:10px;font-size:14px;transition:background 0.3s;-webkit-transition:background 0.3s;-moz-transition:background 0.3s;-ms-transition:background 0.3s;-o-transition:background 0.3s;} .pagination>a:hover div{color:#111;background:#dde3e6;} .pagination>.active div, .pagination>.active:hover div{color:#fff;background:#a1aaaf;} .pagination>.none div, .pagination>.none:hover div{color:#000;background:inherit;} .sipka-r{border:20px solid transparent;width:0;height:0;display:inline-block;position:relative;border-left:15px solid #fff;overflow:hidden;margin-bottom:-15px;} /********** Seznam podstránek typu galerie **********/ .podstr-gal{padding:7px 9px 10px 8px;background:#f7f7f7;width:100%;overflow:hidden;} .podstr-gal img{padding:1px;} /********** Seznam podstránek typu ikona **********/ .podstr-iko{padding:1px 5px;background:#fff;width:100%;overflow:hidden;border:1px solid #f3f3f3;} .podstr-iko img{padding:1px;} .fifth .podstr-iko{height:64px;background:#fff;width:100%;overflow:hidden;} .fifth .podstr-iko img{padding:3px 0;margin-right:5px;width:60px;height:60px;float:left;background:#fff;} .fifth .podstr-iko .product-info h6{height:36px;overflow:hidden;margin:3px 0 3px;color:#374f66;font-weight:400;line-height:18px;} .fifth .podstr-iko:hover .product-info{background:#e1e1e1;} .fifth .podstr-iko .product-info{margin-top:4px;} /********** Obrázky zoom pro miniatury **********/ .subcategory>a>.podstr-iko>img{-webkit-transition:-webkit-transform .15s ease 0s;-moz-transition:-moz-transform .15s ease 0s;-o-transition:-o-transform .15s ease 0s;transition:transform .15s ease 0s;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);} .subcategory>a>.podstr-gal>img, .obrSeznam>a>img{-webkit-transition:-webkit-transform .15s ease 0s;-moz-transition:-moz-transform .15s ease 0s;-o-transition:-o-transform .15s ease 0s;transition:transform .15s ease 0s;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);height:100%;width:100%;} .subcategory>a:hover>.podstr-gal>img, .subcategory>a:hover>.podstr-iko>img, .obrSeznam>a:hover>img{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)} /* ========================= */ /* CAROUSELY */ /* ========================= */ .carousel-heading{color:#fff;background:#4a9797;text-transform:uppercase;margin-bottom:10px;overflow:hidden;height:50px;position:relative;} .carousel-heading h4{margin:0;display:inline-block;padding:14px;} .carousel-arrows{display:inline-block;vertical-align:top;cursor:pointer;position:absolute;top:0;right:0;} .carousel-arrows .fa{float:left;height:100%;width:50px;height:50px;border-left:1px solid #e7f9fc;text-align:center;margin:0;padding:18px 0 0;transition:background 0.3s;-webkit-transition:background 0.3s;-moz-transition:background 0.3s;-ms-transition:background 0.3s;-o-transition:background 0.3s;} .carousel-arrows a{color:#fff;} .carousel-arrows .fa:hover{background-color:#2c3e50;} .sidebar-box .carousel-arrows .fa{width:30px;} .carousel{margin-top:4px;} /* =========================== */ /* PRODUKTY SEZNAMU */ /* =========================== */ .owl-carousel-wrap{padding:0;} .owl-carousel .owl-item{padding:0 15px;} .product{margin-bottom:30px; } .product-info{background:#f7f7f7;overflow:hidden;padding:5px 15px;} .product-info h5{height:46px;overflow:hidden;margin:5px 0 5px;color:#1f2228;} span.product-tag{position:absolute;background:#c4c4c4;color:#fff;font-size:14px;text-transform:uppercase;top:30px;z-index:5000;left:0;padding:5px 25px; } span.price{color:#e74c3c;font-size:17px;font-weight:600;} .puvodniCena {float:right;font-size:14px;font-weight:400;color:#272727;white-space:nowrap;} .puvodniCena ins{background:url("img/preskrt.png") no-repeat left bottom 1px;text-decoration:none;} .puvodniCena ins em{font-style:normal;} .bottom{height:22px;font-size:12px;white-space:nowrap;overflow:hidden} .dostupnost{float:right;margin-top:-2px;font-weight:500;color:#a9c55d;} .produkt-bezdph{margin-top:-1px;font-size:11px;font-weight:300;color:#9a9a9a} span.price del{color:#596067;font-weight:300;margin-right:5px;} .product-image{position:relative;overflow:hidden;background:#f7f7f7;padding-top:13px;text-align:center;} .owl-carousel .product-image img{width:89%;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;} .product-image img{width:89%;margin-left:1px;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;} .product-categories{font-size:14px;color:#9b59b6;margin:0;} .product-categories a{color:#9b59b6;} .product-categories a:hover{color:#54a9a9;} a.product-hover{background:rgba(52,73,94, 0.7);padding:10px;font-size:16px;height:40px;text-align:center;color:#fff;position:absolute;top:100px;left:0;right:0;width:50%;margin:0 auto;cursor:pointer;z-index:20;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;opacity: 0;-webkit-transform: scale(0.8);-moz-transform:scale(0.8);-ms-transform:scale(0.8);-o-transform:scale(0.8);transform:scale(0.8);-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;} a.product-hover .fa{margin-left:-6px;} a.product-hover:hover{background:rgba(52,73,94,1);} .product-image:hover a.product-hover{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;-webkit-transform: scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);} .product-image:hover img{-webkit-transform: scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);} .product-actions{color:#fff;display:table;width:100%;overflow:hidden;} span.product-action{color:#fff!important;} span.action-wrapper{position:relative;display:block;} .product-actions>span{position:relative;border-left:1px solid #e7f9fc;cursor:pointer;width:40px;height:40px;padding:9px 0 0 8px;display:table-cell;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;} .product-actions>span.current{width:auto;} .product-actions>span.current span.action-name{left:30px;top:1px;width:220px;opacity:1;-webkit-opacity:1;-moz-opacity:1;-ms-opacity:1;-o-opacity:1;white-space:nowrap;} span.vlozit-kosik{background:#3498db;} span.vlozit-kosik:hover{background:#2980b9;} span.vlozit-kosik .fa{margin-right:8px;} span.otazka-produkt{background:#e74c3c;} span.otazka-produkt:hover{background:#c0392b;} span.otazka-produkt .fa{margin-left:5px;} span.add-to-compare{background:#f9a668;} span.add-to-compare:hover{background:#d35400;} span.action-name{position:absolute;left:85px;opacity:0;-webkit-opacity:0;-moz-opacity:0;-ms-opacity:0;-o-opacity:0;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;} .product-info p{font-size:14px;} .product.grid-view{background:#f7f7f7;overflow:hidden;position:relative;} .product.grid-view .product-actions{position:absolute;bottom:0;left:0;right:0;} .product.grid-view .product-actions.full-width span.action-name{opacity:1;-webkit-opacity:1;-moz-opacity:1;-ms-opacity:1;-o-opacity:1;left:30px;} .product.grid-view .product-content{height:233px;} .product.grid-view .product-content h5{width:88%;} .product.grid-view .product-info{height:100%;} .grid-view .product-image{padding:0;} .grid-view .product-image img{width:99%;margin:3px;} .product.grid-view .product-actions>span{width:33.3333%;} .rating{display:inline-block;white-space:nowrap;} .product-info .rating{float:right;margin-right:-20px;opacity:0;-webkit-opacity:0;-moz-opacity:0;-ms-opacity:0;-o-opacity:0;transition:opacity 0.3s;-webkit-transition:opacity 0.3s;-moz-transition:opacity 0.3s;-ms-transition:opacity 0.3s;-o-transition:opacity 0.3s;} .sidebar td.product-info .rating{display:block;margin-top:-5px; float:none;opacity:1;-webkit-opacity:1;-moz-opacity:1;-ms-opacity:1;-o-opacity:1;} .rating-box{font-size:13px;color:#7a8188;vertical-align:middle;} .product .rating-box{float:right;} .rating-box .rating{float:none;opacity:1;-webkit-opacity:1;-moz-opacity:1;-ms-opacity:1;-o-opacity:1;} #vlastnosti .rating-box{margin-top:-18px;margin-bottom:10px;position:relative;} #vlastnosti .rating-box .rating{margin-right:-20px;} .rating img+img{margin-left:-2px;} .product:hover .rating{opacity:1;-webkit-opacity:1;-moz-opacity:1;-ms-opacity:1;-o-opacity:1;} .product .produkt-id{display:inline-block;position:absolute;bottom:0;right:22px;font-weight:300;font-size:10px;color:#a1aaaf;} /* Formulář komentářů */ #koment h3, #form h3{margin-top:6px;} .komentform{position:relative;margin-bottom:15px;} .komentform .rating-box{margin-right:30px;padding-top:6px;font-size:16px;color:#7a8188;vertical-align:middle;} .komentform .rateinfo{font-size:13px;color:#9fa9ae;margin-right:-25px} .komentform .char-counter input[type="text"]{width:60px!important;margin:0 5px;} .komentform .koment-name{float:left;margin-bottom:15px;width:100%;} .komentform .koment-name input[type="text"]{width:250px!important;} .komentform .koment-fullname{display:none;} .komentform .char-kontrola{float:left;margin-top:15px;width:100%;} .komentform .char-kontrola input[type="text"]{width:60px!important;margin:0 5px;} .komentform .spaminfo{line-height:40px;text-align:left;font-size:14px;color:#9fa9ae;} .komentform .spampocet{height:40px;float:right;} /* Formulář dotaz k produktu */ .dotazkprod .dotaz-fullname{display:none;} .dotazkprod .char-kontrola{float:left;margin-top:15px;width:100%;} .dotazkprod .char-kontrola input[type="text"]{width:60px!important;margin:0 5px;} .dotazkprod .char-counter input[type="text"]{width:60px!important;margin:0 5px;} .dotazkprod .spaminfo{line-height:40px;text-align:left;font-size:14px;color:#9fa9ae;} .dotazkprod .spampocet{height:40px;float:right;} /* Parametry v sezamu produktů */ .parametry {margin:0 0 15px 0;display:block;} .parametry h3{margin:16px 0 8px 1px;} .product .producthover .hiddenDesc{position: absolute;margin-top:-24px;left:21px;right:21px;z-index:100;border:2px solid #c6c6c6;display:none;padding:4px 9px;color:#8e8e8e;background-color:#fff;} .product .producthover .hiddenDesc span{background:url(img/bg-hiddendesc.png) 0 50% no-repeat;width:29px;height:17px;display:block;position:absolute;top:-12px;left:50%;margin-left:-15px;} .product .producthover:hover .hiddenDesc{display:block;} .product .producthover .hiddenDesc ul{list-style-type:none;margin:0;padding:0;width:100%;} .product .producthover .hiddenDesc ul li{padding:0;font-size:12px;} .product .producthover .hiddenDesc li strong{display:inline-block;min-width:60%;font-weight:400;color:#596067;} .product.grid-view .producthover .hiddenDesc{margin-top:0;left:15px;right:15px;} /* ================================== */ /* SEZNAM OBJEDNÁVEK UŽIVATELE */ /* ================================== */ .user-orders #hlaseni-ok, .user-orders #hlaseni{display:none;} .order-table .id, .order-table .volba{text-align:center;} .order-table b.cerny{color:#000000;} .order-table b.bily{color:#F0F3EB;} .order-table b.sedy{color:#B9B9B9;} .order-table b.modry{color:#0000FF;} .order-table b.zeleny{color:#00AE00;} .order-table b.cerveny{color:#CC0000;} .order-table b.zluty{color:#FFFF00;} .order-table b.fialovy{color:#800080;} .order-table b.oranzovy{color:#FF9900;} /* ============= */ /* ANKETA */ /* ============= */ .box-anketa h3{margin-bottom:4px;} .str-anketa {padding-bottom:30px;} .str-anketa .anketa{margin:0 15px;} .anketa{padding:10px 16px 12px;font-size:14px;text-align:left;background:#f7f7f7;} .anketa .nazev{padding:3px 0 5px;color:#999999;font-weight:bold;} .anketa span{display:block;padding:7px;text-align:center;} .anketa div.odpoved{padding:1px 2px;} .anketa div.vysledek{font-size:13px;padding:3px 3px 7px;} .anketa div.graf{clear:both;width:100%;height:10px;padding:0;background:#eee;font-size:1px;line-height:1px;} .anketa div.graf div{clear:both;float:left;width:1px;height:10px;padding:0;background:#a8a8f7;font-size:13px;line-height:1px;} .anketa button{font-size:1em;} /* ============= */ /* TABS */ /* ============= */ .tab-heading a.button{font-size:16px;padding:11px 20px;height:42px;margin-right:-3px;background:#a1aaaf!important;} .tab-heading a.button em{font-style:normal;background:none repeat scroll 0 0 #fff;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;display:inline-block;font-size:12px;line-height:13px;margin-left:8px;padding-top:1px;padding-bottom:1px;text-align:center;width:28px;color:#4a9797;} .tab-heading a:hover, .tab-heading a.button.active{background:#4a9797!important;text-decoration:none;} .tab-content{background:#fff;margin-bottom:30px;font-size:14px;padding:10px 20px;} .tab-content .products-row{background:transparent;margin:0 -15px -30px;font-size:15px;padding:0;} .tab-content .products-row .carousel-heading h4{padding-top:12px;} .tab-content .products-row .hiddenDesc ul li{margin:0;} p .tag-item{vertical-align:middle;} .tab-content strong{color:#596067;} /* ========================= */ /* ACCORDIONS */ /* ========================= */ .accordion ul{margin:0;padding:0;list-style:none;margin-bottom:30px;} .accordion-header{color:#fff;background:#a1aaaf;text-transform:uppercase;position:relative;margin:0 0 1px;overflow:hidden;padding:13px 20px;cursor:pointer;height:50px;transition:background 0.3s;-webkit-transition:background 0.3s;-moz-transition:background 0.3s;-ms-transition:background 0.3s;-o-transition:background 0.3s;} .accordion-active .accordion-header, .accordion-header:hover{background:#4a9797;} .accordion-active .accordion-header .accordion-button i:before{content: '\f077';} .accordion-header .accordion-button i:before{content: '\f078';} .accordion-header h4{margin:0;} .accordion-button{color:#fff;position:absolute;top:12px;font-size:16px;right:15px;} .accordion-content{background:#fff;margin-bottom:0!important;font-size:14px;padding:10px 20px;} .accordion-content strong{color:#596067;} /* ========================= */ /* NEWS */ /* ========================= */ .news{margin-bottom:11px; } .news-background{background:#f7f7f7;} .news-content{padding:10px 30px 10px 5px;} .news-content h5{margin:0 0 5px;} .news-info{background:#f7f7f7;overflow:hidden;padding:0 15px;} .news-info p{font-size:14px;padding:0 2px;} .news-info h5{margin:0;padding-top:14px;} .news-content p{font-size:14px;color:#596067;margin:10px 0;} span.date{font-size:12px;color:#7a8188;} /* ========================= */ /* COUNTDOWN */ /* ========================= */ #zaklOdpocet{font-size:14px;color:#f5791f;font-weight:500;} /* ========================= */ /* POČÍTADLO */ /* ========================= */ #pocitadlo{font-size:14px;color:#89939e;font-weight:300;} #pocitadlo strong{font-size:13px;color:#494949;font-weight:600;} /* ========================= */ /* BANNERS */ /* ========================= */ .topbanner{position:absolute;height:100%;} .topbanner .banner{position:relative;overflow:hidden;max-height:100%;} .banner{text-align:center;} #banner{padding-bottom:30px;background:#fff;} .banner-item{color:#fff;padding:15px 20px 12px;margin:0;position:relative;text-align:left;transition:background 0.3s; -webkit-transition:background 0.3s; -moz-transition:background 0.3s; -ms-transition:background 0.3s; -o-transition:background 0.3s;} .banner-item a{color:#fff!important;} .banner-item h4{margin:0;font-size:20px;text-transform:uppercase;font-weight:900;} .banner-item p{margin:4px 0 0;font-size:14px;} .banner-item:hover{background:#999;} .banner-item i{transition: 0.3s; -webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s;} .banner-item:hover i{color:#555;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-moz-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg);} /* ===================== */ /* OBSAH STRANKY */ /* ===================== */ .category-content #podpopis{padding:0;margin-bottom:15px;} .category-content{padding:0px;background:#fff;margin-top:4px;margin-bottom:5px;} .page-content{padding:20px 0px 30px;background:#fff;margin-top:0;margin-bottom:20px;} .page-content h4{margin-top:3px;margin-bottom:12px;} .page-content ul{list-style:none;margin:0;padding:0;} .page-content li{margin:10px 0;font-size:14px;} .page-content p{font-size:14px;} .page-content input[type="text"], .page-content input[type="email"], .page-content input[type="password"], .page-content input[type="tel"], .page-content select{width:100%;background:#f7f7f7;font-size:14px;} .page-content textarea{width:100%;margin-top:3px;padding:5px 10px;background:#f7f7f7;height:170px;border:1px solid #e6e6e6;font-size:14px;} .page-content .povinnyUdaj{font-size:12px;color:#aaaaaa;text-align:right;} .page-content .marg-t-minus{margin-top:-22px;z-index:100;} .page-content .marg-t-minus1x{margin-top:-36px;z-index:100;} .page-content .marg-t-minus2x{margin-top:-65px;z-index:100;} .page-content .marg-b-minus{margin-top:10px;} .page-content .checkback{background:#a1aaaf;padding-top:12px;margin-bottom:20px;} .page-content .checkback input[type=checkbox]:checked + label:before, .page-content .checkback .checkbox{color:#fff;} .orderpage h4{margin-top:3px;} .orderpage .checkpadd{margin-top:0;margin-bottom:5px;} /* Chosen */ .page-content .chosen-single{height:40px!important;font-size:14px!important;color:#7a8188!important;padding: 8px 0 0 8px!important;border:1px solid #e6e6e6!important;} .page-content .chosen-results{border:1px solid #e6e6e6!important;border-top:none!important;} .page-content .chosen-results li{padding:10px 6px!important;} .page-content .chosen-single div {top:8px!important;} .page-content .border-fail .chosen-single{border:1px solid #ff1717!important;} .page-content .border-ok .chosen-single{border:1px solid #05d105!important;} /* Kontainer DSSlick .dd-container{padding-top:2px;border:1px solid #ff1717!important;} */ /* ========================= */ /* CHECKOUT */ /* ========================= */ #popisPlatby{margin-bottom:40px;} /********** Hlavní košík **********/ table#shopcart tbody td .row img{width:25%;float:left;padding:0 0.625em;} table#shopcart tbody td .bez_dph{font-size:0.750em;font-weight:300;color:#b9acbd;} table#shopcart tfoot td {vertical-align:middle;border:0;} table#shopcart tfoot .celkem{text-align:right;font-size:1em;font-weight:700;} table#shopcart tfoot .cena-celkem{font-size:1em;font-weight:700;} table#shopcart tfoot .bez_dph{float:right;font-size:0.875em;font-weight:300;} table#shopcart tfoot .cena-bez_dph{font-size:0.875em;font-weight:300;} table#shopcart tfoot .form-ticket{padding-top:1em;} table#shopcart{margin-bottom:1em;} /* ========================= */ /* TLAČÍTKA */ /* ========================= */ a.button{background:#4a9797;padding:10px 15px;text-transform:uppercase;color:#fff; cursor:pointer;display:inline-block;height:40px;} a.button.big{font-size:18px;padding:15px 30px;height:50px;} a.button.small{padding:5px 15px;font-size:14px;height:30px;} a.button.round{width:40px;height:40px;display:inline-block;padding-top:8px;padding-left:15px;} a.button.regular{text-transform:none;} a.button:hover{background:#2c3e50;} a.button .fa{margin:0 5px 0 -5px; } a.button.right-icon{padding-right:5px;} a.button.right-icon .fa{margin-left:5px;} a.button.trash{padding-right:5px;} a.button.trash .fa{margin-left:-10px;} /* ========================= */ /* KOMENTÁŘE */ /* ========================= */ ul.comments li{position:relative;margin-bottom:30px;margin-left:0;} ul.comments li p{margin:0;} ul.comments li .koment_obsah{margin-top:10px;} ul.comments li .date{color:#7a8188; } ul.comments li .ip{float:right;color:#7a8188;font-size:12px;} ul.comments li .fa + p{margin-top:10px;} ul.comments li .funkce{margin-top:-20px;} ul.comments li .funkce .fa{float:right;display:block;width:30px;height:30px;background:#f7f7f7; cursor:pointer;padding-top:8px;text-align:center;margin-top:-20px;margin-right:-3px;transition:background 0.3s;-webkit-transition:background 0.3s;-moz-transition:background 0.3s;-ms-transition:background 0.3s;-o-transition:background 0.3s;} ul.comments li .funkce .fa:hover{background:#dde3e6;} ul.comments li .fa.red{background:#e74c3c;color:#fff;} ul.comments li .fa.green{background:#2ecc71;color:#fff;} ul.comments li .fa.sum{font-style:normal;} ul.comments li .fa.no-pointer{cursor:default!important;} ul.comments li .fa.sum.green-sum{color:#2ecc71;} ul.comments li .fa.sum.red-sum{color:#e74c3c;} ul.comments li ul li{background:#f7f7f7;padding:15px 20px;margin:20px 0 20px 20px;} /* ========================= */ /* STRANKA PRODUKTU */ /* ========================= */ .product-single{background:#f7f7f7;margin-top:4px;margin-bottom:30px; } .product-single h2{line-height:30px;} .product-single .kratky-popis{margin:22px 0;padding:12px 18px;background:#f1eff1;font-size:14px;} .product-single .znacka{font-size:15px;font-weight:500;color:#9b59b6;} .product-single .sklad-0{font-size:14px;font-weight:500;color:#ff0000;} .product-single .dphcena{font-size:14px;font-weight:300;color:#408080;} .product-single .dostupne{font-size:14px;font-weight:500;color:#00ae00;} .product-single .kodproduktu{font-size:14px;font-weight:500;color:#000;} .product-single .usetrite{font-size:14px;font-weight:300;color:#408080;} .product-single .usetrite em{font-style:normal;font-size:15px;color:red;font-weight:700;} #product-slider{width:100%;position:relative;} .product-single-image #product-slider{width:100%;background:#fff;text-align:center;} .product-single-image #product-slider img{max-height:470px;} .product-single .product-actions-single .chosen-single, .page-content .chosen-single{height:40px;padding: 6px 0 0 8px;background-color: #fff;border:1px solid #ddd;color:#7a8188;} .product-single .product-actions-single td{border-color:transparent;} .product-single .product-actions-single .chosen-single div, .page-content .chosen-single div {top:7px;} .product-single .product-actions-single .chosen-drop li, .page-content .chosen-single li {padding:8px 6px;} .product-single .product-actions{float:right;margin-right:20px;font-size:12px;font-weight:400;max-width:140px;} .product-single-info .social-share{margin:20px 0;} .product-single .product-actions>span{height:22px;padding:0 2px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;} .product-single .numeric-input{margin-right:10px;} .product-fullscreen{width:40px;height:40px;display:inline-block;position:absolute;bottom:0;right:0;z-index:10;font-size:24px;text-align:center;color:#bdc3c7;transition:color 0.3s;-webkit-transition:color 0.3s;-moz-transition:color 0.3s;-ms-transition:color 0.3s;-o-transition:color 0.3s;cursor:pointer;} .product-fullscreen:hover{color:#333;} #product-carousel img{height:80px;background:#fff;padding:10px;cursor:pointer;opacity:0.5;-webkit-opacity:0.5;-moz-opacity:0.5;-ms-opacity:0.5;-o-opacity:0.5;transition:opacity 0.3s;-webkit-transition:opacity 0.3s;-moz-transition:opacity 0.3s;-ms-transition:opacity 0.3s;-o-transition:opacity 0.3s;} #product-carousel img.active-item, #product-carousel img:hover{opacity:1;-webkit-opacity:1;-moz-opacity:1;-ms-opacity:1;-o-opacity:1;} #product-carousel{padding-right:40px;position:relative;} .product-arrows>div{display:inline-block;width:40px;height:40px; background:#fff;padding-top:10px;text-align:center;position:absolute;top:0;right:0;transition:background 0.3s;-webkit-transition:background 0.3s;-moz-transition:background 0.3s;-ms-transition:background 0.3s;-o-transition:background 0.3s;cursor:pointer;} .product-arrows>div:hover{background:#dde3e6;} .product-arrows .left-arrow{top:0;right:0;} .product-arrows .right-arrow{top:40px;right:0;} .product-single-info table td{padding:3px 20px 5px 10px!important;border:none;} .product-single-info strong{color:#596067;font-weight:500;font-size:14px;display:block;margin:0 0 10px;} .product-single-info span.price{font-size:24px;display:block;margin:-10px 0 0; vertical-align:bottom;} .product-single-info span.price del{font-size:16px; vertical-align:bottom;padding-top:5px;display:inline-block;} table.product-actions-single{margin:30px 0;} table.product-actions-single td{vertical-align:middle!important;padding:5px 0!important;min-width:80px;} table.product-infotable-single{margin-top:28px;} .full-size>table.product-actions-single td{min-width:inherit;} table.product-actions-single input{height:35px; display:inline-block!important;} .button-row{margin-bottom:30px;} table span.action-name{left:0;width:auto;position:relative;color:#fff;opacity:1;-webkit-opacity:1;-moz-opacity:1;-ms-opacity:1;-o-opacity:1;} .main-content input[type="number"]{margin-bottom:10px; width:80px;display:block;} table button.add-to-cart{background:#f9a668;display:inline-block;height:42px;padding:10px 19px 10px 15px;margin:1px 9px 0;font-size:15px;transition:background 0.3s;-webkit-transition:background 0.3s;-moz-transition:background 0.3s;-ms-transition:background 0.3s;-o-transition:background 0.3s;} table button.add-to-cart .fa{color:#fff;} table button.add-to-cart:hover{background:#d35400;} /* ============================ */ /* SOUBORY - KE STAŽENÍ */ /* ============================ */ #soubDrhSeznam .soub-ke-st{line-height:28px;font-size:14px;} #soubDrhSeznam .soub-ke-st a{font-weight:400;color:#2d2d2d;} #soubDrhSeznam .soub-ke-st a:hover{color:#82459c;} #soubDrhSeznam .soub-ke-st em{font-style:normal;font-weight:300;color:#969696;} #soubDrhSeznam .soub-ke-st i{font-size:18px;font-weight:500;color:#7d7d7d;} /* ========================= */ /* KONTAKT */ /* ========================= */ .page-content label{font-size:14px;margin-bottom:5px;display:inline-block;} .contact-info iframe{width:100%;height:300px;} .contact-item{position:relative;padding-left:60px;margin:18px 0;} .contact-item .fa{width:40px;height:40px;text-align:center;vertical-align:middle;padding-top:4px;font-size:22px;line-height:32px;background:#ddd;position:absolute;left:0;top:0;color:#fff;} .blue.contact-item .fa{background:#3498db;} .green.contact-item .fa{background:#1abc9c;} .orange.contact-item .fa{background:#f5791f;} .purple.contact-item .fa{background:#9b59b6;} .contact-form{padding:30px 0;} .contact-item p, .contact-form label{color:#596067;} .contact-form textarea{width:100%;margin-top:3px;margin-bottom:15px;padding:5px 10px;background:#f7f7f7;height:170px;border:1px solid #e6e6e6;font-size:14px;} .contact-form input[type="text"], .contact-form input[type="email"], .contact-form input[type="tel"]{margin-bottom:15px;} .contact-form input[type="submit"]{background:#4a9797;} .contact-form input[type="submit"]:hover{background:#2c3e50;} .contact-form textarea{height:150px;} .contact-form span{display:block;margin-top:10px;font-size:14px;} /* Kontrola SPAM-u */ .contact-form .char-kontrola{float:left;width:100%;display:nline;margin-bottom:5px;} .contact-form .char-kontrola span{display:flex;margin-bottom:10px;font-size:14px;} .contact-form .char-counter{float:left;width:100%;display:flex;} .contact-form .char-counter input[type="text"]{min-width:45px!important;margin:-19px 4px 0 4px;} .contact-form .char-conrol{float:left;width:100%;display:flex;} .contact-form .char-conrol input[type="text"]{min-width:45px!important;margin:-19px 4px 0 4px;} .contact-form .spaminfo{text-align:left;font-size:14px;color:#9fa9ae;margin-top:-10px;} .contact-form .spampocet{float:left;width:100%;white-space:nowrap;vertical-align:middle;} .contact-form .kontakt-fullname{display:none;} /* ========================= */ /* TABLES */ /* ========================= */ .main-content table{background:#f7f7f7;margin-bottom:20px;} .main-content table strong{color:#1f2228;} .main-content table th{background:#a1aaaf;color:#fff;font-size:15px;font-weight:300;text-align:left;padding:10px 15px;border-right:1px solid #fff;border-bottom:1px solid #fff;} .main-content tr{transition:background 0.3s;-webkit-transition:background 0.3s;-moz-transition:background 0.3s;-ms-transition:background 0.3s;-o-transition:background 0.3s;} .main-content table th:last-child{border:none;} .main-content table td{border:1px solid #e9fbfe;padding:20px;font-size:14px;vertical-align:top;} .main-content table p{font-size:14px} /* ========================= */ /* ORDERS */ /* ========================= */ .order-table{width:100%;} .order-table tr:hover{background:#fff;} .order-table p{margin:0; font-size:14px;} .order-table th.order-status{width:50%;} .order-table span.price{font-size:14px;} .order-table span.delivery{font-size:15px;color:#1f2228;font-weight:400;} .order-table p.vat{font-size:11px;color:#989faf;} .order-table .order-number p{color:#1f2228;} table.order-table td{padding:10px 15px;} /* ========================= */ /* VÝBĚR DOPRAVY */ /* ========================= */ #ulozenka-branch-select-options select{margin:10px 0 16px;} .vyber-dopravy{padding:10px 0 16px;} .volba-dopravy{padding:8px 0 0;} .currency-table{margin:0;width:100%;} .currency-table td{padding:2px 10px!important;white-space:nowrap;font-size:13px;} .currency-table td .radio{margin:-7px 0 0 0;padding:0;} .currency-table tbody tr td{border-color:#e6e6e6;} .currency-table td .radio label{line-height:22px;font-size:13px;} /* ========================= */ /* ORDER INFO */ /* ========================= */ table.orderinfo-table #objednavkaSoucet, #objSoucetText{color:#363636;font-size:1em;font-weight:700;} table.orderinfo-table td div.dphCena{font-size:11px;color:#a6a6a6;} table.orderinfo-table .imnozstvi{font-size:13px;white-space:nowrap;} table.orderinfo-table #objednavkaDPHSoucet, #objednavkaDPHtext{font-size:12px;color:#737373;} table.orderinfo-table #cenaMeziSoucet, #meziSoucetText{font-weight:700;} table.orderinfo-table #dopravaNazev{padding-left:10px;font-size:13px;font-weight:500;color:#fff;} table.orderinfo-table #dopravaCena, #dopravaDPHCena{vertical-align:bottom;height:66px;} table.orderinfo-table{width:100%;margin-top:22px;} table.orderinfo-table tr:hover{background:#fff;} table.orderinfo-table th{width:170px;padding:5px 20px;} table.orderinfo-table thead th{padding:10px 20px;} table.orderinfo-table td{padding:10px 20px; } table.orderinfo-table span.price{font-size:14px; } table.orderinfo-table span.price.big{font-size:16px; } /* ==================================== */ /* FOOTER */ /* ==================================== */ /* upper Footer */ #upper-footer{background:#f7f7f7;padding:5px 20px;border-bottom:1px solid #dfe6f3;margin:0 -30px;} #upper-footer.border-top{border-bottom:none;border-top: 1px solid #dfe6f3;} #upper-footer h4{text-transform:uppercase;} #newsletter>*, .social-media>*{display:inline-block;} #newsletter span{margin-top:20px;} #newsletter span.error{margin-top:0;} #newsletter input[type="text"]{width:330px;margin:0 0 0 15px;font-size:14px;} #newsletter input[type="text"], #newsletter input[type="submit"]{height:40px;} #newsletter input[type="submit"]{font-size:16px;position:relative;top:1px;} .social-media ul{padding:0;margin:0;list-style:none;vertical-align:middle;margin-left:15px;} .social-media ul li{display:inline-block!important;padding:0 3px !important;} .social-media ul li a{display:block;width:40px;height:40px;background:#ccc;} /* Social Icons */ .social-media ul li.social-googleplus a{background-color:#d74937; } .social-media ul li.social-googleplus a:before{font-family: "FontAwesome";content: '\f0d5';font-size:22px;color:#fff;line-height:40px;padding-left:7px;} .social-media ul li.social-facebook a{background-color:#39599f;} .social-media ul li.social-facebook a:before{font-family: "FontAwesome";content: '\f09a';font-size:22px;color:#fff;line-height:40px;padding-left:13px;} .social-media ul li.social-pinterest a{background-color:#b8242a;} .social-media ul li.social-pinterest a:before{font-family: "FontAwesome";content: '\f231';font-size:22px;color:#fff;line-height:40px;padding-left:11px;} .social-media ul li.social-twitter a{background-color:#45b0e3;} .social-media ul li.social-twitter a:before{font-family: "FontAwesome";content: '\f099';font-size:22px;color:#fff;line-height:40px;padding-left:9px;} .social-media ul li.social-youtube a{background-color:#e70031;} .social-media ul li.social-youtube a:before{font-family: "FontAwesome";content: '\f167';font-size:22px;color:#fff;line-height:40px;padding-left:10px;} .social-media ul li{margin:0!important;} .facebook-iframe iframe{width:100%;border:none; } /* ========================= */ /* PATIČKA */ /* ========================= */ #paticka-stranky{background:#b7c6cc;padding:5px 20px 20px;margin:0 -30px;} #paticka-stranky h4{text-transform:uppercase;color:#fff;font-weight:400;} #paticka-stranky p{font-size:14px;line-height:22px; } #paticka-stranky ul{list-style:none;padding:0;margin:0;} #paticka-stranky li{margin:10px 0;word-wrap: break-word} #paticka-stranky ul li .fa{font-size:14px;width:15px;margin-left:-5px;} #paticka-stranky ul li a:hover{color:#e74c3c;} #paticka-stranky #newsletter p{margin-top:0;} /* Newsletter */ #paticka-stranky #newsletter input[type="text"]{width:100%;margin:0 0 5px;} /* Spodní patička */ #spodni-paticka{padding:6px 5px 10px;} #spodni-paticka p.copyright{font-size:14px;color:#7a8188;margin:0;} #spodni-paticka p.system{font-size:14px;color:#7a8188;margin:0;float:right;} /* ==================================== */ /* ELEMENTY */ /* ==================================== */ .tooltip-inner{background:#2c3e50;box-shadow:0 0 5px #ddd;color:#fff; padding:4px 8px;border-radius:0;} .tooltip.top .tooltip-arrow{border-top-color:#2c3e50;} ::-webkit-input-placeholder {color:#7a8188;} :-moz-placeholder {color:#7a8188;} ::-moz-placeholder {color:#7a8188;} :-ms-input-placeholder {color:#7a8188;} input[type="text"], input[type="password"], input[type="email"], input[type="tel"], select{padding:5px 10px;border:1px solid #e6e6e6;height:40px;transition:background 0.3s;-webkit-transition:background 0.3s;-moz-transition:background 0.3s;-ms-transition:background 0.3s;-o-transition:background 0.3s;} input[type="submit"], input[type="reset"]{background:#2ecc71;color:#fff;text-transform:uppercase;height:40px;padding:5px 15px;border:none;font-size:14px;transition:background 0.3s;-webkit-transition:background 0.3s;-moz-transition:background 0.3s;-ms-transition:background 0.3s;-o-transition:background 0.3s;} input[type="reset"].dark-blue{color:#fff;} input[type="submit"]:hover{background:#21bf64;} input[type="submit"].big, input[type="reset"].big{height:40px;padding:7px 20px;font-size:16px;} input[type="submit"].huge, input[type="reset"].huge{height:50px;padding:12px 25px;font-size:16px;} input[type="reset"]{background:#f7f7f7;color:#1f2228;} input[type="reset"]:hover{background:#2c3e50;color:#fff;} input[type="radio"], input[type="checkbox"]{margin-right:5px;} #back-to-top{width:50px;height:50px;display:inline-block;position:fixed;bottom:20px;right:20px;background:#fff;font-size:24px;text-align:center;padding-top:8px;transition:background 0.3s, color 0.2s;-webkit-transition:background 0.3s, color 0.2s;-moz-transition:background 0.3s, color 0.2s;-ms-transition:background 0.3s, color 0.2s;-o-transition:background 0.3s, color 0.2s;cursor:pointer;} #back-to-top:hover{background:#dde3e6; } .radio-label{display: inline-block;cursor: pointer;position: relative;padding-left: 25px;margin-right: 15px;font-size: 14px;} .radio-label:before{content: "";display: inline-block;width: 16px;height: 16px;border-radius: 50%; margin-right: 10px;position: absolute;left: 0;bottom: 1px;background-color: #f7f7f7;border:1px solid #e6e6e6;} input[type=checkbox]:checked + label:before {content: "\f046";font-family:"FontAwesome";font-size:1.3em;color: #989ead;text-align: center;line-height:1.3em;vertical-align:middle;margin:0 0.25em 0 0.25em;} input[type=checkbox], input[type=radio]{display: none;} .checkbox, .radio { margin:-1em 0 0.625em 0;font-size: 0.9em;font-weight:normal;color:#989ead;height:auto;} .checkbox label{display: inline-block;cursor: pointer;position: relative;padding-left:25px;margin-top:15px;margin-right:15px;font-size:14px;} .radio label{display: inline-block;cursor: pointer;position: relative;padding-left:25px;margin-top:15px;margin-right:15px;font-size:13px;font-weight:300;} .checkbox label:before {content: "\f096";display:inline-block;position:absolute;left:0;top:0;font-family:"FontAwesome";font-size: 1.3em;line-height: 1.3em;vertical-align:middle;margin:0 0.4em 0 0.25em;} .radio label:before {content: "\f10c";display:inline-block;position:absolute;left:0;top:0;font-family:"FontAwesome";font-size: 1.3em;vertical-align:middle; margin:0 0.25em 0 0.25em;line-height: 1.3em;} input[type=radio]:checked + label:before {content: "\f192";font-family:"FontAwesome";font-size: 1.3em;color: #989ead;text-align: center;line-height: 1.3em;vertical-align:middle;margin:0 0.25em 0 0.25em;} .filtrZnacek input[type=checkbox]:checked + label:before, .filtrZnacek .checkbox{color: #fff;} .numeric-input{position:relative;width:70px;display:inline-block;} .numeric-input input{width:92px;height:42px!important;margin-top:2px;display:inline-block;} .numeric-input>span{position:absolute;top:3px;right:10px;cursor:pointer;color:#7a8188;} .numeric-input .arrow-down{bottom:2px;top:auto;} .numeric-input .jednotka{cursor:auto;right:-12px;bottom:11px;top:auto;} /* Psaní html kódu */ .page-content xmp{font-size:14px;line-height:12px;} /* ================= */ /* SITEMAP */ /* ================= */ .mapa-stranek{margin-left:30px;font-size:14px;} .mapa-stranek ul{border-left:1px dotted #cacfd2;padding-left:2.2em;} .mapa-stranek li{position:relative;} .mapa-stranek li:before{border-top:1px dotted #cacfd2;content:'';left:-2.2em;position:absolute;top:.75em;width:1.8em;} /* ================ */ /* CPANEL */ /* ================ */ #cpanel-box {position: fixed;right: -288px;top: 30%;width: 288px;float: right;z-index:9999;text-align: left;} #cpanel-box .panel {background:#eee;border-left:1px solid #eee;border-bottom:1px solid #eee;} #cpanel-box .panel .accordion{margin-bottom:-30px;} #cpanel-box .panel .panel-body{padding:10px 0;} #cpanel-box a.cpanel-control {text-decoration: none;background-color: #707070;background-position: 50% 50%;background-repeat: no-repeat;border-radius: 6px 0 0 6px;-webkit-border-radius: 6px 0 0 6px;-moz-border-radius: 6px 0 0 6px;-ms-border-radius: 6px 0 0 6px;-o-border-radius: 6px 0 0 6px;height: 50px;left: -50px;line-height: 46px;padding: 0 0 5px 13px;position: absolute;width: 50px;z-index: 10;top: 0;} #cpanel-box a.cpanel-control:before {content: "\f0a5";color: #fff;display: inline;font-family: "FontAwesome";font-size: 22px;} #cpanel-box a.cpanel-control.active:before {content: "\f0a4";font-family: "FontAwesome";font-size: 22px;} /* ==================================== */ /* RESPONSIVE */ /* ==================================== */ @media(min-width:1200px){ .container{width:1230px;padding:0 30px;} .paticka{margin:0 auto;max-width:1230px;padding:0 15px;} } @media(min-width:992px) and (max-width:1199px){ .paticka{margin:0 auto;max-width:992px;padding:0 15px;} .filtrZnacek li{width:25%;} .category-results p{font-size:12px;} .category-heading .chosen-container{width:160px!important;} .contact-form .spampocet{white-space:pre-wrap;} .contact-form .char-counter input[type="text"]{margin:-8px 4px 0 4px;} .contact-form .char-conrol input[type="text"]{margin:-8px 4px 0 4px;} .contact-form .spampocet label{line-height:16px;} .sidebar-dropdown{width:700px;} /* 3x280=840 */ .sidebar-box-content, .sidebar-dropdown>li>ul>li>a .nav-caption, .product-single .produkticon{font-size:13px;} #search-bar-top{right:-16px;width:80%;}.col-md-fifth{width:20%;padding:0 15px;float:left;} #main-navigation>ul>li>a .nav-caption{margin-top:15px;font-size:14px;margin-left:-5px;} #main-navigation ul.wide-dropdown>li{min-width:210px;} #main-navigation li ul.normal-dropdown a{padding:7px 28px 7px 20px;} #main-navigation>ul>li>ul.normal-dropdown .fa{font-size:13px;left:16px;top:1px;} #main-navigation ul.wide-dropdown ul a, #main-navigation ul.wide-dropdown .nav-caption{padding:7px 18px;font-size:14px;} #main-navigation .normal-dropdown .nav-caption{font-size:14px;} #main-navigation .wide-dropdown .nav-caption ul li a{font-size:14px;} #main-navigation>ul>li>a .fa{font-size:16px; margin-bottom:-11px;} .sidebar-box-heading, .carousel-heading{height:40px;} .sidebar-box-heading h4, .carousel-heading h4{font-size:14px;} .carousel-arrows .fa{width:40px;height:40px;padding:10px 0 0;} #search-bar input, #search-bar select{height:30px;font-size:14px;} .product-actions .action-name{font-size:12px;margin-left:-3px;} .product-info h5{font-size:14px;line-height:20px;height:44px;} a.product-hover{font-size:16px;top:90px; } #newsletter>*, .social-media>*{display:block;} #newsletter input[type="text"]{width:300px;margin:0;display:inline-block;} #newsletter input[type="submit"]{display:inline-block;} .social-media ul{margin:0;} .banner-item h4{font-size:16px;text-transform:uppercase;font-weight:900;} .banner-item p{font-size:12px;} .banner-item a.button{right:10px;top:15px;padding:8px 10px;font-size:14px;} .banner-item .fa{font-size:26px;} .main-content table th{padding:10px;} .main-content table td{padding:10px;} .search-column-1{width:72%;} .search-column-2{width:28%; } .search-column-1 span, .search-column-1 p a{font-size:12px;} } @media(min-width:768px) and (max-width:991px){ .paticka{margin:0 auto;max-width:768px;padding:0 15px;} .catsearch-heading .noUiSlName{margin-top:-10px;padding-left:10px;} .noUiSlider{margin:15px 18px;} .page-content .marg-b-minus{margin-top:-5px;margin-bottom:-45px;z-index:100;} .category-results p{font-size:10px;padding-left:5px;} .category-heading .chosen-container{width:120px!important;} .contact-form .spampocet{white-space:pre-wrap;} .contact-form .char-counter input[type="text"]{margin:-8px 4px 0 4px;} .contact-form .char-conrol input[type="text"]{margin:-8px 4px 0 4px;} .contact-form .spampocet label{line-height:16px;} .sidebar-dropdown{width:540px;} /* 3x280=840 */ .sidebar-box-content, .sidebar-dropdown>li>ul>li>a .nav-caption, .product-single .produkticon{font-size:12px;} #search-bar-top{right:-44px;width:96%;} #search-bar-top input{height:33px;} .filtrZnacek li{width:33.3333%;} table#shopcart tbody td .row img{width:100px;padding-bottom:0.25em} .actions {height:52px;} .actions .button{width:36%;} .actions .btn-refresh{float:left;} .actions .btn-trash{float:right;} table#shopcart thead {display: none;} table#shopcart tbody td {border:0;display:block;padding:0.25em 1em;min-width:320px;line-height:1.5em;} table#shopcart tbody tr td:first-child {min-height:100%;background:#666;color:#c8c8c8;} table#shopcart tbody tr td:first-child p{color:#fff;font-weight:700;height:3.625em} table#shopcart tbody td:before {content: attr(data-th);padding-top:5px;font-size:1em;font-weight:300;display:inline-block;height:1.83em;width:84px;} table#shopcart tfoot td{display:block;border:0;padding:0 7px 3px;} table#shopcart tfoot .celkem{padding:0.75em;text-align:left;margin-top:-0.5em;} table#shopcart tfoot .cena-celkem{text-align:right;margin-right:7px;margin-top:-2em;} table#shopcart tbody td .bez_dph{float:right;text-align:left;margin-top:0.2em;color:#b9acbd;} table#shopcart tfoot .bez_dph{float:left;margin-top:-1.5em;padding-left:7px;font-size:0.750em;font-weight:300;} table#shopcart tfoot .cena-bez_dph{float:right;margin-top:-1.75em;padding-right:7px;font-size:0.75em;font-weight:300;} .col-md-fifth{width:20%;padding:0 15px;float:left;} .tp-banner h2{font-size:24px;line-height:32px;} .tp-banner h3{font-size:18px;margin-top:30px;} .tp-banner p, .tp-banner span, .produkt-bezdph, .puvodniCena{display:none;} #main-navigation>ul>li>a .nav-caption{margin-top:15px;font-size:12px;margin-left:-10px;} #main-navigation ul.wide-dropdown>li{min-width:160px;} #main-navigation li ul.normal-dropdown a{padding:5px 20px 5px 12px;} #main-navigation>ul>li>ul.normal-dropdown .fa{font-size:12px;left:15px;top:1px;} #main-navigation ul.wide-dropdown ul a, #main-navigation ul.wide-dropdown .nav-caption{padding:5px 14px;font-size:12px;} #main-navigation .normal-dropdown .nav-caption{font-size:12px;} #main-navigation .wide-dropdown .nav-caption ul li a{font-size:12px;} #main-navigation>ul>li>a .fa{font-size:14px;margin-bottom:-9px;} #main-navigation .nav-search .fa{font-size:16px;} #main-navigation .nav-search{width:50px;} #main-navigation .nav-home .fa{font-size:16px;} #main-navigation .nav-home{width:50px;} #search-bar{padding-top:6px;} .sidebar-box-heading, .carousel-heading{height:auto;} .sidebar-box-heading h4, .carousel-heading h4{font-size:13px;margin:0;} .sidebar-box-heading{padding-left:40px;} .carousel-heading h4{padding-top:10px;padding-bottom:5px;padding-left:10px;} #search-bar p{display:none;} .sidebar .carousel-arrows .fa{display:none;} .carousel-arrows .fa{width:40px;height:40px;padding:8px 0 0;} .flexsliderBig li{background-size:90% auto!important;background-position:right bottom!important;} .product-actions .action-name{display:none; } .product-actions>span{width:33.333333%;text-align:center !important;} .product-info h5{font-size:12px;line-height:16px;height:48px;} a.product-hover{font-size:14px;height:30px;top:60px;padding:5px;text-align:center;width:120px;} .banner-item h4{font-size:16px;text-transform:uppercase;font-weight:900;} .banner-item p{font-size:12px;} .banner-item span.button{right:10px;top:15px;padding:8px 10px;font-size:12px;} .main-content table th{padding:8px 5px;} .main-content table td{padding:8px 5px;} table.orderinfo-table th{width:120px;padding:5px 5px;} table.orderinfo-table td{padding:8px 5px; } a.button{height:auto;} span.product-tag{top:10px;padding:5px 15px;font-size:12px;} .product-actions>span{padding:8px 0 0 0;} .product-actions>span .fa{margin-right:0!important;} .col-lg-12 .blog-item .rating-box {float:none; margin-top:10px;} #newsletter input[type="text"]{margin:0;} .social-media ul{margin:0;} .button-row .button{margin-bottom:2px;} #advanced-button{display:none;} .search-column-1{width:50%;padding-left:0;} .search-column-2{width:50%;padding-left:0;} } @media(max-width:767px){ body{background:none;} .container{margin:0;min-width:320px;} .paticka{padding:0 15px;} .fullwidth{width:100%;} .fullwidth #oDic{margin-top:-11px;} .catsearch-heading .noUiSlName, .category-buttons{display:none;} .catsearch-heading .button{margin-top:10px;} .noUiSlider{margin:15px 110px 15px 22px;} .filtrZnacek li{width:50%;} .category-heading .chosen-container{width:32%!important;} .page-content textarea{width:100%;margin-top:-10px;height:70px;} .page-content .marg-t-minus{margin:0;} .page-content .marg-t-minus1x{margin:0;} .page-content .marg-t-minus2x{margin:0;} .page-content .marg-b-minus{margin:0;} .page-content .checkback{margin-top:5px;} table#shopcart tbody td .row img{width:84px;} .actions {height:52px;} .actions .button{width:30%;} .actions .btn-refresh{float:left;} .actions .btn-trash{float:right;} table#shopcart thead,#nabidkasl1,#nabidkasl2{display: none;} table#shopcart tbody td {border:0;display:block;padding:0.25em 1em;min-width:280px;line-height:1.5em;} table#shopcart tbody tr td:first-child {min-height:100%;background:#666;color:#c8c8c8;} table#shopcart tbody tr td:first-child p{color:#fff;font-weight:700;height:3.625em} table#shopcart tbody td:before {content: attr(data-th);padding-top:5px;font-size:1em;font-weight:400;display:inline-block;height:1.83em;width:84px;} table#shopcart tfoot{background:#cee8ff;} table#shopcart tfoot td{display:block;border:0;padding:0 7px;float:right;} table#shopcart tfoot .celkem{padding:0.75em;text-align:left;margin-top:-0.625em;} table#shopcart tfoot .cena-celkem{text-align:right;margin-top:-2em;} table#shopcart tbody td .bez_dph{float:right;text-align:left;margin:0;color:#b9acbd;} table#shopcart tfoot .bez_dph{float:left;margin-top:-1.5em;padding-left:5px;padding-bottom:15px;font-size:0.750em;font-weight:300;} table#shopcart tfoot .cena-bez_dph{float:right;margin-top:-3.5em;padding-right:0;font-size:0.75em;font-weight:300;} table.orderinfo-table thead{display:none;} table.orderinfo-table tfoot{display:inline;width:100%;} table.orderinfo-table #dopravaCena, #dopravaDPHCena{vertical-align:middle;height:100%;} table.order-table thead{display:none;} table.order-table tfoot{display:inline;width:100%;} .carousel-heading h4{font-size: 15px;padding-left:10px;margin-top:-10px;} .sidebar-box-heading h4{font-size: 15px;} .produkticon{margin-top:46px;margin-right:-20px;} #middle-navigation ul.box-dropdown{margin-top:-5px;} #middle-navigation{margin-top:46px;margin-bottom:-40px;} #top-header .box-dropdown{text-align:left;right:-84px;} #top-header .box-dropdown:after{right:110px;} .box-dropdown .box-wrapper{text-align:left;} .searchbar{margin:-15px 15px;} .form-ticket{text-align:center;} #search-bar-top{width:100%;padding-bottom:3px;left:15px;} #search-bar-top #search-button{border:0;bottom:61px;height:40px;} #search-bar-top .search-bar-table{margin:0 10px;} #tinynav1{margin-bottom:-15px;} #vlastnosti{padding:15px;margin-top:-40px;} #spodni-paticka .paticka{width:100%;text-align:right;} #spodni-paticka p.copyright{font-size:13px;margin-top:10px;} #spodni-paticka p.system{font-size:13px;margin-bottom:10px;} #review-textarea{margin-top:0;} .char-kontrola .big{margin-top:12px;} .tl-kosik .button{padding:0 7px;margin-bottom:30px;} #main-header{height:100%;} #search-bar-table{padding-bottom:30px;} #search-bar-top #search-bar-table{padding-bottom:1px;} body{background:#f0f0f0;} .tp-banner h3, .tp-banner p, .tp-banner span, #home-button, #advanced-button{display:none;} #top-header ul{float:none!important; text-align:center;} #top-header li{float:none;display:inline-block; } #top-header li:hover ul{display:block;text-align:left;} #logo{text-align:center;margin:0 0 20px; } #middle-navigation ul{float:none!important; text-align:center;margin:40px 0 20px;} #middle-navigation>ul>li{float:none;display:inline-block; margin:0;} #main-navigation{margin:10px 0 10px;} #main-navigation>ul{display:block; } #main-navigation>ul>li{display:block; } #main-navigation>ul>li>a .nav-caption{margin-top:0px;} #main-navigation .nav-search{display:block;width:auto;width:100%!important;text-align:center;padding:30px 0;} #main-navigation .nav-search .fa{display:inline-block; } #main-navigation .nav-home{display:block;width:auto;width:100%!important;text-align:center; padding:30px 0;} #main-navigation .nav-home .fa{display:inline-block; } #search-bar{padding:15px 15px 0 15px!important; } #search-bar table, #search-bar tr, #search-bar td, #search-bar tbody{display:block;padding-right:0;margin:0!important;width:100%;} #search-bar p{margin:30px 0 5px!important;width:100%;display:block;top:0!important;}.search-column-1{width:100%;padding-left:0; } .search-column-2{width:100%;padding-left:0;} #search-bar input{width:100%!important; } .carousel img, .slides img,.subcategory img{width:100%; } .products-row .sleva{margin-top:33px;} .rating img{width:auto!important;} .col-md-fifth{width:50%;padding:0 15px;float:left;} .banner-item{width:100%;margin:0!important; } .news{margin:40px 0; }.news-content{padding:10px 30px;} #newsletter>*, .social-media>*{display:block;} #newsletter input[type="text"]{width:100%;margin:0;display:inline-block;} #newsletter input[type="submit"]{margin-top:10px;display:inline-block;} .social-media ul{margin:0;} .payment-list{float:none;} .payment-list li{float:none;margin:0;display:inline-block;} .main-content table, .main-content tbody{display:block;width:100%!important;} .main-content table tr{display:block;border-bottom:2px solid #999;} .product-single table tr{border:none;} .main-content table th{padding:10px;display:block;width:100%!important;} .main-content table td{padding:10px;width:100%!important;display:block;} .product-single-info{width:100%;float:right;padding:40px;} .product-single-image #product-slider{height:auto;background:#fff;text-align:center;} .product-single-image #product-slider img{width:auto;} #search-bar{background:transparent;position:relative;z-index:1000;color:#fff;padding:15px 0 15px 0!important;top:0;left:0;right:0;bottom:0;display:block;} #search-bar>.col-lg-12{padding:0;} #search-bar a{color:#1f2228!important;} #search-bar p{margin-top:10px!important;} #search-button{position:relative;width:68px;top:auto;right:14px;float:right;bottom:89px;height:38px;margin-top:20px;margin-bottom:-59px;z-index:1!important;} .button-row .button{margin-bottom:2px;} .iconic-input input{margin-bottom:8px;width:100%;} .page-content h4{margin-top:3px;margin-bottom:20px; } #upper-footer{padding:0 10px 10px 10px;} #upper-footer h4{margin:20px 2px;font-size:15px;} #paticka-stranky{padding:0 20px 5px;} #paticka-stranky h4{font-size:15px;} } @media screen and (max-width: 350px){ .carousel-arrows{display:none;} } /* Tiny Nav */ .tinynav_label{display:none;} .tinynav{display: none;} @media screen and (max-width: 767px){ .tinynav_label{ display:block; } .tinynav { display: block; width:100%!important;} #main-navigation>ul, #side-navigation>ul { display: none } }