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

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

.cl2{color:#ED6E0B}
.bg2{background-color:#ED6E0B}


.cl3{color:#404d58}
.bg3{background-color:#404d58}

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



body{
	font-family: 'Open Sans', sans-serif;
	background-color:#fafafa;
}

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

h1{ font-size:26px; text-transform:uppercase;  text-shadow: 0px 0px 1px rgba(0,0,0,0.40);}
h2{ font-size:20px; text-transform:uppercase; text-shadow: 0px 0px 1px rgba(0,0,0,0.40); }


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

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

.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{ 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;  }
.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;  }
*/
.btn_site{ border-radius:5px; box-shadow:none; text-decoration:none; font-size:12px; font-weight:normal; letter-spacing:1px; text-transform:uppercase; padding:16px 20px;  color:#fafafa; background-color:#222; display:inline-block;  }
.dugme{ border-radius:5px; box-shadow:none; text-decoration:none; font-size:12px; font-weight:normal; letter-spacing:1px; text-transform:uppercase; padding:16px 20px;  color:#fafafa; background-color:#222; display:inline-block;  }

.dugme_crveno{ background-color:#D90000; }

.btn_site:hover{ background-color:#333; }
.dugme:hover{ background-color:#333; }

.message_btn_fld .btn{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_fld{ font-size:16px; text-align:center}
.message_btn_fld{ text-align:center}

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

/*.f-curtain-content{outline:1px #ccc solid; outline-offset:-10px;}*/
/*
.message_btn_fld{ text-align:center}
.message_btn_fld .btn{color:#FFF; background-color:#333;  border-radius:0px; -moz-border-radius:0px; padding:8px 16px; font-size:14px; box-shadow:none; font-weight:bold; text-decoration:none; border-radius:3px; letter-spacing:1px; display:inline-block }
.message_btn_fld .btn:hover{ background-color:#666}
.message_fld{ font-size:16px; text-align:center}*/

.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:18px; padding:8px 10px; border:0px; box-shadow:none; border-radius:5px; outline:1px #fff solid; outline-offset:-4px; }
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:#333; 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%;}
			.masonry_fotka_double{padding:10px; width:100%;}
			
			input,texarea,select{  font-size:22px; }
			
		}
		
		@media only screen and (max-width:490px){
			
			.masonry_fotka{padding:10px; width:50%;}
		}