@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Dosis&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Roboto');

.dvideo_slider {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 0px;
height: 0;
margin:7px 0 7px 0;
	}

.dvideo {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px;
height: 0;
margin:7px 0 7px 0;
	}
.dvideo iframe{position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;}

.podjela_slider{ 
position:relative;
width:99%;
display: inline-block;
height:auto;}

.bxslider {
	vertical-align: top;
	text-align:center;
	width: 80%;
	height:auto;
	padding: 0px;
	margin: 0 60px 0 60px;
	z-index:5;
  }

.bxslider_slika{
	display: inline-block;
	vertical-align: top;
	width:100%;
	height:auto;
	margin:0 10px 0 10px;
	}
.bxslider_tekst{
	display: inline-block;
	vertical-align: top;
	width:100%;
	height:90px;
	font-size:11pt;}
	
.bxslider_lista{
	display: inline-block;
	vertical-align: top;
	width:100%;
	text-align:left;
	height:260px;
	font-size:11pt;}
			
#slider-prev {
	position: absolute;
	left:0;
	top:0;
	height:100%;
	width: 50px;
	z-index:200;
	background-image: url("../images/strelica_previous.svg");
    background-repeat: no-repeat;
    background-position: left center;
	
	}
	
a:hover #slider-prev, a:hover #slider-next{
	cursor: pointer;
	cursor: hand;}
	
#slider-next{
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 50px;
	z-index: 200;
	background-image: url("../images/strelica_next.svg");
    background-repeat: no-repeat;
    background-position: right center;
    	
	
}

@font-face {
    font-family: 'amerikaregular';
	src: url('../font/amerika-webfont.ttf');
    font-weight: normal;
    font-style: normal;
}


body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: 'Roboto', sans-serif;
	font-size: 14pt;
	color: rgba(51,51,51,1);
	font-weight: normal;

}


a, img {border:none;}

a:link {text-decoration: none;font-family: 'Dosis', sans-serif;font-size: 13pt;color: #00aeef;}
a:visited {	text-decoration: none;font-family: 'Dosis', sans-serif;font-size: 13pt;color: #00aeef;}
a:hover {text-decoration: none;font-family: 'Dosis', sans-serif;font-size: 13pt;color: #00aeef;}
a:active {text-decoration: none;font-family: 'Dosis', sans-serif;font-size: 13pt;color: #00aeef;}

webatelje {	color: #ffffff;}

#stranauvod {
	position: absolute;
	width: 100%;
	top: 0px;
	text-align: center;
	z-index: 0;
	background-color:#000;			
			}

#strana {
	position: absolute;
	width: 100%;
	top: 0px;
	text-align: center;
	z-index: 0;
	background-image: url(../images/2022_pozadina.jpg);
	background-position-x: center;
	background-repeat: repeat-y; 
}

.jezici{position: absolute; top:-202px; right: -47px; width: 126px; height: 37px;}	
	
.uvodna_strana_blank {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	height:200px;
	z-index: 1;
	}
.uvodna_strana {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	max-width: 545px;
	text-align: center;
	padding: 0px;
	margin: 0px;
	z-index: 1;
	}
.uvodna_jezici {
	display: inline-block;
	vertical-align: middle;
	width: 30%;
	text-align: center;
	padding: 0px;
	margin: 0px;
	z-index: 1;
	}
.uvodna_strana_pozadina {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	height: 350px;
	z-index: 1;
	background-image: url(../images/2018_uvodna_pozadina-1.jpg);
	background-repeat: repeat;
	}
.uvodna_dirke {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	max-width: 800px;
	text-align: center;
	padding: 0px;
	margin: 0px;
	z-index: 1;
	}
.podmeni {
	display: inline-block;
	vertical-align: top;
	font-size: 18px;
	width: 50%;
	text-align: left;
	padding: 0px 0px 0px 110px;
	margin: 0px;
	z-index: 1;
	}

podmeni_txt{
	font-size: 18px;
	color: #3bace1;
	}
.strana_100 {
	position:relative;
	display: inline-block;
	vertical-align: top;
	width: 100%;
	max-width: 1100px;
	text-align: center;
	padding: 0;
	margin: 0;
	z-index: 1;
	}
.form_40 {
	display: inline-block;
	vertical-align: top;
	width: 38%; height:auto;
	text-align: center;
	padding: 0;	margin: 0;
	}
.form_20 {
	display: inline-block;
	vertical-align: top;
	width: 19%; height:auto;
	text-align: center;
	padding: 0;	margin: 0;
	}

.container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	border:none;
}

.vid_30 {
	display: inline-block;
	vertical-align: top;
	width: 30%; height:auto !important;
	text-align: center;
	padding: 0px;
	margin: 1%;
	z-index: 1;
	}
.vid_50 {
	display: inline-block;
	vertical-align: top;
	width: 47%; height:auto !important;
	text-align: center;
	padding: 0px;
	margin: 1%;
	z-index: 1;
	}	
.div_30 {
	display: inline-block;
	vertical-align: top;
	width: 29%;
	text-align: center;
	padding: 0px;
	margin: 0px;
	z-index: 1;
	}
.vise {display: inline-block; position:relative;width: 99%;text-align: right;padding: 0px;margin: 0px;}	
	
.div_70 {
	display: inline-block;
	vertical-align: top;
	width: 68%;
	min-height:800px;
	text-align: justify;
	padding: 0 2% 0 0;
	margin: 0;
	z-index: 1;
	}
.konc_100 {
	display: inline-block;
	vertical-align: top;
	width: 99%;
	text-align: left;
	padding: 0px;
	margin: 0px;
	z-index: 1;
	}
.konc_50 {
	display: inline-block;
	vertical-align: top;
	width: 49%;
	text-align: center;
	padding: 0px;
	margin: 0px;
	z-index: 1;
	}
.ziri_50 {
	display: inline-block;
	vertical-align: top;
	width: 49%;
	text-align: center;
	padding: 0px;
	margin: 0 0 15px 0;
	z-index: 1;
	}
	
.ziri_50 a{padding: 0px;margin: 0;}
	
.ziri_50 img{width: 90%;}	

.smjestaj_100 {
	display: inline-block;
	vertical-align: top;
	width: 99%;
	text-align: center;
	padding: 0px;
	margin: 0px;
	z-index: 1;
	}
.smjestaj_50 {
	display: inline-block;
	vertical-align: top;
	width: 49%;
	text-align: center;
	padding: 0px;
	margin: 0px;
	z-index: 1;
	}

.smjestaj_33 {
	display: inline-block;
	vertical-align: top;
	width: 32%;
	text-align: center;
	padding: 0px;
	margin: 5px;
	z-index: 1;
	}
.smjestaj_66 {
	display: inline-block;
	vertical-align: top;
	width: 64%;
	text-align: center;
	padding: 0px;
	margin: 5px;
	z-index: 1;
	}		
.takmicar_50{width: 49%; height:auto;display: inline-block; vertical-align:top;line-height: 0.8;}

.hed_desk {
	display: inline-block;
	vertical-align: top;
	height: 219px;
	width: 100%;
	text-align: center;
	background-color:rgba(255,255,255,0.8);
	padding: 0px;
	margin: 0 0 10px 0;
	z-index: 1;
	border-color:#018596;
	border-style: solid;
  	border-width: 0 0 2px 0;
	}
.hed_mob {
	display: none;
	vertical-align: top;
	width: 100%;
	height: auto;
	text-align: center;
	padding: 0;
	margin: 0 0 10px 0;
	border-color:#018596;
	border-style: solid;
  	border-width: 0 0 2px 0;
	}

.div_100 {
	display: inline-block;
	vertical-align: top;
	height: 219px;
	width: 100%;
	text-align: center;
	background-color:rgba(255,255,255,0.8);
	padding: 0px;
	margin: 0 0 10px 0;
	z-index: 1;
	border-color:#018596;
	border-style: solid;
  	border-width: 0 0 2px 0;
	}
.div_100eng {
	display: inline-block;
	vertical-align: top;
	height: 219px;
	width: 100%;
	text-align: left;
	padding: 0px;
	margin: 0px;
	z-index: 1;
	background-image: url(../images/2018_veliki_heder_strane_eng.jpg);
	background-size: cover;
	background-position-x: center;
	}
.div_rounded{
	text-align:center;
	border-radius: 7px;
	padding: 5px 30px 5px 30px;
	width: 70%;
	background-color: #3bace1;
}
.podmeni100{display: inline-block;vertical-align: top;width: 100%;text-align: center;}
.podmeni25{display: inline-block;text-align:center;border-radius: 2px;padding: 3px;width: 22%;margin:3px; background-color: #219c9d;}
.galerija25{display: inline-block;text-align:center;padding: 3px;width: 21%;margin:1%;}

.najava {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	}
naslov_najave {
	font-family: 'Roboto', sans-serif;
	font-size: 30px;
	color: #FFFFFF;
	font-weight: bold;
}
text_najave {
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	color: #FFFFFF;
	font-weight: lighter;
}
h_podnaslov {
	display:block;
	text-align:center;
	margin: 10px 0 10px 0;
	font-family: 'Dosis', sans-serif;
	font-size: 26pt;
	color: #00aeef;}

h_datum {
	font-family: 'Roboto', sans-serif;
	font-size: 26px;
	color: black;
	font-weight:bold;
}


ziri_podnaslov {
	display:block;
	font-family: 'Dosis', sans-serif;
	font-size: 25px;
	color: #00aeef;
	font-weight: lighter;
	margin:0;
	padding:0;
}
h_podnaslov_b {
	font-family: "amerikaregular", Arial, Helvetica, sans-serif;
	font-size: 26px;
	color: #FFFFFF;
	font-weight: lighter;
}
podmeni{font-family: "amerikaregular", Arial, Helvetica, sans-serif;
	font-size: 11pt;color: #FFFFFF;font-weight: lighter;}

mali_podnaslov {
	font-family: 'Dosis', sans-serif;color: #00aeef;
	font-size: 20pt;
	font-weight: lighter;
}

.satnica_100 {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	text-align: center;
	padding: 0px;
	margin: 0px;
	z-index: 1;
	}
.satnica_prazna {
	display: inline-block;
	width: 100%;
	text-align: center;
	padding: 0px;
	margin: 0px;
	z-index: 1;
	}	
.satnica_50 {
	display: inline-block;
	vertical-align: top;
	width: 49%;
	text-align: left;
	padding: 0px;
	margin: 0px;
	z-index: 1;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	color: #000000;
	font-weight: lighter;
	line-height:24px;
	}

#futer {
	display: inline-block;
	width: 100%;
	height: 150px;
	text-align:center;
	background-color: #00aeef;
	}
#futer2 {
	display: inline-block;
	width: 100%;
	max-width:1100px;
	text-align:center;
	height: 150px;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: #ffffff;
}
.futer_30 {
	display: inline-block;
	vertical-align: top;
	width: 30%;
	text-align: left;
	padding: 20px 0px 0px 0px;
	margin: 0px;
	z-index: 1;
	}
.futer_70 {
	display: inline-block;
	vertical-align: top;
	width: 70%;
	text-align: right;
	padding: 20px 0px 0px 0px;
	margin: 0px;
	z-index: 1;
	}
#linija {
	position: relative;
	width: 100%;
	height: 3px;
	background-color: #52cdfb;
	}	
  
.text1 {
	COLOR: #FFFFFF;
	TEXT-DECORATION: none;
	font-weight: bold;
	background-color: #000000;
           }

@media all and (max-width: 900px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {


.hed_desk {display: none;}
.hed_mob {display: inline-block;}

.vid_30, vid_50 {width: 95%;margin: 2%;}


.div_100, .div_100eng {
	display: inline-block;
	vertical-align: top;
	height: 219px;
	width: 100%;
	text-align: left;
	padding: 0px;
	margin: 0px;
	z-index: 1;
	background-image: url(../images/veliki_heder_strane-mob.jpg);
	background-size: cover;
	background-position-x: center;
	}

.jezici{top:-58px;}

.uvodna_jezici {width: 50%;}
.strana_100 {width: 95%;
max-width:400px;}
.podmeni {padding: 0px 0px 0px 30%;}
.div_rounded{padding: 5px;
	width: 90%;}
.najava {display: none;}
.div_30 {width: 100%;}
.div_70 {width: 100%; min-height:100px;}	
.satnica_50 {width: 100%;}

.ziri_50 {width: 100%;}
.ziri_50 img{width: 100%;}

.takmicar_50{width: 95%;}

.smjestaj_50 {width: 100%;}

.podmeni25{width: 90%;}

.bxslider_slika{
	width:100%;
	height:220px;
	margin:0 10px 0 10px;
	}
.konc_50 {width: 95%;}	
}