@import url('https://fonts.googleapis.com/css2?family=Italianno&family=Raleway:ital,wght@0,200;0,300;0,700;1,200;1,300;1,700&display=swap');

:root {
    --black: #000;
    --light: #eee;
    --gray: #ccc;
    --secondary: #444;
	--primary: #790b1a;
	--red:#bf2833;
}



body {
	font-family: 'Raleway', sans-serif;
	font-size: 1.2rem;
	margin-top:90px;
}

.hgl {
	background-color: var(--light);
	padding:1.5rem 2rem;
	margin: 1.5rem 0;
}

.hgl h3 {
	color: var(--red);
	font-weight:700;
}

.hgl>*:first-child {
	margin-top:0;
}

.hgl>*:last-child {
	margin-bottom:0;
}

.icon-delimiter {
	margin:0 15px;
}

.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
	color: var(--red);
	font-weight:bold;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .active > .nav-link:hover, .navbar-light .navbar-nav .nav-link:hover.active, .navbar-light .navbar-nav .nav-link:hover.show, .navbar-light .navbar-nav .show > .nav-link:hover, .navbar-light .navbar-nav .active > .nav-link:focus, .navbar-light .navbar-nav .nav-link:focus.active, .navbar-light .navbar-nav .nav-link:focus.show, .navbar-light .navbar-nav .show > .nav-link:focus {
	text-decoration:underline;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
	color: var(--black);
}
.navbar-light .navbar-nav .active > .nav-link:hover, .navbar-light .navbar-nav .nav-link:hover.active, .navbar-light .navbar-nav .active > .nav-link:focus, .navbar-light .navbar-nav .nav-link:focus.active {
	color: var(--red);
}


#footer {
	padding-bottom:50px;
	font-size:1rem;
}
#footer .m-system{
	text-align:right;
}
#footer, #footer a {
	color:#999;
}
#footer .footer-line {
	background-color:var(--light);
	padding: 20px 0;
	margin-bottom:20px;
	
}

#footer .page-container {
	margin-bottom:0;
	margin-left:-15px;
}

.clickable-blank, .clickable, .clickable-popup {
	cursor:pointer;
}

.hp-last-row-container, .banners-6, .banners-4, .container-fluid {
margin-bottom:80px;
}

.hp-last-row {
	margin-top:-24px;
}

.banners-6, .hp-last-row {
	color:var(--white);
	margin-left:-27px;
	margin-right:-27px;
}
.banners-6 > div, .hp-last-row > div {
	padding: 0 12px 24px 12px;
}
.banners-6 h3 {
	font-size:.9rem;
	text-align:left;
	text-transform:uppercase;
	font-weight:700;
	margin-bottom:0;
	padding:10px 10px 10px 15px;
}

.banners-6 .desc {
width:100%;
}

.banners-6 > div:hover h3 {
	background-color:var(--primary);
}


.banners-4 {
	color:var(--white);
	margin-left:-1px;
	margin-right:-1px;
}
.banners-4 .black {
	color:var(--black);
}
.banners-4 {
	border:5px solid var(--light);
	background-color:var(--light);
}
.banners-4>div {
	border:5px solid var(--light);
	padding:0;
}
.banners-4 .desc {
	padding: 5px 20px;
}
.banners-4>div:hover .desc {
	padding: 5px 20px;
	background-color: rgba(121,11,26,.75);
}
.banners-4 h2 {
	font-size:1.8rem;
	text-align:left;
	text-transform:uppercase;
	font-weight:700;
	margin-bottom:0;
	margin-top:10px;
}

.daily-menu {
	background-color:var(--light);
	padding:0;
	margin:40px 20px 20px 20px;
}

h2.ck-card {
	background-color:var(--light);
	text-align:center;
	font-weight: bold;
	font-size: 1.5rem;
	color:black;
	padding: 10px;
	text-transform:uppercase;
}

#article h2.ck-card a {
	color:var(--black);
}

#article .daily-menu a {
	color:var(--black);
	display:block;
	padding: 10px;
}

#article .daily-menu a:hover {
	background-color:var(--gray);
	text-decoration:none;
}

#article .daily-menu.lists p a {
	color:var(--secondary);
}
.daily-menu.lists p {
	font-size:1.3rem;
	font-weight:bold;
}

.daily-menu.lists p.h3 {
	font-size:1.6rem;
	margin-bottom:20px;
}

.daily-menu.lists img {
	margin-bottom:20px;
}

.daily-menu h2 {
	font-weight:bold;
	font-size: 1.5rem;
	margin:0;
	text-transform:uppercase;
}

#artid3 .daily-menu h2 {
	margin-bottom:0;
}


.daily-menu p {
	font-size: 1rem;
}

.daily-menu p:last-child {
	margin-bottom: 0;
}

.page-container {
	padding-left:50px;
	padding-right:50px;
}

.main-text {
	font-family: 'Italianno', serif;
	font-size: 3rem;
	padding:0 50px;
}

.top-text {
	font-size: 1.6rem;
	padding:0 50px;
}

.main-text h1, .top-text h1 {
	display:none;
}

.top-text p {
	margin-bottom: 0;
}

#slider>div.cycle-slide, #slider>div>img {
	width: 100%;
}


.cycle-pager { 
    text-align: center; width: 100%; z-index: 500; position: absolute; bottom: 10px; overflow: hidden;
}
.cycle-pager span { 
    font-family: arial; font-size: 60px; width: 24px; height: 24px; 
    display: inline-block; color: var(--light); cursor: pointer; 
}
.cycle-pager span.cycle-pager-active { color: var(--primary);}
.cycle-pager > * { cursor: pointer;}

.navigation { width: 30%; display:block important!; color:#fff; position: absolute; top: 45%; opacity: .7; filter: alpha(opacity=70); z-index: 800; cursor: pointer; font-size:70px;}
.cycle-prev { left: 30px;  }
.cycle-next { right: 30px; text-align:right;}
.navigation:hover { opacity: 1; filter: alpha(opacity=100) }

#slider > div .cycle-overlay {
	font-weight:200;
	color: white;
	background: black;
	opacity: .7;
	filter: alpha(opacity=70);
	position: absolute;
	bottom: 0;
	right:0;
	display:inline-block;
	padding: 20px 40px;
	font-size:3rem;
	line-height:3rem;
}
#slider > div .cycle-overlay small {
	display:block;
	font-size:1.8rem;
}
.page-container, #slider{
	margin-bottom: 40px;	
}


#main-menu {
	background:rgba(255,255,255,.95);
	height:90px;
		box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
}


.cz .navbar-nav {
	font-size: 1.4rem;
	margin-top:7px;
}

.navbar-brand img {
	margin:2px 50px;
}

.navbar-light .navbar-nav .nav-link {
	color: var(--black);
	padding-right: 1rem;
	padding-left: 1rem;
}

.dropdown-menu {
	border: 0;
	border-radius: 0;
	background-color: var(--secondary);
}
.dropdown-menu a {
	color: var(--white);
}
.langs .dropdown-menu {
	left: inherit;
	right: 0;
}

.dropdown-item.active, .dropdown-item:active {
	background-color: var(--primary);
}
.navbar-light .navbar-toggler {
	border: 0;
}
.langs {
	text-transform:uppercase;
}

.social_icons {
	float:left;
	width:100px;
	margin-top:11px;
}

.social_icons img {
	margin: 0 5px;
}

.hgltxt {
	font-family: 'Italianno', cursive;
}

.modal-content {
	border-radius:0;
	padding:1.7rem 0 0 0;
}

.modal-popup .modal-body {
	padding: 0 2rem;
}

.modal-popup h2 {
	font-weight:bold;
	color: var(--primary);
	padding: 5px 0;
}

.modal-footer {
	border:0;
	padding-bottom:1rem;
}

#article .btn-primary {
	color:var(--white);
	background-color: var(--primary);
	border-color: var(--primary);
}

#article .booking .btn-primary {
	color:var(--white);
	background-color: var(--red);
	border-color: var(--red);
	font-weight:700;
}

.booking  {
	text-align:center;
	margin:3rem 0 4rem 0;
	border: 1px solid var(--red);
	padding:2rem 1.5rem 2rem;
	
}

.btn-primary.focus, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
	box-shadow: 0 0 0 .2rem rgba(0,0,0,.5);
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle  {
	color: #fff;
	background-color: var(--black);
	border-color: var(--black);
}

.btn {
	border-radius:0;
}

#article a, a  {
color: var(--primary);
}
h1 {
	padding:0 0 10px;
	font-weight:700;
	color:var(--red);
}
h2.hgl {
	color:var(--white);
	background-color:var(--primary);
	font-weight:200;
	margin: 0 -15px;
	padding:10px 30px 10px 30px;
}


h3 {
	margin-top:1.7rem;
}

td.h4 {
	background-color:var(--light);
	font-size: 1.2rem;
	font-weight:700;
}

#artid7 td.text-right {
	width:10rem;
}

.news-img {
	padding:0;
}

.news-text {
	padding:50px;
}

.ck-row {
	background: var(--light) url('/img/bg_ck.png') no-repeat bottom right;
	min-height:730px;
}

.ck-row .news-text {
	padding-top:40px;
	font-style:italic;
	font-size:1.5rem;
}

.main-news .news-text {
	font-style:italic;
	font-size:1.5rem;
}


p {
	margin-bottom: .7rem;
	line-height: 1.4;
}
img.typ1 {
	float: right;
	margin: 5px 0 5px 20px
}
img.typ2 {
	float: left;
	margin-right: 20px;
	margin-bottom: 5px;
	margin-top: 5px
}
img.typ3 {
	margin: 1em auto .5em;
	display: block
}
#article ul{
	padding-left:1rem;
}
#article ul li, #article ol li {
	margin-bottom:.7em;
}
#blueimp-gallery a {
	color: #fff
}
.pagegallery {
	margin: 20px -20px 0 0;
	padding: 0 0 20px
}
.pagegallery>div {
	margin: 0 20px 20px 0;
	float: left
}
.pagegallery>div>a.thumbnail {
	border: 0;
	background: #eee;
	width: 174px;
	height: 174px;
	border-radius: 0;
	display: table-cell;
	position: relative;
	text-align: center;
	vertical-align: middle;
	padding: 0
}
.pagegallery .thumbnail img {
	position: relative;
	max-height: 174px;
	max-width: 174px;
	display: inline-block;
	vertical-align: middle;
	height: auto;
	width: auto
}



@media (max-width:1750px) {
	.ck-row .news-text {
		font-size:1.3rem;
	}
}

@media (max-width:1540px) {
	.ck-row .news-text {
		font-size:1.2rem;
	}
	.cz .navbar-nav {
		font-size: 1.3rem;
	}
}

@media (max-width:1430px) {
	.cz .navbar-nav {
		font-size: 1.2rem;
	}
	.navbar-brand img {
		margin: 2px 20px;
	}

	#slider > div .cycle-overlay {
		font-size:2.8rem;
		line-height:2.8rem;
	}
	#slider > div .cycle-overlay small {
		font-size:1.6rem;
	}

}

@media (max-width:1320px) {
	.cz .navbar-nav {
		font-size: 1rem;
	}
	.navbar-brand img {
		margin: 2px 0px;
	}

	#slider > div .cycle-overlay {
		font-size:2.6rem;
		line-height:2.6rem;
	}
	#slider > div .cycle-overlay small {
		font-size:1.4rem;
	}
	.cycle-pager { 
		    bottom: -45px;
		}
}


@media (max-width:1199px) {
	h1 {
		font-size:2.3rem;
		padding:0 0 10px;
	}
	.main-text {
		padding:0 30px 30px 30px;
	}
	.page-container {
		padding-left:100px;
		padding-right:100px;
	}
	.navbar-brand img {
		width: 150px;
	}
	body {
		margin-top:70px;
	}
	.social_icons img {
		margin-top: .1rem 2px 0 2px;
	}
	.social_icons {
		width: 90px;
	}
	.pagegallery>div>a.thumbnail {
		width: 166px;
		height: 166px
	}
	.pagegallery .thumbnail img {
		max-height: 166px;
		max-width: 166px
	}
}
@media (max-width:991px) {
	.daily-menu h2 {
		font-size: 1.2rem;
	}
	h1 {
		font-size:2rem;
		padding:0 0 10px;
	}
	img.pronajem-stanu {
		margin-top:20px;
	}

	.hp-last-row-container {
		margin-bottom:0px;
	}

	.page-container {
		padding-left:50px;
		padding-right:50px;
	}
	.banners-4 {
		margin-left:15px;
		margin-right:15px;
		max-width: 720px; 
		margin:0 auto;
	}
	#slider > div .cycle-overlay {
		font-size:2.2rem;
		line-height:2.2rem;
		padding: 12px 20px 8px 20px;
	}
	#slider > div .cycle-overlay small {
		font-size:1.2rem;
	}
	body {
		margin-top:0;
	}
	#header {
		height:70px;
	}
	p {
		text-align: left;
	}
	.main-text {
	    font-size: 3rem;
	}
	#main-menu {
		height:auto;
	}
}
@media (max-width:767px) {
	.banners-6 > div, .hp-last-row > div .ltc img{
		margin-bottom: 24px;
	}
	h1 {
		font-size:1.8rem;
		padding:0 0 10px;
	}
	.h2, h2 {
		font-size: 1.6rem;
	}
	.h3, h3 {
		margin:.8rem 0 .5rem;
		font-size: 1.4rem;
		font-weight:700;
	}
	#footer .m-system{
		text-align:left;
	}
	.hp-last-row {
		margin-top:-24px;
	}
	.ck-row .news-text {
		padding-left:30px;
		padding-right:30px;
	}
	.page-container {
		padding-left:30px;
		padding-right:30px;
	}
	#slider > div .cycle-overlay {
		font-size:2rem;
		line-height:2rem;
	}
	#slider > div .cycle-overlay small {
		font-size:1rem;
	}
	.news-text {
		padding:30px 15px;
	}
	.banners-4, .container-fluid {
	margin-bottom:30px;
	}
	h2.hgl {
		font-size:1.75rem;
		padding:10px 15px 10px 15px;
	}
	.main-text {
	    font-size: 2.5rem;
	}
	.hp-last-row-container {
		margin-bottom:0px;
	}
}
@media (max-width:575px) {
	.banners-6 > div, .hp-last-row > div .ltc img{
		margin-bottom: 16px;
	}
	.daily-menu {
		margin: 30px 0 0 0;
	}	
	.daily-menu h2 {
		font-size: 1rem;
	}
	.banners-6, .hp-last-row {
		margin-left:-8px;
		margin-right:-8px;
	}
	.banners-6 > div, .hp-last-row > div {
		padding: 0 8px 16px 8px;
	}
	.page-container {
		padding-left:15px;
		padding-right:15px;
	}
	#slider {
	    margin-bottom: 40px;
	}	
	#slider > div .cycle-overlay small {
		display:none;
	}
	#slider > div .cycle-overlay {
		font-size:1.4rem;
		padding: 6px 10px 4px 10px;
	}
	.navigation img { width:20px;}
	.cycle-prev { left: 15px;  }
	.cycle-next { right: 15px; }
	.banners-4 h2 {
		font-size:1.2rem;
		font-weight:700;
	}
	.banners-4 p {
		font-size:1rem;
		margin-bottom:0;
	}
	.banners-4 .desc {
		padding: 10px 12px;
	}
	#footer .page-container {
		margin-left: 0;
	}
	#artid7 td.text-right {
		width:auto;
	}
}
@media (max-width:480px) {
	.banners-6 > div, .hp-last-row > div .ltc img{
		margin-bottom: 8px;
	}
	.banners-4 h2 {
		font-size:1rem;
	}
	.banners-6, .hp-last-row {
		margin-left:-10px;
		margin-right:-10px;
	}
	.banners-6 > div, .hp-last-row > div {
		padding: 0 4px 8px 4px;
	}
.pagegallery>div>a.thumbnail {
width: 110px;
height: 110px
}
.pagegallery .thumbnail img {
max-height: 110px;
max-width: 110px
}
}