#sve{width:800px;

	margin: -10px auto 0 auto;

	border:2px #EAEAEA solid;

	}

html {

	background:url(../images/background2.jpg) repeat-x 0 0;

}	



#header{

width: 800px;

height:180px;

background:url(../images/dan_zag.png) 0 0;

}



#header1{

width: 800px;

height:180px;

background: url(../images/noc_zag.png) 0 0;

}

/* ---------------------- Dolphin nav ---------------------- */

#dolphincontainer{

	position:relative;

	height:33px;

	color:#E0E0E0;

	background:#143D55;

	width:800px;

	font-family:Helvetica,Arial,Verdana,sans-serif;

	background-color: #FFFFFF;

	}



#dolphinnav{

	position:relative;

	height:33px;

	font-size:12px;

	text-transform:uppercase;

	font-weight:bold;

	background:#99cccc url(../menu33/dolphin_bg.gif) repeat-x bottom left;

	padding:0 0 0 20px;

	background-color: #0099CC;

	}



#dolphinnav ul{

	margin:0;

	padding:0;

	list-style-type:none;

	width:auto;

	float:left;

	}



#dolphinnav ul li{

	display:block;

	float:left;

	margin:0 1px;

	}



#dolphinnav ul li a{

	display:block;

	float:left;

	color:#fff;

	text-decoration:none;

	padding:0 0 0 20px;

	height:33px;

	}



#dolphinnav ul li a span{

	padding:12px 20px 0 0;

	height:21px;

	float:left;

	}



#dolphinnav ul li a:hover{

	color:#fff;

	background:transparent url(../menu33/dolphin_bg-OVER.gif) repeat-x bottom left;

	}



#dolphinnav ul li a:hover span{

	display:block;

	width:auto;

	cursor:pointer;

	}



#dolphinnav ul li a.current,#dolphinnav ul li a.current:hover{

	color:#0000;

	background:#99cccc url(../menu33/dolphin_left-ON.gif) no-repeat top left;

	line-height:275%;

	}



#dolphinnav ul li a.current span{

	display:block;

	padding:0 20px 0 0;

	width:auto;

	background:#99CCCC url(../menu33/dolphin_right-ON.gif) no-repeat top right;

	height:33px;

	}

/* ---------------------- END Dolphin nav ---------------------- */

/* ---------------------- textpolje --------------------------*/



#textpolje{

	position:relative;

	color:#000;

	background:#fff;

	

	background-color: #fff;

	padding:6px 15px 20px 15px;

	}

h2{

	color: #006699;

	background:#E1E9EA;

	padding-left:7px;

	}

h4{

	color: #006699;

	background: #E1E9EA;

	padding-left:7px;	

}



/* ---------------------- textpolje --------------------------*/

#text{

	width:760px;

	font-family:Calibri,Helvetica,Arial,Verdana,sans-serif;

		}



p{text-align:left;

	margin-bottom:1em;}



ul{text-align:left;

	margin:1em;}

#content{

	position:relative;

	

	}

iframe{align:left;

}

.dcap{color: #666666;display:inline;float:left;font-size:2.8em;line-height:0.8em;text-transform:uppercase;font-weight:400;padding-left:4px;margin:0.05em 0.14em 0 -3px;}



#text img.slik {

	border:#FFFFFF solid 10px;

	float:right;

	margin-left: 1em;

	}

/*-------------------------hoverbox1---------------------*/



#hoverbox1

{

aline: right



}



.hoverbox1

{

	cursor: default;

	list-style: none;

	

}



.hoverbox1 a

{

	cursor: default;

}



.hoverbox1 a .preview

{

	display: none;

}



.hoverbox1 a:hover .preview

{

	display: block;



	top: -33px;

	left: -45px;

	z-index: 1;

}



.hoverbox1 img

{

	background: #fff;

	border-color: #aaa #ccc #ddd #bbb;

	border-style: solid;

	border-width: 1px;

	color: inherit;

	padding: 2px;

	vertical-align: top;

	width: 100px;

	height: 75px;

}



.hoverbox1 li

{

	background: #eee;

	border-color: #ddd #bbb #aaa #ccc;

	border-style: solid;

	border-width: 1px;

	color: inherit;

	display: inline;

	float: right;

	margin: 3px;

	padding: 5px;

	position: relative;

}



.hoverbox1 .preview

{

	border-color: #000;

	width: 200px;

	height: 150px;

}



.hoverbox1

{

	cursor: default;

	list-style: none;

}



.hoverbox1 a

{

	cursor: default;

}



.hoverbox1 a .preview

{

	display: none;

}



.hoverbox1 a:hover .preview

{

	display: block;

	position: absolute;

	top: -33px;

	left: -45px;

	z-index: 1;

}



.hoverbox1 img

{

	background: #fff;

	border-color: #aaa #ccc #ddd #bbb;

	border-style: solid;

	border-width: 1px;

	color: inherit;

	padding: 2px;

	vertical-align: top;

	width: 100px;

	height: 75px;

}



.hoverbox1 li

{

	background: #eee;

	border-color: #ddd #bbb #aaa #ccc;

	border-style: solid;

	border-width: 1px;

	color: inherit;

	display: inline;

	float: left;

	margin: 3px;

	padding: 5px;

	position: relative;

}



.hoverbox1 .preview

{

	border-color: #000;

	width: 200px;

	height: 150px;

}

/*------------------------body-----------------------------*/

#foter{

	padding:3px;

	color: #999999;

	font-size:16px;

	text-align:right;}

	

/*--- #foter p.fot{

text-align:right;

font-size:10pt;}---*/



/*-------------------------Navfot--------------*/



#fotnav{

	border-top:solid 2px #999999;

	position:relative;

	height:33px;

	font-size:16px;

	text-transform:lowercase;

	padding:10px 5px 0 20px;

	}



#fotnav ul{

	margin:0;

	padding:0;

	list-style-type:none;

	width:auto;

	float:left;

	}



#fotnav ul li{

	display:block;

	float:left;

	margin:0 1px;

	}

#fotnav ul li a{

	display:block;

	float:left;

	color:#999999;

	text-decoration:none;

	padding:0 0 0 20px;

	height:33px;

	}

	

#fotnav a{ color:#999999;

	font-size:16px;

	text-align:right;

	}
	
#header_galerija{
	width: 50px;
	height: 25px;
}	
	
#slicica{
	margin-left:10px;	
}
	
#apartmani_left{
	padding-top:20px;
	width: 50px;
	height: 25px;
	float: left;
	
}

.apartmani_right{

	width: 280px;
	height: 230px;
	float: right;
	
}

#pup {
  font-family:Calibri,Helvetica,Arial,Verdana,sans-serif;
  position:absolute;
  z-index:200; /* aaaalways on top*/
  padding: 3px;
  margin-left: 10px;
  margin-top: 5px;
  width: 250px;
  border: 1px solid black;
  border-radius: 10px;
  background-color: #FDFBCB;
  color: black;
  font-size: 0.95em;
}

#google_map{

}