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

body {

	background:#e6e6e6 url(image/pozadina-dole.png) repeat-x  bottom;
	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;		
}

#header{
		background:url(image/header.jpg) no-repeat;
		width:959px;
		height:242px;
		margin:0 auto;
		/*padding-top:225px*/
		padding-top: 17px;
}

#jezici {
float: left;
width: 949px;
margin-bottom: 193px;
padding-right: 10px;
}

#jezici a, #engleski, #hrvatski {
display: block;
float: right;
width: 22px;
height: 15px;
}

#engleski {
background: url(image/eng.gif) no-repeat;
}

#hrvatski {
background: url(image/hrv.gif) no-repeat;
margin-right: 10px;
}

#jezik a:hover {
color: #00438b;
}

#linkovi{
		background:url(image/linkovi.png) repeat-x;
		width:766px;
		height:34px;
		float:right;
}

#linkovi a{
			color:#FFFFFF;
			text-decoration:none;
			outline:none;
			font-size:13px;
			font-weight:bold;
			background:url(image/crtrica.png) no-repeat right;
			padding:9px 5px 9px 5px;
			float:left;
			width:115px;
			text-align:center;
}
#linkovi a.bez {
			background:none;
}

#linkovi a:hover{
			color:#6dc6f5;
			
}

.main_txt{
	padding:5px 5px 5px 10px;
}

#srednji{
			width:959px;
			margin:0 auto;
			min-height:500px;
}

*html #srednji{
				height:500px;
}

#left{
		width:184px;
		float:left;
		padding-top:10px;
}

#gornji a{ 
		background:url(image/navigacija.png) no-repeat;
		width:153px;
		height:25px;
		display:block;
		color:#0067b8;
		font-size:12px;
		font-weight:bold;
		text-decoration:none;
		outline:none;
		padding:11px 0 0 30px;
		float:left;
}

.navigacija{
			float:left;
			width:153px;
			height:36px;
			}

#gornji a:hover{ 
		background:url(image/navigacija.png) no-repeat 0 -37px;
		color:#d91f20;
		
}

#gornji a.zadnji{
					background:url(image/navigacija2.png) no-repeat;
					height:26px;
				}
				
				
#gornji a.zadnji:hover{
					background:url(image/navigacija2.png) no-repeat bottom;
				}
				
#donji{		
			float:left;
			padding-top:15px;
			width:183px;
			
		}
		

				
#top{
		background:url(image/projekt-gore.png) no-repeat;
		height:3px;
		
}

								

#cent{
		background:#b9b9b9;
		border:#9f9f9f 1px solid;
}

#first{
		margin:10px 0 0 3px;
		background:url(image/heading.png) no-repeat bottom;
		padding-bottom:5px;
}	

#first img{
		padding-left:17px;
}

#first p{
		padding: 5px 0 5px 17px;
		font-size:11px;
		color:#545454;
		margin: 0;
}

#second{
		margin:10px 0 0 3px;
		padding-bottom:5px;
}	

#second img{
		padding-left:17px;
}

#second p{
		padding: 5px 0 5px 17px;
		font-size:11px;
		font-size:11px;
		color:#545454;
		margin: 0;
}

#bot{
		background:url(image/projekt-dole.png) no-repeat;
		height:3px;
		padding-bottom:50px;
}	

#center{
		width:605px;
		float:left;
		padding:10px 9px 0 10px;
		text-align:justify;
}

#center p {
padding: 8px 5px;
margin: 0;
line-height: 20px;
color: #373737;
}

#center p a {
color: #D91F20;
text-decoration: none;
}

#center p a:hover {
color: #599CD2;
text-decoration: underline;
}

#mrvice{
		background:#bbbbbc;
		height:19px;
		padding:6px 0 0 10px;
		font-size: 0.9em;
		color: #2e2e2e;
}

#mrvice a {
color: #ae251c;
text-decoration: none;
}

#mrvice a:hover {
color: #0054AF;
text-decoration: underline;
}

#detalj{
		float:left;
}










#right{
		width:151px;
		float:right;
		padding-top:10px;
}


#ispod {
			padding-top:5px;
}




#ispod a{
			padding:5px 0;
}
		
#ispod a img{
			text-decoration:none;
			outline:none;
			border:0;
}

#footer{
		margin:0 auto;
		width:960px;
		height:80px;
		font-size: 0.9em;
		
}

#footer-left{
			float:left;
			color:#757575;
			padding-top:45px;

		}

		
#footer-right{
			float:right;
			padding-top:45px;
			

		}

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

		}
#footer-right a:hover{
			color:#4e4e4e;
			text-decoration:none;

		}



h1{
	font-size:16px;
	color:#4e4e4e;
	margin:0;
	padding:15px 0 10px 5px;
	border-bottom: 1px solid #c4c3c3;
	}
	
h1.h1_float {
float: left;
border: 0;
}
	
h2{
	font-size:16px;
	color:#4e4e4e;
	padding:10px 0 10px 25px;
	margin:0;
	background:url(image/heading.png) no-repeat bottom;
	
	}	

h3{
	font-size:11px;
	color:#ae251c;
	padding:10px 0 0 17px;
	margin:0;
	
	
	}

h4{
	font-size:14px;
	color:#599cd2;
	padding:15px 0 10px 0;
	text-align: center;
	margin:0;
	background:url(image/heading2.png) #eeeeee no-repeat bottom;
	
	}
	

h5 {
font-size: 13px;
margin: 0;
color: #005EB4;
padding: 13px 5px 0
}
	
	
h6{
	font-size:14px;
	color:#599cd2;
	padding:0 0 10px 0;
	margin:0;
	
	
	}	
	
h7{
	font-size:11px;
	color:#666666;
	padding:10px 0 0 10px;
	margin:0;
	
	
	}
	
h8{
	font-size:16px;
	color:#4e4e4e;
	font-weight:bold;
	width:600px;
	margin:0;
	padding:15px 0 15px 5px;
	border-bottom:#bbbbbc 1px solid;
	float:left;
	
	
	}
	
	
h9{
	font-size:13px;
	color:#666666;
	padding:20px 0 0 0;
	margin:0;
	
	
	}
	
	
.clear{
			clear:both;
		}
		
		
.sep {
clear: both;
border-bottom: #c8c8c8 1px solid;
height: 1px;
font-size: 1px;
}

.kontakt_icon {
vertical-align: middle;
margin: 0 5px 5px 0;
}

/*TablicaApartmani*/

.table-oglasi {
width: 605px;
margin-top: 1px;
}

.table-naslov td{
				background:#959595;
				color:#FFFFFF;
				font-weight:bold;
				height:26px;
				font-size:11px;
			
}

.tamniji td{
				background:#ddddde;
				color:#636363;
				height:69px;
				width:100px;
				padding:0 10px 0 0;
				border-bottom:#c8c8c8 1px solid;
				text-align:left;
				font-size:11px;
				
				
}

.tamniji td img{
				
				padding:0 10px 0 10px;
				border: 0;
			
				
}

.tamniji td a{
				text-decoration:none;
				outline:none;
				color:#d91f20;
		
}

.tamniji td a:hover{
				
				color:#599cd2;
		
}


.svjetliji td{
				background:#f2f2f2;
				color:#636363;
				height:69px;
				width:100px;
				padding:0 10px 0 0;
				border-bottom:#c8c8c8 1px solid;
				text-align:left;
				font-size:11px;
				
				
}

.svjetliji td img{
				
				padding:0 10px 0 10px;
				border: 0;
				
}

.svjetliji td a{
				text-decoration:none;
				outline:none;
				color:#d91f20;
		
}

.svjetliji td a:hover{
				
				color:#599cd2;
		
}


.table-oglasi-empty {
background: #f2f2f2;
color :#636363;
height: 40px;
font-weight: bold;
text-align: center;
border-bottom: #c8c8c8 1px solid;
font-size: 11px;
}


/*Detalji*/

#tabla{
		
		margin:10px 20px 20px 0;
		width:260px;
		/*height:232px;*/
		float:left;
		border: 1px solid #bcbcbc;
		
}	

.tabla-redak{
				background:#e6e6e6;
				width:260px;
				height:26px;
				float:left;
				color:#4e4e4e;
			
}

.tabla-redak2{
				background:#d6d6d6;
				width:260px;
				height:26px;
				float:left;
				color:#4e4e4e;
			
}

.tabla-redak3{
				background:#d6d6d6;
				width:260px;
				height:26px;
				float:left;
				color:#0054af;
			
}

.redak-lijevi{
				width:100px;
				float:left;
				padding:6px 0 0 10px;
				
				
}
.redak-desni{
				
				float:right;
				width:150px;
				padding-top:6px;
				
}

#opis{	
		float:right;
		margin:10px 0 0 0;
		width:320px;
		line-height: 19px;
		color: #4e4e4e
}			

#slike{
		float:left;
		width:600px;
}

#slike img{
				
				border:0;
				max-width:162px;
				height:111px;
				
}	

#slike a{
			float:left;
			background:#FFFFFF;
			border:#CCCCCC 1px solid;
			width:182px;
			height:121px;
			display:block;
			margin:0 15px 15px 0;
			text-align:center;
			padding-top:10px;
			
}

#batoni{
		float:left;
		width:600px;
}

#batoni a{	
			float:left;
			height: 24px;
			background:#0067b8;
			border: 1px solid #9F9F9F;
			text-decoration:none;
			outline:none;
			color: #ffffff;
			font-weight: bold;
			width: 83px;
			display:block;
			padding:8px 0 0 8px;
			margin-right:15px;
}	

#batoni a:hover{
			
			background:#ffffff;
			border: 1px solid #0067b8;
			color: #0067b8;
		
}		


.emph {
font-weight: bold;
}

/* banneri dno */

#google {
float: left;
width: 728px;
margin: 10px 10px 0 0;
}

#banner1 {
float: left;
width: 105px;
height: 90px;
margin: 10px 10px 0 0;
background: url(image/banner1.gif) no-repeat;
}

#banner2 {
float: left;
width: 105px;
height: 90px;
margin: 10px 0 0 0;
background: url(image/banner2.gif) no-repeat;
}

#banner1 a, #banner2 a {
display: block;
width: 105px;
height: 90px;
float: left;
}


/* lista stranica */

.lista_stranica {
float: right;
text-align: right;
width: 400px;
padding-top: 15px;
}

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

.lista_stranica a {
background: #EFEFEF;
display: inline;
font-weight: bold;
margin-right: 3px;
padding: 3px 5px;
color: #0067B8;
text-decoration: none;
font-size: 11px;
}

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

.lista_stranica a.lista_stranica_current {
background: #0069B9;
color: #FFFFFF;
}
	
		
/* KONTAKT FORMA */

form {
margin: 0;
padding: 0;
}

input, select, textarea {
font-family: Arial, Helvetica, sans-serif;
color: #4e4e4e;
font-size: 0.9em;
margin-top: 3px;
margin-bottom: 13px;
padding: 3px 3px;
background: #f2f2f2 url(image/pozadina.gif) no-repeat top center;;
border-bottom: 1px solid #7FB6FF;
border-right: 1px solid #7FB6FF;
border-top: 1px solid #7FB6FF;
border-left: 1px solid #7FB6FF;
float: left;
width: 250px;
}

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

label {
float: left;
margin-top: 5px;
width: 120px;
color: #4e4e4e;
}

.button {
height: 24px;
background:#0067b8;
border: 1px solid white;
color: #ffffff;
font-weight: bold;
cursor: pointer;
width: 83px;
margin-left: 120px;
}

.txt_error {
border: 1px solid #FF0000;
}
.txt_error_img {
float: left;
margin: 5px 0 0 4px;
}
