body { background: #f8f8f8; color:#333; } .img-responsive {margin:0px auto;} .img-thumbnail {margin-bottom: 15px;} .push-bottom {margin-bottom:25px;} h1,h2,h3,h4,h5,a {color:#cc0000;} h1,h2,h3,h4,h5 {font-weight:normal;} h1,.h1 {margin-top:0px; font-size:25px;} h2,.h2 {font-size:22px;} h3,.h3 {font-size:18px;} h4,.h4 {font-size:15px; font-weight:bold;} h5,.h5 {font-size:15px; font-weight:bold;} img {max-width:100%; height: auto;} .h2_extra {background-color:#fff; border-radius:4px; padding:10px 15px; border:1px solid #e0e0e0;} a:hover, a:focus, a:active {color:#000;} .zahodit {display:none;} .page-content ul {list-style: disc outside; padding-left:20px; } .page-content ul li {margin-bottom:4px;} .page-content ul.list-unstyled {list-style:none inside none; padding-left:0px;} .btn-primary, .pagination > .active > a { border-color: #cc0000 !important; color: #ffffff; text-shadow: none; background-color: #cc0000; } .btn-primary:hover, .pagination > li > a:hover, .pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus { border-color: #333 !important; background-color: #333; color:#fff;} .btn-primary:active, .pagination > .active > a:active, .btn-primary:focus, .pagination > li > a:focus { border-color: #333; background-color: #333; color: #ffffff; } .btn-back { color: #fff; background-color: #333; border-color: #333;} .btn-back:hover,.btn-back:focus,.btn-back.focus,.btn-back:active,.btn-back.active{color:#fff; background-color:#666; border-color:#666;} .form-control:focus {border-color:#333;} .control-label {display:inline-block; height:34px; line-height: 34px; vertical-align: middle; font-weight: normal;} #header {background: url('/img/bg-header.jpg') 50% 100% repeat #e9e9e9;} #header-stin {background: url('/img/bg-header-stin.png') 0px 100% repeat-x transparent;} #header-top { position:relative; padding-bottom:25px;} #logo {text-align:left;} #logo img {max-width:100%; height:auto; margin-top:15px; } #searchFormTop {display:none; float:right;} .searchForm input, .searchForm .btn {border-color:#cdcdcd; color:#999; height:45px;} .searchForm input {border-right:0px none;} .searchForm .btn {font-size:21px; color:#cc0000;} #kosik {background:url('/img/ico-kosik.png') 20px 50% no-repeat #cc0000; padding:15px 10px 15px 60px; line-height: 15px; border-radius:4px;} #kosik a {color:#fff;} #uzivatel a {color:#000; text-decoration: underline;} #uzivatel a:hover, #uzivatel a:focus {text-decoration: none; color:#cc0000;} #uzivatel,#top-kontakt {width:100%; margin:0px; padding:20px 5px; text-align:center;} #top-kontakt {text-align: right;} #top-kontakt span.kontakt-detail {color:#cc0000; padding-left:10px;} #top-kontakt span.kontakt-detail .glyphicon {padding-right:5px;} .ico-user {background:url('/img/ico-user.png') 0px 50% no-repeat transparent; padding-left:22px;} .ico-ucet {background:url('/img/ico-ucet.png') 0px 50% no-repeat transparent; padding-left:25px;} .objednavka table.table tr td.kosik-img {width: 118px;} .kosik-img img {width:100%;} .navbar-collapse {top:0px; position:relative; z-index:999;} #mainMenu { height:0px; min-height:0px; margin-bottom:0px; border:0px none;} #mainMenu .navbar-collapse {padding-left:0px; padding-right: 0px; background-color:#333; color:#fff;} #mainMenu .navbar-nav {margin:0px;} #mainMenu .nav a {line-height: 20px; color:#fff; text-transform: uppercase; border:0px none; outline: 0px none;} #mainMenu .nav a:hover, #mainMenu .nav a:focus, #mainMenu .nav a:active {color:#cc0000; background:inherit;} #mainMenu .nav .active a { } #mainMenu .dropdown-menu {margin:-1px 0px 0px 0px; padding: 1px 0px 0px 0px; background:#666;} .dropdown.opened .dropdown-menu {display:block;} .navbar-toggle {background:#cc0000; color:#fff;} #leve-menu-toggle {float:left; text-transform: uppercase; margin-right: 0px; margin-left:15px;} .carousel-control {display:none;} a i.glyphicon {padding-right:5px;} .homepage #main_block {padding-top:35px;} @media(max-width: 767px){ #kosik-uzivatel-blok {margin-left:15px; margin-right:15px;} #uzivatel {padding-left:20px; text-align:left;} .navbar-collapse .dropdown-menu {padding:0px; position: relative; width:100%; margin:0px; background:transparent; box-shadow: none;} .navbar-collapse .dropdown-toggle .dropdown-trigger {position:absolute; right: 5px; top: 10px; padding: 0px 15px} #levy-blok {margin-top: 25px; border-top:1px solid #e0e0e0; padding-top:20px;} .produkty .produkt {margin-bottom:25px;} .searchForm { background:#CC0000; padding:10px;} } @media(min-width: 768px){ #mainMenu { height:55px; } #mainMenu .nav a {padding-left:19px; padding-right:20px; color:#333; line-height: 30px; font-size:14px; padding-top:10px; padding-bottom:10px; border-top:5px solid transparent;} #mainMenu .nav a.home {background:url('/img/ico-home.png') 50% 0px no-repeat transparent; width:60px; height:55px; } #mainMenu .nav .active a, #mainMenu .nav a:hover, #mainMenu .nav a:focus, #mainMenu .nav a:active { background-color:#f8f8f8; border-radius: 5px 5px 0px 0px; background-position: 50% 100%; border-top:5px solid #cc0000;} #mainMenu .navbar-collapse {background-color:transparent; color:inherit;} #mainMenu .dropdown:hover .dropdown-menu{display:block;} #kosik-uzivatel-blok {width:240px; float:right; } #searchFormTop {position:relative; display:block; width:260px; margin-right:20px;} #top-kontakt, #uzivatel {font-size:13px;} .carousel-caption {display:none; left:25px; right:auto; padding-bottom:20px; text-align: left;} } @media (min-width: 992px){ #mainMenu .nav a {font-size:15px; padding-left:33px; padding-right:33px;} #mainMenu .nav a.home {width:86px;} #searchFormTop {position:relative; display:block; width:360px; margin-right:50px;} #top-kontakt, #uzivatel {font-size:14px;} } @media (min-width: 1200px){ #mainMenu .nav a {font-size:17px; padding-left:44px; padding-right:44px;} #mainMenu .nav a.home {width:90px;} #searchFormTop {width:410px;} } .breadcrumb {background:transparent; margin-bottom:0px; padding-bottom:15px;} #main_block { padding-bottom:25px;} .page-content {margin-bottom:5px;} .gallery {text-align: center; margin-bottom:10px;} .gallery .img-thumbnail { border-radius: 0px; border-color:#e0e0e0; padding:4px; background:#fff; margin-bottom: 15px;} #box-nakup-info {background-color:#221a17; margin-top:20px; color:#ffffcc; text-align: center; padding-top:10px; padding-bottom:15px; text-transform: uppercase;} .nakup-info-title {font-size: 28px;} .nakup-info-item { padding-top:65px; background: url('/img/ico-z-24.png') 50% 0px no-repeat transparent; font-size: 18px; margin-top:20px;} .nakup-info-item strong {font-size:20px;} .nakup-info-balik {background-image:url('/img/ico-z-balik.png');} .nakup-info-priroda {background-image:url('/img/ico-z-priroda.png');} .nakup-info-slevy {background-image:url('/img/ico-z-slevy.png');} .sidebar a:hover, .sidebar a:focus { text-decoration: none; } .subnav-toggle { padding:0px 5px; } .subnav {display:none; clear:both;} .opened > .subnav {display:block;} .sidebar-title {font-size:15px; display:block; padding:10px 10px 10px 10px;} .leve-menu {border-radius:4px; background:#333; color:#fff; padding-bottom:10px;} .leve-menu-untitled {padding-top:10px;} .leve-menu li>a {padding:6px 10px 6px 20px; color:#fff; background: url('/img/leve-menu-1.png') 10px 50% no-repeat #cc0000; text-transform: uppercase; border-top: 1px solid #aa0000; border-bottom:1px solid #ee0000; font-size:14px; position:relative; text-decoration: none;} .leve-menu li a:hover,.leve-menu li a:focus, .leve-menu li.opened>a, .leve-menu li.active>a { background-color:#aa0000; border-color:#aa0000;} .leve-menu a:hover,.leve-menu a:focus, .leve-menu .active>a {color:#fff;} .leve-menu .subnav-toggle {display:block; position:absolute; right:10px; top:5px; width:22px; height:22px; text-align: center;} .leve-menu .subnav-toggle.subnav-toggle-opened {display:none;} .leve-menu li.opened>a>.subnav-toggle-opened {display:block;} .leve-menu li.opened>a>.subnav-toggle-closed {display:none;} .leve-menu a:hover .subnav-toggle, .leve-menu .active>a .subnav-toggle {background-position:50% 100%;} .leve-menu .subnav a {background:#666; border-top: 1px solid #808080; border-bottom:1px solid #535353; font-size:12px; padding-left:20px; text-transform:none;} .leve-menu .subnav a:hover,.leve-menu .subnav a:active,.leve-menu .subnav a:focus, .leve-menu .subnav .opened>a, .leve-menu .subnav .active>a {background:#717171; border-top: 1px solid #808080; border-bottom:1px solid #535353;} .leve-menu .subnav.sublevel-3 a {background: url('/img/leve-menu-3.png') 20px 50% no-repeat #717171; border-top: 0px none; border-bottom:1px solid #606060; padding-left:35px;} .leve-menu .subnav.sublevel-3 a:hover,.leve-menu .subnav.sublevel-3 a:focus, .leve-menu .subnav.sublevel-3 a:active, .leve-menu .subnav.sublevel-3 .opened>a, .leve-menu .subnav.sublevel-3 .active>a {color:#000;} .leve-menu .subnav.sublevel-4 a {background: #717171; border-top: 0px none; border-bottom:1px solid #606060; padding-left:45px;} .leve-menu .subnav.sublevel-4 a:hover,.leve-menu .subnav.sublevel-4 a:focus, .leve-menu .subnav.sublevel-4 a:active, .leve-menu .subnav.sublevel-4 .opened>a, .leve-menu .subnav.sublevel-4 .active>a {color:#000;} @media screen and (max-width: 767px){ #main_block {position:relative;} #col-left {position:static;} #menu-kategorie {position:absolute; top:0px; left:0px; width:100%; margin:0px; border-radius:0px; z-index:99;} } @media screen and (min-width: 768px){ #menu-kategorie.collapse { display: block !important; visibility: visible !important; height: auto !important; overflow: visible !important; } } @media screen and (min-width: 992px) { .sidebar-title {font-size:20px; padding:10px 10px 10px 20px;} .leve-menu li>a { font-size:15px; padding:8px 10px 8px 40px; background-position:20px 50%; } .leve-menu .subnav a {font-size:13px; padding-left:40px;} .leve-menu .subnav-toggle {top:10px;} .leve-menu .subnav.sublevel-3 a {font-size:13px; padding-left:55px; background-position:40px 50%;} .leve-menu .subnav.sublevel-4 a {padding-left:65px;} } @media screen and (min-width: 1200px){ .leve-menu li>a {font-size:16px; padding-top:10px; padding-bottom:10px;} .leve-menu .subnav a {font-size:14px;} .leve-menu .subnav.sublevel-3 a {font-size:13px;} } #footer {background-color:#303030; padding-top:30px; color:#e0e0e0;} #footer a {color:#e0e0e0;} #footer a:hover, #footer a:focus,#footer a:active {text-decoration:none; color:#cc0000;} #footer .title {text-transform: uppercase; font-size:22px; margin-bottom:20px; display:block; color:#cc0000;} .footer-col p{line-height:1.6em;} .footer-col {border-right:1px solid #202020;} #footer .newsletter-col p {line-height:1.2em;} #footer .newsletter-col {border-right: 0px none;} #form_newsletter { } #form_newsletter .form-control {border:1px solid #ffffff; background-color:#ffffff; height:40px; } #form_newsletter .btn { background-color:#ffffff; font-size:16px; height:40px; color:#000;} #form_newsletter .btn:hover, #form_newsletter .btn:focus {background-color:#cc0000; color:#fff;} #form_newsletter label.gdpr-label { font-weight: normal; padding-left:20px; display: inline-block; position:relative; font-size: 13px; margin-top:3px; } #form_newsletter label.gdpr-label>input { position: relative; margin-left:-20px; position: absolute; } #form_newsletter a { text-decoration: underline; } #footer .social-icons {padding:20px 0px 25px 0px;} #footer .social-icons li { display:inline; padding-right:10px;} .social-icons img {padding:0px; margin:0px; border:0px;} .social-icons a {} #footer .social-icons a { } #footer-bottom { background-color:#1a1a1a; color:#b0b0b0;} #footer-bottom p {margin:0px; padding: 10px 0px; line-height: 21px; vertical-align: bottom; overflow: hidden;} .footer-copyright-cp a {text-indent: 9999px; display:inline-block; line-height:21px; height:21px; padding:0px; } .footer-copyright-cp a#logo-cp {background: url('/img/cp-logo.png') 0px 0px no-repeat transparent; width:105px;} .footer-copyright-cp a#logo-cpedit {background: url('/img/cp-cpedit.png') 0px 0px no-repeat transparent; width:40px;} .footer-copyright-cp a:hover {background-position:0px 100% !important;} ul.nav-footer {margin:0px; padding:0px 0px 0px 6px;} ul.nav-footer li {list-style: none inside; background: url('/img/li-footer.png') 0px 2px no-repeat transparent; padding-left:10px; margin-bottom:0.4em; line-height: 1.2em;} ul.nav-footer li a:hover {text-decoration: none;} @media screen and (max-width: 991px){ #footer .social-icons {padding-bottom:0px;} #footer .footer-col {margin-bottom:25px;} #footer .footer-col:nth-child(2) {border-right: 0px none;} } #animace {margin-bottom:25px;} #animace .carousel-indicators {bottom:-9px;} #animace .carousel-indicators li {border-color:#666; background-color:#e0e0e0; margin:0px;} #animace .carousel-indicators .active {background-color:#cc0000; width:10px; height:10px; } .produkty .produkt { border:1px solid #e0e0e0; border-radius:4px; background-color:#fff; text-align:center; position:relative; overflow: hidden; margin-bottom: 15px;} .produkty .produkt h2 {font-size:14px; color:#000; margin:5px; font-weight: bold; line-height: 15px;} .produkty .produkt .produkt-bottom {background-color:#efefef; padding:0px; text-align:left; height:50px; position:relative; } .produkty .produkt .produkt-top { position:relative; overflow: hidden;} .produkty .produkt .produkt-img {padding:2px; border-radius: 4px 4px 0px 0px;} .produkty .produkt .produkt-popis {padding:5px 5px 0px 5px; font-size:12px; line-height: 15px;} .produkty .produkt .popis-box {margin-bottom:28px;} .produkty .produkt .skladem-info {color:#669900; text-transform: uppercase; text-align: left; font-weight:bold; line-height:25px; vertical-align: middle; padding-left:15px; display:block; position:absolute; bottom:0px; left:0px;} .produkty .produkt .doprava-zdarma-ico {position:absolute; right:12px; bottom:2px;} .produkt-labels {position:absolute; top:20px; left:0px; font-size:14px;} .produkt-labels span {display:block; margin-bottom: 5px; text-align:left; float:left; clear:left; padding-left:10px; height:25px; line-height: 25px; vertical-align: middle; color:#fff;} .produkt-labels .novinka-info { background: url('/img/label-novinka.png') 100% 50% no-repeat transparent; width:90px;} .produkt-labels .akce-info { background: url('/img/label-akce.png') 100% 50% no-repeat transparent; width:75px;} .produkt-labels .vymena-info, .produkt-labels .zaruka-info, .produkt-labels .darek-info { position:relative; background:#EE9900; text-transform: uppercase; color:#FFF; font-size: 13px; width:auto; white-space: nowrap;} .produkt-labels .vymena-info:after ,.produkt-labels .zaruka-info:after , .produkt-labels .darek-info:after { display: block; content: ' '; right:-15px; top:0px; position: absolute; width: 0; height: 0; border-top: 25px solid #EE9900; border-right: 15px solid transparent;} .produkt-labels .darek-info { background-color: #EE3333; } .produkt-labels .darek-info:after { border-top-color:#EE3333; } .ico-help, .ico-help.glyphicon { color:#2299FF !important; } .produkty .produkt .produkt-hover { display:none; background: url('/img/bg-zobraz.png') 0px 0px repeat transparent; width:100%; height:500px; position:absolute; top:0px; left:0px; } .produkty .produkt .produkt-hover .link-detail {display:block; width:100%; height:400px; text-align: center; color:#fff; text-decoration: none; background: url('/img/ico-zobraz.png') 50% 120px no-repeat transparent; padding-top:150px; font-size:1.2em; } .produkty .produkt .produkt-hover.produkt-buy {top:auto; bottom:0px; height:50px;} .produkty .produkt .produkt-hover.produkt-buy .produkt-buy-btn {display:block; width:100%; height:50px; line-height: 0px; font-size:1.2em; border:0px none; color:#fff; background:transparent;} .produkty .produkt .produkt-hover.produkt-buy .produkt-buy-btn:hover {color:#cc0000;} .produkty .produkt .produkt-top:hover .produkt-hover { display: block; } .produkty .produkt .produkt-bottom strong {color:#cc0000; font-size:1.6em; display: block; width:45%; position:absolute; bottom:10px; right:5%; text-align:right; line-height: 22px; } .produkt-bottom .puvodni-cena {text-decoration: line-through; display: block; width:40%; text-align:left; position:absolute; bottom:10px; left:5%;} .produkt-bottom .sleva {margin-left:10px;} .produkty .produkt .produkt-top .sleva, .produkt-detail .sleva-info {display:block; background:url('/img/label-sleva.png') 50% 50% no-repeat transparent; text-align: center; position:absolute; top:10px; right:10px; font-size:16px; padding:0px; width:51px; height:51px; line-height: 51px; vertical-align: middle; color:#fff;} .produkty .produkt .mena-jednotka {font-size:0.9em;} .box-radit { background-color: #fff; margin-bottom:15px; padding:5px 10px; border-radius: 4px; color:#cc0000; border:1px solid #e0e0e0; } .box-radit label {font-weight: normal;} .box-radit p {line-height: 20px; padding:6px 0px; vertical-align: middle; margin:0px;} .box-radit a:focus {color:#c00; text-decoration: none;} #collapseFiltryLink {background: url('/img/ico-filtry.png') 0px 50% no-repeat transparent; padding-left:20px;} .box-strankovani .pagination { float:right; margin: 0px 0px 5px 0px;} .box-strankovani .pagination > li > a, .box-strankovani .pagination > li > span { margin:0px 0px 0px 5px; } .box-strankovani em {font-style: normal; color:#c00;} .box-strankovani .form-pocet{ float:right; margin: 0px 10px 5px 10px; } .box-strankovani .form-pocet label {font-weight: normal; color:#c00; padding:3px 9px;} .box-strankovani .form-pocet select.form-control {padding:3px 9px; height:auto; width: auto; float:right;} @media screen and (min-width: 460px){ .produkty .produkt .popis-box {height:90px; overflow: hidden;} } .produkt-detail .img-thumbnail {padding:0px;} .produkt-detail .produkt-labels {left:14px; top:10px;} .produkt-detail .sleva-info {top:5px; right:20px;} #produkt-cover-link {cursor:zoom-in;} img.produkt-cover {border:1px solid #e0e0e0;} .mnozstvi {width:120px;} .mnozstvi input.form-control{text-align: center;} .produkt-detail .gallery {margin-top:20px;} .detail-params-table th {padding: 5px 20px 5px 0px; font-weight: normal; width:150px; } .detail-params-table td {padding: 5px 0px 5px 0px; font-weight: bold;} .detail-params-table td input, .detail-params-table td select {font-weight: normal;} .btn#dokosiku {min-width:120px; width:100%; font-size:1.2em; line-height: 1.0em; width: 120px;} .detail-params-table td.cena {font-weight: normal;} .detail-params-table td.cena strong { color:#cc0000; font-size:2.0em;} .detail-params-table td.cena .cena-dph-info {color:#cc0000;} .produkt-detail-bottom {padding:15px 0px;} .produkt-detail-bottom a {color:#cc0000;line-height:1.3em; vertical-align:top; margin-right: 10px;} .produkt-detail-bottom a i.glyphicon {font-size:1.3em;} .produkt-detail .mena-jednotka {font-size:0.9em;} .produkt-detail .doprava-zdarma { color:#559900; line-height: 24px; font-size:19px; font-weight:normal; } .produkt-detail .darek th, .produkt-detail .doprava-zdarma th { font-weight: bold; font-size: 15px; } .produkt-detail .darek .glyphicon { font-size:18px; color:#CC0000; } .produkt-detail .produkty .produkt h2 {font-weight:normal; font-size: 13px; line-height: 13px; margin:3px 5px;} .produkt-detail .produkty .produkt .popis-box {margin-bottom: 15px; height:45px;} .produkt-detail .produkty .produkt .produkt-popis {display:none;} .produkt-detail .produkty .produkt .produkt-hover .link-detail {background-position: 50% 50px; padding-top:80px; font-size:1.0em;} .produkt-detail .produkty .produkt .produkt-bottom {background:transparent; padding:5px 5px 10px 5px; line-height: 1.0em;} .produkt-detail .produkty .produkt-bottom .puvodni-cena{display:none;} .produkt-detail .produkty .produkt-bottom strong {float:none; width:100%; text-align: center; font-size: 1.0em;} .produkt-detail .produkty .produkt .produkt-labels { left:0px; } .produkt-detail .produkty .produkt .produkt-labels span {height:20px; line-height: 20px; font-size:11px; padding-left:5px;} .produkt-detail .produkty .produkt .produkt-labels .novinka-info {width:75px;} .produkt-detail .produkty .produkt .produkt-labels .akce-info {width:60px;} .produkt-detail .produkty .produkt .skladem-info {padding-left:5px; line-height: 15px; font-size: 11px; font-weight: normal;} .produkt-detail .produkty .produkt .produkt-top .sleva {font-size:14px;} .produkt-detail .detail-params-table .cena .ceny { float:left; } .produkt-detail .btn-hellobank { display:block; width:140px; float:right; margin:5px 0px 15px 10px; } .produkt-detail .btn-hellobank:after { content:''; display: block; clear:both; } .produkt-detail .btn-hellobank img { width:auto; height:50px; float:left; } .produkt-detail .btn-hellobank .text { display:block; float:left; text-align: left; margin:2px 0px 5px 5px; background:#37a5c2; color:#FFF; line-height: 15px; font-size: 13px; font-weight: bold; padding:5px 10px; border-radius: 3px; } .produkt-detail .btn-hellobank:hover .text { background:#C00; } .articles .article {border-bottom:1px solid #e0e0e0;} .articles .article h2 {color:#333; font-size:18px;} .articles .article h2 a {text-decoration:underline;} .article-meta {margin-bottom:10px;} .article-meta a {text-decoration: underline;} .objednavka .smazat-polozku a {color:#bb0000; font-size:1.4em;} .objednavka .smazat-polozku a:hover {color:#ee1111;} .objednavka input.mnozstvi {width:50px; margin:0px auto; padding-right:2px;} .objednavka h2 {margin:0px; padding:15px 0px 15px 0px;} .objednavka label {font-weight: normal; text-align: right;} .objednavka label.switch {display:block; font-weight: bold; text-align: left; padding:10px 0px 0px 0px;} .objednavka hr {border-color:#e0e0e0; margin:25px 0px;} .objednavka .radios td>label {text-align:left; margin: 0px; padding: 5px 0px; display: block;} .objednavka .doprava_info {font-weight: normal; padding:10px 0px 0px 20px;} .objednavka textarea.poznamka {height: 100px;} .objednavka table.table, .objednavka table.table tr td {border:1px solid #cccccc; vertical-align: middle; } .objednavka table.table tr td,.objednavka table.table tr th {border-color:#cccccc; text-align: center;} .objednavka table.table tr th {background-color:#ffffff; color:#000; font-weight:normal; font-size:13px;} .objednavka table.table tr td {border-right: 0px none; background-color:#ffffff; } .objednavka table.table tr td.smazat {border-left:0px none;} .objednavka table.table tr td.smazat img:hover {background-color:#333;} .objednavka table.table tr td.text-right,.objednavka table.table tr th.text-right {text-align: right;} .objednavka table td.nahled-mini img{width:50px; height:auto;} .objednavka table.table tr td.nazev-ext {text-align: left; border-left:0px none;} .objednavka table.table tr.ceny td strong {font-size:1.2em; line-height: 1.5em;} .rekapitulace fieldset {border:1px solid #e0e0e0; padding:15px 10px; background-color:#ffffff; min-height: 250px;} .rekapitulace fieldset h3 {margin:0px; padding:0px 0px 10px 0px;} .rekapitulace label {text-align:left;} @media screen and (max-width: 991px) { .rekapitulace .btn#dokoncitObjednavku {width:100%;} } @media screen and (min-width: 1200px) { } .panel {border:0px none; background:#fff;} .panel .panel-heading {border-radius: 0px; border:1px solid #e0e0e0; background-color:#ffffff; padding:0px;} .panel-heading h2 {margin:0px; padding:0px; font-size:16px; color:#c00; } .panel-heading a, .panel-heading span {display:block; padding: 5px 10px; } .panel-collapse {border:1px solid #e0e0e0; border-top:0px none;} .panel .panel-heading+.panel-collapse>.panel-body { border-top:0px none; } .signin-form label.control-label {font-size:13px;} @media screen and (min-width: 992px) { .signin-form label.control-label {text-align: right; display: block;} } table.prehled-objednavek th {vertical-align:middle; padding: 3px 5px;} table.prehled-objednavek td {padding: 3px 5px; font-size:0.9em;} table.prehled-objednavek tr.polozky-header td {background-color:#e1e1e1;} fieldset {margin-bottom:25px; padding:5px; } fieldset legend {border-bottom:0px none; margin: 0px 10px 10px 10px; display:inline-block; padding:0px 10px; width: auto;} .pagination > li > a, .pagination > li > span { padding: 3px 9px; color: #666666; background-color:#fff; border-color:#e0e0e0; font-weight:normal; font-size:1.0em; margin: 0px 5px 0px 0px; border-radius: 4px; } .pagination > li > a i.glyphicon {padding:0px; font-size:0.9em;} .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus{ background-color: #cc0000; border-color: #cc0000; color:#fff; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background-color: #cc0000; border-color: #cc0000; color:#fff; } #sidebar-poradit { color:#cc0000; border:1px solid #e0e0e0; border-radius:4px; text-align:center; padding:15px; background-color:#fff;} #sidebar-poradit .title {display:block; text-transform: uppercase; font-size:1.8em; line-height: 1.2em; margin-bottom:15px;} #sidebar-poradit p strong {display:block; font-size:1.8em; font-weight: normal;} .sidebar-articles {color:#cc0000;} .sidebar-articles .title {display:block; font-size:1.7em; border-bottom:1px solid #cc0000; padding-bottom:5px;} .sidebar-articles .article {border-bottom:1px dashed #333; padding:10px 10px 5px 0px; color:#666;} .sidebar-articles .article-date {} .sidebar-articles .article-title {font-size:1.3em; display: block; margin-bottom:5px;} .sidebar-articles .article p {font-size:13px; line-height:1.2em;} .sidebar .advert-item {margin-bottom: 25px;} @media screen and (min-width: 768px) and (max-width: 991px){ #sidebar-poradit {font-size:0.9em;} #sidebar-poradit .title, #sidebar-poradit p strong {font-size:1.2em;} } .win-kosik-vlozeno {text-align:center;} .win-message {background-color:#eeffcc; color:#333; font-size:1.1em; padding:25px 10px;} .win-buttons {padding-top:25px; padding-bottom:25px;} .popup-block-content {padding: 15px 30px;} .popup-block-topline { height:25px; background:#E0E0E0; } .popup-block-topline+.popup-block-content {padding-top:0px;} @media(max-width: 767px){ .win-kosik-vlozeno .win-buttons .text-right,.win-kosik-vlozeno .win-buttons .text-left{ text-align:center; padding-bottom:15px; } } .article .prohlednute_img { width: 75px; height: auto; border: #e0e0e0 solid 1px; margin-top: 5px; margin-bottom: 10px; } .article .prohlednute_popis{ margin-top: -70px; margin-left: 90px; margin-bottom: 10px; } .article .prohlednute_nazev a{ font-size: 15px; color: black; } .article .prohlednute_cena{ color: #cc0000; font-size: 18px; font-weight: bold; } .article .prohlednute_bezna_cena{ text-decoration: line-through; height: 15px; } ul.comments { padding-left: 0; } ul.comments li { list-style: none; padding: 0 0 10px 0; } ul.comments li h2{ font-size: 16px; } ul.comments li span.content { font-size: 13px; } ul.comments li div.comment{ padding-bottom: 20px; border-bottom: #e0e0e0 solid 1px; color:#666; font-size: 13px; } ul.comments li span.content-autor .autor{ color: #cc0000; margin-right: 30px; } ul.comments li div.comment div.comment-by h4{ margin: 10px 0px 6px 0px; font-weight:normal; } ul.comments li div.comment p {padding:0px; margin:0px 0px 6px 0px;} ul.comments li div.comment-block .comment-by span{ margin-top: -25px; } #formular-area .form-show{ margin-bottom: 10px; } #komentare_kotva img{ margin-top: -5px; } ul.comments li ul.reply{ padding-left: 20px; } .tabs-vertical { width: 100%; padding: 0; border-top: 1px solid #e0e0e0; margin-bottom:15px; } .tabs-vertical .nav-tabs {float:left; width:33%; border:0px none; border-left:1px solid #e0e0e0;} .tabs-vertical .tab-content {float:left; width:67%; background-color:#fff; position:relative; border:1px solid #e0e0e0; border-top:0px none; margin-left:-1px;} .tabs-vertical .nav-tabs li {float:none; border-bottom:1px solid #e0e0e0; margin:0px;} .tabs-vertical .nav-tabs li a {margin:0px; border:0px none;} .tabs-vertical .nav-tabs li.active {border-right:1px solid #fff; z-index:2;} .tabs-vertical .nav-tabs li.active a {border:0px none;} .tabs-vertical .tab-content .tab-pane { padding:10px 20px 10px 20px;} .tabs-vertical .tab-content .col-filtr { padding-left:5px; padding-right: 5px; } .tabs-vertical .tab-content label {display:block; padding:2px 3px; margin-bottom: 5px; border:1px solid #e9e9e9; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;} .tabs-vertical .tab-content .btn {margin: 0px 10px 5px 0px;} #cena-slider-holder {text-align:center;} #cena-slider {width:90%;} #cena-slider-holder .slider-track { background:#939393; height:8px;} #cena-slider-holder .slider-handle { background:url('/img/slider-handle.png') 50% 50% no-repeat transparent; opacity:1; margin-top:-6px;} #cena-slider-holder .slider-selection {background:#cc0000;} #radit-pravy-box {padding-top:22px;} .objednavka table.table tr td.text-left {text-align:left;} table.table tr.row-prazdny td {border-left:1px solid transparent; border-right: 1px solid transparent; padding:0px; height:15px; background: transparent;} table.table tr.kosik-priplatkove td {border-right:0px none; border-left:0px none;} .kosik-priplatkove label {color:#CC0000; cursor: pointer;} .kosik-priplatkove label:hover {color:#000;} .kosik-priplatkove .priplat-cena {color:#333;} .kosik-priplatkove .priplat-skupina {padding:0px 0px 5px 0px; margin:0px 5px 5px 5px; border-bottom:1px solid #DDDDDD; display:none;} .kosik-priplatkove .priplat-skupina-1, .show-skupiny .priplat-skupina {display:block;} .kosik-priplatkove .priplatkove-vice {display:inline-block; margin:5px;} .show-skupiny .priplatkove-vice {display:none;} .kosik-priplatkove-zvoleno .sluzba-label {color:#CC0000;} table.table tr.kosik-priplatkove-zvoleno td.hidden-xs {border-left:1px solid transparent;} .win-produkt-priplatkove h2 { font-size:18px; } .win-produkt-priplatkove p.priplat-skupina { font-weight: bold; margin-bottom:2px; } #formularKontakt { max-width: 300px; padding: 25px; } #formularKontakt input, #formularKontakt textarea { margin: 5px auto; } body.ajax-waiting:after, .ajax-waiting:after { content: ''; display:block; position:fixed; z-index:6666; width:160px; height: 160px; top:50%; left:50%; right:auto; bottom:auto; margin:-80px 0px 0px -80px; background:url('/img/loading.gif') 50% 50% no-repeat rgba(60,60,60,0.5); } .searchForm { position:relative; } .searchForm .ajaxSearch { padding:0; width: 320px; margin:0px; display:none; z-index:9999; border: none; height:auto; overflow:auto; overflow-y:auto; overflow-x: hidden; font-size: 13px; color: #333333; } #navbar .searchForm .ajaxSearch { position:relative; max-width: 100%; } #searchFormTop .searchForm .ajaxSearch { top:43px; left:1px; right: 0; position:absolute; } .searchForm .ajaxSearch li {background-image:none; list-style:none; border: none; border-top:0px none; padding: 3px 3px 3px 1px; background-color:#fff; position: relative; } .searchForm .ajaxSearch li.li_header { height: 35px; color: #fff; padding-left: 20px; padding-top: 8px; background-color: #353f47;} .searchForm .ajaxSearch li.li_header:hover {background-color: #353f47;} .searchForm .ajaxSearch li.li_header .count { float: right; color: #ffaa33; padding-right: 20px; } .searchForm .ajaxSearch li.kategorie { background: #fff url('/img/slozka.png') no-repeat 8% 50%; padding: 4px 5px 4px 60px; text-align: left; } .searchForm .ajaxSearch li.produkt { font-size: 14px; padding: 3px 15px; border-bottom: #dedede 1px solid; text-align:left;} .searchForm .ajaxSearch li.kategorie+li.produkt { border-top:1px solid #CCC; } .searchForm .ajaxSearch li.produkt:last-of-type { margin-right: 0; margin-left: 0; } .searchForm .ajaxSearch li.kategorie, .searchForm .ajaxSearch li.vice_vysledku { height: inherit; } .searchForm .ajaxSearch li.vice_vysledku a {text-align: left; padding-left: 20px;} .searchForm .ajaxSearch li.kategorie span.nazev { margin-left: 5px; } .searchForm .ajaxSearch li img { width: 50px; max-height: 100%; float: left; margin-right: 10px; border: #dedede 1px solid; } .searchForm .ajaxSearch li span.nazev { padding-top: 3px; } .searchForm .ajaxSearch li span.nazev span.found { font-weight: bold; } .searchForm .ajaxSearch li .cena { font-weight: bold; display: block; float:right; text-align:right; padding-top:2px; color: #f58f00; margin-left:10px; } .searchForm .ajaxSearch li a {display:block; text-decoration:none; } .searchForm .ajaxSearch li a>.produkt {width:100%; padding: 9px 5px; } .searchForm .ajaxSearch li:hover {background-color:#f0f0f0;} .searchForm .ajaxSearchArrow { display: none; } .searchForm .ajaxSearch.found { display: block; -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.45); -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.45); box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.45); } .searchForm .ajaxSearch.found+.searchForm .ajaxSearchArrow { display: block; position: absolute; top: 30px; left: 0px; border-bottom: 1px solid #353f47; z-index: 5000; height: 13px; width: 21px; background: transparent url('/img/strecha.png') no-repeat 20% 0; } #detail-img-slider{ height:90px; padding: 0px 28px 0px 28px; position:relative; overflow:hidden; width:100%; margin:0px auto;} #detail-img-slider a.slidesjs-navigation {display:block; width:25px; height:90px; position:absolute; top:0; left:0px; background-color:#333; color:#FFF; padding:35px 5px 5px 5px; } #detail-img-slider a.slidesjs-next{ left:auto; right:0px;} #detail-img-slider a.slidesjs-navigation:hover {background-color:#CC0000 !important;} #detail-img-slider.dontslide { padding:0px; } #detail-img-slider.dontslide a.slidesjs-navigation { display: none; } #detail-img-slider ul { list-style:none; white-space: nowrap; width:auto; max-width: none; height: 90px; position: relative; list-style: none; margin: 0; padding: 0; font-size: 0px; } #detail-img-slider .jcarousel-clip {position: relative; overflow: hidden; width: 100%; height: 90px;} #detail-img-slider ul li{ width: 96px; display: inline-block; height: 90px; margin: 0px 0px 0px 0px; padding:0px 3px; position:relative; text-align:center; background:none !important; } #detail-img-slider ul li a {display:block; width:100%; height:100%; margin:0px; padding:0px; } .table-detail-obj th, .table-detail-obj td { text-align: left; vertical-align: top; padding:5px; } .objednavka .radios.platby>table { width:100%; } .objednavka .platby .platba-iframe { width:100%; border:0px none; } @media (min-width: 460px){ .tabs-vertical .tab-content .col-filtr:nth-child(2n+1) { clear:both; } } @media (min-width: 768px){ .ajax-waiting:after { position:absolute; top:0px; left:25%; right:25%; height:auto; bottom:auto; margin:25% auto 0px auto; padding-bottom:50%; width:50%; } body.ajax-waiting:after { width:300px; height: 300px; margin:-150px 0px 0px -150px; } } @media (min-width: 992px){ .tabs-vertical .tab-content .col-filtr:nth-child(n) { clear:none; } .tabs-vertical .tab-content .col-filtr:nth-child(3n+1) { clear:both; } } .mfp-iframe-scaler iframe { background: #ffffff; } .produkt-detail .detail-params-table { width: 100%; } .produkt-detail #essoxCalculatorHandler, .produkt-detail #essoxCalculatorHandlerMobile { background: url('/img/essox_splatky.jpg') no-repeat 50% 50%; background-size: 100% auto; width:118px; height: 30px; text-indent: -9999px; overflow: hidden; border-radius: 0; border: none; float: right; margin-top: 7px; } @media (min-width: 1200px) { .produkt-detail #essoxCalculatorHandler, .produkt-detail #essoxCalculatorHandlerMobile { margin-right: 40px; } } body.eshopIsDown { overflow: hidden; } #eshopIsDown { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.75); z-index: 9999999; } #eshopIsDownMess { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 32px; max-width: 700px; width: 100%; text-align: center; } @media (max-width: 600px) { #eshopIsDownMess { max-width: 300px; font-size: 20px; } } #formularDoporucitProdukt .table-condensed { width: 100%; }