/* Font - Quadon */

/* Normal */
@font-face {
    font-family: 'Geogrotesque';
    src: url('../fonts/Geogrotesque/Geogrotesque-SemiBold.eot');
    src: url('../fonts/Geogrotesque/Geogrotesque-SemiBold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Geogrotesque/Geogrotesque-SemiBold.woff2') format('woff2'),
    url('../fonts/Geogrotesque/Geogrotesque-SemiBold.woff') format('woff'),
    url('../fonts/Geogrotesque/Geogrotesque-SemiBold.ttf') format('truetype'),
    url('../fonts/Geogrotesque/Geogrotesque-SemiBold.svg#Geogrotesque-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Geogrotesque';
    src: url('../fonts/Geogrotesque/Geogrotesque-Light.eot');
    src: url('../fonts/Geogrotesque/Geogrotesque-Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Geogrotesque/Geogrotesque-Light.woff2') format('woff2'),
    url('../fonts/Geogrotesque/Geogrotesque-Light.woff') format('woff'),
    url('../fonts/Geogrotesque/Geogrotesque-Light.ttf') format('truetype'),
    url('../fonts/Geogrotesque/Geogrotesque-Light.svg#Geogrotesque-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
	font-family: 'full_to24socialmediaroundline';
	src: url('../fonts/world_of_the_fonts_-_fulltools-24socialmdiaroundli-webfont.woff2') format('woff2'),
	url('../fonts/world_of_the_fonts_-_fulltools-24socialmdiaroundli-webfont.woff') format('woff'),
	url('../fonts/world_of_the_fonts_-_fulltools-24socialmdiaroundli-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;

}

html,
body {
    height: 100%;
    font-family: 'Geogrotesque', Arial, Verdana;
    font-weight: 300;
    font-size: 0.95em !important;
    -webkit-backface-visibility: hidden;
}

body {
    display: table;
    width: 100%;
}

h1 {
    font-size: 26px;
    font-weight: bold;
}

h2 {
    font-size: 24px;
    font-weight: bold;
}

h3 {
    font-size: 24px;
    font-weight: bold;
}

h3.border-bottom-basket {
    font-size: 22px;
}
.mohlo-zajimat {
    position: relative;
    display: block;
    min-height:1px;
}
.mohlo-zajimat h3 {
    border-color: #D7D7D7;
    margin-bottom: 20px;
    text-transform: uppercase;
}
.kosik-wr .form-control {
    color: #000;
    font-size: 15px;
    line-height: 1.32857143;
    height: 30px;
}
.kosik-wr textarea {
    min-height: 100px;
}
.kosik-wr button, .kosik-wr a.btn {
    font-size: 18px;
    outline: 0 !important;
    padding: 7px 15px 4px;
    line-height: 18px;
    text-transform: uppercase;
}
.page-row {
    display: table-row;
    height: 1px;
}
.navbar-toggle {
    margin-top: 13px;
    margin-bottom: 13px;
}
.page-row-expanded { height: 100%; }

main > .container-fluid > .row {
    margin-top: 10px;
}
@media (max-width: 991px) {
    .navbar-brand {
        height: 60px !important;
        padding: 10px 0px 10px;
    }
}
.navbar {
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    -ms-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease;
}
.navbar, .navbar-default {
    text-transform: uppercase;
    font-size: 18px;
    -webkit-font-smoothing: subpixel-antialiased;
    color: #fff;
    border: none;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, .6);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
    background-color: transparent;
}
.navbar-default * {
    background: transparent;
}
@media (min-width: 768px) {
    .navbar-right {
        margin-right: 0px;
    }
}
@media (min-width: 768px) {
    /*.navbar-default .navbar-nav>.active>a,
    .navbar-default .navbar-nav>.active>a:hover,
    .navbar-default .navbar-nav>.active>a:focus,
    .navbar-default .navbar-nav>li>a,
    .navbar-default .navbar-nav>li>a:hover,
    .navbar-default .navbar-nav>li>a:focus {
        color: #fff;
        position: relative;
    }*/
    .navbar-default .navbar-nav>li>a:after {
        background: #FFF;
        height: 2px;
        display: block;
        margin-top: 4px;
    }
    .navbar-default .navbar-nav>.active>a:after,
    .navbar-default .navbar-nav>li>a:hover:after,
    .navbar-default .navbar-nav>li>a:focus:after,
    .navbar-default .navbar-nav>li>a:hover:after {
        background: #E30A0A;
        height: 2px;
        display: block;
        margin-top: 4px;
    }

    .navbar-default .navbar-nav.navbar-right>.active>a,
    .navbar-default .navbar-nav.navbar-right>.active>a:hover,
    .navbar-default .navbar-nav.navbar-right>.active>a:focus,
    .navbar-default .navbar-nav.navbar-right>li>a,
    .navbar-default .navbar-nav.navbar-right>li>a:hover,
    .navbar-default .navbar-nav.navbar-right>li>a:focus {
        color: #000;
    }
    .navbar-default .navbar-nav>li.navbar-right>a:after {
        content: " ";
        background: #FFF;
        height: 0px;
        display: block;
        margin-top: 0px;
    }
    .navbar-default .navbar-nav.navbar-right>.active>a:after,
    .navbar-default .navbar-nav.navbar-right>li>a:hover:after,
    .navbar-default .navbar-nav.navbar-right>li>a:focus:after,
    .navbar-default .navbar-nav.navbar-right>li>a:hover:after {
        content: " ";
        background: #FFF;
        height: 0px;
        display: block;
        margin-top: 0px;
    }
}
.produkty {
    margin-top: 50px;
}
.big {
    font-size: 135%;
}
.navbar-brand.no-padding {
    padding-top: 15px !important;
}

.navbar-default .userinfo {
    font-size: 14px;
    font-weight: normal;
}
.row.bez-odsazeni {
    margin: 0;
}

.row.bez-odsazeni > [class^="col-"],
.row.bez-odsazeni > [class*=" col-"] {
    padding-right: 0;
    padding-left: 0;
}

.aktuality-mensi.homepage [class*='col-']:first-child,
.aktuality-mensi.homepage [class*='col-']:last-child {
    padding: auto 0px auto;
}

.navbar {
    margin-bottom: 0px;
    min-height:90px;
}

.border-bottom-grey {
    position: relative;
    border-bottom: 1px solid rgb(240,240,240);
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    -ms-transition: all 0.7s ease;
    transition: all 0.7s ease;
}
.border-bottom-light {
    position: relative;
    padding-bottom: 5px;
    border-bottom: 1px solid #cdcdcd;
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    -ms-transition: all 0.7s ease;
    transition: all 0.7s ease;
}

.right-button-shape,
.right-button-shape:before,
.left-button-shape,
.left-button-shape:after {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.border-bottom-doprava {
    position: relative;
    text-decoration: none;
    display: block;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.border-bottom-default {
    position: relative;
    text-decoration: none;
    display:block;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    transition: all 0.25s ease;
    background-color: rgb(0,0,0);
}

.border-bottom-default:after {
    content: "";
    background: #E30A0A;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 98%;
}

.border-bottom-default:hover,
.border-bottom-default:focus,
.border-bottom-default:active {
    text-decoration: none;
    border-bottom: 0px;
}

.border-bottom-default:hover:after {
    width: 100%;
}

.border-bottom-default .home-sekce {
    padding: 10px 20px 10px;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: bold;
    display: block;
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    -ms-transition: all 0.7s ease;
    background-color: rgb(255,255,255);
    text-align: center;
}

.border-bottom-default img {
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    -ms-transition: all 0.7s ease;
    position: relative;
}

.border-bottom-default:hover img {
    opacity: 0.5;
}

/* Animace pro odkazy */
a,
a:after,
a:before {
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    -ms-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

.btn-lg {
    border-radius: 0px !important;
}
/* upravené tlačítka */

.left-button-shape {
    display: inline-block;
    margin-right: 16px;
    position: relative;
    text-align: center;
    -moz-transform: scale(.9999);
    -webkit-transform: scale(.9999);
    transform: scale(.9999);
}

.left-button-shape:after {
    content: "";
    border-top: 1px solid #E30A0A;
    border-bottom: 48px solid transparent;
    border-left: 22px solid #E30A0A;
    position: absolute;
    right: -22px;
    top: -1px;
}
.left-button-shape.grey {
    font-weight: bold;
    color: #000 !important;
    background-color: #E4E4E4;
    border-color: #E4E4E4;
}
.left-button-shape.grey:after {
    border-top: 1px solid #E4E4E4;
    border-bottom: 48px solid transparent;
    border-left: 22px solid #E4E4E4;
}
.left-button-shape:hover:after,
.left-button-shape:focus:after,
.left-button-shape:active:after {
    border-color: #b20808;
    border-top: 1px solid #b20808;
    border-bottom: 48px solid transparent;
    border-left: 22px solid #b20808;
}
.left-button-shape.grey:hover:after,
.left-button-shape.grey:focus:after,
.left-button-shape.grey:active:after {
    border-color: #c9c9c9;
    border-top: 1px solid #c9c9c9;
    border-bottom: 48px solid transparent;
    border-left: 22px solid #c9c9c9;
}

.left-button-shape:active:hover {
    border-color: #b20808;
    border-top: 1px solid #b20808;
    background-color: #b20808;
}
.left-button-shape.grey:active:hover {
    border-color: #c9c9c9;
    border-top: 1px solid #c9c9c9;
    background-color: #c9c9c9;
}

.left-button-shape:hover,
.left-button-shape:focus,
.left-button-shape:active {
    border-color: #b20808;
    box-shadow: none !important;
}

.left-button-shape.grey:hover,
.left-button-shape.grey:focus,
.left-button-shape.grey:active {
    border-color: #c9c9c9;
    outline: 0;
    background-color: #c9c9c9;
    box-shadow: none !important;
}
/*************/

.right-button-shape:hover,
.right-button-shape:focus,
.right-button-shape:active {
    border-color: #b20808;
    box-shadow: none !important;
}
.right-button-shape {
    display: inline-block;
    margin-left: 16px;
    position: relative;
    -moz-transform: scale(.9999);
    -webkit-transform: scale(.9999);
    transform: scale(.9999);
}

.right-button-shape.green {
    background-color: #17ad08;
    border-color: #17ad08;
    color: #FFF !important;
    height: 48px;
}
.right-button-shape.green:hover,
.right-button-shape.green:active,
.right-button-shape.green:focus {
    background-color: #0F8803 !important;
    border-color: #0F8803 !important;
    outline: 0;
}

.right-button-shape:before {
    content: "";
    border-top: 48.5px solid transparent;
    border-right: 21px solid #E30A0A;
    position: absolute;
    left: -22px;
    top: -1px;
}
.right-button-shape.green:before {
    border-right: 21px solid #17ad08;
    border-top: 48px solid transparent;
}
.right-button-shape.greenvoucher {
    height: 36px;
}
.right-button-shape.greenvoucher:before,
.right-button-shape.greenvoucher:active:before,
.right-button-shape.greenvoucher:hover:before,
.right-button-shape.greenvoucher:focus:before {
    border-right: 21px solid #17ad08;
    border-top: 36px solid transparent !important;
}

@media (max-width: 810px) {
    .right-button-shape.greenvoucher {
        width: 100%;
        margin-top: 10px !important;
        margin-bottom: 20px !important;
        margin-left: 0px !important;
    }

    .right-button-shape.greenvoucher:before {
        display: none;
    }
}

.right-button-shape.green:hover:before,
.right-button-shape.green:active:before,
.right-button-shape.green:focus:before {
    border-right: 21px solid #0F8803 !important;
    border-top: 48px solid transparent;
}

.right-button-shape:hover:before,
.right-button-shape:focus:before,
.right-button-shape:active:before {
    border-color: #b20808;
    border-top: 48px solid transparent;
    border-right: 21px solid #b20808;
    position: absolute;
    left: -22px;
    top: -1px;
}
.right-button-shape.green:hover:before,
.right-button-shape.green:focus:before,
.right-button-shape.green:active:before {
    border-color: #17ad08;
    border-right: 21px solid #17ad08;
    border-top: 48px solid transparent;
}

.right-button-shape:active:hover,
.right-button-shape:focus:hover {
    border-color: #b20808;
    border-top: 1px solid #b20808;
    background-color: #b20808;
}
.popup-left {
    float: left;
    width: 47%;
    font-size: 19px;
    font-weight: 300 !important;
}
.popup-right {
    float: right;
    width: 47%;
    font-weight: 300;
}
.basket-left {
    float: left;
    width: 46%;
    font-size: 19px;
    font-weight: 300 !important;
}
.basket-right {
    float: right;
    width: 46%;
    font-weight: 300;
}
.tab-content img, .text-page img {
    display: block;
    max-width: 100%;
    height: auto;
}
.modal-header .close {
    margin-top: -15px;
    float: right;
    font-size: 55px;
    opacity: 1;
    font-weight: normal;
    line-height: 1;
    color: #000;
}
.modal-dialog {
    margin: 50px auto;
}
.modal-title {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 24px;
}
.modal-title span {
    margin-right: 10px;
}
.modal-body {
    padding: 15px 5px;
}
.modal-header .close:hover {
    opacity: 0.6;
}
.column-same-height {
    display: table;
    min-height: 160px;
}
.column-same-height > div {
    float: none;
    display: table-cell;
    vertical-align: top;
}
.modal-footer {
    border-top: none;
}
.modal-body span {
    display: block;
    text-transform: uppercase;
}
.modal-body span.cena {
    display: block;
    position: absolute;
    left: 15px;
    bottom: 15px;
    font-weight: bold;
    font-size: 20px;
}
.modal-body .titulek-modal {
    width: 100%;
    font-size: 22px;
    font-weight: bold;
}
@media (max-width: 810px) {
    .modal-dialog {
        width: 90%;
    }
    .modal-body .titulek-modal {
        font-size: 18px;
    }
    .popup-left:after, .basket-left:after {
        content: none;
    }
    .popup-left, .basket-left {
        width: 100%;
    }
    .popup-right, .basket-right {
        margin-top: 10px;
        width: 100%;
    }
    .popup-right:before, .basket-right:before {
        content: none;
    }
    .modal-footer {
        padding-top: 0px;
    }
}
@media (max-width: 991px) {
    .btn-res-left:after, .btn-res-right:before {
        content: none;
    }
    .btn-res-left, .btn-res-right {
        width: 100%;
    }
    .btn-res-right {
        margin-left: 0px;
        margin-top: 10px;
    }
    .btn-res-left {
        margin-right: 0px;
        margin-top: 10px;
    }
}
.btn-responsive {
    width: 100%;
}

@media (max-width: 768px) {
    .btn-responsive {
        margin: 15px 0 30px;
    }
}
.odstranit {
    background-image: url('../images/closemenu.jpg');
    height: 30px;
    width: 30px;
    display: block;
}
div.kosik-btns > * {
    outline: 0 !important;
    -webkit-transition: none;
    -moz-transition: none ;
    -ms-transition: none ;
    -o-transition: none ;
    transition: none ;
}
.no-tex-dec {
    text-decoration: none !important;
}
@media (min-width: 768px) {
    .max-width-12 {
        max-width: 12%;
    }
}
@media (min-width: 992px) {
    .max-width-5 {
        max-width: 5%;
    }
}
.load-next {
    margin: 0px;
    margin-top: 25px;
}
@media (max-width: 768px) {
    .produkty {
        margin-top: 0;
    }
    .load-next {
        margin-top: 20px;
        padding: 10px;
    }
}
.produkty .ui-spinner {
    float: right;
    margin-top: 3px;
    min-width: 60px;
}
@media (min-width: 768px) and (max-width: 991px) {
    .txt-center-sm {
        text-align: center;
    }
    .max-width-12 {
        max-width: 15%;
    }
}
@media (max-width: 380px) {
    .load-next::after {
        content: none;
    }
}
@media (max-width: 768px) {
    .text-right-mobile {
        text-align: right;
    }
}
@media (min-width: 768px) {
    .modal-dialog {
        width: 75%;
        margin: 80px auto;
    }
    .text-center {
        text-align: center;
    }
    .vcenter {
        display: inline-block;
        vertical-align: middle;
        float: none;
    }
}
.form-inline .form-group{
    margin-left: 0;
    margin-right: 0;
}
@media (min-width: 1200px) {
    .modal-dialog {
        width: 75%;
        max-width: 960px;
        margin: 150px auto;
    }
}
span.h4 {
    display: block;
    font-size: 20px;
    margin-top: 11px;
    margin-bottom: 11px;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}
.row.produkty {
    margin-right: 0px;
}
.eshop-nadpis-bottom {
    width: 100%;
    float: left;
    display: block;
    vertical-align: bottom;
}
.eshop-nadpis-bottom > div {
    padding: auto 0px auto;

}
.eshop-nadpis-banner {
    height: 345px;
    position: relative;
    z-index: 1;
    width: 100%;
}
.eshop-nadpis-banner > h1 {
    font-size: 50px;
    vertical-align: middle;
    height: 80%;
    width: 100%;
    color: #fff;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
}
@media (max-width: 1200px) {
    .eshop-nadpis-banner {
        height:250px;
    }
    .eshop-nadpis-banner > h1 {
        font-size: 50px;
        vertical-align: middle;
        height: 60%;
        display:flex;
    }
}
.eshop-body, .aktuality-body {
    display: block;
    margin-bottom: 25px;
    height: 100%;
    position: relative;
    float: left;
    width: 100%;
}
.max-width-1300 {
    max-width: 1300px;
}
.produkt-padding {
    display: block;
    padding: 5px 15px 25px;
    min-width:1px;
}
@media (max-width: 767px) {
    .eshop-nadpis-banner {
		-ms-word-break: break-all;
		word-break: break-all;
        height:auto;
        margin-top: 15px;
        min-height:0px;
    }
    .eshop-nadpis-banner > h1 {
        display: table-cell;
        font-size: 48px;
        vertical-align: middle;
        color: #fff;
    }
}
@media (max-width: 850px) {
    .eshop-nadpis-banner > h1 {
        font-size: 40px;
    }
}
@media (max-width: 810px) {
    .produkty-obsah {
        /*margin-top: 45px !important;*/
    }
    .eshop-nadpis-banner > h1 {
        font-size: 40px;
        padding-bottom: 10px;
    }
}
@media (max-width: 450px) {
    .eshop-nadpis-banner > h1 {
        font-size: 40px;
        margin-top: 10px;
    }

}
.delivery-vcenter .pull-right {
    float: left !important;
}
.delivery-vcenter button {
    margin: 15px 0 15px;
    font-size: 18px;
    outline: 0 !important;
    padding: 7px 15px 4px;
    line-height: 18px;
    text-transform: uppercase;
    width: 100%;
}
.delivery-vcenter h4 {
    margin-top: 45px;
}
#odber-detail {
    padding: 10px 35px 10px;
    padding-right: 0px;
}
#odber-detail .prodejna {
    padding-bottom: 5px;
}
#odber-detail > table {
    width: 100%;
}
#odber-detail table td:nth-child(2) {
    text-align: right;
}
@media (max-width: 992px) {
    .doprava-platba {
        margin-top: 30px;
    }
}
@media (min-width: 992px) {
    .navbar-brand {
        height: 90px;
    }
}
@media (min-width: 768px) {
    .delivery-vcenter {
        display: table;
        width: 100%;
        float: none;
        margin-top: 100px;
        padding-bottom: 50px;
        overflow: hidden;
    }
    .delivery-vcenter .pull-right {
        float: right !important;
    }
    .delivery-vcenter > div {
        display: table-cell;
        width: 70%;
        vertical-align: middle;
        float: none;
    }
    .delivery-vcenter > div:first-child {
        width: 30%;
    }
    .delivery-vcenter h4 {
        margin: 0;
        font-size: 24px;
    }
    .delivery-vcenter button {
        margin: 0;
        width: auto !important;
    }
    .delivery-vcenter span {
        color: #8CC710;
        padding-left: 10px;
    }
}
@media (max-width: 991px) {
    .navbar-default > li > a, .navbar-brand {
        padding-top:4px !important;
        padding-bottom:0 !important;
        height: 70px;
    }
    .navbar {min-height:70px !important;}
    .eshop-bg-wrapper {
        top:70px !important;
    }
    .navbar-brand > img {
        max-height: 50px;
    }
    .navbar-toggle {
        margin-top: 13px;
        margin-bottom: 13px;
    }
}
@media (max-width: 290px) {
    .navbar-brand > img {
        max-height: 40px;
    }
    .navbar-toggle {
        margin-top: 20px;
        margin-bottom: 15px;
        padding: 6px 6px;
    }
}
@media (min-width: 992px) {
    .kosik-ikona > * {
        margin-left: 30px;
    }
    .nav-small.navbar-default > li > a, .nav-small .navbar-brand {
        padding-top: 4px !important;
        padding-bottom: 0 !important;
        height: 60px;
    }
    .nav-small.navbar {
        min-height: 60px !important;
    }
    .nav-small.navbar-toggle {
        margin-top: 20px;
        margin-bottom: 15px;
    }
    .nav-small.navbar-default > .nav > li > a {
        padding: 36px 10px 13px;
    }
    .nav-small .navbar-brand > img {
        max-height: 60px;
    }
    .nav-small .navbar-brand > img#big {
        display: none !important;
    }
    .nav-small .navbar-brand > img#small {
        display: block !important;
        height: 90%;
    }
}
@media (max-width: 768px) {
    .kosik-ikona {
        padding-left: 30px;
        padding-right: 30px;
    }
}
.no-padding {
    padding: 10px !important;
    padding-right: 40px !important;
}
.no-padding-left {
    padding-left: 0;
}
.padding-left-5 {
    vertical-align: text-top;
    padding-left: 10px;
}
.navbar-brand > img {
    -webkit-transform: translateZ(0);
    backface-visibility: hidden;
    -moz-backface-visibility: hidden;
}
.slogan-main-big {
    min-height: 395px;
    padding-bottom: 25px;
    text-transform: uppercase;
    font-style: italic;
    background-color: #999;
    background: url(../images/main-down.jpg) no-repeat;
    color: black;
}

.slogan-main-big > h2 {
    text-transform: uppercase;
}

.center-vertical {
    display: table-cell;
    vertical-align: middle;
}

.margin-top-10 {
    margin-top: 10px;
}
.margin-top-5 {
    margin-top: 5px;
}
.margin-top-50 {
    margin-top: 5px;
}

.center {
    display: table;
    width: 100%;
}
.block {
    display: block;
}
.black-bg {
    background: #000 !important;
    color: #FFF !important;
}

.black-bg a {
    color: #FFF;
}

.black-bg a:hover,
.black-bg a:focus {
    color: #e30a0a;
    text-decoration: none;
}

.footer {
    background-color: #151516;
    color: #fff;
    padding-top: 50px;
}
.footer a {
    -webkit-transform: translateZ(0);
    backface-visibility: hidden;
    -moz-backface-visibility: hidden;
}
.footer ul {
    list-style: none;
    padding-left: 0px;
}

.footer h3 {
    text-transform: uppercase;
    font-weight: normal;
	color: white !important;
}

.footer ul li {
    list-style-type: none;
}

.footer ul li {
    padding-top: 4px;
}
.footer ul li a {
    font-size: 16px;
    color: #fff !important;
    text-decoration: none;
}
.footer ul li a:hover {
    text-decoration: underline;
}
.footer input, .footer textarea {
    background: transparent;
    color: #fff;
}
.copyright {
    /*margin-top: 25px;*/
    padding-left: 0px;
    padding-top: 10px;
    padding-bottom: 30px;
    color: #6e6e6e !important;
    font-size: 15px;
    overflow: hidden;
    display: block;
    width: 100%;
    border-top: 1px solid #343434;
}

ul.social-icons li {
    display: inline;
}

ul.social-icons li a img {
    max-width: 40px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

ul.social-icons li a img:hover {
    opacity: 0.6;
}

.light {
    font-weight: 300;
}

ul.slogan-proc li {
    font-size: 22px;
    text-transform: uppercase;
    color: black;
}

.light-dark {
    color: #535353;
    font-weight: 300;
}

.black {
    color: black;
}

.margin-top-20 {
    margin-top: 20px;
}
/* SLIDER PRO PRODUKTY */

.slider-produkty {
    text-align: right;
    display: table;
    width: 100%;
    height: 337px;

    display: block;
    position: relative;
}

.slider-produkty h1 {
    text-transform: uppercase;
    text-align: right;
}

.slider-produkty img {
    position: absolute;
    left: 0;
    top: 0;
    min-width: 100%;
}

.no-padding-bottom {
    padding-bottom: 0px;
}
/* Přidání šířky, kvůli glyphiconu který je zarovnán na pravou stranu */
.produkty, .produkty * {
    /*background-color: #f5f5f5 !important;*/
}
main.eshop-bg {
    z-index: -2;
    display: block;
    min-height: 1px;
    margin-top: 100px;
}
div.text-page {
    display: block;
    min-height: 1px;
    padding-top: 100px;
    padding-bottom: 100px;
    color: #000 !important;
}
.eshop-item div.text-page {
    color: #fff !important;
}
.eshop-bg-wrapper {
    /*z-index: -999;*/
    /*min-width: 100%;*/
    min-height: 100%;
    height: auto;
    width: 100%;
    background-color: #151516;
    position: absolute;
    top: 110px; /* vyska navbaru */
    left: 0;
}
.eshop-bg-wrapper img.eshop-bg {
    top: -110px;
    position: relative;
    min-width: 100%;
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
}
.produkty-navigace, .onas-navigace {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    /*width: 85%;*/
    padding: 10px;
    margin-bottom: 20px;
    /* Pruhlednost */
    background-color: rgb(255, 255, 255);
    /* RGBa with 0.6 opacity */
    background-color: rgba(255, 255, 255, .85);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
span[class*="glyphicon"] {
    -webkit-touch-callout: default;
    -webkit-user-select: default;
    -moz-user-select: default;
    -ms-user-select: default;
    user-select: default;
}
.produkty.kosik > * {
    color: #000;
}
.produkty-navigace label, .onas-navigace label {
    width: 95%;
    cursor: pointer;
}
.eshop-item .produkty-navigace label {
    color: #000;
}
.produkty-navigace > li > label.tree-nadpis {
    padding-top: 15px;
    padding-bottom: 0px;
}
.produkty-navigace > li > label > span.sekce {
    padding: 15px 0px 6px;
    width: 92%;
    float: left;
    display: block;
    font-size: 18px;
}
.produkty-navigace > li {
    line-height: 5px;
    padding: 3px 0 3px;
    border-bottom: 1px solid #CECECE;
}
.produkty-navigace > li > label > a:hover, .onas-navigace > li > label > a:hover {
    text-decoration: none;
}

.produkty-navigace > li:first-child, .onas-navigace > li:first-child {
    margin-top: 0px;
}

.produkty-navigace > li[class*="divider"], .onas-navigace > li[class*="divider"] {
    margin-bottom: 14px;
    margin-top: 0px;
}

.produkty-navigace span, .onas-navigace span {
    cursor: pointer;
    -webkit-transition: color 0.4s ease;
    -moz-transition: color 0.4s ease;
    -o-transition: color 0.4s ease;
    -ms-transition: color 0.4s ease;
    transition: color 0.4s ease;
}

.produkty-navigace .nav>li>a:hover, .onas-navigace .nav>li>a:hover,
.produkty-navigace .nav>li>a:focus, .onas-navigace .nav>li>a:focus,
.produkty-navigace .nav>li>a:active, .onas-navigace .nav>li>a:active {
    background-color: transparent;
    text-decoration: underline;
}

.onas-navigace  .nav>li>a:hover,
.onas-navigace  .nav>li>a:focus,
.onas-navigace  .nav>li>a:active {
    text-decoration: none;
}

.onas-navigace .nav>li>a:hover,
.onas-navigace .nav>li>a:focus,
.onas-navigace .nav>li>a:active {
    color: #e30a0a;
}

.produkty-navigace li.active a{
    color: #e30a0a !important;
    font-weight: bold;
    background-image: url('../images/closemenu_small.png');
    background-position: right 20px top 50%;
    background-repeat: no-repeat;
}

.onas-navigace li.active>a {
    color: #e30a0a !important;
    font-weight: bold;
}

.onas-navigace li.active a label span {
    color: #e30a0a !important;
    font-weight: bold;
}

/*.produkty-navigace li .remove {*/
/*background-image: url('../images/closemenu_small.png');*/
/*background-position: center center;*/
/*position:absolute;*/
/*height: 10px;*/
/*width: 10px;*/
/*top: 10px;*/
/*right: 0px;*/
/*}*/

.search-button:focus {
    color: black !important;
}
.produkty-navigace > li > a {
    padding: 5px 0px;
    color: #747474;
    text-transform: uppercase;
}
.produkty-navigace > li.lvl0 {
    font-weight:bold;
    font-size: 115%;
}
.produkty-navigace > li.lvl2 {
    padding-left: 20px;
}
.produkty-navigace > li.lvl3 {
    padding-left: 40px;
}

.produkty-navigace > li > a .count{
    font-size: 0.75em;
    color:rgb(180,180,180);
    font-weight: normal !important;
}

.produkty-navigace > li > a:hover, .onas-navigace > li > a:hover > span,
.produkty-navigace > li > a:active, .onas-navigace > li > a:active > span {
    color: #739e10;
}

.onas-navigace > li > label:hover > span,
.onas-navigace > li > label:active > span {
    color: #000;
}
.onas-navigace > li > label:hover > span + span,
.onas-navigace > li > label:active > span + span {
    color: #739e10;
}


.uppercase {
    text-transform: uppercase;
}

.margin-bottom-40 {
    margin-bottom: 40px;
    display: block;
}
.margin-bottom-30 {
    margin-bottom: 30px;
    display: block;
}

.padding-bottom-60 {
    margin-bottom: 60px;
}
.padding-bottom-30 {
    padding-bottom: 30px;
}

.margin-top-0 {
    margin-top: 0px;
}
.pd-page-bot {
    margin-bottom: 100px;
}

.grey {
    color: #747474;
}

.italic {
    font-style: italic;
}

.active-span {
    color: #e30a0a !important;
}
.text_content img {
    display: block;
    max-width: 100%;
    height: auto;
}
.produkt {
    position: relative;
    height: 100%;
    margin-bottom: 10px;
    border: 1px solid transparent;
    width: 100%;
    padding: 35px 0 35px;
}
.zajimat-odkaz:before {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.zajimat-odkaz:hover .detail {
    opacity: 1;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.produkt-obal:hover .detail {
    opacity: 1;
}
.list-unstyled.material li {
    margin-top: 10px;
}
@media(min-width: 769px) {
    .produkt-obal:hover .produkt {
        border: 1px solid #fff;
    }
    .produkt-obal:hover .produkt img,
    .produkt-obal:hover .inside {
        opacity: 0.6;
    }

    .produkt-obal {
        border: 1px solid #fff;
    }

    .produkt-obal:hover {
        border: 1px solid #666;
    }
}
.produkt img {
    display: block;
    margin: 0 auto;
    -webkit-transition: opacity .4s ease;
    -moz-transition: opacity .4s ease;
    -ms-transition: opacity .4s ease;
    -o-transition: opacity .4s ease;
    transition: opacity .4s ease;
    -webkit-transform: translateZ(0);
}
.center-img {
    display: block;
    margin: 0 auto;
}
/*.nav-left-ml-produkty {*/
    /*margin-left: -10px;*/
/*}*/

.nav>li>a {
	position: relative;
	display: block;
	padding: 10px 15px 10px 0px;
}
.nav-left-ml-produkty > li {
    text-transform: uppercase;
    padding-left: 0;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
}
.nav-left-ml-produkty > li:first-child {
    padding-top: 10px;
}
.nav-left-ml-produkty > li:last-child {
    padding-bottom: 15px;
}
.nav-left-ml-produkty li a {
    padding-right: 0;
    outline: 0 !important;
}
li.doubleLine {
    line-height:15px;
    padding-right: 0px;
}
li.pd-lf-20 {
    padding-left: 20px;
}
div.rw {
    position: relative;
}
.produkt-obal {
    border: 1px solid #666;
    background: #fff;
}
.produkt-obal-kosik {
    border: 1px solid #666;
    background: #fff;
}
.produkt-obal span {
    display: block;
}
.eshop-item, .dark-bg {
    background-color: #151516;
    color: #fff;
}
main.eshop-item {
    padding-top: 0;
    margin-top: 0;
}
div.white-bg {
    background-color: #fff;
    color: #000;
}
.def-padding {
    padding: 20px 25px 20px;
}
.produkt-obal h4 {
    font-size: 1em;
    font-weight: bold;
    min-height: 25px;
    line-height: 20px;
}
@media (max-width: 768px) {
    .produkt-obal h4 {
        min-height: 40px;
    }
}
@media (max-width: 480px) {
    .produkt-obal h4 {
        min-height: 50px;
    }
}

.produkt-obal .cena {
    padding: 0px 0 10px;
    font-weight: bold;
    font-size: 18px;
    color: #000 !important;
}
.produkt-obal .cena:before {
    content: ' ';
    margin-bottom: 10px;
    font-size: 0em;
    border: 1px solid #9c9c9c;
    height: 1px;
    display: block;
    width: 100%;
}

.produkt-obal .cena2 {
    padding: 0px 0 10px;
    font-weight: lighter;
    font-size: 18px;
    color: #000 !important;
}

.produkt-obal .popis p {
    margin-bottom: 0px;
}

@media(min-width: 769px) {
    .produkt-obal .popis {
        min-height: 40px;
    }
}
.max-width-1100 {
    max-width: 1100px !important;
}
.produkt-obal .icons {
    position: absolute;
    left: 0px;
    bottom: 0px;
    /*min-width: 80px;*/
}
.cena.pd-right {
    padding-right: 10px;
}
.cena {
    font-weight: bold;
    font-size: 21px;
    vertical-align: bottom;
    display: table-cell;
}
.produkt-bg {
    background-color: #fff;
    color: #000;
}
.produkt-obal .icons span {
    text-align: center;
    width: 100%;
    color: rgb(255,255,255);
    font-size: 0.75em;
    line-height: 12px;
    padding: 3px 6px;
    margin-top: 2px;
}

.produkt-obal .icons .doprava-free {
    background-color: rgb(141,141,141);
}

.produkt-obal .icons .novinka {
    background-color: rgb(245,14,8);
}

.produkt-obal .icons .doprodej {
    background-color: rgb(85,185,50);
}

.zajimat-cena {
    font-weight: bold;
    padding-top: 4px;
    display: block;
    font-size: 18px;
}

div.detail {
    position: absolute;
    width: 65%;
    z-index: 10;
    max-width: 200px;
    height: 15px;
    margin: 0 auto;
    display: table;
    opacity: 0;
    -webkit-transition: opacity .4s ease;
    -moz-transition: opacity .4s ease;
    -ms-transition: opacity .4s ease;
    -o-transition: opacity .4s ease;
    transition: opacity .4s ease;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

div.opacity-hover {
    max-width: inherit !important;
    color: #777777;
}
.nove-zbozi {
    display: block;
    overflow: hidden;
    padding-bottom: 40px;
}
a.obal-odkaz {
    text-decoration: none;
    display: block;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: black !important;
}
.inside {
    position: relative;
    width: 100%;
    bottom: 0;
    left: 0;
    padding: 0 15px 0;
    -webkit-transition: opacity .4s ease;
    -moz-transition: opacity .4s ease;
    -ms-transition: opacity .4s ease;
    -o-transition: opacity .4s ease;
    transition: opacity .4s ease;
    -webkit-transform: translateZ(0);
}
div.detail > span.detail-button {
    height: 15px;
    padding: 5px 10px 5px;
    display: table-cell;
    width: 100%;
    margin: 0 auto;
    font-size: 16px;
    font-weight:bold;
    background-color: #86ad1a;
    text-transform: uppercase;
    color: #000;
    text-decoration: none;
    text-align: left;
    vertical-align: middle;
}

div.detail > span.detail-button span.glyphicon {
    top: 2px;
    color: #fff !important;
}

.produkt {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.detail {
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.bigger-shape-button {
    padding-left: 30px;
    padding-right: 40px;
}
/*@media (min-width: 768px) and (max-width: 782px) {*/
/*#produkty-menu {*/
/*display: none;*/
/*}*/
/*.produkty-obsah {*/
/*width: 100%;*/
/*}*/
/*}*/
li.search-input > a:hover:after, li.search-input > a:after{
    content: none !important;
}
@media (max-width: 782px) {
    body {
        padding-left: 0px;
        padding-right: 0px;
    }
    .container-fluid {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    /*div.produkty {*/
    /*padding-left: 0%;*/
    /*}*/
    /*.produkty {*/
    /*padding-left: 0%;*/
    /*}*/
    .produkt-obal {
        position: relative;
        min-height: 1px;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .nadpis-sekce {
        position: relative;
        min-height: 1px;
        margin-left: 15px;
        margin-right: 15px;
    }
    .copyright {
        margin-right: auto;
        margin-left: auto;
        padding-left: 15px;
        padding-right: 15px;
    }
}

/*@media (min-width: 798px) {*/
/*.produkty {*/
/*padding-left: 2.65% !important;*/
/*}*/
/*}*/

.margin-page-default {
    margin-left: 3%;
    margin-right: 3%;
}
/* Barevne spany pro vyber barvy u produktu */
.vyber-barev li {
    display: inline-block;
}

.vyber-barev li a{
    padding: 0px !important;
}
span.color-button {
    height: 28px;
    width: 30px;
    background-color: grey;
    display: block;
    -webkit-transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    border: 2px solid transparent;
    position: relative;
}
span.color-button:hover {
    opacity: 0.6;
}
span.color-button.active {
    border-color: #343434 !important;
}
span.color-button.active:before {
    position: absolute;
    width: 100%;
    height: 100%;
    left: -2px;
    text-align: center;
    top: 2px;
    right: 0;
    margin: 0 auto;
    color: azure;
    font-family: "Glyphicons Halflings";
    content:"\e013";
}
/* Jednotlive barvy */
span.color-button.red {
    background-color: #e30a0a !important;
}
span.color-button.black {
    background-color: #000 !important;
}
span.color-button.orange {
    background-color: #F78200 !important;
}
span.color-button.yellow {
    background-color: #FFCE19 !important;
}
span.color-button.green {
    background-color: #009805 !important;
}
span.color-button.blue {
    background-color: #0197F8 !important;
}
span.color-button.pink {
    background-color: #EB30B1 !important;
}
span.color-button.grey {
    background-color: #777777 !important;
}
span.color-button.brown {
    background-color: #6C4001 !important;
}
span.color-button.white {
    background-color: #FFF !important;
}
span.color-button.white.active:before {
    color: black;
}

.width-100 {
    width: 100%;
}

.newsletter-footer {
    margin-top: 22px;
}
.newsletter-footer {
    margin-top: 22px;
}

.margin-bottom-20 {
    margin-bottom: 10px;
}

.form-dark-inline {
    font-weight: lighter;
}
.form-dark-inline input[type="email"] {
    background-color: #151515;
    border: 1px solid #444444;
    width: 72%;
    font-size: 14px;
    padding: 3px 11px 3px;
    display: inline-block;
    color: #9F9F9F;
    float: left;
}
.form-dark-inline input[type="submit"] {
    background-color: #151515;
    border: 1px solid #444444;
    width: 26%;
    float: right;
    font-size: 14px;
    padding: 3px;
    color: #fff;
    text-transform: lowercase;
    background: #454545;
    display: inline-block;
}

.search-button {
    /*padding: 5px 7px 5px !important;*/
    /*margin-top: 21px !important;*/
    line-height: 28px !important;
    cursor: pointer;
}
.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: 480px;
}
.navbar-fixed-top .navbar-brand {
    padding-top: 10px;
    padding-right: 30px;
}

@media(min-width:980px) {
    .navbar-nav>li>a {
        padding: 47px 10px 31px;
    }
}
@media (min-width: 992px) {
    .navbar-default > .nav > li > a {
        padding: 47px 9px 14px;
    }

    .nav-small .navbar-default > .nav > li > a {
        padding: 24px 10px 14px;
        font-size: 18px;
    }

    .navbar-brand > img#big {
        max-width: 90%;
    }

    .navbar-fixed-top .navbar-brand {
        /*padding: 10px 0 0 0;*/
        padding-right: 0px;
    }
}

@media (max-width: 991px) {
    div.detail {
        display: none !important;
    }
    .navbar {
        min-height: 60px;
    }
    .navbar-default > .nav>li>a {
        padding: 24px 10px 14px;
        font-size: 18px;
    }
    .navbar-brand {
        padding: 15px;
    }
    .navbar-brand > img {
        max-height: 50px;
    }
}

.margin-bread {
    margin: 15px 0 0;
    position: relative;
    top: 15px;
}
.pd-top-100 {
    padding-top: 100px;
}
@media (max-width: 991px) {
    .margin-bread {
        margin: 15px 0 0;
    }
    .pd-top-100 {
        padding-top: 70px;
    }
    .navbar-default > .nav>li>a {
        padding: 8px 15px 8px;
        font-size: 18px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .navbar-default > .nav>li>a {
        padding: 8px 0px 8px;
        font-size: 18px;
    }
    .navbar-fixed-top .navbar-brand {
        padding-right: 0px;
        padding-top: 15px;
    }
}
li.search-navbar {
    display: none;
}
.hidden {
    display: none;
}
.relative {
    position: relative;
}
.breadcrumb {
    margin-left: 0;
    background-color: transparent;
    margin-bottom: -10px;
}
@media (max-width: 768px) {
    .breadcrumb {
        padding: 8px 15px;
        margin-left: 0;
    }
}
.default-padding-left {
    padding-left: 3% !important;
}

.produkt-kod {
    display: block;
    margin-top: 17px;
    padding-bottom: 4px;
    margin-bottom: 25px;
    font-weight: bold;
    border-bottom: 1px solid #D7D7D7;
}

.varianty {
    display: block;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 10px;
}

.produkt-table tr td {
    min-width: 85px;
    padding-bottom: 10px;
}
.produkt-table tr td select {
    width: 50px;
}
.line-h-40 {
    line-height: 40px;
}
.kosik .recountinputs input {
    width: 100%;
    margin: 0;
    border: 1px solid #D7D7D7;
    padding: 6px 5px !important;
}

.thumbnail {
    margin-bottom: 12px;
    padding: 0px;
    border-color: rgb(240,240,240);
}
.underline {
    text-decoration: underline;
}
a.zajimat-odkaz {
    text-decoration: none !important;
    color: #000 !important;
    display: block;
    position: relative;
}
@media(max-width:769px) {
    .navbar-fixed-top .navbar-brand {
        padding: 15px 15px 15px;
    }
}
a.zajimat-odkaz > img {
    margin: 35px 0px 35px;
}
a.zajimat-odkaz {
    border: 1px solid black;
    border-left:0;
}
#zajimat-obal a:nth-child(n+5) {
    border-top:0;
}
a.zajimat-odkaz:hover:before {
    display: block;
}
a.zajimat-odkaz:before {
    content: ' ';
    display: none;
    background-color: rgb(255, 255, 255);
    background-color: rgba(255, 255, 255, 0.6);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
}

.margin-bottom-50 {
    display: block;
    margin-bottom: 50px;
}
div.old-price {
    font-size: 16px;
}
div.old-price > span {
    text-decoration: line-through;
}
span.price {
    display: block;
    width: 100%;
    padding: 0;
    font-weight:bold;
    font-size: 19px;
}
.border-bottom {
    border-bottom: 1px solid #dddddd;
    display: block;
    overflow: hidden;
}
.border-top {
    border-top: 1px solid #dddddd;
    display: block;
    overflow: hidden;
}
.br-top-basket {
    border-top: 1px solid #343434;
}

label[for^="frmbuyAddressForm-isfirm-"] {
    width: 40%;
    cursor: pointer;
}
label[for^="frmbuyAddressForm-isfirm-"] > input {
    margin-right: 7px;
    cursor: pointer;
}
.kosik-adress label > input {
    margin-right: 7px;
    cursor: pointer;
}
.kosik-adress input {
    font-weight: 300;
}
.border-bottom-basket {
    line-height: 55px;
    margin-bottom: 25px;
    border-bottom: 1px solid #cdcdcd;
    display: block;
    overflow: hidden;
}

.no-margin-top {
    margin-top: 0px;
}

div.miniatury-produkt {
    margin-top: 20px;

}

div.miniatury-produkt img {
    padding: 15px 0px 15px;
}

@media (max-width: 769px) {
    div.varianty-obal > div {
        max-width: 47%;
    }
}
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
    border-color: #e30a0a;
}
.padding-bottom-default {
    padding-bottom: 80px;
}

.dres-popis {
    margin-left: 15px;
}
.col-sm-4.wd-30 {
    width: 30%;
    margin-right: 3%;
}

.no-margin-left {
    margin-left: 0px;
}

.zajimat-nadpis {
    display: block;
    font-weight: bold;
    font-size: 17px;
    color: rgb(51,51,51);
    padding-bottom: 8px;
}
.zajimat-nadpis:after {
    content: ' ';
    height: 1px;
    width: 100%;
    background: #dddddd;
    display: block;
    margin-bottom: 3px;
}
.zajimat-popis {
    display: block;
    font-weight: lighter;
    font-size: 15px;
}

a.no-border {
    border-color: #fff !important;
    opacity: 0.6;
    -webkit-transition: opacity 0.4s ease;
    -moz-transition: opacity 0.4s ease;
    -ms-transition: opacity 0.4s ease;
    -o-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease;
}
.half {
    width: 48%;
}
@media (max-width: 768px) {
    .half {
        width: 100%;
    }
}
.aktuality-mensi:not(.homepage) {
    display: block;
    height: 100%;
    width: 100%;
    overflow: hidden;
}
.aktuality-mensi > a {
    margin-bottom: 15px;
    position: relative;
}
.aktuality-mensi:not(.homepage) > a {
    margin-bottom: 15px;
    position: relative;
    background-color: #fff;
    background-clip:content-box;
}

@media (max-width: 1000px) {
    .half {
        width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .aktuality-mensi > a:nth-child(odd), .aktuality > a:first-child {
        padding-right: 5px !important;
    }
    .aktuality-mensi > a:nth-child(even), .aktuality > a + a {
        padding-left: 5px !important;
    }
}
a.no-border:hover {
    opacity: 1;
}
.produkt-tabs {
    text-transform: uppercase;
    font-weight:bold;
    margin-top: 30px;
    border-bottom: 2px solid #cccccc;
}
.produkt-tabs li.active > a{
    background-color: #cccccc !important;
    color: #000 !important;
}
.produkt-tabs li > a {
    border: 1px solid transparent;
    padding: 7px 35px 7px;
    font-size: 15px;
    border-bottom: 1px solid #cccccc;
    background-color: #eeeeee;
}
.produkt-tabs li > a:hover {
    background-color: #cccccc !important;
    color: #000 !important;
    border-bottom: 1px solid #CCCCCC;
}
.border-bottom-none {
    border-bottom: 0;
}
.padding-left-30 {
    padding-left: 30px;
}
div.right-important {
    float: right;
}
div.left-important {
    float: left;
}

@media (max-width: 499px) {
    div.right-important {
        float: left !important;
    }
}
@media (min-width: 499px) and (max-width:769px) {
    div.left-important {
        float: right !important;
    }
}
.no-pointer {
    cursor: default;
}
.produkty-obsah {
    color: #fff;
}
@media (min-width: 1200px) {
    .col-lg-3.produkty {
        width: 20%;
    }
    .col-lg-9.produkty-obsah {
        width: 80%;
    }
}

.margin-top-40 {
    margin-top: 40px;
}

.historie-profil > h3 {
    font-size: 30px;
    font-weight: bold;
}
.historie-profil > span {
    font-size: 26px;
    font-weight: lighter;
}
@media (min-width: 1495px) {
    .historie-profil > h3 {
        position: absolute;
        top: 300px;
        font-size: 39px;
        left: -410px;
    }
    .historie-profil > span {
        position: absolute;
        top: 360px;
        font-size: 36px;
        left: -410px;
    }
}
div.stranka-vice {
    height: 100px;
    margin: 0 auto;
    text-align: center;
    font-style: italic;
    color: #898989;
    margin-bottom: 20px;
    line-height: 35px;
}
div.stranka-vice > a {
    color: #898989;
    text-decoration: none;
}
div.stranka-vice > a:hover {
    opacity: 0.7;
}
.search-btn-small {
    padding: 5px;
    font-size: 16px;
    color: #fff;
    display: inline-block;
    font-weight: lighter;
}
.margin-top-35 {
    margin-top: 35px;
}

.vyber-barev {
    width: 85%;
}

.margin-top-30 {
    margin-top: 30px;
}

.active-underline > a {
    text-decoration: underline;
    color: #747474 !important;
}

.no-margin-top {
    margin-top: 0px;
}
.produkty-obsah > .produkty {
    margin-top: 0;
}
.hpslogan {
    margin-top: 0px !important;
}
.breadcrumb > li > a {
    color: #a1a1a1;
}

.kosikh4 {
    font-size: 18px !important;
}

.kosik-1, .kosik-2, .kosik-3, .kosik-4 {
    display: block;
    text-transform: uppercase;
    font-size: 20px;
    line-height:40px;
    min-height: 40px;
    padding-left: 51px;
    background-position: top left;
    text-decoration: none;
    color: rgb(212,212,212);
    margin: 10px 0 10px;
}

@media (min-width: 992px) {
    .kosik-1, .kosik-2, .kosik-3, .kosik-4 {
        margin: 35px 0 30px;
    }

}
a.kosik-1, a.kosik-2, a.kosik-3, a.kosik-4 {
    font-weight: bold;
}

.kosik-1.active, .kosik-2.active, .kosik-3.active, .kosik-4.active {
    color: rgb(51,51,51);
}
.top20 {
    margin-top: 20px;
}
.top50 {
    margin-top: 50px;
}
.bg-grey {
    background-color: #CDCDCD;
}
.bg-green {
    background-color: #8CC710;
}
.padding-top-40 {
    padding-top: 40px;
}
.padding-top-80 {
    padding-top: 80px;
}
.kosik-wr {
    margin-top: 140px;
    overflow: hidden;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #fff !important;
}
.pd-10 {
    padding: 15px 0 15px;
}
@media (min-width: 768px) {
    /*.kosik {*/
    /*margin-right: 3%;*/
    /*}*/
    .pd-top-20 {
        padding-top: 20px;
    }
    .pd-top-6 {
        padding-top: 6px;
    }
    .kosik-1:after, .kosik-2:after, .kosik-3:after {
        content: none;
    }

    .kosik-1:after {
        margin-right: 20px;
    }
}
.kosik-1:hover, .kosik-2:hover, .kosik-3:hover, .kosik-4:hover {
    text-decoration: none;
}

.kosik-1 {
    background: url("../images/kosik/kosik.png") no-repeat;
}

.kosik-2 {
    background: url("../images/kosik/udaje.png") no-repeat;
}

.kosik-3 {
    background: url("../images/kosik/doprava.png") no-repeat;
}

.kosik-4 {
    background: url("../images/kosik/shrnuti.png") no-repeat;
}

.kosik-1.active {
    background: url("../images/kosik/kosik-active.png") no-repeat;
}

.kosik-2.active {
    background: url("../images/kosik/udaje-active.png") no-repeat;
}

.kosik-3.active {
    background: url("../images/kosik/doprava-active.png") no-repeat;
}

.kosik-4.active {
    background: url("../images/kosik/shrnuti-active.png") no-repeat;
}
.padding-bottom-40 {
    padding-bottom: 40px;
}
.red{
    color: #e30a0a !important;
}
.green{
    color: #17ad08 !important;
}
@media(min-width: 769px) {
    .doprava-platba {
        padding-right: 30px;
    }
}
@media(max-width: 768px) {
    .doprava-platba > .border-bottom-light {
        padding-top: 30px;
    }
}
.doprava-platba > p > label {
    font-size: 22px;
    text-transform: uppercase;
}
.hidden {
    display: none;
}
.small-amount {
    font-size: 16px;
    text-decoration: none !important;
    padding: 4px;
}
.produkt-kod-kosik {
    font-size: 16px;
    color: #999;
    font-weight: 300;
}
.doprava-platba > div > label {
    font-size: 17px;
    font-weight: bold;
    width: 100%;
}
.doprava-platba > div > label > input {
    font-size: 16px;
    margin-top: -4px;
    margin-right: 20px;
}
.doprava-platba > div > label > span {
    text-align: right;
    float: right;
    font-weight: bold;
    display: block;
}
.doprava-odeslat {
    float: right;
    margin-top: 60px;
}

ul#produkty-navigace li.closeli ul{
    /*display:none;*/
}

ul#produkty-navigace li.openli ul{
    /*display:block;*/
}

ul#produkty-navigace li span.glyphicon {
    background-position: center center;
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
    float: right;
    margin-top: 7px;
}

ul#produkty-navigace li span.glyphicon.plus {
    background-image: url('../images/menu-plus.png') !important;
}

ul#produkty-navigace li span.glyphicon.minus {
    background-image: url('../images/menu-minus.png') !important;
}

#countries li{
    margin: 8px 0px;
}

#countries li a{
    color: #777;
    display: block;
    width: 100%;
}

#countries li a:hover{
    color: #e30a0a;
}

#countries li a img{
    margin-right: 10px;
}
.bold {
    font-weight: bold !important;
}

div.detail > span.detail-button:hover {
    text-decoration: none;
}

.material-list p {
    margin: 0px !important;
}

.material-list p span {
    font-size: 0.9em;
}

.material-detail .img-responsive {
    margin-left: 10px;
}

.material-detail .img-responsive {
    margin-left: 0px;
}

@media (min-width: 769px) {
    .material-detail .img-responsive {
        margin-left: 10px;
    }
}

.modal-dialog .closemodal {
    background-image: url('../images/closemenu.jpg');
    height: 30px;
    width: 30px;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 1000;
}

.glyphicon-zoom-in:before {
    content: " " !important;
}

.glyphicon-zoom-in {
    content: " " !important;
    background-image: url('../images/search-icon.png');
    background-position: center center;
    background-repeat: no-repeat;
}

.glyphicon-shopping-cart:before {
    content: " " !important;
}

.glyphicon-shopping-cart {
    content: " " !important;
    background-image: url('../images/basket_icon.png');
    background-position: center center;
    background-repeat: no-repeat;
}

@media (max-width: 810px) {
    header .glyphicon-shopping-cart {
        background-position: 15px center;
        padding-left: 35px !important;
    }

    .glyphicon-zoom-in {
        background-position: 15px center;
        /*padding-left: 35px !important;*/
    }

}
@media (min-width: 992px) {
    .search-navbar .search-wrapper {
        background-color: rgb(255,255,255);
        border: 1px solid rgb(51,51,51);
        position: absolute;
        top: 89px;
        right: -26px;
        width: 364px !important;
    }

    .search-navbar .search-wrapper input {
        border: none;
        width: 100% !important;
        text-align: center;
        padding: 4px;
        font-size: 0.8em;
    }

    .search-navbar .arrow {
        background-image: url('../images/basketmini-arrow.png');
        background-position: center center;
        background-repeat: no-repeat;
        position: absolute;
        top: -22px;
        right: 34px;
        display: block;
        width: 22px;
        height: 22px;
    }

    .search-navbar .close {
        background-image: url('../images/closemenu_small.jpg');
        background-position: center center;
        height: 10px;
        width: 10px;
        position: absolute;
        top: 11px;
        right: 20px;
        opacity: 0.5;
        z-index: 1000;
    }

}
.search-navbar .search-wrapper {
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    -ms-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease;
}
.nav-small .search-navbar .search-wrapper {
    top: 60px;
}
.basketmini-link.glyphicon-shopping-cart {
    background-position: center 25px;
}

.basketmini-link span {
    position: absolute;
    top: 21px;
    right: 8px;
    font-size: 12px;
    line-height: 13px;
    font-weight: bold;
    background-color: #e30a0a;
    color: rgb(255,255,255);
    padding: 0px 4px;
    height: 15px;
    border-radius: 50%;
}

.basketmini {
    display:none;
    position: absolute;
    top: 76px;
    right: -20px;
    border: 1px solid rgb(0,0,0);
    padding: 0px 8px;
    text-align: right;
    background-color: rgb(255,255,255);
    z-index: 1000;
    font-size: 0.7em;
}

.basketmini td{
    padding: 5px;
    border-bottom: 1px solid #D7D7D7;
    text-align: left;
}

.basketmini td span{
    font-weight: bold;
}

.basketmini td .price{
    color: #17ad08;
}

.basketmini .right-button-shape.green {
    margin: 8px 0px;
    height: 36px;
}

.basketmini .right-button-shape.green:before {
    border-top-width: 36px
}

.basketmini .remove {
    padding-left:40px;
}

.basketmini .remove a {
    background-image: url('../images/closemenu_small.jpg');
    background-position: center center;
    height: 10px;
    width: 10px;
    display: block;
}

.basketmini .empty-basket {
    min-width: 250px;
    text-align: center;
    padding: 8px 0px;
}

.basketmini .arrow {
    background-image: url('../images/basketmini-arrow.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    top: -22px;
    right: 34px;
    display: block;
    width: 22px;
    height: 22px;
}

@media (max-width: 768px) {
    .basketmini {
        display: none;
    }
}

ul.ui-autocomplete {
    border: 1px solid rgb(0,0,0);
    border-radius: 0px !important;
    z-index: 10001;
}

.ui-menu .ui-menu-item a:hover {
    background-color: rgb(241,241,241) !important;
    border: 0px;
}

.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
    font-weight: normal;
    background-color: rgb(241,241,241) !important;
    margin: 0px;
}

.ui-menu .searchli                                                              {
    clear:both;
    overflow: hidden;
    border-bottom: 1px solid rgb(225,225,225);
    /*font-size: 0.9em;*/
    color: rgb(76,76,76);
    width: 350px;
    padding: 5px;
}

.ui-menu .searchli a                                                            {
    float: left;
    width: 100%;
    height: 100%;
    /*background-color: rgb(255,255,255);*/
}

.ui-menu .searchli:hover a                                                      {
    background-color: rgb(237,237,237);
}

.ui-menu .searchli_button a:hover                                               {
    background-color: rgb(255,255,255);
}

.ui-menu .searchli .text                                                        {
    float: left;
    width: 200px;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 15px;
}

.ui-menu .searchli .stock                                                       {
    font-size: 0.95em;
    color: rgb(130,130,130);
}

.ui-menu .searchli .price                                                       {
    float: left;
    width: 100px;
    font-weight: bold;
    white-space: nowrap;
    /*text-align: right;*/
    overflow: visible;
    color: #17ad08;
    font-size: 1.2em;
    /*margin: 5px 0px 0px 0px;*/
}

.ui-menu .searchli img                                                          {
    float: left;
    margin-right:15px;
}

.ui-menu .searchli .right-button-shape.green {
    margin: 8px 0px;
    border-radius: 0px;
    text-decoration: none;
    display: block;
    padding: inherit;
    line-height: inherit;
    min-height: inherit;
    width: auto;
    float: right;
    height: 36px;
}

.ui-menu .searchli .right-button-shape.green:before {
    border-top-width: 36px
}

.galerie {
    margin-top: 30px;
    margin-bottom: 30px;
}

.galerie > a {
    color: rgb(255,255,255);
    position: relative;
    margin-bottom: 30px;
}

.galerie > a > span {
    position: absolute;
    font-size: 20px;
    font-weight:bold;
    bottom: 10px;
    left: 10%;
    text-align: left;
    color: #fff;
}

.dark-galerie > a > span{
	left: 0px;
	bottom: -10px;
	display: block;
	width: 100%;
	text-align: center;
	color: rgb(0,0,0);
}

.dark-galerie > a:hover{
	overflow: visible !important;
}

.galerie > a:hover {
    -webkit-transition: 0.3s opacity;
    -moz-transition: 0.3s opacity;
    -ms-transition: 0.3s opacity;
    -o-transition: 0.3s opacity;
    transition: 0.3s opacity;
    opacity: 0.75;
    overflow: hidden;
}

.galerie div a img {
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
    border:1px solid rgb(222,222,222);
    padding:2px;
}

.news .title {
    margin-top: 0px;
}

.news .more a{
    color: #e30a0a !important;
}

.basketsum {
    margin-top: 30px;
    margin-bottom: 20px;
}
.basketsum h3 {
    margin-top: 0;
}
.basketsum h3.green {
    color: #8CC710 !important;
}
.basketsum table {
    float: right;
}

.basketsum table tr td:nth-child(2) {
    padding-left: 15px;
}

span.customSelect {
    background: rgb(241,241,241) url('../images/select_arrow.jpg') right center no-repeat;
    color:rgb(51,51,51);
    padding:7px 9px;
    width: 150px;
    white-space: nowrap;
}
span.customSelect.last {
    float: right;
    padding-right: 0px;
}

.last.hasCustomSelect {
    right: -5px;
}

/*.# .right-button-shape.green {*/
/*margin: 8px 0px;*/
/*border-radius: 0px;*/
/*text-decoration: none;*/
/*display: block;*/
/*padding: inherit;*/
/*line-height: inherit;*/
/*min-height: inherit;*/
/*width: auto;*/
/*float: right;*/
/*height: 36px;*/
/*}*/

#login .newpass-a {
    text-align: center;
    padding-bottom: 20px;
}

#login .newpass-a a {
    text-decoration: underline;
}

#login .newpass-a a:hover {
    text-decoration: none;
}
.placeorder {
    color: #000;
    padding: 50px 30px 200px;
    text-transform: uppercase;
}
.placeorder > h1 {
    margin: 0;
    font-size: 27px;
}
.placeorder > h2 {
    margin: 10px 0 60px;
    font-size: 20px;
}
.delmodal .modal-content,
#firstbuy .modal-content,
#placeorder .modal-content,
#login .modal-content,
#setnewpass .modal-content,
#newpass .modal-content {
    padding: 0px 15px 0px 15px;
}

.contact-form .right-button-shape.green,
#firstbuy .right-button-shape.green,
#placeorder .right-button-shape.green,
#login .right-button-shape.green,
#setnewpass .right-button-shape.green,
#newpass .right-button-shape.green {
    height: 36px;
}

.contact-form .right-button-shape.green:before,
#firstbuy .right-button-shape.green:before,
#placeorder .right-button-shape.green:before,
#login .right-button-shape.green:before,
#setnewpass .right-button-shape.green:before,
#newpass .right-button-shape.green:before {
    border-top-width: 36px;
}

#firstbuy .left-button-shape.grey:after,
#placeorder .left-button-shape.grey:after {
    border-bottom-width: 36px !important;
}

@media (max-width: 810px) {
    #firstbuy .right-button-shape.green,
    #placeorder .right-button-shape.green {
        width: 100%;
        margin-top: 10px !important;
        margin-bottom: 20px !important;
        margin-left: 0px !important;
    }

    #firstbuy .right-button-shape.green:before,
    #placeorder .right-button-shape.green:before {
        display: none;
    }
}

ul.errors {
    list-style: none;
    color: #e30a0a;
    padding-left: 0px;
}

table.orders thead th{
    border-bottom: 2px solid rgb(51,51,51);
    border-top: 2px solid rgb(51,51,51) !important;
}

table.orderslist tr{
    cursor: pointer;
}

.orders-nav {
    margin: 10px 0px;
    border: none;
    font-weight: bold;
}

.orders-nav li{
    padding: 10px 15px !important;
}

.orders-nav li a{
    padding: 0px !important;
    padding-bottom: 5px !important;
}

.orders-nav li a:hover{
    background-color: inherit;
    border-color: rgb(255,255,255);
    padding-bottom: 5px;
}

.orders-nav li a {
    border: none !important;
    border-bottom: 2px solid rgb(255,255,255) !important;
}

.orders-nav .active a{
    border-bottom: 2px solid #e30a0a !important;
}

.order-detail .title{
    margin-top: 35px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd;
    font-weight: bold;
    text-transform: uppercase;
}

.orders-filter{
    text-align: right;
    margin-top: 20px;
    margin-bottom: 20px;
}

.orders-filter a{
    margin-left: 10px;
    padding-left: 15px;
    background-image: url("../images/checkbox-off.jpg");
    background-position: left center;
    background-repeat: no-repeat;
}

.orders-filter a.active{
    background-image: url("../images/checkbox-on.jpg");
}

#firstbuy .modal-dialog{
    max-width: 500px;
}

#firstbuy .modal-body{
    text-align: center;
}

#firstbuy .title{
    color: #e30a0a;
    font-weight: bold;
}

#firstbuy .title span{
    display: block;
}

#firstbuy .title .first{
    font-size: 50px;
    line-height: 50px;
}

#firstbuy .title .second{
    font-size: 60px;
    line-height: 60px;
}

#firstbuy .title .third{
    font-size: 23px;
    line-height: 23px;
}

#firstbuy .small{
    font-size: 0.75em;
    line-height: 16px;
    /*margin-bottom: 0px;*/
}

#firstbuy .btndiv .btn{
    cursor: pointer;
}

.slider.slider-horizontal {
    width: 100% !important;
    margin-bottom: 0;
    position: relative;
}
.slider.slider-horizontal:before {
    content: 'Cenová relace';
    position: absolute;
    top:-10px;
    font-size: 20px;
    margin-bottom: 20px;
    width: 100%;
    height: 100%;
    left:0;
    text-align: center;
}

.prodejny_map_bubble                         {
    line-height: 15px;
    width: 380px;
    overflow: hidden;
    color: #666666;
}

.prodejny_map_bubble .title                  {
    font-size: 1.3em;
    font-weight: bold;
    margin-bottom: 15px;
    width: 100%;
    overflow: auto;
    line-height: 25px;
    font-family: "Roboto Condensed", Arial, Verdana;
    color: #333333;
}

/*.prodejny_map_bubble .img                    {
                                                                                float: left;
                                                                                margin-right: 10px;
                                                                                }*/

.prodejny_map_bubble table                   {
    margin: 0px;
}

.prodejny_map_bubble table td                {
    padding: 0px 5px;
    border: none;
}

.prodejny_map_bubble .right                  {
    float: right;
    width: 276px;
}

.prodejny_partners {
    margin: 0px auto;
    max-width: 645px;
    width: 100%;
    overflow: auto;
    padding: 0px;
    padding-bottom: 15px;
    list-style: none;
}

.prodejny_partners li{
    width: 200px;
    float: left;
    overflow: auto;
    margin-right: 15px;
    margin-top: 15px;
}

.prodejny_partners li a{
    padding-top: 30px;
    float: left;
    width: 100%;
    text-align: center;
    color: #333333;
    font-size: 1em;
    text-decoration: none;
    font-weight: bold;
}

.prodejny_partners li a:hover{
    text-decoration: underline;
}

.prodejny_partners .first a{
    background: url(./../images/partner_premium.jpg) top center no-repeat;

}

.prodejny_partners .second a{
    background: url(./../images/partner_top.jpg) top center no-repeat;
}

.prodejny_partners .last a{
    background: url(./../images/partner.jpg) top center no-repeat;
}

.oddeleni{
    width: 100%;
    overflow: auto;
    margin-bottom: 10px;
}

.oddeleni .oddeleni-item {
    overflow: auto;
    margin-top: 35px;
}

.oddeleni .oddeleni-item .title{
    padding: 0px 0px 0px 0px;
    font-size: 22px;
    font-weight: 700;
    color: #333333;
    font-family: "Roboto Condensed", Arial, Verdana;
}

.oddeleni .oddeleni-item .left{
    float: left;
    padding: 0px 20px 12px 0px;
    background-image: url('./../images/osoba_bg.jpg');
    background-position: bottom center;
    background-repeat: no-repeat;
    width: 138px;
    overflow: auto;
}

.oddeleni .oddeleni-item .left img{
    float: left;
}

.oddeleni .oddeleni-item .right{
    float: left;
    font-size: 0.9em;
    margin-left: 10px;
}

.oddeleni .oddeleni-item .right a{
    /*color: rgb(43,171,254);*/
}

.oddeleni .oddeleni-item .right table{
    margin-top: 15px;
}

.oddeleni .oddeleni-item .right table tr td:first-child{
    padding-right: 10px;
}





.companys {
    /*padding: 0px 0px 0px 60px;*/
    /*overflow: hidden;*/
}

.companys .refitem,
.teams .refitem {
    /*float: left;*/
    padding-top: 30px;
}

@media (min-width: 992px) {
    .txt-center-md {
        text-align: center;
    }
    .companys .refitem,
    .teams .refitem {
        max-width: 300px;
    }
}

.companys .last {
    /*padding-right: 0px;*/
}

.companys .refitem>div,
.teams .refitem>div {
    /*float: left;*/
    border: 1px solid rgb(222,222,222);
}

.companys li a img {
    /*float: left;*/
}

.company_detail {
    padding: 30px 0px 44px 0px;
    position: relative;
    background-position: left bottom;
    background-repeat: repeat-x;
    display: none;
}

.company_detail .close {
    position: absolute;
    top: 60px;
    right: 30px;
    background-image: url('../images/closemenu-white.png');
    height: 30px;
    width: 30px;
    background-position: top left;
    background-repeat: no-repeat;
    text-decoration: none;
}

.partnerdetail {
    padding-bottom: 30px;
}

.company_detail .arrow {
    position: absolute;
    top: 14px;
}

.company_detail .ins {
    padding: 40px 60px 40px 60px;
    background-color: rgb(38,38,38);
    border-top: 1px solid rgb(222,222,222);
}

.partnerdetail .ins {
    padding: 20px 40px 10px 40px;
}

.company_detail .ins .title {
    font-size: 30px;
    line-height: 40px;
    font-weight: 700;
    color: rgb(255,255,255);
}

.company_detail .ins .text {
    padding: 12px 0px 17px 0px;
    color: rgb(255,255,255);
}

.company_detail .ins .cmp {
    padding: 20px 0px 0px 0px;
    overflow: hidden;
}

.company_detail .ins .cmp li {
    width: 131px;
    height: 130px;
    margin: 0px 23px 23px 0px;
    float: left;
    background-color: rgb(255,255,255);
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

.company_detail .ins .cmp .last {
    padding-right: 0px;
}

.company_detail .ins .cmp li a {
    margin: auto 0px;
    display: table-cell;
    vertical-align: middle;
    height: 130px;
    width: 131px;
    text-align: center;
}

.company_detail .ins .cmp li a img {

}

.company_detail .ins .next {
    padding: 10px 0px 25px 0px;
    text-align: center;
}

.company_detail .ins .next a {
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
    color: rgb(157,157,157);
    text-transform: uppercase;
}

.company_detail .ins .next a:hover {
    text-decoration: none;
}

.teams {
    /*padding: 0px 0px 30px 60px;*/
    /*overflow: hidden;*/
}

.teams li {
    /*float: left;*/
    /*padding-right: 21px;*/
}

.teams .last {
    /*padding-right: 0px;*/
}

.teams .refitem .title {
    display: block;
    width: 100%;
}

.teams .refitem .title a{
    display: block;
    width: 100%;
    padding-bottom: 10px;
    text-align: center;
    font-weight: bold;
}

.teams li .title a {
    font-size: 15px;
    line-height: 19px;
    font-weight: 700;
    color: #333333;
    text-decoration: none;
}

.teams li .title a:hover {
    text-decoration: underline;
}

.teams li .img {
    float: left;
    border: 1px solid rgb(222,222,222);
    clear: both;
}

.teams li .img img {
    float: left;
}

.image-grey {
    background-color: rgb(240,240,240);
}

.zoomWindow {
    border: 2px solid rgb(240,240,240) !important;
    background-color: rgb(240,240,240) !important;
}

.addb2binput {
    max-width: 30px;
    text-align: center;
}

.addb2btext {
    /*text-align: center;*/
    padding: 0px 4px;
}

.deliverytooltip.cust-tooltip{
    float: none;
    display: inline;
    margin-left: 10px;
    position: relative;
}

.deliverytooltip.cust-tooltip .tooltip-content {
    z-index:10;
    display:none;
    bottom: 20px;
    left: 0px;
    position:absolute;
    padding-bottom: 13px;
    font-weight: normal;
    min-width: 200px;
}

.addbtooltip.cust-tooltip{
    text-align: center;
    background-color: #17ad08;
    color: rgb(255,255,255) !important;
    display: block;
    width: 100%;
    margin-bottom: 4px;
    min-width: 30px;
}

.cust-tooltip .tooltip-content {
    z-index:10;
    display:none;
    margin-top:-90px;
    margin-left:0px;
    position:absolute;
    padding-bottom: 13px;
}

.cust-tooltip .tooltip-content img {
    position: absolute;
    bottom: 0px;
    left: 0px;
}

.cust-tooltip .tooltip-content>span {
    border: 1px solid #D7D7D7;
    background:rgb(255,255,255);
    color: rgb(51,51,51);
    line-height: 18px;
    display: block;
    padding:14px 20px;
    font-size: 0.9em;
    text-align: left;
}
.padding-bottom-20 {
    padding-bottom: 20px;
}
.cust-tooltip:hover .tooltip-content {
    display:inline;
}
button.btn-pokracovat, .kosik-wr a.btn-vybirat {
    margin-left: 25px;
    font-size: 16px;
    line-height: 16px;
    padding: 10px 16px;
}
.cust-tooltip:hover .tooltip-content .color {
    float: left;
    height: 15px;
    width: 15px;
    margin-right: 10px;
}

.addb2btext.green .cust-tooltip, .addb2btext .green {
    background-color: #17ad08;
}
.kosik-wr .green {
    color: #8CC710 !important;
}
.addb2btext.orange .cust-tooltip, .addb2btext .orange {
    background-color: rgb(244,164,18);
}

.addb2btext.red .cust-tooltip, .addb2btext .red {
    background-color: rgb(224,19,16);
}

.imagesgal {
    position: relative;
}

.imagesgal .temperature {
    position: absolute;
    top: 20px;
    left: 20px;
    background-image: url('../images/temperature-icon.png');
    background-position: left center;
    background-repeat: no-repeat;
    line-height: 38px;
    padding-left: 30px;
    font-weight: bold;
}

#ajax-spinner {
    position: fixed;
    width: 100px;
    height: 100px;
    /* - use if you use bacground image, no ico */
    background-image: url('../images/loading.gif');
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 123456;
    color: green;
}

.short_descr .more                   {
    padding-left: 15px;
    text-decoration: none;
    /*color: #e30a0a;*/
}

.short_descr .more span              {
    text-decoration: underline;
}

.short_descr .more span:hover        {
    text-decoration: none;
}

.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
    border-color: rgb(221, 221, 221); !important;
    color: rgb(141,141,141); !important;
}

.pagination>li>a {
    color: rgb(51,51,51); !important;
}
.dlazdice-nadpis  {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-transform: uppercase;
    font-size: 30px;
    color: #fff;
    font-weight: bold;
    display: block;
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    -ms-transition: all 0.7s ease;
    text-align: center;
}
.dlazdice {
    background: #000;
}
.dlazdice-image {
    height: 100%;
}
.dlazdice-image:after {
    content: none;
}
.kosik-wr .bigger-k {
    font-size: 18px;
}
.dlazdice-image > img {
    -webkit-transform: translateZ(0);
    backface-visibility: hidden;
    -moz-backface-visibility: hidden;
}
.footer-nadpis {
    font-size: 16px;
}
.footer-nadpis-bigger {
    margin-top: 90px;
    font-size: 18px;
}
.footer form {
    margin-top: 30px;
}
.footer .btn {
    background: #28272e;
    text-transform: uppercase;
    border: 0 !important;
    padding-left: 32px;
    padding-right: 32px;
}
.footer-nadpis:after {
    margin-top: 10px;
    content: "";
    background: #343434;
    height: 1px;
    width: 90%;
    display: block;
}


.social__item {
    display: inline-block;
    margin-right: 0.1em;
}
.social__container {
    padding: 1em;
    font-size: 1.5em;
}
.search-btn-small {
    display: none;
}
.tb-small {
    display: none;
}
@media (max-width: 991px) {
    .search-navbar {
        display: none !important;
    }
    .tb-small {
        display: inline-block;
        white-space: nowrap;
        overflow: hidden;
        width: 100%;
    }
    .tb-small > * {
        display: inline-block;
        white-space: normal;
        vertical-align: middle;
        position: relative;
        text-align:center;
    }
    .tb-small > div form {
        float: right;
        width: 96%;
        display: block;
    }
    .tb-small > img {
        /*min-width: 22px;*/
        /*max-width: 4%;*/
    }
    .tb-small > div {
        margin-bottom: 0;
        /*min-width: 80%;*/
        /*max-width: 80%;*/
    }
    .tb-small > div > input {
        width: 93%;
        position: relative;
        color: #fff;
    }
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        overflow-x: hidden;
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
}
@media (max-width: 1400px) {
    .default-padding-left {
        padding-left: 0 !important;
    }
}

.nice-select {
    background: rgb(241, 241, 241);
    color: rgb(51, 51, 51);
    padding: 7px 9px;
    margin-bottom: 10px;
    outline: none !important;
    position: relative;
    cursor: pointer;
    white-space: nowrap;
}
@media (min-width: 1200px) {
    .nice-select {
        margin-right: 10px;
    }
}
.nice-select:hover {
    border-color: #dbdbdb;
}
.nice-select:active,
.nice-select.open,
.nice-select:focus {
    border-color: #999;
}
.nice-select:after {
    border-bottom: 2px solid #999;
    border-right: 2px solid #999;
    content: '';
    display: block;
    height: 5px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    width: 5px;
}
.nice-select.open:after {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
.nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
	width: auto;
	min-width: 150px;
}
.nice-select.disabled {
    border-color: #ededed;
    color: #999;
    pointer-events: none;
}
.nice-select.disabled:after {
    border-color: #cccccc;
}
.nice-select.wide {
    width: 100%;
}
.nice-select.wide .list {
    left: 0 !important;
    right: 0 !important;
}
.nice-select.right {
    float: right;
}
.nice-select.right .list {
    left: auto;
    right: 0;
}
.nice-select.small {
    font-size: 12px;
    height: 36px;
    line-height: 34px;
}
.nice-select.small:after {
    height: 4px;
    width: 4px;
}
.nice-select.small .option {
    line-height: 34px;
    min-height: 34px;
}
.nice-select .list {
    width: 100%;
    background-color: #fff;
    box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
    box-sizing: border-box;
    margin-top: 4px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: scale(0.75) translateY(-21px);
    transform: scale(0.75) translateY(-21px);
    -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    z-index: 9;
}
.nice-select .list:hover .option:not(:hover) {
    background-color: transparent !important;
}
.nice-select .option {
    cursor: pointer;
    font-weight: 400;
    line-height: 40px;
    list-style: none;
    min-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 29px;
    text-align: left;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
.bigger {
    font-size: 34px;
}
.nice-select .option:hover,
.nice-select .option.focus,
.nice-select .option.selected.focus {
    background-color: #f6f6f6;
}
.nice-select .option.selected {
    font-weight: bold;
}
.nice-select .option.disabled {
    background-color: transparent;
    color: #999;
    cursor: default;
}

.aktuality > .obal {
    position: relative;
    width: 100%;
    height: 100%;
}
.aktuality > a {
    margin-bottom: 15px;
    text-decoration: none !important;
}
.aktuality > a > img {
    position: relative;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
}
.aktuality-mensi.homepage > a {
    color: #fff !important;
}
.aktuality a:hover,
.aktuality-mensi a:hover {
    opacity: 0.8;
}
.aktuality-mensi > a {
    -webkit-transform: translateZ(0);
    text-decoration: none !important;
}
.aktuality .obsah {
    width: 100%;
    background: #fff;
    color: #000;
    text-decoration: none !important;
    padding: 15px 15px 5px;
    font-size: 16px;
}
.aktuality .obsah > h2 {
    font-weight: bold;
    font-size: 22px;
    margin: 0px auto 0px;
}
.aktuality .obsah > h2.big-pd {
    margin-top: 7px;
}
.aktuality .obsah > p.big-pd {
    margin-top: 10px;
}
.aktuality > a {
    -webkit-transform: translateZ(0);
}
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    margin-top: 25px;
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
@media (max-width: 1199px) {
    .slider-cena {
        padding:0;
    }
    .slider.slider-horizontal {
        margin-top: 10px;
        margin-bottom: 10px;
        width: 100% !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .navbar-brand > img#big {
        display: none !important;
    }
    .navbar-brand > img#small {
        display: block !important;
    }
}
@media (max-width: 768px) {
    .slider.slider-horizontal {
        margin: 10px auto;
        margin-bottom: 10px;
        width: 100% !important;
        display: block;
    }
    .slider-cena {
        overflow: hidden;
    }
    .slider.slider-horizontal .slider-tick,
    .slider.slider-horizontal .slider-handle[style*="left: 0%"] {
        margin-left: 0 !important;
    }

    .slider-handle.max-slider-handle.round[style*="left: 100%"] {
        margin-left: -20px !important;
    }
}
/* Slide menu */
div.slide-menu-wrapper {
	position: fixed;
	top: 200px;
    left: 0;
    z-index: 1000;
    width: auto;
    height: auto;
}
div.slide-menu {
    width:100%;
    height: 100%;
    margin-top: 0;
	max-width: 100%;
}
div.slide-menu > div > ul {
    display: none;
    overflow: hidden;
}
div.slide-menu > a {
    display: none;
    height: 44px;
    width: 44px;
    overflow: hidden;
    text-decoration: none !important;
    outline: none !important;
}
div.slide-menu > a:hover {
    opacity: 0.9;
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    -ms-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;
}
div.slide-menu > a#open {
    display: none;
    position: absolute;
    top: 0;
    right: -29px;
}
div.slide-menu > a#close {
    display: block;
    margin-left: -15px;
}
@media (max-width: 480px) {
    div.slide-menu-wrapper {
        padding: 0;
    }
    div.slide-menu > a#open {
        display: none;
        max-width:15%;
        position: absolute;
        top: 0;
        right: 0;
    }
    div.slide-menu {
        width:87%;
        max-width: 87%;
    }
    div.slide-menu > a#close {
        margin-left: 0;
    }
}

@media (max-width: 768px) {
    .placeorder {
        padding: 50px 15px 60px;
    }
    .produkty-obsah {
        min-width: inherit !important;
    }
    /*div.slide-menu > a {*/
        /*display: none !important;*/
    /*}*/
    /*div.slide-menu > div > ul {*/
        /*display: block !important;*/
        /*overflow: hidden;*/
    /*}*/
    /*div.slide-menu-wrapper {*/
        /*position: static;*/
        /*width: 100%;*/
        /*height: 100%;*/
    /*}*/
}

.galerie-black {
    background-color: rgb(0,0,0);
}

.galerie-back{
    color: rgb(255,255,255);
    margin-left: 5%;
    margin-bottom: 20px;
    padding: 0px 0px 0px 45px;
    float: left;
    background-image: url('../images/galerie-back.png');
    background-position: center left;
    background-repeat: no-repeat;
    line-height: 35px;
    z-index: 1000;
    position: relative;
}

.galerie-back:hover{
    color: rgb(255,255,255);
}

.galerie-carousel{
    padding-bottom: 80px;
}

.galerie-carousel .carousel-control{
    opacity: 1;
}

.galerie-carousel .carousel-control.right{
    text-align: right;
}

.galerie-carousel .carousel-control.left{
    text-align: left;
}

.galerie-carousel .carousel-control.right span{
    width: 32px;
    height: 100%;
    background-image: url('../images/arrow-right.png');
    background-position: center right;
    background-repeat: no-repeat;
}

.galerie-carousel .carousel-control.left span{
    width: 32px;
    height: 100%;
    background-image: url('../images/arrow-left.png');
    background-position: center right;
    background-repeat: no-repeat;
}

@media (min-width: 768px) {
    .galerie-carousel .carousel-inner {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
    .galerie-carousel .carousel-control.right {
        /*right: -100%;*/
        /*background-color: transparent;*/
    }
}

.text_panel img {
	max-width: 100%;	
}

.text_panel {
	font-size: 1.1em;
}

.tab-content>.tab-pane {
	font-size: 1.1em;
}

.basketicon .countwrapper {
	position: relative;
	display: block;
}

.basketicon a .countwrapper .count {
	position: absolute;
	top: -8px;
	right: -8px;
	font-size: 13px;
	line-height: 15px;
	background-color: #e30a0a;
	color: rgb(255,255,255);
	padding: 0px 4px;
	height: 15px;
	border-radius: 50%;
	display:block
}

.flash-green {
	background-color: #8CC710 !important;
	color: rgb(255,255,255);
	display: block;
	text-align: center;
	padding: 8px;
}

.justifygalerie {
	display:none;
}



.instagram {
	margin: 30px -15px;
}

.instagram  h2{
	margin-bottom: 30px;
}

.instagram .img-responsive {
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	-ms-transition: all 0.25s ease;
	transition: all 0.25s ease;
}

.instagram .img-responsive:hover {
	opacity: 0.6;
}

.instagram a{
	color: rgb(255,255,255);
	cursor: pointer;
}

.instagram a:hover{
	text-decoration: none;
}

.instagram .user {
	margin-top: 15px;
	font-weight: bold;
}

.instagram .user img {
	width: 50px;
	border: 1px solid rgb(225,225,225);
	margin-right: 15px;
	-webkit-border-radius: 50%;
	-moz-border-radius:50%;
	border-radius:50%;
}

.instagram .more {
	color: rgb(0,160,224);
}

.instagram a:hover .more {
	text-decoration: underline;
}

nav>.container {
	position: relative;
}

.second-logo {
	position: absolute;
	top: 12px;
	right: 0px;
}

.nav-small .second-logo {
	top: 0px;
}

@media (max-width: 991px) {
	.second-logo {
		display: none;
	}
}

.bs-fb::before {
 content: '\0066';
}

.bs-fb {
	background-color: white;
	color: black;
	padding: 5px 10px;
	font-weight: bold;
	border-radius: 50%;
}