img, div, a, input { behavior: url(images/js/iepngfix.htc) }

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin:0px;
	color: #A0A0A0;
	}

td {
	font:11px Arial, Helvetica, sans-serif;
	color:#515151;
	}
	
a {
	color: #d2673b;
	text-decoration:none;
	font-weight:bold;
	}
	
a:hover {
	color: #515151;
	}



/* ID Styles */


#navigation td {
	border-bottom: 1px solid #dcdcdcsu
	}

#navigation a {
	font:11px Arial, Helvetica, sans-serif;
	color: #515151;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
	display:block;
	padding:8px 6px 8px 22px;
	}

#navigation a:hover {
	color:#515151;
	background: url("../mm_bullet_yellow.gif") 10px 50% no-repeat;
	background-color: #f4f4f3;
	}
#navigation {
	color:#515151;
	background: url("../mm_bullet_yellow.gif") 10px 50% no-repeat;
	background-color: #f4f4f3;
	font-weight:bold;
}	
#navheader {
	font:24px georgia;
	color: #1F2669;
	letter-spacing:.4em;
	padding:10px;
	line-height:30px;
	}
	
#logo 	{
	font:14px Arial, Helvetica, sans-serif;
	color: #FF9900;
	letter-spacing:.5em;
	line-height:30px;
	}

#tagline 	{	
	font:11px Arial, Helvetica, sans-serif;
	color: #FF9900;
	letter-spacing:.2em;
	line-height:14px;
	}
	
#monthformat td {
	 border-bottom: 1px solid #FFFFCC;
	 }
	 
#dateformat {
	font:11px Arial, Helvetica, sans-serif;
	color: #515151;
	letter-spacing:.4em;
	}
	
#dateformat a {
	font: 11px Arial, Helvetica, sans-serif;
	color: #515151;
	letter-spacing:.1em;
	text-decoration: none;
	}
	
#dateformat a:hover {
	color: #FFFFCC;
	}
	
	


/* Class Styles */
	
.bodyText {
	font:11px Arial, Helvetica, sans-serif;
	color:#515151;
	line-height:22px;
	margin-top:0px;
	letter-spacing:.1em;
	}
	
.pageName{
	font:18px Arial, Helvetica, sans-serif;
	color: #d2673b;
	line-height:25px;
	letter-spacing:.2em;
	font-weight:bold;
	}
	
.columnHeader {
	font: 11px Arial, Helvetica, sans-serif;
	color: #FF080E;
	line-height:18px;
	letter-spacing:.05em;
	}
	
.subHeader {
	font:bold 11px Arial, Helvetica, sans-serif;
	color: #d2673b;
	line-height:18px;
	letter-spacing:.1em;
	}

.smallText {
	font:10px Arial, Helvetica, sans-serif;
	color:#333333;
	}
	
.navText {
	font:11px Georgia, Times New Roman, Times, serif;
	color: #1F2669;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
	}
.vijesti {
font: 11px Arial, Helvetica, sans-serif;
	color: #000000; 
	}
.vijesti1 {
font: 11px Arial, Helvetica, sans-serif;
	color: #515151; 
	}	

.crtice { 
	
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FF9900;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FF9900;
	
	}
	
.obrub { 
	
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CE673A;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CE673A;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CE673A;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CE673A;
	
	}
.crticezasliku { 
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #f6f6f6
	}
.crticezasliku1 { 
	border-right-width: 5px;
	border-right-style: solid;
	border-right-color: #f6f6f6
	}

.crticezavijesti { 
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #d3d3d2;
	
	}
	
/*SUBMIT BUTONI*/
a.squarebutton{
background: transparent url('square-gray-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 12px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
color: #494949; /*button text color*/
}

a.squarebutton span{
background: transparent url('square-gray-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

.tablicatijelo {	
	padding: 0px 0px 0px 0px;
	border: 0px;
	background-image: url(../images/ofir_subpage_04.jpg);
	background-repeat: repeat-x;
	background-color: #a0a0a0;
}	

.tablicatijelo2 {	
	padding: 0px 0px 0px 0px;
	border: 0px;
	background-image: url(../images/table_back001.jpg);
	background-repeat: repeat-x;
}	

.tablicatijelo3 {	
	padding: 0px 0px 0px 0px;
	border: 0px;
	background-image: url(../images/ofir_subpage_06.jpg);
	background-repeat: repeat-x;
	background-color: #a0a0a0;
}	

/*POSTAVKE ZA BUTTONE - LINKOVE*/

/*NAVIGACIJA*/

#link_ofir {
  text-indent:-60em;
  text-decoration:none; 
  display:block;
  width:939px;
  height:333px;
  background: url(../images/ofir2.jpg) no-repeat;
}
#link_ofir:hover { background-position: right; }  


#link_knex {
  text-indent:-60em;
  text-decoration:none; 
  display:block;
  width:60px;
  height:60px;
  background: url(../images/buttons/knex.png) no-repeat;
}
#link_knex:hover { background-position: right; }  

#link_sofa {
  text-indent:-60em;
  text-decoration:none; 
  display:block;
  width:60px;
  height:60px;
  background: url(../images/buttons/sofa.png) no-repeat;
}
#link_sofa:hover { background-position: right; }  

#link_web {
  text-indent:-60em;
  text-decoration:none; 
  display:block;
  width:60px;
  height:60px;
  background: url(../images/buttons/web.png) no-repeat;
}
#link_web:hover { background-position: right; }  



/* ------------------MENI--------------------- */
ul#menu
{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
	position:relative;
	display:block;
	height:35px;
	font-size:12px;
	font-weight:bold;
	background:transparent url(../images/nav_bg.png) repeat-x top left;
	font-family:Arial, Helvetica, sans-serif;
	border-bottom:0px solid #000000;
	border-top:0px solid #000000;
}

ul#menu li
{
	display:block;
	float:left;
	margin:0;
	padding:0;
}
	
ul#menu li a
{
	display:block;
	float:left;
	color:#999999;
	text-decoration:none;
	font-weight:bold;
	padding:8px 20px 0 20px;
}
	
ul#menu li a:hover
{	
	color:#515151;
	height:35px;
	background:transparent url(../images/nav_bg.png) 0px -35px no-repeat;		
}
	

ul#menu li .uberlink
{
	display:inline;
	height:35px;
	background:transparent url(../images/nav_bg.png) 0px -35px no-repeat;	
	float:left;
	margin:0;
}

/* ----------------FORMA-E-MAIL------------------------ */

.formbutton{
cursor:pointer;
border:outset 1px #ccc;
background:#999;
color:#666;
font-weight:bold;
padding: 1px 2px;
background:url(../images/formbg.gif) repeat-x left top;
}

.formbutton2{
cursor:pointer;
border:outset 1px #d2673b;
background:#999;
color:#666;
font-weight:bold;
padding: 1px 2px;
background:url(../images/ofir_subpage_08.jpg) repeat-x left top;
}