/*
	Company: ELPIKO, http://www.elpiko.co.yu/
	Date (create): 01-02-2006
	Date (update): 01-03-2006

	
	******************************
	*****      Sadrzaj       *****
	******************************
	ID: 
		#contents
*/



/* 
	************************************
	***** 		#CONTENTS 		 *****
	************************************
	Class:
		1. shadow
		2. page_width
		3. top
			3.1 left
			3.2 right
		4. bottom
			4.1 left
			4.2 right
*/



#contents ul, #contents li ul { list-style: none; margin: 0px; padding: 0px;}
#contents { clear: both; }
#contents li { float: left; overflow: hidden;}
#contents li ul li { display: block; text-align: left;}

#contents .shadow  {	
	width: 778px; /* 	width: 792px;  */
	background: url(../../img/bg_hp_shadow.gif) 0 0 repeat-y;
	padding: 0 7px 0 7px; margin: 0;
}

#contents .page_width {	
	width: 778px;	 
	display: block;
}

/* Glavni boxovi */

	/* globalna velicina */
#contents .left {
	width: 534px; 
}
#contents .right {
	width: 244px; 
}
#contents a.more {	
	font: 10px/15px tahoma, arial, helvetica, sans-serif;
	clear: both; display: block; 
	text-align: right;
	text-decoration: underline;
	color: #3577C6;
}
#contents a.more:hover {	
	color: #999999;
}

	/* TOP left width: 534px */
#contents .top {
	background: url(../../img/bg_top.gif) 0 0 repeat-y;
}
#contents .top .left {
	padding-bottom: 20px;
	background: #eeeeee url(../../img/bg_top_left.gif) 0 0 repeat-x;
}
#contents .top .left .title {
	padding: 14px 15px 0px 23px;
}
#contents .top .left .text {
	padding: 14px 15px 15px 23px;
	color: #999999;
}

	/* TOP right width: 244px */
#contents .top .right {
	padding-bottom: 10px;
	background: #1e4364;
}
#contents .top .right .title {
	padding: 14px 10px 0px 10px;
}
#contents .top .right .text {
	padding: 14px 10px 15px 10px;
	color: #ffffff;
}
#contents .top .right .text img {
	/*float: right;*/
	margin: 0px; padding: 3px;
	border: solid 1px #cccccc;
}
#contents .top .right a.more:hover {
	color: #ffffff;
}

	/* BOTTOM left width: 534px */
#contents .bottom {
	background: url(../../img/bg_bottom.gif) 0 0 repeat-y;
}
#contents .bottom .left {
	padding-bottom: 10px;
	background: #ffffff url(../../img/bg_bottom_left.gif) 0 0 repeat-x;
	border-top: solid 1px #ffffff;
}
#contents .bottom .left .title {
	padding: 33px 15px 0px 23px;
}
#contents .bottom .left .text {
	color: #999999;
	padding: 14px 15px 0px 23px;
}
#contents .bottom .left li {
	width: 229px; color: #999999;
	padding: 14px 15px 10px 23px;
}
#contents .bottom .left a {
	clear: both;	display: block;
	color: #3577C6;
}

	/* BOTTOM right width: 244px */
#contents .bottom .right {
	padding-bottom: 10px;
	background: #eeeeee url(../../img/bg_bottom_right.gif) 0 0 repeat-x;
}
#contents .bottom .right .title {
	padding: 33px 10px 0px 10px;
}
#contents .bottom .right .text {
	padding: 14px 10px 0px 10px;
	clear: left;
}