/* ==================================================================================================================== */
/* ! The 1140px Grid V2 by Andy Taylor \ http://cssgrid.net \ http://www.twitter.com/andytlr \ http://www.andytlr.com   */
/* ==================================================================================================================== */

.container {
padding-left: 20px;
padding-right: 20px;
}

.row {
width: 100%;
max-width: 1140px;
min-width: 755px;
margin: 0 auto;
overflow: hidden;
position:relative;
}

.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol, .five2col {
margin-right: 3.8%;
float: left;
min-height: 1px;
}

.row .onecol {
width: 4.85%;
}

.row .twocol {
width: 13.45%;
}

.row .threecol {
width: 22.05%;
}

.row .fourcol {
width: 30.75%;
}

.row .fivecol {
width: 39.45%;
}

.row .five2col {
width: 46.2%;
}

.row .sixcol {
width: 48%;
}

.row .sevencol {
width: 56.75%;
}

.row .eightcol {
width: 65.4%;
}

.row .ninecol {
width: 74.05%;
}

.row .tencol {
width: 82.7%;
}

.row .elevencol {
width: 91.35%;
}

.row .twelvecol {
width: 100%;
float: left;
}

.last {
margin-right: 0px;
}

img, object, embed {
max-width: 100%;
}

img {
	height: auto;
}


/* Smaller screens */

@media only screen and (max-width: 1023px) {

	body {
		font-size: 0.8em;
		line-height: 1.5em;
	}
	
	.header{
		height: 150px;
	}

	#top_menu{
		clear: both;
		width: 100%;
		margin: 0;
	}
	
	#search-box{
		position: absolute;
		right: 10px;
		bottom: 15px;
		padding: 0;
	}

}


/* Mobile */

@media handheld, only screen and (max-width: 767px) {

	body {
		font-size: 16px;
		-webkit-text-size-adjust: none;
	}

	.row, body, .container {
		width: 100%;
		min-width: 0;
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 0px;
		padding-right: 0px;
	}

	.row .onecol, .row .twocol, .row .threecol, .row .fourcol, .row .fivecol, .row .sixcol, .row .sevencol, .row .eightcol, .row .ninecol, .row .tencol, .row .elevencol, .row .twelvecol {
		width: auto;
		float: none;
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 20px;
		padding-right: 20px;
	}
	
	.row .threecol{
		margin-bottom: 20px;
	}
	
	.row .five2col{
		width: 100%;
	}
	
	.clanak_naslovnica_text_container{
		margin-left: 0;
	}
	
	h1 {
		font-size: 2em;
	}
	
	h2 {
		font-size: 1.6em;
	}
	
	h3 {
		font-size: 1.2em;
	}
	
	.focus_img {
		width: 100%;
		height: 100%;
	}
	
	#content h1, #content h2, #content h3, #content h4 {
		padding: 5px;
	}
	
	.focus_img_title_container h3,
	.focus_img_title_container h4 {
		padding: 0px !important;
	}
	
	h3.subtitle{
		width: 100%;
	}
	
	#article-pag{
		width: 100%;
	}
}