@import url('https://fonts.googleapis.com/css2?family=Amatic+SC:wght@700&family=Mulish:wght@200;300;400;500&family=Roboto+Condensed&family=Roboto:wght@300&display=swap');
/*font-family: 'Amatic SC', cursive;
font-family: 'Roboto', sans-serif;
font-family: 'Roboto Condensed', sans-serif;*/
html, body {
   position: relative;
	scroll-behavior: smooth;
	
}
:root {
	--tm-ruzova: #F26279;
	--sv-ruzova: #FDE2EA;
}
body {
	margin: 0;
	padding: 0;
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
	color: #030303;
	background: white;
	scroll-behavior: smooth;
	text-align: center;
}
a {
   text-decoration: none;
   border-bottom: 1px dashed #88281B;
   color: #030303;
}
.telmail a {
	border: none;
	color: inherit;
}
.bg-tm-ruzova {
	background: var(--tm-ruzova);
	color: white;
}
.tm-ruzova {
	color: var(--tm-ruzova);
}
.cerna {
	color: #030303 !important;
}
.font {
	font-family: 'Amatic SC', cursive;
}

.container {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	position: relative;
}
.containerIn {
	padding: 20px;
}
#header .containerIn {
	padding: 10px 20px;
}

.clear::after {
  content: "";
  clear: both;
  display: table;
}
#header-top {
	background: var(--sv-ruzova);
}
#logo {
	font-family: 'Amatic SC', cursive;
	font-size: 40px;
	border: none;
	display: block;
	float: left;
}
#logo span {
	font-size: 22px;
}
#logo div {
	font-size: 21px;
	font-family: 'Roboto Condensed', sans-serif;
	color: var(--tm-ruzova);
}

#znak {
	float: right;
	height: 80px;
}
#header-slider {
	background: url(../images/bg1.jpg) no-repeat 50% 30% / cover;
	height: 450px;
}
#oblouk {
	width: 100%;
	height: 162px;
	background: url(../images/oblouk.png) no-repeat top center;
}
#slider-text {
	font-size: 55px;
	line-height: 110%;
	color: white;
	padding: 0;
	margin: 0;
}
#slider-text div {
	font-size: 65px;
	color: white;/*var(--tm-ruzova);*/
}



.left {
	float: left;
	box-sizing: border-box;
	padding: 0 10px 15px 10px;

}
.right {
	float: right;
	box-sizing: border-box;
	padding: 0 10px 15px 10px;

}


.adresa {
	background: url(../images/adresa.png) no-repeat left 50% / 15%;
	padding: 0 0 0 50px;
	text-align: left;
}
.telmail {
	background: url(../images/telmail.png) no-repeat left 50% / 17%;
	padding: 0 0 0 50px;
	text-align: left;	
}
.telmail1 {
	background: url(../images/telmail1.png) no-repeat left 50%;
	padding: 0 0 0 65px;
	text-align: left;	
	font-weight: 600;
	margin: 10px 0 0 0;
}
.telmail, .adresa {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
}

#content {
	text-align: left;
	line-height: 150%;
}
#content .left {
	width: 35%;
	min-width: 315px;
}
#content .right {
	width: 55%
}
#content h2 {
	color: var(--tm-ruzova);
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
}
.text-center {
	text-align: center;
}
.den {
	display: inline-block;
	width: 80px;
	font-weight: 600
}
.cas {
	display: inline-block;
	min-width: 96px;
	text-align: right;
	font-weight: 600;
}
.od-info {
     font-size: 15px;
}
.lekar {
	font-style: italic;
	display: block;
	padding: 0px 0 10px 0;
	border-bottom: 1px solid var(--sv-ruzova);
	font-size: 15px;
	margin: 0 0 10px 0;
}
.btnObj {
	background: var(--tm-ruzova);
	color: white;
	font-weight: 600;
	padding: 5px 12px;
	border-radius: 8px;
	border: 1px solid white;
-webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.5);
box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.5);
}

.nobr {
	white-space: nowrap;
}
.nobr::before {
	content: ' ';
	padding: 0 2px;
}
.footer {
     font-size: 13px;
	  padding: 10px 0 20px 0;
}
.footer a {
     border: none;
}


.dulezite {
	color:#FC0A18;
	font-weight: bold;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 16px;
	padding: 10px 15px;
	border: 2px dashed #FC0A18;
	background: rgba(254,10,20,0.2);
}



@media screen and (max-width: 750px) {
	#content .left, #content .right {
		width: 100%;
		float: none;
		padding: 0 !important;
	}
	#header-slider {
		height: 335px;
	}
}
@media screen and (max-width: 550px) {
	#header-contact .left, #header-contact .right {
		float: none;
		width: 280px;
		margin: 0 auto;
	}
	#header-contact .left {
		margin-bottom: 20px;; 
	}
	#header .containerIn {
		padding: 10px 5px;
	}
	.telmail,.adresa {
		font-size: 17px;
	}
	.plusoptix {
          width: 100% !important;
          float: none !important;
     }
}