* 
{
	margin: 0;
	padding: 0;
}

body 
{
	font-family: "Trebuchet MS", Arial;
	background-color: #11295d;
	vertical-align: middle;
	text-align:center;
	color: #3d3d3d;
	font-size: 11pt;
}

th, td 
{
	font-family: "Trebuchet MS", Arial;
	font-size: 8pt;
}

a
{
	color: #3d3d3d;
	font-weight: bold;
}

a:link, a:visited
{
	text-decoration: none;
	color: inherit;
}

a:hover, a:active
{
	text-decoration: underline;
}
ol { font-size:0.85em;
margin-left:30px;
padding-bottom:15px;
}
ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	padding-top: 2px;
	padding-bottom: 7px;
	padding-left: 8px;
}
ul li {
	background: transparent url(../images/lijevo/trokutic.jpg) 0% 50% no-repeat;
	padding-left: 13px;
	margin:0 0;
	font-size: 9pt;
}
h1, h2, h3, h4, h5, h6 {
	color: #2e4a88;
	margin:0px;
	padding:0px;
	font-size:1.1em;
}
h1 {font-size: 1.4em; margin: 6px 0px 7px 0px;}
h2
{
	font-size: 1.2em;
	margin: 5px 0px 6px 0px;
	color: #416986;
}
h3 {color:#7a7a7a; font-size: 1.05em; margin: 5px 0px 6px 0px;}
p {font-size: 10pt;margin-bottom:12px;}
img, a img
{
	border: 0;
}

.clearDiv { clear: both; }
/* CONTENT */
#firstLine-wrap
{
	text-transform: uppercase;
	width: 100%;
	background: url(../images/bg-firstLine.jpg) #fd7901 repeat-x;
	float: left;
	margin: 0;
}

	#firstLine
	{
		margin: 0 auto;
		width: 990px;
		/* border: 1px blue solid; */
		min-height: 26px;
		text-align: left;
		line-height: 26px;
		font-size: 12px;
		color: white;
	}
	
		#firstLine a, #lang a
		{
			color: white;
			font-weight: normal;
		}
		
		.home
		{
			padding-left: 22px;
			background: url(../images/kuca.gif) no-repeat 0 50%;
			float: left;
			color: inherit;
		}
		
			#firstLine a.home, #lang a.selected
			{
				font-weight: bold;
			}

		#lang
		{
			float: right;
		}
		
.jedroImg { margin-left: 10px; float:left; }
.logoKlub { margin: 105px 10px 0 0; float:right; }
#content-wrap 
	/* background (druga ideja je bila postaviti u body i pomaknuti dolje za velicinu #firstLine, 
		ali nisam znao kako ju micati sa povecanjem fonta) */
{
	float:left;
	width: 100%;
	background: url(../images/bg-content.jpg) #11295d repeat-x;
}

	#content 
		/* da izbjegnem centriranje svakog id-a posebno */
	{
		margin: 0 auto;
		width: 990px;
	}
	
		#header
		{
			height: 205px;
			/* border: 1px green solid; */
			width: 990px;
		}

		
		#navigation {
			background: url(../images/bg-nav.jpg) #cdcdcd repeat-x;
			/* min-height: 27px; */
			width: 672px;
			float:left;

		
		}
		#newsletter 
		{
			float: right;
			background: url(../images/bg-blue.jpg) #233b72 repeat-x;
			
			
			text-align: left;
			color: #fff;
			padding:5px 0 5px 10px;

			width:306px;
			font-size: 12px;

		}
		
			#newsletter label
			{
				padding: 0 10px 0 10px;
				text-transform: uppercase;
				line-height: 27px;
				font-weight: bold;
			}
			
			#newsletter input
			{
				width: 125px;
				background: #8c9bbc;
				height: 19px;
				vertical-align: middle;
				margin-top: -2px; /* iz nekog razloga vertical-align ide 2px dolje, pa ispravljam*/
				border: 0;
			}
			
			#newsletter .submit 
			{
				border: 0;
				background: url(../images/submit.jpg) no-repeat 0 50%;
				height: 19px;
				width: 15px;
				vertical-align: middle;
				margin: -2px 0 0 3px; /* isto kao i sa inputom */
				text-indent: -5000px;
			}
		
		#main
		{
			float: left;
			background-color: #fff;
			width: 970px; 		/* 970 + 10 + 10 = 990 */
			padding: 10px;
			margin-top: 10px;
			overflow: hidden;
			text-align: left;
		}

			#left
			{
				float: left;
				width: 170px;
				/* border: 1px red solid; */
			}
			
			.shadow
			{
				
				float: left;
				width: 15px;
				height: 533px;
			}
				
				.left
				{
					background: url(../images/shadow-l.jpg) 0% 50% no-repeat;
				}
			
				.right
				{
					background: url(../images/shadow-d.jpg) 0% 50% no-repeat;
				}
			
			#middle 
			{
				float: left;
				/* border: 1px green solid; */
				width: 560px; 	/* 600 = 560 + 20 + 20 */
				padding: 0 20px 0 20px;
				
			}
			#middle, #middle p {font-size: 14px;}
			
			#middle a, #middle a:selected, #middle a:visited, #middle a:active
			{
				text-decoration:underline;
			}
			
				
				#middle .prvi
				{
					margin-bottom: 15px;
				}
				
				.post 
				{
					margin-bottom: 25px;
				/* 	border: 1px black solid; */
				  border-bottom:1px solid #E3E9E9;
				

				}
				
				.post h1
				{
					color: #02194d;
					font-size: 17px;
					/* font-weight: bold; */
					margin-bottom: 5px;
				}
				
				.post span
				{
					font-size: 12px;
					color: #6a6a6a;
					
				}
				
				.post p
				{
					font-size: 12px;
					line-height: 18px;
				}
				
				.post .info
				{
					padding-left: 0px;
					font-size: 11px;
					font-weight: bold;
					background: url(../images/arrow.jpg) no-repeat 21% 50%;
					/*background-position:104px;*/
					
				}
				
				.post .info span
				{
					font-weight: normal;
					font-size: inherit;
					color: Navy;
				}
				
				#archive 
				{
					padding-left: 20px;
					background: url(../images/arhiva.jpg) no-repeat 0 50%;
					float: left;
					color: #02194d;
					font-size: 14px;
					font-weight: bold;
				}
				p.novosti a, p.novosti a:visited {color:#fff;}
				
				#blog
				{
					width: 270px; 
					float: left; 
					/* border: 1px solid black; */
					font-size: 12px;
					font-weight: bold;
				}
				
					#blog ul
					{
						list-style: none;
						line-height: 18px;
						margin-top: 10px;
						
					}
				
					#blog ul span
					{
						color: #02194d;
					}
				#blog ul li {font-size: 12px;}
				#galerija
				{
					width: 270px;
					float: right;
				}
					
					#galerija img
					{
						float: left;
						margin-right: 10px;
						margin-top: 10px;
					}
			
			#right
			{
				float: left;
				width: 170px;
				/* border: 1px blue solid; */
				/* padding-left: 10px; */
			}
			
				.porec
				{
					font-size: 11px;
					margin-top: 7px;
				}
				
				.sponsorField 
				{
					height: 35px;
					background-color: #dfdfdf;
					width: 170px;
					margin-bottom: 4px;  
				}
			
		.box
		{
			background:url(../images/bg-blue.jpg) repeat-x #233b72; 
			min-height: 27px;
			line-height: 27px;
			color:white;
			font-size: 12px;
			font-weight: bold;
			margin: 10px 0 3px 0;
			text-indent: 10px;
			text-transform: uppercase;
			min-width: 50px; 	/* Ne radi pa sam koristio posebne klase gdje je 
									podesena sirina, nisam znao sto drugo napraviti */
		}

			.side
			{
				width: 172px; 
			}
		
			.prvi 
			{
				margin-top: 0;
			}
			
			.novosti
			{
				width: 314px;
			}
			
			.blog
			{
				width: 110px;				
			}
			
			.blog a, .blog p a
			{
			   color:White;    
			}
			
			#left ul, #right ul
			{
				list-style-type: none;
				margin-left: 8px;
				
			}
			
			#left li, #right li
			{
				padding-left: 10px;
				background: url(../images/lijevo/trokutic.jpg) no-repeat 0 5px;
				font-size: 12px;
				font-weight: bold;
				line-height: 19px;
			}
			

hr
{
	margin: 5px 0 5px 0;
}

#copyright
{
	width: 100%;
	float: left;
	margin-top: 10px;
}

.legal
{	
	color: white;
	margin: 0 auto;
	font-size: 12px;
	height: 35px;
	width: 990px;
}

#copyright a
{
	text-decoration: underline;
	color: white;
}


.fotke_stranica { width:133px; float:right; display:inline; margin: 0 15px 20px 20px;}
.fotke_stranica a img {float:left; margin-bottom:10px;}

/* FOTO ALBUM */
.fotoAlbumGal { margin-bottom:20px; }
.galleryThumbsTitle { font-size:.9em;display:block; float:left; margin-top:2px; text-decoration:none;}
.fotoAlbumGal .galleryThumbs2 img {border:0 none; padding:0; float:left;}
.fotoAlbumGal a.galleryThumbs2, .fotoAlbumGal a.galleryThumbs2:visited { width:75px; overflow:hidden;  background: #d8d8d8 url(images/mainMenu_bg.jpg) 0% 0% repeat-x;padding:7px; text-decoration:none; float:left; margin-right:10px; margin-bottom:10px;}
.galleryThumb2 span.galleryThumbsTitle:hover { text-decoration:underline;}

#novosti_ostale
				{
					
					float: left; 
					/* border: 1px solid black; */
					font-size: 12px;
					font-weight: bold;
				}
				
					#novosti_ostale ul
					{
						list-style: none;
						line-height: 18px;
						margin-top: 10px;
						
					}
				
					#novosti_ostale ul span
					{
						color: #02194d;
					}
				#novosti_ostale ul li {font-size: 12px;}
				
				#novosti_ostale h1{	color: #02194d;
					font-size: 18px;
					/* font-weight: bold; */
					margin-bottom: 5px;}
/* ATTACHED FILES */
.content_left ul.attachedFiles li{background: none; list-style-type: none; padding:0px;}
ul.attachedFiles { list-style-type: none; margin-left: 3px;}
ul.attachedFiles li a { line-height: 175%; padding: 2px 0; padding-left: 23px;}
ul.attachedFiles li.icon___doc a { background-image: url(../images/icon_doc.png); background-position: 0% 50%; background-repeat: no-repeat;}
ul.attachedFiles li.icon___xls a { background-image: url(../images/icon_xls.png); background-position: 0% 50%; background-repeat: no-repeat;}
ul.attachedFiles li.icon___ppt a { background-image: url(../images/icon_ppt.png); background-position: 0% 50%; background-repeat: no-repeat;}
ul.attachedFiles li.icon___img a { background-image: url(../images/icon_img.png); background-position: 0% 50%; background-repeat: no-repeat;}
ul.attachedFiles li.icon___pdf a { background-image: url(../images/icon_pdf.png); background-position: 0% 50%; background-repeat: no-repeat;}
ul.attachedFiles li.icon___zip a { background-image: url(../images/icon_default.png); background-position: 0% 50%; background-repeat: no-repeat;}

.rightColumn240 { width: 240px; float: left; display: inline;  overflow: hidden;}
.rightColumnBox240{ width: 230px; padding: 5px; background: #fff url(images/contentGradient_bg.jpg) 0% 0% repeat-x; margin-bottom: 10px;}
p.bannersSpace {margin: 0px; padding: 0px; margin-bottom: 5px;}
.rightColumnBoxTitle240 { color: #3878a9; display: block; font-weight: bold; font-size: 1em; margin-bottom: 5px; text-transform: uppercase; }
.rightColumnBoxTitle240 a, .rightColumnBoxTitle240 a:visited { background: transparent url(images/bullet_gray.png) 100% 50% no-repeat; color: #3878a9; text-decoration: none; display: block; }
.rightColumnBoxTitle240 a:hover {text-decoration: underline;}