@charset "utf-8";
/* CSS Document */

body {

	background:#ffffff url(image/pozadina-dole.png) repeat-x  bottom;
	background:url(image/pozadina.png) repeat-x top center;
	margin:0;
	padding:0;
	font-family:Arial, "Trebuchet MS", Helvetica, Sans-serif;
	font-size:12px;
	
	
	}
	
	
#okolni{
		background:url(image/pozadina.png) repeat-x top center;
		margin:0;
		padding:0;		
}

#sirina{
		
		width:959px;
		margin:0 auto;
		
}

#header{
		background:url(image/header.jpg) no-repeat;
		width:959px;
		height:284px;
		margin:0 auto;
		
}

#header-gore{
			height:23px;
			float:right;
			margin-top:6px;
			
}

#header-gore a{
			
			padding:5px 0 5px 5px;
			
}

#header-sredina{
			height:213px;
			
			
			
}

#header-logo{
			height:213px;
			float:left;
			
}

#header-slika{
			height:172px;
			float:right;
			margin-top:14px;
			
}

#header-dole{
			background:url(image/header-linkovi.png) repeat-x;
			width:959px;
			float:left;
			height:35px;
			margin-top:3px;
			
}

#header-linkovi{
				float:left;
				width:615px;
}

#header-linkovi a{
				color:#FFFFFF;
				height:15px;
				font-size:11px;
				font-weight:bold;
				background:url(image/header-linkovi-nakon.png) no-repeat right;
				padding:11px 32px 9px 32px;
				float:left;
				text-decoration:none;
				outline:none;
}

#header-linkovi a:hover{
				background:url(image/header-linkovi-over.png) repeat-x;
				color:#333333;				
}


#header-trazilica{
					color:#FFFFFF;
					float:left;
					width:344px;
					height:35px;
					
}

#header-trazilica a{
					color:#FFFFFF;
					padding-left:8px;
					text-decoration:none;
					outline:none;
					
					
}

#header-trazilica a:hover{
					color:#999999;
					
}


form{
		margin:o;
		padding:0;

}

form a{
		float:left;
		margin-top:11px;

}

.trazilica{
			background:#d0d0d0;
			border:#FFFFFF 1px solid;
			font-family:"Arial" Trebuchet MS ,Helvetica, Sans-serif;
			font-size:12px;
			width:185px;
			margin:0;
			float:left;
			margin-top:9px;
		
			
}

.trazilica2{
			width:36px;
			height:35px;
			background:url(image/search.jpg) no-repeat;
			border:none;
			text-decoration:none;
			outline:none;
			margin:0;
			float:left;
}

#lijevi{
			float:left;
			width:222px;
			margin-top:15px;
}

#lijevi-gore{
			background:#e6e6e6;
			border:#b0b0b0 1px solid;
			float: left;
			width: 220px;
			padding-bottom: 10px;
}

#lijevi-gore a{
			background:url(image/navigacija.gif) no-repeat bottom;
			width:204px;
			height:21px;
			display:block;
			color:#3e3e3e;
			font-size:12px;
			font-weight:bold;
			text-decoration:none;
			outline:none;
			padding:7px 0 5px 16px;
			float:left;
}

#lijevi-gore a:hover{
			background:url(image/navigacija-hover.png) no-repeat;
			padding-left:36px;
			width: 184px;
			color:#FFFFFF;
			
}

#lijevi-gore a.zadnji{
			background:none;
			
}
#lijevi-gore a.zadnji:hover{
			background:url(image/navigacija-hover2.png) no-repeat;
			padding-left:36px;
			color:#FFFFFF;
			
}

#lijevi-centar{
			background:url(image/detaljna-trazilica.png) no-repeat;
			width:222px;
			height:102px;
			margin-top:15px;
}

#lijevi-centar p{
			
			color:#FFFFFF;
			margin:0;
			padding:7px 0 0 10px;
			font-size:11px;
}

#lijevi-dole{
			width:222px;
			margin-top:15px;
}

#lijevi-dole img {
			
			padding:10px 0;
			
}

.partneri {
text-align: center;
}

#lijevi-dole a{
			/*float:right;
			color:#2e2e2e;
			font-size:12px;
			font-weight:bold;
			padding-right:10px;
			padding-bottom:5px;*/
}

#lijevi-dole a:hover{
			
			color:#ffffff;
			
}

#lijevi-dole-gore{
					background:url(image/partneri-gore.png) no-repeat top;
					height:7px;
					font-size: 1px;
}

#lijevi-dole-centar{
					background:url(image/partneri-centar.png) repeat-y ;
					float:left; 
					width: 222px;
}

#lijevi-dole-centar img{
					border:none;
}

.partner{
		
		background:#666666;
		width:195px;
		padding:0 5px;
}

#lijevi-dole-dole{
					background:url(image/partneri-dole.png) no-repeat bottom;
					height:7px;
					font-size: 1px;
					
}


/* newsletter */

#lijevi_newsletter {
background: url(image/newsletter.gif) no-repeat;
height: 125px;
margin-top: 15px;
width: 202px;
color: #FFFFFF;
font-size: 11px;
padding: 0 10px 0;
}

#lijevi_newsletter p {
margin: 0;
padding: 5px 0 0;
font-weight: bold;
}



#srednji{
		width:556px;
		float:left;
		padding:15px 15px 0 15px;
		text-align:justify;
		overflow: hidden;
		
}

#srednji-gore{
		width:556px;
}

#srednji-gore-gore, #srednji-gore-gore2{
				background:url(image/ispod-naslova.png) repeat-x ;
				height:35px;
				
}

#srednji-gore-gore a{
					padding:11px 10px 0 0 ;
					float:right;
				
}

#srednji-gore-srednji{
					float:left;
					padding-top:15px;
					padding-bottom:10px;
					width:556px;
					
}

#srednji-gore-srednji img{
					float:left;
					margin-right:15px;
					margin-bottom:15px;
					max-width: 170px;
					width: expression(this.width > 170 ? 170: true);
}

#srednji-gore-srednji .klasa_img img {
float: none;
}

#srednji-gore-srednji p{
					
					font-size:11px;
					line-height:16px;
					
					
}

.klasa{
		border-bottom:1px solid #c4c4c4;
		margin-bottom:15px;
		float: left;
		width: 556px;

}

.klasa_img {
float: left;
width: 185px;
text-align: center;
}

#klasa2{
		
		margin-top:25px;
		padding-top:25px;
		border-top:#999999 1px solid;
		line-height:16px;
}

#srednji-gore-srednji-detalj3 #klasa2 a{
		
		background:none;
		float:none;
}


#srednji-gore-srednji .klasa3 a{
		padding-left:10px;
		float:none;
		line-height:20px;
}
#srednji-gore-srednji a{
					float:right;
}

#srednji-gore-srednji-detalj{
					
					
					width:287px;
					float:left;
					
}


#srednji-gore-srednji-detalj p{
					
					font-size:11px;
					padding:10px 0 10px 10px;
					border:none;
					line-height:20px;
					margin: 0;
					
}

#srednji-gore-srednji-detalj2{
					
					width:250px;
					float:left;
					padding:0;
}


#srednji-gore-srednji-detalj2 p{
					
					font-size:11px;
					padding:10px 0;
					border:none;
					margin: 0;
					
}

#srednji-gore-srednji-detalj-naslov{

					width:150px;
					float:left;
	
}

#srednji-gore-srednji-detalj-naslov p{

					border-bottom:1px solid #c4c4c4;
					padding:10px 0 0 0;
					line-height:10px;
					margin: 0;
					height: 20px;
}

#srednji-gore-srednji-detalj-vrijednost{

					width:80px;
					float:left;
					
					
}

#srednji-gore-srednji-detalj-vrijednost p{

					border-bottom:1px solid #c4c4c4;
					padding:10px 0 0 40px;
					line-height:10px;
					margin: 0;
					height: 20px;
					
}

#srednji-gore-srednji-detalj3{
					
					width:537px;
					float:left;
					padding:15px 0 0 0;
}

#srednji-gore-srednji-detalj3 img{
					
					padding-right:13px;
					border: 0;
}

#srednji-gore-srednji-detalj3 a{
		
			font-size:11px;
			width:113px;
			height:24px;
			margin-right:50px;
			background:url(image/linkic.png) no-repeat top;
			padding:9px 0 0 13px;
			float:left;
}


#srednji-gore-srednji-detalj3 a.oglas_slika {
width: 170px;
height: 125px;
margin: 0;
background: none;
padding: 0;
float: left;
text-align: center;
}

#srednji-gore-srednji a.oglas_slika img {
float: none;
margin: 0;
padding: 0;
}

#srednji-gore-dole{
					float:left;
					padding-top:15px;
					padding-bottom:10px;
					border-bottom:1px solid #c4c4c4;
}

#srednji-gore-dole img{
					float:left;
					margin-right:15px;
}

#srednji-gore-dole p{
					
					font-size:11px;
					padding:0 0 0 15px;
}


#srednji-dole{
				background:url(image/ispod-naslova.png) repeat-x ;
				/*height:35px;*/
				margin-top:2px;
				float: left;
				width: 556px;
}

#srednji-dole-lijevi{
				width:350px;
				float:left;
				
}

#srednji-dole-lijevi p{
			font-size:11px;
			padding:20px 30px 24px 5px;
			margin: 0;
			clear: both;
			line-height: 16px;
}

#srednji-dole-lijevi a{
			float:right;
			font-size:11px;
			width:106px;
			height:24px;
			background:url(image/linkic.png) no-repeat top;
			padding:9px 0 0 20px;
}

#srednji-dole-lijevi a:hover{
			
			background:url(image/linkic.png) no-repeat bottom;
}

#srednji-dole-desni{
				width:205px;
				float:left;
}

#srednji-dole-desni p{
			font-size:11px;
			padding:20px 5px 10px 10px;
			margin:0;
			clear:both;
}





#srednji-dole-desni a.meil{
			float:right;
			font-size:11px;
			width:110px;
			height:24px;
			background:url(image/linkic.png) no-repeat top;
			padding:9px 0 0 16px;
			margin-top:20px;
}

#srednji-dole-desni a.meil:hover{
			
			background:url(image/linkic.png) no-repeat bottom;
}



#kontakt{

		margin-left:8px;
}

#kontakt a{
			float:none;
}


#desni{
			background:url(image/ponuda.png) no-repeat top;
			width:151px;
			float:right;
			margin-top:15px;
			text-align:justify;
}





#footer{
		background:#ffffff url(image/pozadina-dole.png) repeat-x  bottom;
		height:38px;
		margin-top:15px;
}

#footer2{
		background:url(image/footer.png) repeat-x;
		margin:0 auto;
		width:959px;
		height:38px;
		float:center;
		
}

#footer-left{
			float:left;
			color:#ffffff;
			padding:14px 0 0 15px;
			font-size:11px;

		}

		
#footer-right{
			float:right;
			padding:14px 15px 0 ;
			

		}

		
#footer-right a{
			color:#ffffff;
			text-decoration:none;
			outline:none;

		}
#footer-right a:hover{
			color:#298C1E;
			text-decoration:none;

		}
		
		
		
/* lista stranica oglasi */

.lista_stranica {
float: left;
width: 556px;
clear: both;
text-align: right;
height: 20px;
}

.prethodno_Sljedece_okvir, .trecina_okvir, .prethodno_Sljedece_okvir {
display: inline;
text-align: right;
}

.lista_stranica a {
background: #DFDFDF;
font-weight: bold;
margin-right: 3px;
display: inline;
padding: 3px 5px;
color: #6C6C6C;
}

.lista_stranica_current {
color: #FFFFFF;
background: #9F9F9F;
font-weight: bold;
margin-right: 3px;
display: inline;
padding: 3px 5px;
font-size: 11px;
}

.lista_stranica a:hover {
background: #484848;
color:#FFFFFF;
}

		
		



/* tražilica */

#detaljna-trazilica{
				

}

.area {
border:#999999 1px solid;
color:#666666;
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:11px;
padding:2px;
width:208px;
margin-bottom:10px;
margin-top:3px;
background:#eeeeee;

}

.imput{
border:#999999 1px solid;
color:#666666;
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:11px;
padding:3px;
width:200px;
margin-bottom:10px;
margin-top:3px;
background:#eeeeee;

}

.det-tra{
			
			width:250px;
			color:#666666;
			float:left;
			height:55px;
}

#baton{
		float:right;
}

.pretrazi {
			background:url(image/linkic.png) no-repeat top;
			width:126px;
			height:33px;
			border:0;
			font-family:Arial,Verdana,Helvetica,sans-serif;
			font-size:12px;
			outline:none;
			padding-bottom:3px;
			margin:10px 0 0 28px;
			
}




/* KONTAKT FORMA */

form {
margin: 0;
padding: 0;
}

.kontakt_forma input, .kontakt_forma select, .kontakt_forma textarea {
font-family:Arial, Verdana, Helvetica, sans-serif;
color:#666666;
font-size: 11px;
width: 100px;
margin-top: 3px;
margin-bottom: 10px;
padding: 3px 3px;
background: #EFEFEF;
border: 1px solid #666666;
width: 250px;
float: left;
}



.kontakt_forma {
width: 450px;
float: left;
padding: 5px 0 0 0;
}

.kontakt_forma label {
float: left;
margin-top: 4px;
width: 160px;
}


.kontakt_forma input.button {
width: 83px;
margin-left:300px;
color: #000000;
cursor: pointer;
}

.kontakt_forma input.txt_error, .kontakt_forma textarea.txt_error {
border: 1px solid #FF3F3F;
background: #FFE7DF;
color: #CF1A0C;
}
.txt_error_img {
float: left;
margin: 4px 0 0 4px;
}

legend {
display: none;
}

fieldset {
border: 0;
margin: 0;
padding: 0
}

.alert {
color: #FF0000
}

#lijevi_newsletter input {
font-family:Arial, Verdana, Helvetica, sans-serif;
color:#666666;
font-size: 11px;
width: 100px;
margin-top: 3px;
margin-bottom: 7px;
padding: 3px 3px;
background: #EFEFEF;
border: 1px solid #3F3F3F;
width: 180px;
float: left;
}

#lijevi_newsletter label {
float: left;
margin-top: 4px;
width: 160px;
}


#lijevi_newsletter input.nl_button {
background: #C3C3C3;
font-weight: bold;
width: auto;
cursor: pointer;
color: #3F3F3F;
}

#lijevi_newsletter input.txt_error {
border: 1px solid #FF3F3F;
background: #FFE7DF;
color: #CF1A0C;
}



a{
	font-size:11px;
	color:#808080;
	text-decoration:none;
	outline:none;
}

a:hover{
	color:#000000;
}

h1{
	font-size:12px;
	color:#535353;
	padding:10px 0 0 10px;
	margin:0;
	float:left;
	
	}
	
h2{
	font-size:14px;
	color:#ffffff;
	padding:9px 0 9px 15px;
	margin:0;
	
	
	}	

h3{
	font-size:20px;
	color:#ffffff;
	padding:15px 0 0 10px;
	margin:0;
	
	
	}

#lijevi_newsletter h3 {
font-size: 16px;
padding: 10px 0 5px;
}
	
h4{
	font-size:16px;
	color:#464646;
	padding:10px 0 10px 10px;
	margin:0;
	background:url(image/partneri-crta.png) no-repeat bottom;
	
	
	}
	
	
h5{
	font-size:12px;
	color:#535353;
	margin:0;
	padding:0 0 0 15px;
	
	}

.klasa_novo h5 {
	padding: 0;
}
	
h6{
	font-size:20px;
	color:#535353;
	padding:0 0 10px 10px;
	margin:0;
	border-bottom:1px solid #c4c4c4;
	width:537px;
	
	
	}

			
.clear{
			clear:both;
		}
		
.list {
list-style: none;
margin: 0;
padding: 10px 0 0 15px;
font-size: 11px;
line-height: 18px;
}



/* anima */

#anima {
	float: left;
	width: 556px;
	height: 250px;
	margin-bottom: 20px;
}

.anima_left {
	float: left;
	width: 436px;
	height: 250px;
	position: relative;
}

.anima_img {
	position: absolute;
	top: 0;
	left: 0;
	width: 436px;
	height: 250px;
	background-repeat: no-repeat;
	background-position: center;
}

.anima_desc {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
}

.anima_title {
	background: url(image/anima_tekst.png);
	float: left;
	display: block;
	width: 406px;
	font-weight: bold;
	font-size: 1.2em;
	text-transform: uppercase;
	padding: 12px 15px;
	color: #FFFFFF;
}

.anima_nav {
	float: right;
	width: 120px;
}

.anima_nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.anima_nav li {
	float: left;
}

.anima_nav li a {
	float: left;
	display: block;
	background: #e6e6e6;
	height: 39px;
	font-size: 0.9em;
	width: 98px;
	padding: 10px 10px 0 12px;
	border-bottom: 1px solid #b0b0b0;
	font-weight: bold;
	text-align: left;
}

.anima_nav li a:hover {
	background: #464646;
	text-decoration: none;
	color: #FFFFFF;
}

.anima_nav li.anima_nav_current a {
	background: #cdcdcd;
	color: #535353;
}