@import url(https://fonts.googleapis.com/css?family=Oxygen:300&subset=latin,latin-ext);

a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}

audio {
	background-color: rgba(153,153,153,1);
	width: 200px;
}
 
html, body {
	height: 100%;
	padding: 0;
	margin: 0;
			}


body * {
	font-family: 'Oxygen', sans-serif;
	color: #000;
	font-size: 15px;
			}
posjete {
	font-family: 'Oxygen', sans-serif;
	color: #CCC;
	font-size: 13px;
	font-weight: lighter;
	line-height: 20px;
			}

a, img {
    border:none;
    outline:none
}

hr {
	background-color: #62B31A;
	height: 2px;
	border: none;
	width: 100%;
    }			


h1, h2, h3, h4, h5 {
font-family: 'Oxygen', sans-serif;
color: #02385d;
}
	
	h1 { font-size: 30px; font-weight:bold; line-height:60px;}
    h2 { font-size: 28px; font-weight:bold; line-height:36px; }
    h3 { font-size: 20px; font-weight:bold; margin:0; }
	h4 { font-size: 16px; font-weight:lighter; line-height:26px; }
	h5 { font-size: 16px; font-weight:bold; margin:0; }

h4, h3 a {
text-decoration:none;
}
h4, h3 a:visited {
text-decoration:none;
}
h4, h3 a:hover {
text-decoration:none;
}
h4, h3 a:active {
text-decoration:none;
}


h22 {
	font-size: 28px;
	font-weight: bold;
	line-height: 36px;
	font-family: 'Oxygen', sans-serif;
	color: #FFFFFF;
	text-shadow: 2px 1px 2px #000000;
}

p.half-transparent { opacity:0.5;}

#pozadina {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 0;
	overflow:hidden;
  }
#container {
	position:absolute;
	left:0px;
	top:0px;
	width: 100%;
			height:100%;
			border:0px;
			z-index:0;
			border:1;
			border-color:#000;
			border-style:solid;
			overflow:hidden;
			}
			
#krug01 {
	position: absolute;
	width: 1000px;
	height: 1000px;
	top: -200px;
	left: -350px;
	border-radius: 50%;
	color: #79a5d6;
	opacity: 0.7;
	background-color: #7CACDC;
	z-index: 1;
  }
#krug02 {
	position: absolute;
	width: 400px;
	height: 400px;
	top: -100px;
	right: -100px;
	border-radius: 50%;
	color: #79a5d6;
	opacity: 0.2;
	background-color: #48AC66;
	z-index: 2;
  }
 #krug03 {
	position: absolute;
	width: 100%;
	height: 150%;
	top: -10%;
	right: -30%;
	border-radius: 50%;
	color: #79a5d6;
	opacity: 0.4;
	background-color: #FFFFFF;
	z-index: 5;	
  }

#logo { position:absolute;
			left:0;
			top:0;
			width: 100%;
			height:100%;
			}

 #logo_v {
	position: absolute;
	width: 100%;
	height:500px;
	top: 20%;
	left:0;
	z-index: 10;
  }
   #logo_m {
	position: absolute;
	width: 100%;
	height:500px;
	top: 20%;
	left:0;
	z-index: 10;
  }
  #logo_v2 {
	  position: absolute;
	width: 100%;
	height:500px;
	top: 20%;
	left:0;
	z-index: 10;
  }
  #logo_b {
	position: absolute;
	width: 100%;
	height:500px;
	top: 20%;
	left:0;
	z-index: 10;
  }
  #logo_s {
	position: absolute;
	width: 100%;
	height:500px;
	top: 20%;
	left:0;
	z-index: 10;
  }
  
 #luk2 {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	opacity: 1;
	background: url(../images/pozadina.svg)no-repeat bottom center;
	background-size: cover;
	z-index: 9;
  }

  
#strana {
	position: relative;
	display:inline-block;
	width: 100%;
	min-width:1100px;
	height:100%;
	min-height:100%;
	top: 0px;
	text-align: center;
	z-index: 10;
	background-color:rgba(255,255,255,0.3);
	}
	
#strana_uvod {
	position: relative;
	width: 100%;
	min-width:1000px;
	top: 0px;
	text-align: center;
	z-index: 5;
			}

.strana100 {
	display: inline-block;
	width: 100%;
	max-width:1100px;
	text-align: center;
	padding: 0px;
	margin: 0px;
	}
#ucitaj_stranu {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	max-width: 1100px;
	text-align: left;
	padding: 0px;
	margin: 0px;
	z-index: 2;
  }

.kontakt_text{
font-family: 'Oxygen', sans-serif;
color: #333;
}

.slika_manja {
	position:relative;
	display: inline-block;
	float:left;
	vertical-align: top;
	text-align: center;
	width:25%;
	max-width:208px;
	height:100%;
	padding: 0px 0px 0px 0px;
	margin:0px 15px 10px 0px;
  }
 .slika_veca {
	position:relative;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	width:750px;
	height:642px;
  }
.text_slika{
	position:relative;
	display: inline-block;
	vertical-align: top;
	text-align:justify;
	width:330px;
	height:630px;
	overflow-y: scroll;
	overflow-x: hidden;
	padding: 0px 10px 0px 10px;

	}


.podjela_prazno {
	position:relative;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	width:100%;
	height:200px;
	padding: 0px 0px 0px 0px;
	margin:0px;
  }
  
  .podjela100_heder {
	position: relative;
	display: inline-block;
	vertical-align: bottom;
	text-align: center;
	width: 100%;
	height: 200px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	background-image: url(../images/heder_pozadina2021.png);
	background-size: cover;
	background-position: center bottom;
  }
   .strana_heder {
	position: relative;
	display: inline-block;
	vertical-align: bottom;
	text-align: center;
	width: 100%;
	max-width: 1100px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
  }
  
 .meni {
	font-family: 'Oxygen', sans-serif;
	font-size: 13pt;
	color:#FFF;
	box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3);
	display: inline-block;
	text-align: center;
	cursor: pointer;
	padding: 5px 10px;
	background-color: rgba(1, 1, 1,0.25);
	border: solid 1px transparent;
	border-radius: 5px;
	}
  .meni:hover {
	box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);
	background-color: rgba(1, 1, 1,0.5);
	}	
 
 .podmeni {
	font-family: 'Oxygen', sans-serif;
	font-size: 11pt;
	color: #FFF;
	margin: 0px 0px 10px 0px;
	box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.4);
	display: inline-block;
	text-align: center;
	cursor: pointer;
	padding: 3px 3px;
	background-color: rgba(2,56,93,0.7);
	border: solid 1px transparent;
	border-radius: 5px;
	}

.podmeni:hover {
	color: #FFF;
	background-color: rgba(2,56,93,1);
}

.podjela_meni_20 {
	position:relative;
	display: inline-block;
	vertical-align: bottom;
	text-align: center;
	width:20%;
	height:100%;
	padding: 0px 0px 0px 0px;
	margin:0px;
  }
 .podjela_meni_80 {
	position:relative;
	display: inline-block;
	vertical-align: bottom;
	text-align: center;
	width:80%;
	height:100%;
	padding: 0px 0px 0px 0px;
	margin:0px;
  }

.podjela10 {
	position:relative;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	width:10%;
	min-width:30px;
	height:100%;
	padding: 0px 0px 0px 0px;
	margin:0px;
  }


.podjela25 {
	position:relative;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	width:25%;
	height:100%;
	padding: 0px 0px 0px 0px;
	margin:0px;
  }
 .podjela25nj {
	position:relative;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	width:25%;
	height:100%;
	padding: 0px 0px 0px 0px;
	margin:0px;
  }
.podjela_galerija {
	position:relative;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	width:23%;
	height:100%;
	padding: 5px;
	margin:0px;
}
.podjela_galerija a{
	text-decoration:none;}
	
.podjela_drugi_o_nama {
	position:relative;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	width:46%;
	height:100%;
	padding: 5px;
	margin:0px;
  }
.drugi_o_nama_70{
	position:relative;
	display: inline-block;
	vertical-align: top;
	text-align: left;
	width:70%;
	height:100%;
	padding: 0px;
	margin:0 10px 0 0;
  }
.drugi_o_nama_thumb{
	position:relative;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	width:90%;
	height:100%;
	padding: 0px;
	margin:0px;
  }
.drugi_o_nama_25{
	position: relative;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	width: 25%;
	height: 100%;
	padding: 0px;
	margin: 0px;
	background-color: #EAEAEA;
  }

 .podjela_kontakt_33 {
	position:relative;
	display: inline-block;
	vertical-align: top;
	text-align: left;
	width:20%;
	height:100%;
	padding: 0px 0px 0px 40px;
	margin:0px;
  }
 .podjela_kontakt_66 {
	position:relative;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	width:66%;
	height:100%;
	padding: 0px 0px 0px 0px;
	margin:0px;}
  
   
 .podjela30 {
	position:relative;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	width:30%;
	max-width:260px;
	height:100%;
	padding: 0px 0px 0px 0px;
	margin:0px;
  }
  
 .podjela45left {
	position:relative;
	display: inline-block;
	vertical-align: top;
	text-align:left;
	width:45%;
	height:100%;
	padding:0px;
	margin:0px;
  }
  .podjela45right {
	position:relative;
	display:inline-block;
	vertical-align: top;
	text-align: right;
	width:45%;
	height:100%;
	padding:0px;
	margin:0px;
  }

.podjela50 {
	position:relative;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	width:50%;
	height:100%;
	padding: 0px 0px 0px 0px;
	margin:0px;
  }
 .podjela50left {
	position:relative;
	display: inline-block;
	vertical-align: top;
	text-align: left;
	width:50%;
	height:100%;
	padding: 0px 0px 0px 0px;
	margin:0px;
  }
  .podjela50right {
	position:relative;
	display: inline-block;
	vertical-align: top;
	text-align: right;
	width:50%;
	height:100%;
	padding: 0px 0px 0px 0px;
	margin:0px;
  }
 .podjela100 {
	position:relative;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	width:100%;
	max-width:1100px;
	height:100%;
	padding: 0px 0px 0px 0px;
	margin:0px;
  }
 
 .cjelina {
	display: inline-block;
	vertical-align: top;
	text-align: left;
	width:100%;
  } 
 .podjela100_meni {
	display: inline-block;
	width:100%;
	height:15px;
  }
#playlist{
	padding: 10px 0px 0px 0px;
	}

.podjela_vijesti_100 {
	display: inline-block;
	vertical-align: top;
	text-align: center;
	width: 100%;
	max-width: 1000px;
	height: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px;
  }
 .podjela_vijesti_40 {
	position:relative;
	display: inline-block;
	vertical-align: top;
	text-align: left;
	width:40%;
	height:100%;
	padding: 0px 0px 0px 0px;
	margin:0px;
  }
 .podjela_vijesti_40_2 {
	position:relative;
	display: inline-block;
	vertical-align: top;
	text-align: right;
	width:40%;
	height:100%;
	padding: 0px 0px 0px 0px;
	margin:0px;
  }
  
  
 .podjela_vijesti_60 {
	position:relative;
	display: inline-block;
	vertical-align: top;
	text-align: left;
	width:60%;
	height:100%;
	padding: 0px 0px 0px 0px;
	margin:0px;
  }

.podjela_futer {
	position: fixed;
	left: 0px;
	bottom: 0px;
	display: inline-block;
	vertical-align:bottom;
	width: 100%;
	height:40px;
	background-color: #516b75;
	text-align: center;
	padding: 0px;
	margin: 0px;
	z-index: 20;	
  }    
.podjela_potpis1 {
	position:relative;
	display: inline-block;
	width: 47%;
	text-align:left;
	font-family: 'Oxygen', sans-serif;
	color: #CCC;
	font-size: 13px;
	
	}
.podjela_potpis2 {
	position: relative;
	display: inline-block;
	width: 47%;
	text-align: right;
	font-family: 'Oxygen', sans-serif;
	color: #CCC;
	font-size: 13px;
	font-weight: lighter;
	line-height: 20px;
	}


.left{text-align: left;}
.justify{text-align: justify;}
.right{text-align: right;}
	
.d100 {
	position:relative;
	display: inline-block;
	float:left;
	vertical-align: top;
	width:100%;
	padding: 0px;
	margin:0px;
  }
 .d50 {
	position:relative;
	display: inline-block;
	float:left;
	vertical-align: top;
	width:50%;
	padding: 0px;
	margin:0px;
  }
  .d60 {
	position:relative;
	display: inline-block;
	float:left;
	vertical-align: top;
	width:60%;
	padding: 0px;
	margin:0px;
  }  	
 .d40 {
	position:relative;
	display: inline-block;
	float:left;
	vertical-align: top;
	width:40%;
	padding: 0px;
	margin:0px;
  }	

@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) {

h1 { font-size: 25px; font-weight:lighter; line-height:40px; }
    h2 { font-size: 22px; font-weight:lighter; line-height:30px; }
    h3 { font-size: 16px; font-weight:lighter; margin:0; }

.strana100 {width: 100%;}

 .podjela33 {width:50%;}

#thumbs {width: 100%;}
#meni {width: 90%;}

#thumbs_kontakt {width: 100%;}
	
#meni_kontakt {width: 100%;}

div.podjela_potpis1 {
	position:relative;
	display: inline-block;
	width: 99%;
	text-align:center;
	}
div.podjela_potpis2 {
	position:relative;
	display: inline-block;
	width: 99%;
	text-align:center;
	}
	
  

}