div#ozadje { position:absolute; top:42px; z-index:-30 }

/* ================= Portfolio ================= */
.portfolio_1_2 { padding:0 0 0 0; margin:0 0 20px 0; }
.portfolio_1_2 ul { width:100% }
.portfolio_1_2 ul:after { content: ""; display: block; height:0; overflow:hidden; clear:both; }
.portfolio_1_2 ul li { margin:20px 12px 0px 0; width:360px; float:left; }
.portfolio_1_2 ul li .image { width:360px; height:220px; }
.portfolio_1_2 ul li .image .portfolio_image { width:360px; height:220px; }
.portfolio_1_2 ul li .title { border-bottom:1px solid #025081; text-align:left; display:block; padding:10px 10px; font-size:18px; color:#262626; }
.portfolio_1_2 ul li .title a { font-size:18px; color:#025081; }
.portfolio_1_2 ul li .title a:hover { color:#d93e39; }
.portfolio_1_2 ul li .description { display:block; padding:10px 10px; font-size:14px; line-height:22px; color:#025081; }
.portfolio_1_2 ul li .clear { display:block; clear:both; padding:5px 0 0 0; }
.portfolio_social li { display:inline; padding-right:5px; }



/* === Portfolio category filter === */
.filter ul { margin:0; }
.filter ul li { margin:0; padding:0; float:left; }
.filter ul li { padding:10px 10px; }
.filter ul li.last { padding:0 5px; }
.filter a { font-weight:bold; display: inline-block; padding:12px 20px; font-size:16px; font-family:Helvetica, Arial, sans-serif; text-transform:uppercase; text-decoration:none; background-color:#015080; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; padding:7px 10px; color:#fff;  }
.filter a:hover { color:#fff; }
.filter a.selected { color:#fff; background-color:#EF6269; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; padding:12px 20px; }
.portfolio_button_left { float:left; }
.portfolio_button_right { float:right; }
.portfolio_button_right .button_medium span { margin-right:0; }

/* === Clearfix === */
.clear { clear:both; display:block; height:0; overflow:hidden; visibility:hidden; width:0 }
.clearfix:after { clear:both; content:' '; display:block; font-size:0; height:0; line-height:0; visibility:hidden; width:0 }
* html .clearfix, :first-child+html .clearfix { zoom:1 }




/* ================= Mobile (Portrait) < 320px ================= */
@media only screen and (max-width: 317px) {
.portfolio_1_2 { margin:0; }
.portfolio_1_2 ul { width:226px; }
.portfolio_1_2 ul li { margin:0 0 60px 0; width:226px; }
.portfolio_1_2 ul li .image { width:214px; height:160px; }
.portfolio_1_2 ul li .image .portfolio_image { width:214px; height:160px; }
}