@font-face{font-family:'Roboto';src:url(Roboto-Regular-webfont.eot?#iefix) format("embedded-opentype"),url(Roboto-Regular-webfont.woff) format("woff"),url(Roboto-Regular-webfont.ttf) format("truetype"),url(Roboto-Regular-webfont.svg#svgRoboto-Regular-webfont) format("svg");font-weight:400;font-style:normal}html{font-family:sans-serif}
body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer}button[disabled],html input[disabled]{cursor:default}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{box-sizing:content-box}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}

/* FRAMEWORK */
body, .appwrapper, p {margin:0px;padding:0px;}
a, a:visited {text-decoration:none;}
#livebuttons.visbuttons #appollbtn.appbtn.apprefresh {background:url(appglyphs.png) no-repeat;background-position:-75px -45px !important;}
#livebuttons.visbuttons #appaboutbtn.appbtn.appshelf {background:url(appglyphs.png) no-repeat;background-position:-133px -45px !important;}

#servicioslist #gform {padding-top:15px !important;}

#publisher.appanels .movepanel.moveright {display:inline-block;background:url(appglyphs.png) no-repeat;background-position:-28px -48px;
width:24px;height:30px;opacity:1;left:5px;top:10px;
position:absolute;z-index:10;}

#gform  .field.checkfield .checkbox.boxchecked{background:#fff url(appglyphs.png) no-repeat;background-position:-411px 7px;box-shadow:inset 0 0 7px #ccc}

#livebuttons.visbuttons.whitelab #appollbtn.appbtn.apprefresh {background:url(../whitelabel/appglyphs.png) no-repeat;background-position:-75px -45px !important;}

#livebuttons.visbuttons.whitelab #appaboutbtn.appbtn.appshelf {background:url(../whitelabel/appglyphs.png) no-repeat;background-position:-133px -45px !important;}

#publisher.appanels.whitelab .movepanel.moveright {display:inline-block;background:url(../whitelabel/appglyphs.png) no-repeat;width:24px;height:30px;opacity:1;background-position:-28px -48px;}



#gform.whitelab  .field.checkfield .checkbox.boxchecked{background:#fff url(../whitelabel/appglyphs.png) no-repeat;background-position:-411px 7px;box-shadow:inset 0 0 7px #ccc}





.panellink.downloadable {border-radius:3px;padding:7px 7px 7px 7px;width:100%;box-sizing:border-box;margin:0px 0px 5px 0px !important;display:block;clear:both;}
.dlfile {border:none;margin:0px 5px 0px 0px !important;float:left;}
#pageattachments {margin-top:10px;}
.openarrow {display:inline-block;width:15px;top:0px;left:0px;position:absolute;}
.moretxt {margin-left:20px;}
.fullembview {border:none;height:100%;width:100%;overflow-x:hidden !important;overflow-y:auto;background-color:transparent;position:absolute;top:0px;right:0px;left:0px;bottom:0px;z-index:1;}
#publisher {top:0px;right:100%;width:90%;height:100%;position:absolute;z-index:5;}
#publishercontent {width:100%;height:auto;overflow-x:hidden;overflow-y:scroll;position:relative;}
#news, #info, #servicios, #media {height:0px;overflow:hidden;}
#news.frontpage {height:auto;overflow-x:hidden;overflow-y:visible;}
.businessframe {box-sizing:border-box;padding:0px 20px 20px 20px;}
.businessframe.mediagallery {box-sizing:border-box;padding:0px 0px 0px 0px;}
.gallery#havnaframe {background:#000000;}
.mediaitem {position:relative;z-index:1;width:100%;margin:0px 0px 10px 0xp;padding:0px 20px 30px 20px;box-sizing:border-box;}
.frontpage .datebox {text-align:center;}
#appheaderline {top:50px;left:0px;right:0px;position:fixed;z-index:3;height:1px;overflow:hidden;}
.slideshow {margin-left:-20px;margin-right:-20px;}
.mediaprevframe{width:100%;overflow:hidden;margin:0;padding:0;display:block;position:relative}
.mediaprevaspect{padding:56.25% 0 0}
.mediapreview{background-size:cover!important;background-repeat:no-repeat;position:absolute;top:0;bottom:0;left:0;right:0;z-index:1}
hr{clear:both;width:100%;padding:0px;margin:0px;opacity:0;height:1px}
.smooth * {-webkit-font-smoothing: antialiased !important;-moz-osx-font-smoothing: grayscale;text-shadow: 1px 1px 1px rgba(0,0,0,0.004);}
.closeInstall {float:right;width:10%;box-sizing:border-box;padding:12px 0px 0px 0px;display:inline-block;text-align:center;}
.closeInstall a {opacity:0.7;font-weight:700;}
.closeInstall a:hover, #closeInstall a:active {opacity:1;}
.errormessagetxt {float:left;font-weight:700;width:90%;box-sizing:border-box;padding:12px 15px 10px 15px;}
#errormessage {display:inline-block;bottom:0px;position:fixed;z-index:4;box-sizing:border-box;width:90%;margin-left:5%;margin-right:5%;border-top-left-radius:5px;border-top-right-radius:5px;background:#c9302c;box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);}
.appbtn {cursor:pointer;border:none;width:36px;height:36px;margin-left:5px;margin-top:7px;display:inline-block;background:url(appglyphs.png) no-repeat;width:36px;height:36px;opacity:1}
#newslist, #infolist, #servicioslist, #medialist {padding-bottom:30px;}
#extbuttons {text-align:center;margin-top:0px;}
#extbuttons a.extbtn, .extbuttons a.extbtn:visited {display:inline-block;padding:7px 10px 7px 10px;margin:0px 2px 15px 2px;font-weight:700;font-size:14px;line-height:14px;border-radius:100px;}
#portinfobox {padding:10px;box-sizing:border-box;border-radius:3px;margin-bottom:15px;}
#inactivelogo {top:3px;right:10px;left:100px;height:44px;position:fixed;z-index:4;overflow:hidden;text-align:right;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;}
#inactivenotice {white-space:normal;text-align:center;margin-top:30px;}
.appbody {width:100%;position:fixed;top:0px;left:0px;right:0px;bottom:0px;z-index:2;padding-top:0px;margin:0px;}
#appheader.subscribed {position:fixed;z-index:3;height:50px;top:0px;left:0px;width:140px;overflow:hidden;}
#appheader.notsubscribed {position:fixed;z-index:3;height:50px;top:0px;left:0px;width:100%;overflow:hidden;box-sizing:border-box;}
#appheaderbg {position:fixed;z-index:1;height:50px;top:0px;left:0px;width:100%;overflow:hidden;}
#bookinghelp {width:80%;box-shadow:0 8px 24px rgba(0,0,0,0.30),0 15px 12px rgba(0,0,0,0.22);bottom:60px;left:10%;padding:15px;box-sizing:border-box;border-radius:5px;z-index:0;position:fixed;font-size:15px;line-height:25px;font-weight:700;}
.infopointline {height:1px;margin-top:10px;margin-bottom:10px;}
.businessapp .infopointline {display:none;}
.appcontactpoints {margin-top:19px;margin-bottom:0px;}
.panelheader {text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow:hidden;box-sizing:border-box;padding:0px 30px 0px 30px;margin-bottom:10px;font-weight:700;text-transform:uppercase;}
.panelheader.texttitle {line-height:50px;height:50px;margin-bottom:15px;}
.applogo{width:100%;height:80px;}
#muelleservicebox{margin-top:15px;text-align:center}
.marinaservice{float:left;text-align:center;padding:5px;box-sizing:border-box;height:100px;width:33%;}
.marinaicon{width:48px;height:48px;overflow:hidden;background:url(marinaservices.png) no-repeat;margin:0 auto 5px}
#msouvenir{background-position:0 0}
#msuper{background-position:-48px 0}
#mwaste{background-position:-96px 0}
#mtravelagent{background-position:-144px 0}
#mtourist{background-position:-192px 0}
#mparking{background-position:-240px 0}
#melectric{background-position:-288px 0}
#mworkshop{background-position:-336px 0}
#mdrymarina{background-position:-1104px 0}
#mshipoffice{background-position:-384px 0}
#msecurity{background-position:-432px 0}
#mrestaurant{background-position:-480px 0}
#mmedical{background-position:-528px 0}
#mfuelfish{background-position:-576px 0}
#mfuel{background-position:-624px 0}
#mrental{background-position:-672px 0}
#mwifi{background-position:-720px 0}
#mcrane{background-position:-1056px 0}
#mdrydock{background-position:-816px 0}
#mtravelift{background-position:-864px 0}
#mshipyard{background-position:-1152px 0}
#mwater{background-position:-912px 0}
#mcleaning{background-position:-960px 0}
#mbath{background-position:-1008px 0} 
.newslink {top:0px;left:0px;position:absolute;font-weight:700;}
#donews, #doinfo, #doservicios, #domedia {position:relative;height:25px;}
.panellink {display:block;}
#opennews, #openinfo, #openservicios, #openmedia {display:block;}
#closenews, #closeinfo, #closeservicios, #closemedia {display:none;}
.contentbox {margin:0px;padding:0px;box-sizing:border-box;}
.mediapost {padding-top:15px;padding-bottom:15px;}
h3 {font-weight:700;margin:0px;padding:0px;}
.businessframe .mediapost h3 {font-weight:300;margin:0px 0px 10px 0px;padding:0px;text-align:center;}
.mediapost .date {margin-bottom:15px;}
.mediapost .date {font-weight:700;}
.mediapostcontent img {max-width:100% !important;height:auto !important;margin-bottom:10px;margin-right:10px;}
blockquote,  blockquote p {margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}
.appanels.openpanel {box-shadow:0 19px 38px rgba(0,0,0,0.30),0 15px 12px rgba(0,0,0,0.22);}
.appanels .movepanel:active {opacity:0.7;}
#appbtnrow.spin, #setstreamlink.spin {background:url(smallspinner.gif) 90px 14px no-repeat;background-size:20px 20px;}
#setstreamlink.spin {background-position:left 16px top 16px;}
#appbtnrow {margin:0px 0px 0px 0px;white-space:nowrap;padding:0px 0px 0px 0px;width:140px;}
#livebuttons {display:inline-block;}
#livebuttons.visbuttons {visibility:visible;}#livebuttons.hidebuttons {visibility:hidden;}
.appwrapper#appsetup {padding:30px;}
.appwrapper  .apptxtfield {width:100%;padding:20px 0px 20px 0px;margin:0px;box-sizing:border-box;}
#saveapplink.appformbtn {width:50px;height:50px;display:inline-block;background:url(appglyphs.png) no-repeat;background-position:-327px -39px;opacity:1;bottom:5px;right:0px;position:absolute;z-index:1;border:none;visibility:hidden;opacity:0;}
#saveapplink.appformbtn:active {opacity:0.5;}
.contactinfo {margin:0px 0px 0px 0px;}
.appanels .appsocialbtn{margin-left:0px;margin-right:10px;margin-bottom:5px;display:inline-block;background:url(appglyphs.png) no-repeat;width:24px;height:24px;opacity:1;border-radius:2px;}.appsocialbtn:active{opacity:0.7;}
#errornotice {margin-top:10px;margin-bottom:5px;}
.appfeed {position:relative;z-index:1;width:100%;margin:0px;padding:0px;}
.appfaded {top:0px;left:0px;bottom:0px;right:0px;position:fixed;z-index:3;opacity:0;visibility:hidden;}
.appbtn.appreturnmenu {margin-left:-17px;width:26px;display:none;}
.appbtn:active{opacity:.7}
.appbtn.apphome {background-position:-25px -110px;}
.appanels .myphone{background-position:-320px 0}
.appanels .myinsta{background-position:-86px 0}
.appanels .mymail{background-position:-116px 0}
.appanels .mylinkedin{background-position:-144px 0}
.appanels .mytwitter{background-position:-173px 0}
.appanels .mysite{background-position:-232px 0}
.appanels .myfacebook {background-position:-57px 0}
.appanels .mytube {background-position:-28px 0}
.clear{clear:both}
#appheader.notsubscribed {box-sizing:border-box;}
.infopoint.infoheader {font-weight:700;}
.notpresent {height:0px:overflow:hidden;}
.noshow {display:none;}
.erroricon {z-index:1}
.fieldbox{position:relative;z-index:0;width:100%;box-sizing:border-box;}
.field.checkfield .checkbox{width:24px;height:24px;border-radius:3px;border:none;background:#fff;float:left;margin-right:10px;vertical-align:middle;box-shadow: 0 3px 6px rgba(0,0,0,0.10), 0 3px 6px rgba(0,0,0,0.11);cursor:pointer;}
#customgroup > .field .numberfield {min-height:36px;margin:10px 0px 0px 0px;vertical-align:middle;}
.field .txtfield, .field .numberfield {box-shadow:inset 0 0 7px #dedede;}
.field .txtfield {box-sizing:border-box;border-radius:2px;position:relative;z-index:2;padding:15px 10px 15px 10px;width:100%;}
.field.numberfield .numberfield {top:2px;left:0px;position:absolute;z-index:3;font-weight:700;text-align:center;width:80px;box-sizing:border-box;border-radius:2px;position:absolute;z-index:2;padding:10px 10px 10px 10px;}
.field.numberfield .applabel {position:relative;width:100%;box-sizing:border-box;padding:0px 110px 0px 90px;vertical-align:middle;display:inline-block;min-height:36px;}
.itemval {padding:0px 0px 0px 0px;text-align:right;box-sizing:border-box; display:inline-block;text-align:right;width:100%;white-space:nowrap;overflow:hidden;}
.itemvalbox {position:absolute;z-index:1;top:0;right:0;padding:0px;margin:0px;width:100px;box-sizing:border-box;}
fieldset {border:none;margin:0px 0px 20px 0px;padding:0px 0px 0px 0px;display:block;}
.fieldbox.summarybox{padding:0px;margin:0px;}
.sumbox{float:right;padding:0px 0;width:100%;box-sizing:border-box;}
.sumbox .txtfield.numberfield.numtxt{background:none;text-align:right;padding:0;width:100%;border:none;margin:5px 0px 5px 0px;font-weight:700;}
.sumbox .txtfield.numberfield.numtxt#sumtotal{padding-top:10px;margin-bottom:0px !important;}
textarea#txtmessage {height:150px !important;}
h4 {margin:0px;padding:0px;}
#summarygroup{border-radius:3px;padding:10px 15px 0px 15px;box-sizing:border-box;margin-bottom:20px;}
.applabel.infoheader {font-weight:700;}
#gformbtnrow {text-align:center;margin-bottom:15px;}
.formbtn {border-radius:3px;border:none;padding:12px 15px 12px 15px;cursor:pointer;font-weight:700;}
.formbtn:hover, .formbtn:active {box-shadow: 0 3px 6px rgba(0,0,0,0.10), 0 3px 6px rgba(0,0,0,0.11);}
.applabel.check {font-weight:700;padding-top:4px;display:inline-block;}
.thankyou_message h3 a {font-weight:700;display:inline-block;top:15px;right:15px;position:absolute;z-index:1;opacity:0.7;}
.thankyou_message a:hover, .thankyou_message a:active {opacity:1;}
.thankyou_message {bottom:30px;left:30px;right:30px;position:fixed;border-radius:5px;box-shadow: 0 3px 6px rgba(0,0,0,0.10), 0 3px 6px rgba(0,0,0,0.11);padding:15px 15px 10px 15px;box-sizing:border-box;z-index:999;}
.field .txtfield, .field .numberfield {border:none;}
.inlinemedia .mediaframe, .inlinemedia .galleryimgbig, .inlinemedia  .youframe, .inlinemedia  .videoframe {border-radius:3px;}
.vidwrap{position:relative;padding:0 0 56.25%;}
.vidwrap iframe{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;overflow:hidden;border:none;margin:0px;padding:0px;}
.podbox{width:100%;margin:0;position:relative;padding:0;overflow:hidden}
.mediaframe, .galleryimgbig, .youframe, .videoframe {box-sizing:border-box;}
.mediaaspect {padding:100% 0 0;}
.mediaframe {width:25%;max-width:25%;box-sizing:border-box;margin:0px;padding:0px;position:relative;overflow:hidden;float:left;border:1px #000000 solid;}
.galleryimgbig {display:block;top:0px;left:0px;right:0px;bottom:0px;position:absolute;z-index:0;background-size:cover !important;background-repeat:no-repeat;background-position:center center;overflow:hidden;width:100%;height:100%;}
.mediaaspectbig {padding:56.25% 0 0;}
#gallerypic{position:fixed;left:0;top:0px;bottom:0;right:0;z-index:10000;background-size:contain !important;background-repeat:no-repeat;background-position:center center;width:100%;height:100%;overflow:hidden;}
#galleryshadow{position:fixed;z-index:9998;left:0;top:0px;width:100%;height:100%;background-color:#000;cursor:pointer;overflow:hidden;}
#gallerypic div {display:block !important;visibility:visible !important;margin:0px 0px 0px 0px !important;position:fixed !important;padding:0px 0px 0px 0px !important;overflow:hidden !important;bottom:0;right:0;top:0px;left:0px;0pacity:0.5;z-index:10002;}
#lbPrevLink{display:block;position:absolute;top:50vh;left:-10px;width:50px;margin-top:-30px;z-index:100000;width:50px;height:60px;background:url(appglyphs.png) no-repeat;background-position:-290px -174px;opacity:0.4}
#lbNextLink{display:block;position:absolute;top:50vh;right:-10px;width:50px;margin-top:-30px;z-index:100000;width:50px;height:60px;background:transparent url(appglyphs.png) no-repeat;background-position:-384px -174px;opacity:0.4;}
#lbPrevLink:active, #lbNextLink:active{opacity:1;}
.galleryimg {display:block;top:0px;left:0px;right:0px;bottom:0px;position:absolute;z-index:0;background-size:contain !important;background-repeat:no-repeat;background-position:center center;overflow:hidden;}
@media only screen and (orientation: portrait) {#galleryitem, #gallerypic {left:0px;bottom:0px;right:0px;top:0px;}}
@media only screen and (orientation: landscape) {#galleryitem, #gallerypic {left:0px;bottom:0px;right:0px;top:0px;}}
#gallerypicclose {top:0px !important;right:0px;position:fixed;z-index:10001;}
#closepic{background:url(appglyphs.png) no-repeat; background-position:-194px -188px; z-index:60;cursor:pointer;display:block;width:30px;height:30px;top:10px;right:10px;position:absolute;opacity:0.3;}
#closepic:active {opacity:1;}
.lbLoading {background:url(smallspinner.gif) 90px 14px no-repeat;background-size:20px 20px;}