Información de Covid – 19 Haga clic aquí para visitar nuestra página y poder obtener más información sobre la situación de COVID-19, incluidos bonos, cancelaciones, reembolsos y cambios de su reserva.

Chaokoh Ferry

Travesías y puertos de Chaokoh Ferry

Ver mapa
Ver lista

Haga click para ver el Mapa.

A bordo de Chaokoh Ferry

Pichamon 3

Pichamon 2

Pichamon 2009

Todas las rutas de Chaokoh Ferry

Ferry de Ao Nang Railay a Koh Phi Phi / Ferry de Koh Phi Phi a Ao Nang Railay
- 14 Travesías Semanales
- 1 hora 30 min
- Ver precio
Ferry de Koh Lanta a Koh Phi Phi / Ferry de Koh Phi Phi a Koh Lanta
- 14 Travesías Semanales
- 1 hora
- Ver precio
Ferry de Koh Phi Phi a Krabi / Ferry de Krabi a Koh Phi Phi
- 14 Travesías Semanales
- 1 hora 30 min
- Ver precio
Ferry de Koh Phi Phi a Phuket / Ferry de Phuket a Koh Phi Phi
- 14 Travesías Semanales
- 1 hora 45 min
- Ver precio

Reseñas clientes Chaokoh Ferry

"Un viaje en un ferry normal "

Existen otros ferrys en tailand mejores, pero bueno es un viaje corto. Los asientos de arriba mejores, los de abajo eran simples sillas colocadas. Afuera no espacio para estar al aire libre

Más información Ocultar

Compañías y rutas alternativas

.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden } * html .ui-helper-clearfix { height: 1% } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0) } .ui-state-disabled { cursor: default !important } .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat } .ui-widget { font-size: 11px } .ui-widget button, .ui-widget input, .ui-widget select, .ui-widget textarea { font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 1em } .ui-widget-content { border: 1px solid #aaa; background: 50% 50% repeat-x #fff; color: #000 } .ui-widget-content a { color: #000 } .ui-widget-header { border: 1px solid #2c7ca9; background: 50% 50% repeat-x #64b6e6; color: #fff; font-weight: 700 } .ui-widget-header a { color: #222 } .ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #d3d3d3; background: 50% 50% repeat-x #eee; font-weight: 400; color: #444; outline: 0 } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #444; text-decoration: none; outline: 0 } .ui-state-focus, .ui-state-hover, .ui-widget-content .ui-state-focus, .ui-widget-content .ui-state-hover { border: 1px solid #8af; background: 50% 50% repeat-x #fff; font-weight: 400; color: #333; outline: 0 } .ui-state-hover a, .ui-state-hover a:hover { color: #333; text-decoration: none; outline: 0 } .ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #036; background: 50% 50% repeat-x #0064b4; font-weight: 400; color: #fff; outline: 0 } .ui-datepicker-calendar .ui-state-default, .ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: 700 } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #fff; outline: 0; text-decoration: none } .ui-state-highlight, .ui-widget-content .ui-state-highlight { border: 1px solid #fcefa1; background: 50% 50% repeat-x #ffc; color: #363636 } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636 } .ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter: Alpha(Opacity=35); background-image: none } .ui-icon { width: 16px; height: 16px } .ui-icon-circle-triangle-e { background-position: -10px -1943px } .ui-icon-circle-triangle-w { background-position: -25px -1943px } .ui-datepicker { width: 17em; padding: .2em .2em 0; z-index: 25 } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0 } .ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev { position: absolute; top: 2px; width: 1.8em; height: 1.8em } .ui-datepicker .ui-datepicker-next-hover, .ui-datepicker .ui-datepicker-prev-hover { top: 1px } .ui-datepicker .ui-datepicker-prev { left: 2px } .ui-datepicker .ui-datepicker-next { right: 2px } .ui-datepicker .ui-datepicker-prev-hover { left: 1px } .ui-datepicker .ui-datepicker-next-hover { right: 1px } .ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-prev span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center } .ui-datepicker .ui-datepicker-title select { float: left; font-size: 1em; margin: 1px 0 } .ui-datepicker select.ui-datepicker-month-year { width: 100% } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49% } .ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: 700; border: 0 } .ui-datepicker td { border: 0; padding: 1px } .ui-datepicker td a, .ui-datepicker td span { display: block; padding: .2em; text-align: right; text-decoration: none } .ui-datepicker-current { display: none } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0 } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em; width: auto; overflow: visible } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-multi .ui-datepicker-group { float: left } .ui-datepicker.ui-datepicker-multi { width: auto } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50% } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3% } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25% } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0 } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left } .ui-datepicker-row-break { clear: both; width: 100% } .ui-datepicker-calendar a.ui-state-default { border-color: #fff } .ui-datepicker-calendar a.ui-state-active { border-color: #036 } .ui-datepicker-calendar .ui-datepicker-unselectable .ui-state-default { border-color: #fff; background-color: #fff; font-weight: 400 } .ui-datepicker-calendar a.ui-state-hover { border-color: #fcefa1; background: #ffc; color: #444 } @media(max-width:992px) { .ui-datepicker { width: auto !important } .ui-datepicker-buttonpane { display: none } .ui-datepicker td a, .ui-datepicker td span { padding: 7px } } .loadmask { z-index: 100; position: absolute; top: 0; left: 0; -moz-opacity: .5; opacity: .7; background-color: #fff; width: 100%; height: 100%; zoom: 1 } .loadmask-msg { z-index: 20001; position: absolute; top: 0; left: 0; border: 1px solid #6593cf; background: #c3daf9; padding: 2px } .loadmask-msg div { padding: 5px 10px 5px 25px; background: #fbfbfb url(https://static.directferries.co.uk/image/fs/loading.gif) no-repeat 5px 5px; line-height: 16px; border: 1px solid #a3bad9; color: #222; font: normal 11px tahoma,arial,helvetica,sans-serif; cursor: wait } .masked { overflow: hidden !important } .masked-relative { position: relative !important } .masked-hidden { visibility: hidden !important } .fs .advSer a { font-weight: 700; color: #fff; font-size: 13px } .fs .formPopup, .rSer .formPopup { background: url(https://static.directferries.co.uk/image/fs/arrow.png) no-repeat top left } .fs .frmHol { font-size: 13px } .wc label { background-position: -16px -1988px } .errDiv { background-color: #f2dede; color: #d00; font-weight: 700; font-size: 13px; background-image: url(https://static.directferries.co.uk/image/fs/error.png); background-repeat: no-repeat; background-position: 7px 10px; padding: 10px 10px 10px 30px } .petGrp .input-group-btn { font-size: 14px } .petGrp label { font-weight: 400 } .petGrp .btn-default { color: #333; background-color: #fff; font-weight: 400; border-color: #ccc } .petGrp .btn-default:hover { background-color: #e6e6e6; color: #333 } .input-group-btn:first-child > .btn { border-bottom-right-radius: 0; border-top-right-radius: 0 } .input-group-btn:last-child > .btn { border-bottom-left-radius: 0; border-top-left-radius: 0 } .disabled, .petGrp .btn-default.disabled { background-color: #eee; background-image: none; border-color: #ccc; color: #ccc } .fsBtn .disabled { background-color: #ea5b28; border: 1px solid transparent; color: #fff } @media screen and (min-width:0\0) { .disabled, .petGrp .btn-default.disabled { color: #6d6d6d } } @media \0screen\,screen\9 { .disabled, .petGrp .btn-default.disabled { color: #baa0bc } } .fsPop { position: fixed; height: 100%; width: 100%; top: 0; left: 0; background: #000; opacity: .6; z-index: 5000 } .fsWrapPop { position: relative; width: 100%; z-index: 6000 } #curBtn { background-position: right -948px } .fsDone { margin-bottom: 15px; float: right } .rating, .sRating { background-image: url(https://static.directferries.co.uk/image/sprites/stars-ship.png); background-repeat: no-repeat; width: 80px; height: 15px; display: block } .r50 { background-position: -1px 0 } .r45 { background-position: -1px -15px } .r40 { background-position: -17px 0 } .r35 { background-position: -17px -15px } .r30 { background-position: -34px 0 } .r25 { background-position: -34px -15px } .r20 { background-position: -50px 0 } .r15 { background-position: -50px -15px } .r10 { background-position: -67px 0 } .r5 { background-position: -67px -15px } .r0 { background-position: -83px 0 } .feeRating { background-image: url(https://static.directferries.co.uk/image/sprites/stars-feefo.png); background-repeat: no-repeat; width: 95px; height: 18px; display: inline-block; margin-left: 6px } .f45 { background-position: -1px -25px } .banner { background: url(https://static.directferries.co.uk/image/backgrounds/main.jpg) no-repeat center center; background-size: cover; margin-bottom: 15px } .noBanner { margin-bottom: 15px } .subNav > ul > li a:hover { text-decoration: none } .accomm, .onBoard, .social { margin-bottom: 15px } .accomm h3, .onBoard h3, .social h3 { margin-bottom: 0; padding: 10px 0 10px 40px } .onBoard h3 { background-position: -7px -514px } .accomm h3 { background-position: -7px -1886px } .social h3 { background-position: -7px -592px } .social ul li { float: left; margin-right: 5px; margin-bottom: 5px; width: 50px } .social ul li a { display: block; text-align: center; font-size: 12px; padding-top: 33px } .facebook { background-position: center 0 } .twitter { background-position: center -73px } .google { background-position: center -146px } .youtube { background-position: center -219px } .signUp { background-position: center -292px } .download { background-position: center -365px } .facebookS { background-position: -13px -1555px } .twitterS { background-position: -13px -1597px } .googleS { background-position: -13px -1640px } .youtubeS { background-position: -13px -1682px } .signUpS { background-position: -13px -1724px } .downloadS { background-position: -13px -1766px } .at { background-position: 4px -548px } .be { background-position: 4px -243px } .ch { background-position: 4px -398px } .cn { background-position: 4px -649px } .cz { background-position: 4px -460px } .de { background-position: 4px -88px } .dk { background-position: 4px -181px } .es { background-position: 4px -212px } .fi { background-position: 4px -274px } .fr { background-position: 4px -57px } .gr { background-position: 4px -491px } .jp { background-position: 4px -672px } .it { background-position: 4px -367px } .ie { background-position: 4px -26px } .nl { background-position: 4px -119px } .no { background-position: 4px -429px } .pl { background-position: 4px -337px } .pt { background-position: 4px -305px } .ru { background-position: 4px -601px } .se { background-position: 4px -150px } .sk { background-position: 4px -522px } .tr { background-position: 4px -574px } .ua { background-position: 4px -626px } .us { background-position: 4px -695px } .au { background-position: 4px -718px } .qa { background-position: 4px -741px } .ma { background-position: 4px -764px } .tn { background-position: 4px -786px } .ca { background-position: 4px -808px } .kr { background-position: 4px -830px } .uk { background-position: 4px 5px } .cat { background-position: 4px -852px } .id { background-position: 4px -874px } footer .cards { text-align: center; padding: 0 15px } footer .cards i { background-image: url(https://static.directferries.co.uk/image/sprites/cards.png); background-repeat: no-repeat; display: inline-block; margin: 0 2px 5px } .american_express { height: 25px; width: 38px; background-position: 0 0 } .elv { height: 25px; width: 38px; background-position: -41px 0 } .ideal { height: 25px; width: 29px; background-position: -83px 0 } .jcb { height: 25px; width: 35px; background-position: -113px 0 } .maestro { height: 25px; width: 38px; background-position: -409px 0 } .mastercard { height: 25px; width: 38px; background-position: -150px 0 } .mastercard_debit { height: 25px; width: 32px; background-position: -194px 0 } .paypal { height: 25px; width: 82px; background-position: -578px 0 } .postepay { height: 25px; width: 38px; background-position: -286px 0 } .visa { height: 25px; width: 38px; background-position: -328px 0 } .visa_electron { height: 25px; width: 38px; background-position: -369px 0 } .sofort { height: 25px; width: 38px; background-position: -451px 0 } .alipay { height: 25px; width: 38px; background-position: -493px 0 } .union_pay { height: 25px; width: 38px; background-position: -535px 0 } .carousel { z-index: 0 } .dropdown > li > a:hover { text-decoration: none } .mapTbl h4 { line-height: 20px; margin-bottom: 5px; padding-top: 0 !important } .mapTbl ul li div:first-child { padding-right: 15px } .mapTbl .btn { margin-right: 5px } .mapImg { display: table; width: 100%; background: url(https://static.directferries.co.uk/image/map.jpg) no-repeat center center } .mapImg:hover, .mapImg:hover .mapOly { text-decoration: underline; cursor: pointer } .mapOly { display: table-cell; vertical-align: middle; text-align: center } .mapOly span { background: #fff url(https://static.directferries.co.uk/image/map-view.png) no-repeat 7px 9px; color: #0070a0; padding: 7px 7px 7px 27px; border-radius: 5px; line-height: 15px } .tabs { display: table; width: 100% } .tabs li { display: table-cell; vertical-align: middle; text-align: left; border-left: 1px solid #ccc; background: #e6e6e6; padding: 7px 15px } .tabs li:first-child { border: none } .tabs li a { display: block; font-weight: 700; color: #193354 } .tabs li.active { background: #ccc } .tabs li a:hover { text-decoration: none } .tabCon { clear: both } .tabCon > .tabPane { display: none; visibility: hidden } .tabCon > .active { display: block; visibility: visible } .t2 li { width: 50% } .t3 li { width: 33.33333333% } .t4 li { width: 25% } .railSail .tabPane > div { padding-top: 10px } .content > div > div { margin-bottom: 30px } .intTxt { border-bottom: 2px solid #64b6e6; margin-bottom: 15px; padding-bottom: 10px; width: 100% } .intTxt img { margin: 0 0 10px 0; display: block; max-width: 100% } .intTxt .form-control { width: auto; margin-bottom: 10px } .intTxt .form-select label { color: #193354 } .intTxt .form-select .form-control { width: 100% } @media(max-width: 768px) { .opInt .rImg { width: auto } .fs .vSpace { display: none } .fs #curLbl { display: block; margin-bottom: 10px } } .oBox { background: #ea5b28; padding: 15px 15px 10px } .oBox * { color: #fff } .oBox .btn { background-color: #fff; background-position: right -1233px; color: #ea5b28; font-size: 12px; line-height: 1.5; padding: 2px 18px 2px 10px } .oBox a:hover { color: #fff } .oBox .btn:hover { background-color: #eee; color: #ea5b28 } .oBox ul li div:first-child { padding-right: 5px } .oBox.accordion h3 { padding-bottom: 5px; padding-right: 20px; cursor: pointer; background-position: right -1050px; margin: 0 } .oBox.accordion h3.up { background-position: right -1002px } .oBox.accordion > div { margin-top: 5px; display: none } .bBox { background: #e0f1fa; padding: 15px 15px 10px } .bBox * { color: #193354 } .bBox .btn { background-color: #2c7ca9; color: #fff } .bBox .btn:active, .bBox .btn:focus, .bBox .btn:hover, .bBox .btn:visited { background-color: #2c7ca9; color: #fff } .infoBox { background: #e0f1fa; padding: 15px; margin-bottom: 15px } .content > div > div.infoBox { margin-bottom: 15px } .infoBox * { color: #193354 } .rtTbl > li { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #64b6e6 } @media(max-width:399px) { .rtTbl ul > li { display: inline-block } .rtTbl ul > li:last-child { display: block } .rtTbl .sa { padding: 5px 10px 5px 20px } .rtTbl .du { padding: 5px 0 5px 20px } } @media(min-width:400px) { .rtTbl ul { display: table; width: 100% } .rtTbl ul > li { display: table-cell; vertical-align: top; padding: 5px 0 } .rtTbl ul > li:first-child { width: 42% } .rtTbl .tx { width: auto !important } .rtTbl .btn { float: right } } .opTbl { width: 100%; margin: -10px 0 0; padding: 0 } .opTbl > li { border-bottom: 1px solid #64b6e6 } .opTbl > li > div { padding: 5px 0 } .opTbl > li > div > ul { display: table; width: 100%; margin: 0; padding: 0 } .opTbl > li > div > ul > li { display: table-cell; vertical-align: middle } .opTbl > li > div:first-child { padding: 10px 0 0 } .opTbl > li > div:first-child img { max-height: 33px } .rouGrp > div { padding: 0 0 10px } .rouGrpOps { width: 100%; border-bottom: 1px solid #64b6e6; margin: -10px 0 5px; padding: 0 0 5px } .rouGrpOps > li > div { padding: 5px 0 } .rouGrpOps > li > div > ul { display: table; width: 100%; margin: 0; padding: 0 } .rouGrpOps > li > div > ul > li { display: table-cell; vertical-align: middle } .rouGrpOps > li > div:first-child { padding: 10px 0 0 } .rouGrpOps > li > div:first-child img { max-height: 33px } .opList { margin-bottom: 30px } .opList h2 { margin: 0 } .opList > ul > li { border-bottom: 1px solid #64b6e6 } .opList > ul > li > div { display: table-cell; vertical-align: middle } .opList > ul > li > div:first-child a { width: 100px; margin-right: 20px; display: block } .opList img { max-width: 100%; display: block; margin: 0 auto } .opList .det .ex { display: inline-block; padding-right: 14px; background-position: right -1193px; font-weight: 400; color: #0070a0; cursor: pointer } .opList .det .ex:hover { text-decoration: underline } .opList .exMar { margin-bottom: 15px } .opList .det p { margin: 0 } .opList .det h4 { font-weight: 700; font-size: 14px; display: inline-block; color: #193354; margin: 15px 0 0 } .opList .rts > span { margin-bottom: 15px; display: inline-block; font-weight: 700; color: #193354 } .opList .rtTbl > li { border-bottom: 1px solid #e6e6e6 } .opList .rtTbl > li.lst { border-bottom: none; margin-bottom: 0 } .opList > ul > li > .opMore > ul { border-top: 2px solid #e6e6e6; padding-top: 10px; margin-top: -10px } .opList .opMoLk { vertical-align: top; cursor: pointer } .opList .opMoLk span { background-position: -30px -1470px; width: 20px; height: 40px; display: block } .opList .opMoLk.up span { background-position: -30px -1389px } .dests .row { margin-left: -7px; margin-right: -7px; margin-bottom: 15px } .dests .xs6 { padding-left: 7px; padding-right: 7px } .dests li { margin-bottom: 14px } .dests .img { width: 105px; padding-right: 7px } .dests img { height: 100px; width: 100%; display: block } .dests .det { padding-left: 7px; position: relative } .dests .divTbl { border: 2px solid #e6e6e6; padding: 15px } .dests .btn { float: none; position: absolute; bottom: 0; display: block } @media(max-width:600px) { .dests .xs6 { width: 100% } } .alts > div > ul > li > div, .alts > ul > li > div { border-bottom: 1px solid #64b6e6 } .alts .altImg { width: 100px } .alts .altImg img { max-width: 100%; max-height: 30px; display: block; margin: 0 auto } @media(max-width:600px) { .alts > .ulTbl > li > div { padding: 7px 0 } .alts .altImg img { max-height: 25px } } .opRoutes #map_canvas { height: 350px } .opRoutes h5 { display: block; font-weight: 700; color: #193354; font-size: 14px; cursor: pointer; background-color: #e6e6e6; background-position: 98% -1478px; margin-bottom: 5px; padding: 9px 28px 10px 10px } .opRoutes h5.up { background-position: 98% -1397px } .opRoutes .accordion .rtTbl li:last-child { border-bottom: none; padding-bottom: 0 } .opRoutes .accordion > ul li:last-child > div { border-bottom: 1px solid #64b6e6 } .hreview > div { border-bottom: 1px solid #64b6e6; margin-bottom: 10px; padding: 10px 0 0 !important } .ulTbl li.hreview div.more { padding: 0; margin-top: -5px } .rvMore { border-bottom: 1px solid #64b6e6; display: block; background-position: right -1183px; padding: 10px 15px 10px 0 } .lessLink, .moreLink { color: #0070a0; cursor: pointer; display: inline-block; margin-bottom: 10px } .lessLink { display: none } .lessLink:hover, .moreLink:hover { text-decoration: underline } .hreview .stars { width: 85px; vertical-align: top } .hreview .rating, .hreview .sRating { float: right; margin-top: 2px } .hreview-aggregate h1 { margin-bottom: 10px } .hreview-aggregate .stars { margin-bottom: 8px } .hreview-aggregate .rating { float: left; margin-top: 2px; margin-right: 10px } .review label { color: #193354 } .starSelect { display: table; margin-bottom: 10px } .starSelect > li { display: table-row } .starSelect > li > div { display: table-cell; vertical-align: middle; padding-bottom: 5px } .starSelect > li > div:first-child { padding-right: 10px } .rateit { display: -moz-inline-box; display: inline-block; position: relative } .rateit .rateit-range { position: relative; display: -moz-inline-box; display: inline-block; background: url(https://static.directferries.co.uk/image/sprites/stars-rateit.png) 0 -2px; height: 16px; outline: 0 } .rateit .rateit-hover, .rateit .rateit-selected { position: absolute; left: 0 } .rateit .rateit-hover { background: url(https://static.directferries.co.uk/image/sprites/stars-rateit.png) left -23px } .rateit .rateit-selected { background: url(https://static.directferries.co.uk/image/sprites/stars-rateit.png) left -23px } .noRting { background: 0 0; display: none } .opShips .h2, .opShips h2 { margin: 0 } .opShips .row { margin-left: -7px; margin-right: -7px } .opShips .sm4, .opShips .xs6 { margin-top: 14px; padding: 0 7px } .opShips .ovlyS { position: relative; display: block } .opShips .ovlyS .tbl > span { display: table-cell; vertical-align: middle; padding: 5px } .opShips .ovlyTxt { background-color: #0070a0; opacity: .9; position: absolute; float: left; width: 100%; bottom: 0; color: #fff; font-size: 13px } .opShips .ovlyOp { background-color: #0070a0; opacity: .9; position: absolute; top: 5px; right: 5px; color: #fff; font-size: 13px; padding: 2px 5px } .rtSum h4 { margin-bottom: 0; padding-bottom: 10px; font-size: 16px } .rtSum .accordion h4 { cursor: pointer; background-position: right -1471px; border-top: 1px solid #64b6e6; margin: 0; padding: 15px 18px 15px 0 } .rtSum .accordion > ul > li:first-child > h4 { border-top: none } .rtSum .accordion { border-bottom: 1px solid #64b6e6 } .rtSum .accordion h4.up { background-position: right -1390px } .highcharts { background: #e0f1fa; padding: 15px 15px 10px } .dests .det p, .highcharts p { font-size: 12px } .highcharts-container * { font-family: 'Open Sans',"Helvetica Neue",Helvetica,Arial,sans-serif !important } .embR { position: relative; display: block; height: 0; overflow: hidden; padding: 0 0 56.25% } .embR iframe { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0 } .shpOv { margin: 0 !important } .shpOv div:first-child { font-size: 44px; font-weight: 700; color: #64b6e6 } .shpOv .stars { text-align: center; font-size: 20px; font-weight: 700; color: #64b6e6; padding-right: 30px; margin: 0 auto } .shpOv .rating { margin: 0 auto } .shpOv .shpRec { font-weight: 700; color: #64b6e6; font-size: 18px; margin-bottom: 5px; display: block } .shpOv ul li { border-bottom: 1px solid #64b6e6; width: 50%; float: left; position: relative; padding: 7px 45px 7px 0 } .shpOv ul li span { position: absolute; right: 20px; font-weight: 700 } .shpOv ul .lst { border: none } .shpLks p { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #64b6e6 } .nsLst { border-bottom: 1px solid #64b6e6; padding-bottom: 5px; margin-bottom: 15px !important } .nsLst h3 { font-size: 14px; line-height: 21px } .nsLst .btn { margin-left: 15px; float: right } .article .nsInt, .nsLst .nsInt { font-size: 12px; margin-top: -10px } .nsLnk ul, .nsiLnk ul { margin: -7px 0 0 } .nsLnk ul li, .nsiLnk ul li { border-bottom: 1px solid #e6e6e6; position: relative; padding: 7px 0 } .nsLnk ul a { display: block; background-repeat: no-repeat; background-position: right center; padding-right: 20px } .nsLnk img { position: absolute; right: 0; top: 12px } .nsiImg ul li { background-position: -40px -1187px; padding-left: 11px } .shIcns img { float: left } .shIcns a { display: inline-block } .shIcns a:hover { text-decoration: none; cursor: pointer } .fbShare span { background-color: #3a589a; color: #fff; float: left; line-height: 20px; margin-right: 5px; padding: 0 4px } .fbShare:hover span { background-color: #627aaf } .twShare span { background-color: #00abf0; color: #fff; float: left; line-height: 20px; margin-right: 5px; padding: 0 4px } .twShare:hover span { background-color: #3cc1f4 } .gooShare span { background-color: #df4a32; color: #fff; float: left; line-height: 20px; margin-right: 5px; padding: 0 4px } .gooShare:hover span { background-color: #e66e5d } .email { margin-right: 4px } .email:hover, .print:hover { opacity: .8 } .article { border-bottom: 2px solid #64b6e6; padding-bottom: 8px; margin-bottom: 20px !important } .article h1 { font-size: 20px } .article img, .avios img, .md img { margin-bottom: 10px } .offers .rvMore { margin-top: -15px } .avios .btn { margin: 10px 0 } .soLnk ul { margin-top: -5px } .soLnk ul li { border-bottom: 1px solid #e6e6e6; padding: 12px 0 } .soLnk ul li a { padding-left: 30px } .cntUs { margin-top: -30px } .faq ul { margin-top: -15px } .cntUs > ul > li, .faq > ul > li { border-bottom: 1px solid #64b6e6 } .faq h4 { cursor: pointer; background-position: right -1473px; font-size: 14px; margin: 0; padding: 15px 25px 15px 0 } .mobAcords .down { cursor: pointer; background-position: right -1477px; font-size: 14px; margin: 0; padding: 10px 25px 5px 0 } .mobAcords .up { background-position: right -1395px } .alts h4, .cntUs h2 { cursor: pointer; background-position: right -1470px; position: relative; margin: 0; padding: 15px 25px 15px 22px } .alts h4 { padding: 15px 25px 15px 0; border-bottom: 1px solid #64b6e6 } .faq h4.up { background-position: right -1391px } .alts h4.up, .cntUs h2.up { background-position: right -1388px } .cntUs h2 span { background-image: url(https://static.directferries.co.uk/image/sprites/flags.png?v=2); background-repeat: no-repeat; width: 25px; height: 20px; position: absolute; left: -4px } .cntUs ul li ul { margin-bottom: 10px } .addy h4 { margin: 0; border-bottom: 1px solid #e6e6e6; padding: 12px 0 } .mc ul li p { margin-bottom: 15px !important } .mc .det a { margin-top: 10px; display: inline-block } .rtPtLst h4 { padding-top: 15px } .rtPtLst h4 a { color: #193354 } .rtPtLst .accordion { margin-bottom: 15px } .rtPtLst .accordion ul li { border-bottom: 1px solid #e6e6e6 } .rtPtLst .accordion ul li h5 { cursor: pointer; font-size: 14px; font-weight: 400; color: #0070a0; background-position: right -1269px; margin: 0; padding: 10px 18px 10px 0 } .rtPtLst .accordion ul li h5.up { background-position: right -1334px } .rtPtLst .accordion ul li p { display: none; margin: 0 0 10px } .portOr { display: block; line-height: 30px; text-align: center } .portMapCtr { margin: 0 -15px } .dblArrw { background-position: -3px -663px; width: 26px; height: 30px; margin: 0 auto } .portLst, .smPortLst { padding-top: 10px } .portLst > ul > li, .smPortLst > ul > li { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #64b6e6 } .portLst > ul > li > a, .smPortLst > ul > li > a { font-weight: 700; font-size: 16px; margin-bottom: 4px; display: inline-block } .portLst > ul > li > a > img, .smPortLst > ul > li > a > img { margin-right: 10px; margin-top: -2px; border: solid 1px #e6e6e6 } .portLst > ul > li > ul, .smPortLst > ul > li > ul { margin-left: 30px } .portLst > ul > li > ul > li, .smPortLst > ul > li > ul > li { width: 50%; float: left; background-position: -40px -1194px; padding: 0 5px 0 10px } .c2cTbl { width: 100%; border-top: 2px solid #e6e6e6 } .c2cTbl > li { border-bottom: 2px solid #e6e6e6; padding: 10px 0 } .c2cTbl > li:last-child { border-bottom: none } .c2cTbl > li > div > a { display: inline-block; margin-bottom: 10px } .c2cTbl > li > div > div > ul:first-child { border-top: 1px solid #e6e6e6; padding-top: 5px } .c2cTbl > li > div > div > ul { border-bottom: 1px solid #e6e6e6; padding-bottom: 10px; margin-bottom: 10px } .c2cTbl > li > div > div > ul:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0 } .c2cTbl > li > div > div > ul > li { padding: 5px 0 } .c2cTbl .op { width: 160px } .c2cTbl .op img { max-height: 25px } .c2cLnk { display: block; text-align: center } @media(min-width:600px) { .c2cTbl > li > div > a { margin-bottom: 5px } .c2cTbl > li > div > div { display: table; width: 100% } .c2cTbl > li > div > div > ul { display: table-row } .c2cTbl > li > div > div > ul > li { display: table-cell !important; vertical-align: top } .c2cTbl .sa { width: 30% } .c2cTbl .btn { float: right } } @media(min-width:992px) { .c2cTbl > li { display: table; width: 100% } .c2cTbl > li > div { display: table-cell; vertical-align: top } .c2cTbl > li > div:first-child { width: 28% } .c2cTbl > li:last-child > div { border-bottom: none } .c2cTbl > li > div > a { margin: 0 } .c2cTbl > li > div > div > ul > li { padding: 5px 0 } .c2cTbl .op img { margin: 0 auto; display: block; max-height: 25px } } @media(min-width:1200px) { .c2cTbl .op { width: 200px } } .c2cTbl .sa, .rtTbl ul > li.sa { background-position: -1px -704px; padding-left: 20px; padding-right: 5px } .c2cTbl .du, .rtTbl ul > li.du { background-position: 0 -758px; padding-left: 20px } .opTbl .sa, .rouGrpOps .sa { background-position: -1px -709px; padding-left: 20px; padding-right: 5px; display: block } .opTbl .du, .rouGrpOps .du { background-position: 0 -763px; padding-left: 20px; display: block } .ctSum > ul:after, .ctSum > ul:before { content: " "; display: table; clear: both } .ctSum > ul { border-bottom: 1px solid #64b6e6; padding-bottom: 10px; margin-bottom: 10px } .ctSum h2 { margin-top: -10px } .ctSum ul { margin-top: -8px } .ctSum ul > li { width: 100%; float: left; background-image: none; padding: 3px 0 3px 0; line-height: 20px } .ctSum ul > li img { margin-right: 5px; margin-top: -1px; border: solid 1px #e6e6e6 } .content > div > div.regionMap { margin-bottom: 0 } .regionMap label { color: #193354 } .regionMap .mHide { display: none } footer { background: #64b6e6; color: #fff; padding: 15px 0 } footer a { color: #fff; display: block } footer a:hover { color: #fff } footer .signUp { background: #0070a0; margin-bottom: 15px; padding: 15px } footer .accordion { text-align: center; clear: both; padding: 0 15px 15px } footer .accordion .sm3 { padding: 0 } footer .accordion h4 { color: #fff; font-weight: 400; font-size: 14px; cursor: pointer; background-position: right -951px; display: inline-block; margin-bottom: 0; padding: 5px 20px 5px 0 } footer .accordion h4.up { background-position: right -904px } footer .accordion .sm3 div { display: none; margin: 5px 0 10px } footer .accordion .sm3 a { padding: 2px 0 } footer .copy { text-align: center; font-size: 12px; padding: 0 15px } footer .err, footer .suc { display: none; margin: 10px 0 0; padding: 5px 10px } .suc { background-color: #dff0d8; color: #333 } .err { background-color: #f2dede; color: #333 } @media(min-width:769px) { .bImg { display: block; width: auto; margin: 0 auto 10px } .reDirect a, .reDirect a:hover { display: inline } .fsWrap { margin-top: -1px } .fs .padRht { padding-right: 5px } .fs .padLft { padding-left: 5px } footer .signUp { background: #0070a0; padding: 15px 5px } footer .accordion ul { margin: 5px 0 0 } footer .err, footer .suc { margin: 10px 10px 0 } .inputGrp { position: relative; display: table; border-collapse: separate } .inputGrp .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0 } .inputGrpBox { display: table-cell; width: 1%; white-space: nowrap; vertical-align: middle; text-align: center; padding: 0 10px } .opInt .sm4, .prtInt .sm4 { padding-left: 0; padding-right: 23px } .opInt .sm8, .prtInt .sm8 { padding-left: 8px; padding-right: 0 } .opList .det span.ex { padding-left: 5px } .intTxt { display: table; padding-left: 0; padding-right: 0 } .intTxt img { display: block; margin: 0 auto 10px } .intTxt .rowH { display: table-row } .intTxt .colH { display: table-cell; float: none } .intTxt .colT { vertical-align: top } .intTxt .colM { vertical-align: middle } .shIcns { text-align: right } .opTbl { display: table } .opTbl > li { display: table-row } .opTbl > li > div { display: table-cell; vertical-align: middle; margin-bottom: 10px; border-bottom: 1px solid #64b6e6; height: 54px; padding: 10px 0 } .opTbl > li > div:first-child { padding: 0 20px 0 0 } .rouGrpOps { display: table } .rouGrpOps > li { display: table-row } .rouGrpOps > li > div { display: table-cell; vertical-align: middle; margin-bottom: 10px; padding: 10px 0 } .rouGrpOps > li > div:first-child { width: 150px; padding: 10px 20px 10px 0 } .opList > ul > li > div:first-child a { width: 120px } .opList > ul > li > .opMore { display: none; margin-left: 140px } .opList .opMoLk span { background-position: -10px -1470px; width: 40px } .opList .opMoLk.up span { background-position: -10px -1389px } .alts .altImg { width: 130px } .portLst > ul > li > ul > li { width: 33% } .conNav .call { background-position: 0 -1855px; padding-right: 7px; display: block } .ctSum ul > li { width: 33.3333% } .regionMap .mHide { display: block } } @media(min-width:992px) { .railSailSlider { padding-right: 30px; padding-top: 15px; height: 300px } .fsWrap .padRht { padding-right: 0 } .hIntBox { margin: 0 } .hCon { display: table; padding-left: 0; padding-right: 0; margin-bottom: 30px } .hCon .rowH { display: table-row } .hCon .colH { display: table-cell; float: none } .hCon .colT { vertical-align: top } .hCon .colM { vertical-align: middle } .accommI, .onBoardI { display: block } .social { padding-left: 30px; border-left: 1px solid #64b6e6 } .opTbl .sa { width: 150px; display: table-cell } .opTbl .du { display: table-cell } .rouGrpOps .sa { width: 160px; display: table-cell } .rouGrpOps .du { display: table-cell } .opShips .rating { display: block; float: right } .portLst > ul > li > ul > li { width: 25% } .conNav .trvAl { background-position: 0 -1818px; padding-right: 7px; display: block } .conNav li a { font-size: 14px } .conNav .lang > a { padding-right: 18px } .conNav .lang > a > span { padding-left: 26px } .conNav .lang > a > span b { display: inline } .ctSum ul > li { width: 25% } } @media(max-width: 768px) { .subNav .mMenu { float: right } .subNav .mMenu span { background-color: #64b6e6; padding-right: 35px; position: relative } .subNav .mMenu span i { position: absolute; right: 14px; height: 18px; width: 15px; background-position: right -954px } .subNav .mMenu span.up i { background-position: right -906px } .subNav .mMenu span, .subNav .mShow a { margin-right: 0 } .subNav .mHide { display: none } .subNav .mShow { display: block; width: 100% } .subNav ul li.active { position: absolute } .fs .xs6.padRht { padding-right: 5px } .fs .xs6.padLft { padding-left: 5px } .mobAcords { margin-top: -15px; margin-bottom: 15px } .mobAcords.main { margin-top: -30px } .mobAcords.ind { margin-top: -30px } .mobAcords.ind .soLnk { border-bottom: 2px solid #64b6e6 } .mobAcords.ind .soLnk .down { padding-bottom: 10px } .mobAcords .nsLnk, .mobAcords .soLnk { margin: 0 } .mobAcords .nsLnk { border-bottom: 2px solid #64b6e6 } .mobAcords .nsLnk .down { padding-bottom: 10px } .mobAcords .nsLnk ul li:last-child { border: none } .fs .advSer { margin-bottom: 5px } } @media(min-width:992px) and (max-width:1200px) { .carouselIn > .item img { margin-left: -22px } } .rSer .formCon { padding-top: 5px } .rSer .formPopup { background-image: none; padding-top: 0; margin-top: 3px; border-top: 1px solid #eee; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175) } .rSer .formCon, .rSer .popupTitle { border-color: #eee } .rSer .popupClose { top: 5px } .rSer .ulTbl { min-width: 380px } .rSer .ulTbl li div { border-bottom: 1px solid #64b6e6; vertical-align: top; font-size: 13px } .rSer .ulTbl li:first-child div { border-top: none; padding-top: 0 } .rSer .btn { color: #fff; font-size: 12px; background-position: right -1102px; margin-top: 4px } .rSerRou, .rSerRou2 { font-weight: 700; color: #193354; font-size: 14px } .rSerRou2 { padding-top: 5px } .rSerOp { color: #0070a0 } .rSerTer { font-size: 11px; padding: 5px 0 6px; display: block } .rSerLnk:hover { background-color: #e0f1fa } .rSerPri { text-align: right; font-weight: 700; color: #193354 } .rSerPri span { font-size: 14px; display: block } .rSerCon li, .subNav ul li .rSerCon li { display: block } .rSerCon .rSerRem a, .rSerPri .rSerVal { font-size: 11px; font-weight: 400; color: #0070a0 } .rSerMcon { background: #64b6e6; display: none } .rSerMcon .ulTbl li div { border-bottom: 1px solid #fff; vertical-align: top; font-size: 12px; padding: 4px 14px } .rSerMcon .ulTbl li div:first-child { padding-right: 0 } .rSerMcon .ulTbl li div:last-child { padding-left: 0 } .rSerMcon .ulTbl li:first-child div { border-top: 1px solid #fff } .rSerMcon .rSerPri, .rSerMcon .rSerRou, .rSerMcon .rSerRou2 { font-size: 13px; color: #fff } .rSerMcon .rSerOp, .rSerMcon .rSerRem a, .rSerMcon .rSerVal { color: #333 } .rSerMcon .rSerRem a:hover { background-color: transparent; text-decoration: underline } .rSerMcon .rSerVal { line-height: 18px } .rSerMcon .btn { margin-top: 4px } .rSerMcon .btn:hover { background-position: right -1103px; background-color: #dc5829 } .rSerMcon .rSerTer { border-bottom: 1px solid #fff; padding: 5px 14px 6px } .rSerM { position: relative } .rSerM i { position: absolute; right: 14px; height: 18px; width: 15px; background-position: right -955px } .rSerM.up i { background-position: right -907px } .rSerNo { padding: 0 0 8px 0; display: block } .rSerMcon .rSerNo { padding: 0 14px } #backgroundPopup, #backgroundPopupBE { display: none; position: fixed; height: 100%; width: 100%; top: 0; left: 0; background: #000; z-index: 9000 !important } .popUp { width: 75%; max-width: 600px; z-index: 10000 !important; position: absolute; background-color: #fff; border: 3px solid #0070a0; padding: 2px } .popUp .header { background-color: #0070a0; color: #fff; text-align: left; padding-left: 10px; font-size: 14px; line-height: 30px; font-weight: 400; margin: 0 } .popUp .content { padding: 8px 10px 10px 10px; clear: both; max-height: 500px; -webkit-overflow-scrolling: touch; overflow: auto } .popUp .content p { margin-bottom: 10px } .popUp .closeBtn { background-position: -10px -2020px; height: 28px; width: 30px; position: absolute; right: -16px; top: -13px; cursor: pointer } @media(min-width:769px) { .popUp { width: 50% } } .ab-con--wrapper article.ab-con.two { display: none } .HyperLinkTextColor:hover { color: #fff } body { font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif }

Salida el

Vuelta

>Pasajeros

Detalles De La Mascota

Pasajeros