@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@500;700&display=swap);
:root {
    --red-color: #eb4646;
    --font-family-sans-serif: -apple-system,BlinkMacSystemFont, Arial, sans-serif;
}
body {
    font-family: "Quicksand", -apple-system, "Helvetica Neue", sans-serif;
    background:#f0f0f0 url(../img/back.jpg) 0 -150px repeat scroll;
    font-weight:500
}
p {font-size: 1.1rem;color:#333;line-height:1.9rem}
.header {background-color:#fff}
.h1, h1 { font-size: 2.15rem;margin: 1.8rem 0 1.4rem 0;color: var(--red-color)}
b, strong {color:#000;font-weight:700 !important}
.h2, h2 { font-size: 1.8rem;margin-bottom: 1.5rem }
.h3, h3 { font-size: 1.6rem;margin-bottom: 1.2rem }
.h4, h4 { font-size: 1.3rem;margin-bottom: 0.9rem }

.mb-5 {margin-bottom: 2.5rem !important;}
h1 strong {font-weight: normal}
a {color: var(--red-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:230px}
.navbar {
    padding: 0.3rem 0 0.1rem 0;
    border-bottom: 1px solid #bfbfbf;
}
.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.01rem;
    margin-right: 0.8rem;
    margin-left: 0.6rem;
}
.navbar-light .navbar-nav .nav-link:hover {
    color: var(--red-color);
}
.bg-light {background-image: linear-gradient(to top, #ccc 0%, #f6f6f6 50%)}

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

footer {background-image: linear-gradient(to top, #111 0%, #333 80%);padding:1rem;margin-top:0;line-height: 2rem;color:#888}
footer a {color:#ccc}
footer a:hover { color: #aaa; }

#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;border-top:1px solid #eaedf1;border-bottom:1px solid #eaedf1}

svg.header-svg-telephone {width:16px;position:relative;top:-2px;left:-2px;fill:#f05454}
svg.header-svg {width:19px;position:relative;top:-1px;left:-3px;fill:#f05454}

.carousel-indicators li {
    background-color: #f05454;
    position: relative;
    top:36px;
    left: 0
}

.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:3px 5px}

.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}

.form-control-max-width {max-width:250px !important}

.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}

hr {border-top: 1px solid rgba(148, 75, 144, 0.1);}
.article-img-left {max-width:440px;margin-right: 2.6rem;margin-bottom:2rem;margin-top: 0.3rem;}
.article-img-right {max-width:360px;margin-left: 1.6rem;}
.text-big {font-size:1.1rem;color:#655}
dl, ol, ul {
    margin-top: 0;
    margin-bottom: 0;
}
ul li {font-size:1rem;margin-bottom: 0.7rem;}
ul.navbar-nav li {font-size:1rem;margin-bottom: 0.1rem;}

.imagefotogalerie {
    width:19.2%;height:135px;overflow:hidden;margin:0 10px 10px 0;text-align:center
}

.map-responsive {
    overflow:hidden;
    padding-bottom:30%;
    position:relative;
    height:0;
    border: 1px solid #edd
}
.map-responsive iframe {
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
.input-max-length {max-width:22rem}
.textarea-max-height {min-height:9.4rem}
.mobile-show {display: none}
label b {font-size: 1.2rem;color:#cc2525}
.error {font-size: 1.0rem;color:#cc2525}

@media (max-width: 576px) {
    .mobile-hidden {display:none}
    .mobile-show {display: block}
	p {font-size: 0.9rem;color:#333;line-height:1.5rem}
    .h1, h1 { font-size: 1.4rem;margin: 1rem 0 0.5rem 0}
    .h2, h2 { font-size: 1.25rem }
    .h3, h3 { font-size: 1.15rem}
    .h4, h4 { font-size: 1.1rem}
	.produkt {max-width:96%;min-width:96%}
	.navbar {
		max-width:100%
	}
	.container {
    	width: 100%;
    	max-width: none;
  	}
  	#txt-uvod p {padding-right:0}
    #logo img {max-width:160px}
    #logo {position:relative;top:0;left:-14px}
    footer {font-size: 0.8rem;}
    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:99%;height:170px;overflow:hidden;margin:2px;text-align:center
    }    
    .text-big {
        font-size: 0.85rem;
    }
    .contacts {
        position: absolute;
        right: 10px;
        top: 23px;
        line-height:1.8rem
    }
    svg.header-svg-telephone {width:11px;position:relative;top:-2px;left:-1px;fill:#f05454}
    svg.header-svg {width:13px;position:relative;top:-1px;left:-2px;fill:#f05454}
    ul {
        padding-left:0.7rem !important;
    }
    ul li {
        font-size: 0.9rem;
        margin-bottom: 0.6rem;
    }
    .map-responsive {
        padding-bottom:60%;
    }
}