* { font-family: /*Trebuchet MS,*/Verdana,Arial,Helvetica,sans-serif; font-size: 12px; /*color: #666464;*/color: #000000; } BODY { margin: 0px; background: url(../images/body_bg.gif) repeat-x; background-color: #FFFFFF; } .trans { behavior: url(../include/js/iepngfix.htc); } #aligner { width: 1174px; text-align: left; margin-top: 20px; } /* header */ #header { height: 520px; padding: 0px 30px 0px 40px; background: url(../images/design/header_bg.png) no-repeat; } #header_inner_left { margin-top: 10px; float: left; width: 362px; } #header_inner_right { margin-top: 10px; float: right; width: 742px; } #top_meni { width: 686px; height: 138px; } #top_meni_left { width: 290px; vertical-align: bottom; } #link_home { width: 250px; height: 120px; display: block; background: url(../images/design/logo.png) no-repeat; } #top_meni_right { color: #315235; text-align: right; vertical-align: bottom; } #top_meni_right A { color: #315235; } #head_pic { background: url(../images/design/head_pic_bg.jpg) no-repeat; padding: 28px; } #head_pic IMG { margin: 28px; } #head_pic_video { height: 302px; background: url(../images/design/head_pic.jpg) no-repeat; } TABLE.video_table { width: px; height: 302px; } #video_frame { background: url(../images/design/video_bg.png) no-repeat; padding: 20px; } /* header kraj */ /* lijevi meni */ A.left_meni_main { display: block; font-weight: bold; font-size:14px; color: #FAB666; text-decoration: none; line-height:28px; padding-left: 44px; } A.left_meni_main:hover { text-decoration: none; color:#F16726; } A.left_meni_main_sel { display: block; font-weight: bold; font-size:14px; color:#F16726; text-decoration: none; line-height:28px; padding-left: 44px; background: url(../images/design/left_meni_main_bg.gif) no-repeat; } A.left_meni_main_sel:hover { text-decoration: none; background: url(../images/design/left_meni_main_bg.gif) no-repeat; } A.left_meni { display: block; font-weight: bold; font-size:12px; color: #FAB666; text-decoration: none; line-height:28px; padding-left: 24px; margin-left: 44px; } A.left_meni:hover { text-decoration: none; color: #F16726; } A.left_meni_sel { display: block; font-weight: bold; font-size:12px; color: #F16726; text-decoration: none; line-height:28px; padding-left: 24px; margin-left: 44px; background: url(../images/design/left_meni_bg.gif) no-repeat; } A.left_meni_sel:hover { text-decoration: none; background: url(../images/design/left_meni_bg.gif) no-repeat; } /* lijevi meni kraj */ /* content */ #content { background: url(../images/design/content_bg.gif) repeat-y; } #content_inner { padding: 0px 76px 0px 40px; } #content_inner_left { width: 362px; vertical-align: top; padding-top: 38px; } #karta { background: url(../images/karta.png) no-repeat; width: 330px; height: 260px; } #content_inner_right { width: 686px; vertical-align: top; } .social_networks{text-align: right; margin-top: -13px; position: relative; z-index: 66} .social_networks img{margin-bottom: 15px; margin-left: 10px; border: 0px;} img.smjestaj_u_zimskom_razdoblju{margin-bottom: 15px; margin-left: 0px; margin-right: 15px; border: 0px;} DIV.video_frame_xl { width: 520px; height: 430px; background: url(../images/design/table_fotogalerija_main_bg.gif) no-repeat; } TABLE.video_main { width: 520px; } TABLE.video_main TD.main_video { vertical-align: middle; text-align: center; height: 320px; } TABLE.video_inner { background: url(../images/design/video_main_bg.gif) no-repeat; width: 380px; height: 320px; } DIV.video_frame { border: double 3px #F16726; margin: 30px; } DIV.plan_kampa { text-align: left; float: right; width: 200px; line-height: 28px; margin-bottom: 10px; background: url(../images/design/plan_kampa_bg.gif) no-repeat; } DIV.plan_kampa A { display: block; padding-left: 40px; font-weight: bold; color: #315235; } DIV.plan_kucica { text-align: left; float: right; width: 200px; line-height: 28px; margin-bottom: 10px; background: url(../images/design/plan_kucica_bg.gif) no-repeat; } DIV.plan_kucica A { display: block; padding-left: 40px; font-weight: bold; color: #315235; } DIV.cjenik { text-align: left; float: right; width: 200px; line-height: 28px; margin-bottom: 10px; background: url(../images/design/cjenik_bg.gif) no-repeat; } DIV.cjenik A { display: block; padding-left: 40px; font-weight: bold; color: #315235; } DIV.kucni_red { text-align: left; float: right; width: 200px; line-height: 28px; margin-bottom: 10px; background: url(../images/design/kucni_red_bg.gif) no-repeat; } DIV.kucni_red A { display: block; padding-left: 40px; font-weight: bold; color: #315235; } /* content kraj */ /* footer */ #footer { background: url(../images/design/footer_bg.gif) no-repeat; height: 92px; padding-right: 76px; } #footer_inner { float: right; width: 686px; color: #F7941D; font-weight: bold; font-size: 14px; text-align: center; margin-top: 40px; } #footer_inner A { color: #F7941D; font-weight: bold; font-size: 14px; } #impressum { padding-left: 40px; padding-right: 40px; } #izjave { color:#8FB0E5; float: left; width: 800px; } #izjave A { color:#8FB0E5; } #prava { color:#8FB0E5; float: right; width: 280px; text-align: right; } /* footer kraj */ A { color: #F16726; text-decoration: none; } A:hover { text-decoration: underline; } A.h1 { font-size: 18px; color:#F16726; } A.h2 { font-size:14px; color:#F16726; font-weight: bold; } A.bold { font-size:14px; color:#F16726; font-weight: bold; } P { margin: 10px 0px 10px 0px; text-align: justify; line-height: 18px; } LI { text-align: justify; line-height: 18px; } LI.podnaslov { font-size:14px; color:#F16726; margin: 0px; font-weight: bold; } .justify { text-align: justify; } .sitno { font-size: 11px; } H1 { font-size: 18px; color:#F16726; margin: 0px 0px 10px 0px; line-height: 28px;/*line-height: 38px;*/ padding-left: 10px; border-bottom: double 3px #F16726; /*background: url(../images/design/h1_bg.gif) no-repeat;*/ text-transform: uppercase; font-weight: normal; } H1.home { background: none; line-height: 18px; padding-left: 0px; margin: 0px; border-bottom: none; } h1 sup{color:#BA5120; text-transform: lowercase} /*H1.left{ font-size: 16px; color:#F16726; margin: 0px 0px 0px 34px; line-height: 28px; padding-left: 10px; background: url(../images/design/h1_left_bg.gif) no-repeat; }*/ H2 { font-size:14px; color:#F16726; margin: 0px 0px 10px 0px; /*border-bottom: double 3px #F16726;*/ } H3 { font-size:12px; color:#F16726; margin: 0px 0px 10px 0px; } H4 { font-size:11px; margin: 0px; } DIV.content_wrap { padding: 0px 10px 0px 10px; } DIV.thumbgen { float: right; width: 220px; text-align: right; padding-top: 20px; } DIV.imageselector_div { background: url(../images/design/thumbgen_bg.gif) no-repeat; width: 200px; height: 155px; } IMG.imageselector { margin-top: 10px; } DIV.imageselector_hor_div { background: url(../images/design/thumbgen_hor_bg.gif) no-repeat; width: 160px; height: 125px; } IMG.imageselector_hor { margin-top: 10px; } DIV.imageselector_galerija_div { background: url(../images/design/thumbgen_bg.gif) no-repeat; width: 200px; height: 155px; text-align: center; } IMG.imageselector_galerija { margin-top: 10px; } TABLE.cjenik { width: 666px; border-style: solid none none solid; border-width: 1px; border-color: #FFB865; } TABLE.cjenik TH { background-color: #FFECD3; border-style: none solid solid none; border-width: 1px; border-color: #FFB865; padding: 0px 5px 0px 5px; } TABLE.cjenik TD { border-style: none solid solid none; border-width: 1px; border-color: #FFB865; height: 20px; } TABLE.izracun { border-style: solid none none solid; border-width: 1px; border-color: #FFB865; background-color: #F8F8F2; } TABLE.izracun TH { background-color: #FFECD3; border-style: none solid solid none; border-width: 1px; border-color: #FFB865; padding: 0px 5px 0px 5px; } TABLE.izracun TD { border-style: none solid solid none; border-width: 1px; border-color: #FFB865; } TABLE.podaci { width: 666px; } TABLE.podaci TD { padding-left: 10px; } TR.row1 { background-color: #FFECD3; } TABLE.podaci2 { width: 310px; border: 1px solid #F16726; } TABLE.podaci2 TH { background-color: #F16726; color: #FFFFFF; height: 20px; } TABLE.podaci2 TD { text-align: center; height: 20px; } .dot_spacer { background-image: url(../images/design/dots_spacer.gif); background-repeat: repeat-y; bachground-positiion: center; width: 3px; } .dot_spacer_hor { background-image: url(../images/design/dots_spacer_hor.gif); background-repeat: repeat-x; bbachground-position: bottom; } TD.kontakt { font-weight: bold; font-size: 11px; text-align: right; width: 120px; } INPUT,TEXTAREA,SELECT,button,submit { font-size: 11px; color: #000000; width: 180px; background-color:#FFFFFF; border-width:1px; border-color:#F16726; cursor: pointer; padding-left: 5px; } TEXTAREA.rezervacija { width: 510px; } INPUT.button { font-weight: bold; background-color: #FFC785; color: #315235; text-transform: uppercase; } INPUT.check { width: 20px; } TABLE.rezervacija_table { width: 660px; } TABLE.rezervacija_table TH { font-size: 16px; color:#315235; line-height: 28px; padding-left: 10px; background-color: #FFC785; } TD.kontakt_rez { font-weight: bold; font-size: 11px; text-align: right; width: 120px; color: #315235; } DIV.kontakt_rez { font-weight: bold; font-size: 11px; color: #315235; } IMG.kucica { margin: 5px 0px 0px 5px; } /* H1.booking { font-size: 18px; color:#F16726; margin: 0px; line-height: 42px; background-image:url(../images/ibooking_design/h2_booking_bg.gif); background-repeat: no-repeat; background-position: bottom left; } H2.booking { font-size: 16px; color:#443E3E; margin: 0px; line-height: 48px; background-image:url(../images/ibooking_design/h2_booking_bg.gif); background-repeat: no-repeat; background-position: bottom left; } DIV.lang_menu { height: 17px; line-height: 17px; font-size: 11px; float: right; padding-right: 6px; color: #000000; } DIV.lang_menu A { font-size: 11px; text-decoration: none; color: #000000; } DIV.lang_menu A:hover { text-decoration: underline; } DIV.main_menu { color: #FFFFFF; font-weight: bold; font-size: 11px; float: right; padding-right: 10px; } DIV.main_menu A { color: #FFFFFF; font-size: 11px; text-decoration: none;} DIV.main_menu A:hover { text-decoration: underline; } TD.menu_main { height: 27px; background-image: url(../images/menu.gif); background-repeat: no-repeat; } TD.menu_main_home { height: 27px; background-image: url(../images/menu_home.jpg); background-repeat: no-repeat; } TABLE.content { background-image: url(../images/content_bg.gif); background-repeat: repeat-y; } TABLE.content TD { vertical-align: top; } .main_content { width: 602px; } .footer { height: 47px; background-image: url(../images/footer.gif); background-repeat: no-repeat; color: #FFFFFF; text-align: center; } .right { width: 325px; } .right_home { width: 328px; } DIV.welcome { background-image: url(../images/welcome_bg.gif); background-repeat: no-repeat; height: 300px; color: #000000; } */ /* IMG.imageselector { border: solid 1px #F16726; } IMG.imageselector_3 { border: solid 3px #F16726; } A.left_meni_main2 { display: block; font-size:12px; color: #FAB666; text-decoration: none; padding-left: 14px; } A.left_meni_main2:hover { text-decoration: none; color:#F16726; } */ #banner{ top: 30px;border: 15px solid white;left: 50%; margin-left: -350px; position: absolute; width: 700px; height: 500px; z-index: 95; background-color: #280000} #close_button{ display: block; z-index: 99; background-image: url('../images/close_icon.png'); background-color: transparent; position: absolute; left: 50%; margin-left: 350px; top: 0px; width: 40px; height: 40px; cursor: pointer; } .thumbOpen{ display: block; position: absolute; width: 15px; height: 15px; } .kartaHR{ background: url(../images/planovi/mobilke_kamp_kovacine_s_hr.jpg) 0 0 no-repeat; border: double 3px #FAB666; width:666px; height: 596px; position: relative; } .kartaDE{ background: url(../images/planovi/mobilke_kamp_kovacine_s_de.jpg) 0 0 no-repeat; border: double 3px #FAB666; width:666px; height: 596px; position: relative; } .kartaEN{ background: url(../images/planovi/mobilke_kamp_kovacine_s_en.jpg) 0 0 no-repeat; border: double 3px #FAB666; width:666px; height: 596px; position: relative; } .kartaIT{ background: url(../images/planovi/mobilke_kamp_kovacine_s_it.jpg) 0 0 no-repeat; border: double 3px #FAB666; width:666px; height: 596px; position: relative; } #kucica01{top: 480px; left: 482px;} #kucica02{top: 460px; left: 503px;} #kucica03{top: 414px; left: 502px;} #kucica04{top: 384px; left: 500px;} #kucica05{top: 426px; left: 470px;} #kucica06{left: 435px; top: 476px;} #kucica07{left: 426px; top: 424px;} #kucica08{left: 404px; top: 472px;} #kucica09{left: 395px; top: 442px;} #kucica10{left: 395px; top: 413px;} #kucica11{left: 348px; top: 469px;} #kucica12{left: 346px; top: 440px;} #kucica13{left: 343px; top: 410px;} #kucica14{left: 279px; top: 454px;} #kucica15{left: 306px; top: 431px;} #kucica16{left: 293px; top: 397px;} #kucica17{left: 247px; top: 444px;} #kucica18{left: 271px; top: 419px;} #kucica19{left: 200px; top: 424px;} #kucica20{left: 220px; top: 399px;} #kucica21{left: 244px; top: 380px;} #kucica22{left: 168px; top: 410px;} #kucica23{left: 185px; top: 371px;} #kucica24{left: 209px; top: 353px;} #kucica25{left: 132px; top: 386px;} #kucica26{left: 69px; top: 368px;} #kucica27{left: 100px; top: 358px;} #kucica28{left: 135px; top: 350px;} #kucica29{left: 176px; top: 329px;} #kucica30{left: 94px; top: 335px;} #kucica31{left: 136px; top: 322px;} #kucica32{left: 162px; top: 302px;} #kucica33{left: 111px; top: 290px;} #kucica34{left: 63px; top: 297px;} #kucica35{left: 75px; top: 271px;} #kucica36{left: 33px; top: 322px;} #kucica37{left: 35px; top: 283px;} #kucica38{left: 50px; top: 254px;} #kucica39{left: 210px; top: 279px;} #kucica40{left: 231px; top: 252px;} #kucica41{left: 245px; top: 317px;} #kucica42{left: 253px; top: 282px;} #kucica43{left: 281px; top: 327px;} #kucica44{left: 343px; top: 334px;} #kucica45{left: 355px; top: 300px;} #kucica46{left: 365px; top: 264px;} #kucica47{left: 369px; top: 229px;} #kucica48{left: 369px; top: 349px;} #kucica49{left: 384px; top: 320px;} #kucica50{left: 392px; top: 290px;} #kucica51{left: 402px; top: 256px;} #kucica52{left: 428px; top: 335px;} #kucica53{left: 448px; top: 289px;} #kucica54{left: 478px; top: 352px;} #kucica55{left: 466px; top: 323px;} #kucica56{left: 484px; top: 300px;} #kucica57{left: 539px; top: 451px;} #kucica58{left: 530px; top: 414px;} #kucica59{left: 528px; top: 372px;} #kucica60{left: 518px; top: 332px;} #kucica61{left: 521px; top: 298px;} #kucica62{left: 508px; top: 239px;} #kucica63{left: 600px; top: 446px;} #kucica64{left: 597px; top: 398px;} #kucica65{left: 595px; top: 361px;} #kucica66{left: 590px; top: 316px;} #kucica67{left: 585px; top: 275px;} #kucica68{left: 573px; top: 233px;} #kucica69{left: 581px; top: 200px;} #kucica70{left: 570px; top: 161px;} #kucica71{left: 511px; top: 203px;} #kucica72{left: 532px; top: 181px;} #kucica73{left: 512px; top: 131px;} #kucica74{left: 503px; top: 172px;} #kucica75{left: 475px; top: 201px;} #kucica76{left: 478px; top: 251px;} #kucica77{left: 411px; top: 220px;} #kucica78{left: 428px; top: 179px;} #kucica79{left: 441px; top: 137px;} #kucica80{left: 380px; top: 189px;} #kucica81{left: 394px; top: 158px;} #kucica82{left: 407px; top: 121px;} #kucica83{left: 296px; top: 294px;} #kucica84{left: 281px; top: 262px;} #kucica85{left: 312px; top: 246px;} #kucica86{left: 303px; top: 219px;} #kucica87{left: 291px; top: 187px;} #kucica88{left: 271px; top: 160px;} #kucica89{left: 256px; top: 117px;} #kucica90{left: 257px; top: 214px;} #kucica91{left: 247px; top: 179px;} #kucica92{left: 233px; top: 152px;} #kucica93{left: 208px; top: 115px;} #kucica94{left: 195px; top: 195px;} #kucica95{left: 212px; top: 229px;} #kucica96{left: 144px; top: 219px;} #kucica97{left: 118px; top: 195px;} #kucica98{left: 143px; top: 168px;} #kucica99{left: 318px; top: 139px;} #kucica100{left: 325px; top: 163px;} #kucica101{left: 578px; top: 126px;} #kucica102{left: 548px; top: 106px;} #kucica103{left: 551px; top: 76px;} #kucica104{left: 587px; top: 91px;} #kucica105{left: 564px; top: 51px;} #kucica106{left: 604px; top: 65px;} #kucica107{left: 576px; top: 28px;} #kucica108{left: 617px; top: 47px;} #kucica109{left: 583px; top: 6px;} #kucica110{left: 637px; top: 17px;} .karta2HR{ background: url(../images/planovi/mobilke2_kamp_kovacine_b_hr.jpg) 0 0 no-repeat; border: double 3px #FAB666; width:612px; height: 475px; position: relative; } .karta2DE{ background: url(../images/planovi/mobilke2_kamp_kovacine_b_de.jpg) 0 0 no-repeat; border: double 3px #FAB666; width:612px; height: 475px; position: relative; } .karta2EN{ background: url(../images/planovi/mobilke2_kamp_kovacine_b_en.jpg) 0 0 no-repeat; border: double 3px #FAB666; width:612px; height: 475px; position: relative; } .karta2IT{ background: url(../images/planovi/mobilke2_kamp_kovacine_b_it.jpg) 0 0 no-repeat; border: double 3px #FAB666; width:612px; height: 475px; position: relative; } .thumbOpen2{ display: block; position: absolute; width: 43px; height: 12px; } .thumbOpen290{ display: block; position: absolute; width: 12px; height: 43px; } .kamp_kucice2{ width: 310px; height: 145px; background: #fff; text-align: center; } #k501_502{left: 257px; top: 359px;} #k513_514{left: 166px; top: 378px;} #k511_512{left: 160px; top: 313px;} #k509_510{left: 160px; top: 297px;} #k517_518{left: 160px; top: 266px;} #k519_520{left: 160px; top: 249px;} #k507_508{left: 229px; top: 293px;} #k523_524{left: 264px; top: 291px;} #k503_504{left: 303px; top: 294px;} #k525_526{left: 339px; top: 304px;} #k521_522{left: 222px; top: 233px;} #k601_602{left: 280px; top: 128px;} #k605_606{left: 213px; top: 157px;} #k603_604{left: 237px; top: 154px;} #k515_516{left: 167px; top: 359px;} #k505_506{left: 310px; top: 241px;} #k531_532{left: 269px; top: 224px;} #k533_534{left: 300px; top: 206px;} #k529_530{left: 243px; top: 247px;} DIV.kamp_kucice { border: 1px none rgb(0, 0, 0); position: absolute; left: 0px; top: 540px; width: 310px; height: 253px; z-index: 1; background-color: rgb(255, 255, 255); visibility: hidden; background: url(../images/kucice_opis_bg.gif) no-repeat; } .ninja{ display: none; } /*Nova karta*/ #kartaWrap{ border: 3px double #FAB666; } div#outer { background: transparent; width: 680px; height: 600px; overflow: hidden; position: relative; top: 0; left: 0; } div#inner { position: absolute; } div.veliki{ position: absolute; top: 0; left: 0; cursor: move; } .veliki a{ display: block; width: 30px; height: 30px; border: 1px solid red; top: 357px; left: 196px; position: absolute; text-indent: -9999px; } /*Upute za kartu*/ p#uputeUvod{ margin: 10px 0 20px 0; } ul#uputeKarta li{ display: block; line-height: 25px; padding: 0 0 15px 35px; list-style: none; } ul#uputeKarta li#ikonaPan{ background: url(../images/nova_karta/cursori.png) no-repeat 0 0; } ul#uputeKarta li#ikonaKlik{ background: url(../images/nova_karta/cursori.png) no-repeat 0 -42px; } /*Glavna karta*/ #glavnaKarta{ width: 680px; height: 680px; // background: url(../images/planovi_novi/glavna_karta.jpg) 0 0 no-repeat; } #glavnaKarta map{ width: 680px; height: 680px; } area{ border: 3px solid red; } #legenda{ width: 680px; height: 180px; background: url(../images/planovi_novi/legenda.jpg) 0 0 no-repeat; margin: 15px 0 15px 0; } #kompas{ width: 79px; height: 82px; background: url(../images/planovi_novi/kompas.png) no-repeat; position: absolute; top: 10px; left: 10px; } /*Pojedine karte*/ #crvenaZona{ width: 1144px; height: 825px; background: url(../images/planovi_novi/crvenaZona.png) no-repeat; } #zelenaZona{ width: 825px; height: 1010px; background: url(../images/planovi_novi/zelenaZona.png) 0 0 no-repeat; } #bijelaZona{ width: 825px; height: 859px; background: url(../images/planovi_novi/bijelaZona.png) 0 0 no-repeat; } #lilaZona{ width: 1130px; height: 1000px; background: url(../images/planovi_novi/lilaZona.png) 0 0 no-repeat; } #narancastaZona{ width: 1174px; height: 600px; background: url(../images/planovi_novi/narancastaZona.png) 0 0 no-repeat; } #zutaZona{ width: 1131px; height: 766px; background: url(../images/planovi_novi/zutaZona.png) 0 0 no-repeat; } #smedjaZona{ width: 703px; height: 1034px; background: url(../images/planovi_novi/smedjaZona.png) 0 0 no-repeat; } #plavaZona{ width: 825px; height: 1089px; background: url(../images/planovi_novi/plavaZona.png) 0 0 no-repeat; } #naGlavnuKartu{ display: block; background: url(../images/backArrow.png) center left no-repeat; padding: 13px 0 13px 40px; } a.linkNaKartu{ background: url(http://www.camp-kovacine.com/include/images/ikone/view.gif) left center no-repeat; display: block; font-weight: bold; font-size:14px; color: #FAB666; text-decoration: none; line-height:28px; padding: 0 0 0 44px; margin: 0 0 10px 44px; } .bookingform{ border:2px #F16726 solid; padding:15px 30px 35px 30px; }