html { height: 100%; }

body { height: 100%; background-color: #fff; background-image:url(/images/background/body.jpg); background-repeat: repeat-x; background-position: 0 0; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 14px; }

A { color: #5A8F2F; text-decoration: none; }
A:hover { /*color: #5A8F2F;*/ background-color: #e2f397; }
A.newsMore { text-transform: uppercase; font-style: italic; }

/* MAIN TITLE - same as GREEN LINE TITLE*/ 
H1 { background-color: #BFD730; display: block; margin: 0px; padding: 0px 0px 0px 10px; font-size: 14px; line-height: 22px; text-transform: uppercase; color: #000; font-weight: bold; } 
/* ARTICLE TITLE */
H2, #newsTitle { text-transform: uppercase; font-weight: bold; font-size: 12px; margin:5px 0px; color: #427F11; background-color: transparent; padding: 0px; } 
/* SMALL TEXT TITLE */
H3 { font-weight: bold; }
/* ARTICLE SUBTITLE DATE LOCATION */
H5 { margin:2px 0px 4px; color: #427F11; }
/* GREEN LINE TITLE */
H6 { background-color: #BFD730; display: block; margin: 0px; padding: 0px 0px 0px 10px; font-size: 14px; line-height: 22px; text-transform: uppercase; color: #000; font-weight: bold; }
P { margin: 4px 0px 6px; }
OBJECT { width: 386px; height: 296px; }
DIV.sharedContent OBJECT { width: 188px; height: 200px; }
INPUT[type="text"],INPUT[type="password"],INPUT[type="checkbox"],SELECT,TEXTAREA { border: 1px solid #7C8F20; font-size: 11px; line-height: 14px; padding: 2px 4px; }
INPUT[type="submit"], INPUT[type="button"] { background-color: #E0E6C3; border-top: none; border-right: 1px solid #7C8F20; border-bottom: 1px solid #7C8F20; border-left: none; text-transform:uppercase; font-size: 10px; line-height: 14px; }
INPUT[type="submit"]:hover, INPUT[type="button"]:hover { border-top: 1px solid #7C8F20; border-right: none; border-bottom: none; border-left: 1px solid #7C8F20; }

/* INPUT[type="file"] */  
SPAN.fileinput { position: relative; overflow: hidden; background-color: #C2E235; font-size: 10px; line-height: 14px; width: 215px; margin:5px 5px 0px 0px; display: block; float: left; height: 15px; overflow: hidden; }
SPAN.error { border: 1px solid red; }
	SPAN.fileinput INPUT { position: absolute; text-align: right; -moz-opacity:0 ; filter:alpha(opacity: 0); opacity: 0; z-index: 2; font-size: 11px; line-height: 14px; width: 215px; }
	SPAN.fileinput SPAN { display: block; text-align: right; }

#background { margin: 0px auto; width: 980px; overflow: hidden; }

#header { width: 980px; height: 170px; overflow: hidden; position: relative; }
	#homepage { display: block; position: absolute; overflow: hidden; width: 220px; height: 168px; left: 0px; top: 0px; }		
	#headImg { width: 743px; height: 135px; float: right; border-left: solid 1px #000;border-right: solid 1px #000; }
	#topMenu { clear: both; margin: 0px 0px 0px 240px; }
		#topMenu LI { float: left; display:inline; height: 27px; padding: 3px 0px }
			#topMenu A { display: block; float: left; padding:0px 7px; color: #fff; text-decoration: none; text-transform: lowercase; font-weight: bold; font-size: 11px; border-right: 1px solid #fff; line-height: 27px; }
			#topMenu A.first { padding-left: 6px; }
			#topMenu A.list { display: inline; float: none;  }
			#topMenu A.selected, #topMenu A:hover { color: #000; background-color: Transparent; }
	#register-link { position: absolute; bottom: 12px; right: 4px; color: #000; text-decoration: underline; font-weight: bold; font-size: 11px; }
		#register-link:hover { background-color: transparent; text-decoration: none; }
			
#content { width: 980px; overflow: hidden; }
	#left_1 { float: left; display: inline; width: 188px; overflow: hidden; margin: 0px 7px 0px 0px; }
	#right_1 { float: right; width: 188px; overflow: hidden;	}
	
	#right_2 { float: right; width: 386px; overflow: hidden;	}
	#center_2 { width: 386px; margin-left: 198px; }
	
	#center_3 { width: 584px; margin-left: 198px; }
	
	#center_4 { width: 782px; overflow: hidden; }
	
	#right { float: right; width: 188px; min-height: 750px; overflow: hidden; }
	
	#content #center_2 #newsImage { width: 386px; /*height: 260px;*/ }
		#content #center_2 #newsImage IMG { width: 386px; height: 260px; }
		
	#footer { background: url(/images/background/footer.jpg) repeat-x 0 0; clear: both; color: #fff; font-size: 10px; font-family: Tahoma; height: 17px; line-height: 17px; margin: 30px 0px 20px; padding: 0px 3px; text-align: right; }
		#footer A { color: #fff; }
		#footer A:hover { background-color: Transparent; }
	
	#newsIndex { width: 782px; height: 440px; overflow: hidden; float: left; }
		#newsIndex #mainNews { background-color:#DEDFDF; border:1px solid #C9CDD0; padding: 8px 8px; width: 370px; height: 414px; float: left; }
			#newsIndex #mainNews #image { width: 370px; height: 248px; border: 1px solid #87847B; position: relative; overflow: hidden; }		
			#newsIndex #mainNews #image IMG, #newsIndex #mainNews #image OBJECT { width: 370px; height: 248px; }
			#newsIndex #mainNews #image DIV { opacity:.85;filter: alpha(opacity=85); -moz-opacity: 0.85; z-index:4; background-color: #A0B42C; position: absolute; bottom: 0px; left: 0px;width: 370px; height: 33px; }
			#newsIndex #mainNews H2 A, #newsIndex #mainNews H2 A:hover { color: #000; }
			#newsIndex #mainNews H5 { margin:2px 0px 4px; color: #000; }
			
		#newsIndex UL { float: left; width: 386px; margin:0px; padding:0px; }
			#newsIndex UL LI { width: 386px; height: 136px; margin: 8px 0px 0px 0px; display: block; overflow: hidden; }
				/*#newsIndex UL LI A.imgLink { width:202px; height: 136px;  overflow: hidden; display: block; float: left; }*/
				#newsIndex UL LI A IMG { width:200px; height: 134px; border: 1px solid #8E8B82; margin: 0px; margin: 0px 10px 0px 0px; float: left; }
				#newsIndex UL LI H4 { text-transform: uppercase; font-weight: bold; font-size: 11px; }
					#newsIndex UL LI H4 A, #newsIndex UL LI H4 A:hover { color: #5A8F2F; text-decoration: none; }
				#newsIndex UL LI H5 { color: #5A8F2F; font-size: 10px; margin:0px; }
				#newsIndex UL LI P { font-size: 10px; }
					#newsIndex UL LI P A.newsMore { /* text-transform: uppercase; font-style: italic;  display: block; float:right; clear:right; */}
	
	/* NEWS LIST ON NORMAL AND INDEX  */				
	#newsSubIndex { float: left; width: 386px; overflow: hidden; }
		#newsSubIndex UL { width: 380px; margin: 0px; padding: 0px; }
		#newsSubIndex UL LI { width: 378px; clear: both; margin: 8px 0px 0px; padding: 0px 4px; overflow: hidden; }
		#newsSubIndex UL LI.selected { background-color: #e2f397; }
		#newsSubIndex UL LI H4 A { color: #427F11; text-transform: uppercase; font-weight: bold; font-size: 11px; display: block; }
			#newsSubIndex UL LI H4 A:hover { background-color: #e2f397; }
		#newsSubIndex UL LI H5 { color: #427F11; font-size: 10px; margin:0px; }
			#newsSubIndex UL LI A.imgLink { position: relative; display: block; float: left; width: 113px; height: 76px; }
				#newsSubIndex UL LI A.imgLink:hover { background: transparent; }
				#newsSubIndex UL LI A.imgLink IMG { float: left; width: 113px; margin: 10px 0px 0px 0px; }
				#newsSubIndex UL LI A.imgLink IMG.videoIcon { position: absolute; top: 35px; left: 45px; z-index: 100; float: none; width: 25px; height: 25px; margin: 0px; }
			#newsSubIndex UL LI P { font-size: 10px; text-align: justify; }
				#newsSubIndex UL LI P.hasImage { margin-left: 118px; }
				#newsSubIndex UL LI A.newsMore { /*text-transform: uppercase; font-style: italic; display: block; text-align: right;*/ }
				#newsSubIndex UL LI A.newsMore:hover { background-color: #e2f397; }
	
	#adsList {}
		#adsList UL {}
			#adsList UL LI { width: 574px; display: block; overflow: hidden; margin: 5px 0px 0px 0px; padding: 5px; border: 1px solid #9FB23F; }
				#adsList UL LI IMG { width: 574px; /*margin: 0px 5px 7px 0px; float: left;*/ }
				#adsList UL LI H4 { color: #427F11; text-transform: uppercase; font-weight: bold; font-size: 11px; display: block; }				
				
	UL#leftMenu { clear: left; float: left; width: 188px; background-color: #91AD2C; color: #fff; text-align: right; }
		UL#leftMenu LI { padding: 0px; margin:0px; }
			UL#leftMenu LI A { font-weight: bold; font-size: 11px; color: #fff; text-transform: uppercase; display: block; padding: 0px 14px 0px 0px; border-bottom: 1px solid #fff; line-height: 22px; }
			UL#leftMenu LI A:hover, UL#leftMenu LI A.selected { color: #000; background-color: transparent; font-weight: bold; font-size: 11px; line-height: 22px; text-transform: uppercase; display: block; padding: 0px 14px 0px 0px; border-bottom: 1px solid #fff; }
				UL#leftMenu LI UL { width: 188px; background-color: #B2CC12; }
					UL#leftMenu LI UL LI A { text-transform: lowercase; }
					UL#leftMenu LI UL LI A:hover, UL#leftMenu LI UL LI A.selected { text-transform: lowercase; }
			
	DIV.sharedContent { width: 188px; }
		DIV.sharedContent A { display: block; margin:8px 0px 0px; text-align: center; }
			DIV.sharedContent A IMG { width: 186px; border: 1px solid #8E8B82;  }
			
	/* GALLERY IMAGES*/
	#galleryImages { width: 584px; overflow: hidden; }
		#galleryImages H6 { margin-bottom: 8px;  }
		#galleryImages A#goRight { display: block; overflow: hidden; float: right; /* height: 40px; width: 14px; background:  url(/images/background/goRight.gif) no-repeat 0 0;*/  } 
		#galleryImages A#goLeft { display: block; overflow: hidden; float: left; margin-right: 4px; /*height: 40px; width: 14px; background-color: red; background:  url(/images/background/goLeft.gif) no-repeat 0 0;*/ } 
			#galleryImages A#goRight IMG, #galleryImages A#goLeft IMG { height: 38px; width: 16px; }
		#imageScroller { width: 540px; overflow: hidden; position: relative; margin: 0px 1px 8px; }
			#imageScroller TABLE TR TD { float: left; }
			#imageScroller A { float: left; display: inline; text-align: center; line-height: 80px; width: 54px; height: 38px; position:relative; /*width: 108px;height: 80px;*/}
				#imageScroller A IMG { /*width: 106px; height: 76px;margin-top: 19px;*/width: 53px; height: 38px; position:absolute; top: 0px; left: 0px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; }
		
		#bigImageContainer { position: relative; width: 100%; }
		IMG#imgLoading { width: 50px; /*margin: 100px 45% 0px;*/ position: absolute; left: 250px; top: 100px; z-index: -1; }
		IMG#bigImage { width: 584px; /*position: relative; top: -150px; */ z-index: 10;}
		H3#bigImageTitle { }
		P#bigImageDescription { }
		
	/* GALLERY LIST*/
	UL#galleryListspecial { margin: 0px 0px 15px 0px; line-height: 10px; }	
		UL#galleryListspecial LI { margin: 0px 0px 10px 0px; }
			UL#galleryListspecial LI A { display: block; }
				UL#galleryListspecial LI A IMG { height: 67px; width: 188px; }
	UL#galleryList {  }
		UL#galleryList LI A { color: #000; display: block; background-color:#BFD730; font-size: 12px; padding: 2px; border-bottom: 1px solid #d1eb33; }
			UL#galleryList LI UL {  }
				UL#galleryList LI UL LI A { background-color: Transparent; padding: 2px 5px 2px 10px; }
					UL#galleryList LI UL LI A:hover, UL#galleryList LI UL LI.selected A { background-color: #d1eb33; }
				
		
			
	/* LOGIN */	
	#login { height: 144px; background: url(/images/background/login.jpg) repeat-x 0 0; margin: 0px 0px 8px 0px; padding: 0px 12px; overflow: hidden; }
		#login H4 { font: bold 12px Verdana; color: #fff; margin: 3px 0px; }
		#login SPAN { display: block; margin-bottom: 1px;  }
		#login A.login { text-decoration: underline; color: #585956; margin: 0px 0px 1px; display: block; }
			#login A.login:hover { background-color: Transparent; color: #585956; text-decoration: none; }
		#login INPUT[type="text"],#login INPUT[type="password"] { border-top: none; border-right: 1px solid #7C8F20; border-bottom: 1px solid #7C8F20; border-left: none; width: 90px; height: 15px; margin-bottom: 8px; font: normal 11px/15px Vedrana; padding: 0px 2px; }

	#loginSmall { height: 46px; background: url(/images/background/login_small.jpg) repeat-x 0 0; margin: 0px 0px 8px 0px; padding: 15px 12px; overflow: hidden;	}
		#loginSmall SPAN { display: block; margin: 0px 0px 15px 0px; }
	
	#login INPUT[type="button"], #loginSmall INPUT[type="button"] { display: block; float: right; height: 16px; width: 64px; }
	/*#login A#btnLogin,#loginSmall A#btnLogin { display: block; width: 64px; height: 14px; ;background-color: #E0E6C3; border-top: none; border-right: 1px solid #7C8F20; border-bottom: 1px solid #7C8F20; border-left: none; font: normal 10px/14px Vedrana; text-transform: uppercase; text-align: center; color: #000; text-decoration: none; margin: 0px 0px 10px 0px; }
		#login A#btnConfirm:hover,#loginSmall A#btnLogin:hover { border-top: 1px solid #7C8F20; border-right: none; border-bottom: none; border-left: 1px solid #7C8F20; }*/
	
	TABLE#registration { }
		TABLE#registration TR { }
			TABLE#registration TR TD { padding: 2px 2px; }
				TABLE#registration TR TD INPUT{ padding: 2px 2px; }
	SPAN.errorMessages { color: red; display: block; padding: 10px; }
	
	
	/* MAIL REGISTRATION */
	#center {}
		INPUT.txtMailReg { width: 215px; margin: 5px 0px 10px 0px; }
		INPUT.error { border: 1px solid red; }
		TEXTAREA.txtMailReg, SELECT.txtMailReg { width: 215px; margin-top: 5px; }
		TEXTAREA.error, SELECT.error {border: 1px solid red; }
		
	/* NE PROPUSTITE - PROIZVODI */	
	DIV.productList { width: 766px; overflow: hidden; margin: 5px auto; } 
	DIV.product { float: left; display: inline; overflow: hidden; width: 165px; height: 304px; margin: 0px 8px 18px 0px; padding: 9px; background: url(/images/background/product_background.jpg) repeat-x 0 0; }
		DIV.product IMG { width: 164px; height: 182px; }
		DIV.product H2 { font-weight: bold; font-size: 12px; color: #000; text-transform: none; }
	
	/* KOMENTARI */
	#commentMenu { background-color:#BFD730; margin: 5px 0px 0px; text-align: right;  }
		#commentMenu A { display: block; font-weight: bold; padding: 2px 4px; }
	#commentList {  }
		#commentList DIV { margin: 0px 0px 4px 0px; padding: 2px 4px; }
		#commentList DIV.a {  }
		#commentList DIV.b { background-color: #ecf8b9; }
			#commentList H4 { font-weight: bold; }
			#commentList em { font-style: italic; display: block; margin: 0px; }
	#commentForm TEXTAREA { margin: 4px 0px 5px 0px; }
	
	
DIV.route-left { padding: 10px 14px 0px 17px; }
	DIV.route-left H1 { background-color: transparent; color: #005aab; font-family: Arial; font-size: 23px; font-weight: normal; line-height: 30px; margin: 17px 0px 15px; padding: 0px; text-transform: none;  }
DIV.route-right { background-color: #c8e0f0; padding: 8px;  }
	DIV.route-right OBJECT { width: 369px;  }

#route-map { width: 100%; height: 550px; border: none; }

.object-list { padding:10px 14px 0 17px; }
	.object-list LI { margin: 5px 0px 15px; }
	.object-list H3 { border-top: 1px solid #BFD730; padding:10px 0px 0px; margin: 0px 0px 8px; }
		.object-list H3.first { border-top: none; }
	.object-list DT { float: left; }
	.object-list DD { margin:0 0 4px 50px; padding:0 0 0 10px; }
	
		
/* <-- 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 --> */