/* CSS  - http://www.komusina-kondzilo.net */      		 



/* Base
------------------------------------------------------*/

	*
		{
		margin: 0;
		padding: 0;
		}
		
	body
		{
		background: #8f2a07 url("../../images/page_background.jpg") repeat-x;
		font: normal 0.75em/140% Arial, Verdana, sans-serif;
		padding-bottom: 20px;
		margin-top: 28px;
		color: #96715f;
		text-align: center;
		}
		
	p
		{
		line-height: 150%;
		margin: 0px 20px 18px 0px;
		}
		
	a
		{
		outline: none;
		}
		
	.clear
		{
			clear: both;
			font-size: 0.1em;
		}
		
/* Layout
------------------------------------------------------*/

	#container
		{
		background-color: #f6f3ea;
		margin: 0px auto;
		width: 996px;
		text-align:left;
		}
		
		
/* Header
------------------------------------------------------*/

	#logoSection
		{
		height: 83px;
		}
		
	#header
		{
		background-image: url("../../images/header_background.jpg");
		text-align: left;
		height: 220px;
		}

	#header h1 a
		{
		float: left;
		margin: 23px 0px 0px 30px;
		width: 705px;
		height: 53px;
		text-indent: -2000px;
		}
		
	#header h1 a#home
		{
		background: url("../../images/komusina_logo.gif");
		}
		
	#headerflash
		{
		background: url("../../images/flash_background.jpg") top left no-repeat;
		text-align: left;
		height: 220px;
		}
		
		
/* Main navigation
------------------------------------------------------*/
		
	#mainNav
		{
		height: 45px;
		background: url("../../images/mainNav_background.gif") repeat-x;
		}
			
	#mainNav ul
		{
		list-style: none;
		}
		
	#mainNav ul li
		{
		color: #fff;
		float: left;
		width: auto;
		background: url("../../images/mainNav_divider.gif") no-repeat 0px 0px;
		margin-top: 15px;
		display: inline;
		}
			
	#mainNav ul li.first
		{
		background: none;
		}
			
	#mainNav ul li a
		{
		font: bold 1em Arial, Verdana, sans-serif;
		text-transform: uppercase;
		color: #f6f3ea;
		text-decoration: none;
		padding: 15px;
		}
		
	#mainNav ul li a:hover
		{
		padding: 15px;
		color: #f6f3ea;
		background-color: #8f2a07;
		}
		
	 #mainNav ul li a.active
		{
		padding: 15px;
		color: #f6f3ea;
		background-color: #8f2a07;
		}	
			
/* Content - containers
------------------------------------------------------*/

	#content_container
		{
		padding: 15px 15px 0px 15px;
		background: #f6f3ea url("../../images/content_background.gif") repeat-x;
		}
		
	#subNav
		{
		float: left;
		width: 180px;
		padding-right: 15px;
		}
		
	#content
		{
		float: left;
		width: 555px;
		margin: 0px 15px 0px 0px;
		padding-bottom: 15px;
		border: 1px solid #000;
		background-color: #fff;
		border: 1px solid #e3dece;
		}
		
	#news
		{
		float: left;
		width: 195px;
		padding: 0px;
		}
		
/* Content
------------------------------------------------------*/

	#content h1
		{
		display: block;
		background: #8f2a07 url("../../images/h1_background.gif") bottom left no-repeat;
		font: italic 2.1em/145% Georgia, "Times new roman", serif;
		color: #fff;
		padding: 5px 10px 26px 15px;;
		}

	#content h2
		{
		font: normal 1.4em/165% Georgia, "Times new roman", serif;
		background: url("../../images/h2_bullet.gif") no-repeat 13px 11px;
		color: #b9891f;
		margin-bottom: 6px;
		padding: 5px 0px 3px 48px;
		}
		
	#content h2 span
		{
		font: bold 0.6em Arial, Verdana, sans-serif;;
		color: #882918;
		text-transform: uppercase;
		}
		
	#content h3
		{
		font: bold 1em/145% Georgia, "Times new roman", serif;
		color: #C5391D;
		margin-bottom: 10px;
		padding: 0px 0px 0px 15px;
		}
		
	#content h4
		{
		font: normal 1.1em/145% Georgia, "Times new roman" serif;
		color: #C5391D;
		margin-bottom: 10px;
		padding: 0px 0px 0px 15px;
		}
		
	#content h5
		{
		text-align: center;
		font: bold 1.2em/145% Georgia, "Times new roman" serif;
		color: #b9891f;
		margin-bottom: 10px;
		}
		
	#content p
		{
		font: normal 0.9em/165% Georgia, "Times new roman", sans-serif;
		margin: 0px 15px 12px 15px;
		}
		
	#content p span
		{
		color: #b9891f;
		}
		
	#content p.important
		{
		font: normal 1.2em/165% Georgia, "Times new roman", sans-serif;
		margin: 0px 15px 6px 15px;
		padding-bottom: 6px;
		}

	#content p.introduction
		{
		font: normal 1em/165% Georgia, "Times new roman", sans-serif;
		margin: 0px 15px 6px 15px;
		padding-bottom: 14px;
		border-bottom: 1px solid #efede4
		}
		
	#content p.acrobat
		{
		padding: 20px 10px 20px 70px;
		display: block;
		border: #e3dece 1px solid;
		background: #f9f7f0 url("../../images/pdf.gif") no-repeat 25px 12px;
		}
		
	#content ul
		{
		list-style: none;
		margin: 0px 0px 15px 15px;
		}
		
	#content ul.aktivnosti
		{
		display: block;
		border: 1px solid #e3dece;
		width: 500px;
		list-style: none;
		padding: 5px;
		margin: 0px 0px 15px 15px;
		background-color: #faf9f5;
		}
		
	#content ul.aktivnosti li
		{
		padding: 1px 0px 1px 9px;
		background: url("../../images/bullet_list.gif") no-repeat 0px 9px;
		}
		
	#content ol
		{
		margin: 0px 25px 0px 32px;
		}
		
	#content ol li
		{
		background: none;
		padding-bottom: 14px;
		}
		
	#content ol p
		{
		margin: 0px;
		padding: 12px 0px 0px 0px;
		}
		
	#content li.pdfdocument
		{
		padding: 5px 0px 5px 22px;
		background: url("../../images/ico_pdf.gif") no-repeat 0px 6px;
		}
		
	#content li.worddocument
		{
		padding: 5px 0px 5px 22px;
		background: url("../../images/ico_doc.gif") no-repeat 0px 6px;
		}
		
	#content ul li
		{
		font: normal 0.9em/165% Georgia, "Times new roman", sans-serif;
		padding: 3px 0px 3px 9px;
		margin-left: 15px;
		background: url("../../images/bullet_list.gif") no-repeat 0px 10px;
		}
		
	#content li
		{
		padding: 3px 0px 3px 9px;
		background: url("../../images/bullet_list.gif") no-repeat 0px 10px;
		}
		
	#content li a
		{
		text-decoration: underline;
		color: #C5391D;
		}
		
	#content li a:hover
		{
		text-decoration: none;
		}
		
		
	#content ul span
		{
		font-weight: bold;
		color: #C5391D;
		}

	#content p span
		{
		color: #C5391D;
		}
		
	#content p.news
		{
		margin: 0px 15px 6px 15px;
		padding-bottom: 9px;
		border-bottom: 1px solid #F1F0F2;
		}
		
	#content p.song
		{
		text-align: center;
		}
		
	#content p#last
		{
		border-bottom: 0px;
		}
		
	#content p a
		{
		color: #C5391D;
		text-decoration: underline;
		}
		
	#content p a:hover
		{
		text-decoration: none;
		}
		
	#content #sekundarni_clanci #left_article
		{
		width: 275px;
		float: left;
		}
		
	#content #sekundarni_clanci #right_article
		{
		width: 275px;
		float: right;
		}
		
	#content .duhovnoZvanje
		{
		width: 500px;
		padding: 8px 5px 8px 5px;
		display: block;
		margin: 0px 0px 10px 15px;;
		background-color: #faf9f5;
		border: 1px solid #e3dece;
		}
		
	#content .duhovnoZvanjeImg
		{
		float: left;
		margin: 3px 12px 0px 0px;
		}
		
	#subNav ul
		{
		list-style: none;
		padding: 0px;
		margin-bottom: 10px;
		}
		
	#subNav ul li
		{
		background: url("../../images/subNav_bullet_off.gif") no-repeat 7px 11px;
		width: 180px;
		border-bottom: #e9e0dc 1px solid;
		}
		
	#subNav ul li a
		{
		font: bold 0.9em Arial, Verdana sans-serif;
		color: #882918;
		text-decoration: none;
		display: block;
		height: 1%;
		padding: 6px 0px 6px 17px;
		}
		
	 #subNav ul li a:hover, #subNav ul li a.active
		{
		background: #882918 url("../../images/subNav_bullet_on.gif") no-repeat 7px 11px;
		color: #fff;
		}
		
	#subNav #contactData
		{
		margin-bottom: 10px;
		background-color: #fff;
		border: 1px solid #e3dece;
		}
		
	#subNav #contactData h3
		{
		
		display: block;
		font: normal 0.9em/155% Georgia, "Times new roman" serif;
		padding: 8px 5px 26px 15px;
		text-transform: uppercase;
		background: #882918 url("../../images/h3_background.gif") bottom left no-repeat;
		color: #f6f3ea;
		}
		
	#subNav #contactData h4
		{
		font: bold 0.9em/155% Arial, Verdana sans-serif;
		padding: 0px 5px 4px 15px;
		color: #b9891f;
		}
		
	#subNav #contactData p
		{
		padding: 0px 10px 8px 0px;
		margin: 0px 10px 8px 15px;
		font: normal 0.9em/150% Arial, Verdana sans-serif;
		border-bottom: 1px solid #efede4;
		}
		
	#subNav #contactData a
		{
		color: #882918;
		text-decoration: underline;
		}
		
	#subNav #contactData a:hover
		{
		text-decoration: none;
		}
		
		
	#breadcrumb ul
		{
		height: 26px;
		padding: 0px;
		font: normal 0.9em Arial, Verdana, sans-serif;;

		list-style: none;
		}
		
	#breadcrumb ul li
		{
		padding: 0px 0px 0px 2px;
		}
		
	#breadcrumb ul li a
		{
		color: #a25b44;
		text-decoration: none;
		}
		
	#breadcrumb ul li a:hover
		{
		text-decoration: underline;
		}
		
	#newsBlock
		{
		margin-bottom: 10px;
		background-color: #fff;
		border: 1px solid #e3dece;
		}
		
	#newsBlock a
		{
		color: #C5391D;
		text-decoration: underline;
		}
		
	#newsBlock a:hover
		{
		text-decoration: none;
		}
		
	#newsBlock p
		{
		padding: 0px 10px 8px 0px;
		margin: 0px 10px 8px 15px;
		font: normal 0.9em/150% Arial, Verdana sans-serif;
		border-bottom: 1px solid #efede4;
		}
		
	#newsBlock p#last
		{
		border-bottom: none;
		}
		
	#newsBlock p span
		{
		font-weight: bold;
		color: #C5391D;
		}
		
	#newsBlock p#lasttwo
		{
		border: 0px;
		margin-bottom: 10px;
		}
		
	#newsBlock h3
		{
		display: block;
		font: normal 0.9em/155% Georgia, "Times new roman", serif;
		padding: 8px 5px 26px 15px;
		text-transform: uppercase;
		background: #882918 url("../../images/h3_background.gif") bottom left no-repeat;
		color: #f6f3ea;
		}
		
	#newsBlock h4
		{
		font: bold 0.9em/155% Arial, Verdana sans-serif;
		padding: 0px 5px 4px 15px;
		color: #b9891f;
		}
		
		
/* Banners and images
------------------------------------------------------*/

	.banner
		 {
		 display: block;
		 padding: 4px;
		 border: 1px solid #e3dece;
		 margin-bottom: 10px;
		 background-color: #fff;
		 }
		 
		.banner_small
		 {
		 border: 0px;
		 margin-top: 10px;
		 background-color: #fff;
		 }
		 
/* Scroller
------------------------------------------------------*/
		 
	.scroller
		{
		width: 178px;
		border: 1px solid #e3dece;
		padding-bottom: 12px;
		margin-bottom: 10px;
		background-color:#882918;
		}
		
	.scroller p
		{
		color: #ebdec8;
		padding: 0px;
		margin: 0px 0px 15px 11px;
		font: normal 0.8em/125% Arial, Verdana, sans-serif;
		}
		
	.scroller h4
		{
		color: #fff;
		padding: 0px;
		margin: 0px 0px 6px 11px;
		font: bold 0.9em/145% Arial, Verdana, sans-serif;
		}
		
/* Images
------------------------------------------------------*/
		 
	.imgContent
		{
		background-color: #f6f3ea;
		margin: 5px 8px 8px 0px;
		float: left;
		border: 2px solid #ece9dd;
		}
		
	.imgContentTwo
		{
		background-color: #f6f3ea;
		margin: 0 12px 8px 20px;
		float: left;
		border: 2px solid #ece9dd;
		}
		
	.imgContentRight
		{

		background-color: #f6f3ea;
		margin: 5px 8px 8px 10px;
		float: right;
		border: 2px solid #ece9dd;
		}
		
	.TitleImage
		{
		height: 50px;
		background: url("../../images/header_title.jpg") no-repeat;
		}
		
	.galleryindex
		{
		border: none;
		margin: 0px 0px 15px 24px;
		}
		
	.galleryimage
		{
		border: none;
		margin: 0px 0px 10px 18px;
		border: 3px solid #f6f3ea;
		}
		
	.footerimg
		{
		border: none;
		}
		
	#SiteTitle
		{
		margin-top: -5px;
		}
		
/* Footer
------------------------------------------------------*/
		
	#footer
		{
		padding-top: 20px;
		margin-top: 25px;
		height: 150px;
		background-color: #60291b;
		}
		
	#footer ul
		{
		list-style: none;
		font: normal 0.9em/155% Georgia, "Times new roman", serif;
		color: #cda67a;
		}
		
	#footer ul li
		{
		padding: 0px 10px 0px 25px;
		width: 285px;
		height: 130px;
		float: left;
		border-right: 1px solid #734331;
		}
		
	#footer ul li span
		{
		font: normal 1em Georgia, "Times new roman", serif;
		text-transform: uppercase;
		color: #efce84;
		}
		
		#footer ul li.last
		{
		border-right: 0px;
		}
		
	#footer ul li a
		{
		color: #efce84;
		text-decoration: underline;
		}
		
	#footer ul li a:hover
		{
		text-decoration: none;
		}
		
	#footer h2
		{
		font: normal 0.9em Georgia, "Times new roman", serif;
		text-transform: uppercase;
		color: #efce84;
		margin-bottom: 10px;
		}
		
/* Footer
------------------------------------------------------*/

	#copyright
		{
		height: 45px;
		background-color: #60291b;
		border-top: 1px solid #734331;
		} 
		
	#copyright ul
		{
		color: #cda67a;
		list-style: none;
		font: normal 0.8em/155% Arial, Verdana sans-serif;
		text-transform: uppercase;
		
		} 
		
	#copyright ul li
		{
		float: left;
		padding: 15px 10px 0px 25px;
		} 
		
	#copyright ul li a
		{
		color: #cda67a;
		text-decoration: underline;
		} 
		
	#copyright ul li a:hover
		{
		text-decoration: none;
		} 
		
	#copyright ul li#editor
		{
		padding-left: 215px;
		} 
		
/* Contact form
------------------------------------------------------*/

	form 
		{
		margin:0;
		padding:0;
		}

	fieldset 
		{
		font: normal 0.90em Arial, Verdana, sans-serif;
		border: none;
		}
	
	fieldset p 
		{
		margin: 1px 0px 1px 0px;
		padding: 2px 5px 2px 0px;
		background: none;
		}
		
	label 
		{
		font: normal 1.1em Arial, Verdana, sans-serif;
		color: #8f2a07;
		}
	
	input, textarea 
		{
		margin: 3px 0 3px 0;
		border: 1px solid #dbdbdb;
		background: #f9f9f9;
		width:280px;
		}
	
	.inputField 
		{
		height: 20px;
		width:280px;
		}
		
	a.sendButton 
		{
		background: url("../../images/send_button.gif") no-repeat top left;
		width: 80px;
		height: 23px;
		display: block;
		text-indent: -9999px;
		text-decoration: none;
		margin: 5px 0px 0px 15px;
		}

	a.sendButton:hover 
		{
		background: url("../../images/send_button.gif") no-repeat 0px -23px;
		width: 80px;
		height: 23px;
		}
		
	#formleft
		{
		float: left;
		width: 285px;
		}
	
	#formright
		{
		float: right;
		width: 225px;
		padding: 17px 12px 0px 0px;
		}
		
	#formright p
		{
		font: normal 0.9em/155% Arial, Verdana, sans-serif;
		}
		
	#formright p strong
		{
		color: #b9891f;
		}
		
	#content .confirmation
		{
		display: block;
		background-color: #f9f7f0;
		border: 1px solid #e3dece;
		padding: 12px;
		font: bold 1em Georgia, "Times new roman", serif;
		color: #c5391d;
		}
		
/* Tables
------------------------------------------------------*/

table#statistika_zupe
{
background-color: #faf9f5;
border: 1px solid #e3dece;
border-collapse: collapse;
font: normal 0.9em/155% Arial, Verdana, sans-serif;
width: 520px;
margin: 5px 0px 20px 15px;
}

table#statistika_zupe td
{
border-bottom: 1px solid #e3dece;
padding: 2px;
}

table#statistika_zupe .ukupno
{
width: 110px;
}

table#statistika_zupe .broj
{
width: 30px;
text-align: center;
}

table#statistika_zupe .mjesta
{
width: 90px;
}