:root {
    --purple-color: #502831;
}
body {background:#fafcdc url(../img/back.jpg) 0 -50px repeat scroll}
p {font-size: 1rem;color:#000;line-height:1.95rem}
.header {background-color:#fff}
.h1, h1 { font-size: 2.05rem;margin: 1.1rem 0 1.4rem 0;color: var(--purple-color)}
.h2, h2 { font-size: 1.8rem;margin-bottom: 1.5rem }
.h4, h4 { font-size: 1.4rem;margin-bottom: 1.2rem;color: var(--purple-color) }
.mb-5 {margin-bottom: 2.5rem !important;}
h1 strong {font-weight: normal}
a {color: var(--purple-color);}
a:hover {color: #111}
.text-danger {color:#cc2525 !important}
.container {
    max-width: 1280px;
}
.container-fluid {
    padding-right: 1px;
    padding-left: 1px;
}
#logo img {max-width:330px}
#logo {position:relative;top:0;left:5px}
.navbar {
    padding: 0.3rem 0 0.1rem 0;
}
.navbar-nav .nav-link {
    font-size: 1.0rem;
}
.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1.9rem;
    padding-left: 0;
}
.navbar-light .navbar-nav .nav-link {
    color: rgba(0,0,0,.95);
    font-size: 1.10rem;
    margin-right: 1.2rem;
}
.navbar-light .navbar-nav .nav-link:hover {
    color: var(--purple-color);
}
.bg-light {background-image: linear-gradient(to top, #ccc 0%, #f6f6f6 50%)}

.btn-primary {background:#0b243b;border-color: #0b243b}

footer {background: rgba(255,255,255,.5);padding:1rem;margin-top:0;line-height: 2rem;color:#655}
footer a {color:#321}
footer a:hover { color: #666; }

#contact {background:#73c1e6;color:#fff;text-shadow: #456 1px 2px 2px}
#contact a {color:#fff}
#contact a:hover {text-decoration:none}
#contact div.row {
    margin-right: 0;
    margin-left: 0;
    padding: 6px 0;
}
#zahlavi {background:#ddd url(../img/background.jpg) 0 0 repeat scroll;border-top:1px solid #eaedf1;border-bottom:1px solid #eaedf1}

.imagefotogalerie {
    width:24%;height:215px;overflow:hidden;margin:0 6px 8px 0;text-align:center
}
.imagefotogalerie div span {font-size:0.9rem;color:#ccc}
.imagefotogalerie div span.datum {font-size:0.85rem;color:#999}

.page-item.active .page-link {
    color: #fff;
    background-color: #1748a8;
    border-color: #1748a8;
}

.navbar-toggler-icon {
    width: 1.1em;
    height: 1.4em;
}
.navbar-toggler {
    margin-bottom: 3px;
    margin-left: 5px;
}

.produkt-foto {display: inline-block;}
.produkt-foto img {min-height:350px;height: 350px;object-fit: cover}

.list-group-item-primary {
    background-color: #e7f5fb;
}	
.list-group-item-primary:hover {
    background-color: #ceedfc !important;
}	
.list-group-item {
    padding: .45rem 1.0rem;
}
.originalPadding .list-group-item {
    padding: .50rem 1.0rem .55rem 1.0rem;
    cursor: pointer;
}
.input-group {max-width:140px !important;margin-bottom:1.2rem}
.grey {background:#eee}
.text-grey {color:#777}
.text-grey-small {color:#777;font-size:0.7rem;position:relative;left:8px;top:-1px}
.text-grey-puvodne {color:#777;position:relative;left:4px;top:-1px}
.text-sleva {color:#1748a8;font-size:1.0rem}
.detail-product-lineheight {line-height:1.6rem}
.form-control-max-width {max-width:250px !important}

.top-margin-top {margin-top:2.1rem}
.bt {border-bottom:1px solid #333;margin-bottom:0.5rem}
.slide {width:270px}

.carousel-control-next {
    right: -20px;
}
.carousel-control-prev {
    left: -20px;
}

#slideshow { 
    margin: 0 auto; 
    position: relative; 
    width: 100%; 
    height: 390px; 
    padding: 0; 

}

#slideshow > div { 
    position: absolute; 
    top: 0px; 
    left: 0px; 
    right: 0px; 
    bottom: 0px; 
}

.nav-tabs .nav-link.active {
	background: linear-gradient(to top, #ffffff 0%, #cbebff 80%, #a1dbff 100%);
}
label {margin-bottom:.25rem;margin-left:.1rem}
label span {color:#b10;font-size:1.5rem;position:absolute;margin:-4px 0 0 5px} 
.form-max-width {max-width:590px}
form h5 {margin-bottom:15px}

#rkl {margin: 1px 0 1rem 0;padding-right:15px}
#boxes {background:#c4e8f8;padding: 1.6rem 0 0.7rem 0;margin-top: 1.4rem;line-height: 1.1rem}
#boxes a {color:#359;font-size:1.0rem} 
hr {border-top: 1px solid rgba(148, 75, 144, 0.1);}
.article-img-left {max-width:340px;margin-right: 1.6rem;border:4px solid #fffbee}
.article-img-right {max-width:340px;margin-left: 1.6rem;border:4px solid #fffbee}

.produkt img.grapes {position:absolute;margin: -8px 0 0 228px;z-index:800}

@media (max-width: 576px) {
	.mobile-hidden {display:none}
	p {font-size: 0.9rem;color:#333;line-height:1.5rem}
    .h1, h1 { font-size: 1.4rem;margin: 0.6rem 0 0.5rem 0}
	.h2, h2 { font-size: 1.25rem }
    .h4, h4 { font-size: 1.2rem;margin-bottom: 0.5rem }
	.produkt {max-width:96%;min-width:96%}
	.navbar {
		max-width:100%
	}
	.container {
    	width: 100%;
    	max-width: none;
  	}
  	#txt-uvod p {padding-right:0}
  	.my-cart {padding-right:25px}
  	.eshop-detail-foto {min-height:290px;height: 290px;min-width:290px;width:290px}
    .eshop-detail-foto-small {min-height:60px;position: relative;height: 60px;width:60px;min-width:60px;margin-right:5px;margin-bottom:5px}
    #logo img {max-width:210px;margin:8px 0}
    footer {font-size: 0.9rem;}
    footer a {color:#111}
    .mb-5 {margin-bottom: 1.6rem !important;}
    .article-img-right, .article-img-left {max-width:99%;margin-right: 0;margin-bottom: 0.9rem; margin-top: 0.2rem;}
    .imagefotogalerie {
        width:100%;height:240px;overflow:hidden;margin:4px 4px 4px 0;text-align:center;object-fit: cover;
    }
    .produkt-foto img {min-height:330px;height: 330px;object-fit: cover}
    .slide {margin-bottom: 1.2rem}
    #slideshow { 
        height: 120px; 
    } 
    .navbar-light .navbar-nav .nav-link {
        margin-left: 0.8rem;
        margin-right: 0;
    }
}