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

/*
tamno plava #025A79
svetlo plava #0499CD
*/

*{
	margin:0;
	padding:0;
	-webkit-font-smoothing: antialiased;
}



html{
	 height:100%;
 	min-height:100%;	
}
	
body{
	font-size:12px;
	
	font-family: 'Noto Serif', serif;
	color:#333;
	background-color:#fff;
}

.main{
	width:100%;
	margin:0 auto;
	}
	


img{
	max-width:100%;
	height:auto;
	}

div{
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	}
	
.blok{
	float:left;
	clear:both;
	width:100%;
	
	box-sizing:border-box;
    -moz-box-sizing: border-box;
	}

.columns{
	float:left;
	
	text-align:center;
	
	box-sizing:border-box;
    -moz-box-sizing: border-box;
	
	}

.columns.one		{ width:8.33% }
.columns.two		{ width:16.66% }
.columns.three		{ width:25% }
.columns.four		{ width:33.33% }
.columns.five		{ width:41.66% }
.columns.six		{ width:50% }
.columns.seven		{ width:58.33% }
.columns.eight		{ width:66.66% }
.columns.nine		{ width:75% }
.columns.ten		{ width:83.33% }
.columns.eleven		{ width:91.66% }
.columns.twelve		{ width:100% }


.clearfix:after,
.main:after, main2.after{
	content:'';
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0;
	clear:both;
	}

.main{
	zoom:1;
}


.poljex{
	-webkit-box-shadow: rgba(0,0,0,.4) 0px 0px 10px;
	-moz-box-shadow: rgba(0,0,0,.4) 0px 0px 10px;
	box-shadow: rgba(0,0,0,.4) 0px 0px 10px;

	behavior: url(/PIE.htc);
	}

.boxsize{box-sizing:border-box; -moz-box-sizing:border-box;}

.oval{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.oval_bottom{
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-bottom-left-radius: 8px;
	-moz-border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}

.oval_top{
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-top-left-radius: 8px;
	-moz-border-top-right-radius: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

.oval_left{
	-webkit-border-top-left-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-top-left-radius: 8px;
	-moz-border-bottom-left-radius: 8px;
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
}

.oval_right{
	-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-top-right-radius: 8px;
	-moz-border-bottom-right-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
}

.krug{
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}

.click_path{ text-decoration:none; color:#999; font-size:13px; letter-spacing:1px}
.click_path:hover{color:#555;}

.sirina_sajta{max-width:2200px; }
.sirina{max-width:1100px; }

.sirina2{max-width:1300px; }




.klik_belo{text-decoration:none; color:#FFF}
.klik_belo:hover{color:#CCC}

.klik_crno{text-decoration:none; color:#333}
.klik_crno:hover{color:#777}

.no_pointer{ pointer-events:none}

#plast{
	
	position:fixed;
	top:0px;
	background-color:rgba(0,0,0,.9);
	width:100%;
	height:100%;
	opacity:1;
	background-image:url(images/puff.svg);
	background-position:center;
	background-repeat:no-repeat;
	pointer-events:none;
	z-index:2000;
	text-align:center;
	padding-top:10%;
	
	-webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    -ms-transition: opacity 1s;
    transition: opacity 1s;

}

#plast_img{ width:30%; height:auto;	}

/*STD*/
h1{ font-size:42px; text-align:left; font-weight:bold; color:#600; letter-spacing:1px}
h2{ font-size:22px; text-align:left; font-weight:normal; color:#600}
/*
h2{font-family:"PT Sans Narrow"; color:#888; font-size:28px; font-weight:bold; text-align:left}
*/

.drugi_font{ font-family:"PT Sans Narrow" }
.senka_slova{text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);}
.tekst{font-size:17px; color:#444; text-align:left; line-height:140%}
.tekst p{ margin-bottom:20px}

/*MENI*/
#meni{position:fixed; top:0px; width:100%; z-index:2000; text-align:right; font-size:0px; }
#logo_traka{padding:0px 50px;}

#meni_mob{display:none;}
#meni_btns{display:block}

/*sarena slova menija*/
.meni_polje{display:inline-block; position:relative; transition:  background-color .5s;}
.meni_polje:hover{ background-color:rgba(0,0,0,.3); }

.klik_orange{ text-decoration:none; color:#F93; }
.klik_orange:hover{color:#555}

.klik999{ text-decoration:none; color:#999}
.klik999:hover{ color:#777}

.desktop_show{ display:block}
.mob_show{ display:none}

.flabel{text-align:left; font-size:14px; padding:5px}
.ffield{border:1px #CCC solid; width:100%; padding:5px; color:#333; font-size:16px; font-family:"PT Sans Narrow"}


.klik_meni{ text-decoration:none; font-size:15px; display:block; letter-spacing:1px; text-transform:uppercase; letter-spacing:2px; color:#fff;  padding:10px 15px; background-color:rgba(0,0,0,0);}
.klik_meni:hover{ color:#fff;}

.btn{padding:8px 12px; background-color:#F90; font-size:14px; color:#FFF; text-decoration:none; pointer-events:auto}

		@media only screen and (max-width:980px){
			
			
		}
		
		
		@media only screen and (max-width:750px){
			
			.columns.one		{ width:100% }
			.columns.two		{ width:100% }
			.columns.three		{ width:100% }
			.columns.four		{ width:100% }
			.columns.five		{ width:100% }
			.columns.six		{ width:100% }
			.columns.seven		{ width:100% }
			.columns.eight		{ width:100% }
			.columns.nine		{ width:100% }
			.columns.ten		{ width:100% }
			.columns.eleven		{ width:100% }
			.columns.twelve		{ width:100% }
			
			.columns.one.fix		{ width:8.33% }
			.columns.two.fix		{ width:16.66% }
			.columns.three.fix		{ width:25% }
			.columns.four.fix		{ width:33.33% }
			.columns.five.fix		{ width:41.66% }
			.columns.six.fix		{ width:50% }
			.columns.seven.fix		{ width:58.33% }
			.columns.eight.fix		{ width:66.66% }
			.columns.nine.fix		{ width:75% }
			.columns.ten.fix		{ width:83.33% }
			.columns.eleven.fix		{ width:91.66% }
			.columns.twelve.fix		{ width:100% }
			
			.columns.three.podve		{ width:50% }
			
			/*MENI*/
			#logo_traka{padding:0px 10px;}
			#zagljavlje_traka{ display:none}

			#meni_mob{display:block; float:right; margin-top:10px}
			#meni_btns{display:none;}
			
			.meni_polje{display:block;  border-bottom:0px #777 solid }
			
			
			
			.klik_meni{ text-decoration:none; font-size:17px; display:block; letter-spacing:2px; color:#fff; text-transform:uppercase;  padding:15px 15px; background-color:rgba(0,0,0,0);}
			.klik_meni:hover{ color:#fff;}
			
			
			#plast{
				padding-top:30%;
			}
			#plast_img{
				width:70%; height:auto;	
			}
			
			.desktop_show{ display:none}
			.mob_show{ display:block}
			

			
		}
		
		@media only screen and (max-width:490px){
			/*.columns.three.podve		{ width:100% }*/
			.columns.four.podve		{ width:100% }
		}