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

.pct_frame{
	padding: 2px;
	border: 1px solid #96b0d7;
	margin:1px;
}
h5{
	font-size:12px;
	color:#6c6c6c;
}
*{
	padding:0;
	margin:0;
}
p{
	padding:0;
	margin:0;
	line-height:18px;
	
}
.bold {
	font-weight: bold;
}
body {
	font-family:Tahoma;
	background-image: url(images/bg.png);
	background-repeat: repeat-x;
	padding:0;
	margin:0;
	background-color: #C8E8FF;
	line-height:1;
	
}
/* container */
#container {
	width:944px;
	padding:0;
	margin:auto;
	height:auto;
	}
#content{
	width:944px;
	height:100%;
	background-image:url(images/cont_bg.png);
	float:left;
	position: relative;
	}
#logo-zone {
position: absolute;
top: 0px;
left: 11px;
height: 125px;
width: 440px;
background-color: transparent;
}	
#middle{
	width:900px;
	height:auto;
	background-color: #fff;
	float:left;
	background-image: url(images/logo.png);
	background-repeat: no-repeat;
	margin-left:22px;
}

#bottom{
	height:23px;
	width:944px;
	float:left;
	}
/* headder */
#flags_bg{
	width:166px;
	height:35px;
	background-image:url(images/flags_bg.jpg);
	background-repeat:no-repeat;
	float:right;
	display:block;
	font-size:0px;
}
#flags{
	padding-left:14px;
	padding-top:4px;
}
#nav{
	font-size:0px;
	height:33px;
	margin-top:100px;
	float:right;
	margin-right:-154px;
	text-align:right;
	display:block;
	}

/* headder end */
/* middle */
#img_plc{
	width:755px;
	height:453px;
	background-image:url(images/pct_frame.png);
	background-repeat:no-repeat;
	float:left;
	margin-left:73px;
	display:block;	
}
#middle_cotent{
	width:900px;
	height:auto;
	float:left;
}
#middle_cotent_left{
	margin-top:20px;
	margin-right:10px;
	margin-left:10px;
	width:359px;
	height:286px;
	background-image: url(images/content_bg.png);
	background-repeat: no-repeat;
	float:left;	 
}
#middle_cotent_left_text{
	margin-left:25px;
	margin-top:20px;
	margin-right:10px;
	font-size:12px;
	font-family:tahoma;
	color:#6c6c6c;
}
.spacer_middle{
	background-image:url(images/spacer.png);
	background-repeat:no-repeat;
	width:2px;
	height:263px;
	display:block;
	float:left;
	margin-top:10px;
}
#icons{
	background-image:url(images/services.png);
	background-repeat:no-repeat;
	width:47px;
	height:247px;
	float:left;
	margin-top:40px;
	margin-left:15px;
	display:block;
	
}
#icons_text{
	width:auto;
	height:auto;
	margin-left:5px;
	float:left;
	font-family:tahoma;
	font-size:14px;
	color:#6c6c6c;
	margin-right:20px;
	line-height:20px;
	
	
}
#distances{
	margin-left:10px;
	font-size:14px;
	color:#6c6c6c;
	width:auto;
	height:auto;
	float:left;
	margin-right:20px;
}
#accomodation{
	margin-left:10px;
	font-size:14px;
	color:#6c6c6c;
	width:auto;
	height:auto;
	float:left;
	margin-right:20px;
}
#persons{
	width:auto;
	height:auto;	
	float:left;	
}
#room_no{
	width:auto;
	height:auto;
	margin-left:10px;
	float:left;
	text-align:center;
}
/* middle END */	
#prices{
	height:auto;
	width:auto;	
	margin-left:30px;
	margin-bottom:30px;
	float:left;
	}
.table{
	font-family:tahoma;
	color:#6c6c6c;
}
.td{
	font-family:tahoma;
	color:#6c6c6c;
}
#prices td{
	border-width:1px;
	border-color:#96b0d7;
	border-style:solid;
}
#weather{
	float:left;
	margin-top:1px;
	margin-left:10px;
	font-size:12px;
}
#sticker{
	display:block;
}
#rovinj{
	float:left;
	width:180px;
	margin-left:10px;
	margin-top:15px;
}
/* image css rollover */

a img{
border:none;
}
a:hover img{

} 
a.roll img
{
	opacity:0.999;
}
a:hover.roll img
{
	opacity:0.7;
}
/* container END */

/* Footer */

#footer{
	height: 80px;
	clear:both;
	background-color: #FFF;
	text-align:center;
	background-image:url(images/footer_bg.jpg);
	background-repeat:repeat-x;
}
#footer_text{
	padding-top:15px;
	height:20px;
	font-size:12px;
	font-family:tahoma;
	color:#6c6c6c;
	line-height:12px; 
	display:block;
}
#w3c{
    padding-top:10px;
    background-color: #FFF;
	font-size:12px;
	font-family:tahoma;
	color:#6c6c6c;
	padding-left:800px;
}
/* Footer END */

/* Links */
a:link {
	color: #6c6c6c;
	text-decoration: none;
}
a:visited {
	color: #6c6c6c;
	text-decoration: none;
}
a:hover {
	color: #96b0d7;
	text-decoration: none;
}
a:active {
	color: #6c6c6c;
	text-decoration: none;
}
a {
	font-family: tahoma;
	}
/* Links END*/


/* Bookings */
#contact_form{
	margin-left:155px;
	float:left;
	margin-top:40px;
	font-family:tahoma;
	font-size:14px;
	color: #6c6c6c;
}
#thank{
	font-family:tahoma;
	color: #6c6c6c;
	font-size:18px;
	margin-top:100px;
	margin-left:45px;
	float:left;
	margin-bottom: 50px;
	
}

/* Bookings end */

/* Contact page */
#adress{
	margin-left:25px;
	margin-top:20px;
	margin-right:20px;
	font-size:12px;
	font-family:tahoma;
	color:#6c6c6c;
	font-size:14px;	
}
#images_istra{
	width:auto;
	height:auto;
    margin-right:33px;
	float:right;
}
#istra{
	width:300px;
	height:279px;
	float:left;
	margin-top:80px;
}
#images_cro{
	margin-left:20px;
	width:143px;
	height:435px;
	float:left;
	margin-bottom:34px;
}
#adress_weather{
	margin-left:80px;
	margin-top:50px;
}
#map{
	width:709px;
	height:407px;
	margin-left:23px;
	margin-top:23px;
	
}

/* Contact page end */

/* gallery */
#gallery{
	margin-top:160px;
	display:block; 
	margin-left:10px;
}
#app001{
	margin-top:20px;
	margin-right:10px;
	margin-left:10px;
	width:850px;
	height:auto;
	float:left;	
	font-size:0px;
	padding:2px;
	border-bottom-style:solid;
	border: 1px solid #f4f4f4;
	text-align:right;
}
#app101{
	margin-top:20px;
	margin-right:10px;
	margin-left:10px;
	width:850px;
	height:auto;
	float:left;	
	font-size:0px;
	padding:2px;
	border-bottom-style:solid;
	border: 1px solid #f4f4f4;
	text-align:right;	
}
#app102{
	margin-top:20px;
	margin-right:10px;
	margin-left:10px;
	width:850px;
	height:auto;
	float:left;	
	font-size:0px;
	padding:2px;
	border-bottom-style:solid;
	border: 1px solid #f4f4f4;
	text-align:right;
	}
#app103{
	margin-top:20px;
	margin-right:10px;
	margin-left:10px;
	width:414px;
	height:auto;
	float:left;	
	font-size:0px;
	padding:2px;
	border-bottom-style:solid;
	border: 1px solid #f4f4f4;
	text-align:right;
}
#app203{
	margin-top:20px;
	margin-right:10px;
	margin-left:10px;
	width:850px;
	height:auto;
	float:left;	
	font-size:0px;
	padding:2px;
	border-bottom-style:solid;
	border: 1px solid #f4f4f4;
	text-align:right;
}
#app301{
	margin-top:20px;
	margin-right:10px;
	margin-left:10px;
	width:850px;
	height:auto;
	float:left;	
	font-size:0px;
	padding:2px;
	border-bottom-style:solid;
	border: 1px solid #f4f4f4;
	text-align:right;
}
#appstuff{
	margin-top:20px;
	margin-right:10px;
	margin-left:10px;
	width:850px;
	height:auto;
	float:left;	
	font-size:0px;
	padding:2px;
	border-bottom-style:solid;
	border: 1px solid #f4f4f4;
	text-align:right;
}













/* gallery end */