@charset "utf-8";

html,body{
	height:100%;
	margin:0px;
}

html{
	display:block;
}


* { 
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
}
 
 
body{
	color:#333333;
	font-family:"Lucida Grande", "Arial", sans-serif;
	font-size:13px;
	font-style:normal;
	font-variant:normal;
	font-weight:400;
	line-height:20px;
	background-image:url('images/back3.jpg');
	background-color:#9fe6fa;
	display:block;
	text-align:center;
}

img{
	border:0;
}

a,a:visited,a:active{
	text-decoration:none;
	color:#FF9900;
	font-weight:400;
	font-size:13px;
}

a:hover{
	text-decoration:underline;
	color:#FF9900;
	font-weight:400;
	font-size:13px;
}

form{
	margin:0;
	padding:0;
}

div{
	display:block;
}

input{
	border: 1px solid #CCCCCC;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	behavior: url(border-radius.htc);
	padding:7px 7px 7px 7px;
	margin:3px 3px 3px 3px;
}

input:active, input:focus{
	border: 1px solid #999;
}

input.checkboxStyle{
	border:3px solid #FF0000;
}

select{
	border: 1px solid #CCCCCC;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	behavior: url(border-radius.htc);
	padding: 7px;
	margin: 3px;
}

select:active, select:focus{
	border: 1px solid #999;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	behavior: url(border-radius.htc);
	padding: 7px;
	margin: 3px;
}

textarea{
	font-family:"Lucida Grande", "Arial", sans-serif;
	border: 1px solid #CCCCCC;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	behavior: url(border-radius.htc);
	padding: 7px;
	margin: 3px;
}

textarea:active, textarea:focus{
	font-family:"Lucida Grande", "Arial", sans-serif;
	border: 1px solid #CCCCCC;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	behavior: url(border-radius.htc);
	padding: 7px;
	margin: 3px;
}

h1{
	font-size:16px;
	padding-bottom:20px;
}

h2{
	font-size:14px;
}

h3{
	font-size:12px;
}

h4{
	font-size:10px;
}

ul{
	margin-left:20px;
}

/* --------------------------------------------------------- */
#container{
	margin: auto;
	padding-bottom: 1em;
	padding-top: 7em;
	position: relative;
	text-align: left;
	width: 800px;
	z-index: 1;

}

#maincontent, #maincontent2{
	position: relative;
	padding-bottom: 0px;
	text-align: left;
	width: 800px;
	background-color:#FFF;
	border: 0px solid #CCCCCC;
	-moz-box-shadow: 0px 0px 10px #888;
	-webkit-box-shadow: 0px 0px 10px #888;
	box-shadow: 0px 0px 10px #888;
	behavior: url(border-radius.htc);
}

#maincontent2{
}

#flashcontent {
	height:250px;
	z-index:5;
}

#big_image{
	width:800px;
	height:400px;
	position:relative;
	background-repeat:no-repeat;
}

#topmenu{
	position:relative;
	padding:12px 10px 5px 10px;
	font-size:11px;
	color:#CCC;
}

#topmenu a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#444;
	text-decoration:none;
	padding-top:9px;
	padding-bottom:5px;
	padding-left:3px;
	padding-right:3px;
}


#topmenu a.opened{
	font-weight:bold;
	color:#F90;
}

div.left{
	position:relative;
	left:0px;
}

div.right{
	position:absolute;
	right:10px;
	top:12px;
}

#tableofcntent{
	display:table;
	width:800px;
	position:relative;
}

#aboutus{
	display:table-cell;
	padding:30px;
	padding-bottom:50px;
	background-color:#EFEFEF;
	font-size:13px;
}

#rightbox{
	display:table-cell;
	width:250px;
	background-color:#DFDFDF;
	padding-bottom:50px;
	text-align:center;
	font-size:13px;
}



#footer{
	position:relative;
	width:760px;
	color:#069;
	font-size:11px;
	padding:12px 20px 0px 20px;
}

#footer a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#069;
	text-decoration:none;
	padding-top:9px;
	padding-bottom:0px;
	padding-left:3px;
	padding-right:3px;
}

#sky{
	background-image:url('images/back1.jpg');
	background-repeat:repeat-x;
	background-position:top left;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:500px;
}

#sea{
	position:relative;
	bottom:0px;
	width:100%;
	height:40px;
	background-image:url('images/sea.jpg');
	background-repeat:repeat-x;
	background-position:bottom;
}

#shortcuts{
	position:relative;
	vertical-align:top;
}

/*#infoBol, #infoSport, #infoKultura, #infoPriroda, #infoTradicija, #infoGastronomija{
	display:inline-block;
	width:112px;
	margin-left:8px;
	margin-right:8px;
	vertical-align:top;
}*/

#infoImg{
	background-image:url('images/info.jpg');
	background-repeat:no-repeat;
	height:160px;
	width:800px;
}

.infoBol, .infoSport, .infoKultura, .infoPriroda, .infoTradicija, .infoGastronomija{
	width:160px;
	vertical-align:top;
	font-size:13px;
}

.infoNaslov{
	font-size:16px;
	font-weight:bold;
	color:#FF9900;
	padding-left:15px;
	padding-right:15px;
	padding-top:0px;
	padding-bottom:5px;
}

.infoNaslov a, .infoNaslov a:hover, .infoNaslov a:visited{
	color:#FF9900;
	font-weight:bold;
	font-size:16px;
}


.infoBody{
	font-size:13px;
	color:#666;
	padding-left:15px;
	padding-right:15px;
	padding-top:10px;
	padding-bottom:0px;
	line-height:16px;
}

.moreLink a, .moreLink a:hover, .moreLink a:visited{
	font-size:13px;
	color:#F90;
	padding-bottom:opx;
	padding-left:15px;
	padding-right:15px;
	padding-top:0px;
}

.newsTitle{
	position:relative;
	font-size:11px;
	font-weight:bold;
	color:#666;
	width:180px;
	margin:auto;
	padding-top:20px;
	padding-bottom:5px;
	text-align:left;
}

.newsBody{
	position:relative;
	font-size:11px;
	color:#999;
	width:180px;
	margin:auto;
	padding-top:5px;
	padding-bottom:10px;
	text-align:left;
}

.newsBody a, .newsBody a:hover{
	font-size:11px;
	color:#F90;
}

#logo{
	position:absolute;
	top:0px;
	left:0px;
}

#top1{
	position:relative;
	z-index:10;
	top:-40px;
	height:45px;
	width:800px;
	background-image:url('images/top1.png');
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:right;
}

#socialButtons{
	display:table;
	position:relative;
	width:100%;
	padding-top:10px;
}
#facebook, #twitter{
	display:table-cell;
}


#bottom{
	position:relative;
	background-color:#FF9900;
	width:800px;
	color:#FFFFFF;
	/*display:table;*/
	width:800px;
}

#top2{
	position:relative;
	height:41px;
	width:800px;
	background-image:url('images/top2.png');
	background-color:transparent;
	background-repeat:no-repeat;
}


#bottomKontakt, #bottomDrustveneMreze, #meteo{
	display:table-cell;
}

#bottomKontakt{
	padding:10px 15px 10px 30px;
	width:33%;
	vertical-align:top;
}

#bottomDrustveneMreze{
	padding:10px 15px 10px 15px;
	width:33%;
	vertical-align:top;
}

#meteo{
	padding:30px;
	padding:10px 15px 10px 15px;
	vertical-align:top;
}

.bottomNaslov{
	font-weight:bold;
	font-size:13px;
}

.bottomBody{
	text-align: left;
	font-size:11px;
	padding-top:10px;
	line-height:1.5em;
	color:#ffdba4;
}

.bottomBody img{
	margin-top:15px;
	margin-right:15px;
}

.bottomBody a{
	color:#FFF;
	font-weight:bold;
	font-size:11px;
}

.bottomBody a:hover{
	color:#FFF;
	font-weight:bold;
	font-size:11px;
}

#pricesBox, #galleryBox, #freeDatesBox, #mainInfoBox, #reservationBox, #contactBox{
	vertical-align:top;
	position:relative;
	padding-top:30px;
	padding-bottom:10px;
	width:490px;
}

#mainInfoBox{
	padding-top:20px;
	color:#F90;
	font-size:18px;
	font-weight:bold;
}

table.pricelist, table.gallerytable, table.freedatestable{
	width:490px;
	font-size:13px;
}


td.priceslist{
	display:inline-block;
	padding:5px;
	text-align:left;
	width:200px;
}

td.rightalign{
	text-align:right;
}

td.priceslistline{
	height:1px;
	width:490px;
	background-color:#CCC;
}


div.picture{
	padding:10px;
	margin:6px;
	background-color:#FFF;
	display:inline-block;
	vertical-align:top;
	-moz-box-shadow: 0px 0px 10px #ccc;
	-webkit-box-shadow: 0px 0px 10px #ccc;
	box-shadow: 0px 0px 10px #ccc;
	behavior: url(border-radius.htc);
	cursor:pointer;
}

#picture2{
	display:table;
	position:relative;
	padding:10px;
	margin:auto;
	background-color:#FFF;
	cursor:pointer;
	-moz-box-shadow: 0px 0px 10px #000;
	-webkit-box-shadow: 0px 0px 10px #000;
	box-shadow: 0px 0px 10px #000;
	behavior: url(border-radius.htc);
}

div.picturecrop{
	width:130px;
	height:130px;
	overflow:hidden;
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	-webkit-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;

}

div.picturecrop:hover{
	width:130px;
	height:130px;
	overflow:hidden;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-webkit-opacity:1;
	-khtml-opacity: 1;
	opacity:1;

}

div.picturecrop2{
	width:125px;
	height:125px;
	overflow:hidden;
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	-webkit-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;

}

div.picturecrop2:hover{
	width:125px;
	height:125px;
	overflow:hidden;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-webkit-opacity:1;
	-khtml-opacity: 1;
	opacity:1;

}


#slideshow{
	height:100%;
	width:100%;
	z-index:61;
	position:fixed;
	visibility:hidden;
	vertical-align:middle;
	text-align:center;
	cursor:pointer;
}

div.monthBox{
	display:inline-block;
	margin:12px 12px 12px 12px;
	padding:5px;
	background-color:#FFF;
	color:#666;
	font-weight:bold;
	font-size:11px;
	-moz-box-shadow: 0px 0px 10px #ccc;
	-webkit-box-shadow: 0px 0px 10px #ccc;
	box-shadow: 0px 0px 10px #ccc;
	behavior: url(border-radius.htc);
}

table.monthTable{
	font-size:11px;
	font-weight:bold;
	color:#333;
}

td.emptyday, td.cal_notfree, td.cal_dep, td.cal_arr, td.cal_free{
	padding:7px;
	font-weight:bold;
	color:#FFF;
	/*font-size:13px;*/
	vertical-align:middle;
	text-align:center;
}

td.cal_dayname{
	padding:4px;
	vertical-align:middle;
	text-align:center;
}

td.emptyday{
	background-color:#FFF;
}
td.cal_notfree{
	background-color:#CCC;
}
td.cal_dep{
	background-color:#CCC;
	background-image:url('images/dep_calimg.png');
	background-position:center;
}
td.cal_arr{
	background-color:#CCC;
	background-image:url('images/arr_calimg.png');
	background-position:center;
}
td.cal_free{
	background-color:#FF9900;
}

.littleCal{
	padding:3px;
	font-size:11px;
	cursor:pointer;
}

.littleCal:hover{
	color:#333;
}

div.leg_free{
	color:#FFF;
	font-weight:bold;
	font-size:13px;
	padding:5px;
	background-color:#FF9900;
	margin:14px 5px 14px 14px;
	width:70px;
	display:inline;
	text-align:center;
}

div.leg_notfree{
	color:#FFF;
	font-weight:bold;
	font-size:13px;
	padding:5px;
	background-color:#CCCCCC;
	margin:14px 14px 14px 5px;
	width:70px;
	display:inline;
	text-align:center;
}

#emptyTop{
	height:130px;
	position:relative;
}

#strelica{
	position:absolute;
	right:240px;
	width:30px;
	height:60px;
	background-image:url('images/apartman_open.png');
	background-repeat:no-repeat;
	background-position:left;
}

#bot_ap1, #bot_ap2, #bot_ap3, #bot_ap4{
	padding:20px;
	color:#FFF;
	font-size:18px;
	font-weight:bold;
	background-color:#F90;
	cursor:pointer;
}

#bot_ap1{
	margin:10px 10px 1px 10px;
}

#bot_ap2{
	margin:0px 10px 1px 10px;
}

#bot_ap3{
	margin:0px 10px 1px 10px;
}

#bot_ap4{
	margin:0px 10px 10px 10px;
}

.alpha50{
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-webkit-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

.alpha50:hover{
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-webkit-opacity:1;
	-khtml-opacity: 1;
	opacity:1;
}

#pictureName{
	border:1px solid #FFFFFF;
	background-color:#FFFFFF;
	font-size:13px;
	color:#333333;
	width:90%;
	text-align:center;
}


div.fieldName{
	font-weight:bold;
	padding-left:5px;
	padding-top:10px;
}

#brojac{
	padding-left:5px;
}

div.fieldNameShort{
	font-weight:bold;
	padding-left:5px;
	padding-top:10px;
	display:inline-block !important;
	display:inline;
	width:145px;
}

div.fieldBox{
	padding-bottom:10px;
}

#fieldBoxSubmit{
	padding-bottom:10px;
	text-align:right;
}

div.fieldBoxShort{
	padding-bottom:10px;
	display:inline-block !important;
	display:inline;
}


input.inputDefaultField{
	width:300px;
	height:auto !important;
	height:32px;
}

input.inputDefaultField:active, input.inputDefaultField:focus{
	border: 1px solid #999;
}

select.inputDefaultField{
	width:300px;
	height:auto !important;
	height:32px;
}

input.inputShortField{
	width:145px;
	height:auto !important;
	height:32px;
}

textarea.inputDefaultField{
	width:300px;
	height:150px;
	font-family: "Lucida Grande", "Arial", sans-serif;
}

.requiredField{
	font-size:11px;
	color:#FF9900;
	padding-left:50px;
}

div.crveno{
	color:#FF9900;
}

#dateChooserFrom{
	position:absolute;
	display:table;
	padding:10px;
	background-color:#FFF;
	width:200px;
	height:150px;
	visibility:hidden;
	left:3px;
	-moz-box-shadow: 0px 0px 10px #999;
	-webkit-box-shadow: 0px 0px 10px #999;
	box-shadow: 0px 0px 10px #999;
	behavior: url(border-radius.htc);
}

#dateChooserTo{
	position:absolute;
	padding:10px;
	background-color:#FFF;
	width:200px;
	visibility:hidden;
	left:158px;
	-moz-box-shadow: 0px 0px 10px #999;
	-webkit-box-shadow: 0px 0px 10px #999;
	box-shadow: 0px 0px 10px #999;
	behavior: url(border-radius.htc);
}

#prevMonth{
	width:40px;
}

#monthName{
	text-align:center;
	width:110px;
	font-size:13px;
}


#nextMonth{
	width:40px;
	text-align:right;
}

input.changeMonth{
	background-color:#F90;
	color:#FFF;
	font-weight:bold;
	font-size:11px;
	padding:3px;
	border: 0px solid #FFF;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	behavior: url(border-radius.htc);
}

#calendarDiv{
	display:block;
	position:relative;
}

a.dateForChoose, a.dateForChoose:hover{
	font-size:11px;
	color:#FFF;
	cursor:pointer;
}


input.inputDefaultButton{
	font-size:18px;
	font-weight:bold;
	color:#FFF;
	background-color:#F90;
	padding:10px 20px 10px 20px;
	border:0px solid #f90;
	background-image:url('images/button_back.png');
	background-position:top;
	background-repeat:repeat-x;
}

img.rndNum{
	padding-bottom:5px;
	padding-top:5px;
}

#prevImage, #nextImage{
	position:absolute;
	display:table;
	top:0px;
	height:100%;
	padding-top:100px;
	vertical-align:middle;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-webkit-opacity:0;
	-khtml-opacity: 0;
	opacity: 0;
}

#prevImage:hover, #nextImage:hover{
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-webkit-opacity:1;
	-khtml-opacity: 1;
	opacity:1;
}

#closeImage{
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-webkit-opacity:1;
	-khtml-opacity: 1;
	opacity:1;
	position:absolute;
	display:table;
	z-index:300;
	top:0px;
	right:0px;
}

#prevImage{
	left:0px;
}

#nextImage{
	right:0px;
}


#languageChooser{
	position:absolute;
	top:60px;
	right:0px;
	text-align:right;
}

#languageChooser a{
	color:#FFF;
}

a.boldFont{
	font-weight:bold;
}

a.underlineFont{
	text-decoration:underline;
}
	
	

#loadingImg{
	position:absolute;
	display:inline-block;
	width:40px;
	height:40px;
}

#pokrivalo{
	background-color:#000000 !important;
	background-color:#333333;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-webkit-opacity:0.8;
	-khtml-opacity:0.8;
	opacity:0.8;
	position:fixed !important;
	position:absolute;
	bottom:0px;
	top:0px;
	left:0px;
	right:0px;
	width:100%;
	height:0px;
	z-index:100;
}


#imageSlideShowBackground{
	background-color:#000000 !important;
	background-color:#333333;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-webkit-opacity:0.8;
	-khtml-opacity:0.8;
	opacity:0.8;
	position:fixed !important;
	position:absolute;
	bottom:0px;
	top:0px;
	left:0px;
	right:0px;
	width:100%;
	height:0px;
	z-index:100;
}

#msgTbl{
	position:fixed !important;
	position:absolute;
	bottom:0px;
	top:0px;
	left:0px;
	right:0px;
	width:100%;
	z-index:101;
}

#msg{
	display:table;
	background-color:#FFF;
	padding:30px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0px 0px 10px #000;
	-webkit-box-shadow: 0px 0px 10px #000;
	box-shadow: 0px 0px 10px #000;
	behavior: url(border-radius.htc);
}



#imageSlideShow{
	position:fixed !important;
	position:absolute;
	bottom:0px;
	top:0px;
	left:0px;
	right:0px;
	width:100%;
	z-index:101;
}

#loadingImg{
	background-color:#FFF;
	margin:20px;
	padding:20px;
	position:relative;
	visibility:hidden;
}

#imageframe{
	padding:10px;
	background-color:#FFF;
	position:relative;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0px 0px 10px #000;
	-webkit-box-shadow: 0px 0px 10px #000;
	box-shadow: 0px 0px 10px #000;
	behavior: url(border-radius.htc);
}

#picturename{
	font-size:13px;
	padding:10px 5px 5px 5px;
	text-align:center;
}

#previousBtn{
	position:absolute;
	left:-40px;
	top:50%;
	margin-top:-25px;
	cursor:pointer;
}

#nextBtn{
	position:absolute;
	right:-40px;
	top:50%;
	margin-top:-25px;
	cursor:pointer;
}

#closeBtn{
	position:absolute;
	right:-40px;
	top:-40px;
	cursor:pointer;
}

.toggleopacity img{
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	opacity: 0.5;
}
.toggleopacity:hover img{
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	opacity: 1;
}
.toggleopacity img{
	border: 1px solid #ccc;
}
.toggleopacity2 img{
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	opacity: 0.5;
}
.toggleopacity2:hover img{
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	opacity: 1;
}
.toggleopacity2 img{
	border: 1px solid #ccc;
}