<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@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:"Roboto", Arial, Helvetica, sans-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; }




.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-family:"Poppins"; color:#777; font-size:40px; font-weight:bold; text-align:left}
h2{font-family:"Poppins"; color:#888; font-size:28px; font-weight:bold; text-align:left}

.drugi_font{ font-family:"Poppins" }
.senka_slova{text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);}
.tekst{font-size:18px; color:#444; text-align:left; line-height:140%}

/*MENI*/
#meni{position:relative; 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; border-bottom:7px #777 solid }
.meni_polje:hover{ background-color:#777; }

.meni_polje.red{border-bottom:7px #f66 solid}
.meni_polje.red:hover{ background-color:#f66; }

.meni_polje.blue{border-bottom:7px #09C solid}
.meni_polje.blue:hover{ background-color:#09C; }

.meni_polje.green{border-bottom:7px #6C6 solid}
.meni_polje.green:hover{ background-color:#6C6; }

.meni_polje.orange{border-bottom:7px #F93 solid}
.meni_polje.orange:hover{ background-color:#F93; }

.meni_polje.violet{border-bottom:7px #969 solid}
.meni_polje.violet:hover{ background-color:#969; }


.logo_img{max-height:65px; width:auto; border:0px; margin:10px 0px; }




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


		@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.three.podve		{ width:50% }
			
			/*MENI*/
			
			#meni{position:fixed; }
			#logo_traka{padding:0px 10px;}

			#meni_mob{display:block; float:right; margin-top:10px}
			#meni_btns{display:none;}
			
			.meni_polje{display:block;  border-bottom:2px #777 solid }
			.meni_polje.red{border-bottom:2px #f66 solid}
			.meni_polje.blue{border-bottom:2px #09C solid}
			.meni_polje.green{border-bottom:2px #6C6 solid}
			.meni_polje.orange{border-bottom:2px #F93 solid}
			.meni_polje.violet{border-bottom:2px #969 solid}
			
			
			.klik_meni{ text-decoration:none; font-size:17px; display:block; letter-spacing:2px; color:#333; text-transform:uppercase;  padding:15px 15px; background-color:rgba(0,0,0,0);}
			.klik_meni:hover{ color:#fff;}
			
			
			.logo_img{max-height:65px; width:auto; border:0px; margin:0px 0px; }
			
			#plast{
				padding-top:30%;
			}
			#plast_img{
				width:70%; height:auto;	
			}
			

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



                            
                            
                            
                       	

</pre></body></html>