/************************************************************************
	DEFINICIJE OSNOVNIH HTML TAGOVA
************************************************************************/

* {
	margin: 0;
	padding: 0;
}

#side-l *, #banneri * {
	margin-bottom: 5px;
	text-align: left;
}

body {
	background: #fff url(img/top-bg.gif) repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 76%;
	text-align: center;
}

h3 {
	margin-top: 20px;
	margin-bottom: 10px;
}


/************************************************************************
	DEFINICIJE IZGLEDA LAYOUT-A
************************************************************************/

	#top {
		margin: 0 auto;
		width: 760px;
		height: 40px;
		text-align: right;
		color: #f69;
		line-height: 40px;
	}
	
			#top a {
				color: #f69;
				text-decoration: none;
			}
			
			#top a:hover {
				color: #f9c;
			}

	#kontejner {
		margin: 0 auto;
		width: 760px;
		text-align: left;
	}
	
		#zaglavlje {
			height: 90px;
			margin-top: 10px;
			border-bottom: 1px solid #ccc;
			margin-bottom: 10px;
		}
			
			#zaglavlje .logo {
				margin-left: 0;
			}
			
			.baner {
			    margin-right: 10px;
			}
		
		#side-l {
			float: left;
			width: 190px;
			margin-bottom: 10px;
		}
		
			#side-l form {
				width: 150px;
				background-color: #e0f8fc;
				padding: 20px;
				text-align: center;
			}
			
			#side-l label {
				font-weight: bold;
				color: #99f;
				display: block;
				float: left;
			}
			
			#side-l input#pretraga {
				border: 1px solid #eee;
				background-color: #fff;
				margin: 5px 0;
				display: block;
				float: left;
			}
			
			#side-l input#pretraga:focus {
				border: 1px solid #ccc;
			}
			
			#side-l form#trazi {
				border: none;
				background-color: #09c;
				color: #fff;
			}
			
				#side-l form br { clear: left; }
			
			#side-l img {
				margin-top: 5px;
				margin-bottom: 5px;
			}
		
		#side-r {
			float: right;
			width: 550px;
			margin-left: 10px;
			margin-bottom: 10px;
		}
		
			#navigacija {
				background: #069 url(img/kat-tab.gif) repeat-x;
				text-align: right;
				line-height: 30px;
				padding-right: 5px;
				font-weight: bold;
				color: #ccf;
				height: 30px;
				margin-bottom: 10px;
			}
			
			#banner-desno {
				float: right;
				width: 140px;
				height: 400px;
				text-align: right;
			}
			
			#sadrzaj#onama {
				margin-left: 20px;
			}
			
			#sadrzaj p {
				margin: 10px;
			}
			
			#sadrzaj td {
				line-height: 1.5em;
			}
			
			#sadrzaj ul li {
				margin-left: 5px;
				line-height: 1.5em;
			}
			
				#sadrzaj .wrapper {
					float: left;
					width: 290px;
				}
			
			/* allow room for 3 columns */
				#sadrzaj .wrapper ul {
					margin-left: 5px;
					width: 33em;
				  }

			/* float & allow room for the widest item */
				#sadrzaj .wrapper ul li {
					float: left;
					width: 10em;
					list-style: none;
					line-height: 1.8em;
					font-size: .95em;
				}
			
			  /* stop the float */
				#sadrzaj .wrapper br {
					clear: left;
				}
			
			  /* separate the list from subsequent markup */
				div.wrapper {
					margin-bottom: 1em;
				}
				
				#sadrzaj .wrapper a {
					text-decoration: none;
					color: #666;
				}
				
					#sadrzaj .wrapper a:hover {
						color: #6699FF;
						text-decoration: underline;
					}
				
			/* Font slova oglasa u sadrzaju */	
				#sadrzaj table {
				font-size: 12px;
				}
				
	#kontejner2 {
		clear: both;
		background: #036 url(img/foot-bg.gif) repeat-x;
		height: 600px;
	}
	
		#kont2okvir {
			margin: 0 auto;
			width: 770px;
			text-align: left;
		}
		
		#banneri {
			float: left;
			width: 190px;
			padding-left: 5px;
		}
		
		#novioglasi {
			float: left;
			margin-left: 20px;
			padding-top: 50px;
			width: 550px;
			background: url(img/naj-oglasi-tab.gif) no-repeat;
			font-size: .9em;
		}
			
			#novioglasi ul {
				list-style: none;
				border-bottom: 1px solid #fff;
				
			}
			
				#novioglasi ul li {
					list-style: none;
					color: #fff;
					line-height: 1.4em;
				}
				
					#novioglasi ul li.zadnji {
						margin-bottom: 10px;
					}
				
					#novioglasi ul li a {
						color: #0cf;
						text-decoration: none;
					}
					
						#novioglasi ul li a:hover {
							text-decoration: underline;
						}
		
		#novioglasi table {
			font-size: 12px;
			color:#FFFFFF;
		}
		
		#posimenik {
			float: right;
			width: 250px;
			height: 50px;
			background: url(img/pos-imenik-tab.gif) no-repeat;
		}
	
	#footer {
		clear: both;
		height: 50px;
		background-color: #000;
		border-top: 1px solid #fff;
	}
		
		#foot-cont {
			margin: 0 auto;
			width: 770px;
			text-align: left;
		}
	
			#copyrights {
				float: left;
				width: 200px;
				height: 50px;
				border-right: 1px dotted #fff;
				padding-top: 10px;
				color: #fff;
			}
			
			#copyrights a {
			color:#FFFFFF;
			}
			
			#foot-nav {
				float: right;
				width: 540px;
				height: 35px;
				padding: 5px;
				color: #f69;
				line-height: 35px;
			}
			
				#foot-nav a {
					color: #f69;
					text-decoration: none;
				}
				
				#foot-nav a:hover {
					color: #f9c;
				}
				

/************************************************************************
CSS ZA PADAJUCI MENI
************************************************************************/

.chromestyle {
width: 99%;
font-weight: bold;
}

.chromestyle:after { /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul {
width: 100%;
padding: 0;
margin: 0;
text-align: right; /*set value to "left", "center", or "right"*/

}

.chromestyle ul li {
display: inline;

}

.chromestyle ul li a {
color: #ccf;
padding: 4px 7px;
margin: 0;
text-decoration: none;
}

.chromestyle ul li a:hover {
}

.chromestyle ul li a[rel]:after { /*HTML to indicate drop down link*/
content: " ";
/*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/
}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv {
	position: absolute;
	top: 0;
	border: 0; /*THEME CHANGE HERE*/
	border-bottom-width: 0;
	font: normal 12px Verdana;
	z-index: 100;
	line-height: 20px;
	background-color: #069;
	width: 150px;
	visibility: hidden;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}

.dropmenudiv a {
	width: auto;
	display: block;
	text-indent: 3px;
	padding: 2px 2px;
	text-decoration: none;
	font-weight: bold;
	color: #ccf;
}

* html .dropmenudiv a { /*IE only hack*/
	width: 100%;
}

.dropmenudiv a:hover { /*THEME CHANGE HERE*/
	background-color: #ccf;
	color: #069;
}


/************************************************************************
	DEFINICIJE KLASA
************************************************************************/

.top-banner {
	float: right;
	margin-top: 0px;
	margin-bottom: 10px;
}