.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

body { font-family: Helvetica, Arial, sans-serif;
	background: #286bb8 url(../images/bg.png) repeat-x;
	margin: 0px;
	text-align: center;
	


}

#header
{
width: 960px;
margin: 0px;
margin-left: auto;
margin-right: auto
}

#logo
{
padding-top: 78px;
padding-bottom: 0px;
padding-left: 593px;
width: 367px;
height: 36px;
display: block;
background-image: url(../images/logo.png);
text-align: right;
}

#heder
{
margin: 0px;
padding: 0px;
display: block;
	border: 10px solid #fffeff;
}

#menu
{
width: 367px;
height: 36px;
display: inline-block;
text-align: right;
}

a.pocetna {

 display: block; 
 height: 36px; 
 width: 74px; 
	background-image: url(../images/menu_pocetna.png);
}
	

a.pocetna:hover {
	display:block;
	background-image: url(../images/menu_pocetna_hover.png);
}

	

a.pocetna.active {
	display:block;
	background-image: url(../images/menu_pocetna_hover.png);
}
a.alu {
	margin-left: 74px;
margin-top: -36px;
	position: block;
 display: block; 
 height: 36px; 
 width: 101px; 
	background-image: url(../images/menu_alu.png);
}
	

a.alu:hover {
	display:block;
	background-image: url(../images/menu_alu_hover.png);
}	

a.alu.active {
	display:block;
	background-image: url(../images/menu_alu_hover.png);
}	

a.pvc.active {
	display:block;
	background-image: url(../images/menu_pvc_hover.png);
}	

a.proizvodi.active {
	display:block;
	background-image: url(../images/proizvodi_hover.png);
}	


a.pvc {
	margin-left: 175px;
margin-top: -36px;
	position: block;
 display: block; 
 height: 36px; 
 width: 98px; 
	background-image: url(../images/menu_pvc.png);
}
	

a.pvc:hover {
	display:block;
	background-image: url(../images/menu_pvc_hover.png);
}	

a.proizvodi {
	margin-left: 273px;
margin-top: -36px;
	position: block;
 display: block; 
 height: 36px; 
 width: 84px; 
	background-image: url(../images/menu_proizvodi.png);
}
	

a.proizvodi:hover {
	display:block;
	background-image: url(../images/proizvodi_hover.png);
}



	

#content 
{ padding-bottom: 0px; position: relative;
}

#content-inner 
{ width: 960px; margin: 0 auto; padding-top: 10px; background-color: #fffeff; position: relative;
}
	



	

#unutra 
{ float: left;
width: 960px;
position: relative;
padding-bottom: 10px;
}

#side1
{
	float: left;
position: relative;
width:600px;

}

#side2 {
padding-top: 0px;
	float: right;
    width:320px;
}

	

#content2 
{ padding-bottom: 0px;}

#content2-inner 
{ width: 960px; margin: 0 auto; padding-top: 10px; background-color: #fffeff;
}




#livo {
	padding: 10px;
	 width: 590px; margin-right: 0px;
	margin-top: 10px;
	margin-left: 10px;
	text-align: left;
		font: 12px/21px helvetica;
	color: #878787;
	background-color: #efefef;
}
	
	#column {
	padding: 10px;
	 width: 290px; margin-right: 0px; float: left;
	margin-top: 10px;
	margin-left: 10px;
	text-align: left;
		font: italic 12px/20px helvetica;
	color: #878787;
	background-color: #e4e4e4;
}


	
	#column150 {
	padding: 10px;
	 width: 130px; margin-right: 10px; float: left;
	margin-top: 10px;
	margin-left: 0px;
	text-align: left;
		font: italic 12px/20px helvetica;
	color: #878787;
}

.proizvod
{

	border: 4px solid #e0e0e0;
}

#column.last { margin-right: 0; width: 280px; padding: 10px;
	color: #fcfcfc;
	line-height: 17px;
	background-image: url(http://www.novokmet.hr/images/contact_bg.jpg);
	font-weight: normal;
	font-style: normal;
	text-align: left;
}

.spacing
	{ letter-spacing: 1px;
}





#copyright
{
display: block;
padding-top: 10px;
padding-bottom: 10px;
background-color: #286bb8;

}

.madein
{
	color: #6e98c8;
	margin-bottom: 8px;
	font-size: 10px;
}

.madein a:link
{
	color: #f6f6f6;
	margin-top: 8px;
	margin-bottom: 8px;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}

.madein a:visited
{
	color: #f6f6f6;
	margin-top: 8px;
	margin-bottom: 8px;
	font-size: 10px;
	font-weight: bold;
}

.madein a:hover
{
	color: #91b8e4;
	margin-top: 8px;
	margin-bottom: 8px;
	font-size: 10px;
	font-weight: bold;
}


.copyright
{
	color: #6e98c8;
	margin-top: 4px;
	margin-bottom: 4px;
	font-size: 10px;
}

	#column.last a:link {
		color: #fffeff;
	font-size: 12px;
	text-decoration: underline;

}

	#column.last a:visited {
		color: #fffeff;
	font-size: 12px;
	text-decoration: underline;

}

	#column.last a:hover {
		color: #fffeff;
	font-size: 12px;
	text-decoration: none;

}

#column.lokacija { margin-right: 0; width: 280px; padding: 10px;
	background-color: #ebeaeb;
	color: #fcfcfc;
}
	
	
	
	

#onama2 {
	padding: 10px;
	 width: 610px; margin-right: 0px; float: left;
	margin-top: 10px;
	margin-left: 10px;
	text-align: left;
		font: 12px/21px helvetica;
	color: #878787;
	background-color: #e4e4e4;
}


#onama a:link {
		font: 12px/21px helvetica;
	color: #878787;
}
#onama a:visited {
		font: 12px/21px helvetica;
	color: #878787;
}
#onama a:hover {
		font: 12px/21px helvetica;
	color: #464646;
	text-decoration: none;
}



#onama {
	padding: 10px;
	 width: 610px; margin-right: 0px; float: left;
	margin-top: 10px;
	margin-left: 10px;
	text-align: left;
		font: 12px/21px helvetica;
	color: #878787;
	background-color: #efefef;
}
	
#izdvojeno {
	 width: 600px; margin-right: 0px; float: left;
	margin-left: 10px;
	text-align: left;
		font: 12px/21px helvetica;
	color: #878787;
}

#column150.pisitenam { margin-right: 0; width: 280px; padding: 0px;
	color: #fcfcfc;
}

	#column150.pisitenam h1 {
	padding-left: 10px;
	margin: 0px;
	color: #adadad;
	font: 28px helvetica;

}

#column150 h1 {

margin-top: -10px;
margin-bottom: 9px;
	color: #adadad;
	font: 28px helvetica;
}

#onama h1 {
	padding-bottom: 10px;
	
	margin: 0px;
	color: #adadad;
	font: 28px helvetica;
}
	
	#onama2 h1 {
	padding-bottom: 10px;
	
	margin: 0px;
	color: #adadad;
	font: 28px helvetica;
}
	
	
	#column a:link {
	padding-top: 6px;
		color: #286bb8;
	font-size: 12px;
	text-decoration: underline;

}

	#column a:visited {
	padding-top: 6px;
		color: #286bb8;
	font-size: 12px;
	text-decoration: underline;

}

	#column a:hover {
	padding-top: 6px;
		color: #286bb8;
	font-size: 12px;
	text-decoration: none;

}

	#column.last h1 {
	padding-bottom: 13px;
	margin: 0px;
	color: #6e98c8;
	font: 28px helvetica;
}

	#column h1 {
	padding-bottom: 10px;
	margin: 0px;
	color: #adadad;
	font: 28px helvetica;
}

#slicica2
{
	margin-right: 10px;
}

#slicica3
{
	margin-right: 10px;
	border: 5px solid #fcfcfc;
}


#slicica
{
padding-right: 10px;
}

.bold
{
	color: #fffeff;
	font-weight: bold;
	letter-spacing: 0.1em;
}




	#content2-contact {color: #747474;
	padding: 10px;
	font-size: 12px;
	border-style: none;
	border-width: 0px;
	text-align: left;
}
	#content2-contact li 
	{ 
	margin-bottom: 10px; display: block; width: 260px;
	text-align: left;
}
	
	#content2-contact li .input-text { background-color: #d6d6d6; display: block; width: 150px; height: 20px; border: none; padding: 3px 5px 0 5px; color: #a7a7a7;
	font: 11px helvetica;
}
	
	#content2-contact li label { display: block; margin-bottom: 0px; text-indent: 0px; color: #fff;
	font: 12px helvetica;
}
	
	#content2-contact li textarea { color: #a7a7a7; background-color: #d6d6d6; width: 290px; height: 80px; padding: 5px; border: none; display: block;
	font: 11px helvetica;
}

	#content2-contact li .input-button { display: block; background-color: #d7d7d7; no-repeat; width: 85px; height: 22px; text-align: center; font-size: 12px; color: #a7a7a7; border: none; cursor: pointer; margin-left: 0px;
	}
	
	#content2-contact li .input-submit { display: block; background-color: #323232; no-repeat; width: 85px; height: 29px; text-align: center; font-size: 12px; color: #a7a7a7; border: none; cursor: pointer; margin-left: 0px;
	}
	
	



	

#content2
{ padding-bottom: 0px; color: #3c3c3c; margin: 0px;
}

#content2-inner
{ width: 960px; margin: 0 auto; padding-top: 0px; background-color: #fffeff;
}



	
	
	
	

#poslano {
	padding: 10px;
		font: 12px/21px helvetica;
	color: #878787;
}

#poslano a:link {
	padding: 10px;
		font: 12px/21px helvetica;
	color: #878787;
}

#poslano a:visited {
	padding: 10px;
		font: 12px/21px helvetica;
	color: #878787;
	text-decoration: underline;
}

#poslano a:hover {
	padding: 10px;
		font: 12px/21px helvetica;
	color: #878787;
	text-decoration: none;
}