*{margin:0;padding:0;}
html{scroll-behavior: smooth;}
body{font-size: 12px; text-align: center;font-family: "Roboto", sans-serif;}
a img{border:none;}
ul{padding-left: 15px;}
.cl, .cleaner{clear: both;}
input[type="button"],input[type="submit"],input[type="text"],textarea{-webkit-appearance:none;font-family: "Roboto", sans-serif;}
.fx{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
body .gallery .empty-list{display: none;}
body.user-logged .gallery .empty-list{display: block;}

.dev-component{display: inline-block;}
.dev-component component-admin-hover{z-index:10;}
.mce-content-body {background: #fff !important;}
.mce-content-body a{color:#000;}
.dynamic-page .dev-html-block a{color:#000;}
.dynamic-page .dev-html-block table{border-collapse:collapse; width: 100%;}
.dynamic-page .dev-html-block table td{padding:6px; border:1px solid #dedede;}
.dynamic-page .dynamic-page-block .dev-html-block{margin-bottom: 80px;}
.dynamic-page .dynamic-page-block:last-child .dev-html-block{margin-bottom: 0px;} 

.o{width: 1300px; margin:0px auto;}
.top-bar{border-top:20px solid #42474c; height: 110px;}
.logo{float: left; margin-top: 32px;}
.phone{float:right;font-size:24px;color:#3a97a6;text-decoration:none;font-weight:700;background-image:url(images/phone-ico.png);background-repeat:no-repeat;background-position:left center;padding-left:33px;margin-top:38px;line-height: 34px;}

.theme{width: 100%; height: 421px; background-size: cover; background-position: center; background-image: url(images/theme.jpg);}
.theme-txt {color: #fff;margin-top: 162px;display: inline-block;}
.theme-txt h1{font-size: 42px; font-weight: 400;}
.theme-txt h2{font-size: 24px; color:#3a97a6;}

.pata{width: 100%; padding-top: 50px; padding-bottom: 50px; background-color: #42474c; color:#a1a3a6;}
.pata .o{text-align: left; font-size: 14px; line-height: 22px;}
.pata .o a{color:#a1a3a6;}

.sekce{text-align: left; padding-top: 80px; padding-bottom: 80px;}
.sekce-left{float: left; background-color: #3a97a6; border-radius:20px; color:#fff; padding:70px; width: 370px;}
.sekce-right{float: right; width: 700px; height: 390px; background-image: url(images/mapa.jpg); display: block;}
.nad{font-size: 34px; font-weight: 700;}
.adresa{font-size: 24px; margin-top: 30px; margin-bottom: 30px; line-height: 36px;}
.zapis{font-size: 17px; color:#9dcbd3;}

/* responziv */
@-ms-viewport {width: device-width;}
input[type="button"],
input[type="submit"],
input[type="text"],
textarea{-webkit-appearance: none;}

@media screen and (max-width: 1400px) {
  .o{width: 90vw;}   
  .sekce-left{width:calc(50% - 140px);}
  .sekce-right{width:calc(50% - 50px);height:390px;background-position:left;background-repeat:no-repeat;background-size:cover;margin-left:50px;}
}

@media screen and (max-width: 1100px) {
  .nad{font-size: 26px;}
  .adresa {
	font-size: 19px;
	margin-top: 23px;
	margin-bottom: 23px;
	line-height: 26px;
}
.zapis {
	font-size: 14px;
	color: #9dcbd3;
}
  .sekce-left {
	width: calc(50% - 80px);
  padding:40px;
}
}

@media screen and (max-width: 880px) {
  .theme-txt h1{font-size:32px;}
  .theme-txt{margin-top:112px;}
  .theme{height:311px;}
}

@media screen and (max-width: 750px) {
    .sekce-left {
	width: calc(100% - 80px);
  padding:40px;
}
.sekce-right {
	width: 100%;
	height: 390px;
	background-position: left;
	background-repeat: no-repeat;
	background-size: cover;
	margin-left: 0;
	margin-top: 5vw;
  border-radius: 20px;
}
.sekce {
	padding-top: 5vw;
	padding-bottom: 5vw;
}


}

@media screen and (max-width: 650px) {
  .logo{margin-top:16px;width:210px;}
  .phone{font-size:17px;padding-left:23px;margin-top:16px;background-size:13px;}
  .top-bar{height:65px;}
  .theme-txt h1{font-size:23px;}
  .theme-txt{margin-top:82px;}
  .theme{height:238px;}
  .pata {padding-top: 30px;padding-bottom: 30px;}
  .pata .o {text-align: center;font-size: 12px;line-height: 19px;}
}

@media screen and (max-width: 560px) {
  .sekce-left {
	text-align: center;
}
.nad {
	font-size: 21px;
}
.adresa {
	font-size: 14px;
	margin-top: 23px;
	margin-bottom: 23px;
	line-height: 20px;
}

}

@media screen and (max-width: 460px) {
  .logo{width:160px;}
  .top-bar{border-top:8px solid #42474c;  height:56px;}
  .phone{font-size:13px;padding-left:21px;margin-top:11px;background-size:12px;}
  .theme-txt h1{font-size:18px;}
  .theme-txt{margin-top:62px;}
  .theme-txt h2{font-size:18px;}
  .theme{height:182px;}
}

@media screen and (max-width: 350px) {
  .theme-txt h1{font-size:15px;}
  .logo{width:140px; margin-top:18px;}
}