@charset "utf-8";
body {
	font: 100% Arial, Helvetica, sans-serif;
	background:#fff;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background:url(/OSAS/images/bagkground.jpg) repeat-y center ;
}
div#container {
	width: 923px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left;
	background:none;
	padding:0;
	
}
div#header {
	display:compact;
	margin:0px;
	width:911px;
	padding: 0;
	height:275px;
	background:url(/OSAS/images/naslovna_02.jpg) no-repeat;
}


div#wrapper {padding: 0;display:block; margin: 0 auto; width: 923px; background:none;}

div#menu {
	display:block;
	width:158px;
	float:right;
	margin:0px;
	padding:0;
	background:url(/OSAS/images/bcg_menu.jpg) repeat-x bottom #fbfbfb;
	border:solid 1px #c6c6c6;
	text-align:left;
}
div#menu ul {text-align:left; margin:0; padding-left:8px; padding-top:4px;}
div#menu ul li{list-style-type:none; text-align:left; margin:0; background:url(/OSAS/images/menu_dot.gif) no-repeat left; padding:0px;color:#000000;}
div#menu a{ font:normal 12px Arial, Helvetica, sans-serif; color:#000000; text-decoration:none; text-align:left; padding:0 0 0 12px;  }
div#menu a:hover{ text-decoration:underline;}

div#menu_line {display:block;width:910px; height:40px;   float:left; margin:265px 10px 0 0; padding:0; background:none; border:none; }

div#menu_line ul {text-align:left; margin:0; }
div#menu_line ul li{list-style-type:none; display:inline; text-align:left; margin:0; }
div#menu_line a{ padding:4px 26px; margin-left:1px;; display:block; height:14px;float:left; background:#fff;font:bold 13px Verdana, Arial, Helvetica, sans-serif; color:#025b8d; text-decoration:none; border:solid 1px #fff; }

div#menu_line a:hover{ padding:4px 26px; margin-left:1px;; display:block; height:14px;float:left; background:#def3fb;font:bold 13px Verdana, Arial, Helvetica, sans-serif; color:#000000; text-decoration:none; border:solid 1px #fff; }

/*div#menu_line a:hover{ padding:2px 10px; margin-left:1px;; display:block; height:14px;float:left; background:url(/OSAS/images/menu_bcg.gif) repeat-x;font:normal 12px Arial, Helvetica, sans-serif; color:#FFF; text-decoration:none;border-top:solid 1px #cc6666; border-left:solid 1px #cc6666; border-bottom:solid 2px #000000; border-right:solid 1px #000000;}*/







ul#nav { margin-left:0; width:728px; height:25px;float:left; background:url(/OSAS/images/menu-bg.png); margin-top:169px; font:normal 12px Arial, Helvetica, sans-serif; }
ul#nav li a{  background:url(/OSAS/images/menu-separator.png) no-repeat left;}



div#left {padding-top:10px; padding-left:3px; width:190px;  margin:0; display:block; float:left; background:none;}

div#crta {display:block; width:100%; float:left;border-bottom:solid 2px #facf0b;}

div#mainContent {padding:10px; width:620px; display:block; float:left; margin-left:0px;  background:none; margin-top:0;}



div#right {padding:10px 6px;  width:260px; display:block; float:left;margin-top:0; background:none; }



div#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

div#head_menu { display:block;  text-align:right; padding:2px 4px 0px 4px; height:16px; margin:0px 10px 0 810px; background:#fff3c2;font:normal 10px Arial, Helvetica, sans-serif;color:#000000;} 
div#head_menu a{ font:normal 10px Arial, Helvetica, sans-serif;color:#000000; text-decoration:none; text-align:center; padding:0px 8px;}
div#head_menu a:hover{font:normal 10px Arial, Helvetica, sans-serif;color:#000000; text-decoration:underline; text-align:center;}




div#footer { padding: 0;height:16px;display:block;width:100%; float:left; text-align:left;font:normal 10px Arial, Helvetica, sans-serif;color:#000000; padding-top:8px; margin-top:8px; border-top: solid 1px #e5b015; }
div#footer a{ font:normal 10px Arial, Helvetica, sans-serif;color:#000000; text-decoration:none; text-align:center;}
div#footer a:hover{font:normal 10px Arial, Helvetica, sans-serif;color:#000000; text-decoration:underline; text-align:center;}


/* ------ SREDINA ---------- */
div#mainContent {
	text-align:justify;
	text-indent: 0px;
}
div#mainContent p {
	line-height:1.1;
	font:11px Arial, Helvetica, sans-serif;
	color:#4f4f4f;
	padding:5px;
}

div#okvir_blue {
	background:url(/OSAS/images/h1_bcg.gif) bottom repeat-x;
	margin-top:10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-left: 10px;
	border: none;
}
div#okvir_zuti { border:solid 1px #ec8101;}
div#okvir_narandzasti { border:solid 1px #cc0001;}

div#mainContent_wide p {line-height:1.1; font:12px Arial, Helvetica, sans-serif; ; color:#4f4f4f; padding:0 10px; text-align:justify;}


h1{font-family: Arial, Helvetica, sans-serif;font-size:18px;font-weight: bold;color: #524e4a; height:21px; padding:2px 2px 2px 20px; margin-bottom:4px; background:url(/OSAS/images/h1_bcg.gif) bottom repeat-x; display:block; height:20px;  width:98%;}

h1.blue {background:url(/OSAS/images/tacka_bule.gif) no-repeat left center;}
h1.zuti {background:url(/OSAS/images/tacka_zuta.gif) no-repeat left center;}
h1.narandzasti {background:url(/OSAS/images/tacka_narandzasta.gif) no-repeat left center;}
h1.crni {padding:2px 2px 2px 2px; color:#000;}

h2{font-family: Arial, Helvetica, sans-serif;font-size:14px;font-weight: bold;color: #eb8900; height:21px; padding:2px 2px 2px 0px;}
h3{font-family: Arial, Helvetica, sans-serif;font-size:12px;font-weight: bold;color: #f10044; height:21px; padding:2px 2px 2px 0px;}
h4{font-family: Arial, Helvetica, sans-serif;font-size:11px;font-weight: bold;color: #00295b; height:21px; padding:0px;}

div#mainContent  b,div#content strong{color:#333333;}
div#mainContent  a{color:#000000;text-decoration:none;}
div#mainContent  a:hover{color:#000000; text-decoration:underline; }
div#mainContent  select,input,textarea{font:bold 11px Arial,Helvetica,sans-serif; background:#f6f6f6; color:#333333;}
div#mainContent  a.contentNav{float:right; padding:2px; margin:2px; color:#999999; text-decoration:none; font:normal 9px Arial,Helvetica,sans-serif; }
div#mainContent  a.contentNav img{border:none}
#mainContent ul, #mainContent ol { padding:10px 10px 10px 25px; font:11px Arial, Helvetica, sans-serif;}
#mainContent li {border-bottom:1px solid #EFEFEF; padding:4px; padding-left:8px; background:url(/OSAS/images/menu_dot.gif) no-repeat left; background-position: 0 .95em; list-style-type:none; }

div#mainContent  img{
	border:solid #facf0b 0px;
	padding:5px;
	margin:2px;
	border-right-width: thin;
}

div#mainContent td {
	line-height:1.5;
	;
	color:#4f4f4f;
	padding:0 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}


div#mainContent  h5 {
margin:0 auto;
display:block;
background-color:#00658F;
color:#ffffff;
border:solid 1px #666666;
text-align:center;
width:90%;
padding:10px;
font-size:12px;}



/* ------ FOTOGRAFIJA GALERIJA ---------- */

div#mainContent #fotka a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	float:left;
	display:block;
	overflow:visible;
	
	color: #800000;
	text-decoration: none;
	padding-top:0px; 
	padding-bottom:0px;
	background:#ffffff;	
}


div#mainContent #fotka a:hover {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	overflow:visible;
	float:left;
	color: #800000;
	text-decoration: none;
	padding-top:0px; 
	padding-bottom:0px;
	background:#a4b6dc;
	display:block;

}


/*LINKOVI S LJEVE STRANE */




div#right  h2{font:bold 10px  Arial, Helvetica, sans-serif; padding-left:10px; padding-top:4px; padding-bottom:3px; margin-top:1px; margin-left:1px; margin-bottom:15px; background:#F2F2F2; color:#333; display:block; height:14px; width:95%; }


div#right  ul{ margin:0 0 15px 0; padding:0; padding-left:4px;}
div#right  li{list-style-type:none; padding-left:2px;padding-top:4px; padding-bottom:4px; font:normal 11px Arial, Helvetica, sans-serif; ; color:#444444; border-bottom: dotted 1px #999; }
div#right  li a{color:#5b5b5b; text-decoration:none;font:bold 11px Arial, Helvetica, sans-serif; ; color:#5695b3; }
div#right  li a:hover{color:#1b7cff; text-decoration:none; font:bold 11px Arial, Helvetica, sans-serif; ; color:#5695b3;}

div#right p {font:12px Arial, Helvetica, sans-serif; ; color:#4f4f4f; padding:8px; text-align:justify;}

div#right  td {font:12px Arial, Helvetica, sans-serif; ; color:#4f4f4f; padding:0;}

div#right  a{color:#000;text-decoration:none; font-size:10px; font-weight:bold;text-align:right;}
div#right  a:hover{color:#000; text-decoration:none; font-size:10px;font-weight:bold; text-align:right; }

div#razdvoji{ border-bottom:dotted 1px #999;}

div#backupleft  li{list-style-type:none; background: url(/OSAS/images/strelica.gif) no-repeat; background-position: 0 .45em;   
padding-left:20px;padding-top:4px; padding-bottom:4px; font:normal 11px Arial, Helvetica, sans-serif; ; color:#444444; }


#jezik {
	float:left;
	margin-top:2px;
	width:100px;
	height:20px;
	z-index:1;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
	color:#FFF;
	padding-left:5px;
}

#jezik a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
	color:#000;
	padding-left:5px;
}

#jezik a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
	color: #666;
	padding-left:5px;
}


#box {font-family:Arial, Helvetica, sans-serif;font-size:11px;text-decoration:none;color: #000;padding:5px; display:block; float:left; margin:5px; background:url(/OSAS/images/box_bcg.png) repeat-x #fff; width:330px;}

div#box h1{font:bold 16px  Arial, Helvetica, sans-serif;  padding-bottom:5px; margin-bottom:10px;color:#000; background:none; }


div#navigation{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #FFF;
	background-color: #d22700;
	text-transform: uppercase;
	line-height: normal;
	width:200px;
	margin-right:8px;
	padding-right:2px;
}
div#navigation a{ text-decoration:none; color:#fff; text-align:left;}
div#navigation a:hover{ text-decoration:none;}