*{ margin:0; border:0; padding:0; }

body{ background:#fff; color:#000; font-family:Arial, Helvetica; font-size:11px; }

img, a img{ display:block; border:0; }

a:focus{ outline:none; }



#menu a.selected {background: #fff; color: #233A5E;}

#header a.selected {border-bottom: 1px solid red;}



h1{ font:20px Arial; color:#fff; padding:15px 0 15px 20px; }

h2{ margin:10px 0; }

h3{ margin:10px 0; }

p{ font:11px/1.5em Arial; color:#fff; margin-bottom:15px; }

ul, ol{ list-style:none; }

li{}







input, textarea{ border:1px solid #BCBCBC; }



.clear{ clear:both; }



table{ border-collapse:collapse; color:#fff; }



#galleryHome { position: absolute; top: 110px; left: 0; }



#container{ position: relative; width:960px; margin:0 auto; /**/ height:590px; }

#header{ /**/ height:110px; text-align:right; position:relative; }

    #header a#baska{ position:absolute; z-index:20; left:20px; bottom:10px; width:151px; height:80px; background:url(bg/logo.gif) no-repeat 0 0; text-indent:-9999px; display:block; }

    #header a#baska span, #header a#years span{ display:none; }

    #header a#years{ position:absolute; z-index:20; top:20px; left:185px; bottom:10px; width:60px; height:56px; background:url(bg/60years.jpg) no-repeat 0 0; display:block; }

    #header ul{ padding-top:80px; }

        #header li{ display:inline; font-size:13px; font-weight:bold; padding-right:20px; }

            #header li a{ color:#005596; text-decoration:none; }

            #header li a:hover, #header li a.active{ border-top:2px solid #005596; padding-top:2px; }





    #header ul.switch-lang{ position:absolute; top:20px; right:0; padding:0; }

        #header ul.switch-lang li{ font-size:11px; padding:0 10px; border-right:1px solid #699CC3; }

        #header ul.switch-lang li a{ color:#699CC3; }

        #header ul.switch-lang li a:hover{ border-color:#699CD7; }





#footer{ clear:both; padding:10px 0; /**/  text-align:center; position:relative; }

    #footer li{ display:inline; padding-right:20px; font-size:11px; font-weight:bold; }

        #footer li a{ text-decoration:none; color:#699CC3; }

        #footer li a:hover{ border-top:2px solid #699CD7; padding-top:2px; }



#footer a#ador{ position:absolute; right:40px; top:12px; width:18px; height:11px; display:block; background:url(bg/ador.gif) no-repeat 0 0; }



#menu, #content{ height:440px; }



#menu{ width:190px; float:left; background:#10879E url(bg/menu_01.jpg) no-repeat 0 0; position:relative; }

    #menu ul{ margin-top:20px; }

        #menu ul li{ display:block; font-size:13px; line-height:13px; font-weight:bold; }

            #menu ul li a{ text-decoration:none; padding:5px 0; padding-left:20px; color:#fff; display:block; }

            #menu ul li a:hover, #menu ul li a.active{ background:#fff; color:#233A5E; }

            

            

/* 2nd LEVEL */



            #menu ul ul{ margin-top:0; display: none; }

                #menu ul ul li{ font-size:11px; }

                    #menu ul ul li a{ padding:2px 0; padding-left:35px; }

            

#menu a#slide-booking, #partneri-booking{ background:url(bg/booking2.png) no-repeat 0 0; width:175px; height:40px; display:block; }

#menu a#slide-booking.slider-up{ background:url(bg/booking.png) no-repeat 0 0; }

#partneri-booking{ position:absolute; bottom:5px; left:5px; }

#menu ul ul ul li a { padding-left: 45px;}



#content{position:relative; width:266px; padding:0 0 0 0; background:#233A5E; float:right; /**/ border-left:2px solid #fff; }

#content p{ text-align:justify; }

    #content a{ color:#fff; }

#content ul {list-style:disc; margin-left:15px; margin-bottom:15px; }

#content ul li{ color:#fff; }

#content ul ul{ margin-bottom:0; }





#imagery{ display:block; width:500px; height:440px; overflow:hidden; background:#fff; position:relative; float:left; border-left:2px solid #fff; }

#map{ width:500px; height:440px; display:block; top:0; z-index:1000; position:absolute; }



#imagery-transparency, #imagery-transparency-booking, #imagery-transparency-homepage{ position:absolute; bottom:0; left:0; width:100%; height:130px; z-index:5; background:#161616; opacity:.8; filter: alpha(opacity=80); -moz-opacity: 0.8; }

#imagery-transparency { display: none; }

#imagery-transparency-homepage{ height:150px; background: #6297AF; }

#bigPic{ width:500px; position:absolute; top:0; }

#imagery .prez-image{ position:absolute; top:0; left:0; z-index:1; }



#gallery{ display:block; position:absolute; bottom:0; padding-top:310px; width:100%; height:130px; z-index:100; }

#gallery a#slide-gallery{ position:absolute; display:block; bottom:130px; right:220px; z-index:550; background:url(bg/arrow-down.png) no-repeat 0 0; width:60px; height:25px; font:bold 12px/25px Arial; text-indent:-9999px; text-align:center; color:#f00; text-decoration:none; }

#gallery a#slide-gallery span{ display:none; }



#decoration{ position:absolute; top:10px; right:10px; z-index:10; width:180px; padding:10px 20px 10px 20px; background:#fff; border:3px solid #10879E; -moz-border-radius: 20px; }

#decoration p, #decoration h1{ color:#000; }

#decoration p.price{ color:#f60; font-size:16px; font-weight:bold; text-align:right; }

    #decoration ul{ list-style:disc outside; margin-left:20px; }

        #decoration ul li{ font-size:11px; }



/* .slider-up{ display:none; visibility:hidden; } */





/* NASLOVNICA */

#contentHome{ position:relative; width:960px; height:150px; padding:290px 0 0 0; overflow:hidden; }

#contentHome #imagery-transparency{ left:0; height:150px; background: #6297AF;}



.singlePanel{ width:140px; height:120px; padding:0 10px; float:left; overflow:hidden; font: bold 12px arial, verdana, sans-serif; }

.singlePanel a{ color:#fff; padding-right:20px; display:block; }

.singlePanel p strong {font-size:14px; }

#bookingFormHome, #posebnePonudeHome{ position:absolute;left:0;bottom:0; width:460px; z-index:100;}

#posebnePonudeHome{ width:500px;  }

#posebnePonudeHome { left:460px;display:none;}

#bookingFormHome .singlePanel{ width:221px; }

#bookingFormHome input, #bookingFormHome select, #bookingFormHome option{ font:11px Arial; }

#bookingFormHome input{ border:0; padding:2px; background:#fff; }



#bookingForma { position:absolute;left:0;bottom:-130px; width:500px; z-index:500; }

#bookingForma .singlePanel{ width:230px; position:relative; z-index:50; }





#posebnePonudeHome a{ text-decoration:none;}

#bookingFormHome h3, #posebnePonudeHome h3{ margin:0; line-height:30px; padding-left:10px; color:#fff; font-size:15px; }

#posebnePonudeHome h3{ position:absolute; bottom:120px; left:-2px; }



#posebnePonudeHome a{ border:0;  }

#posebnePonudeHome li.singlePanel{ margin:0; padding:10px 8px 0 8px; } 



#home-slider{ position:relative; bottom:0; width:100%; height:150px; border-top:1px solid #fff; z-index:10; }

#home-slider a#slide{ font:italic 12px/25px Georgia; position:absolute; top:-26px; text-decoration:none; right:0; width:180px; height:25px; color:#005596; background:url(bg/strelica2.png) no-repeat 0 0; }

#home-slider a#slide span{ display:none; }



#container .gmnoprint p{ color:#000; }



/*

POSEBNE PONUDE

*/



table.price{ color:#fff; margin-bottom:15px; }

table.price thead th{ font-size:14px; padding:10px; }

table.price tbody th{ vertical-align:top; border:1px solid #999; padding:5px 10px; text-align:right; }

table.price tbody tr.price-headers th{ text-align:center; }

table.price td{ border:1px solid #999; padding:5px 10px; text-align:right; }



table.priceLeftNB{ color:#fff; margin-bottom:15px; }

table.priceLeftNB thead th{ font-size:14px; padding:10px; }

table.priceLeftNB tbody th{ vertical-align:top; border:1px solid #999; padding:5px 10px; text-align:right; }

table.priceLeftNB tbody tr.price-headers th{ text-align:center; }

table.priceLeftNB td {text-align:left; border: 0px;padding:5px 10px; }







/*

J.CAROUSEL

*/



ul#mycarousel{ position:absolute; bottom:0; }





/*

J.SCROLLPANE

*/



#scrollPanel{ margin:0 0 0 20px; padding-right:25px; height:360px; width:230px; }

#scrollPanel.articleContent{ width:732px; }



.jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; }



.jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; }

 

.jScrollPaneDrag { position: absolute; cursor: pointer; overflow: hidden; background:url(bg/jpane-track.gif) repeat-y 0 0; }

.jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; }

.jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; }



a.jScrollArrowUp, 

a.jScrollArrowDown { display: block; position: absolute; z-index: 1; right: 0; text-indent: -2000px; overflow: hidden; background: url(bg/jpane-arrow-up.gif) repeat-x 0 0; height: 8px; }

a.jScrollArrowUp{ top:0; }

a.jScrollArrowDown {  bottom: 0; background: url(bg/jpane-arrow-down.gif) repeat-x 0 0; }

a.jScrollArrowUp:hover,  

a.jScrollArrowDown:hover{ /* background-position: 0 -8px; */ }





a.jScrollActiveArrowButton, 

a.jScrollActiveArrowButton:hover { /* background-position: 0 -16px; */ }







/* kontakt forma */

#kontaktForma fieldset legend, #kontaktForma fieldset h3 { font:bold 12px Arial, verdana, sans-serif; padding-top:10px; color:#233A5E;  }

#kontaktForma fieldset h3{ /* border-top:1px solid #C5D6F0; */ clear:left;  }

#kontaktForma fieldset{ float:left; width:385px; padding:10px; }

#kontaktForma ul{ border:1px dashed #ddd; padding:5px 0; }

#kontaktForma li{ width:100%; padding:5px 0; clear:left; }

#kontaktForma li:hover{ background:#f6f6f6; }

#kontaktForma input, #kontaktForma textarea{ width:220px; padding:2px; font:11px Arial; border-color:#ddd; }

#kontaktForma label{ float:left; width:120px; text-align:right; padding:3px 10px; font:bold 11px Arial; color:#233A5E; }

#kontaktForma p{ color:#233A5E; }

#kontaktForma fieldset ul.checkbox label{ float:none; text-align:left; padding-left:8px; padding-top:0; }

#kontaktForma fieldset ul.checkbox input{ width:auto; margin-top:3px; margin-left:110px; }



#kontaktForma input#btnSubmit{ clear:both; width:auto; background:#233A5E; color:#fff; border:0; font-weight:bold; margin-left:10px; cursor:pointer; }



#kontaktForma #dvoranaOprema ul.checkbox li{ float:left; width:160px; padding-left:10px; clear:none; }

#kontaktForma #dvoranaOprema ul.checkbox input{ margin-left:0; }

#kontaktForma #dvoranaOprema ul.checkbox{ float:left; width:780px; }



/* 

kontakt forma kamp 

*/







#kontaktFormaKamp fieldset legend, #kontaktFormaKamp fieldset h3 { font:bold 12px Arial, verdana, sans-serif; padding-top:10px; color:#233A5E; }

#kontaktFormaKamp fieldset h3{ /* border-top:1px solid #C5D6F0; */ clear:left;  }

#kontaktFormaKamp fieldset{ float:left; width:385px; padding:10px; }

#kontaktFormaKamp ul{ border:1px dashed #ddd; padding:5px 0; }

#kontaktFormaKamp li{ width:100%; padding:5px 0; clear:left; }

#kontaktFormaKamp li:hover{ background:#f6f6f6; }

#kontaktFormaKamp input, #kontaktFormaKamp textarea{ width:220px; padding:2px; font:11px Arial; border-color:#ddd; }

#kontaktFormaKamp label{ float:left; width:120px; text-align:right; padding:3px 10px; font:bold 11px Arial; color:#233A5E; }

#kontaktFormaKamp p{ color:#233A5E; }

#kontaktFormaKamp fieldset ul.checkbox label{ float:none; text-align:left; padding-left:8px; padding-top:0; }

#kontaktFormaKamp fieldset ul.checkbox input{ width:auto; margin-top:3px; margin-left:110px; }



#kontaktFormaKamp input#btnSubmit{ clear:both; width:auto; background:#233A5E; color:#fff; border:0; font-weight:bold; margin-left:10px; cursor:pointer; }



#kontaktFormaKamp #kontaktPodaci {}

#kontaktFormaKamp #smjestaj {}



/* by Nikola */

#jamstvoHover { display: block; position: absolute; bottom:10px; left:10px;  color:#F4E28C; font-weight:bold; }

#kreditiHover { display: block; position: absolute; bottom:10px; left:250px;  color:#F4E28C; font-weight:bold; }

#fader, #fader-krediti { display: none; position: absolute; bottom: 40px; left:10px; width: 400px; border:1px solid #999; padding:10px; background: #fff; color: #000; clear: both; z-index:55000; }

#fader p, #fader-krediti p { color: #000; }

#fader a, #fader-krediti a { color:#000; font-weight:bold; }

#fader a:hover, #fader-krediti a:hover{ text-decoration:none; }



#menu #fader { bottom: 50px; width: 168px; left:0; }

#menu #fader-krediti { bottom: 50px; width: 168px; left:0; }

#menu #jamstvoHover { width:190px; margin-bottom: -7px; margin-left: -10px; text-align:center; }

#menu #kreditiHover { width:190px; margin-bottom: -7px; margin-left: -10px; text-align:center; }





#sliding-popup { position: absolute; bottom: 120px; right:30px; width: 400px; border:1px solid #999; padding:10px; background: #fff; color: #000; clear: both; z-index:55000; }

#sliding-popup p { color: #000; }

#sliding-popup a{ color:#000; font-weight:bold; }

#sliding-popup a:hover{ text-decoration:none; }











#closeBooking { position:absolute; right: 10px; top: -5px; z-index: 50000; }

#close-booking { color: #eee; text-decoration: none; }





#content p.stars{ font-size:22px; color:#F4E28C; margin:0; padding:0; text-align:center; display:block; position: absolute; top: 0; width: 100%; }





.so-image{ float:right; padding-left:20px; }



.posalji-upit{ border-style:solid; border-color:#fff; border-width:2px 0; padding:3px 10px; text-decoration:none; font-weight:bold; margin-right:20px; }



/* B2B */

#b2bDatoteke div{margin-bottom: 10px;}

span.filename {display:block; float:left; width:200px;}

span.filesize {display:block; float:left; width:60px;}

span.opis {display:block; width:300px;clear:both;}



.b2b-links{ display:block; text-decoration:none; }

#content .b2b-links:hover{ background:#fff; color:#233A5E; }







#content ul.partneri-multimedia{ list-style:none; margin:0; padding:20px 0 0; height:324px; overflow:hidden; }

.partneri-multimedia li{ float:left; padding:0 18px 0 0; width:162px; height:162px; }

.partneri-multimedia li img{ display:block; margin-bottom:5px; border:1px solid #fff; width:160px; height:105px; }





#content ul.partneri-pagging{ list-style:none; width:100%; clear:both; margin:0; text-align:center; }

.partneri-pagging li{ display:inline; padding-right:3px; }

#content .partneri-pagging li a{ padding:2px; text-decoration:none; }

#content .partneri-pagging li a:hover, #content .partneri-pagging li .selected{ background:#fff; color:#233A5E; }



input.partneri-logout{ background: none; border:0; position:absolute; right:5px; top:5px; color:#FFF; cursor:pointer; font:bold 11px Arial; padding:2px; text-decoration:underline; }



#banner, #bannerEn, #bannerNl, #bannerIt, #bannerDe, #bannerRu{ position:absolute; bottom:278px; right:0; width:268px; height:218px; }



input.partneri-logout{ background: none; border:0; position:absolute; right:5px; top:5px; color:#FFF; cursor:pointer; font:bold 11px Arial; padding:2px; text-decoration:underline; }

#besplatanInternet{ position:absolute; top:10px; left:250px; width:55px; height:57px; background:url(bg/free-internet.gif) no-repeat 0 0; }

#besplatanIzlet{ position:absolute; top:10px; left:320px; width:55px; height:57px; background:url(bg/free-izlet.gif) no-repeat 0 0; }

#facebookLink { position:absolute; top:10px; left:320px; width:55px; height:57px; background:url(bg/ikona_face.jpg) no-repeat 0 0; }



p.left-booking{text-align:center; position:absolute; bottom:0; left:10px; font:bold 18px Arial;}