@charset "utf-8";

/* CSS Document */

body {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000;
	background-color: #F7F7F5;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}

img { border:none; }

a:link,
a:visited {
	text-decoration: none;
	color: #008abd;
}

a:hover { text-decoration: underline; }

a.alt:link,
a.alt:visited {
	color: #FFF;
	text-decoration: none;
}

a.alt:hover { text-decoration: none; }

a.alt2:link,
a.alt2:visited {
	color: #0092c1;
	text-decoration: underline;
}

a.alt2:hover { text-decoration: none; }

a.alt3:link,
a.alt3:visited {
	color: #0092c1;
	text-decoration: none;
	font-size: 15px;
	font-weight: bold;
}

a.alt3:hover { text-decoration: underline; }

.excur {
	color: #0092c1;
	text-decoration: none;
	font-size: 15px;
	font-weight: bold;
}

p,
h1,
h2,
h3,
h4,
#form1,
#form2,
#form3 {
	margin:0;
	padding:0;
}

h1 {
	font-size: 21px;
	color: #6b6b6b;
	font-weight: lighter;
	font-family: 'Open Sans Condensed', sans-serif;
	text-transform: uppercase;
	padding-left: 15px;
	border-bottom: 1px solid #c4c4c4;
}

h2 {
	font-size: 21px;
	color: #6b6b6b;
	font-weight: normal;
	font-family: 'Open Sans Condensed', sans-serif;
	border-bottom:1px dashed #6b6b6b;
	padding-left: 12px;
	text-align: left;
	margin-bottom: 10px;
}

h3 {
	font-size: 21px;
	color: #6b6b6b;
	font-weight: lighter;
	font-family: 'Open Sans Condensed', sans-serif;
	text-transform: uppercase;
	padding-left: 15px;
	border-bottom: 1px solid #c4c4c4;
}

h4 {
	font-size: 14px;
	color: #000;
	font-weight: bold;
}

h4 a:link { color:#008ABD; }

h4 a:VISITED { color:#008ABD; }

input,
select,
textarea {
	font-size: 13px;
	color: #333;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	background-image: url(../images/inp.jpg);
	background-repeat: repeat-x;
	background-color: #fbfbfb;
	border: 1px solid #d9d9d9;
	font-family: Arial, Helvetica, sans-serif;
}
.i1 {
	padding: 2px;
	width: 67px;
	margin-right: 3px;
}
.i2 {
	width: 195px;
	height: 190px;
	padding: 7px 5px;
}
.i3 {
	padding: 7px 5px;
	margin: 2px 0 5px 0;
	width: 248px;
}
.i4 {
	padding: 7px 5px;
	width: 145px;
	margin: 2px 0 5px 0;
}

.inp_1 {
	width: 235px;
	padding: 3px 5px;
	margin-bottom: 12px;
	border: 1px solid #ccc;
	margin-top: 3px;
	margin-left: 10px;
}

.inp_11 {
	border: 1px solid #CCCCCC;
	margin-bottom: 5px;
	margin-top: 3px;
	padding: 5px;
	width: 65px;
}

.inp_2 {
	width: 123px;
	padding: 1px;
	margin-bottom: 5px;
}

.inp_3 {
	width: 123px;
	padding: 1px;
	margin-bottom: 5px;
}

.inp_not {
	height: 95px;
	margin-bottom: 5px;
	padding: 1px;
	width: 301px;
}

.butt {
	background-color: transparent;
	color: #FFF;
	margin: 2px 0 0 29px;
	width: 114px;
	height: 42px;
	background-image: url(../images/butt.jpg);
	background-repeat: no-repeat;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	border:none;
	float:left;
}

.butt:hover {
	pointer:cursor;
	cursor: pointer;
}
.bright .butt {margin:0;}
/*************************************************************************************************** main elements */

#wrap {
	width: 950px;
	margin: 0 auto 15px auto;
}

.header { overflow: hidden; }

.head_1 { }

.head_1 td { padding: 5px 15px; }

.head_2 { overflow:hidden; }

.head_left {
	float:left;
	width: 284px;
	padding: 30px 20px 0 20px;
	height: 305px;
	background-image: url(../images/form_bg.jpg);
	background-repeat: no-repeat;
	text-align: center;
}

.head_left2 {
	float:left;
	width: 240px;
	padding: 15px;
	background-color: #FFF;
	margin-bottom: 12px;
}

.head_right {
	float:right;
	width: 589px;
	border: 2px solid #64b0d0;
	position: relative;
	height: 322px;
	margin-top: 7px;
}

.top {
	width: 950px;
	overflow: hidden;
	height: 91px;
	line-height: 91px;
	color: #FFF;
	font-size: 22px;
	font-family: 'Kaushan Script', cursive;
	text-shadow: 0 0 8px #666;
	position: relative;
}

.top span {
	display:block;
	width:600px;
	float:right;
}

.top img { float:left; }

.nasl {
	font-family: "Times New Roman", Times, serif;
	font-size: 36px;
	color: #9CA8B9;
	text-shadow: #ffffff 1px 1px 0px;
}

.menu {
	height: 51px;
	line-height: 46px;
	padding: 0;
	font-family: 'Open Sans Condensed', sans-serif;
	width: 950px;
	background-image: url(../images/menu_sep.png);
	background-repeat: no-repeat;
	background-position: right center;
	margin-bottom: 20px;
	overflow: hidden;
}

.menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.menu li {
	float: left;
	padding-left: 2px;
	background-image: url(../images/menu_sep.png);
	background-repeat: no-repeat;
	background-position: left center;
	height: 51px;
}

/*
.menu li.selected {}
.menu li a span {display: block;}
.menu li.selected a span {display: block;}
*/
.menu a:link,
.menu a:visited {
	color: #0092c2;
	font-size: 20px;
	padding: 0 21px;
	text-decoration: none;
	display: inline-block;
}

.menu a:hover {
	color: #c7751e;
	border-bottom: 5px solid #c7751e;
}

.menu a.act:link,
.menu a.act:visited,
.menu a.act:hover {
	color: #c7751e;
	border-bottom: 5px solid #c7751e;
	background-color: #FFF;
}

.main {
	overflow: hidden;
	padding: 20px 0;
}

.main2 {
	overflow: hidden;
	padding: 0 0 12px 0;
}

.sidebar {
	width: 313px;
	float:left;
	color: #FFF;
	margin-left: 10px;
}

.sidebar2 {
	float: left;
	width: 270px;
	overflow:hidden;
	margin-right: 12px;
}

.content {
	width: 593px;
	overflow: visible;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	padding: 0;
	min-height:357px;
	float: right;
}

.izdvojeno {
	float:right;
	width: 283px;
}
.izdvojeno:first-child {float:left;}

.item {
	width: 283px;
	overflow: hidden;
	padding: 20px 0;
	background-color: #FFF;
}
.item_pic {
	float: left;
	width: 118px;
	height: 90px;
	background-image: url(../images/t_bg.png);
	background-repeat: no-repeat;
	margin-left: 5px;
}
.item_pic img {
	border:2px solid #8b8b8b;
	margin: 5px 0 0 4px;
}
.item:hover .item_pic img {border:2px solid #fff;}
.item_txt {
	float: right;
	margin-right: 10px;
	width: 148px;
	padding-top: 5px;
}
.content2 {
	float: right;
	width: 636px;
	overflow: visible;
	background-image: url(../images/ind_bg.jpg);
	padding: 15px;
	min-height:347px;
	border-top: none;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}

.c_left {
	float: left;
	width: 310px;
}

.c_right {
	float: right;
	width: 310px;
}

.c_left2 {
	float: left;
	width: 180px;
	line-height: 22px;
	padding-top: 15px;
}

.c_right2 {
	float: right;
	width: 435px;
	margin-right: 5px;
	padding-top: 15px;
}

.inn_pic {
	float:left;
	padding-bottom: 15px;
	width: 230px;
	padding-right: 15px;
}

.inn_pic img { margin-bottom:5px; }

.c_right2 h2 {
	color: #666;
	border-bottom: 1px solid #666;
	margin-bottom: 15px;
}
.overfoot {
	background-image: url(../images/bg.jpg);
	height: 24px;
	overflow: hidden;
	line-height: 24px;
	background-position: center top;
	border-top: 1px solid #4992bc;
}
.footer {
	color: #FFF;
	font-size: 11px;
	width: 950px;
	margin: 0 auto;
}

.lastminute {
	background-image: url(../images/sidebar.png);
	border: 1px solid #fff;
	color: #000;
	padding: 5px 0;
}

.lastminute span {
	display:block;
	color: #666;
	padding-top:5px;
}

.sidebar img { border: 4px solid #fff; }

.cam {
	border-top: 1px solid #fff;
	font-size: 18px;
	margin-bottom: 0px;
}

.cam td { padding-top: 15px; }

.nv { float: right; }
.nv img {margin:2px 0 -2px 0;}

.six td {
	margin: 0;
	padding-top: 18px;
}

.six td.pic {
	width: 125px;
	height: 90px;
	background-image: url(../images/t_bg.png);
	padding: 14px 0 10px 4px;
	background-repeat: no-repeat;
	background-position: 0 10px;
}

.six td.line {
	border-bottom: 1px solid #97989a;
	padding-bottom: 10px;
}

.tab_pic {
	background-image: url(../images/t_bg.png);
	background-repeat: no-repeat;
	height: 90px;
	padding: 4px 0 0 4px;
	width: 125px;
}

.lang {
	position: absolute;
	top: 0px;
	right: 0px;
	padding: 4px 5px;
	height: 11px;
	background-color: #0092c2;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	-khtml-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
	border:1px solid #fff;
	border-top:none;
}

.lang a { color:#fff; float:left; }

.lang img {
	float:none;
	margin: 0 5px;
}

.langz {
	position: absolute;
	padding: 10px;
	top: 20px;
	left: 0px;
	background-color: #FFF;
	border: 1px solid #9ca8b9;
	width: 95px;
}

.crta2 {
	width: 10px;
	height: 300px;
	overflow: hidden;
	top: 0px;
	left: 0px;
	position: absolute;
}

/*********************************************** kontrole za slideshow */
.head_right #slideshow {
	width:589px;
	height:322px;
	position:relative;
	overflow: hidden;
}

.head_right #slideshow #slidesContainer {
	width:589px;
	height:322px;
	overflow:auto; /* allow scrollbar */
	position:relative;
	margin: 0;
}

.head_right #slideshow #slidesContainer .slide {
	width:589px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
	height:322px;
}

.head_right .control {
	display:block;
	width:66px;
	height:60px;
	text-indent:-10000px;
	position:absolute;
	cursor: pointer;
	left: 0px;
}

.head_right #leftControl {
	top:120px;
	left:20px;
	background-image: url(../images/str_l.png);
	z-index: 5;
}

.head_right #rightControl {
	top:120px;
	background-image: url(../images/str_d.png);
	z-index: 4;
	left: 604px;
}

/* slideshow 2 */

.det_1 #slideshow {
	width:412px;
	height:272px;
	position:relative;
}

.det_1 #slideshow #slidesContainer {
	width:412px;
	height:272px;
	overflow:auto; /* allow scrollbar */
	position:relative;
	margin: 0;
}

.det_1 #slideshow #slidesContainer .slide {
	width:392px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
	height:272px;
}

.det_1 .control {
	display:block;
	width:66px;
	height:60px;
	text-indent:-10000px;
	position:absolute;
	cursor: pointer;
	left: 0px;
}

.det_1 #leftControl {
	top:110px;
	left:0px;
	background-image: url(../images/str_l.png);
	z-index: 5;
}

.det_1 #rightControl {
	top:110px;
	background-image: url(../images/str_d.png);
	z-index: 4;
	left: 347px;
}

/*********************************************** end kontrole za slideshow */


.rezerv {
	height: 21px;
	line-height: 21px;
	border: 1px solid #999;
	background-color: #FCFCFC;
	float: right;
	padding: 0 5px;
	margin-right: 10px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
}

.rezerv a { color:#000; }

.plus {
	width: 23px;
	height: 23px;
	float: right;
}

.det_1 {
	overflow: hidden;
	margin-bottom: 15px;
}

.det_2 {
	float: left;
	width: 593px;
	background-color: #FFF;
}

.det_1_left {
	overflow: hidden;
	width: 443px;
	height: 326px;
	padding: 20px 0;
	float: left;
}

.det_1_right {
	padding: 5px 0 5px 15px;
	width: 117px;
	float: right;
	line-height: 16px;
	border-left: 1px solid #c2c2c2;
	margin-top: 20px;
}

.det_2_left {
	float: left;
	padding: 0;
	line-height: 24px;
	width: 150px;
	margin: 0 20px;
	border-bottom: 1px solid #c2c2c2;
	overflow: visible;
}
.det_2_left a:link {
	display:inline-block;
	padding: 0 9px;
}

.det_2_right {
	width: 300px;
	min-height:50px;
	height:auto !important;
	height: 241px;
	background-repeat: no-repeat;
	margin: 0 0 0 20px;
	float: left;
}

.line {
	overflow: hidden;
	width: 573px;
	background-color: #FFF;
	padding: 20px 0 20px 20px;
}

.th {
	float: left;
	width: 227px;
	height: 160px;
	background-image: url(../images/res_bg.png);
	background-repeat: no-repeat;
	padding-top: 4px;
}
.th img {border:3px solid #d1d1d1;}
.line:hover .th img {border:3px solid #fff;}

.tx {
	float: left;
	width: 190px;
	font-size: 13px;
	font-weight: normal;
	margin-right: 5px;
	padding: 5px 0;
	margin-left: 5px;
}
.tx2 {
	float: right;
	width: 120px;
	font-size: 13px;
	font-weight: normal;
	margin-right: 5px;
	border-left: 1px solid #c2c2c2;
	padding: 5px 0 5px 17px;
}
.tx td { padding: 2px 0; }

.pager {
	overflow: hidden;
	padding-bottom: 15px;
}

.pag {
	height: 21px;
	line-height: 21px;
	width:21px;
	border: 1px solid #999;
	background-color: #FCFCFC;
	float: left;
	padding: 0;
	margin-right: 5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	text-align: center;
}

.tocke {
	height: 21px;
	line-height: 21px;
	width:21px;
	float: left;
	padding: 0 10px 0 5px;
	text-align: center;
}

.pag a:link,
.pag a:visited {
	color:#4084A0;
	display:block
}

.pag a:hover,
.pag a.act:link,
.pag a.act:visited,
.pag a.act:hover {
	color:#000;
	text-decoration: none;
}

/*slide gallery*/
#mygal {
	width: 360px;
	height: 270px;
	overflow: hidden;
}

#mygal ul {
	list-style: none;
	position: relative;
	top: 0;
	height: 0;
	padding: 0;
	margin: 0;
}

#mygal ul li {
	float: left;
	padding: 0;
	margin: 0;
	width: 510px;
}

/*slide gallery about us*/
#mygal2 {
	width: 240px;
	height: 350px;
	overflow: hidden;
}

#mygal2 ul {
	list-style: none;
	position: relative;
	top: 0;
	height: 0;
	padding: 0;
	margin: 0;
}

#mygal2 ul li {
	float: left;
	padding: 0;
	margin: 0;
	width: 240px;
}

.prices_new td {
	border: 1px solid #AABBCC;
	margin: 25px 0 0;
	padding: 3px;
	text-align: center;
}

.pics {
	height:  326px;
	width:   423px;
	padding: 0;
	margin:  0;
	overflow:hidden;
	position:relative;
	margin-left: 20px;
}

.pics img { overflow:hidden; 
}

.headerpics {
	height:  322px;
	width:   589px;
	padding: 0;
	margin:  0;
}

.headerpics img {
	padding: 0px;
	border:  0px;
	width:  589px;
	height: 322px;
	top:  0;
	left: 0
}

.gmap {
	width: 205px;
	height: 270px;
}

.weather {
	height: 107px;
	width: 313px;
	background-image: url(../images/weather_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
}

#weather_icon {
	float:left;
	border: none;
	margin: 23px 0 0 20px;
}

.weather_data {
	float: right;
	color: #000;
	margin: 20px 0 0 0;
}

.weather_data span { font-size: 17px; }

.cjen_naslof { font-weight: bold; }

.par td,
.nepar td { padding: 1px; }

/*calendar*/
.calendar_over {
	background: none repeat scroll 0 0 transparent;
	border-bottom: 1px solid;
	border-top: 1px solid;
	float: left;
	font-size: 11px;
	padding: 5px;
	width: 640px;
	overflow:hidden;
	position:relative;
}

.calendar_over a {
	display: block;
	float: left;
}

.calendar_over .scroll_cal {
	float: left;
	width: 580px;
	height: 125px;
	overflow: hidden;
	position:relative;
}

.calendar_over .scroll_cal ul {
	list-style: none;
	position: relative;
	top: 0;
	padding: 0;
	margin: 0;
}

.calendar_over .scroll_cal ul li {
	float: left;
	width: 145px;
	height: 125px;
}

.calendar_over .scroll_cal ul li .calendar { display: block; }

.calendar_over .scroll_cal ul li .calendar { border: none; }

.calendar_over .scroll_cal ul li .calendar div.busy { background-color: yellow; }

.calendar_over .nextc {
	display: block;
	float:left;
	width: 15px;
	height: 30px;
	padding: 45px 10px 0 0;
	vertical-align: middle;
}

.calendar_over .prevc {
	display: block;
	width: 15px;
	height: 30px;
	padding: 45px 10px 0 0;
	vertical-align: middle;
}

.calendar_over .prevc:hover,
.calendar_over .nextc:hover { text-decoration: none; }

.calendar_over .prevc img,
.calendar_over .nextc img { border: none; }

.calendar_over .prevc:hover img,
.calendar_over .nextc:hover img { border: none; }

.gal {
	width: 360px;
	overflow: hidden;
	margin: 0 0 10px 0px;
	float: right;
	padding-left:5px;
}

.gal_pic {
	overflow: hidden;
	list-style: none;
}

.strelice {
	float: right;
	margin-top: 10px;
}

.c_left3 {
	float: left;
	width: 650px;
}

.m2 { }

.m2_link {
	height: 30px;
	line-height: 20px;
	padding-left: 15px;
}

.m2_link_act {
	height: 30px;
	text-decoration:underline;
	font-weight:bold;
	line-height: 20px;
	padding-left: 15px;
}

/*news*/

.news_desno {
	float: right;
	height: 310px;
	margin: 5px 10px;
	padding: 0;
	text-align: right;
	width: 350px;
}

.nav a {
	border: 1px solid #ccc;
	background: #7BC5F5;
	text-decoration: none;
	margin: 0 5px;
	padding: 3px 5px;
}

.nav a.activeSlide { background: #fff }

.nav a:focus { outline: none; }

.nav {
	padding-top: 10px;
	text-align:left;
}

.nav a:hover { background-color: #1F5F81; }

.top_form {
	background-image: url(../images/form.png);
	background-repeat: no-repeat;
	background-position: left 5px;
}

a.f {
	width: 240px;
	height: 51px;
	display: block;
	background-image: url(../images/f.png);
	color: #FFF;
	padding: 0 0 0 73px;
	background-repeat: no-repeat;
	line-height: 35px;
	margin: 30px 0;
}

a.f:hover { }


.line2 {
	overflow:hidden;
	background-color: #FFF;
}


.booking {
	background-color: #FFF;
	padding: 20px;
	overflow: hidden;
}

.bleft {
	float: left;
	color: #748AC9;
}
.bright { float: right; }
.bleft td, .bright td {padding: 4px 0;}

.response {
	line-height: 22px;
	min-height: 22px;
	height: auto;
	color: #d59756;
}


.captcha { margin:0 0 8px 0; }


.pager {
	text-align: center;
	height: 37px;
	background-color: #FFF;
}
.pager a {
	display: inline-block;
	width: 31px;
	height: 31px;
	line-height: 31px;
	background-image: url(../images/pager_bg.jpg);
	border: 1px solid #c8c8c8;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	text-align: center;
	margin: 0 2px;
	overflow: hidden;
	color: #5E5E5E;
	box-shadow: 0px 3px 3px #ccc;             
	-moz-box-shadow: 0px 3px 3px #ccc;
	-webkit-box-shadow: 0px 3px 3px #ccc;
}
.pager a:hover, .pager a.active {
	background-image: url(../images/pager_bg_act.jpg);
	color: #09C;
	text-decoration: none;
}
.pager img { margin: 0; }


.availability_datepicker .available {
	background-color: green !important;
    opacity: 10 !important;
}

.availability_datepicker .available a, .availability_datepicker .available span {
    background-color: green !important;
    background-image: none !important;
    color:white !important;
}

.availability_datepicker .completed_reservation {
    background-color: red !important;
    opacity: 1 !important;
}

.availability_datepicker .completed_reservation span {
    background-color: red !important;
    background-image: none !important;
    color:white !important;
}

.availability_datepicker .pre_reservation {
	background-color: yellow !important;
	opacity: 1 !important;
}

.availability_datepicker .pre_reservation span {
    background-color: yellow !important;
    background-image: none !important;
    color:black !important;
}

.sidebar_login dt {
	width:120px; 
	display:inline-block;
	float:left;
	margin-left:20px;
	color:#333;
}

#priceListTable td {
    text-align: center;
}


.l_pre_reservation, 
.l_completed_reservation, 
.l_available,
.r_pre_reservation, 
.r_completed_reservation, 
.r_available {
	background-image: url(../images/dates.png) !important;
	opacity: 1 !important;
}

.l_pre_reservation span, 
.l_completed_reservation span, 
.l_available span,
.r_pre_reservation span, 
.r_completed_reservation span, 
.r_available span {
    background-image: url(../images/dates.png) !important;
}

.l_pre_reservation, .l_pre_reservation span{
    background-position: 0 -60px !important;
}
.l_completed_reservation, .l_completed_reservation span{
    background-position: 0 -120px !important;
}
.l_available, .l_available span{
    background-position: 0 0 !important;
}
.r_pre_reservation, .r_pre_reservation span{
    background-position: -100px 0 !important;
} 
.r_completed_reservation, .r_completed_reservation span{
    background-position: -200px 0 !important;
} 
.r_available, .r_available span{
    background-position: 0 0 !important;
} 

.l_available.r_available, .l_available.r_available span{
    background-position: 0 0 !important;
}
.l_available.r_pre_reservation, .l_available.r_pre_reservation span{
    background-position: -100px 0 !important;
}
.l_available.r_completed_reservation, .l_available.r_completed_reservation span{
    background-position: -200px 0 !important;
}

.l_pre_reservation.r_available, .l_pre_reservation.r_available span{
    background-position: 0 -60px !important;
}
.l_pre_reservation.r_pre_reservation, .l_pre_reservation.r_pre_reservation span{
    background-position: -100px -60px !important;
}
.l_pre_reservation.r_completed_reservation, .l_pre_reservation.r_completed_reservation span{
    background-position: -200px -60px !important;
}

.l_completed_reservation.r_available, .l_completed_reservation.r_available span{
    background-position: 0 -120px !important;
}
.l_completed_reservation.r_pre_reservation, .l_completed_reservation.r_pre_reservation span{
    background-position: -100px -120px !important;
}
.l_completed_reservation.r_completed_reservation, .l_completed_reservation.r_completed_reservation span{
    background-position: -200px -120px !important;
}

#ui-datepicker-div{ z-index:9999 !important; }






/**/