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

/*PALETA*/
.bg_black{ background-color:#333}
.cl_black{ color:#333}

.bg_white{ background-color:#fff}
.cl_white{ color:#fff}

/*modro plava*/
/*.bg1{ background-color:#3a526a}*/
.bg1{ background-color:rgba(58,82,106,1); }
.cl1{ color:#3a526a}

/*zelena iz templejta*/
.bg2{ background-color:#C00}
.cl2{ color:#C00}

/*mrka*/
/*.bg3{ background-color:rgba(46,54,58,1); }
.cl3{ color:rgba(46,54,58,1); }*/
/*
.bg3{ background-color:#444}
.cl3{ color:#444}
*/

.bg3{ background-color:#eee}
.cl3{ color:#eee}

/*siva pozadina*/
.bgs{ background-color:#f7f7f7; }
.cls{ color:#f7f7f7; }



/*PALETA.*/


body{
	font-family: 'Poppins', sans-serif;
	background-color:#fff;
}

.site_width{max-width:1200px}

.font2{font-family: 'Poppins', sans-serif;}


.segment_title{ padding:10px; font-size:32px; text-transform:uppercase; font-weight:bold; }


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

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

.oval2{
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

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


.klik_lila{text-decoration:none; color:#7b1f57}
.klik_lila:hover{ color:#555}

.pagination_btn{ padding:12px 0px; border-radius:8px; text-align:center; width:42px; color:#333; background-color:#FC0; font-size:14px; font-weight:bold; text-decoration:none; display:inline-block; margin:10px }
.pagination_btn_current_page{ padding:12px 0px; border-radius:8px; text-align:center; width:42px; color:#fff; background-color:#3a526a; font-size:14px; font-weight:bold; text-decoration:none; display:inline-block; margin:10px }

.tekst{ font-size:16px;}
.tekst p{ margin-bottom:10px}
.tekst h2{ margin-top:30px}


		.tekst ul{padding-left:30px}
		.tekst li{ margin-bottom:3px}

.dugme{ text-decoration:none; background-color:rgba(46,54,58,1); font-size:14px; font-weight:bold; text-transform:uppercase; padding:14px 26px; color:#fff; display:inline-block; border-radius:4px; transition:.3s;  }
.dugme_kontra{ text-decoration:none; background-color:#c00; font-size:14px; font-weight:bold; text-transform:uppercase; padding:14px 26px; color:#fff; display:inline-block; border-radius:4px; transition:.3s;  }

.btn_site{ border-radius:0px; box-shadow:none; text-decoration:none; font-size:12px; font-weight:normal; letter-spacing:1px; text-transform:uppercase; padding:16px 20px; outline:1px rgba(255,255,255,.3) solid; outline-offset:-5px; color:#fff; background-color:#333; display:inline-block;  }
.message_btn_fld .btn{border-radius:5px; background-color:#EE3338; box-shadow:none; text-decoration:none; font-size:12px; font-weight:normal; letter-spacing:1px; text-transform:uppercase; padding:16px 20px; color:#fff;  display:inline-block; }
.message_fld{ font-size:16px; text-align:center}
.message_btn_fld{ text-align:center}

.dugme:hover{ background-color:#c00; }
.dugme_kontra:hover{ background-color:#fafafa; color:#333; }


.disabled_btn{ pointer-events:none; background-color:#ccc; }



.form_label{  text-align:left; font-size:13px; padding-bottom:3px; padding-top:12px}

input, textarea, select{ background-color:#eee; font-weight:normal; font-size:16px; padding:10px 10px; border:0px; box-shadow:none; border-radius:5px; }
input[type='checkbox']{ outline:0px; outline-offset:0px}


/*clanak polje*/
	.subpage_element{position:relative; text-align:left;  padding:10px; padding-bottom:40px; }
		
		.image_cube{display:block; text-decoration:none; background-color:#eee; font-size:0px; position:relative; padding-bottom:60%; }
		.image_icon{border:0px #eee solid; width:100%; height:auto; position:absolute; top:0px; left:0px; }
		
		.image_cube .subpage_plast{ position:absolute; left:50%; top:50%; width:0%; height:0%; background-color:rgba(102,102,102,.8); 
		 transition: all 0.4s ease-out;
		}
		.image_cube:hover .subpage_plast{ left:0px; top:0px; width:100%; height:100%;}
		
		.h2_title{font-size:20px; padding-top:15px; font-weight:500; }
		.h2_title a{color:#333; text-decoration:none; transition:color 0.2s linear;}
		.h2_title a:hover{color:#C00; }
		.subpage_description{font-size:14px; padding-top:10px; line-height:150%; text-align:left;  }
		
		.href_kontra{ text-decoration:none; font-size:14px; color:#C00; font-weight:bold; display:block; margin-top:5px;  transition: color 0.4s; }
		.href_kontra:hover{color:#333; }


		@media only screen and (max-width:980px){
			
			
		}
		
		
		@media only screen and (max-width:750px){
			
			
			
		}
		
		@media only screen and (max-width:490px){
			
			
		}