html { height: 100%; }

body { font-family: arial; font-size: 11px; line-height: 14px; height: 100%; background-color: #A3CEF2;
background-image:url(/images/background/body.jpg); background-repeat: repeat-y; background-position: center 0;  }

H1 { color: #002458; font-size: 17px; line-height: 16px; font-weight: bold; margin: 0px 0px 8px; text-align: left; }
H2 { color: #002458; font-size: 12px; line-height: 14px; font-weight: bold; margin: 14px 0px 7px; text-align: left; }
H3 { color: #002458; font-size: 11px; line-height: 14px; margin: 12px 0px 6px; text-align: left; /*text-transform: uppercase;*/ }
H4 { color: #002458; font-size: 11px; line-height: 14px; margin: 8px 0px 4px; text-align: left; }
p { margin: 8px 0px 10px; }
OL { list-style: outside decimal; margin-left: 30px; }
UL { list-style: outside; list-style-type: disc; margin-left: 30px; }
DL DT { margin: 8px 0px 0px 0px; }
DL DD { margin: 0px 0px 0px 5px; }
TABLE { width: 99%; margin: 0px 1px; }
	TABLE TR { width: 100%; }
		TABLE TR TD { margin-right: 2px; }
A:hover, A.selected { color: #AA1624!important; } /* stara vrijednost #620418 */
A.menuLink { display: block; width: 100%; text-decoration: none; color: #002458; text-transform: uppercase; font-weight: bold; text-align: right; margin: 0px 0px 4px 0px; padding: 0px; }
STRONG { font-weight: normal; }

#contentCenter IMG { margin: 0px 0px 8px 0px; }
#contentCenter IMG.alignleft { float: left; margin: 0px 5px 8px 0px; }


#background { margin: 0px auto; padding: 0px; width: 988px; background:url(/images/background/header.jpg) no-repeat 0 0; overflow: hidden; }

#header { width: 988px; height: 262px; overflow: hidden; }
	#header A#homepage { display: block; float: left; width: 340px; height: 50px; margin: 30px 0px 0px 10px;  }
	#header #headImg { margin: 0px 0px 8px 0px; width: 623px; height: 233px; display: block; }
	#header #topMenu { margin: 0px 30px; }
			#header #topMenu A { display: block; float: left; margin:0px 20px; color: #fff; text-decoration: none; text-transform: uppercase; font-weight: bold; }
			#header #topMenu A.list { display: inline; float: none;  }
			#header #topMenu A.selected, #header #topMenu A:hover { color: #000!important; }
			
#content{ width: 928px; margin: 10px auto 0px; }
	#content #contentLeft { width: 216px; margin: 0px 20px 0px 0px; float: left; overflow: hidden; }
	#content #contentCenter { width: 452px; margin:0px; text-align: justify; overflow: hidden; padding: 0px; }
		#content #contentCenter P { padding-right: 1px; }
	#content #contentRight { width: 216px; float: right; overflow: hidden; }
	
	#content #contentCenterWide { width: 692px; margin:0px 0px 0px 230px; }

#contentLeft #leftMenu { width: 100%; list-style: none; margin: 0px; padding: 0px; }
	#contentLeft #leftMenu LI { padding: 0px; }
	#contentLeft #leftMenu LI A { display: block; text-decoration: none; color: #002458; text-transform: uppercase; font-weight: bold; text-align: right; border-width: 1px 0px; border-style:solid; border-color: #fff; padding: 0px 2px; }
		#contentLeft #leftMenu LI A:hover, #contentLeft #leftMenu LI A.selected { border-color: #E4EEF6; background-color: #5890BF; color: #fff!important;}
	#contentLeft #leftMenu LI UL { width: 100%; list-style: none; margin: 0px; padding: 0px; }
	#contentLeft #leftMenu LI UL LI { margin:0px; padding: 0px; }
	#contentLeft #leftMenu LI UL LI A { display: block; /*padding-right: 5px;*/ text-decoration: none; text-transform: none;  border-color: #E4EEF6; background-color: #D6E6F2; }
	#contentLeft #leftMenu LI UL LI A:hover, #contentLeft #leftMenu LI UL LI A.selected { color:#AA1624!important; background-color: #A0D2EF; }
		#contentLeft #leftMenu LI UL LI UL LI A { /*font-weight: normal; padding-right: 15px;*/ background-color: #A0D2EF; padding-right: 10px; }
		#contentLeft #leftMenu LI UL LI UL LI A:hover, #contentLeft #leftMenu LI UL LI UL LI A.selected { color: #496609!important; }
	
		
/* NEWS ON INDEX */	
#newsIndex { display: block; margin:0px auto; padding: 0px; list-style: none; width: 452px; }
	#newsIndex LI { display: block; margin:10px auto 0px; padding: 0px; width: 100%; }
		#newsIndex LI H2, H2.newsTitle { padding: 0px 0px 0px 15px; background: url(/images/helper/news-list.gif) no-repeat 0px 4px; line-height: 16px; font-size: 13px; font-weight: bold; margin: 0px 0px 4px; }	
		#newsIndex LI H2 A, H2.newsTitle A { color:#002458; text-decoration: none; }
		#newsIndex LI p { margin: 0px 0px 4px 0px; }
		#newsIndex LI A.newsMore { display:block; color: #097EB0; text-decoration: none; }
			#newsIndex LI A.newsMore SPAN.dot { font-size: 9px; line-height: 12px; }
		
		#newsIndex #mainNews {	position:relative; display: block; width: 452px; height: 282px; }
			#newsIndex #mainNews IMG { border: 1px solid #BACBDA; width: 450px; height: 280px; margin: 0px; }
			#newsIndex #mainNews DIV { position: absolute; z-index:5; left:1px; bottom:1px; width:438px; height: 96px; color: #fff; font-weight: bold; padding: 8px 6px 6px;}
			#newsIndex #mainNews #mainNewsBackground { opacity:.85;filter: alpha(opacity=85); -moz-opacity: 0.85; z-index:4; background-color: #34658F; }
			
			#newsIndex #mainNews DIV H2 { margin:0px; padding:0px; background: none; }
			#newsIndex #mainNews DIV H2 A { font-size: 13px; text-transform: uppercase; color: #fff; }
			#newsIndex #mainNews DIV P { margin: 6px 0px 0px 0px; }
			#newsIndex #mainNews IMG.rounded { position: absolute; z-index:10; width: 16px; height: 16px; border:none; }
			#newsIndex #mainNews IMG.tl { top: 0px; left: 0px; }
			#newsIndex #mainNews IMG.tr { top: 0px; right: 0px; }
			#newsIndex #mainNews IMG.br { bottom: 0px; right: 0px; }
			#newsIndex #mainNews IMG.bl { bottom: 0px; left: 0px; }

/* NEWS LIST IMPORTANT */
#newsListImportant { margin: 6px 2px 6px 0px; padding: 120px 16px 20px; background-color: #E44600; background-image: url(/images/background/vazna-obavijest.gif); background-repeat: no-repeat; list-style: none; }			
	#newsListImportant LI { margin: 0px 0px 5px 0px; padding: 0px; }
		#newsListImportant LI A { color: #fff; font-size: 11px; text-decoration: none; }
			#newsListImportant LI A B { font-size: 12px; display: block; }
			#newsListImportant LI A:hover { color: #002458!important; }
			
/* NEWS LIST  - NORMAL */	
#novosti_list { margin: 0px 0px 8px; }
	#novosti_list LI { margin: 0px 0px 8px; }			
		#novosti_list LI A { margin: 0px 0px 0px; text-decoration: none; color: #002458; }
			#novosti_list LI A SPAN.date { color: #838588; margin: 0px; }
			#novosti_list LI A SPAN.title { margin: 0px; display: block; }

/* CALENDAR */
#calendarLink { display: block; margin: 0px 0px 5px; }
#calendarContainer { background: url(/images/news/calendar-background.jpg) repeat-y 0 0; margin: 0px 0px 3px; color: #38393a; font-size: 10px;  }
#calendar { }	
	#calendar TR#head { height: 52px; }
		#calendar TR#head TD.date { background: url(/images/news/date.jpg) no-repeat 0 0; border-bottom: none; padding: 0px; }
		#calendar TR#head TD.link { background: url(/images/news/title.jpg) no-repeat 0 0; border-bottom: none; padding: 0px; }
			#calendar TR#head A { display: block; height: 52px; }
	#calendar TR TD.date { border-right: 2px solid #fff; border-bottom: 2px solid #fff; width: 84px; padding: 8px 11px; }	
	#calendar TR TD.link { border-bottom: 2px solid #fff; padding: 8px 11px; }	
	
	#calendar A { color: #38393a; text-decoration: none; }
	
/* POLL */
#poolVote { border: 1px solid #a3cef2; background: Transparent url(/images/background/poll.jpg) no-repeat 0 0; padding: 80px 6px 6px; width: 200px; }
	#pollSpecialTitle { color: #414244; font-size: 12px; text-transform: uppercase; }
	#poolVote H2 { margin: 4px 0px 15px 0px; font-size: 12px; color: #002458; font-style: italic; }
	#poolVote INPUT[type="submit"] { margin-top: 15px }
	#poolVote INPUT[type="submit"], #poolVote .pollLink { border: none; display: block; background: Transparent url(/images/background/poll-button.jpg) no-repeat 0 0; font-size: 9px; color: #002458; text-decoration: none; text-transform: uppercase; text-align: left; padding: 4px 8px; margin: 5px 0px 5px -1px; width: 201px; }
	
#pollContainer { border: 1px solid #A3CEF2; padding: 10px; }
	#pollContainer H1 { background: transparent url(/images/helper/news-list.gif) no-repeat scroll 0 4px; padding: 0px 0px 0px 15px; }
	#pollContainer TABLE { line-height: 20px; }
	#pollContainer .pollPercentageBar { background-color: #A3CEF2; width: 100%; height: 10px; }
		#pollContainer .pollPercentageBar DIV { background-color: #002458; height: 10px; float: left; }
	

/* GALLERY LIST */
A#rightGallery { float: right; width: 219px; overflow: hidden; color: #000; font-weight: bold; text-decoration: none; }
A#rightGallery:hover, A#rightGallery:hover SPAN { color: #AA1624; text-decoration: none; }
	A#rightGallery IMG { display: block; width: 219px; height: 219px; }
	A#rightGallery SPAN { text-transform: uppercase; color: #002458; margin: 15px 0px 0px; display: block; }

DIV#gallery A, DIV#galleryNarrow A { font-size: 11px; font-weight: bold; color: #002458; text-decoration: none; }
	DIV#gallery A:hover, DIV#galleryNarrow A:hover { color: #AA1624; text-decoration: none; }
	
DIV#gallery { width: 430px; overflow: hidden; }
    DIV#gallery A { display: block; width: 121px; height: 177px; float: left; margin: 0px 22px 0px 0px; text-decoration: none!important; font-weight: bold; }
        DIV#gallery A IMG { margin: 0px 0px; width: 121px; height: 121px; }
        DIV#gallery A SPAN { text-transform: uppercase; line-height: 20px; }	
		  
DIV#galleryNarrow { width: 212px; overflow: hidden; float: right; }
    DIV#galleryNarrow A { display: block; width: 93px; height: 140px; float: left; margin: 0px 13px 0px 0px; text-decoration: none!important; font-weight: bold; }
        DIV#galleryNarrow A IMG { margin: 0px 0px; width: 93px; height: 93px; }
        DIV#galleryNarrow A SPAN { text-transform: uppercase; line-height: 20px; }			

/* GALLERY IMAGES */
#galleryImages { float: left; width: 452px; }
	#galGoLeft { float: left; margin: 26px 0px 0px 0px; } 
	#galGoRight { float: right; margin: 26px 0px 0px 0px; }
	#galImgList { width: 428px; /*height: 64px;*/ overflow: hidden; margin: 5px auto; position: relative; }
		#galImgList TABLE { /*height: 64px;*/ position: relative; left: 0px; top: 0px; width:auto; overflow: hidden; }
	   	 #galImgList TABLE TR TD { float: left; }
		   	 #galImgList TABLE A { margin: 0px 1px 0px 0px; display: block; }
			   	 #galImgList TABLE A IMG { height: 64px; }
			 #galImgList .hiddenPhoto { display: none; }
	#galImg { margin: 0px auto!important; width: 428px; display: block; }
	#galImgTitle { margin: 8px auto 4px!important; width: 428px; }
	#galImgDesc { margin: 0px auto!important; width: 428px; }
	
.galPhoto, .galPhoto IMG { display: block; /*width: 100%;*/ }

/* PROJECTS */
P.projectFastLinks { text-align: right; }
	P.projectFastLinks A { padding: 0px 5px; }
	
TABLE#projectList { border-collapse: collapse; border: 1px solid #A3CEF2; }
	TABLE#projectList TR TD { border: 1px solid #A3CEF2; padding: 6px; vertical-align: top; }
		TABLE#projectList TR TD.image { width: 130px; vertical-align: bottom; }
			TABLE#projectList TR TD.image IMG { width: 130px; display: block; margin: 0px; }
	
TABLE.documentList { border-collapse: collapse; border: 1px solid #A3CEF2; }
	TABLE.documentList TR TD { padding: 3px; }	
	TR.documentTitle TD { vertical-align: bottom; border-top: 1px solid #A3CEF2;  }			
		TR.documentTitle	TD SPAN { line-height: 30px; display: block; color: #002458; }				 
		TR.documentTitle	TD A { height: 30px; margin:0px; padding: 0px; float: left; }
		TR.documentTitle	TD A IMG { height: 30px; border: none; display: block; margin: 0px 4px 0px 0px!important; }
					
/* PERSON LIST */	
TABLE.personList { border-collapse: collapse; }			 
	TABLE.personList TD { width: 50%; padding: 6px; border: 1px solid #A3CEF2; }	
		/*TABLE.personList TD DIV.personImage { width: 75px; height: 97px; background-color: #AEB0B7; float: left; margin: 0px 6px 6px 0px; overflow: hidden; }
			TABLE.personList TD DIV.personImage A { display: block; width: 75px; height: 97px; }
			TABLE.personList TD DIV.personImage IMG { width: 75px; height: 97px; }*/
			TABLE.personList TD IMG { width: 75px; height: 97px; background-color: #AEB0B7; float: left; margin: 0px 6px 6px 0px!important; display: block; }
		TABLE.personList TD SPAN.personName { display: block; font-weight: bold; margin: 0px 0px 6px 0px; }
			TABLE.personList TD SPAN.personName A { text-decoration: none; color: #002458; }
		TABLE.personList TD DIV.personData { clear: both; margin: 0px 0px 0px 0px; }
			TABLE.personList TD DIV.personData SPAN { font-weight: bolder; color: #002458; }
/* PERSON DETAILS */
DIV#personDetails { position: relative;  }
    DIV#personDetails H2 { display: inline; }
    DIV#personDetails DIV { width: 114px; height: 148px; overflow: hidden; background-color: #AEB0B7; }
    DIV#personDetails TABLE { width: 324px; position: absolute; bottom: -3px; left: 124px; }

/* PERSON RIGHT SMALL LIST */
DIV#personRightList { margin: 0px 0px 8px 0px; }
    DIV#personRightList H2 {  }
	DIV#personRightList UL { margin: 0px; padding: 0px; }
	    DIV#personRightList UL LI { margin: 0px 0px 4px 0px; padding: 0px; }	
	        DIV#personRightList UL LI A { color: #002458; text-decoration: none; }	
	            DIV#personRightList UL LI A:hover { color:#AA1624 !important; }	 
	            
/* MEETING */
#meetingList { float: right; width: 180px; border-collapse: collapse; }
    #meetingList TD { padding: 6px; border: 1px solid #A3CEF2; color: #707275; }
		#meetingListTitle { text-transform: uppercase; }
	 	A.meetingTitle{ color: #071A46; display: block; text-decoration: none; font-weight: bold; }
		SPAN.meetingLocation{ font-size: 10px; line-height: 12px; }
	#meetingPager { line-height: 22px; font-size: 11px; }
		#meetingPager A { text-decoration: none; }
    
#meetingDetails { width: 262px; }

/* ASK MAYOR A QUESTION */
#askQuestion { margin: 8px 0px 16px 0px; width: 216px; }
    #askQuestion SPAN { display: block; }
    #askQuestion INPUT, #askQuestion TEXTAREA { display: block; width: 95%; }
        #askQuestion INPUT.error, #askQuestion TEXTAREA.error { border: 1px solid red; }
#askQuestionArchive LI { color: #097eb0; line-height: 18px; } 
	#askQuestionArchive LI A { text-decoration: none; }
		
/* POLITICS */
TABLE#partyList { border-collapse: collapse; }			 
	TABLE#partyList TD { padding: 6px 6px 6px 16px; border: 1px solid #A3CEF2; }	
		TABLE#partyList TD SPAN.partyName { color: #002458; font-weight: bold; margin:0px 0px 0px -10px; display: block; }
	TABLE#partyList TD.imgCell { text-align: center; vertical-align: middle; }	
	/*TABLE#partyList DIV { border-left: 1px solid #A3CEF2; float: right; width: 174px; margin: -6px 0px; height: 100%; }
		TABLE#partyList DIV IMG { margin:0px auto; display: block; }  */

/* TABLES WITH IMAGES AND LINKS */
.linksTable { border-collapse: collapse; }			 
	.linksTable TD { padding: 6px 6px 6px 16px; border: 1px solid #A3CEF2; vertical-align: top; }	
		.linksTable TD A { color: #002458; display: block; text-decoration: none; display: block; }
	.linksTable TD.imageCell { text-align: center; vertical-align: middle; width: 104px;  }	
	.linksTable IMG { margin: 0px!important; }

/* SHARED CONTENT */		
DIV.sharedContent {  }
	DIV.sharedContent A { }
		DIV.sharedContent A IMG { margin: 0px 0px 5px 0px; }
		

DIV#footer { clear: both; margin: 20px 0px 30px 0px; padding: 15px 0px; width: 214px; border-top: 1px solid #002458; overflow: hidden; }
	DIV#footer A { color: #002458; text-decoration: none; }


					
/* <-- EDIT IN PLACE */
A.in_place_edit_button {
	float: right;
	border-bottom: 1px solid red;
	color: red;
	text-decoration: none;
	font-size: 10px;
}

.eip_wrapper { }

.eip_wrapper_over {
	background-image:url('../admin/images/backs/50p_ffd2.gif');
	/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../admin/images/backs/50p_ffd.png');*/
}
.eip_wrapper_over[class]{
	background-image:url('../admin/images/backs/50p_ffd.png');
}

/* EDIT IN PLACE --> */


#tooltip { position:absolute; border:1px solid #8DCEEC; background:#fff; padding:2px 5px; color:#000; display:none; }	
	
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}


/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#A3CEF2;}

#colorbox{}
    #cboxContent{margin-top:32px;}
        #cboxLoadedContent{background:#fff; padding:10px;}
        #cboxLoadingGraphic{background:url(/images/background/colorbox/loading.gif) center center no-repeat;}
        #cboxLoadingOverlay{background:#538CB9;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(/images/background/colorbox/controls.png) 0 0 no-repeat;}
        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious.hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext.hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose.hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}