body { background: #000 url(../images/layout/body.jpg) center top no-repeat; font-family: Arial, Helvetica, sans-serif; } #container { margin: 0 auto; width: 960px; } #content { margin-bottom: 60px; } strong { font-weight: bold; } em { font-style: italic; } .slike{text-align:center;} .slike img {margin: 10px;} /* =Header ----------------------------------------------- */ #header { height: 540px; position: relative; } #header h1 a { display: block; text-indent: -5000px; width: 280px; height: 120px; } #header p.contact a { display: block; text-indent: -5000px; width: 118px; height: 42px; position: absolute; top: 40px; right: 192px; } #header p.language { position: absolute; right: 0; top: 40px; text-indent: -5000px; width: 180px; } #header p.language a { display: block; float: left; width: 40px; height: 40px; z-index: 11000; position: relative; } #header p.language a.first-lang { margin-left: 94px; } #header div#flash { width: 940px; height: 380px; position: absolute; top: 130px; left: 0; } /* =Content ----------------------------------------------- */ #sidebar { width: 300px; float: left; margin-right: 20px; } #sidebar h3 { margin: -10px; text-indent: -5000px; position: relative; width: 320px; height: 59px; } #sidebar h3.latest-news { background: url(../images/headings/latest_news.png) no-repeat; } #sidebar h3.offer-of-the-month { background: url(../images/headings/offer_of_the_month_sidebar.png) no-repeat; } #sidebar h3.offer-of-the-month1 { background: url(../images/headings/oom.png) no-repeat; } #sidebar h3.sub-nav { background: url(../images/headings/sub_nav.png) no-repeat; margin-left: -9px; } #sidebar h3.odaberi-po-imenu{background: url(../images/headings/sub_charter_e.png) no-repeat;} #sidebar h3.sales { background: url(../images/headings/sales_sidebar.png) no-repeat; } #sidebar ul.nav { padding-top: 15px; margin-bottom: 20px; background: url(../images/layout/sub_nav.png) repeat; } #sidebar ul.nav li a { display: block; padding: 10px 30px; text-decoration: none; font-size: 11px; color: #999; border-bottom: 1px solid #000; } #sidebar ul.nav li a:hover, #sidebar ul.nav li a.active { color: #fff; background: url(../images/layout/sub_nav_hover.png) bottom repeat-x; } ul.news li { padding: 20px 30px; border-bottom: 1px solid #222; line-height: 1.5; } ul.news.wide { margin-bottom: 20px; } ul.news.wide li { padding: 20px 0 5px 0; } ul.news.wide li:hover { background: none; } ul.news li:hover { background: url(../images/layout/news_hover.png) bottom repeat-x; } ul.news li span.date { font-size: 11px; color: #444; } ul.news li h4 a { display: block; font-size: 11px; font-weight: bold; color: #ccc; text-decoration: none; } ul.news li:hover h4 a { color: #fff; } ul.news li p { font-size: 11px; color: #6a6a6a; } ul.news li.all-news { padding: 15px 0; border-bottom: 0; } ul.news li.all-news:hover { background: none; } ul.news li.all-news a, .all-press a { display: block; float: right; width: 93px; height: 42px; background: url(../images/buttons/all_news.png) no-repeat; text-indent: -5000px; margin: 0 -7px 0 0; } ul.news.wide p.read-more { margin: -10px 0 0 0; background: url(../images/layout/readmore_bullet.gif) left no-repeat; padding-left: 9px; } ul.news.wide li.first-item { padding-top: 0; margin-top: -13px; } .table-style { width: 100%; } .table-style th { font-size: 11px; color: #999; padding: 10px; border-bottom: 1px solid #212121; } .table-style td { padding: 10px; font-size: 11px; color: #fff; } .table-style td strong { font-size: 13px; color: #999; } .table-style a { font-size: 11px; color: #999; text-decoration: none; } .table-style a:active { font-size: 11px; color: #999; text-decoration: none; } .table-style a:hover { font-size: 11px; color: #fff; text-decoration: none; } #main-content { width: 580px; float: right; padding: 18px 30px;} #main-content h2 { text-indent: -5000px; width: 350px; height: 15px; margin-bottom: 40px; } #main-content h2.thank-you { background: url(../images/headings/thank_you.png) no-repeat; } #main-content h2.charter { background: url(../images/headings/charter.png) no-repeat; } #main-content h2.charter-inner { background: url(../images/headings/charter_inner.png) no-repeat; } #main-content h2.contact-info { background: url(../images/headings/cape_standard.png) no-repeat; } #main-content h2.destinations { background: url(../images/headings/destinations.png) no-repeat; } #main-content h2.operations { background: url(../images/headings/operations.png) no-repeat; } #main-content h2.sales { background: url(../images/headings/sales.png) no-repeat; } #main-content h2.sales-inner { background: url(../images/headings/sales_inner.png) no-repeat; } #main-content h2.insurance { background: url(../images/headings/insurance.png) no-repeat; } #main-content h2.meet-the-team { background: url(../images/headings/meet_the_team.png) no-repeat; } #main-content h2.offer-of-the-month { background: url(../images/headings/offer_of_the_month.png) no-repeat; } #main-content h2.enquiry { background: url(../images/headings/enquiry.png) no-repeat; } #main-content h2.latest-news-main { background: url(../images/headings/latest_news_main.png) no-repeat; } #main-content h2.latest-news-inner { background: url(../images/headings/latest_news_inner.png) no-repeat; } #main-content h2.build{background: url(../images/headings/bay.png) no-repeat;} #main-content h2.buy{background: url(../images/headings/buy.png) no-repeat;} #main-content h2.career { background: url(../images/headings/career.png) no-repeat; } #main-content h3 { font-size: 14px; color: #fff; font-weight: bold; margin-bottom: 20px; } #main-content p { font-size: 11px; color: #999; line-height: 1.5; margin-bottom: 15px; } #main-content p a { text-decoration: none; color: #0088c9; } #main-content .img-left { float: left; margin: 0 20px 20px 0; } #main-content .img { border: 5px solid #203037; margin-bottom: 15px; } #main-content fieldset.search h3 { background: url(../images/headings/search_bar.png) no-repeat; text-indent: -5000px; width: 67px; height: 12px; margin-bottom: 20px; } #main-content fieldset.search ul { border-top: 1px solid #222; border-bottom: 1px solid #222; padding: 10px 0; margin-bottom: 20px; } #main-content fieldset.search ul li { float: left; } #main-content fieldset.search ul li label { float: left; display: block; font-size: 11px; color: #999; margin-right: 5px; padding-top: 4px; } #main-content fieldset.search ul li select { width: 80px; border: 1px solid #222; background: #FFF; color: #000; font-size: 11px; margin-right: 8px; padding: 2px; } #main-content fieldset.search ul li.type select { width: 130px; } #main-content fieldset.search ul li .input-text { width: 122px; margin-right: 8px; background: #FFF; color: #000; font-size: 11px; border: 1px solid #222; padding: 3px; } #main-content fieldset.search ul li input.button { font-size: 11px; color: #0087c7; font-weight: bold; background: none; border: none; padding-top: 4px; display: block; cursor: pointer; } #main-content ul#charter { width: 542px; } #main-content ul#charter li { display: inline; } #main-content ul#charter li a { display: block; text-indent: -5000px; width: 260px; height: 190px; float: left; margin: 0 20px 20px 0; } #main-content ul#charter li.item-1 a { background: url(../images/layout/motor_yachts.jpg) no-repeat; } #main-content ul#charter li.item-2 a { background: url(../images/layout/motor_sailers.jpg) no-repeat; margin-right: 0; } #main-content ul#charter li.item-3 a { background: url(../images/layout/sailing_yachts.jpg) no-repeat; } #main-content ul#charter li.item-4 a { background: url(../images/layout/destinations.jpg) no-repeat; margin-right: 0;} #main-content div#details { padding-top: 15px; border-top: 1px solid #222; } #main-content div#details ul#info { width: 280px; float: left; } #main-content div#details ul#info li { font-size: 11px; color: #fff; line-height: 1.7; background: url(../images/layout/bullet.gif) left no-repeat; padding-left: 8px; } #main-content div#details ul#info li strong { color: #999; font-weight: bold; } #main-content div#details ul#gallery { width: 300px; float: left; } #main-content div#details ul#gallery li { margin: 0 20px 20px 0; float: left; } #main-content div#details ul#gallery li.last-row-item { margin-right: 0; } #main-content div#details ul#gallery li img { display: block; border: 5px solid #1a1a1a; } #main-content div#details.sales ul#info { width: auto; padding-bottom: 15px; border-bottom: 1px solid #222; margin-bottom: 19px; } #main-content div#details.sales ul#info li { float: left; width: 280px; } #main-content div#details.sales ul#gallery { width: auto; } #main-content div#details.sales ul#gallery li.last-row-item { margin-right: 20px; } #main-content div#flash-animation { border: 10px solid #000; } #main-content p#pagination { text-align: center; } #main-content p#pagination a { font-size: 11px; color: #444; font-weight: bold; padding: 4px 4px; border: 1px solid #000; margin-right: -0px; } #main-content p#pagination a.active { padding: 4px 8px; border: 1px solid #444; } #main-content .pp ul{font-size: 11px; color: #999;margin: 20px;} #main-content .pp ul li {margin-right: 50px;line-height: 1.5;} .download{float:left;} .back{float: right;} /* =Footer ----------------------------------------------- */ #footer { background: url(../images/layout/footer.jpg) no-repeat; width: 881px; height: 161px; margin: 0 auto; padding: 20px 50px 0 30px; position: relative; } #footer p { font-size: 11px; color: #444; margin-bottom: 3px; } #footer p a { text-decoration: none; color: #444; } #footer p.strong { font-weight: bold; } #footer p.info { text-align: right; position: absolute; right: 50px; top: 20px; line-height: 1.5; } /*sales */ ul.oom li {background:none; border:none; padding:0; list-style: url(../images/sales/layout/triangle.png); margin-top: 3px;} ul.oom li.slika, .oom li.slika:hover{list-style: none; padding: 5px 5px 0px 5px; background-color: #1c1e1e;} ul.oom li:hover {background: none;} div.box h3.buyayacht{background: url(../images/sales/layout/buyayacht.png) no-repeat;} div.box h3.buy{background: url(../images/sales/layout/buy.png) no-repeat;} div.box h3.buildayacht{background: url(../images/sales/layout/buildyacht.png) no-repeat;} div.podmodel h3, h5{background: url(../images/sales/layout/back-popis-jahti.png) center no-repeat; color:#666666 !important; border-top: 1px solid #202020; border-bottom: 1px solid #202020; background-color: #000; padding: 5px;} #slider1, #slider2, #slider3, #slider4, #slider5, #slider6, #slider7 { height:135px !important; width:438px; position: relative; width: 438px !important; margin: 0 auto 0 auto;} #slider1 ul, #slider1 li,#slider2 ul, #slider2 li,#slider3 ul, #slider3 li,#slider4 ul, #slider4 li, #slider6 ul, #slider6 li,#slider5 ul, #slider5 li{ margin:0; padding:0; list-style:none; } #slider1 li a,#slider2 li a,#slider3 li a,#slider4 li a,#slider5 li a,#slider6 li a,#slider7 li a{float: left; display:block; text-align:center; border:none; text-decoration: none; padding: 5px; background-color:#1a1f22; margin: 2px; color: #666666; font-weight: bold; border:1px solid #1a1f22; font-size: 12px;} #slider1 li a:hover, #slider2 li a:hover, #slider3 li a:hover, #slider4 li a:hover, #slider5 li a:hover, #slider6 li a:hover, #slider7 li a:hover{border: 1px solid #666666;} #slider1 li a img, #slider2 li a img, #slider3 li a img, #slider4 li a img, #slider5 li a img, #slider6 li a img{margin-top:5px;} #slider1 li,#slider2 li,#slider3 li,#slider4 li,#slider5 li,#slider6 li,#slider7 li{ width:438px; height:135px; overflow:hidden; } #prevBtn1, #nextBtn1, #prevBtn2, #nextBtn2, #prevBtn3, #nextBtn3, #prevBtn4, #nextBtn4, #prevBtn5, #nextBtn5, #prevBtn6, #nextBtn6, #prevBtn7, #nextBtn7{ position: relative; } #prevBtn1 a, #nextBtn1 a,#prevBtn2 a, #nextBtn2 a, #prevBtn3 a, #nextBtn3 a,#prevBtn4 a, #nextBtn4 a, #prevBtn5 a, #nextBtn5 a,#prevBtn6 a, #nextBtn6 a, #prevBtn7 a, #nextBtn7 a,#prevBtn8 a, #nextBtn8 a{ display:block; position: absolute; width:42px; height:83px; top: -105px; left: 0px; background:url(../images/sales/layout/btn-prev-hover.png) no-repeat ; } #nextBtn1 a,#nextBtn2 a,#nextBtn3 a,#nextBtn4 a,#nextBtn5 a,#nextBtn6 a#nextBtn7 a,#nextBtn8 a{background:url(../images/sales/layout/btn-next-hover.png) no-repeat ; left: 530px;} #nextBtn1 a:hover,#nextBtn2 a:hover,#nextBtn3 a:hover,#nextBtn4 a:hover, #nextBtn5 a:hover,#nextBtn6 a:hover,#nextBtn7 a:hover,#nextBtn8 a:hover{background:url(../images/sales/layout/btn-next.png) no-repeat ;} #prevBtn1 a:hover,#prevBtn2 a:hover, #prevBtn3 a:hover,#prevBtn4 a:hover #prevBtn5 a:hover,#prevBtn6 a:hover #prevBtn7 a:hover,#prevBtn8 a:hover{background:url(../images/sales/layout/btn-prev.png) no-repeat ;} #main-content h4{padding-bottom: 5px; border-bottom: 1px solid #212221; color:#cdcccc; font-weight: bold; font-size: 15px;} #main-content h4 span{float: right;color: #444444;} #main-content h4 a{color: #FFFFFF; text-decoration: none;} #main-content h4 a:hover{color: #666666;} .jahta-info{padding-bottom: 10px; padding-top: 10px;} .jahta-info h3{color: #666666 !important; margin-bottom: 5px !important;} .jahta-info h3 span{float:right;} h5{color: #0087c7 !important; font-weight: bold !important; font-size:12px !important;} ul.motori, ul.motori-o, ul.brzina-naziv, .brzina{float: left; font-size: 11px; color: #999999; padding-top: 10px; padding-bottom: 10px; list-style: url(../images/sales/layout/triangle.png); margin-left: 15px; font-weight: bold;} ul.motori li, ul.motori-o li, .brzina li,.brzina-naziv li{margin-bottom: 4px;} ul.motori {padding-right: 10px; border-right: 1px solid #202020; min-width: 350px; color:#cccccc;} ul.motori-o {padding-left: 10px; color: #202020;} .desni, .livi{float:right; width: 100px; text-align:center;} .livi{margin-right: 90px;} .brzina-naziv{padding-bottom: 14px !important; border-right: 1px solid #202020; color:#cccccc !important;width: 270px !important; padding-right: 0px;} ul.brzina{width: 93px; border-right: 1px solid #202020; padding-right: 0px; text-align: center; color: #CCCCCC; list-style: none; margin-left: 0px; padding-bottom: 14px;} .border-none{border-right: none !important;} .knots{color:#666666 !important;} .border-bot{border-bottom: 1px solid #202020;} .border-right{border-right: 1px solid #202020;} .no-border-right{border-right: none !important; width: 290px;} ul.brzina li span{color:#666666} .link, .link2 {float: right; color: #333333; display:block; background: url(../images/sales/layout/show-icon.png) right no-repeat; padding-right: 20px; cursor: pointer;} .link2 {display: none; background: url(../images/sales/layout/close-icon.png) right no-repeat;} .show{display:block;} .hidden{display:none;} .gallery-exterior,.gallery-interior, .gallery-layout{width: 460px; margin: 10px auto 10px auto;} .gallery-exterior img,.gallery-interior img, .gallery-layout img {padding: 5px; background-color: #1a1a1a; margin: 5px;} div.box .izbor-jahte{margin: 25px 45px;} .plavibotun{float: right; cursor:pointer; color: #fff; font-weight: bold; background: url(../images/sales/layout/blue_button.png) no-repeat; border:none; width: 97px; height: 46px;} .sliderbox{border:none; background: none; color: #999999; font-weight: bold; min-width: 30px; font-size:10px;} .slider-cont{margin-top: 20px; margin-left: 15px;position: relative;} .slider-brojevi, .slider-brojevi2{position: absolute; color: #999999; left: -10%; top: -30px; font-size: 11px; font-weight: bold;} .slider-brojevi2{ left: 75%;} .slide-ime{font-weight: bold; color:#666666; margin-top:7px; padding-bottom: 7px; } .side-bar-box{float: left; width: 280px; margin-top: 25px;} .dropbox-box{float: right; width: 230px;margin-top: 20px;} .dropbox-box2{margin-top: 40px;} .dropbox-box2 .slider-brojevi2{100%} .sliders{margin-top:-8px;} .slider-cont-prvi{margin-top:10px;} div.buy-sb {width: 520px !important; margin-left: 20px;} .sortby li {float: left; color: #0087c7} .selectDark li {float:none !important;} .sortby li label {display: block; margin-right: 15px; padding-top:13px; font-size: 12px; font-weight: bold;} .sortby{margin-top: -10px;} .buyi-out{margin-top: 10px;} h5.buyi{color: #666666 !important; font-size: 14px !important;} h5.buyi span{float: right; color: #333333;} .buyi-li{width: 590px;} .buyi-li img {display: block; padding: 5px; float: left; background-color: #1a1c1d; margin-top:10px;} .buyi-li ul{float: left; list-style: url(../images/sales/layout/triangle.png); margin-top:10px; padding-left: 15px; color: #999999; font-size: 10px; font-weight: bold; border-bottom: 1px solid #222222; padding-bottom: 10px; width: 230px; margin-left: 15px;} .buyi-li ul li {margin-bottom: 3px;} .buyi-li ul li span{color: #ffffff;} .a-plavibotun{text-decoration: none; margin-top:10px; padding-top: 15px; padding-left: 28px; width: 69px; height: 30px; font-size: 13px;} .contact{margin-top: 20px; color: #666666; font-size: 11px; font-weight: bold; padding-bottom: 10px;} .no-pad{padding-top:0px !important;} .contact label{color:#0087C7; width: 130px; font-weight: bold; display: block; font-size: 11px; float: left; padding-top: 8px;} .contact input[type=text], .contact textarea {border: .01em solid #222222; height: 24px; background: url(../images/layout/form-back.png) repeat-x; width: 170px; margin-right: 5px; padding:3px; color: #666666;} .contact li {margin-bottom: 10px;} .contact .dugi{width: 240px !important;} .contact textarea{width:425px; height: 124px; background: url(../images/layout/textarea-back.png);} .contact label.poruka{margin-left: 140px;width:250px !important;} .contact-info p {color: #666666 !important;} .contact-info strong{color: #0087C7} .contact-info a, .contact-info span{color: #999999 !important;} .contact-info a:hover{text-decoration: underline !important;} .margin-top_5{margin-top: 5px;} *:focus {outline: none;} .sirok-290{width:265px; padding-left: 15px !important;} .sirok-290 .izbor-jahte{margin-left:15px !important;} .sirok-290 .slide-ime{font-size:11px; margin-bottom: 12px;} .sirok-290 .sliders{margin-top:4px;} .generators {width: 260px !important; text-align: left !important; padding-left: 20px !important;} .ul-slider{height: 200px !important;} .ul-buy-right{list-style: url(../images/sales/layout/triangle.png) !important; width: 250px !important; text-align: left !important; padding-left: 20px !important; } .nav-deck {padding-left: 20px;} #flash {position:relative;} #flash2 div { position:absolute;top:0px; left:10px; z-index:8;opacity:0.0;} #flash2 div.active {z-index:10; opacity:1.0;} #flash2 .last-active {z-index:9;} #flash .menu-back{position:absolute; left: 10px; z-index:100 !important; width: 960px; height: 60px; background: url(../images/layout/back-menu.png) no-repeat;} .footer-yacht{font-size: 11px; float: right; margin-top: 40px; color: #666666; } .footer-yacht a {text-decoration: none; color:#666666; display: block; float: left;margin-left:5px; height: 27px; padding-top:18px;} .footer-yacht a.pdf {padding-right: 50px; background: url('../images/layout/pdf-icon.png') no-repeat right;} .footer-yacht span{float:left; padding-top: 18px; margin-left:5px;} .footer-yacht a:hover {text-decoration: underline;} .menu-back ul li{float: left; margin-left: 10px; margin-top:10px;} .menu-back a {display: block; height: 29px;} .menu-back #our {width: 110px; background: url('../images/layout/menu/comp1.png') no-repeat; background-position: -5px} .menu-back #our:hover {background: url('../images/layout/menu/comp2.png') no-repeat; background-position: -5px} .menu-back #charter {width: 65px; background: url('../images/layout/menu/charter1.png') no-repeat; background-position: -5px} .menu-back #charter:hover {background: url('../images/layout/menu/charter2.png') no-repeat; background-position: -5px} .menu-back #sale {width: 95px; background: url('../images/layout/menu/sales1.png') no-repeat; background-position: -5px} .menu-back #sale:hover {background: url('../images/layout/menu/sales2.png') no-repeat; background-position: -5px} .menu-back #insu {width: 85px; background: url('../images/layout/menu/insu1.png') no-repeat; background-position: -5px} .menu-back #insu:hover {background: url('../images/layout/menu/insu2.png') no-repeat; background-position: -5px} .menu-back #opera {width: 150px; background: url('../images/layout/menu/oper1.png') no-repeat; background-position: -5px} .menu-back #opera:hover {background: url('../images/layout/menu/oper2.png') no-repeat; background-position: -5px} .menu-back #meet {width: 105px; background: url('../images/layout/menu/meet1.png') no-repeat; background-position: -5px} .menu-back #meet:hover {background: url('../images/layout/menu/meet2.png') no-repeat; background-position: -5px} .menu-back #ofer { width: 141px; background: url('../images/layout/menu/press1.png') no-repeat; background-position: -5px} .menu-back #ofer:hover {background: url('../images/layout/menu/press2.png') no-repeat; background-position: -5px} .menu-back #emplo {width: 106px; background: url('../images/layout/menu/empl1.png') no-repeat; background-position: -5px} .menu-back #emplo:hover {background: url('../images/layout/menu/empl2.png') no-repeat; background-position: -5px} .w-100{width: 120px;} .w-60{width:60px;} .p-30{margin-left:20px;} .z-index100{z-index:100 !important;} #slider-new li{min-height:90px !important;} ul.press li { padding: 20px 30px 20px 30px; min-height: 30px !important; } .pressout{margin-top:50px;} .all-press a{width: 93px !important; height: 42px !important; background: url('../images/buttons/press_botun_en.png')!important } h2.press{background: url('../images/headings/press.png') no-repeat} .press-li li{float: left; margin-right: 15px; margin-bottom: 30px; text-align: center; width: 177px;} .press-li a{text-align: center; font-weight: bold; color: #6A6A6A; text-decoration: none; font-size: 12px; } .press-li a img{border: 5px solid #1A1A1A} .press-side{background: url('../images/headings/press_side_en-hr.png') !important} .sliderPrev{text-indent: -9999px; width: 37px; height: 30px; background: url('../images/down-arrow.gif'); float: left; cursor:pointer;margin-top:5px;} .sliderPrev:hover{background-position: -37px 0px;} .sliderNext{text-indent: -9999px; width: 37px; height: 30px; background: url('../images/up-arrow.gif'); float: left; cursor:pointer;margin-top:5px;} .sliderNext:hover{background-position: -37px 0px;} #topImage,#blackpage{position: absolute; background: #000 url('../images/main_bg.jpg') center top no-repeat; width:100%; height: 1200px; z-index: 99999;} #blackpage{background: #000;} .oom-botun{width: 118px; height:42px; display:inline-block; float: right; background: url('../images/botun_en.png'); text-indent: -9999px}