/* CSS Document */

/* stub stopostotne duzine */
.full{
width:100%;	
}

/* stub 960px */
.wrap-12{
width:980px;
margin:0 auto 0px auto !important;
padding: 0 20px;
}

/* clear pravilo za stubove */
.wrap-12:after, .clear:after{
content: "";
display: table;
clear: both;
}

.stub{
float:left;	
}

.wrap-12 .stub{
margin-right:20px;	
}

/* polslednji stub nema marginu */
.wrap-12 .last{
margin-right:0;		
}

.wrap-12 .first{
margin-left:0;		
}

.puna_sirina{
width:940px;	
}

.jedan-12{
width:60px;	
}

/* pet pojedinacnih stubova */
.pet_stubova-12{
width:380px;	
}

/* sedam pojedinacnih stubova */
.sedam_stubova-12{
width:540px;	
}

/* jedanaest pojedinacnih stubova */
.jedanaest_stubova-12{
width:860px;	
}

/* dupli stub */
.sestina-12{
width:140px;
}

/* 10 pojedinacnih stubova */
.pet_sestina-12{
width:780px;
}

.cetvrtina-12{
width:220px;
}

.tri_cetvrtine-12{
width:700px;
}

.trecina-12{
width:300px;
}

.dve_trecine-12{
width:620px;
}

.polovina-12{
width:460px;
}

/* COESIA DODATAK */
.full_polovina{
	width:480px;	
}

.full_petina{
	width:180px;	
}

/* #Media Queries
================================================== */

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 979px) {
	
	.wrap-12 .first{
	margin-left:2.5%;		
	}

	.wrap-12{
		width:100%;
		padding:0;
		
	}
	
	.full_petina{
		width:18.3%;	
	}
	
	.wrap-12 .stub{
	margin-right:1%;	
	}
	
	.puna_sirina{
	width:100%;	
	}
	
	.jedan-12{
	width:7%;	
	}
	
	/* pet pojedinacnih stubova */
	.pet_stubova-12{
	width:39%;	
	}
	
	/* sedam pojedinacnih stubova */
	.sedam_stubova-12{
	width:55%;	
	}
	
	/* jedanaest pojedinacnih stubova */
	.jedanaest_stubova-12{
	width:87%;	
	}
	
	/* dupli stub */
	.sestina-12{
	width:15%;
	}
	
	/* 10 pojedinacnih stubova */
	.pet_sestina-12{
	
	width:79%;
	}
	
	.cetvrtina-12{
	width:23%;
	}
	
	.tri_cetvrtine-12{
	width:71%;
	}
	
	.trecina-12{
	width:31%;
	}
	
	.dve_trecine-12{
	width:63%;
	}
	
	.polovina-12, .full_polovina{
	width:47%;
	}
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {}
	
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}
	
/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		.wrap-12{
		width:100%;
		padding:0 5px;	
		}
		
		.wrap-12 .first{
		margin-left:0;		
		}
		
		.stub{
		float:none;	
		}
		
		.wrap-12 .stub{
		margin-right:0;	
		}
		
		.wrap-12 .stub{
		margin-right:0;	
		}
		
		.puna_sirina, .jedan-12, .pet_stubova-12, .sedam_stubova-12, .jedanaest_stubova-12, .sestina-12, .pet_sestina-12, .cetvrtina-12, .tri_cetvrtine-12, .trecina-12, .dve_trecine-12, .polovina-12, .full_polovina, .full_petina{
		width:100%;
		}
	}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {	}