@charset "utf-8";
/* CSS Document */
body {
	background-image:url(slike/iza.jpg);
	background-repeat:no-repeat;
	background-size:100% 100%;
	font-family: "Bahnschrift Light";}
	
@media only screen and (min-width: 601px)
{
#omotac {width: 1100px;
margin:auto;
background-color:#FFF;
height:auto;
}
#header {width:1100px;
margin:auto;}
#navbar{ margin:auto;
width:1100px;}
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

.sticky + .content {
  padding-top: 60px;
}
#navigacija {width: 900px;
float:left;
background-color:#0F0F16;
height:60px;}
#jezik{width: 200px;
float:right;
background-color:#0F0F16;
height:60px;}
#prazno{
	width:1100px;
	height:2px;
	clear:both;
	padding:0px;
	background-color:#0F0F16;
	box-shadow: 3px 3px 10px #0F0F16;}
	
#bannerhome { width:1100px;
background-image: url(slike/mainheader.jpg);
background-repeat:no-repeat;
height:138px;
	}
#footerhome{ width: 1100px;
height:100px;
background-image:url(slike/mainfooter.png);
background-repeat:no-repeat;}

#bannerdom {
	padding-top:0px;
	width:1100px;
	height:350px;
	background-image:url(slike/pozdom.jpg);
	background-repeat:no-repeat;}
#bannerdomen {
	padding-top:0px;
	width:1100px;
	height:350px;
	background-image:url(slike/pozdomen.jpg);
	background-repeat:no-repeat;}
#bannerdomnjem {
	padding-top:0px;
	width:1100px;
	height:350px;
	background-image:url(slike/pozdomnjem.jpg);
	background-repeat:no-repeat;}
#bannerfitness{
	padding-top:0px;
	width:1100px;
	height:350px;
	background-image:url(slike/pozfitness.jpg);
	background-repeat:no-repeat;
	background-color:#FFF;}
#bannerfitnessen {
	padding-top:0px;
	width:1100px;
	height:350px;
	background-image:url(slike/pozfitnessen.jpg);
	background-repeat:no-repeat;}
#bannerfitnessnjem {
	padding-top:0px;
	width:1100px;
	height:350px;
	background-image:url(slike/pozfitnessnjem.jpg);
	background-repeat:no-repeat;}
#bannerpoliklinika{
	padding-top:0px;
	width:1100px;
	height:350px;
	background-image:url(slike/pozpoliklinika.jpg);
	background-repeat:no-repeat;}
#bannerpoliklinikaen {
	padding-top:0px;
	width:1100px;
	height:350px;
	background-image:url(slike/pozpoliklinikaen.jpg);
	background-repeat:no-repeat;}
#bannerpoliklinikanjem{
	padding-top:0px;
	width:1100px;
	height:350px;
	background-image:url(slike/pozpoliklinikanjem.jpg);
	background-repeat:no-repeat;}
#bannernjega {
	padding-top:0px;
	width:1100px;
	height:350px;
	background-image:url(slike/poznjega.jpg);
	background-repeat:no-repeat;}
#bannernjegaen {
	padding-top:0px;
	width:1100px;
	height:350px;
	background-image:url(slike/poznjegaen.jpg);
	background-repeat:no-repeat;}
#bannernjeganjem {
	padding-top:0px;
	width:1100px;
	height:350px;
	background-image:url(slike/poznjeganjem.jpg);
	background-repeat:no-repeat;}
#bannernovosti {
	padding-top:0px;
	width:1100px;
	height:350px;
	background-image:url(slike/poznews.jpg);
	background-repeat:no-repeat;}
#bannernovostien {
	padding-top:0px;
	width:1100px;
	height:350px;
	background-image:url(slike/poznewsen.jpg);
	background-repeat:no-repeat;}
#bannernovostinjem {
	padding-top:0px;
	width:1100px;
	height:350px;
	background-image:url(slike/poznewsnjem.jpg);
	background-repeat:no-repeat;}
#bannerkontakt{
	padding-top:0px;
	width:1100px;
	height:350px;
	background-image:url(slike/pozkontakt.jpg);
	background-repeat:no-repeat;}
#bannerkontakten {
	padding-top:0px;
	width:1100px;
	height:350px;
	background-image:url(slike/pozkontakten.jpg);
	background-repeat:no-repeat;}
#bannerkontaktnjem {
	padding-top:0px;
	width:1100px;
	height:350px;
	background-image:url(slike/pozkontaktnjem.jpg);
	background-repeat:no-repeat;}
#bannersolarij {
	padding-top:0px;
	width:1100px;
	height:350px;
	background-image:url(slike/pozsolarij.jpg);
	background-repeat:no-repeat;}
#bannersolarijen {
	padding-top:0px;
	width:1100px;
	height:350px;
	background-image:url(slike/pozsolarijen.jpg);
	background-repeat:no-repeat;}
#bannersolarijnjem {
	padding-top:0px;
	width:1100px;
	height:350px;
	background-image:url(slike/pozsolarijnjem.jpg);
	background-repeat:no-repeat;}
#bannersauna {
	padding-top:0px;
	width:1100px;
	height:350px;
	background-image:url(slike/pozsauna.jpg);
	background-repeat:no-repeat;}
#bannersaunaen {
	padding-top:0px;
	width:1100px;
	height:350px;
	background-image:url(slike/pozsaunaen.jpg);
	background-repeat:no-repeat;}
#bannersaunanjem {
	padding-top:0px;
	width:1100px;
	height:350px;
	background-image:url(slike/pozsaunanjem.jpg);
	background-repeat:no-repeat;}

#logo {width: 1100px;
height:130px;}
#prazno1 {
	width:1100px;
	height:10px;}
#prazno2 { width:1100px;
height:160px;}
#prazno3 { width:1100px;
height:25px;}
#social {width: 1100px;
height:65px;}
#container { width:1100px;
background-color:#FFF;
font-family:"Bahnschrift Light";
padding:0px;}
#footerhr { background-image:url(slike/footerhr.png);
background-repeat:no-repeat;
background-color:#FFF;
margin:auto;
padding:0px;
width:1100px;
height:200px}
#footeren { background-image:url(slike/footeren.png);
background-repeat:no-repeat;
background-color:#FFF;
margin:auto;
padding:0px;
width:1100px;
height:200px}
#footernjem { background-image:url(slike/footernjem.png);
background-repeat:no-repeat;
background-color:#FFF;
margin:auto;
padding:0px;
width:1100px;
height:200px}
#footerhrkont { background-image:url(slike/footerhrkont.png);
background-repeat:no-repeat;
background-color:#FFF;
margin:auto;
padding:0px;
width:1100px;
height:200px}
#footerenkont { background-image:url(slike/footerenkont.png);
background-repeat:no-repeat;
background-color:#FFF;
margin:auto;
padding:0px;
width:1100px;
height:200px}
#footernjemkont { background-image:url(slike/footernjemkont.png);
background-repeat:no-repeat;
background-color:#FFF;
margin:auto;
padding:0px;
width:1100px;
height:200px}
#footerhrdom { background-image:url(slike/footerhrdom.png);
background-repeat:no-repeat;
background-color:#FFF;
margin:auto;
padding:0px;
width:1100px;
height:200px}
#footerendom { background-image:url(slike/footerendom.png);
background-repeat:no-repeat;
background-color:#FFF;
margin:auto;
padding:0px;
width:1100px;
height:200px}
#footernjemdom { background-image:url(slike/footernjemdom.png);
background-repeat:no-repeat;
background-color:#FFF;
margin:auto;
padding:0px;
width:1100px;
height:200px}
.fotzeleno{ font-family:"Bahnschrift Light";
color: #18B7A3;
font-size:18px;
}
.fotsivo{
font-family:"Bahnschrift Light";
color: #B8B8C7;
font-size:18px;}

.top { float:left;
padding-right:10px;
}

.bijelitext { font-family: "Bahnschrift Light";
color:#B9B9C8;}

.zelenitext {color:#18B7A3;}

.malitext { font-size:11px;}

a { font-family: "Bahnschrift Light";
text-decoration:none;
color:#333;}

.poravnaj { text-align:justify;}
.centriraj { text-align:center;}
.topnav {
  overflow: hidden;
  background-color: #0F0F16;
}

.topnav a {
  float: left;
  display: block;
  color: #B9B9C8;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 20px;
}

.topnav a.active {
  background-color: #18B7A3;
  color: #0F0F16;
}

.topnav .icon {
  display: none;
}

.dropdown {
  float: left;
  overflow: hidden;
}

.dropdown .dropbtn {
  font-size: 20px;    
  border: none;
  outline: none;
  color: #B9B9C8;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #0F0F16;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  float: none;
  color: #B9B9C8;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.topnav a:hover, .dropdown:hover .dropbtn {
  background-color: #20202F;
  color: #B9B9C8;
}

.dropdown-content a:hover {
  background-color: #20202F;
  color: #B9B9C8;
}

.dropdown:hover .dropdown-content {
  display: block;
}

@media screen and (max-width: 600px) {
  .topnav a:not(:first-child), .dropdown .dropbtn {
    display: none;
  }
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }


}
#wrap { display:none;}
#banhome{ display:none;}
#banpol {display:none;}
#banpolen {display:none;}
#banpolnjem {display:none;}
#bannjega {display:none;}
#bannjegaen {display:none;}
#bannjeganjem {display:none;}
#banfit {display:none;}
#banfiten {display:none;}
#banfitnjem {display:none;}
#bansol {display:none;}
#bansolen {display:none;}
#bansolnjem {display:none;}
#bansauna {display:none;}
#bansaunaen {display:none;}
#bansaunanjem {display:none;}
#bandom {display:none;}
#bandomen {display:none;}
#bandomnjem {display:none;}
#bannews {display:none;}
#bannewsen {display:none;}
#bannewsnjem {display:none;}
#bankont {display:none;}
#bankonten {display:none;}
#uzglavlje {display:none;}
#logobaturina {display:none;}
#jezici {display:none;}
#navigacijamob {display:none;}
#glavni {display:none;}
#pod {display:none;}
#podhome { display:none;}
#prazan {display:none;}



	}
@media screen and (max-width: 600px) {
	
#wrap { visibility:visible;
width:100%;}
#banhome { visibility:visible;
background-image:url(slike/mainheader2.jpg);
background-size:100% 100%;
width:100%;
height:165px;
}
#banpol {
	visibility:visible;
	width:100%;
	height:220px;
	background-image:url(slike/pozmobpol2.jpg);
	background-size:100% 100%;}
#banpolen {
	visibility:visible;
	width:100%;
	height:220px;
	background-image:url(slike/pozmobpolen2.jpg);
	background-size:100% 100%;}
#banpolnjem {
	visibility:visible;
	width:100%;
	height:220px;
	background-image:url(slike/pozmobpolnjem2.jpg);
	background-size:100% 100%;}
#bannjega {
	visibility:visible;
	width:100%;
	height:220px;
	background-image:url(slike/pozmobnjega2.jpg);
	background-size:100% 100%;}
#bannjegaen {
	visibility:visible;
	width:100%;
	height:220px;
	background-image:url(slike/pozmobnjegaen2.jpg);
	background-size:100% 100%;}
#bannjeganjem {
	visibility:visible;
	width:100%;
	height:220px;
	background-image:url(slike/pozmobnjeganjem2.jpg);
	background-size:100% 100%;}
#banfit {
	visibility:visible;
	width:100%;
	height:220px;
	background-image:url(slike/pozmobfit2.jpg);
	background-size:100% 100%;}
#banfiten {
	visibility:visible;
	width:100%;
	height:220px;
	background-image:url(slike/pozmobfiten2.jpg);
	background-size:100% 100%;}
#banfitnjem {
	visibility:visible;
	width:100%;
	height:220px;
	background-image:url(slike/pozmobfitnjem2.jpg);
	background-size:100% 100%;}
#bansol {
	visibility:visible;
	width:100%;
	height:220px;
	background-image:url(slike/pozmobsol2.jpg);
	background-size:100% 100%;}
#bansolen {
	visibility:visible;
	width:100%;
	height:220px;
	background-image:url(slike/pozmobsolen2.jpg);
	background-size:100% 100%;}
#bansolnjem {
	visibility:visible;
	width:100%;
	height:220px;
	background-image:url(slike/pozmobsolnjem2.jpg);
	background-size:100% 100%;}
#bansauna {
	visibility:visible;
	width:100%;
	height:220px;
	background-image:url(slike/pozmobsauna2.jpg);
	background-size:100% 100%;}
#bansaunaen {
	visibility:visible;
	width:100%;
	height:220px;
	background-image:url(slike/pozmobsaunaen2.jpg);
	background-size:100% 100%;}
#bansaunanjem {
	visibility:visible;
	width:100%;
	height:220px;
	background-image:url(slike/pozmobsaunanjem2.jpg);
	background-size:100% 100%;}
#bandom {
	visibility:visible;
	width:100%;
	height:220px;
	background-image:url(slike/pozmobdom2.jpg);
	background-size:100% 100%;}
#bandomen {
	visibility:visible;
	width:100%;
	height:220px;
	background-image:url(slike/pozmobdomen2.jpg);
	background-size:100% 100%;}
#bandomnjem {
	visibility:visible;
	width:100%;
	height:220px;
	background-image:url(slike/pozmobdomnjem2.jpg);
	background-size:100% 100%;}
#bannews {
	visibility:visible;
	width:100%;
	height:220px;
	background-image:url(slike/pozmobnews2.jpg);
	background-size:100% 100%;}
#bannewsen {
	visibility:visible;
	width:100%;
	height:220px;
	background-image:url(slike/pozmobnjewsen2.jpg);
	background-size:100% 100%;}
#bannewsnjem {
	visibility:visible;
	width:100%;
	height:220px;
	background-image:url(slike/pozmobnewsnjem2.jpg);
	background-size:100% 100%;}
#bankont {
	visibility:visible;
	width:100%;
	height:220px;
	background-image:url(slike/pozmobkontakt2.jpg);
	background-size:100% 100%;}
#bankonten {
	visibility:visible;
	width:100%;
	height:220px;
	background-image:url(slike/pozmobkontakten2.jpg);
	background-size:100% 100%;}
#uzglavlje {
	visibility:visible;
	height:50px;
	width:50%;
	float:right;
	background:#FFF;}
#logobaturina {
	visibility:visible; 
	width:100%;
height:50px;
}
#jezici {
	visibility:visible;
	height: 50px;
width:50%;
float:left;
background:#FFF;
}
#navigacijamob { visibility:visible;}
#glavni {
	visibility:visible;
	background-color:#FFF;
	width:100%;}
#pod {
	visibility:visible;
	width:100%;
	background-image:url(slike/pozpodmob2.jpg);
	background-size:100% 100%;}
#podhome{ visibility:visible;
background-image:url(slike/mainfootermob2.jpg);
background-size:100% 100%;
width:100%;
height:80px;
}
#prazan {height: 10px;
clear:both;
background:#FFF;}

.top { float:left;
padding-right:10px;
}

.over {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.9);
  overflow-x: hidden;
  transition: 0.5s;
}

.over-content {
  position: relative;
  top: 10%;
  width: 100%;
  text-align: center;
  margin-top: 20px;
}

.over a {
  padding: 8px;
  text-decoration: none;
  font-size: 40px;
  color: #B9B9C8;
  display: block;
  transition: 0.3s;
}

.over a:hover, .over a:focus {
  color: #18B7A3;
}

.over .close {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 50px;
}

@media screen and (max-height: 450px) {
  .over a {font-size: 25px}
  .over .close {
  font-size: 30px;
  top: 15px;
  right: 35px;
  }
}
.img-fluid { max-width:100%;
height:auto;}
.bijelo {font-family: "Bahnschrift Light";
font-size:14px;
color:#B9B9C8;}
.zelenitext {color:#18B7A3;}

.malitext { font-size:11px;}
.poravnaj { text-align:justify;}
.centriraj { text-align:center;}

p, h2{
	font-family: "Bahnschrift Light";
	font-size:15px;
	
}
h2{font-size:20px;}

a {color:#333333;
font-family: "Bahnschrift Light";
text-decoration:none;}

a:hover {
color:#18B7A3;
font-family: "Bahnschrift Light";
}

#omotac {display:none;}
#header {display:none;}
#navbar{display:none;}
#navigacija {display:none;}
#jezik{display:none;}
#prazno{display:none;}
#bannerhome { display:none;}
#footerhome {display:none;}
#bannerdom {display:none;}
#bannerdomen {display:none;}
#bannerdomnjem {display:none;}
#bannerfitness{display:none;}
#bannerfitnessen {display:none;}
#bannerfitnessnjem {display:none;}
#bannerpoliklinika{display:none;}
#bannerpoliklinikaen {display:none;}
#bannerpoliklinikanjem{display:none;}
#bannernjega {display:none;}
#bannernjegaen {display:none;}
#bannernjeganjem {display:none;;}
#bannernovosti {display:none;}
#bannernovostien {display:none;}
#bannernovostinjem {display:none;}
#bannerkontakt{display:none;}
#bannerkontakten {display:none;}
#bannerkontaktnjem {display:none;}
#bannersolarij {display:none;}
#bannersolarijen {display:none;}
#bannersolarijnjem {display:none;}
#bannersauna {display:none;}
#bannersaunaen {display:none;}
#bannersaunanjem {display:none;}
#logo {display:none;}
#prazno1 {display:none;}
#prazno2 {display:none; }
#prazno3 {display:none; }
#social {display:none;}
#container {display:none; }
#footerhr {display:none; }
#footeren {display:none; }
#footernjem {display:none; }
#footerhrdom {display:none; }
#footerendom {display:none; }
#footernjemdom {display:none; }
#footerhrkont {display:none; }
#footerenkont {display:none; }
#footernjemkont {display:none; }


}