/* fonty */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* hlavni elementy */

body {
    font-family: 'Roboto', sans-serif;
}

main {
    min-height: 400px;
}

section {
    padding: 30px 0;
}

h1, h2, h3, .h1, .h2, .h3 {
    font-weight: 600;
    color: #414141;
}

h1, .h1 {
    font-size: 28px;
    margin-bottom: 20px;
}

h2, .h2 {
    font-size: 22px; 
    margin-bottom: 15px;
}

h3, .h3 {
    font-size: 18px;
}

h3.modal-title, h3.card-header {
    margin-top: 0;
}

a {
    text-decoration: none;
    color: #3569A6;
}

ul {
    padding:0;
    margin: 0;
}

ul li {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

ul.seznam {
    margin-left: 25px;
}

ul.seznam li {
    list-style-type: disc;
}

code {
    display: block;
    margin-bottom: 20px;    
}

.text-red {
    color: #9F1D29;
}

.bg-red {
    background-color: #9F1D29;
}

.text-blue {
    color: #3569A6;
}

.bg-blue {
    background-color: #3569A6;
}


/* hlavni struktura */

.sortiment .card {
    flex-direction: row;
}

.sortiment .card-img-top {
    width: 140px;
    height: 140px;
}

.sortiment .card:hover, .produkty .card:hover {
    box-shadow: 0px 5px 20px #dde1ee;
}

.sortiment .card:hover a, .produkty .card:hover a {
    text-decoration:none; 
    color: #222222;
}
.list-group-item {
    padding: 10px 15px;
}

ul.nav-vertical .active, ul.nav-vertical .list-group-item:hover {
    background-color: #F8F9FA;
    border-color: rgba(0, 0, 0, 0.125);
    color: #414141;
}

ul.nav-vertical .list-group-item:hover a {
    text-decoration: none;
}

.font-weight-soft {
    font-weight: 500;
}

.clear {
    clear: both;
}

.btn-outline-secondary {
    background-color: #F0F0F0;
    border-color: rgb(206, 212, 218);
}

.btn-primary {  
    color: white;
    background-color: #3569A6;
    border-color: #3569A6;
}

.btn-primary:hover {
    background-color: #154986;
    border-color: #154986;
}

.btn-lg {
    padding: 12px 30px;
    font-size: 22px;
    font-weight: 500;
}

.carousel-indicators {
    position: initial; 
    height: 50px;
}

.carousel-indicators li {
    width: 50px;
}

.carousel-control-next, .carousel-control-prev {
    filter: invert(50%);
}

.card h2 {
    margin-top: 0;
}

.proMobil { 
    display: none;
}

.proMobilInline {
    display: none;
}

.proMonitor { 
    display: block;
}

.modra {
    color: #3569A6;
}

.check {
    background: #222;
    height: 40px;
    width: 40px;
    border-radius: 20px;
    display: inline-block;
}

.checked {
    display: block;
    height: 30px;
    width: 30px;
    background-image: url(/images/icons/checked.png);
    margin-left: 4px;
    margin-top: 3px;
}

.ico-info, .ico-success, .ico-warning, .btn-reload {
    text-indent: -9999px;
    background-repeat: no-repeat;
    background-position: center center;
    min-width: 20px;
    /*background-color: #FFFFFF;*/
    border-color: #ced4da;
    border-left: none;
    display: inline-block;
}

.cursor-pointer {
    cursor: pointer;
}

.cursor-pointer:hover {
    background-color: #F0F0F0;
}

.card .buttons {
    display: none;
    position: absolute;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.1);
    text-align: center;
    bottom: 0px;
    padding: 10px 0;
}

.card .buttons a{
    padding-right: 7px;
}

.card:hover .buttons{
    display:block;
}

button.ico-info {
    border: none;
}

button.ico-info:hover {
    background-color: #F0F0F0;
}

.ico-info {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath fill='%23ced4da' d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z'/%3E%3C/svg%3E");
}

.ico-warning {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath fill='%23ffc107' d='M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z'/%3E%3C/svg%3E");
}

.ico-success {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath fill='%2328a745' d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z'/%3E%3C/svg%3E");
}

.btn-reload {
    padding: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M19 8l-4 4h3c0 3.31-2.69 6-6 6-1.01 0-1.97-.25-2.8-.7l-1.46 1.46C8.97 19.54 10.43 20 12 20c4.42 0 8-3.58 8-8h3l-4-4zM6 12c0-3.31 2.69-6 6-6 1.01 0 1.97.25 2.8.7l1.46-1.46C15.03 4.46 13.57 4 12 4c-4.42 0-8 3.58-8 8H1l4 4 4-4H6z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
}

figcaption {
    text-align: center;
}

.container {
    max-width: 1400px;
}

.container-small, .container-sm {
    max-width: 900px;
}

.obrazek, .obrazek img {
    width: 100%;
}

.zuzeny {
    max-width: 900px;
    margin: auto;
}

.zuzeny-mini {
    max-width: 600px;
    margin: auto;
}

.produkty .card-body a {
    overflow: hidden;
    white-space: nowrap;
}

.badge-info {
    padding:10px;
    font-size:14px;
}

.wrapper {
    display: flex;
    width: 100%;
}



/* menu */

.menu-odsazene {
    margin-left: -15px;
}

.menu-odsazene-zprava {
    margin-right: -15px;
}

.dropdown:hover>.dropdown-menu {
    display: block;
}

nav li, .cart li {
    list-style-image: none;
}

#navbarSupportedContent {
    /*margin: 0 -20px;*/
}

.navbar {
    padding: 0;
}

.navbar-brand img {
    height: 50px;
}

.navbar-nav .nav-item {
    font-size: 16px;
    padding: 0 10px;
}

.navbar-nav .nav-item .columns-4, .dropdown-menu{
    width: max-content;
    box-shadow:0px 0px 25px 0px #ccc;
}

.dropdown-menu {
    margin-top: 0;
    border: none;
}

.dropdown-menu .row .col {
    border-right: 2px solid #F0F0F0;
}

.dropdown-menu .row .col:nth-child(4) {
    border: none;
}

.price{
    font-size:22px;
    font-weight:800;
    color:#242424;
}

.price2{
    font-size:16px;
    font-weight:800;
    color:#242424;
    text-align: center;
    display: block;
}


/* strankovani */

p.paging {
    clear: both;
    float: left;
    margin: 10px 0 10px 0;
    padding: 0;
}

.paging a {
    font-size: 16px;
    color: #FFFFFF;
    background-color: #00b6b9;
    border-radius: 3px;
    cursor: pointer;
    padding: 10px 20px;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    border: none;
    line-height: 24px;
}

.paging a:hover, .paging a.active {
    color: #FFFFFF;
    background-color: #008484;
}

.paging a:not([href]) {
    color: #FFFFFF;
    background-color: #DDDDDD;
}


/* naseptavac */

.naseptavacWeb {
    position: absolute;
    top: 30px;
    max-width: 600px;
    width: 100%;
    display: none;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    z-index: 3;
}

.naseptavacWeb a {
    background-color: #FEFEFE;
    color: #454545;
    cursor: pointer;
    padding: 0 5px;
    display: block;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    background-color: #FFFFFF;
}

.naseptavacWeb a.active, .naseptavacWeb a:hover {
    background-color: #E9E9E9;
}


/* paticka */

footer {
    clear: both;
    padding: 20px 0;
}

footer a {
    color: #454545;
}

footer .nadpis {
    font-weight: bold;
}

.karta {
    width: 61px;
    height: 42px;
    background-image: url("/images/novydesign/karty.png");
    background-repeat: no-repeat;
    float: left;
    margin-right: 4px;
}

.visa {
    background-position: 0 0;
}

.masterCard {
    background-position: 0 -45px;
}

.PayPal {
    background-position: 0 -88px;
}

.thepay {
    margin-top: 5px;
}

.ikona {
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url("/images/ikony.png");
    width: 17px;
    height: 16px;
}

.ikonaEmail {
    background-position: -20px 0;
}

.ikonaFormular {
    background-position: -40px 0;
}

.ikonaKDispozici {
    background-position: -60px 0;
}

.ikonaAdresa {
    background-position: 0 -16px;
}

.ikonaFacebook {
    background-position: -20px -16px;
    margin-right: 10px;
}

.ikonaInstagram {
    background-position: -40px -16px;
    height: 17px;
    margin-right: 10px;
}

.ikonaDarek {
    background-position: -61px -34px;
}

.cernoBile {
    filter: grayscale(25%);
}

.cernoBile:hover {
    filter: grayscale(0%);
}




/* uvodni stranka */

.mozaikaPodkladu img {
    width: 100%;
}

.mozaikaPodkladu h3 {
    width: 100%;
    text-align: center;
    color: #EEE;
    position: absolute;
    bottom: 5px;
}

.mozaikaPodkladu a {
    display: block;
    margin-bottom: 25px;
}

.mozaikaPodkladu a:hover h3 {
    color: #BBB;
}

.sloupecMozaikaLevy, .sloupecMozaikaPravy {
    position: absolute; 
    width: 50%; 
    display: block; 
    top: 0; 
    height: 100%;
}

.sloupecMozaikaLevy3, .sloupecMozaikaPravy3, .sloupecMozaikaProstredni {
    position: absolute; 
    width: 33.33333%; 
    display: block; 
    top: 0; 
    height: 100%;
}

.sloupecMozaikaLevy, .sloupecMozaikaLevy3 {
    left: 0; 
}

.sloupecMozaikaProstredni {
    left: 33.333%;
}

.sloupecMozaikaPravy, .sloupecMozaikaPravy3 {
    right: 0; 
}


/* style guide */

pre {
    background:#f6f6f6;
    font-size:16px;
    padding:20px;    
}

.hljs-name, .hljs-tag{
    color:#000080;
}

.hljs-attr{
    color:#008080;
}

.hljs-string{
    color:#DD1144;
}


/* recenze */

.recenze {
    margin-bottom: 10px;
}

.recenze b {
    color: #616161;
}

p.plus{color:#50ad30;}
div.review div.shoprev .stars{margin-top:0;padding-top:0}
div.review div.shoprev div.recommend-no,div.review div.shoprev div.recommend-yes{right:18px}
.rating{height:12px;overflow:hidden;width:65px;float:left;margin:0 5px 0 0}
.rating .over{background:transparent url(/images/stars_pl.gif) no-repeat scroll 0 -12px;display:block;height:12px;width:65px;float:left}
.rating .over span,.rating span span{float:left;height:12px;background:url(/images/stars_pl.gif) no-repeat scroll 0 0}
.hodnotitel {
    padding-bottom: 5px;
    font-size: 18px;
    float: left;
}
.eval {
    float: right; 
    margin-top: 5px; 
    color: #30A9D4;

}
.eval .rating{
    height: 20px;
    width: 100px;
}
.eval .rating .over{background:transparent url(/images/stars_pl_20.gif) no-repeat scroll 0 -20px;height:20px;width:100px}
.eval .rating a span,.eval .rating span span{background:url(/images/stars_pl_20.gif) no-repeat scroll 0 0;height:20px}

.hodnoceni {
    padding: 5px 0;
}

.hodnoceni p {
    margin: 5px 0;	
}

.recenzeA {
    margin: 0 30px;
}


/* tvoric */

.infoUTvorice {
    float: right;
    width: 300px;
}


/* stránka produktu */

#nacitani {
    position: absolute; 
    top: 250px; 
    left: 200px; 
    z-index: 10; 
    width: 128px; 
    height: 15px; 
    background-image: url(/images/ajax-loader.gif); 
    background-repeat: no-repeat;
}

#nacitaniH {
    z-index: 10; 
    width: 128px; 
    height: 15px; 
    background-image: url(/images/ajax-loader.gif); 
    background-repeat: no-repeat;
    float: left;
    display: none; 
    margin: 50px 0 0 20px;
}

.overflow {
    overflow: auto;
}

.sleva {
    height: 70px;
    width: 70px;
    position: absolute;
    top: 2%;
    right: 10%;
    background-color: #9F1D29;/*bd3934*/
    color: #FFFFFF;
    border-radius: 35px;
    z-index: 2;
    font-weight: 800;
    font-size: 24px;
    line-height: 70px;
    white-space: nowrap;
    text-align: center;
    text-decoration: none;
    overflow: hidden;
}

.upravUdaje {
    height: 40px;
    border: 1px solid #CCC;
    background-color: #FFFFFF;
    border-radius: 20px;
    z-index: 2;
    color: #3569A6;
    font-weight: 800;
    line-height: 38px;
    white-space: nowrap;
    text-align: center;
    text-decoration: none;
    padding: 0 15px 0 10px;
    text-transform: uppercase;
    color: #242424;
    margin-bottom: 5px;
    cursor: pointer;
}

.upravUdaje:hover {
    background-color: #F0F0F0;   
}

.upravitRok {
    position: relative;
}

.upravitRok a {
    cursor: pointer;
    font-size: 18px;
    color: #3569A6;
    background-color: #FFFFFF;
    border-radius: 10px;
    cursor: pointer;
    padding: 0 30px;
    text-transform: uppercase;
    font-weight: bold;
    border: 5px solid #EAEAEA;
    line-height: 50px;
    height: 60px;
    text-decoration: none;
    display: inline-block;
    position: absolute;
    bottom: 10%;
    right: 10%;
}

.upravitRok a:hover {
    color: #FFFFFF;
    background-color: #3569a5;
}

.upravaProduktu {
    width: 10%;
    height: 10%;
    background-color: #3569A6;
    border: 3px solid #EAEAEA;
    position: absolute;
    bottom: 18%;
    left: 12%;
    background-image: url("/images/novydesign/upravit.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
}

.barva-podkladu-border {
    float: left;
    border: 5px solid #EAEAEA;
    margin: 5px 5px 0 0;
    display: block;
    text-decoration: none;
}

.barva-podkladu-border:hover, .barva-podkladu-border-aktivni {
    border-color: #454545;
}

a.barva-podkladu {
    display: block;
    width: 30px;
    height: 30px;
    text-decoration: none;
    cursor: pointer;
    font-weight: bold;
    font-size: 30px;
    line-height: 30px;
    color: #000000;
}

.barva-podkladu-border-mensi {
    margin-right: 3px;
    border-width: 3px;
}

a.barva-podkladu-mensi {
    width: 18px;
    height: 18px;
}

a.barva-podkladu div {
    cursor: pointer;
    display: block;
    width: 15px;
    height: 15px;
    line-height: 10px;
}

a.barva-podkladu-mensi div {
    width: 10px;
    height: 10px;
}

.popisekVSortimentu {
    height: 120px;
    width: 100%;
    overflow: hidden;
}
.product{
    margin-bottom: 30px;
    max-width: 360px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    height: 400px;   
    border: 1px solid white;
}

.dalsiProdukty .product{
    height:auto;        
}

.product a:hover{
    text-decoration:none;    
}
.product:hover{
    border: 1px solid #dde1ee;
    box-shadow:0px 5px 20px #dde1ee;
}
.product .cena{
    color:#232323;
    font-size:16px;
}
.barvyVSortimentu {
    text-align: center;
    margin: 0;
    line-height: 18px;
    display: block;
}

.barvyVSortimentu div.barva {
    width: 19px;
    height: 19px;
    border: 1px solid #EAEAEA;
    margin: 1px;
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
}

#velikostiVice {
    display: none;
    padding: 10px 0;
}

#velikostiVice:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.velikostPocet {
    width: 50px;
    line-height: 24px;
    height: 24px;
    margin-right: 19px;
    float: left;
}

.velikost-border {
    background-color: #EAEAEA;
    width: 64px;
    height: 76px;
    padding: 5px 5px 0 5px;
    text-align: center;
    cursor: pointer;
    float: left;
    margin-right: 5px;
    font-weight: 500;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
}

.velikost-border:hover .velikost, .velikost-border .velikostAktivni {
    color: #FFFFFF;
    background-color: #3569A6;
}

.velikost {
    color: #616161;
    background-color: #FFFFFF;
    height: 49px;
    width: 54px;
    text-align: center;
    line-height: 20px;
    font-size: 16px;
    padding: 3px 0;
    vertical-align: middle;
    display: table-cell;
}

.velikostiTabulka {
    clear: both;
    position: relative;
    cursor: pointer;
    line-height: 30px;
    /*width: 140px;
    height: 82px;
    float: left;*/
}

.velikostiTabulka a {
    /*position: absolute;
    bottom: 0;*/
    font-weight: 500;
}

#zvolteVelikost span {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 5px;
    line-height: 40px;
}

#zvolteVelikost .error {
    background-image: url(/images/alert2.png);
    padding-left: 48px;
}

.puvodniCena {
    color: #898989;
    text-decoration: line-through;
}




.nahled h3 {
    margin-bottom: -15px;
}

.info, .infoBublina {
    display: inline-block;
    width: 25px;
    height: 25px;
    background-image: url("/images/novydesign/info.png");
    background-size: 100%;
    background-repeat: no-repeat;
    vertical-align: bottom;
    cursor: pointer;
}

.popupOkno {
    position: absolute;
    /*top: -10px;*/
    /*width: 320px;
    height: 200px;*/
    max-width: 1100px;
    min-width: 300px;
    min-height: 200px;
    background-color: #FFFFFF;
    border: 1px solid #999999;
    line-height: 20px;
    z-index: 10;
    color: #000000;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.popupOknoObrazek {
    height: 90vh;
}

.popupText table {
    margin-bottom: 10px;
}

.popupText table td, .popupText table th {
    padding: 5px 10px 5px 5px;
    white-space: nowrap;
}

.popupText table tr:nth-child(odd) {
    background-color: #F0F0F0;
}

.zavrit {
    cursor: pointer;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #E0E0E0;
    background-image: url("/images/zavrit.png");
    background-repeat: no-repeat;
    background-position: center center;
}

.obrazekVOkne {
    height: 85vh;
}

#popupOkno img {
    float: left;
}

.popupHlavicka {
    background-color: #E0E0E0;
    height: 30px;
    padding: 6px 36px 6px 10px;
    line-height: 16px;
    font-weight: bold;
    background-position: 6px 6px;
    background-repeat: no-repeat;
    white-space: nowrap;
    overflow: hidden;
    margin-right: 30px;
}

.popupText {
    padding: 10px;
}

.popupPozadi {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #000000;
    opacity: 0.8;
    filter: alpha(opacity=80);
    z-index: 9;
}

h3 .doublesipka {
    display: inline-block;
    width: 30px;
    height: 15px;
    background-image: url("/images/novydesign/dvojita_sipka.png");
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 30px;
    margin-left: 5px;
}

#nahledProduktu {
    cursor: pointer;
    display: none;
    max-height: 600px;
    margin: auto;
}



/* zastery */
.zastery {
    min-height: 500px; 
    background-color: #c3ecfd; 
    padding: 0; 
    max-width: 1540px; 
    background-image: url(/images/gril.jpg); 
    background-repeat: no-repeat; 
    background-position-x: right; 
    background-size: contain;
}

/* kontejnerSPravymObrazkem */
.kontejnerSPravymObrazkem {
    min-height: 500px; 
    padding: 0; 
    max-width: 1540px; 
    background-repeat: no-repeat; 
    background-position-x: right; 
    background-size: contain;
}

.proDeti {
    background-image: url(/images/chlapec-srdce.jpg); 
    background-color: #ecc3cb;
}

.cestovatelske {
    background-image: url(/images/cestovatelske.jpg); 
    background-color: #c6ff80;
    min-height: 400px;
}

.na-vodu {
    background-image: url(/images/na-vodu.jpg); 
    background-color: #ebe9f4;
    min-height: 400px;
}

.plechacky {
    background-image: url(/images/plechacky.jpg); 
    background-color: #5a5b38;
    min-height: 400px;
    color: #E0E0E0;
}

.plechacky h1 {
    color: #E0E0E0;
}

.vak {
    background-image: url(/images/vak.jpg); 
    background-color: #c6ff80;
    min-height: 400px;
}

.fotoplatna {
    background-image: url(/images/fotoplatna.jpg); 
    background-color: #ebe9f4;
    min-height: 400px;
}



/* kontejnerSPravymObrazkem */
.kontejnerSObrazkem {
    min-height: 450px; 
    padding: 0; 
    max-width: 1540px; 
}

.kontejnerSObrazkem .sloupecObrazek {
    background-image: url(/images/rozlucka.jpg); 
    background-size: cover; 
    min-height: 450px; 
    background-repeat: no-repeat; 
    background-position-y: center;
}

.kontejnerRozlucka {
    background-color: #f4f2f3;
}

.kontejnerVodacka {
    background-color: #e3e6ef;
}

.kontejnerRozlucka .sloupecObrazek {
    background-image: url(/images/rozlucka.jpg); 
}

.kontejnerVodacka .sloupecObrazek {
    background-image: url(/images/na-vodu.jpg); 
}


/* o nás */

.takJdeCas {
    margin: auto;
    max-width: 800px;
}

.takJdeCas img {
    float: left;
    max-width: 250px;
    padding-right: 20px;
}

.fotka {
    border-radius: 50%;
}

.fotka img {
    border-radius: 50%;
    width: 100%;
}


.sloupecSOkrajem {
    padding: 20px;
}


/* obchodni podminky */
ol.obchodniPodminky li {
    margin: 12px 0;
}

ol.obchodniPodminky li ol li {
    list-style-type: lower-alpha;
    margin: 0;
}


/* nastaveni e-shopu */

.e-shop-typ {
    float: left;
    width: 33%;
    margin: 10px 0 15px 2px;
}

.e-shop-typ label.nazevTypu {
    line-height: 20px;
    color: #246693;
    font-weight: bold;
}

.e-shop-typ label.obrazekTypu {
    height: 162px;
    width: 163px;
    display: block;
    cursor: pointer;
}

.e-shop-typ p {
    padding: 10px;
    margin: 0;
}



/* cílové stránky */
.krokyTvorby a {
    display: block;
    height: 291px;
    width: 240px;
    float: left;
}

a.obrazekPodkladu {
    width: 292px;
    height: 276px;
    display: block;
    float: left;
    background-position: -275px 0;
    margin-right: 20px;
}

a.obrazekDresu {
    background-repeat: no-repeat;
    width: 276px;
    height: 276px;
    display: block;
    float: left;
    margin-right: 20px;
}

table.kalkulace {
    margin-bottom: 20px;
}

table.kalkulace tr th {
    text-align: left;
    line-height: 30px;
    padding: 0 10px;
    white-space: nowrap;
}

table.kalkulace tr td {
    padding: 0 5px;
}



/* o nas */

.kdyzNepracujeme img {
    height: 300px;
    margin-right: 10px;
}



/* stránka maturanti */

table.maturitniCenik {
    border-collapse: collapse;
}

table.maturitniCenik tr, table.maturitniCenik td {
    border: 1px solid black;
    padding: 5px 10px 5px 10px;
}


/* prihlaseni */

.caps-lock {
    display: none;
}

/* kosik */
.navigaceKosik {
    color: #8d909e;
}

.navigaceKosik a {
    font-size: 18px;
    font-weight: 600;
    text-align: left;
    display: inline-block;
    color: #454545;
}

.navigaceKosik a.aktivni:hover {
    text-decoration: underline;
}

.navigaceKosik a.aktivni::after {
    content: ' ';
    display: block;
    width: 100%;
    height: 1px;
    background: #00b6b9;
    margin-top: 10px;
}




/* volba způsobu doruční a platební metody */

.cenaDoruceni {
    float: right;
    margin-right: 10px;
    line-height: 50px;
}

.volbyDoruceni label {
    cursor: pointer;
    display: block;
    margin-bottom: 0;
}

.volbyDoruceni input[type="radio"] {
    float: left;
    margin: 20px 10px 0 0;
}

.volbyDoruceni .infoBublina {
    float: right;
    margin-top: 15px;
}

#balikDoRukyCasovePasmo {
    margin-left: 5px;
}

#balikDoRukyCasovePasmo label, #balikDoRukyCasovePasmo div {
    float: left;
}

#balikDoRukyCasovePasmo input[type="radio"] {
    margin-left: 10px;
}

.volbyDoruceni li {
    padding: 0;
}

.volbyDoruceni li label {
    line-height: 50px;
}

.volbyDoruceni li:hover {
    background-color: #EAEAEA;
}

.volbaDoruceniRozbalovaci {
    text-decoration: underline;
    color: #2d588c;
}

.ikonaDopravy {
    width: 50px;
}

#vyberPobocky {
    max-width: 1070px;
    width: 1070px;
    min-height: 510px;
}

#infoOPoboce {
    display: none;
}

#mapaPobocek {
    width: 820px; 
    height: 400px; 
    margin-top: 10px;
    float: left;
}

#infoOPobocceMale {
    width: 240px; 
    height: 400px; 
    margin-top: 10px; 
    float: right;
    overflow: hidden;
}

#detailPobockyTlactiko {
    margin-top: 10px; 
    float: left; 
    cursor: pointer; 
    display: none;
}

#zvolitPobockuTlacitko {
    margin-top: 10px; 
    float: right; 
    display: none;   
}

.dodaciUdaje .form-group {
    max-width: 500px;
}




@media screen and (max-width: 991px) {

    .navbar-fake .nav .navbar-nav .navbar-center{
        margin-left:20px;    
    }
    .navbar-fake .zuzeny{
        margin:0;
    }

    header .container {
        margin: 0 10px;
    }

    .menu-odsazene {
        margin-left: 0;
    }

    .menu-odsazene-zprava {
        margin-right: 0;
    }
}


/* Small devices (tablets, 768px and up) */
@media (max-width: 767px) { 

    .proMobil {
        display: block;
    }

    .proMobilInline {
        display: inline-block;
    }

    .proMonitor {
        display: none;
    }

    main section .container .row .col-12:nth-child(odd) {
        padding-bottom: 30px;
    }

    form.vyhledat {
        margin-right: 0;
    }

    form.vyhledat input[type="text"] {
        width: 260px;
    }

    #vyberPobocky {
        width: 320px;
    }

    #mapaPobocek {
        width: 300px;   
    }

    #infoOPobocceMale {
        width: 240px; 
        height: 400px;
        margin-top: 10px; 
        float: none;
        overflow: hidden;
    }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {  }

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { }