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

body {

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


html, body {
height: 100%;
}
/**************************************************************************************************************************************** header ********************************/
#okolni{
		background:url(image/pozadina-dole.png) repeat-x bottom center;
		display: block;
		min-height: 100%;
		width: 100%;
		position: absolute;
		top: 0px;
		left: 0px;
		z-index: 0;
}

* html #okolni {
height: 100%;
}


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

#header2{
		background:url(image/header-vg.jpg) no-repeat ;
		width:960px;
		margin:0 auto;
		height:267px;
			
}


#header3{
		background:url(image/header-stari.jpg) no-repeat ;
		width:960px;
		margin:0 auto;
		height:267px;
			
}


/* header left */

#header-left {
float: left;
width: 66px;
padding: 2px 0 0 3px;
}

#header-left a {
float: left;
display: block;
width: 30px;
height: 23px;
}

#header-left-home {
background: url(image/top_home.gif) no-repeat;
margin-right: 3px;
}

#header-left-home:hover {
background: url(image/top_home.gif) no-repeat bottom;
}

#header-left-fav {
background: url(image/top_fav.gif) no-repeat;
}

#header-left-fav:hover {
background: url(image/top_fav.gif) no-repeat bottom;
}


/* */



#header-linkovi{
		width: 890px;
		float:right;	

}

#header-linkovi a{
		
		
		text-decoration:none;
		outline:none;
		display:block;
		
		margin:2px 2px 0 0;
		text-align:center;
		padding-top:3px;
		color:#000000;

}


#header-linkovi a:hover{
		
		
		color:#ab1d37;

}


#header_link_home {
float: left;
width: 355px;
height: 65px;
padding: 48px 0 0 35px;
}

#header_link_home a {
text-decoration: none;
float: left;
display: block;
width: 355px;
height: 65px;
}

#header_link_home em {
visibility: hidden;
}


#header-kontakti{

		width:412px;
		height:116px;
		float:right;
		margin-top:30px;
		font-size:11px;

}

#header-kontakti p{

		color:#797979;
		margin:0;

}

#header-kontakti a{

		color:#2564a4;
		text-decoration:none;
		outline:none;
}

#header-kontakti a:hover{

		color:#ab1d37;
		
}


#header-kontakti-adresa{

		float:left;
		width:156px;
		padding:25px 0 0 50px;
		
}

#header-kontakti-telefon{

		float:left;
		width:186px;
		padding:25px 0 0 20px;
		
}












/************************************************************************************************************************************* sredina **********************************/

#sredina{
			background:url(image/pozadina-sredina.png) repeat-x top center;
			height:309px;
			clear:both;
			margin-top:2px;
			line-height:16px;

}

#sredina-home{
			background:url(image/pozadina-sredina2.png) repeat-x top center;
			clear:both;
			margin-top:2px;
			line-height:16px;
			padding-bottom:100px;

}

#sredina-fiksni{
			
			width:960px;
			margin:0 auto;
			
			
}

#sredina-fiksni p{
			
			margin:0;
			color:#797979;
			font-size:11px;
			
}

#sredina-fiksni a{
			
			
			color:#2564a4;
			font-size:12px;
			font-weight:bold;
			text-decoration:none;
			outline:none;
			margin:8px 10px 0 0;
			float:right;
			
			
}

#sredina-fiksni a:hover{

			color:#ab1d37;
			
}

#sredina-fiksni a.stan-kat-povratak {
margin: 30px 0 0;
padding-top: 7px;
float: none;
display: block;
clear: both;
border-top: 1px solid #CCCCCC;
}


#sredina-fiksni ul{

			margin:0;
			font-size:11px;
			color:#797979;
			padding-left:10px;
			padding-top:5px;
			
			
			
}

#sredina-fiksni li{

			background:url(image/li.png) no-repeat;
			list-style:none;
			padding-left:20px;
			
}


#sredina1 {
			background:url(image/vg.jpg) repeat-x top;
			height:272px;
			width:230px;
			float:left;
			margin:20px 13px 0 0;
}



#sredina2{
			background:url(image/vg2.jpg) repeat-x top;
			height:272px;
			width:230px;
			float:left;
			margin:20px 14px 0 0;
}

#sredina3{
			background:url(image/vrapce.jpg) repeat-x top;
			height:272px;
			width:230px;
			float:left;
			margin:20px 13px 0 0;
}

#sredina4{
			background:url(image/starigrad.jpg) repeat-x top;
			height:272px;
			width:230px;
			float:right;
			margin:20px 0 0 0;
}

#sredina-fiksni a.sredina_img {
display: block;
width: 230px;
height: 155px;
float: left;
margin: 0;
}






#sredina-naslov{
			
			height:45px;
			margin-bottom:15px;	
}

#sredina-naslov a{
			float:left;
			margin: 14px 0 0;
			color:#FFFFFF;
			padding: 0 12px;
			border-right: 1px solid #4C80AF;
			
}


#sredina-naslov a:hover{
			color:#9dcbea;
			
}

#sredina-naslov a.sredina-naslov-right {
float: right;
border: 0;
padding: 0;
}

#sredina-naslov a.sredina-naslov-last {
border: 0;
}

#sredina-gore{
			background:url(image/pozadina-txt-gore.png) no-repeat;
			height:5px;	
}

#sredina-sredina{
			background:url(image/pozadina-txt-sredina.png) repeat-y;
			width:930px;
			padding:10px 15px;
			float:left;
			
}

#sredina-sredina p{
			
			text-align:justify;
			color:#0c447a;
			
}

#sredina-sredina-procelje{
			width:330px;
			float:left;
			
}

#sredina-sredina-kat{
			width:600px;
			float:left;
			
}


#sredina-sredina-linkovi{
			background:url(image/link-dole.png) no-repeat;
			width:592px;
			height:35px;
			float:right;
			margin:0;
			padding-top:5px;
			
}

#sredina-sredina-linkovi a{
			float:left;
			margin:0;
			color:#FFFFFF;
			padding:7px 0 0 10px;
			font-size:11px;
			
}

#sredina-sredina-linkovi a:hover, #sredina-sredina-linkovi a.kat_current {
			
			color:#9dcbea;
			
}

#sredina-dole{
			background:url(image/pozadina-txt-dole.png) no-repeat;
			height:5px;	
			float:left;
			clear:both;
			width:960px;
}

#sredina-thumbovi{
			margin-top:10px;
}

#sredina-thumbovi a{
			outline:none;
			border:none;
			width:230px;
			height:69px;
}

#sredina-thumb1{
			background:url(image/vg-mali.jpg) no-repeat;
			width:230px;
			height:69px;
			float:left;
			margin-right:13px;
}

#sredina-thumb2{
			background:url(image/vg2-mali.jpg) no-repeat;
			width:230px;
			height:69px;
			float:left;
			margin-right:14px;
}

#sredina-thumb3{
			background:url(image/vrapce-mali.jpg) no-repeat;
			width:230px;
			height:69px;
			float:left;
			margin-right:13px;
}

#sredina-thumb4{
			background:url(image/starigrad-mali.jpg) no-repeat;
			width:230px;
			height:69px;
			float:right;
}



#sredina-aktualno img{

			width:230px;
			height:69px;
}


#t-o-s{
		padding:10px;

}


#t-o-s img{
		float:left;
		margin:0 15px 10px 0;

}

#t-o-s a{
		clear:both;
		float:left;
		
}

#stan-lokacija{

			padding:10px;
}

#stan-lokacija p{

			padding-top:20px;
}



#pgm{
			width:540px;
			margin:0 0 0 32px;
			padding-top:16px;
}
#pgm img{
			
			outline:none;
			border:0;
}
#pgm1{
			border-bottom:#CCCCCC 1px solid;
			float:left;
			margin-bottom:10px;
			padding-bottom:10px;
			
			
}
#pgm2{
			
			float:left;
			margin-bottom:10px;
			
			
			
}
.ispisite{
			margin:0 0 0 30px;
			float:left;
}
.ispisite a{
			
			float:left;
}
/********************************************************************** GALERIJA *********************************************************************************************/
.gallery {
float: left;
text-align: center;
width: 170px;
height: 200px;
margin: 0 10px 10px 0;

}

#sredina-fiksni a.gallery a {
border:0;
background: #FFFFFF;
float: left;
width: 170px;
height: 200px;
display: block;
padding: 5px;
text-align:center;
}

#tekst .gallery img {
border: 0;
float:none;
padding:0;
max-width: 170px;
max-height: 200px;
width: expression(this.width > 170 ? 170: true);
height: expression(this.width > 200 ? 200: true);
}

/********************************************************************************************************************************************* stan *************************/

#stan{
		width:600px;
		margin-left:3px;
		
}


#stan-gore{
			background:url(image/stan-pozadina-gore.png) no-repeat;
			height:10px;
			
}

#stan-sredina{
			background:url(image/stan-pozadina-sredina.png) repeat-y;
			padding:0 15px;
			
}

#stan-dole{
			background:url(image/stan-pozadina-dole.png) no-repeat;
			height:13px;
}


#stan-sredina-lijevi{
			
			float:left;
			width:274px;
			padding-top:5px;
			
}

#stan-sredina-desni{
			
			float:right;
			width:275px;
			
}

.tabla-redak{
				
				width:275px;
				float:left;
				margin-right:8px;
				
								
			
}



.redak-lijevi{
				width:220px;
				float:left;
				padding:8px 0 8px 2px;
				color:#1e558f;
				border-bottom:#CCCCCC 1px solid;
				
}
.redak-desni{
				
				float:right;
				width:53px;
				padding:8px 0 8px 0;
				color:#636363;
				border-bottom:#CCCCCC 1px solid;
}


.redak-lijevi2{
				width:197px;
				float:left;
				padding:8px 0 8px 8px;
				color:#636363;
				border-bottom:#CCCCCC 1px solid;
				background:#dcdcdc;
				
}
.redak-desni2{
				
				float:right;
				width:62px;
				padding:8px 0 8px 0;
				color:#636363;
				border-bottom:#CCCCCC 1px solid;
				background:#dcdcdc;
				text-align:right;
				padding-right:8px;
}


.redak-lijevi-slobodan{
				width:177px;
				float:left;
				padding:8px 0 8px 8px;
				color:#636363;
				border-bottom:#CCCCCC 1px solid;
				
				
}
.redak-desni-slobodan{
				
				float:right;
				width:82px;
				padding: 8px 8px 8px 0;
				color:green;
				border-bottom:#CCCCCC 1px solid;
				text-align:right;
				
}


.redak-lijevi-rezerviran{
				width:177px;
				float:left;
				padding:8px 0 8px 8px;
				color:#636363;
				border-bottom:#CCCCCC 1px solid;
				
				
}
.redak-desni-rezerviran{
				
				float:right;
				text-align:right;
				width:82px;
				padding:8px 8px 8px 0;
				color:#ff9900;
				border-bottom:#CCCCCC 1px solid;
				
}


.redak-lijevi-prodan{
				width:177px;
				float:left;
				padding:8px 0 8px 8px;
				color:#636363;
				border-bottom:#CCCCCC 1px solid;
				
				
}
.redak-desni-prodan{
				text-align:right;
				float:right;
				width:82px;
				padding:8px 8px 8px 0;
				color:#ff0000;
				border-bottom:#CCCCCC 1px solid;
				
}



#stan-ispis{

		float:left;
		width:272px;
		height:56px;
		margin-top:10px;
		margin-left:3px;
		
}

#stan-ispis a{
				background:url(image/ispis.png) no-repeat top;
				display:block;
				width:272px;
				height:56px;
				float:left;
					
}

#stan-ispis a:hover{
				background:url(image/ispis.png) no-repeat bottom;	
}




#stan-upit{

		float:left;
		width:272px;
		height:56px;
		margin-top:10px;
		margin-left:3px;
	

}

#stan-upit a{
				background:url(image/upit.png) no-repeat top;
				display:block;
				width:272px;
				height:56px;
				float:left;
					
}

#stan-upit a:hover{
				background:url(image/upit.png) no-repeat bottom;	
}


#stan-tlocrt{

			float:left;
			width:296px;
			margin-top:10px;
			margin-left:3px;

}


#stan-galerija{

			padding-top:25px;
}

#stan-galerija img{

			float:left;
			margin-left:25px;
			margin-bottom:25px;

}

#stan-lokacija img{

			
			margin-top:20px;

}



/********************************************************************************************************************************************* footer *************************/

#footer {

color: #7EB0D1;
position: absolute;
left: 0px;
bottom: 0px;
display: block;
z-index: 999;
width: 100%;

}

#footer-txt {
width: 960px;
margin: 0 auto;
}


#footer-left{
			float:left;
			/*padding:0 0 10px 43px;*/
			padding: 0 0 10px;

		}
		
#footer-left p{
			font-size:11px;
			color:#a4caee;
			margin:0;

		}
		

		
#footer-right{
			float:right;
			/*padding:0 43px 10px 0;*/
			padding: 0 0 10px;

		}

		
#footer-right a{
			color:#a4caee;
			text-decoration:none;
			outline:none;
			font-size:11px;

		}
#footer-right a:hover{
			color:#FFFFFF;

		}
		
		
		
		
		
		
		
		





h1{
	font-size:16px;
	color:#badcfd;
	padding:14px 10px 0 0;
	margin:0;
	float:left;
	
	
	}
	
#sredina-naslov h1 {
background: #458bbf url(image/projekt_h1.gif) repeat-x bottom;
border: 1px solid #3c7ba4;
margin: 9px 5px 0 0;
padding: 5px 7px;
}
	
h2{
	font-size:14px;
	color:#ab1d37;
	margin: 0;
	clear: both;
	padding: 10px 0 5px 10px;
	
	}

h3{
	font-size:12px;
	color:#0C447A;
	padding:0 0 0 5px;
	margin:0;
	margin-bottom:5px;
	
	
	}
	
.h3_float {
float: left;
width: 590px;
height: 17px;
}

.h3_left {
float: left;
width: 120px;
}

.h3_mid {
float: left;
text-align: center;
width: 350px;
}

.h3_right {
float: right;
text-align: right;
width: 120px;
}

#sredina-fiksni h3 a {
float: none;
margin: 0;
}

	
	
h4{
	font-size:12px;
	color:#999999;
	padding:0 0 0 5px;
	margin:0;
	margin-bottom:13px;
	
	
	
	}
	
h5{
	font-size:14px;
	color:#999999;
	margin:0;
	margin-bottom:5px;

	}	
	
	
h6{
	font-size:18px;
	color:#999999;
	margin:0;
	padding:10px 0;
	/*font-style:italic;*/
	

	}			


h7{
	font-size:12px;
	color:#666666;
	margin:0;
	font-weight:bold;
	margin-bottom:20px;
	line-height: 19px;
	

	}



			
.clear{
			clear:both;
		}