@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Arimo&display=swap');

a:link, a:hover {
	text-decoration: none;
	color: #6CB1C1;
}
a:visited, a:active {
	text-decoration: none;
	color: rgba(102,102,102,1);
}
 	

body {
	margin: 0px;
	/**font-family: "helveticaneueltpro", Arial, Helvetica, sans-serif;**/
	font-family: 'Arimo', sans-serif;
	font-size: 14.5px;line-height: 1.3;
	color: rgba(102,102,102,1);
	font-weight: 400;
	text-align: center;
	width:100%;
}

h2 {
	font-family: 'Arimo', sans-serif;
	font-size: 26px;
	color: rgba(102,102,102,1);
	font-weight: lighter;
}
h22 {
	font-family: 'Arimo', sans-serif;
	font-size: 22px;line-height: 1.3;
	color: rgba(102,102,102,1);
	font-weight: lighter;
	text-align:right;
}

h3 {
	font-family: 'Arimo', sans-serif;
	font-size: 19px;
	color: rgba(102,102,102,1);
	font-weight: lighter;
}

opis_link {
	font-family: 'Arimo', sans-serif;
	font-size: 18px;
	color: #6CB1C1;
	font-weight: bold;
}
opis_aktiv {
	font-family: 'Arimo', sans-serif;
	font-size: 18px;
	color: #333333;
	font-weight: bold;
	text-decoration: underline;
}

.sirina{position: relative;
display: inline-block;
width:100%; text-align: center;}

.strana { position: relative;
display: inline-block;
width:95%;
max-width: 1000px;
height: auto;
text-align: left;
vertical-align: top;
}

#strana { position: relative;
display: inline-block;
width: 100%;
height: auto;
vertical-align: top;
}

#sertifikat1{
	z-index: 19;
	top: 399px;
    left: calc(100% - 98px);
	position: absolute;
	width: 100px;
	height: 90px;
	}

.sliderhedera-desk{ position: relative;display: inline-block;width: 100%;height: auto;vertical-align: top;}
.sliderhedera-mob{ position: relative;display: none;width: 100%;height: auto;vertical-align: top;}

#sadrzaj {
	position: relative;
	display: inline-block;
	text-align: center;
	width: 100%;
	height: 450px;	
}

.ispod-menija{position: absolute;
top:33px;
left:3px;
width: 99.3%;
height: 375px;
text-align: center;
overflow-y: hidden;
overflow-x: hidden;
}
.facebook{position: absolute;
top:335px;
left:23px;
width: 50px;
height: 50px;
text-align: center;
overflow-y: hidden;
overflow-x: hidden;
}
.meni{position: relative;
display: inline-block;
width: 100%;
height: auto;
vertical-align: top;
}
.meni-stavka{position: relative;
display: inline-block;
vertical-align: top;
width: 16.4%;
height: 30px;
margin: 0 2px 0 0;
padding: 3px 0 0 0;
font-family: 'Arimo', sans-serif;
font-size: 18px;
color: #537a85;
background-color: #ebebeb;}

.meni-stavka, .meni-stavka a:link, .meni-stavka a:visited, .meni-stavka a:hover, 
#podmeni3-0, #podmeni3-0 a:link, #podmeni3-1, #podmeni3-1 a:link, #podmeni3-0 a:visited, #podmeni3-1 a:visited{background-color: #ebebeb;color: #537a85;font-size: 18px;height:31px;}
#podmeni3-0 a:hover, #podmeni3-1 a:hover{color: #537a85;font-size: 18px;height:31px;}

.podmeni{position: absolute;
display: inline-block;
top: 0px;
left:0px;
overflow-y:  hidden;
vertical-align: top;
width: 100%;
height: 30px;
margin: 0;
}

.podmeni3{position: absolute;
display: inline-block;
top: 0px;
left:0px;
overflow-y:  hidden;
vertical-align: top;
width: 100%;
height: 30px;
margin: 0;
}

.meni-podstavka{position: relative;
display: inline-block;
vertical-align: top;
width: 99%;
height: auto;
padding: 5px 0 5px 0;
margin: 0;
font-size: 14px;
color: white;
background-color: #799aa3;}

.meni-podstavka a:active, .meni-podstavka a:visited, .meni-podstavka a:link{background-color: #799aa3;color: white;}
.meni-podstavka:hover, .meni-podstavka a:hover{color: #00ffff;background-color: #799aa3;}


.meni-grupe{position: relative;
display: inline-block;
width: 100%;
height: 0px;
vertical-align: top;
overflow-x:  hidden;
overflow-y:  hidden;
}
.meni-grupe-strana{position: relative;
display: inline-block;
width: 99.4%;
height: 400px;
overflow-y:  hidden;
vertical-align: top;
}
.meni-grupe-strana-unutra{position: absolute;
top:0px;
left:0px;
width: 100%;
height: 300px;
display: none;
vertical-align: top;
}
.meni-strana-meni{position: absolute;
top:0px;
left:0px;
width: 24%;
height: 100%;
vertical-align: top;
}
.meni-strana-sadrzaj{position: absolute; display: none;
top:2%;
left:27%;
width: 73%;
height: 98%;
vertical-align: top;
text-align: left;
font-family: 'Arimo', sans-serif;
font-size: 13px;
color: white;
}

.strana-sadrzaj-35{position: relative; display: inline-block;width: 35%; height: 100%; vertical-align: top;}
.strana-sadrzaj-25, .strana-sadrzaj-25 :active, .strana-sadrzaj-25 :visited, .strana-sadrzaj-25 :link, 
.strana-sadrzaj-25 :hover {position: relative; display: inline-block;width: 20%; margin: 0 0 20px 0; 
	text-align: center; vertical-align: bottom; background-color: #65a2bf; color:white; padding: 5px;}




.strana-meni-1, .strana-meni-2, .strana-meni-3, .strana-meni-4{position: relative;display: inline-block;
vertical-align: top;
width: 99%;
height: 20.3px;
margin: 0 0 1px 0;
padding: 5px 0 5px 0;
font-family: 'Arimo', sans-serif;
font-size: 13px;
color: white;
background-color: #3c8672;
border-style: solid;border-width: 1px; border-color: #3c8672;}
.strana-meni-2{background-color: #567f8b; border-color: #567f8b;}
.strana-meni-3{background-color: #334e59; border-color: #334e59;}
.strana-meni-4{background-color: #ffb633; border-color: #ffb633;}

.strana-meni-1:hover{background-color: #63baa2;}
.strana-meni-2:hover{background-color: #799aa3;}
.strana-meni-3:hover{background-color: #40606f;}
.strana-meni-4:hover{background-color: #fa9b25;}

.modeli-grupe{position: relative;
display: inline-block;
vertical-align: top;
width: 33.1%;
height: 75px;
margin: 0;
padding: 6px 0 0 0;
font-family: 'Arimo', sans-serif;
font-size: 14px;
color: white;
background-color: gray;
}
#model-grupe-1, #meni-grupe-strana-unutra-1{background-color: #63baa2;}
#model-grupe-2, #meni-grupe-strana-unutra-2{background-color: #799aa3;}
#model-grupe-3, #meni-grupe-strana-unutra-3{background-color: #40606f;}
#model-grupe-4, #meni-grupe-strana-unutra-4{background-color: #fa9b25;}

pm{font-size: 13px;color: white;}

#futer {
	position: relative; display: inline-block;
	width: 100%;
	height: 150px;
	text-align: center;
	background-color: rgba(244,248,251,1);
	font-family: 'Arimo', sans-serif;
	font-size: 14px;
	color: rgba(109,130,154,1);
}


#linija {
	position: relative; display: inline-block;
	width: 100%;
	height: 3px;
	background-color: #6CB1C1;
	}

.futer50r {
	position: relative; display: inline-block;
	width: 40%;	padding: 0 3% 0 3%; text-align: right;}	
.futer50l {
	position: relative; display: inline-block;
	width: 40%;	padding: 0 3% 0 3%; text-align: left;}	

#apSadrzaj_tekst {
	position: relative;
	width: 1000px;
	height: auto;
	z-index: 1;
}


div.inline { float:left; }
.clearBoth { clear:both; }

zeleni {
	font-family: 'Arimo', sans-serif;
	font-size: 15px;
	color: rgba(164,205,62,1);
	font-weight: lighter;
}
siva {
	font-family: 'Arimo', sans-serif;
	font-size: 16px;
	color: rgba(102,102,102,1);
	font-weight: 100%;
}
hr {
	border: 6;
	width: 100%;
	color: #E8ECEE;
}#futer div table tr td p {
	color: rgba(153,153,153,1);
}
li{list-style-type: none;}

f_t{
	font-family: 'Arimo', sans-serif;
	font-size: 15px;
	color: #000000;
}

.podjelakontakt{position: relative;
display: inline-block;
vertical-align: top;
width: 46%;
height: auto;
padding: 1%;
margin: 1%;
font-size: 14.5px;}

.podjela100{position: relative;
display: inline-block;
vertical-align: top;
width: 99%;
height: auto;
padding: 0%;
margin: 0%;}

.div100{position: relative;display: inline-block;vertical-align: top;width: 100%;}
.div70{position: relative;display: inline-block;vertical-align: top;width: 68%;}
.div60{position: relative;display: inline-block;vertical-align: top;width: 60%;}
.div48{position: relative;display: inline-block;vertical-align: top;width: 48%;}
.div43{position: relative;display: inline-block;vertical-align: top;width: 43%;}
.div33{position: relative;display: inline-block;vertical-align: top;width: 33%;}
.div31{position: relative;display: inline-block;vertical-align: top;width: 31%; text-align:center;}
.div30{position: relative;display: inline-block;vertical-align: top;width: 30%;}
.div27{position: relative;display: inline-block;vertical-align: top;width: 26.5%;}
.div26{position: relative;display: inline-block;vertical-align: top;width: 26%;}
.div23{position: relative;display: inline-block;vertical-align: top;width: 22.5%;}
.div6{position: relative;display: inline-block;vertical-align: top;width: 6%;}
.div4{position: relative;display: inline-block;vertical-align: top;width: 4%;}
.div2{position: relative;display: inline-block;vertical-align: top;width: 2%;}


.divslika { width:100%; height: 380px;
   background-image: url("images/modeli/highlife/grandee/slika-blackwood.png");
   background-repeat: no-repeat; background-position: center top;background-size: 100% auto;}

.div10{position: relative;display: inline-block;vertical-align: top; width: 140px; padding: 5px; }	

.divcolor{display:inline-block; width:100%; height:50px; font-size: 13px; display: flex;align-items:center;}
.divcolor img{display:inline-block; width: 40px; height: 40px; margin: 0 5px 0 0;border-style: solid; border-width: 3px; border-radius: 4px; border-color: white;}
.divcolor div{display:inline-block;padding: 0; vertical-align: middle;}	
.divcolor:hover {cursor: pointer;}


@media only screen and (max-width: 990px){
	#sertifikat1{left: calc(100% - 60px); top:110px; width: 60px;	height: auto;}
	.facebook{top:40px;left:23px;}
}

@media only screen and (max-width: 800px){

.sliderhedera-desk{display: none;}
.sliderhedera-mob{display: inline-block;}

#sertifikat1{left: 5%; top:90px; width: 60px;	height: auto;}

.facebook{top:40px;left:23px;}

#sadrzaj {position: relative;display: inline-block;text-align: center;
	width: 100%;height: auto;}

.meni{margin: 30px 0 0 0;}

.meni-grupe, .meni-grupe-strana, .meni-grupe-strana-unutra, .meni-strana-meni, .meni-strana-sadrzaj{
	display: none;}

#podmeni301{display: none;}
#podmeni3-0{display: inline-block;}

.meni-stavka{width: 97%;height: 30px;margin: 2px;padding: 3px;font-size: 18px;}

.ispod-menija{position: relative; display:inline-block;
width: 100%;
height: auto;
text-align: center;
overflow-y: hidden;
overflow-x: hidden;
}

.div100{width: 100%;}
.div70{width: 100%;}
.div60{width: 100%;}
.div48{width: 100%;}
.div43{width: 100%;}
.div33{width: 100%;}
.div31{width: 47%;}
.div30{width: 100%;}
.div27{width: 100%;}
.div26{width: 100%;}
.div23{width: 100%;}
.div6{display: none;}
.div4{position: relative;display: inline-block;vertical-align: top;width: 4%;}
.div2{position: relative;display: inline-block;vertical-align: top;width: 2%;}

#slanjemejla{width: 95%;}
	
	
	.divslika { width:100%; height: 280px;}	

	}