/*CSS made by Zoran Perin - ALEZZO.COM*/

/*ALL................................................*/
body {
	font:12px Arial, Helvetica, sans-serif; 
	color:#666;
	background:#fff url(../images/background.png) repeat-x;
	height:100%;
	line-height:1.5em;
	}
html {
	height:100%;
	}	
a:link, a:visited {color:#428A1A;}
a:hover, a:active {color:#EB6F03;}

h1 {}
h2 {color:#428A1A; font-size:16px; margin:10px 0;}
h3 {color:#428A1A; font-size:14px; margin:10px 0 0 0;}

/*RESET................................................*/
a img, :link img, :visited img {border: 0;}
table {
	border-collapse: collapse; 
	border-spacing: 0;
	}
body, div, dl, dt, dd, pre, form, fieldset, input, table, th, td, embed, object {
	padding:0; margin: 0;
	}
:focus {outline: 0;}
:link,:visited { text-decoration:none }
.clear {clear:both;}
.bold {font-weight:bold;}
.left {float:left;}

hr {
	border:0; 
	border-bottom: 1px solid #428A1A;
	color:#fff; 
	margin:5px 0 15px 0;
	width:92%; 
	}


#wrapper {min-height:100%; width:100%;}

* html #wrapper {height:100%; width:100%;}


/*HEADER.............................................*/
#header {
	background:url(../images/header2.0.png) no-repeat;
	height:149px;
	margin:20px auto 0 auto;
	width:960px;
	}
#logo {
	display:inline;
	float:left;
/*	height:130px;
	padding:19px 0 0 30px;
	width:200px;	*/
	height:208px;
	padding:9px 0 0 340px;
	width:140px;	
	}	

/*MENU...............................................*/
#menu {
	clear:both;
	background:url(../images/menubg.png) no-repeat;
	font-weight:bold;
	height:34px;
	margin:0 auto;
	width:960px;
	}
#menu ul {
	list-style:none;
	margin:0 0 0 40px;
	padding:0;
	}
#menu ul li {
	display:block;
	float:left;
	list-style:none;
	height:34px;
	line-height:34px;
	margin:0 20px 0 0;
	}
#menu a:link, #menu a:visited {color:#428A1A;}
#menu a:hover, #menu a:active {color:#EB6F03;}
	

/*MAIN...............................................*/
#main {
	background:url(../images/mainbg.png) repeat-x;
	margin:0 auto;
	overflow:hidden;
	padding-bottom: 53px;
	width:960px;
	}
#main_hold {
	background:#fff;
	margin:0 10px 0 11px;
	overflow:hidden;
	padding:30px 20px;
	width:899px;
	}	
#main_left {
	display:inline;
	float:left;
	overflow:hidden;
	width:630px;
	}	
#main_right {
	display:inline;
	float:left;
	_margin-right:-3px;
	overflow:hidden;
	width:269px;
	}	


.apartman_l {width:280px;float:left;}
.apartman_r {width:280px;padding-left:20px;float:left;}
.plan {width:180px;height:160px;float:left;padding-right:20px;}
.slika_1 {width:67px;height:50px;float:left;}
.slika_2, .slika_3 {width:67px;height:50px;float:left;padding-top:5px;}

/*FOOTER.............................................*/
#footer {
	background:url(../images/footerbg.png) repeat-x;
	height: 53px;
	margin: -53px auto 0 auto;
	position: relative;
	width:100%;
	}


/*INDEX page.........................................*/

/*left*/
.index_pic_hold {
	display:inline;
	float:left;
	width:325px;
	}
.index_txt {
	display:inline;
	float:left;
	margin:0 20px;
	text-align:justify;
	width:260px;
	}

/*right*/
.right_info {
	background:#f8f8f8;
	margin-left:10px;
	padding:80px 0 20px 0;
	text-align:center;
	width:240px;
	-moz-border-radius:8px;
	-khtml-border-radius:8px;
	}
.info_panel {
	background:url(../images/info_panel.png) no-repeat;
	color:#fff;
	font-weight:bold;
	height:36px;
	margin:20px 0 0 0;
	_margin-left:-10px;
	padding:7px 0 0 13px;
	position: absolute;
	width:250px;
	z-index:100px;
	}	

/*OBJEKTI page.......................................*/
.video {
	float:left;
	height:300px;
	width:400px;
	}
.thumb {
	background:#fff;
	border:2px solid #E5E5E5;
	display:inline;
	float:left;
	height:90px;
	margin:0 10px 10px 0;
	padding:4px;
	width:120px;
	}
.thumb:hover {
	border:2px solid #AFD569;
	}	
.baner262 {
	background:#fff;
	border:2px solid #E5E5E5;
	display:inline;
	float:left;
	height:90px;
	margin:0 10px 10px 0;
	padding:4px;
	width:262px;
	}
.baner262:hover {
	border:2px solid #AFD569;
	}	
.lokacija_info {
	padding:20px 50px 0 0;
	text-align:justify;
	}	
.vila_thumb, .vila_thumb2 {
	background:#fff;
	border:2px solid #E5E5E5;
	float:left;
	height:130px;
	margin: 0 20px;
	padding:4px;
	width:150px;
	filter:alpha(opacity=100);  
	opacity: 1;
	}
.vila_thumb2 {
	margin-top: 10px;
	}
.vila_thumb:hover, .vila_thumb2:hover {
	border:2px solid #AFD569;
	filter:alpha(opacity=80);  
	opacity: 0.8;
	}	

.apart_thumb {
	float:left;
	margin:0 20px 0 0;
	}
	
.sadrzaji_hold {
	display:inline;
	float:left;
	overflow:hidden;
	width:300px;
	}	


/*GALERIJA page......................................*/
.gal_thumb {
	border:1px solid #ccc;
	display:inline;
	float:left;
	height:100px;
	margin:0 10px 10px 0;
	padding:5px;
	width:150px;
	filter:alpha(opacity=100);  
	opacity: 1;
	}
.gal_thumb:hover {
	filter:alpha(opacity=70);  
	opacity: 0.7;
	}	



.div_akcija {
	border: solid 1px #960;
	background-color:#FF9;
	color:#000;
	padding:4px;
}

img.konak_tmb {width:80px;height:56px;margin:0 4px;float:right;border:1px solid #dcdcdc;}