BODY {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(bg.gif) #f4f4f4 repeat-y center top; 
	PADDING-BOTTOM: 0px; MARGIN: 0px auto; FONT: 11px Verdana,Tahoma,Arial,sans-serif; PADDING-TOP: 0px;
}

html, body{
scrollbar-face-color:#EBF5FF;
scrollbar-base-color:#EBF5FF;
scrollbar-arrow-color:black;
scrollbar-track-color:#F3F3F3;
scrollbar-shadow-color:#EBF5FF;
scrollbar-highlight-color:#EBF5FF;
scrollbar-3dlight-color:#78AAFF;
scrollbar-darkshadow-Color:#78AAFF;
}

/*
#pozP { BACKGROUND: url(linijap3.jpg) #fff repeat-y center top;}
*/

#wrap {
	BACKGROUND: #ffffff; MARGIN: 0px auto; WIDTH: 760px; COLOR: #303030;margin-top:20px;
	background:#fff;border:solid 2px #ccc; border-top:none;margin-bottom:20px;
}

#header {
	CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 5px 0px 0px; PADDING-TOP: 0px; HEIGHT: 20px
}


#header H1 {
	FLOAT: left; MARGIN: 0px 0px 10px; WIDTH: 250px
}
#header P {
	FONT-SIZE: 0.8em; FLOAT: right; MARGIN: 0px 0px 10px; WIDTH: 500px; COLOR: #a0a0a0; LINE-HEIGHT: 1.2em; TEXT-ALIGN: center
}
#frontphoto {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 0px 0px 0px; BORDER-RIGHT-WIDTH: 0px;/*border:solid 2px #ccc;*/
}
#head{
width: 760px;
/*background:#286ea0;*/
background-image:url(TopZav.jpg);
height:142px;
}
#head p {
color:#11cd39;
font-size:1.6em;
padding:40px;
}
#sideBarTitle {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 8px; FONT-WEIGHT: bold; FONT-SIZE: 1.2em; BACKGROUND: #cccccc; PADDING-BOTTOM: 0px; COLOR: #505050; PADDING-TOP: 6px; HEIGHT: 18px
}
#avmenu {
	CLEAR: left; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 0.9em; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 10px; WIDTH: 163px; PADDING-TOP: 0px
}
#avmenu UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 1.1em; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 163px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none;
}
#avmenu LI {WIDTH: 163px;}
#avmenu LI A {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 10px; FONT-WEIGHT: bold; BACKGROUND: #eceff1; PADDING-BOTTOM: 0px;  COLOR: #505050; PADDING-TOP: 8px; HEIGHT: 18px; TEXT-DECORATION: none;MARGIN-RIGHT: 4px;WIDTH: 153px;
}
#avmenu LI A:hover {
	BACKGROUND: #eaeaea; BORDER-LEFT: #286ea0 4px solid; COLOR: #286ea0;width:149px;
}
#ruler {
	WIDTH: 100%; COLOR: #505050;  BACKGROUND-COLOR: #aeaeae; TEXT-ALIGN: right;height:30px;
	/*BORDER-BOTTOM: #ccc 1px solid;*/
}

#ruler A {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; LINE-HEIGHT: 30px; TEXT-DECORATION: none
}

#ruler A:hover {
	PADDING-BOTTOM: 5px; PADDING-TOP: 5px; BACKGROUND-COLOR: #eaeaea; 
	/*border-bottom: solid 3px #286ea0;*/
}

.announce {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; MARGIN: 10px 0px; WIDTH: 130px; COLOR: #505050; LINE-HEIGHT: 1.3em; PADDING-TOP: 10px; BACKGROUND-COLOR: #f4f4f4
}
#extras {
	PADDING: 0px;
    font-SIZE: 0.9em; FLOAT: right;
	MARGIN: 0px; WIDTH: 154px; LINE-HEIGHT: 1.5em;
	padding-top:6px; 
}
#extras a{ }
#extras P {
	MARGIN: 0px 0px 1.5em;
}
#content {
	BORDER-RIGHT: #f0f0f0 1px solid; PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; MARGIN: 0px 160px; BORDER-LEFT: #f0f0f0 1px solid; LINE-HEIGHT: 1.6em; PADDING-TOP: 0px; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: left
}
#content H2 {
	FONT-SIZE: 1.5em; MARGIN: 0px 0px 0.5em
}
#content IMG {
	 PADDING-RIGHT: 1px; DISPLAY: inline; PADDING-LEFT: 1px;  PADDING-BOTTOM: 1px;  PADDING-TOP: 1px;
}

#levo {
float:left;
}
#desno {
float:right;
}

H3 {
	PADDING:5px; 
	padding-left:0px;
	FONT-SIZE: 1.4em; 
	MARGIN: 0px 0px 10px; 
}

H4 {
	PADDING:5px; 
	FONT-SIZE: 1.2em; 
	MARGIN: 0px 0px 8px; 
}

H5 {
	PADDING:5px; 
	padding-top:0px;
	FONT-SIZE: 1.2em; 
	margin:3px;
	margin-top:0px;
	color:#336699;
}

A {
	COLOR: #286ea0; TEXT-DECORATION: none
}
A:hover {
	COLOR: #286ea0; TEXT-DECORATION: underline
}
A IMG {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}

/* ----------  footer -------------- */
#footer {
	CLEAR: both; PADDING-RIGHT: 0px; BORDER-TOP: #f0f0f0 4px solid; PADDING-LEFT: 0px; FONT-SIZE: 0.9em; PADDING-BOTTOM: 20px; MARGIN: 0px auto; WIDTH: 760px; COLOR: #808080; PADDING-TOP: 10px; TEXT-ALIGN: center
}

#footer A {	COLOR: #808080; TEXT-DECORATION: none}

#footer A:hover {	TEXT-DECORATION: underline}

/* ---------------------------------------- */

.left {	FLOAT: left; MARGIN: 10px 10px 5px 0px}

.right {	FLOAT: right; MARGIN: 10px 0px 5px 10px}

.textright {	TEXT-ALIGN: right}

.center {	TEXT-ALIGN: center}

.small {	FONT-SIZE: 0.8em}

.bold {	FONT-WEIGHT: bold}

.hide {	DISPLAY: none}

.linija {	margin-bottom:10px;	width:20%;	text-align: center;}

.linija2 {	margin-top:1px;	margin-bottom:1px;	width:30%;	text-align: center;}


#lin {
	text-align: center;
	margin:5px;
	border-bottom:dotted 1px #ccc;
	}

#vrh {
	text-align: center;
	margin-top:15px;
	border-bottom:dotted 1px #ccc;	
}
#vrh a{}
/* --------- tabela ---------------- */
TABLE {border:solid 1px #ccc; margin-bottom:15px;}
TABLE TD {	BACKGROUND: #eee; COLOR: #666;padding-left:4px;}
.r1c2 {	WIDTH: 305px;padding-left:2px;}
.r2c1 {	WIDTH: 100px;padding-left:2px;}

.nas {width:300px;BACKGROUND: #eee; COLOR: #666;}
.cl1 {	TABLE-LAYOUT: fixed}
.cl2 {	TABLE-LAYOUT: auto}

/* --------------------------------- */

#kontakt{
margin-top:10px;
margin-bottom:10px;
}
#kontaktN{
	color:#286ea0;
	border-bottom: 1px dotted #286ea0;
	color:#286ea0;
	font-weight: bold;
	margin-top:5px;
}

/************** contactInfo styles ***************/

.contact {
	width: 320px;
	height: 115px;
	margin: 0px 0px 20px 10px;
	font-size: 100%;
}

.contact h3{
	border-bottom: #000099 dotted 1px;
 	font: bold 100% Verdana,Arial,sans-serif;
 	color: #000099;
 	margin: 0px 0px 5px 0px;
 	padding: 5px 0px 5px 0px;
}

.mail {
	margin: 3px 0px 5px 0px;
	font-size: 100%;
}

.mail h3{
 	font: bold 100% Verdana,Arial,sans-serif;
 	color: #000099;
 	margin: 0px 0px 5px 0px;
 	padding: 5px 0px 5px 0px;
}

.button{
	background-color : #FFFFFF;
	border-right : 1px solid #000000;
	border-bottom : 1px solid #000000;
	border-top : 1px solid #999999;
	border-left : 1px solid #999999;
	margin: 0px 10px 20px 0px;
}

/*************** news styles ******************/

.news {
	margin: 0px 0px 10px 10px;
	font-size: 90%;
	/*background: url(separatorNews.gif) repeat-x top;*/
	padding-bottom:15px;
	border-bottom:1px dotted #286ea0;
}

.newsTitle{
	font-size: 110%;
	color: #286ea0;
	display:block;
	padding: 0px 0px 5px 0px;
}

.newsDate {
	font-weight: bold;
	color: #333333;
	display:block;
	padding-bottom: 10px;
}

.newsLink {
	color: #333333;
	display: block;
	padding: 5px 0px 0px 0px;
}

.newsLink a: visited{
	color: #000099;
	text-decoration: none;
}

.newsLink a: hover {
	color: #0099ff;
	text-decoration: underline;
}

.archive {
	margin: 0px 0px 10px 10px;
	font: bold 0.9em Arial,sans-serif;
	display:block;
	padding: 15px 0px 0px 0px;

}

.archive a: visited {
	color: #000099;
	text-decoration: none;
}

.archive a: hover{
	color: #0099ff;
	text-decoration: underline;
}

#pusenje {color:#bd3128;}
#greska {color:#FF0000; font-size: 110%;}

#tekstPlavi{background:#bde2ff; padding:2px; padding-top:4px; border: 1px solid #314a73}
#tekstZeleni{background:#dbffe9; padding:2px; padding-top:4px; border: 1px solid #006000}
#tekstZuti{background:#ffffc6; padding:2px; padding-top:4px; border: 1px solid #5f5f2e}

/******************* okvir **************/
.top-left, .top-right, .bottom-left, .bottom-right { 
	background-image: url('corners1280x18.gif'); 
	height: 9px; width:400px;;      
	font-size: 2px;    
	}
.top-left, .bottom-left { 
	margin-right: 9px; 
	}
.top-right, .bottom-right { 
	margin-left: 9px;  
	margin-top: -9px;  
	}
.top-right {
	background-position: 100% 0;    
	}
.bottom-left  { 
	background-position: 0 -9px;    
	}
.bottom-right { 
	background-position: 100% -9px; 
	}
.inside {
	border-left: 1px solid #C00000; 
	border-right: 1px solid #C00000;
	background: #bde2ff;            
	color: #000000;  width:369px;              
	padding-left: 19px;           
	padding-right:19px;            
	}
.notopgap    { margin-top: 0; }   
.nobottomgap { margin-bottom: 0; } 

/***************galerija***/
#box_slika{
width:130px;margin-left:4px;
height:100px;float:left;

  }