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

/* layout */
#wrapper {width:100%;padding-top:12px;}
#container {width:980px;margin:0px auto;}
#header {height:500px;margin:0px 0px 8px 0px;padding:10px;background-color:#fff;position:relative;}
#body {padding:10px;background-color:#fff;min-height:280px;height:auto!important;height:280px;margin-bottom:8px;}
#left {width:280px;padding:0px 25px 0px 15px;float:left;background:url(../img/layout/crta03.gif) repeat-y right top;min-height:280px;height:auto!important;height:280px;}
#left-big {width:601px;padding:0px 25px 0px 15px;float:left;background:url(../img/layout/crta03.gif) repeat-y right top;min-height:280px;height:auto!important;height:280px;}
#center {width:271px;padding:0px 25px 0px 25px;float:left;background:url(../img/layout/bg_center.gif) repeat-y left top;min-height:280px;height:auto!important;height:280px;margin-left:-1px;}
#right {width:280px;padding:0px 15px 0px 25px;float:left;background:url(../img/layout/crta03.gif) repeat-y left top;min-height:280px;height:auto!important;height:280px;margin-left:-1px;}
#right-big {width:601px;padding:0px 15px 0px 25px;float:left;background:url(../img/layout/crta03.gif) repeat-y left top;min-height:280px;height:auto!important;height:280px;margin-left:-1px;}
#footer {padding:10px;background:url(../img/layout/bg_transparent_footer.png);min-height:280px;height:auto!important;height:280px;}

/* header nav */
#nav {background:url(../img/layout/bg_transparent_01.png);float:left;position:absolute;bottom:10px;left:10px;border-top:7px solid #fff;border-right:7px solid #fff;padding:4px 8px;z-index:16;}
#nav li {background:url(../img/layout/crta02.gif) repeat-x left bottom;}
#nav li a {color:#fff;font-size:12px;}
#nav li.last {background:none;}
#nav li a:hover {color:#C8EEF7;font-size:12px;}
#nav li a.arrow {background:url(../img/layout/arrow01.gif) no-repeat 116px 10px;}
#nav li ul {background:url(../img/layout/bg_transparent_01.png);border-top:7px solid #fff;border-right:7px solid #fff;border-bottom:7px solid #fff;padding:4px 8px;margin-top:-11px;}
#logo {width:360px;height:107px;position:absolute;top:26px;left:26px;z-index:5;background:url(../img/layout/bg_logo.png) no-repeat;z-index:17;}
#logo a {width:360px;height:107px;display:block;}
#nav li a span.curr {display:block;float:left;width:16px;height:15px;margin:-2px 8px 0px 0px;background:url(../img/layout/bg_current.png) no-repeat;}

/* header top */
#header-top {position:absolute;top:10px;left:10px;height:69px;background:url(../img/layout/bg_transparent_01.png);width:960px;z-index:16;}
#lang {margin:13px 10px 0px 0px;float:right;}
#lang span {float:left;color:#fff;margin-top:3px;}
#lang .delimiter {width:1px;height:23px;background-color:#fff;float:left;margin:0px 10px;}
#lang ul {list-style:none;padding-left:0px;float:left;margin-top:4px;}
#lang ul li {display:inline;}
#lang ul li a {color:#D8D7D8;text-decoration:none;margin:0px 2px;}
#lang ul li a:hover {color:#fff;text-decoration:none;}
#lang ul li a.current {color:#fff;}
#inclusive {position:absolute;top:27px;left:260px;color:#fff;font-size:15px;}
#banner-flash {position:absolute;top:10px;left:10px;width:960px;height:500px;z-index:15;}

/* header frame */
#head-frame {height:400px;position:absolute;top:110px;right:26px;width:300px;z-index:16;}
#header-top #mail {width:18px;height:13px;display:block;background:url(../img/layout/bg_mail.png) no-repeat; position:absolute; right:16px;bottom:13px;}
#panel {width:278px;/*height:218px;*/border:5px solid #FD9702;background:url(../img/layout/bg_transparent_01.png);float:right;padding:5px 7px 5px 7px;font-size:9px;font-family:Verdana, Geneva, sans-serif;color:#fff;margin-right:1px;position:absolute;bottom:142px; right:0px;}
#panel p {margin:0px;padding-bottom:8px;	}
#panel p.ponuda {font-family:Arial, Helvetica, sans-serif;font-size:13px;	}
#panel h3 {color:#fff;font-size:12px;margin:7px 0px;}
#panel .extra {font-size:16px;color:#FD9702;vertical-align:middle;font-weight:bold;}
#panel .extra2 {font-size:11px;color:#FD9702;font-weight:bold;}
#panel h4 {font-weight:normal;color:#fff;margin:0px;padding-bottom:8px;}
#panel ul {padding:0px 0px 0px 13px;}
#panel a.opsirnije {color:#FD9702;text-decoration:none;display:block;float:right;margin-top:-10px;margin-bottom:5px;position:relative;bottom:-28px;}
#panel a.opsirnije:hover {color:#fff;text-decoration:none;}
div.crta01 {height:1px;font-size:0px;background:url(../img/layout/crta01.gif) repeat-x;}
#carousel {padding-top:15px;margin-left:-3px;position:absolute;bottom:0px;}
#carousel #img-cont {width:303px;height:130px;position:relative;overflow:hidden;}
#carousel #img-panel {position:absolute;left:0px;top:0px;width:5000px;}
#carousel #img-cont a {position:relative;width:92px;height:92px;background-color:#fff;display:block;float:left;margin-right:13px;}
#carousel #img-cont img {float:left;margin-right:13px;border:5px solid #fff;}
#carousel #img-cont a.last img {margin-right:0px;}
#carousel #prev2 {position:absolute;top:31px;left:-40px;cursor:pointer;width:22px;height:20px;padding:6px;background:url(../img/layout/bg_list.png) center no-repeat;}
#carousel #next2 {position:absolute;top:61px;left:-40px;cursor:pointer;width:22px;height:20px;padding:6px;background:url(../img/layout/bg_list2.png) center no-repeat;}
#carousel .r-panel {float:left;width:315px;}
em.tooltip {display:none;width:92px;padding:6px 0px 6px 0px;background:#000;position:absolute;font-style:normal;color:#fff;top:98px;left:0px;text-align:center;z-index:10;}
#loading3 {position:absolute;bottom:16px;right:21px;color:#7C92AC;float:right;display:none;}
#loading3 img {vertical-align:middle;margin-right:5px;}
#loading4 {position:absolute;color:#7C92AC;display:none;margin-top:15px;}
#loading4 img {vertical-align:middle;margin-right:5px;}

/* content */
#body p {color:#777;margin-top:8px;line-height:1.5;font-size:12px;}
#container #body p.gray {color:#777;}
#body h2 {color:#D90824;margin:0px;padding:5px 0px 5px 0px;border-bottom:1px solid #BAB2B2;}
#body h2.logo {background:url(../img/layout/bg_h2_logo.png) no-repeat right 5px;}
#body h3 {color:#FF9E0F;margin:0px;padding:8px 0px 8px 0px;font-weight:bold;font-size:12px;}
#body h3.bold {border-bottom:1px solid #BAB2B2;padding:6px 0px 6px 0px;}
#body ul {color:#979595;padding:0px 0px 0px 15px;}
#body ul.link {padding:12px 0px 12px 0px;list-style:none;position:relative;}
#body ul.link li a {display:block;padding:4px 0px;color:#524D4D;font-size:11px;text-transform:uppercase;border-top:1px solid #EDE8E6;border-bottom:1px solid #EDE8E6;margin-bottom:-1px;font-family:Arial, Helvetica, sans-serif;font-weight:bold;}
#body ul.link li a.naglaseno {color:#D90824;border:1px solid #D90824;padding:3px 0px 3px 5px;background:url(../img/layout/arrow02.gif) no-repeat 258px 8px;}
#body ul.link li a.naglaseno2 {color:#FF9E0F;border:1px solid #FF9E0F;padding:3px 0px 3px 5px;background:url(../img/layout/arrow03.gif) no-repeat 258px 8px;}
#body ul.link li a.ico1, #body ul.link li a.ico2 {display:inline;border:0px none;padding:0px;position:absolute;right:26px;bottom:4px;}
#body ul.link li a.ico2 {right:5px;}
#body ul.link li a.pratite {cursor:default;}

#body .rez-form input.text {border:1px solid #ccc;color:#FF9E0F;font-size:9px;font-family:Verdana, Geneva, sans-serif;padding:4px 5px;width:120px;}
#body .rez-form p {color:#979595;margin:0px;padding:8px 0px 2px 0px;}
#body .rez-form-big input.text {border:1px solid #ccc;color:#FF9E0F;font-size:9px;font-family:Verdana, Geneva, sans-serif;padding:4px 5px;width:350px;}
#body .rez-form-big textarea {border:1px solid #ccc;color:#FF9E0F;font-size:9px;font-family:Verdana, Geneva, sans-serif;padding:4px 5px;width:350px;height:80px;}
#body .rez-form-big select {border:1px solid #ccc;color:#FF9E0F;font-size:9px;font-family:Verdana, Geneva, sans-serif;padding:0px;width:50px;height:19px;}
#body .rez-form-big p {color:#979595;margin:0px;padding:8px 0px 2px 0px;}
#content-bottom {padding:20px 15px 0 15px;}

.img-row {padding-bottom:8px;position:relative;z-index:10;}
.img-row a {position:relative;width:85px;height:85px;background-color:#fff;display:block;float:left;margin-right:12px;}
.img-row img {float:left;margin-right:12px;border:5px solid #FF9E0F;}
.img-row a.last img, .img-row a.last {margin-right:0px;}
.img-row2 {padding-bottom:0px;position:relative;z-index:10;}
.img-row2 a {position:relative;width:65px;height:65px;display:block;float:left;margin-right:20px;margin-bottom:10px;}
.img-row2 img {float:left;margin-right:0px;border:5px solid #FF9E0F;}
.img-row2 a.last img, .img-row2 a.last {margin-right:0px;}
#body .img-row a em.tooltip {display:none;width:85px;padding:5px 0px 5px 0px;background:#000;position:absolute;font-style:normal;color:#fff;top:90px;left:0px;text-align:center;z-index:10;}
.img-row-smjestaj { padding:15px 0px 12px 20px;}
.img-row2 span.zindex a {z-index:10;}
#body .img-row2 a em.tooltip {display:none;width:85px;padding:5px 0px 5px 0px;background:#000;position:absolute;font-style:normal;color:#fff;top:70px;left:0px;text-align:center;z-index:10;}
.crta02 {height:1px;background:#DDDADD;font-size:0px;}
.crta03 {height:1px;background:#DED4D2;font-size:0px;}
.crta04 {height:1px;background:#BAB2B2;font-size:0px;margin-top:30px;}
#body p.p-smjestaj {margin:0px;padding:6px 0px 6px 0px;line-height:1.3;color:#444;}
#body h3.big {font-size:13px;font-weight:bold;padding:15px 0px 0px 0px;}
#map2 {margin-bottom:12px;width:100%;height:500px;}
#mapa img {padding:7px;border:1px solid #FF9E0F;margin-top:10px;}

/* aktivnosti */
#content-menu {padding:25px 0px 20px 0px;}
#content-menu h2 {cursor:pointer;text-transform:uppercase;font-size:12px;color:#FF9E0F;border-top:1px solid #DED4D2;border-bottom:0px none;background:url(../img/layout/plus_minus.png) no-repeat;background-position:577px 5px;padding:6px 0;}
#content-menu h2 img {vertical-align:middle;margin-left:10px;margin-top:-3px;}
#content-menu .content-block {width:601px;display:block;position:relative;padding:10px 0px;}
#content-menu .content-block p {width:360px;}
#content-menu .content-block .img-row2 {}

#body .atrakcije .content-block p {width:100%;padding-bottom:8px;color:#777;line-height:1.4;}
#body .atrakcije .content-block .img-row {position:static;z-index:auto;}
#body .atrakcije .content-block a.opsirnije {display:block;margin:7px 0px 7px 0px;color:#D90824;font-weight:bold;}

#content-menu2 {padding:10px 0px 10px 0px;}
#content-menu2 h2 {cursor:pointer;text-transform:uppercase;font-size:11px;color:#555;border-top:1px solid #DED4D2;border-bottom:0px none;background:url(../img/layout/plus_minus.png) no-repeat;background-position:260px 5px;padding:5px 0;}
#content-menu2 h2 img {vertical-align:middle;margin-left:10px;margin-top:-3px;}
#content-menu2 .content-block {width:280px;display:block;position:relative;padding:10px 0px;}
#content-menu2 .content-block p {color:#979595;font-size:9px;font-family:Verdana, Geneva, sans-serif;}
#content-menu2 .content-block .img-row2 {margin-right:30px;}

#body .summary {padding:13px 0px 0px 0px;}
#body .summary h3 {text-transform:uppercase;font-size:11px;color:#FF9E0F;font-weight:bold;margin:0px;padding:0px 0px 0px 0px;  }
#body .summary p {margin:0px;padding:0px 0px 13px 0px;}

/* prognoza / tečajna lista */
#body .d-okvir {border:1px solid #DDDADD;padding:5px 7px;position:relative;z-index:1;}
#body .d-okvir h3 {color:#D90824;font-size:13px;font-weight:bold;margin:0px;padding:0px;}
#body .d-okvir h4 {color:#FF9E0F;font-size:12px;font-weight:normal;margin:0px;padding:0px;}
#body .d-okvir ul {list-style:none;padding:9px 0px 4px 0px;font-family:Arial, Helvetica, sans-serif;}
#body .d-okvir .ikona {position:absolute;right:5px;top:5px;}
#body .d-okvir .ikona span {color:#FF9E0F;font-size:15px;font-weight:bold;}
#body .d-okvir .ikona img {vertical-align:middle;margin-right:2px;}
#body .d-okvir .ikona2 {position:absolute;right:5px;bottom:4px;}
#body .d-okvir .ikona2 span {color:#bbb;font-size:13px;font-weight:bold;}
#body .d-okvir .ikona2 img {vertical-align:baseline;margin-right:2px;}

/* gelerije */
#body ul.galerije {list-style:none;padding:0px;}
#body ul.galerije li {margin:2px 0px;}
#body ul.galerije li a {font-size:11px;display:block;padding:3px 0px 3px 8px;border-bottom:#eee 1px solid;color:#FD9702;font-weight:bold;text-transform:uppercase;}
#body ul.galerije li a.current {color:#aaa;}
#body ul.galerije li a:hover {color:#aaa;}
#body ul.galerije li.last a {border:0px none;}
#gallery-container {/*margin:6px 0px;*/}
#gallery-container a img {float:left;margin:0px 1px 1px 0px;}

/* footer */
#f-left {width:280px;padding:0px 25px 0px 15px;float:left;background:url(../img/layout/crta03-footer.gif) repeat-y right top;min-height:280px;height:auto!important;height:280px;}
#f-center {width:291px;padding:0px 5px 0px 25px;float:left;background:url(../img/layout/bg_center-footer.gif) repeat-y left top;min-height:280px;height:auto!important;height:280px;margin-left:-1px;}
#f-right {width:280px;padding:0px 15px 0px 25px;float:left;background:url(../img/layout/crta03-footer.gif) repeat-y left top;min-height:280px;height:auto!important;height:280px;margin-left:-1px;position:relative;}
#footer {color:#DAE7F1;font-family:"Times New Roman", Times, serif;font-style:italic;font-size:12px;}
#footer p {line-height:1.5;	}
#footer a {color:#DAE7F1;text-decoration:none;}
#footer h2 {color:#EEF4F9;font-family:"Times New Roman", Times, serif;font-size:18px;margin:0px;padding:10px 0px;}
#footer ul {padding-left:0px;list-style:none;}
#footer ul ul {padding-left:15px;}
#footer ul li a {color:#DAE7F1;text-decoration:none;display:block;padding:2px 0px;}
#futuro-logo {position:absolute;bottom:11px;right:13px;}
#htz-link {display:block;width:200px;height:100px;margin:20px 0 0 auto;background-image:url(../img/layout/sprite_htz_logo.png);background-repeat:no-repeat;}
#htz-link.en {background-position:0 0;}
#htz-link.it {background-position:0 -100px;}
#htz-link.cz {background-position:0 -200px;}
#htz-link.fr {background-position:0 -300px;}
#htz-link.de {background-position:0 -400px;}
#htz-link.pl {background-position:0 -500px;}
#htz-link.hr, #htz-link.sl {background-position:0 -600px;}



/* kontakt */
form {padding-left:0px;}
.kontakt {width:540px;height:120px;text-align:center;}
.kontakt-slika {float:left;margin:0px 0px 0px 120px;padding:2px;border:#E0ECF5 1px solid;}
.kontakt-input {padding:10px 0px 0px 0px;position:relative;display:block;}
.kontakt-input p {margin-top:4px;position:absolute;left:310px;display:inline;}
.kontakt-text {width:150px;height:20px;line-height:20px;background:#fff;border:#FF9E0F 1px solid;color:#777;font-size:12px;padding:3px 0px 0px 3px;}
.kontakt-botun {background:#fff;border:#FF9E0F 1px solid;color:#444;cursor:pointer; height:32px; line-height:31px;text-align:center;font-size:11px;color:#777;width:91px;}
a.kontakt-botun  { padding: 10px 25px 6px 25px;} 
.kontakt-botun:hover {color:#FF9E0F;}
textarea {width:350px;height:160px;background:#fff;color:#777;font-size:12px;padding:5px;font-family:Arial, Helvetica, sans-serif;border:#FF9E0F 1px solid;}
.error {border:1px #f00 solid!important;}
.map {height: 400px;width: 674px;margin-top:18px;}
select.kontakt-text {line-height:1;padding:0px;width:175px;}
.capcha-cont {vertical-align:-8px;border:#FF9E0F 1px solid;margin-right:65px;width:144px;height:18px;padding:3px 0px 2px 0px;float:right;background-color:#fff;}
a.kontakt-close {position:absolute;right:9px;top:10px;color:#FF9E0F;text-decoration:none;z-index:101;cursor:pointer;}
a.kontakt-close:hover {color:#fff;}
#overlay2 {position: absolute;top: 0;left: -9999px;width:100%;height:1009px;background:#000;z-index:100;display:none;}
#kontakt-over {width:370px;left:50%;top:118px;margin-left:-135px;position:absolute;z-index:101;}
#kontakt-info {width:160px;margin-left:-180px;position:absolute;text-align:right;}
#kontakt-info p {margin:14px 0 20px 0px;color:#FF9E0F;}
.limiter {padding:10px 0px 0px 0px;}
input.form-submit {
	background-color:#FFF;
	border-bottom:1px solid #EDE8E6;
	border-top:1px solid #EDE8E6;
	border-left:0px none;
	border-right:0px none;
	color:#524D4D;
	font-size:11px;
	font-weight:bold;
	padding:4px 0px;
	cursor:pointer;
	width:100%;
	text-align:left;
	outline:0px none;
}

/* prognoza */
#prognoza {border-collapse:collapse;height:219px;width:602px;background:url(../img/layout/bg_prognoza.png) repeat-x #F8F4DE;margin-top:15px;}
#prognoza * {margin:0px;padding:0px;border:0px;}
#prognoza td {border-right:1px solid #fff;border-bottom:1px solid #fff;padding:10px 10px;}
#prognoza tr td.br {border-right:1px #ddd solid;	}
#prognoza tr.date td {color:#FF9E0F;font-weight:bold;text-transform:uppercase;}
#prognoza tr.date td.br {color:#D90824;font-size:14px;}
#prognoza tr.temp td.br {color:#D90824;font-size:20px;}
#prognoza tr.temp td {color:#3F5F65;font-weight:bold;text-transform:uppercase;font-size:13px;padding:0px 10px;}
#prognoza tr.img td {}
#prognoza tr.desc td {vertical-align:top;padding:0px 10px 10px 10px;}
#prognoza tr.desc td p {color:#D90824;font-size:10px;}
#prognoza tr.desc td.br p.detail {color:#777;font-size:9px;}

/* colorbox */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

#cboxTopLeft, #cboxTopRight, #cboxBottomLeft, #cboxBottomRight, #cboxMiddleLeft, #cboxMiddleRight, #cboxPrevious, #cboxNext, #cboxClose {}
#cboxPrevious, #cboxNext {background-image:url(../img/layout/colorbox/controls.png);}
#cboxClose {background-image:url(../img/layout/colorbox/closelabel.gif);}

#cboxWrapper{background-color:#FFF;}
#cboxTopCenter, #cboxBottomCenter {}
#cboxOverlay{background-color:#000;}
#colorbox{}
#cboxTopLeft{width:15px; height:15px;background-position:-100px 0;}
#cboxTopRight{width:15px; height:15px;background-position:-129px 0;}
#cboxBottomLeft{width:15px; height:9px;background-position:-100px -29px;}
#cboxBottomRight{width:15px; height:9px;background-position:-129px -29px;}
#cboxMiddleLeft{width:15px;background-position:left top;background-repeat:repeat-y;}
#cboxMiddleRight{width:15px;background-repeat:repeat-y;background-position:right top;}
#cboxTopCenter{height:15px;background-position:0 0;}
#cboxBottomCenter{height:9px;background-position:0 -29px;}
#cboxContent{background:#fff;}
#cboxLoadedContent{margin-bottom:28px;}
#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;font-family:Arial, Helvetica, sans-serif;}
#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; bottom:0; left:0px;background-position:-75px 0px;width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious.hover{background-position:-75px -25px;}
#cboxNext{position:absolute; bottom:0; left:27px;background-position:-50px 0px;width:25px; height:25px; text-indent:-9999px;}
#cboxNext.hover{background-position:-50px -25px;}
#cboxLoadingOverlay{background:url(../img/layout/colorbox/loading_background.png) center center no-repeat;}
#cboxLoadingGraphic{background:url(../img/layout/colorbox/loading.gif) center center no-repeat;}
#cboxClose{position:absolute; bottom:0; right:0;width:66px; height:22px; text-indent:-9999px;}
#cboxClose.hover{}

/* newsletter */
#newsletter {padding:10px;background-color:#fff;border:1px solid #D90824;position:absolute;z-index:15;margin-top:-160px;width:259px;display:none;}
#newsletter #close {position:absolute;display:block;width:15px;height:15px;background:url(../img/layout/close.png) no-repeat center;top:10px;right:10px;}
#newsletter .red {color:#f00;}

/* cjenik */
table.cjenik {border-collapse:collapse;width:602px;}
table.cjenik thead tr td {background:#ddd;font-weight:bold;color:#D90824;}
table.cjenik td {padding:5px 8px;text-align:center;margin-bottom:10px;background:#eee;border-bottom:1px solid #fff;border-right:1px solid #fff;}

/* booking */
#booking-tablica-cont { overflow-x: auto;}
.error { border: 2px solid red;}
#body .rez-form select.select {border:1px solid #ccc;color:#FF9E0F;font-size:9px;font-family:Verdana, Geneva, sans-serif;padding:4px 5px;width:120px;}

#poklon-vaucher {margin-bottom:2px;}
#poklon-vaucher a {display:block;font-weight:bold;margin-bottom:6px;}
#poklon-vaucher a:hover {color:#777;}


/* booking cijenik */
#BookingFloat{
		background-color:white;
		opacity:0.99;
		padding:30px;
		position:absolute;
		top:118px;
		width:600px;
		z-index:101;
}
	
#BookingFloat p {margin:2px 0 8px 0px;color:#FF9E0F;}
a.opsirnije3 {
	color:#FD9702;	
	padding-top:6px;
}
a.opsirnije3:hover {
	color:#fff;	
}

.error-checked{
width: 30px;
height: 30px;
}

#container #body .red {
	color:#f00;	
}

.user-info{
float: right;
}

.book-info{
width: 300px;
float: left;

}


#booking-tablica-cont{
clear: both;
}