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

      background: url(images/srima_01.png);
	  background-color:#FFF;
	  background-repeat:repeat-x;
      
      font-family:Arial, Helvetica, sans-serif;
      

}
.clear {
	clear:both;
}
#container {
	width: 960px;
	width: 822px;
	padding: 0px;
	margin: 0px auto;
}
#top {
	width:823px;
	height:90px;
}
.logo {
	width:204px;
	height:78px;
	padding-top:10px;
	float:left;
}
.topRight {
	/*width:756px;
	width:420px;*/
	height:78px;
	padding-top:10px;
	/*float:right;*/
    margin-right:0px;
}
.topRightTop {
border:0px solid white;
	/*width:756px;
	width:468px;*/
	height:44px;
	padding-top:10px;
	text-align:right;
	
}
.topRightLinkovi{
	/*width:616px;
	width:500px;*/
    border:0px solid red;
	/*width:470px;*/
	height:29px;
	text-align:right;
	
}
#Flash {
	width:823px;
	height:436px;
}
/*
.rez {
	width:207px;
	height:99px;
	position:absolute;
	left:1165px;
	top:460px;
	background-image:url(images/rez_hr.png);
	background-repeat:no-repeat;
}*/
#middle {
	height:auto;
	width:823px;
	padding-top:6px;
}
#Gdje {
	height:369px;
	width:823px;
	padding-top:6px;
	
}
#Upit {
	height:550px;
	width:573px;
	padding-top:6px;
	/*padding-left:250px*/
	
}
#middleApartman {
	height:250px;
	width:823px;
	padding-top:6px;
}
.slikeGrad {
	width:218px;
	height:200px;
	height:188px;
	background-color:#c1d9ec;
	float:right;
	margin-left:5px;
	text-align:center;
}
.TekstBox {
	width:373px;
	height:auto;
	float:right;
	
}
.TekstBoxUpit {
	width:373px;
	height:440px;
	
	
}
#footer {
	width:823px;
	height:30px;
	text-align:center;
	line-height:30px;
}
p.topLink {
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:12px;
	text-align:right;
}
p.topLink a {
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:12px;
	text-align:right;
	text-decoration:none;
}
p.topLink a:hover {
	font-family:Arial, Helvetica, sans-serif;
	color:#CCC;
	font-size:12px;
	text-align:right;
	text-decoration:none;
}
p.tekstoviBlue {
	font-family:Arial, Helvetica, sans-serif;
	color:#036;
	font-size:12px;
	text-align:left;
	line-height:140%
}
/* Easy Slider */

	#slider{ width:763px; margin-left:60px;}	
	#slider ul, #slider li{
		margin:0;
		padding:0;
		
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:696px;
		height:241px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:490px;
		top:871px;
		}	
	#nextBtn{ 
		left:1240px;
		}														
	#prevBtn a, #nextBtn a{  
		display:block;
		width:30px;
		height:77px;
		background:url(images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a{ 
		background:url(images/btn_next.gif) no-repeat 0 0;	
		}												

/* // Easy Slider */
.GdjeBox {
	width:425px;
	height:369px;
	float:left;
}
p.tekstV {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#36C;
}
#gallery {
		background-color: #c1d9ec;
        background-color: transparent;
		padding: 0px;
  
		/*width: 810px;*/
	}
	#gallery ul { list-style: none;  }
	#gallery ul li { display: inline; display:inline-block; }
	#gallery ul img {
		border: 5px solid #FFF;
        border: 4px solid #0D6BB4;
		/*border-width: 5px 5px 20px;*/
		border-width: 0px 0px 4px;
	}
	#gallery ul a:hover img {
		border: 5px solid #fff;
        border: 4px solid #0D6BB4;
		/*border-width: 5px 5px 20px;*/
		border-width: 0px 0px 4px;
		color: #fff;
	}
	#gallery ul a:hover { color: #fff; }
	
#galleryT {
		background-color: #c1d9ec;
        background-color: transparent;
		padding: 0px;
		/*width: 810px;*/
	}
	#galleryT ul { list-style: none; }
	#galleryT ul li { display: inline; display:inline-block;}
	#galleryT ul img {
		border: 5px solid #FFF;
        border: 4px solid #0D6BB4;
		/*border-width: 5px 5px 20px;*/
		border-width: 0px 0px 4px;
	}
	#galleryT ul a:hover img {
		border: 5px solid #fff;
        border: 4px solid #0D6BB4;
		/*border-width: 5px 5px 20px;*/
		border-width: 0px 0px 4px;
		color: #fff;
	}
	#galleryT ul a:hover { color: #fff; }

#galleryG {
		background-color: #c1d9ec;
		background-color: transparent;
		/*padding: 5px;*/
		padding: 0px;
		/*width: 810px;*/
	}
	#galleryG ul { list-style: none; }
	#galleryG ul li { display: inline; display:inline-block;}
	#galleryG ul img {
		border: 5px solid #FFF;
        border: 4px solid #0D6BB4;
		/*border-width: 5px 5px 20px;*/
		border-width: 0px 0px 4px;
	}
	#galleryG ul a:hover img {
		border: 5px solid #fff;
		border: 4px solid #0D6BB4;
		/*border-width: 5px 5px 20px;*/
		border-width: 0px 0px 4px;
		color: #fff;
	}
	#galleryG ul a:hover { color: #fff; }
    

#galleryOutdoor {
		background-color: #c1d9ec;
        background-color: transparent;
		padding: 0px;
		/*width: 810px;*/
	}
	#galleryOutdoor ul { list-style: none; }
	#galleryOutdoor ul li { display: inline; display:inline-block;}
	#galleryOutdoor ul img {
		border: 5px solid #FFF;
        border: 4px solid #0D6BB4;
		/*border-width: 5px 5px 20px;*/
		border-width: 0px 0px 4px;
	}
	#galleryOutdoor ul a:hover img {
		border: 5px solid #fff;
        border: 4px solid #0D6BB4;
		/*border-width: 5px 5px 20px;*/
		border-width: 0px 0px 4px;
		color: #fff;
	}
	#galleryOutdoor ul a:hover { color: #fff; }    
    
 /*dodatak*/
 
 #slider-novi {width:823px;height:434px;border:8px solid white;}
 .rezervacija-top {text-align:left;margin-top:-35px;margin-left:5px;margin-bottom:15px;}
 .rezervacija-bottom {float:right;margin-right:0px;margin-top:-38px;}
 .rezervacija-bottom-kontakt {float:right;margin-right:0px;margin-top:0px;}
  /*.cijela-godina {color:#eee;padding:6px; line-height:120%;background-color:green;font-size:14px;font-style:italic;float:right;width:300px;margin-right:0px;margin-top:-160px;}*/
 .cijela-godina {color:#fff;border:5px solid #c1d9ec; border-radius:8px; 
 padding:10px; line-height:120%;background-color:#444;font-size:14px;
 font-style:italic;
 float:right;width:280px;margin-right:0px;margin-top:-180px;}

 
  .cjenik {width:100%;border:1px dotted #ddd;color:#333;border-collapse: collapse;font-size:15px}
  .naslov-holder {background-color:#0D6BB4; height:5px; width:823px;margin:35px 0;font-size:18px;text-align:center;}
  .naslov {background-color:#fff;display:inline-block;border:0px solid red;text-align:center;margin:0; padding:0 25px;position:relative;bottom:10px;color:#0D6BB4;font-weight:bold}
 .cjenik tr {background-color:#fff;}   
 .cjenik td {background-color:#fff;border:1px dotted #bbb;padding:15px;text-align:center} 
 td.datum {font-weight:bold;}  
 td.apartman {font-weight:bold;color:#333}
 td.napomena {font-size:12px;color:#0D6BB4;text-align:right;padding:10px;border:0}
 .napomena {float:right;font-size:12px;color:#036;text-align:right;padding:10px;line-height:17px;border:0}
 
 .rez {
	width:180px;
	height:99px;
	/*background-image:url(images/rez_hr.png);
	background-repeat:no-repeat;*/
    margin:auto;
    float:right;
    display:none;
}


.sadrzaj-item {margin-bottom:80px;margin-top:70px;}

.slika-okvir {border:6px solid #C1D9EC;margin-right:10px;}
.slike-red {width:790px;margin:auto;}
.slike-red img {margin:0 20px;}
.np {color:#036; font-size:12px;line-height:140%;width:750px;margin-left:15px;text-align:center;margin-top:20px}
h2 {color:green}
.ostalo {text-align:left;margin:20px 0px 50px 20px;font-size:12px;color:#036;}

.ostalo li {margin-bottom:8px;}

.linkovi:link {text-decoration:underline;color:green;}
.linkovi:visited {text-decoration:underline;color:green;}
.linkovi:hover {text-decoration:none;color:#green;}
.linkovi:active {text-decoration:none;color:#036;}

.link1:link {text-decoration:underline;color:#c1d9ec;font-style:italic;}
.link1:visited {text-decoration:underline;color:#c1d9ec;font-style:italic}
.link1:hover {text-decoration:none;color:#fff;font-style:italic}
.link1:active {text-decoration:none;color:#c1d9ec;font-style:italic}

#kontakt-header {width:806px;height:419px;border:8px solid white;}