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

.bg1{ background-color:#555}
.cl1{ color:#555}

/*plava*/
.cl2{color:#323232}
.bg2{background-color:#323232}

/*tamno siva - crna */ 
.cl3{color:#323232}
.bg3{background-color:#323232}

/*bleda*/
.cl4{color:#fdfdfd}
.bg4{background-color:#fdfdfd}

/*svetlo plava*/
.cl5{color:#4eaaf3}
.bg5{background-color:#4eaaf3}

.bg_white{background-color:#FFF}
.site_width{max-width:1200px}

/*okvir siva*/
.cl6{color:#e9e9e9}
.bg6{background-color:#e9e9e9}



body{
	font-family: 'Roboto', sans-serif;
	background-color:#fdfdfd;
	color:#555;
}

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

h1{ font-size:26px; text-transform:uppercase; font-family: 'Oswald', sans-serif; color:#333}
h2{ font-size:18px; text-transform:uppercase; font-family: 'Oswald', sans-serif;}


.masonry_fotka{padding:10px; width:33.33%;}

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

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

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

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

.tekst{ font-size:13px;}
.tekst p{ margin-bottom:10px}

.dugme{ background-color:#F36; text-decoration:none; font-size:14px; font-weight:bold; color:#fff; letter-spacing:1px; text-transform:uppercase; padding:16px 20px;  display:inline-block;  }
.dugme:hover{ background-color:#C33; color:#fff}
.btn_site{ background-color:#F36; text-decoration:none; font-size:12px; color:#fff; font-weight:normal; letter-spacing:1px; text-transform:uppercase; padding:16px 20px;  display:inline-block;  }

/*
.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{ background-color:#F36; text-decoration:none; font-size:12px; color:#fff; font-weight:normal; letter-spacing:1px; text-transform:uppercase; padding:16px 20px;  display:inline-block; }
.message_fld{ font-size:16px; text-align:center}
.message_btn_fld{ text-align:center}

.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:14px; padding:12px 16px; border:0px; box-shadow:none; border-radius:5px; }
input[type='checkbox']{ outline:0px; outline-offset:0px}



.intext_link{ color:#F33; display:inline-block; text-decoration:none; border-bottom:1px #F33 solid; box-sizing:border-box; -moz-box-sizing:border-box; }
.intext_link:hover{ border-bottom:0px}

.table_cell_site{ font-size:14px; padding:7px 10px; }
.table_header_site{ background-color:#333333; color:#fafafa; }

.site_table tbody tr:nth-child(odd) {
   background-color: #f9f9f9;
}
.clickable_row {
	background-color: #eee;
}


.clickable_row:hover {
	background-color: #ddd;
	cursor: pointer;
}

.img_outline{outline:1px rgba(255,255,255,.5) solid; outline-offset:-10px;}

		@media only screen and (max-width:980px){
			
			
		}
		
		
		@media only screen and (max-width:750px){
			
			.masonry_fotka{padding:10px; width:50%;}
			
			input, textarea, select{ background-color:#eee; font-weight:normal; font-size:16px; padding:12px 16px; border:0px; box-shadow:none; border-radius:5px; }
			/*input,texarea,select{  font-size:22px;  }*/
			
		}
		
		@media only screen and (max-width:490px){
			
			.masonry_fotka{padding:10px; width:50%;}
		}