@import url(https://fonts.googleapis.com/css?family=Gotu);
:root {
    --red-color: #dd2b1c;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, Arial, sans-serif;
}
body {
    font-family: "Gotu", -apple-system, "Helvetica Neue", sans-serif;
    background:#fdf6e1 url(../img/back.jpg) 0 -150px repeat scroll;
}
p {font-size: 1.05rem;color:#000;line-height:1.8rem}
b, strong {color:#000;font-weight:700 !important}

.header {background-color:#fff}

.h1, h1 { font-size: 2.15rem;margin: 1.8rem 0 1.1rem 0;color: var(--red-color)}
.h2, h2 { font-size: 1.7rem;margin-bottom: 0.9rem }
.h3, h3 { font-size: 1.5rem;margin-bottom: 0.8rem }
.h4, h4 { font-size: 1.3rem;margin-bottom: 0.7rem }

.mb-5 {margin-bottom: 2.5rem !important;}
h1 strong {font-weight: normal}
a {color: var(--red-color)}
a:hover {color: #111}
a.href-black {color:#111}

.text-danger {color:#cc2525 !important}
.container {
    max-width: 1280px;
}
.container-fluid {
    padding-right: 1px;
    padding-left: 1px;
}
#logo img {max-width:190px}
.navbar {
    padding: 0.2rem 0 0rem 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: #ffffff;
    font-size: 1.05rem;
    margin-right: 0.6rem;
    margin-left: 0.2rem;
    text-shadow: 1px 2px 3px #633232;
}
.navbar-light .navbar-nav .nav-link:hover {
    color: #ffd4d4;
}
.bg-light {background-image: linear-gradient(to top, #e24a3c 0%, #dd2b1c 50%)}

.btn-primary {background:#2b2b2b;border-color: #383838}
.btn-primary:hover {background:#571313;border-color: #571313}

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

#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:#655}
svg.header-svg {width:19px;position:relative;top:-1px;left:-3px;fill:#655}

.carousel-indicators li {
    background-color: #f8d582;
    position: relative;
    top:26px;
    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;color: #ffffff !important;}


.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:345px;margin-right: 1.8rem;margin-bottom:3rem;margin-top: 0.4rem;}
.article-img-right {max-width:320px;margin-left: 1.4rem;}
.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.2rem;}
ul.navbar-nav li {font-size:1rem;margin-bottom: 0.1rem;}

.imagefotogalerie {
    width:19.2%;height:145px;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}
.reception {background: #fff;border-radius:6px;padding:1.3rem 1.2rem 0.2rem 1.2rem;margin-top: -15px;}
.table td, .table th {
    padding: .5rem .7rem;
    border-top: 1px solid #eedaac;
}
.table thead th {
    border-bottom: 2px solid #eedaac;
    vertical-align: top;
}

.navbar-toggler {
    font-size: 1.15rem;
    background-color: #e7584c;
    border-radius: .25rem;
}
.pokojname {font-weight: bold;}
.date {color:#8a433d}

@media (max-width: 576px) {
    .mobile-hidden {display:none}
    .mobile-show {display: block}
	p {font-size: 0.85rem;color:#000;line-height:1.4rem}
    .h1, h1 { font-size: 1.35rem;margin: 1rem 0 0.5rem 0}
    .h2, h2 { font-size: 1.2rem }
    .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:120px}
    #logo {position:relative;top:0;left:-8px}
    footer {font-size: 0.65rem;}
    footer a {color:#999}
    .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;
    }
    .mobile-contacts {
        position: absolute;
        right: 24px;
        top: 32px;
        line-height:1.9rem
    }
    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;
    }
    .imagefotogalerie {
        width:99%;height:170px;overflow:hidden;margin:2px;text-align:center
    }      
    .map-responsive {
        padding-bottom:60%;

    }
    .mobile-langs {position:absolute;right:15px;top:127px;z-index:1900}
    .mobile-langs img {border:2px solid #f5695c}
    .reception {margin-top: -22px;padding:1.0rem 0.8rem 0.05rem 0.8rem}
    .reception p {font-size:0.8rem !important}
    ul.navbar-nav li {
        margin-bottom: 0rem;
    }
    .table tr td, .table tr th {font-size: 0.9rem;padding: .4rem .2rem;}
    .carousel.container {padding-left: 0;padding-right: 0;}
    .TA_rated {margin-top:2rem}
    .reception .float-right {float:none !important}
}