/* ---------- Canvas rules ---------- */

#xo-canvas {
	margin: 0 auto;
	width: 902px;
	/*background-color: transparent;*/ 
	background: url(images/content.jpg) repeat-y;
	
}


* html #xo-canvas {
	width: 902px;

}

#xo-canvas-content {}

#xo-canvas-columns {
	margin:			0px 10px;
	padding-right:	4px;
	margin-top:		12px;
}

#xo-canvas-leftcolumn {
	float:			left;
	width:			178px;
	margin-left:	-40px;
}

* html #xo-canvas-leftcolumn {
	margin-left:	-30px;
	margin-right: -20px;
}



#xo-canvas-rightcolumn {
	float:			right;
	width:			170px;
	padding-left:	5px;
	margin-right:	-180px;
}

* html #xo-canvas-rightcolumn {
	margin-left:	-90px;
	margin-right:	-90px;
}

/* ----------Canvas rules (when columns are visible) ---------- */

#xo-canvas.leftcolumn-layout #xo-canvas-columns, #xo-canvas.threecolumns-layout #xo-canvas-columns { padding-left: 0px; }
#xo-canvas.rightcolumn-layout #xo-canvas-columns, #xo-canvas.threecolumns-layout #xo-canvas-columns {	padding-right: 190px; }
 #xo-footer {width: 100%; margin-left: auto; margin-right: auto; margin-bottom:10px; text-align:center; background-image: url(images/content_bottom.jpg); clear:both;position: relative; bottom: 0;}

/* ----------Page [center column] rules ---------- */

#xo-page {
	float:			right;
	width:			75%; /*mjenjam sredni block tj. tamo gdje su news*/
	margin-left: 20px;
}

/* ------- Top and bottom zones (2 columns) ------- */

#xo-page-topleftblocks, #xo-page-bottomleftblocks {
	float:			left;
	width:			48%;
	margin-left:	1%;
	margin-right:	1%;
	padding:		0px;
}
#xo-page-toprightblocks, #xo-page-bottomrightblocks {
	float:			right;
	width:			48%;
	margin-left:	1%;
	margin-right:	1%;
}
* html #xo-page-topleftblocks, * html #xo-page-bottomleftblocks,
* html #xo-page-toprightblocks, * html #xo-page-bottomrightblocks
{
	width:			47%;
}

#xo-page-topcenterblocks, #xo-page-bottomcenterblocks {
	clear:			both;
	margin-left:	1%;
	margin-right:	1%;
}
/* ------- Top and bottom zones (3 columns) ------- */

#xo-page-topblocks.xo-lcrpageblocks .xo-blockszone, #xo-page-bottomblocks.xo-lcrpageblocks .xo-blockszone {
	float:			left;
	clear:			none;
	width:			31.2%;
}

* html #xo-page-topblocks.xo-lcrpageblocks .xo-blockszone,
* html #xo-page-bottomblocks.xo-lcrpageblocks .xo-blockszone {
	width:			30.6%;
}

#xo-page-topblocks.xo-lcrpageblocks #xo-page-topleftblocks {}

#xo-content {	
	position:		relative;
	clear: both;
}