www.traghettitalia.it
Open in
urlscan Pro
151.11.52.77
Public Scan
Submitted URL: https://www.traghettiservice.org/
Effective URL: https://www.traghettitalia.it/
Submission: On July 10 via automatic, source certstream-suspicious — Scanned from DE
Effective URL: https://www.traghettitalia.it/
Submission: On July 10 via automatic, source certstream-suspicious — Scanned from DE
Form analysis
1 forms found in the DOMName: centro — POST /new/resultsNEW.php
<form method="post" id="centro-motore" name="centro" action="/new/resultsNEW.php" target="_top" onsubmit="return checkForm()" style="position: relative">
<input type="hidden" id="eta_bambini" name="eta_bambini" value="false">
<input type="hidden" id="iframe" name="iframe" value="false">
<input type="hidden" id="compagniaid" name="compagniaid" value="-1">
<input type="hidden" id="orariopartenza" name="orariopartenza" value="">
<input type="hidden" id="idpartenza" name="idpartenza" value="">
<input type="hidden" id="inputPreventivo" name="inputPreventivo" value="">
<input type="hidden" id="preselectTrattaA" name="preselectTrattaA" value="">
<div class="bookrewrow">
<div class="container containerMotore">
<div id="div_MotoreHome" class="row">
<div class="col-12 bookingcol motoremodal codice-sconto" style="min-height: 65px; top:-30px;">
<div id="divBookingBox" class="bookingbox" style="max-width: 400px; margin: 0px; left: 25px; position: absolute; background-color: rgb(255, 255, 255); border-radius: 10px; z-index: 1; width: 100%; height: max-content; bottom: auto;">
<div class="bg-anticlic" style="position: absolute; z-index: 3; width: 100%; height: 100%; display: none; border-radius: 8px;"></div>
<!--Motore default-->
<div id="motoreDefault" class="formbox motore schedaOn" style="position:relative; padding:15px; display:none; background-color:#fff; border-radius:15px; box-shadow: 0px 0px 24px -6px #000000; width:100%; height:auto;">
<div class="row" style="margin:0;">
<div class="col-12 col-destinazione" style="padding:5px; text-align:left;">
<span class="prenotailtuotragh">Prenota il tuo traghetto</span>
<div id="divDestinazioni" class="col-12 col-tratte-andata section" style="padding:0; margin-top:20px; ">
<p class="selezionaletratte" style="margin-bottom:10px;">Seleziona il collegamento da/per</p>
<i class="fas fa-angle-down" style="position:absolute; right:15px; bottom:10px; color:#9aa0ab; pointer-events:none;"></i>
<select id="zona" name="zona" class="select-destinazioni trattaandata form-control"
style="margin: 0px; padding: 10px; height: 100%; cursor: pointer; appearance: none !important; color: rgb(2, 18, 44); -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important;">
<option class="fontIcon" value="0">Seleziona la destinazione</option>
<option class="fontIcon" value="16">Albania</option>
<option class="fontIcon" value="62">Algeria</option>
<option class="fontIcon" value="61">C. Amalfitana</option>
<option class="fontIcon" value="51">Cicladi</option>
<option class="fontIcon" value="2">Corsica</option>
<option class="fontIcon" value="49">Creta</option>
<option class="fontIcon" value="17">Croazia</option>
<option class="fontIcon" value="50">Dodecaneso</option>
<option class="fontIcon" value="12">Francia</option>
<option class="fontIcon" value="24">Grecia</option>
<option class="fontIcon" value="3">Isola d'Elba</option>
<option class="fontIcon" value="41">Isola del Giglio</option>
<option class="fontIcon" value="40">Isola di Capraia</option>
<option class="fontIcon" value="45">Isola di Capri</option>
<option class="fontIcon" value="42">Isola di Ischia</option>
<option class="fontIcon" value="60">Isola di Pianosa</option>
<option class="fontIcon" value="58">Isola di Ponza</option>
<option class="fontIcon" value="46">Isole Baleari</option>
<option class="fontIcon" value="47">Isole Canarie</option>
<option class="fontIcon" value="55">Isole Egadi</option>
<option class="fontIcon" value="43">Isole Eolie</option>
<option class="fontIcon" value="56">Isole Pelagie</option>
<option class="fontIcon" value="19">Isole Tremiti</option>
<option class="fontIcon" value="67">La Maddalena</option>
<option class="fontIcon" value="44">Malta</option>
<option class="fontIcon" value="14">Marocco</option>
<option class="fontIcon" value="65">Montenegro</option>
<option class="fontIcon" value="48">Nord Egeo</option>
<option class="fontIcon" value="57">Pantelleria</option>
<option class="fontIcon" value="64">Procida</option>
<option class="fontIcon" value="1">Sardegna</option>
<option class="fontIcon" value="9">Sicilia</option>
<option class="fontIcon" value="7">Spagna</option>
<option class="fontIcon" value="11">Tunisia</option>
<option class="fontIcon" value="54">Ustica</option>
<option class="fontIcon" value="63">Ventotene</option>
</select>
</div>
</div>
<div class="col-12 divTratte" style="padding:5px; text-align:left;">
<ul class="nav nav-pills nav-justified" role="tablist" style="margin-bottom:20px;">
<li class="nav-item" style="margin:0; border-radius: 10px 0px 0px 10px;">
<a class="nav-link active" href="#pills-AR" id="pills-home-tab" data-toggle="pill" style="border-radius: 10px 0px 0px 10px;" role="tab" aria-controls="pills-AR" aria-selected="true"><span class="andataeritorno">Andata e ritorno</span></a>
</li>
<li class="nav-item" style="margin:0; border-radius: 0px 10px 10px 0px;">
<a class="nav-link" href="#pills-A" id="pills-profile-tab" data-toggle="pill" style="border-radius: 0px 10px 10px 0px;" role="tab" aria-controls="pills-A" aria-selected="true"><span class="soloandata">Solo Andata</span></a>
</li>
</ul>
<p class="selezionaletratte" style="margin-bottom:10px;">Seleziona le tratte</p>
<div class="tab-pane fade show active" id="pills-AR" role="tabpanel" aria-labelledby="pills-home-tab" style="margin:0; padding:0;">
<div id="trattaAndata" class="col-12 gutter-10 xs-nogutter col-tratte-andata section" style="margin-bottom:15px; padding:0;">
<i class="fas fa-angle-down" style="position:absolute; right:15px; bottom:10px; color:#9aa0ab; pointer-events:none;"></i>
<select class="select-destinazioni form-control" id="trattaA" style="margin: 0px; padding: 7px 10px; height: 100%; cursor: pointer; appearance: none !important; pointer-events: none; color: rgb(2, 18, 44); opacity: 0.5;"
onchange="trattaChange('A', '#trattaA')" direzione="-1" direzioner="-1">
<option class="fontIcon" value="-1"> Seleziona la tratta di andata</option>
</select>
</div>
<div id="trattaRitorno" class="col-12 gutter-10 xs-nogutter col-tratte-andata section collapsible" style="padding:0;">
<i class="fas fa-angle-down" style="position:absolute; right:15px; bottom:10px; color:#9aa0ab; pointer-events:none;"></i>
<select class="select-destinazioni form-control" id="trattaR" style="margin: 0px; padding: 7px 10px; height: 100%; cursor: pointer; appearance: none !important; pointer-events: none; color: rgb(2, 18, 44); opacity: 0.5;"
onchange="trattaChange('R', '#trattaR')" direzione="-1" direzioner="-1">
<option class="fontIcon" value="-1"> Seleziona la tratta di ritorno</option>
</select>
</div>
</div>
</div>
<div class="col-12 col-data-andata divDate" style="padding:5px; text-align:left;">
<div class="row" style="padding:0; margin:0;">
<p class="selezionaletratte" style="margin-bottom:10px;">Seleziona le date del viaggio</p>
<div class="col-6 gutter-10 xs-nogutter transform-if-iframe-1 section" style="padding:0; float:left; position:relative;">
<i class="fas fa-calendar-alt" style="float: right; color: rgb(5, 112, 228); position: absolute; right: 20px; top: 10px; cursor: pointer; pointer-events: none;" onclick="$('#dataA').focus();"></i>
<input id="dataA" class="date form-control" name="dataA" aria-haspopup="true" aria-expanded="false" aria-readonly="false" aria-owns="arrival_root" type="text" placeholder="Andata"
style="width: 95%; padding-left: 15px; margin: 0px; color: rgb(2, 18, 44); pointer-events: none; opacity: 0.5;" readonly="" data="">
</div>
<div class="col-6 gutter-10 xs-nogutter transform-if-iframe-2 section collapsible" style="padding:0; float:left; position:relative;">
<i id="calendarR" class="fas fa-calendar-alt" style="float: right; color: rgb(5, 112, 228); position: absolute; right: 20px; top: 10px; cursor: pointer; pointer-events: none;" onclick="$('#dataR').focus();"></i>
<input id="dataR" class="date form-control" name="dataR" aria-haspopup="true" aria-expanded="false" aria-readonly="false" aria-owns="arrival_root" type="text" placeholder="Ritorno"
style="width: 95%; padding-left: 15px; margin: 0px; color: rgb(2, 18, 44); pointer-events: none; opacity: 0.5;" readonly="" data="">
</div>
<div class="col-12" id="dateContainer"></div>
</div>
</div>
<div class="col-12 col-pax-andata divPaxVeicolo" style="padding:5px; padding-top:5px; text-align:left;">
<p id="titoloPaxVeiAndata" class="selezionaletratte" style="margin-bottom:10px;">Seleziona passeggeri e veicolo</p>
<div id="div_TariffaResidenteA" class="col-12 nogutter-l gutter-10-r col-tratte-andata" style="padding: 0px; display: none; pointer-events: none; color: rgb(2, 18, 44); opacity: 0.5;">
<input type="checkbox" name="layout" id="residentiA">
<label class="mtv-checkbox" for="residentiA" style="font-size:16px;"><span>Residenti/Nativi</span></label>
</div>
<div class="col-12 gutter-10 xs-nogutter col-tratte-andata" style="margin-bottom:15px; padding:0;">
<label class="select" for="ContentPlaceHolder1_bookingmapConfronto_motore_ddl_destinazioni" style="display:inline;">
<p id="selectPasseggeriA" name="selectPasseggeri" class="select-destinazioni trattaandata form-control" style="padding-top: 10px; padding-bottom: 10px; pointer-events: none; color: rgb(2, 18, 44); opacity: 0.5;"
onclick="paxClick('A')"><i class="fas fa-user-plus" style="color:#0570e4; width:28px;"></i>Seleziona passeggeri</p>
<i class="fas fa-angle-down anglePasseggeriA" style="position: absolute; right: 15px; top: 15px; color: rgb(2, 18, 44); pointer-events: none; opacity: 0.5;" onclick="paxClick('A')"></i>
</label>
</div>
<div class="col-12 gutter-10 xs-nogutter col-tratte-andata" style="margin-bottom:15px; padding:0;">
<label class="select" for="ContentPlaceHolder1_bookingmapConfronto_motore_ddl_destinazioni" style="display:inline;">
<p id="selectVeicoliA" name="selectVeicoli" class="select-destinazioni trattaandata form-control" style="padding-top: 10px; padding-bottom: 10px; pointer-events: none; color: rgb(2, 18, 44); opacity: 0.5;" veicoloid="" marca=""
modello="" lunghezza="" altezza="" lunghezzar="" altezzar="" quantita="" onclick="veicoliClick('A', '#divConfermaVeicoloAndata')"><i class="fas fa-car" style="color:#0570e4; width:28px; font-size:18px;"></i>Hai un veicolo?</p>
<i class="fas fa-angle-down angleVeicoliA" style="position: absolute; right: 15px; top: 15px; color: rgb(2, 18, 44); pointer-events: none; opacity: 0.5;" onclick="veicoliClick('A', '#divConfermaVeicoloAndata')"></i>
</label>
</div>
</div>
<div id="divPaxVeicoloRitorno" class="col-12 col-pax-andata divPaxVeicoloRitorno section collapsed2" style="padding:5px; padding-top:5px; text-align:left;">
<p id="titoloPaxVeiRitorno" class="selezionaletratte" style="margin-bottom:10px;">Seleziona passeggeri e veicolo per il ritorno</p>
<div id="div_TariffaResidenteR" class="col-12 nogutter-l gutter-10-r col-tratte-andata" style="padding: 0px; display: none; pointer-events: none; color: rgb(2, 18, 44); opacity: 0.5;">
<input type="checkbox" name="layout" id="residentiR">
<label class="mtv-checkbox" for="residentiR" style="font-size:16px;"><span>Residenti/Nativi</span></label>
</div>
<div class="col-12 gutter-10 xs-nogutter col-tratte-andata" style="margin-bottom:15px; padding:0;">
<label class="select" for="ContentPlaceHolder1_bookingmapConfronto_motore_ddl_destinazioni" style="display:inline;">
<p id="selectPasseggeriR" name="selectPasseggeriRitorno" class="select-destinazioni trattaandata form-control" style="padding-top: 10px; padding-bottom: 10px; pointer-events: none; color: rgb(2, 18, 44); opacity: 0.5;"
onclick="paxClick('R')"><i class="fas fa-user-plus" style="color:#0570e4; width:28px;"></i>Seleziona passeggeri</p>
<i class="fas fa-angle-down anglePasseggeriR" style="position: absolute; right: 15px; top: 15px; color: rgb(2, 18, 44); pointer-events: none; opacity: 0.5;" onclick="paxClick('R')"></i>
</label>
</div>
<div class="col-12 gutter-10 xs-nogutter col-tratte-andata" style="margin-bottom:15px; padding:0;">
<label class="select" for="ContentPlaceHolder1_bookingmapConfronto_motore_ddl_destinazioni" style="display:inline;">
<p id="selectVeicoliR" name="selectVeicoliR" class="select-destinazioni trattaandata form-control" style="padding-top: 10px; padding-bottom: 10px; pointer-events: none; color: rgb(2, 18, 44); opacity: 0.5;" veicoloid=""
onclick="veicoliClick('R', '#divConfermaVeicoloRitorno')"><i class="fas fa-car" style="color:#0570e4; width:28px; font-size:18px;"></i>Hai un veicolo?</p>
<i class="fas fa-angle-down angleVeicoliR" style="position: absolute; right: 15px; top: 15px; color: rgb(2, 18, 44); pointer-events: none; opacity: 0.5;" onclick="veicoliClick('R', '#divConfermaVeicoloRitorno')"></i>
</label>
</div>
</div>
<div id="div_StessiDatiSulRitorno" class="col-12 nogutter section collapsible" style="padding:0px; padding-left:5px;">
<input type="checkbox" name="layout" id="input_CheckboxStessiDati" checked="checked">
<label class="mtv-checkbox" for="input_CheckboxStessiDati" style="margin-left:5px;"><span>Stessi dati sul ritorno</span></label>
</div>
<div class="col-12 gutter-10 xs-nogutter col-bottone-cerca divCerca" style="padding:0;">
<div class="col-12" style="float:left; margin-top: 20px; margin-bottom:25px; width:100%; padding:0;">
<button id="btnConferma" type="submit" class="veditutte" style="padding:20px 10px;background-color:#00A698; border-radius: 10px; box-shadow: 0px 4px 5px 0px #000000; width:100%; border:0;">
<img src="/new/assets/img/newOutfit/cerca-euro.png" alt="Calcola il preventivo" style="width:25px; vertical-align:middle; margin-right:5px;" width="25" height="25"><span style="vertical-align:middle;">CALCOLA IL
PREVENTIVO</span>
</button>
</div>
</div>
</div>
</div>
<!--Sezione passeggeri andata-->
<div id="motorePasseggeriA" class="row motore" style="position:relative; padding:15px 0px; display:none; background-color:#e6edf6; margin:0; border-radius:10px;">
<div class="col-12" style="padding:0; margin:0">
<div class="col-12 col-destinazione" style="padding:5px 15px 25px; text-align:left;">
<div class="col-12" style="padding:0;">
<p id="titlePasseggeriAndata" class="selezionaletratte" style="margin-bottom:10px; background-color:#fff; padding:10px; border-radius:10px;" onclick="clickTitle('#titlePasseggeriAndata', 1)"> Dettagli Passeggeri
<i class="fas fa-user-plus" style="color:#0570e4; margin-left:10px; width:28px;"></i>
<i class="fas fa-times" style="float:right; color:#0570e4;"></i>
</p>
</div>
</div>
<div id="sezionePasseggeriA" class="col-12 col-destinazione" style="padding: 5px 15px; text-align: left; align-items: center; display: flex;">
<div class="col-7" style="float:left; padding:0;">
<p class="selezionaletratte">Numero passeggeri</p>
</div>
<div class="col-5 input-group" style="float:left; padding:0;">
<span class="input-group-btn">
<button type="button" class="btn btn-default btn-number" disabled="disabled" data-type="minus" data-field="numeroPasseggeriA" style="padding:0;">
<i class="fas fa-minus-circle" style="color:#0570e4; float:left; padding-right:5px; font-size:1.5em; padding-top:5px;"></i>
</button>
</span>
<input id="numeroPasseggeriA" name="numeroPasseggeriA" type="text" disabled="disabled" class="form-control input-number" style="border-radius:10px; border:1px solid #9AA0AB; width:40px; float:left; text-align:center;" value="0"
min="0" max="999">
<span class="input-group-btn">
<button type="button" class="btn btn-default btn-number" data-type="plus" data-field="numeroPasseggeriA" style="padding:0;">
<i class="fas fa-plus-circle" style="color:#0570e4; float:left; padding-left:5px; font-size:1.5em; padding-top:5px;"></i>
</button>
</span>
</div>
</div>
<div id="sezioneAdultiA" class="col-12 col-destinazione" style="padding:5px 15px; text-align:left; display: flex; align-items: center; display:none;">
<div class="col-7" style="float:left; padding:0;">
<p class="selezionaletratte">Passeggeri Adulti<label id="adultiFasciaA" style="display:none; margin-bottom:0px;"> (da 26 a 59 anni)</label></p>
</div>
<div class="col-5 input-group" style="float:left; padding:0;">
<span class="input-group-btn">
<button type="button" class="btn btn-default btn-number" disabled="disabled" data-type="minus" data-field="numeroAdultiA" style="padding:0;">
<i class="fas fa-minus-circle" style="color:#0570e4; float:left; padding-right:5px; font-size:1.5em; padding-top:5px;"></i>
</button>
</span>
<input id="numeroAdultiA" name="numeroAdultiA" type="text" disabled="disabled" class="form-control input-number" style="border-radius:10px; border:1px solid #9AA0AB; width:40px; float:left; text-align:center;" value="1" min="1"
max="999">
<span class="input-group-btn">
<button type="button" class="btn btn-default btn-number" data-type="plus" data-field="numeroAdultiA" style="padding:0;">
<i class="fas fa-plus-circle" style="color:#0570e4; float:left; padding-left:5px; font-size:1.5em; padding-top:5px;"></i>
</button>
</span>
</div>
</div>
<div id="sezioneBambiniA" class="col-12 col-destinazione" style="padding:5px 15px; text-align:left; display: flex; align-items: center; display:none;">
<div class="col-7" style="float:left; padding:0;">
<p class="selezionaletratte labelBambini">Passeggeri Bambini<br>(da 4 a 11 anni)</p>
</div>
<div class="col-5 input-group" style="float:left; padding:0;">
<span class="input-group-btn">
<button type="button" class="btn btn-default btn-number" disabled="disabled" data-type="minus" data-field="numeroBambiniA" style="padding:0;">
<i class="fas fa-minus-circle" style="color:#0570e4; float:left; padding-right:5px; font-size:1.5em; padding-top:5px;"></i>
</button>
</span>
<input id="numeroBambiniA" name="numeroBambiniA" type="text" disabled="disabled" class="form-control input-number" style="border-radius:10px; border:1px solid #9AA0AB; width:40px; float:left; text-align:center;" value="0" min="0"
max="999">
<span class="input-group-btn">
<button type="button" class="btn btn-default btn-number" data-type="plus" data-field="numeroBambiniA" style="padding:0;">
<i class="fas fa-plus-circle" style="color:#0570e4; float:left; padding-left:5px; font-size:1.5em; padding-top:5px;"></i>
</button>
</span>
</div>
</div>
<div id="sezioneInfantA" class="col-12 col-destinazione" style="padding:5px 15px; padding-bottom: 25px; text-align:left; display: flex; align-items: center; display:none;">
<div class="col-7" style="float:left; padding:0;">
<p class="selezionaletratte">Passeggeri Infant<br>(da 0 a 3 anni)</p>
</div>
<div class="col-5 input-group" style="float:left; padding:0;">
<span class="input-group-btn">
<button type="button" class="btn btn-default btn-number" disabled="disabled" data-type="minus" data-field="numeroInfantA" style="padding:0;">
<i class="fas fa-minus-circle" style="color:#0570e4; float:left; padding-right:5px; font-size:1.5em; padding-top:5px;"></i>
</button>
</span>
<input id="numeroInfantA" name="numeroInfantA" type="text" disabled="disabled" class="form-control input-number" style="border-radius:10px; border:1px solid #9AA0AB; width:40px; float:left; text-align:center;" value="0" min="0"
max="999">
<span class="input-group-btn">
<button type="button" class="btn btn-default btn-number" data-type="plus" data-field="numeroInfantA" style="padding:0;">
<i class="fas fa-plus-circle" style="color:#0570e4; float:left; padding-left:5px; font-size:1.5em; padding-top:5px;"></i>
</button>
</span>
</div>
</div>
<!--Sezione età passeggeri andata-->
<div id="sezioneEtaPasseggeriA" class="col-12 col-destinazione hiddenPasseggeri" style="padding:15px; padding-left:0px;text-align:left; align-items: center;">
</div>
<!--Sezione età bambini andata-->
<div id="sezioneEtaBambiniA" class="col-12 col-destinazione hiddenBambini" style="padding: 15px 15px 15px 0px; text-align: left; align-items: center; display: none;">
</div>
<div class="col-12 col-destinazione" style="padding:25px 15px 25px; text-align:left;">
<p style="margin-bottom:5px;"><i class="fas fa-info-circle" style="margin-right:10px; color:#3D4B61;"></i><span class="inserireilnumerod" style="text-decoration:underline; font-weight:bold;">Informazione passeggeri</span></p>
<p class="inserireilnumerod">Inserire il numero di passeggeri calcolando l’età dei bambini alla data prevista per il viaggio</p>
</div>
<div id="sezioneAnimali2A" class="col-12 col-destinazione" style="padding:5px 15px; text-align:left; display: flex; align-items: center;">
<div class="col-7" style="float:left; padding:0;">
<p class="selezionaletratte">Animali sotto i 6 kg</p>
</div>
<div class="col-5 input-group" style="float:left; padding:0;">
<span class="input-group-btn">
<button type="button" class="btn btn-default btn-number" disabled="disabled" data-type="minus" data-field="numeroAnimali2A" style="padding:0;">
<i class="fas fa-minus-circle" style="color:#0570e4; float:left; padding-right:5px; font-size:1.5em; padding-top:5px;"></i>
</button>
</span>
<input id="numeroAnimali2A" name="numeroAnimali2A" type="text" disabled="disabled" class="form-control input-number" style="border-radius:10px; border:1px solid #9AA0AB; width:40px; float:left; text-align:center;" value="0"
min="0" max="999">
<span class="input-group-btn">
<button type="button" class="btn btn-default btn-number" data-type="plus" data-field="numeroAnimali2A" style="padding:0;">
<i class="fas fa-plus-circle" style="color:#0570e4; float:left; padding-left:5px; font-size:1.5em; padding-top:5px;"></i>
</button>
</span>
</div>
</div>
<div id="sezioneAnimaliA" class="col-12 col-destinazione" style="padding:5px 15px; text-align:left; display: flex; align-items: center;">
<div class="col-7" style="float:left; padding:0;">
<p class="selezionaletratte">Animali sopra i 6 kg</p>
</div>
<div class="col-5 input-group" style="float:left; padding:0;">
<span class="input-group-btn">
<button type="button" class="btn btn-default btn-number" disabled="disabled" data-type="minus" data-field="numeroAnimaliA" style="padding:0;">
<i class="fas fa-minus-circle" style="color:#0570e4; float:left; padding-right:5px; font-size:1.5em; padding-top:5px;"></i>
</button>
</span>
<input id="numeroAnimaliA" name="numeroAnimaliA" type="text" disabled="disabled" class="form-control input-number" style="border-radius:10px; border:1px solid #9AA0AB; width:40px; float:left; text-align:center;" value="0" min="0"
max="999">
<span class="input-group-btn">
<button type="button" class="btn btn-default btn-number" data-type="plus" data-field="numeroAnimaliA" style="padding:0;">
<i class="fas fa-plus-circle" style="color:#0570e4; float:left; padding-left:5px; font-size:1.5em; padding-top:5px;"></i>
</button>
</span>
</div>
</div>
</div>
<div class="col-12 gutter-10 xs-nogutter col-bottone-cerca divCerca" style="padding:0; position:absolute; bottom:20px;">
<div id="divConfermaPasseggeriA" class="col-12" style="float:left; margin-top: 20px; margin-bottom:25px; width:100%;" onclick="paxConferma('A')">
<div class="veditutte" style="padding:20px;background-color:#00A698; border-radius: 10px; box-shadow: 0px 4px 5px 0px #000000; cursor:pointer;"> CONFERMA </div>
</div>
</div>
</div>
<!--Sezione passeggeri ritorno-->
<div id="motorePasseggeriR" class="row motore" style="position:relative; padding:15px 0px; display:none; background-color:#e6edf6; margin:0; border-radius:10px;">
<div class="col-12" style="margin:0; padding:0;">
<div class="col-12 col-destinazione" style="padding:5px 15px; text-align:left;">
<div class="col-12" style="padding:0;">
<p id="titlePasseggeriRitorno" class="selezionaletratte" style="margin-bottom:10px; background-color:#fff; padding:10px; border-radius:10px;" onclick="clickTitle('#titlePasseggeriRitorno', 1)"> Dettagli Passeggeri Ritorno
<i class="fas fa-user-plus" style="color:#0570e4; margin-left:10px; width:28px;"></i>
<i class="fas fa-times" style="float:right; color:#0570e4;"></i>
</p>
</div>
</div>
<div id="sezionePasseggeriR" class="col-12 col-destinazione" style="padding: 5px 15px; text-align: left; align-items: center; display: flex;">
<div class="col-7" style="float:left; padding:0;">
<p class="selezionaletratte">Numero passeggeri</p>
</div>
<div class="col-5 input-group" style="float:left; padding:0;">
<span class="input-group-btn">
<button type="button" class="btn btn-default btn-number" disabled="disabled" data-type="minus" data-field="numeroPasseggeriR" style="padding:0;">
<i class="fas fa-minus-circle" style="color:#0570e4; float:left; padding-right:5px; font-size:1.5em; padding-top:5px;"></i>
</button>
</span>
<input id="numeroPasseggeriR" name="numeroPasseggeriR" type="text" disabled="disabled" class="form-control input-number" style="border-radius:10px; border:1px solid #9AA0AB; width:40px; float:left; text-align:center;" value="0"
min="0" max="999">
<span class="input-group-btn">
<button type="button" class="btn btn-default btn-number" data-type="plus" data-field="numeroPasseggeriR" style="padding:0;">
<i class="fas fa-plus-circle" style="color:#0570e4; float:left; padding-left:5px; font-size:1.5em; padding-top:5px;"></i>
</button>
</span>
</div>
</div>
<div id="sezioneAdultiR" class="col-12 col-destinazione" style="padding: 5px 15px; text-align: left; display: none; align-items: center;">
<div class="col-7" style="float:left; padding:0;">
<p class="selezionaletratte">Passeggeri Adulti<label id="adultiFasciaR" style="display:none; margin-bottom:0px;"> (da 26 a 59 anni)</label></p>
</div>
<div class="col-5 input-group" style="float:left; padding:0;">
<span class="input-group-btn">
<button type="button" class="btn btn-default btn-number" disabled="disabled" data-type="minus" data-field="numeroAdultiR" style="padding:0;">
<i class="fas fa-minus-circle" style="color:#0570e4; float:left; padding-right:5px; font-size:1.5em; padding-top:5px;"></i>
</button>
</span>
<input id="numeroAdultiR" name="numeroAdultiR" type="text" disabled="disabled" class="form-control input-number" style="border-radius:10px; border:1px solid #9AA0AB; width:40px; float:left; text-align:center;" value="1" min="1"
max="999">
<span class="input-group-btn">
<button type="button" class="btn btn-default btn-number" data-type="plus" data-field="numeroAdultiR" style="padding:0;">
<i class="fas fa-plus-circle" style="color:#0570e4; float:left; padding-left:5px; font-size:1.5em; padding-top:5px;"></i>
</button>
</span>
</div>
</div>
<div id="sezioneBambiniR" class="col-12 col-destinazione" style="padding: 5px 15px; text-align: left; display: none; align-items: center;">
<div class="col-7" style="float:left; padding:0;">
<p class="selezionaletratte labelBambini">Passeggeri Bambini<br>(da 4 a 11 anni)</p>
</div>
<div class="col-5 input-group" style="float:left; padding:0;">
<span class="input-group-btn">
<button type="button" class="btn btn-default btn-number" disabled="disabled" data-type="minus" data-field="numeroBambiniR" style="padding:0;">
<i class="fas fa-minus-circle" style="color:#0570e4; float:left; padding-right:5px; font-size:1.5em; padding-top:5px;"></i>
</button>
</span>
<input id="numeroBambiniR" name="numeroBambiniR" type="text" disabled="disabled" class="form-control input-number" style="border-radius:10px; border:1px solid #9AA0AB; width:40px; float:left; text-align:center;" value="0" min="0"
max="999">
<span class="input-group-btn">
<button type="button" class="btn btn-default btn-number" data-type="plus" data-field="numeroBambiniR" style="padding:0;">
<i class="fas fa-plus-circle" style="color:#0570e4; float:left; padding-left:5px; font-size:1.5em; padding-top:5px;"></i>
</button>
</span>
</div>
</div>
<!--Sezione età passeggeri ritorno-->
<div id="sezioneEtaPasseggeriR" class="col-12 col-destinazione hiddenPasseggeri" style="padding:15px; padding-left:0px;text-align:left; align-items: center;">
</div>
<!--Sezione età bambini ritorno-->
<div id="sezioneEtaBambiniR" class="col-12 col-destinazione" style="padding:15px; padding-left:0px;text-align:left; display: none; align-items: center;">
</div>
<div id="sezioneInfantR" class="col-12 col-destinazione" style="padding: 5px 15px 25px; text-align: left; display: none; align-items: center;">
<div class="col-7" style="float:left; padding:0;">
<p class="selezionaletratte">Passeggeri Infant<br>(da 0 a 3 anni)</p>
</div>
<div class="col-5 input-group" style="float:left; padding:0;">
<span class="input-group-btn">
<button type="button" class="btn btn-default btn-number" disabled="disabled" data-type="minus" data-field="numeroInfantR" style="padding:0;">
<i class="fas fa-minus-circle" style="color:#0570e4; float:left; padding-right:5px; font-size:1.5em; padding-top:5px;"></i>
</button>
</span>
<input id="numeroInfantR" name="numeroInfantR" type="text" disabled="disabled" class="form-control input-number" style="border-radius:10px; border:1px solid #9AA0AB; width:40px; float:left; text-align:center;" value="0" min="0"
max="999">
<span class="input-group-btn">
<button type="button" class="btn btn-default btn-number" data-type="plus" data-field="numeroInfantR" style="padding:0;">
<i class="fas fa-plus-circle" style="color:#0570e4; float:left; padding-left:5px; font-size:1.5em; padding-top:5px;"></i>
</button>
</span>
</div>
</div>
<div class="col-12 col-destinazione" style="padding:5px 15px; text-align:left;">
<p><i class="fas fa-info-circle" style="margin-right:10px; color:#3D4B61;"></i><span class="inserireilnumerod" style="text-decoration:underline; font-weight:bold;">Informazione passeggeri</span></p>
<p class="inserireilnumerod">Inserire il numero di passeggeri calcolando l’età dei bambini alla data prevista per il viaggio</p>
</div>
<div id="sezioneAnimali2R" class="col-12 col-destinazione" style="padding:5px 15px; text-align:left; display: flex; align-items: center;">
<div class="col-7" style="float:left; padding:0;">
<p class="selezionaletratte">Animali sotto i 6 kg</p>
</div>
<div class="col-5 input-group" style="float:left; padding:0;">
<span class="input-group-btn">
<button type="button" class="btn btn-default btn-number" disabled="disabled" data-type="minus" data-field="numeroAnimali2R" style="padding:0;">
<i class="fas fa-minus-circle" style="color:#0570e4; float:left; padding-right:5px; font-size:1.5em; padding-top:5px;"></i>
</button>
</span>
<input id="numeroAnimali2R" name="numeroAnimali2R" type="text" disabled="disabled" class="form-control input-number" style="border-radius:10px; border:1px solid #9AA0AB; width:40px; float:left; text-align:center;" value="0"
min="0" max="999">
<span class="input-group-btn">
<button type="button" class="btn btn-default btn-number" data-type="plus" data-field="numeroAnimali2R" style="padding:0;">
<i class="fas fa-plus-circle" style="color:#0570e4; float:left; padding-left:5px; font-size:1.5em; padding-top:5px;"></i>
</button>
</span>
</div>
</div>
<div id="sezioneAnimaliR" class="col-12 col-destinazione" style="padding:5px 15px; text-align:left; display: flex; align-items: center;">
<div class="col-7" style="float:left; padding:0;">
<p class="selezionaletratte">Animali sopra i 6 kg</p>
</div>
<div class="col-5 input-group" style="float:left; padding:0;">
<span class="input-group-btn">
<button type="button" class="btn btn-default btn-number" disabled="disabled" data-type="minus" data-field="numeroAnimaliR" style="padding:0;">
<i class="fas fa-minus-circle" style="color:#0570e4; float:left; padding-right:5px; font-size:1.5em; padding-top:5px;"></i>
</button>
</span>
<input id="numeroAnimaliR" name="numeroAnimaliR" type="text" disabled="disabled" class="form-control input-number" style="border-radius:10px; border:1px solid #9AA0AB; width:40px; float:left; text-align:center;" value="0" min="0"
max="999">
<span class="input-group-btn">
<button type="button" class="btn btn-default btn-number" data-type="plus" data-field="numeroAnimaliR" style="padding:0;">
<i class="fas fa-plus-circle" style="color:#0570e4; float:left; padding-left:5px; font-size:1.5em; padding-top:5px;"></i>
</button>
</span>
</div>
</div>
<div class="col-12 gutter-10 xs-nogutter col-bottone-cerca divCerca" style="padding:0; position:absolute; bottom:20px;">
<div id="divConfermaPasseggeriRitorno" class="col-12" style="float:left; margin-top: 20px; width:100%;" onclick="paxConferma('R')">
<div class="veditutte" style="padding:20px;background-color:#00A698; border-radius: 10px; box-shadow: 0px 4px 5px 0px #000000; cursor:pointer;"> CONFERMA </div>
</div>
</div>
</div>
</div>
<!--Sezione veicoli andata-->
<div id="motoreVeicoliA" class="row motore" style="position:relative; padding:15px 0px; display:none; background-color:#e6edf6; margin:0; border-radius:10px;">
<div class="col-12" style="margin:0; padding:0;">
<div class="col-12 col-destinazione" style="padding:5px 15px; text-align:left;">
<div class="col-12" style="padding:0;">
<p id="titleVeicoliAndata" class="titleVeicoliAndata selezionaletratte" style="margin-bottom:10px; background-color:#fff; padding:10px; border-radius:10px;" onclick="clickTitleVeicoli('A')"> Dettagli Veicolo
<i class="fas fa-car" style="color:#0570e4; margin-left:10px; width:28px;"></i>
<i class="fas fa-times" style="float:right; color:#0570e4;"></i>
</p>
</div>
</div>
<div id="divInfoCampaniaA" class="col-12 col-destinazione" style="padding: 5px 15px; text-align: left; display: none;">
<div class="col-12" style="padding:0;">
<p class="selezionaletratte" style="margin-bottom:0px; padding:10px; border-radius:10px; font-size:15px; border:1px solid #969696; background-color:#e8e8e8; cursor:pointer;" onclick="showInfoCampania('A');">
<i class="fas fa-info-circle" style="margin-right:5px;"></i>Normativa per i residenti in Campania <span id="spanInfoCampaniaA" class="selezionaletratte"
style="margin:0; padding:0; font-weight:200; font-size:14px; display:none;">
<br>Dal 01/04/2023 al 31/12/2023 (date indicative in attesa di conferma con pubblicazione Decreto Ministero delle Infrastrutture e Trasporti) è vietata la circolazione sull'isola di <b>Ischia</b> di veicoli a motore
appartenenti o condotti da persone residenti nella regione Campania, con esclusione di quelli appartenenti alla popolazione residente stabilmente sull'Isola. <br>Sulla destinazione <b>Capri</b> e <b>Procida</b> per tutto
l'anno è vietato lo sbarco sulle isole per qualsiasi veicolo privo di autorizzazione rilasciata dall'autorità competenti. </span>
</p>
</div>
</div>
<div id="col-destinazioneA" class="col-12 col-destinazione" style="padding:10px 15px; text-align:left;">
<p id="select-noVeicoloA" class="soloandata" style="padding:8px 10px 6px; border-radius:10px; border:1px solid #969696; margin-top:15px; font-size:14px; background-color:#fff;"
onclick="tipoVeicoliClick('A', '#select-noVeicoloA', 'no-veicolo')">
<img class="shape2" src="/new/assets/img/newOutfit/icon-noveicolo.png" loading="lazy" alt="Nessun veicolo" style="margin-right:10px;"><span style="vertical-align:middle;">Nessun Veicolo</span>
</p>
<p id="select-autoA" class="soloandata" style="padding:8px 10px 6px; border-radius:10px; border:1px solid #969696; margin-top:15px; font-size:14px; background-color:#fff;" onclick="tipoVeicoliClick('A', '#select-autoA', 'auto')">
<img class="shape2" src="/new/assets/img/newOutfit/icon-car.png" loading="lazy" alt="Auto" style="margin-right:10px;"><span style="vertical-align:middle;">Auto</span>
</p>
<p id="select-camperA" class="soloandata" style="padding:8px 10px 6px; border-radius:10px; border:1px solid #969696; margin-top:15px; font-size:14px; background-color:#fff;"
onclick="tipoVeicoliClick('A', '#select-camperA', 'camper')">
<img class="shape2" src="/new/assets/img/newOutfit/icon-camper.png" loading="lazy" alt="Camper" style="margin-right:10px;"><span style="vertical-align:middle;">Camper</span>
</p>
<p id="select-minibusA" class="soloandata" style="padding:8px 10px 6px; border-radius:10px; border:1px solid #969696; margin-top:15px; font-size:14px; background-color:#fff;"
onclick="tipoVeicoliClick('A', '#select-minibusA', 'minibus')">
<img class="shape2" src="/new/assets/img/newOutfit/icon-minibus.png" loading="lazy" alt="Minibus" style="margin-right:10px;"><span style="vertical-align:middle;">Minibus</span>
</p>
<p id="select-furgoneA" class="soloandata" style="padding:8px 10px 6px; border-radius:10px; border:1px solid #969696; margin-top:15px; font-size:14px; background-color:#fff;"
onclick="tipoVeicoliClick('A', '#select-furgoneA', 'furgone')">
<img class="shape2" src="/new/assets/img/newOutfit/camion-blu-scuro.png" loading="lazy" alt="Furgone" style="margin-right:10px;"><span style="vertical-align:middle;">Furgone</span>
</p>
<p id="select-motoA" class="soloandata" style="padding:8px 10px 6px; border-radius:10px; border:1px solid #969696; margin-top:15px; font-size:14px; background-color:#fff;" onclick="clickMotoBici('A', '#select-motoA', 'moto')">
<img class="shape2" src="/new/assets/img/newOutfit/icon-moto.png" loading="lazy" alt="Moto" style="margin-right:10px;"><span style="vertical-align:middle;">Moto</span>
</p>
<p id="select-biciclettaA" class="soloandata" style="padding:8px 10px 6px; border-radius:10px; border:1px solid #969696; margin-top:15px; font-size:14px; background-color:#fff;"
onclick="clickMotoBici('A', '#select-biciclettaA', 'bici')">
<img class="shape2" src="/new/assets/img/newOutfit/icon-bicicletta.png" loading="lazy" alt="Bicicletta" style="margin-right:10px;"><span style="vertical-align:middle;">Bicicletta</span>
</p>
<p id="select-autobusA" class="soloandata" style="padding: 8px 10px 6px; border-radius: 10px; border: 1px solid rgb(150, 150, 150); margin-top: 15px; font-size: 14px; background-color: rgb(255, 255, 255); display: block;"
onclick="tipoVeicoliClick('A', '#select-autobusA', 'autobus')">
<img class="shape2" src="/new/assets/img/newOutfit/icon-autobus.png" loading="lazy" alt="Autobus" style="margin-right:10px;"><span style="vertical-align:middle;">Autobus</span>
</p>
<div id="divQuantitaMotoA" class="col-12" style="margin:0; padding:0; display:none; margin-top:25px; align-items:center;">
<div class="col-7" style="float:left; padding:0;">
<p class="selezionaletratte">Quantità moto</p>
</div>
<div class="col-5 input-group" style="float:left; padding:0;">
<span class="input-group-btn">
<button type="button" class="btn btn-default btn-number" disabled="disabled" data-type="minus" data-field="numeroMotoA" style="padding:0;">
<i class="fas fa-minus-circle" style="color:#0570e4; float:left; padding-right:5px; font-size:1.5em; padding-top:5px;"></i>
</button>
</span>
<input id="numeroMotoA" name="numeroMotoA" type="text" disabled="disabled" class="form-control input-number" style="border-radius:10px; border:1px solid #9AA0AB; width:40px; float:left; text-align:center;" value="0" min="0"
max="9">
<span class="input-group-btn">
<button type="button" class="btn btn-default btn-number" data-type="plus" data-field="numeroMotoA" style="padding:0;">
<i class="fas fa-plus-circle" style="color:#0570e4; float:left; padding-left:5px; font-size:1.5em; padding-top:5px;"></i>
</button>
</span>
</div>
</div>
<div id="divQuantitaBiciclettaA" class="col-12" style="margin:0; padding:0; display:none; margin-top:25px; align-items:center;">
<div class="col-7" style="float:left; padding:0;">
<p class="selezionaletratte">Quantità biciclette</p>
</div>
<div class="col-5 input-group" style="float:left; padding:0;">
<span class="input-group-btn">
<button type="button" class="btn btn-default btn-number" disabled="disabled" data-type="minus" data-field="numeroBiciclettaA" style="padding:0;">
<i class="fas fa-minus-circle" style="color:#0570e4; float:left; padding-right:5px; font-size:1.5em; padding-top:5px;"></i>
</button>
</span>
<input id="numeroBiciclettaA" name="numeroBiciclettaA" type="text" disabled="disabled" class="form-control input-number" style="border-radius:10px; border:1px solid #9AA0AB; width:40px; float:left; text-align:center;" value="1"
min="1" max="9">
<span class="input-group-btn">
<button type="button" class="btn btn-default btn-number" data-type="plus" data-field="numeroBiciclettaA" style="padding:0;">
<i class="fas fa-plus-circle" style="color:#0570e4; float:left; padding-left:5px; font-size:1.5em; padding-top:5px;"></i>
</button>
</span>
</div>
</div>
</div>
</div>
<div class="col-12 gutter-10 xs-nogutter col-bottone-cerca divCerca" style="padding:0; position:absolute; bottom:20px;">
<div id="divConfermaVeicoloA" class="col-12" style="float:left; width:100%; cursor:pointer; margin-top:20px; margin-bottom:10px;" onclick="veicoliConferma('A', '#divConfermaVeicoloA')">
<div class="veditutte" style="padding:20px;background-color:#00A698; border-radius: 10px; box-shadow: 0px 4px 5px 0px #000000;"> CONFERMA </div>
</div>
</div>
</div>
<!--Sezione auto andata-->
<div id="motoreAutoA" class="row motore" style="position:relative; padding:15px 0px; display:none; background-color:#e6edf6; margin:0; border-radius:10px;">
<div class="col-12" style="margin:0; padding:0;">
<div class="row" style="padding:0; margin:0;">
<div class="col-12 col-destinazione" style="padding:5px 15px; text-align:left;">
<div class="col-12" style="padding:0;">
<p class="titleVeicoliAndata selezionaletratte" style="margin-bottom:10px; background-color:#fff; padding:10px; border-radius:10px;" onclick="clickTitleVeicoli('A')"> Dettagli Veicolo
<i class="fas fa-car" style="color:#0570e4; margin-left:10px; width:28px;"></i>
<i class="fas fa-times" style="float:right; color:#0570e4;"></i>
</p>
</div>
</div>
<div class="col-12 col-destinazione" style="padding:15px; text-align:left;">
<p class="backSceltaVeicoloA modificasceltaveic" style="font-size:15px;" onclick="backTipoVeicoli('A')"><i class="fas fa-angle-left" style="color: #02122c; margin-right:10px;"></i>Modifica scelta veicolo</p>
<p id="select-auto-inside-A" class="soloandata" style="padding:8px 10px 6px; border-radius:10px; border:1px solid #969696; margin-top:10px; font-size:14px; background-color:#fff;">Auto</p>
<div id="infoVeicoloA-misure" class="col-12 col-destinazione" style="padding:0; text-align:left; margin-top:15px;">
<p style="margin-bottom:5px; line-height:1.3;"><i class="fas fa-info-circle" style="margin-right:10px; color:#3D4B61;"></i><span class="inserireilnumerod"><strong>Inserisci marca e modello</strong> della tua auto: potremo
calcolare l'<strong>esatto ingombro</strong> del veicolo</span></p>
</div>
<p class="selezionaletratte" style="padding:5px; margin-top:10px; padding-left:0px; font-size:15px;">Marca</p>
<select id="selectMarcaA" class="select-destinazioni trattaandata form-control" style="cursor:pointer;">
<option value="0">Seleziona marca</option>
</select>
<p id="titoloModelloA" class="selezionaletratte divModelloAutoA" style="padding:5px; margin-top:10px; padding-left:0px; font-size:15px; display:none;">Modello</p>
<select id="selectModelloA" class="select-destinazioni trattaandata form-control divModelloAutoA" style="cursor:pointer; display:none;">
<option value="0">Seleziona modello</option>
</select>
<div id="infoVeicoloA" class="col-12 col-destinazione" style="padding:0; text-align:left; display:none; margin-top:15px;">
<p style="margin-bottom:5px;"><i class="fas fa-info-circle" style="margin-right:10px; color:#3D4B61;"></i><span class="inserireilnumerod" style="text-decoration:underline; font-weight:bold;">Informazione veicolo</span></p>
<p class="inserireilnumerod">Inserisci manualmente i dati relativi al veicolo</p>
</div>
<p class="selezionaletratte divMisureAutoA" style="padding:5px; margin-top:10px; padding-left:0px; font-size:15px; display:none;">Dimensioni Veicolo</p>
<div class="col-12 divMisureAutoA" style="padding:0; display:none;">
<div class="col-6" style="float:left; padding:0; margin-bottom:10px;">
<p style="float:left; margin-bottom:0px; font-size:14px;">Lunghezza (cm.)</p>
<div class="col-12" style="padding:0; float:left; display:flex; align-items:center;">
<input id="lunghezzaAutoA" type="number" class="form-control" min="0" style="width:50%; float:left;">
<img src="/new/assets/img/newOutfit/auto-lunghezza.png" alt="Lunghezza auto" loading="lazy" style="float:left; margin-left:5px;">
</div>
</div>
<div class="col-6" style="float:left; padding:0; margin-bottom:10px;">
<p style="float:left; margin-bottom:0px; font-size:14px;">Altezza (cm.)</p>
<div class="col-12" style="padding:0; float:left; display:flex; align-items:center;">
<input id="altezzaAutoA" type="number" class="form-control" min="0" style="width:50%; float:left;">
<img src="/new/assets/img/newOutfit/auto-altezza.png" alt="Altezza auto" loading="lazy" style="float:left; margin-left:5px;">
</div>
</div>
</div>
<div class="clearfix"></div>
<p class="selezionaletratte divRimorchioAutoA" style="padding:5px; padding-left:0px; font-size:15px; display:none;">Hai un rimorchio?</p>
<div class="col-12 divRimorchioAutoA" style="padding:0; display:none;">
<div class="col-6" style="float:left; padding:0;">
<div class="form-check form-check-inline">
<input id="checkRimorchioAuto-Si-A" name="checkRimorchioAutoA" type="radio" value="checkRimorchio-si">
<label for="checkRimorchio-si" style="margin-bottom:0px; margin-left:5px;">Sì</label>
</div>
<div class="form-check form-check-inline">
<input id="checkRimorchioAuto-No-A" name="checkRimorchioAutoA" type="radio" value="checkRimorchio-no" checked="">
<label for="checkRimorchio-no" style="margin-bottom:0px; margin-left:5px;">No</label>
</div>
</div>
<div class="col-6" style="float:left;">
</div>
</div>
<div class="clearfix"></div>
<div id="divDimensioniRimorchioAutoA" style="display:none;">
<div class="row" style="margin:0; padding:0;">
<p class="selezionaletratte" style="padding:5px; margin-top:15px; padding-left:0px; font-size:15px;">Tipologia di rimorchio</p>
<select id="selectTipologiaRimorchioAutoA" class="select-destinazioni trattaandata form-control">
<option value="0">Seleziona rimorchio</option>
<option value="4">Rimorchio</option>
<option value="5">Roulotte</option>
</select>
<p class="selezionaletratte" style="padding:5px; margin-top:15px; padding-left:0px; font-size:15px;">Dimensioni Rimorchio</p>
<div class="col-12" style="padding:0; margin-bottom:85px;">
<div class="col-6" style="float:left; padding:0; margin-bottom:20px;">
<p style="float:left; margin-bottom:0px; font-size:14px;">Lunghezza (cm.)</p>
<div class="col-12" style="padding:0; float:left; display:flex; align-items:center;">
<input id="lunghezzaRimorchioAutoA" type="number" class="form-control" min="0" style="width:50%; float:left;">
<img src="/new/assets/img/newOutfit/rimorchio-lunghezza.png" alt="Lunghezza rimorchio auto" loading="lazy" style="float:left; margin-left:5px;">
</div>
</div>
<div class="col-6" style="float:left; padding:0; margin-bottom:20px;">
<p style="float:left; margin-bottom:0px; font-size:14px;">Altezza (cm.)</p>
<div class="col-12" style="padding:0; float:left; display:flex; align-items:center;">
<input id="altezzaRimorchioAutoA" type="number" class="form-control" min="0" style="width:50%; float:left;">
<img src="/new/assets/img/newOutfit/rimorchio-altezza.png" alt="Altezza rimorchio auto" loading="lazy" style="float:left; margin-left:5px;">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-12 gutter-10 xs-nogutter col-bottone-cerca divCerca" style="padding:0; position:absolute; bottom:20px;">
<div id="divConfermaAutoA" class="col-12 confermaVeicoloA" style="float:left; margin-top: 20px; margin-bottom:25px; width:100%; cursor:pointer;" onclick="veicoliConfermaLocale('A', $(this).attr('id'))">
<div class="veditutte" style="padding:20px;background-color:#00A698; border-radius: 10px; box-shadow: 0px 4px 5px 0px #000000"> CONFERMA </div>
</div>
</div>
</div>
<!--Sezione camper andata-->
<div id="motoreCamperA" class="row motore" style="position:relative; padding:15px 0px; display:none; background-color:#e6edf6; margin:0; border-radius:10px;">
<div class="col-12" style="margin:0; padding:0;">
<div class="row" style="padding:0; margin:0;">
<div class="col-12 col-destinazione" style="padding:5px 15px; text-align:left;">
<div class="col-12" style="padding:0;">
<p class="titleVeicoliAndata selezionaletratte" style="margin-bottom:10px; background-color:#fff; padding:10px; border-radius:10px;" onclick="clickTitleVeicoli('A')"> Dettagli Veicolo
<i class="fas fa-car" style="color:#0570e4; margin-left:10px; width:28px;"></i>
<i class="fas fa-times" style="float:right; color:#0570e4;"></i>
</p>
</div>
</div>
<div class="col-12 col-destinazione" style="padding:15px; text-align:left;">
<p class="backSceltaVeicoloA modificasceltaveic" style="font-size:15px;" onclick="backTipoVeicoli('A')"><i class="fas fa-angle-left" style="color: #02122c; margin-right:10px;"></i>Modifica scelta veicolo</p>
<p id="select-camper-inside" class="soloandata" style="padding:8px 10px 6px; border-radius:10px; border:1px solid #969696; margin-top:15px; font-size:14px; background-color:#fff;">Camper</p>
<p class="selezionaletratte" style="padding:5px; margin-top:15px; padding-left:0px; font-size:15px;">Dimensioni Veicolo</p>
<div class="col-12" style="padding:0;">
<div class="col-6" style="float:left; padding:0; margin-bottom:20px;">
<p style="float:left; margin-bottom:0px; font-size:14px;">Lunghezza (cm.)</p>
<div class="col-12" style="padding:0; float:left; display:flex; align-items:center;">
<input id="lunghezzaCamperA" type="number" class="form-control" min="0" style="width:50%; float:left;">
<img src="/new/assets/img/newOutfit/camper-lunghezza.png" alt="Lunghezza camper" loading="lazy" style="float:left; margin-left:5px;">
</div>
</div>
<div class="col-6" style="float:left; padding:0; margin-bottom:20px;">
<p style="float:left; margin-bottom:0px; font-size:14px;">Altezza (cm.)</p>
<div class="col-12" style="padding:0; float:left; display:flex; align-items:center;">
<input id="altezzaCamperA" type="number" class="form-control" min="0" style="width:50%; float:left;">
<img src="/new/assets/img/newOutfit/camper-altezza.png" alt="Altezza camper" loading="lazy" style="float:left; margin-left:5px;">
</div>
</div>
</div>
<div class="clearfix"></div>
<p class="selezionaletratte" style="padding:10px; padding-left:0px; font-size:15px;">Hai un rimorchio?</p>
<div class="col-12" style="padding:0;">
<div class="col-6" style="float:left; padding:0;">
<div class="form-check form-check-inline">
<input id="checkRimorchioCamper-Si-A" name="checkRimorchioCamperA" type="radio" value="checkRimorchio-si">
<label for="checkRimorchio-si" style="margin-bottom:0px; margin-left:5px;">Sì</label>
</div>
<div class="form-check form-check-inline">
<input id="checkRimorchioCamper-No-A" name="checkRimorchioCamperA" type="radio" value="checkRimorchio-no" checked="">
<label for="checkRimorchio-no" style="margin-bottom:0px; margin-left:5px;">No</label>
</div>
</div>
<div class="col-6" style="float:left;">
</div>
</div>
<div class="clearfix"></div>
<div id="divDimensioniRimorchioCamperA" style="display:none;">
<div class="row" style="margin:0; padding:0;">
<p class="selezionaletratte" style="padding:5px; margin-top:15px; padding-left:0px; font-size:15px;">Tipologia di rimorchio</p>
<select id="selectTipologiaRimorchioCamperA" class="select-destinazioni trattaandata form-control">
<option value="0">Seleziona rimorchio</option>
<option value="4">Rimorchio</option>
<option value="5">Roulotte</option>
</select>
<p class="selezionaletratte" style="padding:5px; margin-top:15px; padding-left:0px; font-size:15px;">Dimensioni Rimorchio</p>
<div class="col-12" style="padding:0; margin-bottom:85px;">
<div class="col-6" style="float:left; padding:0; margin-bottom:20px;">
<p style="float:left; margin-bottom:0px; font-size:14px;">Lunghezza (cm.)</p>
<div class="col-12" style="padding:0; float:left; display:flex; align-items:center;">
<input id="lunghezzaRimorchioCamperA" type="number" class="form-control" min="0" style="width:50%; float:left;">
<img src="/new/assets/img/newOutfit/rimorchio-lunghezza.png" alt="Lunghezza rimorchio camper" loading="lazy" style="float:left; margin-left:5px;">
</div>
</div>
<div class="col-6" style="float:left; padding:0; margin-bottom:20px;">
<p style="float:left; margin-bottom:0px; font-size:14px;">Altezza (cm.)</p>
<div class="col-12" style="padding:0; float:left; display:flex; align-items:center;">
<input id="altezzaRimorchioCamperA" type="number" class="form-control" min="0" style="width:50%; float:left;">
<img src="/new/assets/img/newOutfit/rimorchio-altezza.png" alt="Altezza rimorchio camper" loading="lazy" style="float:left; margin-left:5px;">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-12 gutter-10 xs-nogutter col-bottone-cerca divCerca" style="padding:0; position:absolute; bottom:20px;">
<div id="divConfermaCamperA" class="col-12 confermaVeicoloA" style="float:left; margin-top: 20px; margin-bottom:25px; width:100%; cursor:pointer;" onclick="veicoliConfermaLocale('A', $(this).attr('id'))">
<div class="veditutte" style="padding:20px;background-color:#00A698; border-radius: 10px; box-shadow: 0px 4px 5px 0px #000000"> CONFERMA </div>
</div>
</div>
</div>
<!--Sezione minibus andata-->
<div id="motoreMinibusA" class="row motore" style="position:relative; padding:15px 0px; display:none; background-color:#e6edf6; margin:0; border-radius:10px;">
<div class="col-12" style="margin:0; padding:0;">
<div class="row" style="padding:0; margin:0;">
<div class="col-12 col-destinazione" style="padding:5px 15px; text-align:left;">
<div class="col-12" style="padding:0;">
<p class="titleVeicoliAndata selezionaletratte" style="margin-bottom:10px; background-color:#fff; padding:10px; border-radius:10px;" onclick="clickTitleVeicoli('A')"> Dettagli Veicolo
<i class="fas fa-car" style="color:#0570e4; margin-left:10px; width:28px;"></i>
<i class="fas fa-times" style="float:right; color:#0570e4;"></i>
</p>
</div>
</div>
<div class="col-12 col-destinazione" style="padding:15px; text-align:left;">
<p class="backSceltaVeicoloA modificasceltaveic" style="font-size:15px;" onclick="backTipoVeicoli('A')"><i class="fas fa-angle-left" style="color: #02122c; margin-right:10px;"></i>Modifica scelta veicolo</p>
<p id="select-minibus-inside" class="soloandata" style="padding:8px 10px 6px; border-radius:10px; border:1px solid #969696; margin-top:15px; font-size:14px; background-color:#fff;">Minibus</p>
<p class="selezionaletratte" style="padding:5px; margin-top:15px; padding-left:0px; font-size:15px;">Dimensioni Veicolo</p>
<div class="col-12" style="padding:0;">
<div class="col-6" style="float:left; padding:0; margin-bottom:20px;">
<p style="float:left; margin-bottom:0px; font-size:14px;">Lunghezza (cm.)</p>
<div class="col-12" style="padding:0; float:left; display:flex; align-items:center;">
<input id="lunghezzaMinibusA" type="number" class="form-control" min="0" style="width:50%; float:left;">
<img src="/new/assets/img/newOutfit/minibus-lunghezza.png" alt="Lunghezza minibus" loading="lazy" style="float:left; margin-left:5px;">
</div>
</div>
<div class="col-6" style="float:left; padding:0; margin-bottom:20px;">
<p style="float:left; margin-bottom:0px; font-size:14px;">Altezza (cm.)</p>
<div class="col-12" style="padding:0; float:left; display:flex; align-items:center;">
<input id="altezzaMinibusA" type="number" class="form-control" min="0" style="width:50%; float:left;">
<img src="/new/assets/img/newOutfit/minibus-altezza.png" alt="Altezza minibus" loading="lazy" style="float:left; margin-left:5px;">
</div>
</div>
</div>
<div class="clearfix"></div>
<p class="selezionaletratte" style="padding:5px; padding-left:0px; font-size:15px;">Hai un rimorchio?</p>
<div class="col-12" style="padding:0;">
<div class="col-6" style="float:left; padding:0;">
<div class="form-check form-check-inline">
<input id="checkRimorchioMinibus-Si-A" name="checkRimorchioMinibusA" type="radio" value="checkRimorchio-si">
<label for="checkRimorchio-si" style="margin-bottom:0px; margin-left:5px;">Sì</label>
</div>
<div class="form-check form-check-inline">
<input id="checkRimorchioMinibus-No-A" name="checkRimorchioMinibusA" type="radio" value="checkRimorchio-no" checked="">
<label for="checkRimorchio-no" style="margin-bottom:0px; margin-left:5px;">No</label>
</div>
</div>
<div class="col-6" style="float:left;">
</div>
</div>
<div class="clearfix"></div>
<div id="divDimensioniRimorchioMinibusA" style="margin:0; padding:0; margin-top:15px; display:none;">
<div class="row" style="margin:0; padding:0;">
<p class="selezionaletratte" style="padding:5px; margin-top:15px; padding-left:0px; font-size:15px;">Tipologia di rimorchio</p>
<select id="selectTipologiaRimorchioMinibusA" class="select-destinazioni trattaandata form-control">
<option value="0">Seleziona rimorchio</option>
<option value="4">Rimorchio</option>
<option value="5">Roulotte</option>
</select>
<p class="selezionaletratte" style="padding:5px; margin-top:15px; padding-left:0px; font-size:15px;">Dimensioni Rimorchio</p>
<div class="col-12" style="padding:0; margin-bottom:85px;">
<div class="col-6" style="float:left; padding:0; margin-bottom:20px;">
<p style="float:left; margin-bottom:0px; font-size:14px;">Lunghezza (cm.)</p>
<div class="col-12" style="padding:0; float:left; display:flex; align-items:center;">
<input id="lunghezzaRimorchioMinibusA" type="number" class="form-control" min="0" style="width:50%; float:left;">
<img src="/new/assets/img/newOutfit/rimorchio-lunghezza.png" alt="Lunghezza rimorchio minibus" loading="lazy" style="float:left; margin-left:5px;">
</div>
</div>
<div class="col-6" style="float:left; padding:0; margin-bottom:20px;">
<p style="float:left; margin-bottom:0px; font-size:14px;">Altezza (cm.)</p>
<div class="col-12" style="padding:0; float:left; display:flex; align-items:center;">
<input id="altezzaRimorchioMinibusA" type="number" class="form-control" min="0" style="width:50%; float:left;">
<img src="/new/assets/img/newOutfit/rimorchio-altezza.png" alt="Altezza rimorchio minibus" loading="lazy" style="float:left; margin-left:5px;">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-12 gutter-10 xs-nogutter col-bottone-cerca divCerca" style="padding:0; position:absolute; bottom:20px;">
<div id="divConfermaMinibusA" class="col-12 confermaVeicoloA" style="float:left; margin-top: 20px; margin-bottom:25px; width:100%; cursor:pointer;" onclick="veicoliConfermaLocale('A', $(this).attr('id'))">
<div class="veditutte" style="padding:20px;background-color:#00A698; border-radius: 10px; box-shadow: 0px 4px 5px 0px #000000"> CONFERMA </div>
</div>
</div>
</div>
<!--Sezione furgone andata-->
<div id="motoreFurgoneA" class="row motore" style="position:relative; padding:15px 0px; display:none; background-color:#e6edf6; margin:0; border-radius:10px;">
<div class="col-12" style="margin:0; padding:0;">
<div class="row" style="padding:0; margin:0;">
<div class="col-12 col-destinazione" style="padding:5px 15px; text-align:left;">
<div class="col-12" style="padding:0;">
<p class="titleVeicoliAndata selezionaletratte" style="margin-bottom:10px; background-color:#fff; padding:10px; border-radius:10px;" onclick="clickTitleVeicoli('A')"> Dettagli Veicolo
<i class="fas fa-car" style="color:#0570e4; margin-left:10px; width:28px;"></i>
<i class="fas fa-times" style="float:right; color:#0570e4;"></i>
</p>
</div>
</div>
<div class="col-12 col-destinazione" style="padding:15px; text-align:left;">
<p class="backSceltaVeicoloA modificasceltaveic" style="font-size:15px;" onclick="backTipoVeicoli('A')"><i class="fas fa-angle-left" style="color: #02122c; margin-right:10px;"></i>Modifica scelta veicolo</p>
<p id="select-furgone-inside" class="soloandata" style="padding:8px 10px 6px; border-radius:10px; border:1px solid #969696; margin-top:15px; font-size:14px; background-color:#fff;">Furgone</p>
<p class="selezionaletratte" style="padding:5px; margin-top:15px; padding-left:0px; font-size:15px;">Dimensioni Veicolo</p>
<div class="col-12" style="padding:0;">
<div class="col-6" style="float:left; padding:0; margin-bottom:20px;">
<p style="float:left; margin-bottom:0px; font-size:14px;">Lunghezza (cm.)</p>
<div class="col-12" style="padding:0; float:left; display:flex; align-items:center;">
<input id="lunghezzaFurgoneA" type="number" class="form-control" min="0" style="width:50%; float:left;">
<img src="/new/assets/img/newOutfit/camion-lunghezza.png" alt="Lunghezza furgone" loading="lazy" style="float:left; margin-left:5px;">
</div>
</div>
<div class="col-6" style="float:left; padding:0; margin-bottom:20px;">
<p style="float:left; margin-bottom:0px; font-size:14px;">Altezza (cm.)</p>
<div class="col-12" style="padding:0; float:left; display:flex; align-items:center;">
<input id="altezzaFurgoneA" type="number" class="form-control" min="0" style="width:50%; float:left;">
<img src="/new/assets/img/newOutfit/camion-altezza.png" alt="Altezza furgone" loading="lazy" style="float:left; margin-left:5px;">
</div>
</div>
</div>
<div class="clearfix"></div>
<p class="selezionaletratte" style="padding:5px; padding-left:0px; font-size:15px;">Hai un rimorchio?</p>
<div class="col-12" style="padding:0;">
<div class="col-6" style="float:left; padding:0;">
<div class="form-check form-check-inline">
<input id="checkRimorchioFurgone-Si-A" name="checkRimorchioFurgoneA" type="radio" value="checkRimorchio-si">
<label for="checkRimorchio-si" style="margin-bottom:0px; margin-left:5px;">Sì</label>
</div>
<div class="form-check form-check-inline">
<input id="checkRimorchioFurgone-No-A" name="checkRimorchioFurgoneA" type="radio" value="checkRimorchio-no" checked="">
<label for="checkRimorchio-no" style="margin-bottom:0px; margin-left:5px;">No</label>
</div>
</div>
<div class="col-6" style="float:left;">
</div>
</div>
<div class="clearfix"></div>
<div id="divDimensioniRimorchioFurgoneA" style="margin:0; padding:0; margin-top:15px; display:none;">
<div class="row" style="margin:0; padding:0;">
<p class="selezionaletratte" style="padding:5px; margin-top:15px; padding-left:0px; font-size:15px;">Tipologia di rimorchio</p>
<select id="selectTipologiaRimorchioFurgoneA" class="select-destinazioni trattaandata form-control">
<option value="0">Seleziona rimorchio</option>
<option value="4">Rimorchio</option>
<option value="5">Roulotte</option>
</select>
<p class="selezionaletratte" style="padding:5px; margin-top:15px; padding-left:0px; font-size:15px;">Dimensioni Rimorchio</p>
<div class="col-12" style="padding:0; margin-bottom:85px;">
<div class="col-6" style="float:left; padding:0; margin-bottom:20px;">
<p style="float:left; margin-bottom:0px; font-size:14px;">Lunghezza (cm.)</p>
<div class="col-12" style="padding:0; float:left; display:flex; align-items:center;">
<input id="lunghezzaRimorchioFurgoneA" type="number" class="form-control" min="0" style="width:50%; float:left;">
<img src="/new/assets/img/newOutfit/rimorchio-lunghezza.png" alt="Lunghezza rimorchio furgone" loading="lazy" style="float:left; margin-left:5px;">
</div>
</div>
<div class="col-6" style="float:left; padding:0; margin-bottom:20px;">
<p style="float:left; margin-bottom:0px; font-size:14px;">Altezza (cm.)</p>
<div class="col-12" style="padding:0; float:left; display:flex; align-items:center;">
<input id="altezzaRimorchioFurgoneA" type="number" class="form-control" min="0" style="width:50%; float:left;">
<img src="/new/assets/img/newOutfit/rimorchio-altezza.png" alt="Altezza rimorchio furgone" loading="lazy" style="float:left; margin-left:5px;">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-12 gutter-10 xs-nogutter col-bottone-cerca divCerca" style="padding:0; position:absolute; bottom:20px;">
<div id="divConfermaFurgoneA" class="col-12 confermaVeicoloA" style="float:left; margin-top: 20px; margin-bottom:25px; width:100%; cursor:pointer;" onclick="veicoliConfermaLocale('A', $(this).attr('id'))">
<div class="veditutte" style="padding:20px;background-color:#00A698; border-radius: 10px; box-shadow: 0px 4px 5px 0px #000000"> CONFERMA </div>
</div>
</div>
</div>
<!--Sezione autobus andata-->
<div id="motoreAutobusA" class="row motore" style="position:relative; padding:15px 0px; display:none; background-color:#e6edf6; margin:0; border-radius:10px;">
<div class="col-12" style="margin:0; padding:0;">
<div class="row" style="padding:0; margin:0;">
<div class="col-12 col-destinazione" style="padding:5px 15px; text-align:left;">
<div class="col-12" style="padding:0;">
<p class="titleVeicoliAndata selezionaletratte" style="margin-bottom:10px; background-color:#fff; padding:10px; border-radius:10px;" onclick="clickTitleVeicoli('A')"> Dettagli Veicolo
<i class="fas fa-car" style="color:#0570e4; margin-left:10px; width:28px;"></i>
<i class="fas fa-times" style="float:right; color:#0570e4;"></i>
</p>
</div>
</div>
<div class="col-12 col-destinazione" style="padding:15px; text-align:left;">
<p class="backSceltaVeicoloA modificasceltaveic" style="font-size:15px;" onclick="backTipoVeicoli('A')"><i class="fas fa-angle-left" style="color: #02122c; margin-right:10px;"></i>Modifica scelta veicolo</p>
<p id="select-autobus-inside" class="soloandata" style="padding:8px 10px 6px; border-radius:10px; border:1px solid #969696; margin-top:15px; font-size:14px; background-color:#fff;">Autobus</p>
<p class="selezionaletratte" style="padding:5px; margin-top:15px; padding-left:0px; font-size:15px;">Dimensioni Veicolo</p>
<div class="col-12" style="padding:0;">
<div class="col-6" style="float:left; padding:0; margin-bottom:20px;">
<p style="float:left; margin-bottom:0px; font-size:14px;">Lunghezza (cm.)</p>
<div class="col-12" style="padding:0; float:left; display:flex; align-items:center;">
<input id="lunghezzaAutobusA" type="number" class="form-control" min="0" style="width:50%; float:left;">
<img src="/new/assets/img/newOutfit/autobus-lunghezza.png" alt="Lunghezza autobus" loading="lazy" style="float:left; margin-left:5px;">
</div>
</div>
<div class="col-6" style="float:left; padding:0; margin-bottom:20px;">
<p style="float:left; margin-bottom:0px; font-size:14px;">Altezza (cm.)</p>
<div class="col-12" style="padding:0; float:left; display:flex; align-items:center;">
<input id="altezzaAutobusA" type="number" class="form-control" min="0" style="width:50%; float:left;">
<img src="/new/assets/img/newOutfit/autobus-altezza.png" alt="Altezza autobus" loading="lazy" style="float:left; margin-left:5px;">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-12 gutter-10 xs-nogutter col-bottone-cerca divCerca" style="padding:0; position:absolute; bottom:20px;">
<div id="divConfermaAutobusA" class="col-12 confermaVeicoloA" style="float:left; margin-top: 20px; margin-bottom:25px; width:100%; cursor:pointer;" onclick="veicoliConfermaLocale('A', $(this).attr('id'))">
<div class="veditutte" style="padding:20px;background-color:#00A698; border-radius: 10px; box-shadow: 0px 4px 5px 0px #000000"> CONFERMA </div>
</div>
</div>
</div>
<!--Sezione veicoli ritorno-->
<div id="motoreVeicoliR" class="row motore" style="position:relative; padding:15px 0px; display:none; background-color:#e6edf6; margin:0; border-radius:10px;">
<div class="col-12" style="margin:0; padding:0;">
<div class="col-12 col-destinazione" style="padding:5px 15px; text-align:left;">
<div class="col-12" style="padding:0;">
<p id="titleVeicoliRitorno" class="titleVeicoliRitorno selezionaletratte" style="margin-bottom:10px; background-color:#fff; padding:10px; border-radius:10px;" onclick="clickTitleVeicoli('R')"> Dettagli Veicolo Ritorno
<i class="fas fa-car" style="color:#0570e4; margin-left:10px; width:28px;"></i>
<i class="fas fa-times" style="float:right; color:#0570e4;"></i>
</p>
</div>
</div>
<div id="divInfoCampaniaR" class="col-12 col-destinazione" style="padding: 5px 15px; text-align: left; display: none;">
<div class="col-12" style="padding:0;">
<p class="selezionaletratte" style="margin-bottom:0px; padding:10px; border-radius:10px; font-size:15px; border:1px solid #969696; background-color:#e8e8e8; cursor:pointer;" onclick="showInfoCampania('R');">
<i class="fas fa-info-circle" style="margin-right:5px;"></i>Normativa per i residenti in Campania e informativa trasporto veicoli Procida e Capri <span id="spanInfoCampaniaR" class="selezionaletratte"
style="margin:0; padding:0; font-weight:200; font-size:14px; display:none;">
<br>Dal 01/04/2022 al 31/12/2022 è vietata la circolazione sull'isola di Ischia di veicoli a motore appartenenti o condotti da persone residenti nella regione Campania, con esclusione di quelli appartenenti alla popolazione
residente stabilmente sull'Isola. Inoltre sulle destinazioni Procida e Capri per tutto l'anno è vietato lo sbarco sulle isole per qualsiasi veicolo privo di autorizzazione rilasciata dall'autorità competenti. </span>
</p>
</div>
</div>
<div id="col-destinazioneR" class="col-12 col-destinazione" style="padding:10px 15px; text-align:left;">
<p id="select-noVeicoloR" class="soloandata" style="padding:8px 10px 6px; border-radius:10px; border:1px solid #969696; margin-top:15px; font-size:14px; background-color:#fff;"
onclick="tipoVeicoliClick('R', '#select-noVeicoloR', 'no-veicolo')">
<img class="shape2" src="/new/assets/img/newOutfit/icon-noveicolo.png" loading="lazy" alt="Nessun veicolo" style="margin-right:10px;"><span style="vertical-align:middle;">Nessun Veicolo</span>
</p>
<p id="select-autoR" class="soloandata" style="padding:8px 10px 6px; border-radius:10px; border:1px solid #969696; margin-top:15px; font-size:14px; background-color:#fff;" onclick="tipoVeicoliClick('R', '#select-autoR', 'auto')">
<img class="shape2" src="/new/assets/img/newOutfit/icon-car.png" loading="lazy" alt="Auto" style="margin-right:10px;"><span style="vertical-align:middle;">Auto</span>
</p>
<p id="select-camperR" class="soloandata" style="padding:8px 10px 6px; border-radius:10px; border:1px solid #969696; margin-top:15px; font-size:14px; background-color:#fff;"
onclick="tipoVeicoliClick('R', '#select-camperR', 'camper')">
<img class="shape2" src="/new/assets/img/newOutfit/icon-camper.png" loading="lazy" alt="Camper" style="margin-right:10px;"><span style="vertical-align:middle;">Camper</span>
</p>
<p id="select-minibusR" class="soloandata" style="padding:8px 10px 6px; border-radius:10px; border:1px solid #969696; margin-top:15px; font-size:14px; background-color:#fff;"
onclick="tipoVeicoliClick('R', '#select-minibusR', 'minibus')">
<img class="shape2" src="/new/assets/img/newOutfit/icon-minibus.png" loading="lazy" alt="Minibus" style="margin-right:10px;"><span style="vertical-align:middle;">Minibus</span>
</p>
<p id="select-furgoneR" class="soloandata" style="padding:8px 10px 6px; border-radius:10px; border:1px solid #969696; margin-top:15px; font-size:14px; background-color:#fff;"
onclick="tipoVeicoliClick('R', '#select-furgoneR', 'furgone')">
<img class="shape2" src="/new/assets/img/newOutfit/camion-blu-scuro.png" loading="lazy" alt="Furgone" style="margin-right:10px;"><span style="vertical-align:middle;">Furgone</span>
</p>
<p id="select-motoR" class="soloandata" style="padding:8px 10px 6px; border-radius:10px; border:1px solid #969696; margin-top:15px; font-size:14px; background-color:#fff;" onclick="clickMotoBici('R', '#select-motoR', 'moto')">
<img class="shape2" src="/new/assets/img/newOutfit/icon-moto.png" loading="lazy" alt="Moto" style="margin-right:10px;"><span style="vertical-align:middle;">Moto</span>
</p>
<p id="select-biciclettaR" class="soloandata" style="padding:8px 10px 6px; border-radius:10px; border:1px solid #969696; margin-top:15px; font-size:14px; background-color:#fff;"
onclick="clickMotoBici('R', '#select-biciclettaR', 'bici')">
<img class="shape2" src="/new/assets/img/newOutfit/icon-bicicletta.png" loading="lazy" alt="Bicicletta" style="margin-right:10px;"><span style="vertical-align:middle;">Bicicletta</span>
</p>
<p id="select-autobusR" class="soloandata" style="padding: 8px 10px 6px; border-radius: 10px; border: 1px solid rgb(150, 150, 150); margin-top: 15px; font-size: 14px; background-color: rgb(255, 255, 255); display: block;"
onclick="tipoVeicoliClick('R', '#select-autobusR', 'autobus')">
<img class="shape2" src="/new/assets/img/newOutfit/icon-autobus.png" loading="lazy" alt="Autobus" style="margin-right:10px;"><span style="vertical-align:middle;">Autobus</span>
</p>
<div id="divQuantitaMotoR" class="col-12" style="margin:0; padding:0; display:none; margin-top:25px; display:flex; align-items:center;">
<div class="col-7" style="float:left; padding:0;">
<p class="selezionaletratte">Quantità moto</p>
</div>
<div class="col-5 input-group" style="float:left; padding:0;">
<span class="input-group-btn">
<button type="button" class="btn btn-default btn-number" disabled="disabled" data-type="minus" data-field="numeroMotoR" style="padding:0;">
<i class="fas fa-minus-circle" style="color:#0570e4; float:left; padding-right:5px; font-size:1.5em; padding-top:5px;"></i>
</button>
</span>
<input id="numeroMotoR" name="numeroMotoR" type="text" disabled="disabled" class="form-control input-number" style="border-radius:10px; border:1px solid #9AA0AB; width:40px; float:left; text-align:center;" value="0" min="0"
max="9">
<span class="input-group-btn">
<button type="button" class="btn btn-default btn-number" data-type="plus" data-field="numeroMotoR" style="padding:0;">
<i class="fas fa-plus-circle" style="color:#0570e4; float:left; padding-left:5px; font-size:1.5em; padding-top:5px;"></i>
</button>
</span>
</div>
</div>
<div id="divQuantitaBiciclettaR" class="col-12" style="margin:0; padding:0; display:none; margin-top:25px; display:flex; align-items:center;">
<div class="col-7" style="float:left; padding:0;">
<p class="selezionaletratte">Quantità biciclette</p>
</div>
<div class="col-5 input-group" style="float:left; padding:0;">
<span class="input-group-btn">
<button type="button" class="btn btn-default btn-number" disabled="disabled" data-type="minus" data-field="numeroBiciclettaR" style="padding:0;">
<i class="fas fa-minus-circle" style="color:#0570e4; float:left; padding-right:5px; font-size:1.5em; padding-top:5px;"></i>
</button>
</span>
<input id="numeroBiciclettaR" name="numeroBiciclettaR" type="text" disabled="disabled" class="form-control input-number" style="border-radius:10px; border:1px solid #9AA0AB; width:40px; float:left; text-align:center;" value="1"
min="1" max="9">
<span class="input-group-btn">
<button type="button" class="btn btn-default btn-number" data-type="plus" data-field="numeroBiciclettaR" style="padding:0;">
<i class="fas fa-plus-circle" style="color:#0570e4; float:left; padding-left:5px; font-size:1.5em; padding-top:5px;"></i>
</button>
</span>
</div>
</div>
</div>
</div>
<div class="col-12 gutter-10 xs-nogutter col-bottone-cerca divCerca" style="padding:0; position:absolute; bottom:20px;">
<div id="divConfermaVeicoloR" class="col-12" style="float:left; width:100%; cursor:pointer; margin-top:20px; margin-bottom:10px;" onclick="veicoliConferma('R', '#divConfermaVeicoloR')">
<div class="veditutte" style="padding:20px;background-color:#00A698; border-radius: 10px; box-shadow: 0px 4px 5px 0px #000000;"> CONFERMA </div>
</div>
</div>
</div>
<!--Sezione auto ritorno-->
<div id="motoreAutoR" class="row motore" style="position:relative; padding:15px 0px; display:none; background-color:#e6edf6; margin:0; border-radius:10px;">
<div class="col-12" style="margin:0; padding:0;">
<div class="row" style="padding:0; margin:0;">
<div class="col-12 col-destinazione" style="padding:5px 15px; text-align:left;">
<div class="col-12" style="padding:0;">
<p class="titleVeicoliRitorno selezionaletratte" style="margin-bottom:10px; background-color:#fff; padding:10px; border-radius:10px;" onclick="clickTitleVeicoli('R')"> Dettagli Veicolo
<i class="fas fa-car" style="color:#0570e4; margin-left:10px; width:28px;"></i>
<i class="fas fa-times" style="float:right; color:#0570e4;"></i>
</p>
</div>
</div>
<div class="col-12 col-destinazione" style="padding:15px; text-align:left;">
<p class="backSceltaVeicoloR modificasceltaveic" style="font-size:15px;" onclick="backTipoVeicoli('R')"><i class="fas fa-angle-left" style="color: #02122c; margin-right:10px;"></i>Modifica scelta veicolo</p>
<p id="select-auto-inside-R" class="soloandata" style="padding:8px 10px 6px; border-radius:10px; border:1px solid #969696; margin-top:10px; font-size:14px;">Auto</p>
<div id="infoVeicoloR-misure" class="col-12 col-destinazione" style="padding:0; text-align:left; margin-top:15px;">
<p style="margin-bottom:5px; line-height:1.3;"><i class="fas fa-info-circle" style="margin-right:10px; color:#3D4B61;"></i><span class="inserireilnumerod"><strong>Inserisci marca e modello</strong> della tua auto: potremo
calcolare l'<strong>esatto ingombro</strong> del veicolo</span></p>
</div>
<p class="selezionaletratte" style="padding:5px; margin-top:10px; padding-left:0px; font-size:15px;">Marca</p>
<select id="selectMarcaR" class="select-destinazioni trattaandata form-control" style="cursor:pointer;">
<option value="0">Seleziona marca</option>
</select>
<p id="titoloModelloR" class="selezionaletratte divModelloAutoR" style="padding:5px; margin-top:10px; padding-left:0px; font-size:15px; display:none;">Modello</p>
<select id="selectModelloR" class="select-destinazioni trattaandata form-control divModelloAutoR" style="cursor:pointer; display:none;">
<option value="0">Seleziona modello</option>
</select>
<div id="infoVeicoloR" class="col-12 col-destinazione" style="padding:0; text-align:left; display:none; margin-top:20px;">
<p style="margin-bottom:5px;"><i class="fas fa-info-circle" style="margin-right:10px; color:#3D4B61;"></i><span class="inserireilnumerod" style="text-decoration:underline; font-weight:bold;">Informazione veicolo</span></p>
<p class="inserireilnumerod">Inserisci manualmente i dati relativi al veicolo</p>
</div>
<p class="selezionaletratte divMisureAutoR" style="padding:5px; margin-top:10px; padding-left:0px; font-size:15px; display:none;">Dimensioni Veicolo</p>
<div class="col-12 divMisureAutoR" style="padding:0; display:none;">
<div class="col-6" style="float:left; padding:0; margin-bottom:10px;">
<p style="float:left; margin-bottom:0px; font-size:14px;">Lunghezza (cm.)</p>
<div class="col-12" style="padding:0; float:left; display:flex; align-items:center;">
<input id="lunghezzaAutoR" type="number" class="form-control" min="0" style="width:50%; float:left;">
<img src="/new/assets/img/newOutfit/auto-lunghezza.png" alt="Lunghezza auto" loading="lazy" style="float:left; margin-left:5px;">
</div>
</div>
<div class="col-6" style="float:left; padding:0; margin-bottom:10px;">
<p style="float:left; margin-bottom:0px; font-size:14px;">Altezza (cm.)</p>
<div class="col-12" style="padding:0; float:left; display:flex; align-items:center;">
<input id="altezzaAutoR" type="number" class="form-control" min="0" style="width:50%; float:left;">
<img src="/new/assets/img/newOutfit/auto-altezza.png" alt="Altezza auto" loading="lazy" style="float:left; margin-left:5px;">
</div>
</div>
</div>
<div class="clearfix"></div>
<p class="selezionaletratte divRimorchioAutoR" style="padding:5px; padding-left:0px; font-size:15px; display:none;">Hai un rimorchio?</p>
<div class="col-12 divRimorchioAutoR" style="padding:0; display:none;">
<div class="col-6" style="float:left; padding:0;">
<div class="form-check form-check-inline">
<input id="checkRimorchioAuto-Si-R" name="checkRimorchioAutoR" type="radio" value="checkRimorchio-si">
<label for="checkRimorchio-si" style="margin-bottom:0px; margin-left:5px;">Sì</label>
</div>
<div class="form-check form-check-inline">
<input id="checkRimorchioAuto-No-R" name="checkRimorchioAutoR" type="radio" value="checkRimorchio-no" checked="">
<label for="checkRimorchio-no" style="margin-bottom:0px; margin-left:5px;">No</label>
</div>
</div>
<div class="col-6" style="float:left;">
</div>
</div>
<div class="clearfix"></div>
<div id="divDimensioniRimorchioAutoR" style="display:none;">
<div class="row" style="margin:0; padding:0;">
<p class="selezionaletratte" style="padding:10px; margin-top:20px; padding-left:0px;">Tipologia di rimorchio</p>
<select id="selectTipologiaRimorchioAutoR" class="select-destinazioni trattaandata form-control">
<option value="0">Seleziona rimorchio</option>
<option value="4">Rimorchio</option>
<option value="5">Roulotte</option>
</select>
<p class="selezionaletratte" style="padding:10px; margin-top:20px; padding-left:0px;">Dimensioni Rimorchio</p>
<div class="col-12" style="padding:0; margin-bottom:85px;">
<div class="col-6" style="float:left; padding:0; margin-bottom:20px;">
<p style="float:left; margin-bottom:0px; font-size:14px;">Lunghezza (cm.)</p>
<div class="col-12" style="padding:0; float:left; display:flex; align-items:center;">
<input id="lunghezzaRimorchioAutoR" type="number" class="form-control" min="0" style="width:50%; float:left;">
<img src="/new/assets/img/newOutfit/rimorchio-lunghezza.png" alt="Lunghezza rimorchio auto" loading="lazy" style="float:left; margin-left:5px;">
</div>
</div>
<div class="col-6" style="float:left; padding:0; margin-bottom:20px;">
<p style="float:left; margin-bottom:0px; font-size:14px;">Altezza (cm.)</p>
<div class="col-12" style="padding:0; float:left; display:flex; align-items:center;">
<input id="altezzaRimorchioAutoR" type="number" class="form-control" min="0" style="width:50%; float:left;">
<img src="/new/assets/img/newOutfit/rimorchio-altezza.png" alt="Altezza rimorchio auto" loading="lazy" style="float:left; margin-left:5px;">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-12 gutter-10 xs-nogutter col-bottone-cerca divCerca" style="padding:0; position:absolute; bottom:20px;">
<div id="divConfermaAutoR" class="col-12 confermaVeicoloR" style="float:left; margin-top: 20px; margin-bottom:25px; width:100%; cursor:pointer;" onclick="veicoliConfermaLocale('R', $(this).attr('id'))">
<div class="veditutte" style="padding:20px;background-color:#00A698; border-radius: 10px; box-shadow: 0px 4px 5px 0px #000000"> CONFERMA </div>
</div>
</div>
</div>
<!--Sezione camper ritorno-->
<div id="motoreCamperR" class="row motore" style="position:relative; padding:15px 0px; display:none; background-color:#e6edf6; margin:0; border-radius:10px;">
<div class="col-12" style="margin:0; padding:0;">
<div class="row" style="padding:0; margin:0;">
<div class="col-12 col-destinazione" style="padding:5px 15px; text-align:left;">
<div class="col-12" style="padding:0;">
<p class="titleVeicoliRitorno selezionaletratte" style="margin-bottom:10px; background-color:#fff; padding:10px; border-radius:10px;" onclick="clickTitleVeicoli('R')"> Dettagli Veicolo
<i class="fas fa-car" style="color:#0570e4; margin-left:10px; width:28px;"></i>
<i class="fas fa-times" style="float:right; color:#0570e4;"></i>
</p>
</div>
</div>
<div class="col-12 col-destinazione" style="padding:15px; text-align:left;">
<p class="backSceltaVeicoloR modificasceltaveic" style="font-size:15px;" onclick="backTipoVeicoli('R')"><i class="fas fa-angle-left" style="color: #02122c; margin-right:10px;"></i>Modifica scelta veicolo</p>
<p id="select-camper-inside-R" class="soloandata" style="padding:8px 10px 6px; border-radius:10px; border:1px solid #969696; margin-top:15px; font-size:14px;">Camper</p>
<p class="selezionaletratte" style="padding:5px; margin-top:15px; padding-left:0px; font-size:15px;">Dimensioni Veicolo</p>
<div class="col-12" style="padding:0;">
<div class="col-6" style="float:left; padding:0; margin-bottom:20px;">
<p style="float:left; margin-bottom:0px; font-size:14px;">Lunghezza (cm.)</p>
<div class="col-12" style="padding:0; float:left; display:flex; align-items:center;">
<input id="lunghezzaCamperR" type="number" class="form-control" min="0" style="width:50%; float:left;">
<img src="/new/assets/img/newOutfit/camper-lunghezza.png" alt="Lunghezza camper" loading="lazy" style="float:left; margin-left:5px;">
</div>
</div>
<div class="col-6" style="float:left; padding:0; margin-bottom:20px;">
<p style="float:left; margin-bottom:0px; font-size:14px;">Altezza (cm.)</p>
<div class="col-12" style="padding:0; float:left; display:flex; align-items:center;">
<input id="altezzaCamperR" type="number" class="form-control" min="0" style="width:50%; float:left;">
<img src="/new/assets/img/newOutfit/camper-altezza.png" alt="Altezza camper" loading="lazy" style="float:left; margin-left:5px;">
</div>
</div>
</div>
<div class="clearfix"></div>
<p class="selezionaletratte" style="padding:5px; padding-left:0px; font-size:15px;">Hai un rimorchio?</p>
<div class="col-12" style="padding:0;">
<div class="col-6" style="float:left; padding:0;">
<div class="form-check form-check-inline">
<input id="checkRimorchioCamper-Si-R" name="checkRimorchioCamperR" type="radio" value="checkRimorchio-si">
<label for="checkRimorchio-si" style="margin-bottom:0px; margin-left:5px;">Sì</label>
</div>
<div class="form-check form-check-inline">
<input id="checkRimorchioCamper-No-R" name="checkRimorchioCamperR" type="radio" value="checkRimorchio-no" checked="">
<label for="checkRimorchio-no" style="margin-bottom:0px; margin-left:5px;">No</label>
</div>
</div>
<div class="col-6" style="float:left;">
</div>
</div>
<div class="clearfix"></div>
<div id="divDimensioniRimorchioCamperR" style="display:none;">
<div class="row" style="margin:0; padding:0;">
<p class="selezionaletratte" style="padding:5px; margin-top:15px; padding-left:0px; font-size:15px;">Tipologia di rimorchio</p>
<select id="selectTipologiaRimorchioCamperR" class="select-destinazioni trattaandata form-control">
<option value="0">Seleziona rimorchio</option>
<option value="4">Rimorchio</option>
<option value="5">Roulotte</option>
</select>
<p class="selezionaletratte" style="padding:5px; margin-top:15px; padding-left:0px; font-size:15px;">Dimensioni Rimorchio</p>
<div class="col-12" style="padding:0; margin-bottom:85px;">
<div class="col-6" style="float:left; padding:0; margin-bottom:20px;">
<p style="float:left; margin-bottom:0px; font-size:14px;">Lunghezza (cm.)</p>
<div class="col-12" style="padding:0; float:left; display:flex; align-items:center;">
<input id="lunghezzaRimorchioCamperR" type="number" class="form-control" min="0" style="width:50%; float:left;">
<img src="/new/assets/img/newOutfit/rimorchio-lunghezza.png" alt="Lunghezza rimorchio camper" loading="lazy" style="float:left; margin-left:5px;">
</div>
</div>
<div class="col-6" style="float:left; padding:0; margin-bottom:20px;">
<p style="float:left; margin-bottom:0px; font-size:14px;">Altezza (cm.)</p>
<div class="col-12" style="padding:0; float:left; display:flex; align-items:center;">
<input id="altezzaRimorchioCamperR" type="number" class="form-control" min="0" style="width:50%; float:left;">
<img src="/new/assets/img/newOutfit/rimorchio-altezza.png" alt="Altezza rimorchio camper" loading="lazy" style="float:left; margin-left:5px;">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-12 gutter-10 xs-nogutter col-bottone-cerca divCerca" style="padding:0; position:absolute; bottom:20px;">
<div id="divConfermaCamperR" class="col-12 confermaVeicoloR" style="float:left; margin-top: 20px; margin-bottom:25px; width:100%; cursor:pointer;" onclick="veicoliConfermaLocale('R', $(this).attr('id'))">
<div class="veditutte" style="padding:20px;background-color:#00A698; border-radius: 10px; box-shadow: 0px 4px 5px 0px #000000"> CONFERMA </div>
</div>
</div>
</div>
<!--Sezione minibus ritorno-->
<div id="motoreMinibusR" class="row motore" style="position:relative; padding:15px 0px; display:none; background-color:#e6edf6; margin:0; border-radius:10px;">
<div class="col-12" style="margin:0; padding:0;">
<div class="row" style="padding:0; margin:0;">
<div class="col-12 col-destinazione" style="padding:5px 15px; text-align:left;">
<div class="col-12" style="padding:0;">
<p class="titleVeicoliRitorno selezionaletratte" style="margin-bottom:10px; background-color:#fff; padding:10px; border-radius:10px;" onclick="clickTitleVeicoli('R')"> Dettagli Veicolo
<i class="fas fa-car" style="color:#0570e4; margin-left:10px; width:28px;"></i>
<i class="fas fa-times" style="float:right; color:#0570e4;"></i>
</p>
</div>
</div>
<div class="col-12 col-destinazione" style="padding:15px; text-align:left;">
<p class="backSceltaVeicoloR modificasceltaveic" style="font-size:15px;" onclick="backTipoVeicoli('R')"><i class="fas fa-angle-left" style="color: #02122c; margin-right:10px;"></i>Modifica scelta veicolo</p>
<p id="select-minibus-inside-R" class="soloandata" style="padding:8px 10px 6px; border-radius:10px; border:1px solid #969696; margin-top:15px; font-size:14px;">Minibus</p>
<p class="selezionaletratte" style="padding:5px; margin-top:15px; padding-left:0px; font-size:15px;">Dimensioni Veicolo</p>
<div class="col-12" style="padding:0;">
<div class="col-6" style="float:left; padding:0; margin-bottom:20px;">
<p style="float:left; margin-bottom:0px; font-size:14px;">Lunghezza (cm.)</p>
<div class="col-12" style="padding:0; float:left; display:flex; align-items:center;">
<input id="lunghezzaMinibusR" type="number" class="form-control" min="0" style="width:50%; float:left;">
<img src="/new/assets/img/newOutfit/minibus-lunghezza.png" alt="Lunghezza minibus" loading="lazy" style="float:left; margin-left:5px;">
</div>
</div>
<div class="col-6" style="float:left; padding:0; margin-bottom:20px;">
<p style="float:left; margin-bottom:0px; font-size:14px;">Altezza (cm.)</p>
<div class="col-12" style="padding:0; float:left; display:flex; align-items:center;">
<input id="altezzaMinibusR" type="number" class="form-control" min="0" style="width:50%; float:left;">
<img src="/new/assets/img/newOutfit/minibus-altezza.png" alt="Altezza minibus" loading="lazy" style="float:left; margin-left:5px;">
</div>
</div>
</div>
<div class="clearfix"></div>
<p class="selezionaletratte" style="padding:5px; padding-left:0px; font-size:15px;">Hai un rimorchio?</p>
<div class="col-12" style="padding:0;">
<div class="col-6" style="float:left; padding:0;">
<div class="form-check form-check-inline">
<input id="checkRimorchioMinibus-Si-R" name="checkRimorchioMinibusR" type="radio" value="checkRimorchio-si">
<label for="checkRimorchio-si" style="margin-bottom:0px; margin-left:5px;">Sì</label>
</div>
<div class="form-check form-check-inline">
<input id="checkRimorchioMinibus-No-R" name="checkRimorchioMinibusR" type="radio" value="checkRimorchio-no" checked="">
<label for="checkRimorchio-no" style="margin-bottom:0px; margin-left:5px;">No</label>
</div>
</div>
<div class="col-6" style="float:left;">
</div>
</div>
<div class="clearfix"></div>
<div id="divDimensioniRimorchioMinibusR" style="display:none;">
<div class="row" style="margin:0; padding:0;">
<p class="selezionaletratte" style="padding:5px; margin-top:15px; padding-left:0px; font-size:15px;">Tipologia di rimorchio</p>
<select id="selectTipologiaRimorchioMinibusR" class="select-destinazioni trattaandata form-control">
<option value="0">Seleziona rimorchio</option>
<option value="4">Rimorchio</option>
<option value="5">Roulotte</option>
</select>
<p class="selezionaletratte" style="padding:5px; margin-top:15px; padding-left:0px; font-size:15px;">Dimensioni Rimorchio</p>
<div class="col-12" style="padding:0; margin-bottom:85px;">
<div class="col-6" style="float:left; padding:0; margin-bottom:20px;">
<p style="float:left; margin-bottom:0px; font-size:14px;">Lunghezza (cm.)</p>
<div class="col-12" style="padding:0; float:left; display:flex; align-items:center;">
<input id="lunghezzaRimorchioMinibusR" type="number" min="0" class="form-control" style="width:50%; float:left;">
<img src="/new/assets/img/newOutfit/rimorchio-lunghezza.png" alt="Lunghezza rimorchio minibus" loading="lazy" style="float:left; margin-left:5px;">
</div>
</div>
<div class="col-6" style="float:left; padding:0; margin-bottom:20px;">
<p style="float:left; margin-bottom:0px; font-size:14px;">Altezza (cm.)</p>
<div class="col-12" style="padding:0; float:left; display:flex; align-items:center;">
<input id="altezzaRimorchioMinibusR" type="number" class="form-control" min="0" style="width:50%; float:left;">
<img src="/new/assets/img/newOutfit/rimorchio-altezza.png" alt="Altezza rimorchio minibus" loading="lazy" style="float:left; margin-left:5px;">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-12 gutter-10 xs-nogutter col-bottone-cerca divCerca" style="padding:0; position:absolute; bottom:20px;">
<div id="divConfermaMinibusR" class="col-12 confermaVeicoloR" style="float:left; margin-top: 20px; margin-bottom:25px; width:100%; cursor:pointer;" onclick="veicoliConfermaLocale('R', $(this).attr('id'))">
<div class="veditutte" style="padding:20px;background-color:#00A698; border-radius: 10px; box-shadow: 0px 4px 5px 0px #000000"> CONFERMA </div>
</div>
</div>
</div>
<!--Sezione furgone ritorno-->
<div id="motoreFurgoneR" class="row motore" style="position:relative; padding:15px 0px; display:none; background-color:#e6edf6; margin:0; border-radius:10px;">
<div class="col-12" style="margin:0; padding:0;">
<div class="row" style="padding:0; margin:0;">
<div class="col-12 col-destinazione" style="padding:5px 15px; text-align:left;">
<div class="col-12" style="padding:0;">
<p class="titleVeicoliAndata selezionaletratte" style="margin-bottom:10px; background-color:#fff; padding:10px; border-radius:10px;" onclick="clickTitleVeicoli('R')"> Dettagli Veicolo
<i class="fas fa-car" style="color:#0570e4; margin-left:10px; width:28px;"></i>
<i class="fas fa-times" style="float:right; color:#0570e4;"></i>
</p>
</div>
</div>
<div class="col-12 col-destinazione" style="padding:15px; text-align:left;">
<p class="backSceltaVeicoloA modificasceltaveic" style="font-size:15px;" onclick="backTipoVeicoli('R')"><i class="fas fa-angle-left" style="color: #02122c; margin-right:10px;"></i>Modifica scelta veicolo</p>
<p id="select-furgone-inside-R" class="soloandata" style="padding:8px 10px 6px; border-radius:10px; border:1px solid #969696; margin-top:15px; font-size:14px; background-color:#fff;">Furgone</p>
<p class="selezionaletratte" style="padding:5px; margin-top:15px; padding-left:0px; font-size:15px;">Dimensioni Veicolo</p>
<div class="col-12" style="padding:0;">
<div class="col-6" style="float:left; padding:0; margin-bottom:20px;">
<p style="float:left; margin-bottom:0px; font-size:14px;">Lunghezza (cm.)</p>
<div class="col-12" style="padding:0; float:left; display:flex; align-items:center;">
<input id="lunghezzaFurgoneR" type="number" class="form-control" min="0" style="width:50%; float:left;">
<img src="/new/assets/img/newOutfit/camion-lunghezza.png" alt="Lunghezza camion" loading="lazy" style="float:left; margin-left:5px;">
</div>
</div>
<div class="col-6" style="float:left; padding:0; margin-bottom:20px;">
<p style="float:left; margin-bottom:0px; font-size:14px;">Altezza (cm.)</p>
<div class="col-12" style="padding:0; float:left; display:flex; align-items:center;">
<input id="altezzaFurgoneR" type="number" class="form-control" min="0" style="width:50%; float:left;">
<img src="/new/assets/img/newOutfit/camion-altezza.png" alt="Altezza camion" loading="lazy" style="float:left; margin-left:5px;">
</div>
</div>
</div>
<div class="clearfix"></div>
<p class="selezionaletratte" style="padding:5px; padding-left:0px; font-size:15px;">Hai un rimorchio?</p>
<div class="col-12" style="padding:0;">
<div class="col-6" style="float:left; padding:0;">
<div class="form-check form-check-inline">
<input id="checkRimorchioFurgone-Si-R" name="checkRimorchioFurgoneR" type="radio" value="checkRimorchio-si">
<label for="checkRimorchio-si" style="margin-bottom:0px; margin-left:5px;">Sì</label>
</div>
<div class="form-check form-check-inline">
<input id="checkRimorchioFurgone-No-R" name="checkRimorchioFurgoneR" type="radio" value="checkRimorchio-no" checked="">
<label for="checkRimorchio-no" style="margin-bottom:0px; margin-left:5px;">No</label>
</div>
</div>
<div class="col-6" style="float:left;">
</div>
</div>
<div class="clearfix"></div>
<div id="divDimensioniRimorchioFurgoneR" style="display:none;">
<div class="row" style="margin:0; padding:0;">
<p class="selezionaletratte" style="padding:5px; margin-top:15px; padding-left:0px; font-size:15px;">Tipologia di rimorchio</p>
<select id="selectTipologiaRimorchioFurgoneR" class="select-destinazioni trattaandata form-control">
<option value="0">Seleziona rimorchio</option>
<option value="4">Rimorchio</option>
<option value="5">Roulotte</option>
</select>
<p class="selezionaletratte" style="padding:5px; margin-top:15px; padding-left:0px; font-size:15px;">Dimensioni Rimorchio</p>
<div class="col-12" style="padding:0; margin-bottom:85px;">
<div class="col-6" style="float:left; padding:0; margin-bottom:20px;">
<p style="float:left; margin-bottom:0px; font-size:14px;">Lunghezza (cm.)</p>
<div class="col-12" style="padding:0; float:left; display:flex; align-items:center;">
<input id="lunghezzaRimorchioFurgoneR" type="number" min="0" class="form-control" style="width:50%; float:left;">
<img src="/new/assets/img/newOutfit/rimorchio-lunghezza.png" alt="Lunghezza rimorchio furgone" loading="lazy" style="float:left; margin-left:5px;">
</div>
</div>
<div class="col-6" style="float:left; padding:0; margin-bottom:20px;">
<p style="float:left; margin-bottom:0px; font-size:14px;">Altezza (cm.)</p>
<div class="col-12" style="padding:0; float:left; display:flex; align-items:center;">
<input id="altezzaRimorchioFurgoneR" type="number" class="form-control" min="0" style="width:50%; float:left;">
<img src="/new/assets/img/newOutfit/rimorchio-altezza.png" alt="Altezza rimorchio furgone" loading="lazy" style="float:left; margin-left:5px;">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-12 gutter-10 xs-nogutter col-bottone-cerca divCerca" style="padding:0; position:absolute; bottom:20px;">
<div id="divConfermaFurgoneR" class="col-12 confermaVeicoloR" style="float:left; margin-top: 20px; margin-bottom:25px; width:100%; cursor:pointer;" onclick="veicoliConfermaLocale('R', $(this).attr('id'))">
<div class="veditutte" style="padding:20px;background-color:#00A698; border-radius: 10px; box-shadow: 0px 4px 5px 0px #000000"> CONFERMA </div>
</div>
</div>
</div>
<!--Sezione autobus ritorno-->
<div id="motoreAutobusR" class="row motore" style="position:relative; padding:15px 0px; display:none; background-color:#e6edf6; margin:0; border-radius:10px;">
<div class="col-12" style="margin:0; padding:0;">
<div class="row" style="padding:0; margin:0;">
<div class="col-12 col-destinazione" style="padding:5px 15px; text-align:left;">
<div class="col-12" style="padding:0;">
<p class="titleVeicoliAndata selezionaletratte" style="margin-bottom:10px; background-color:#fff; padding:10px; border-radius:10px;" onclick="clickTitleVeicoli('R')"> Dettagli Veicolo
<i class="fas fa-car" style="color:#0570e4; margin-left:10px; width:28px;"></i>
<i class="fas fa-times" style="float:right; color:#0570e4;"></i>
</p>
</div>
</div>
<div class="col-12 col-destinazione" style="padding:15px; text-align:left;">
<p class="backSceltaVeicoloA modificasceltaveic" style="font-size:15px;" onclick="backTipoVeicoli('R')"><i class="fas fa-angle-left" style="color: #02122c; margin-right:10px;"></i>Modifica scelta veicolo</p>
<p id="select-autobus-inside-R" class="soloandata" style="padding:8px 10px 6px; border-radius:10px; border:1px solid #969696; margin-top:15px; font-size:14px; background-color:#fff;">Autobus</p>
<p class="selezionaletratte" style="padding:5px; margin-top:15px; padding-left:0px; font-size:15px;">Dimensioni Veicolo</p>
<div class="col-12" style="padding:0;">
<div class="col-6" style="float:left; padding:0; margin-bottom:20px;">
<p style="float:left; margin-bottom:0px; font-size:14px;">Lunghezza (cm.)</p>
<div class="col-12" style="padding:0; float:left; display:flex; align-items:center;">
<input id="lunghezzaAutobusR" type="number" class="form-control" min="0" style="width:50%; float:left;">
<img src="/new/assets/img/newOutfit/autobus-lunghezza.png" alt="Lunghezza autobus" loading="lazy" style="float:left; margin-left:5px;">
</div>
</div>
<div class="col-6" style="float:left; padding:0; margin-bottom:20px;">
<p style="float:left; margin-bottom:0px; font-size:14px;">Altezza (cm.)</p>
<div class="col-12" style="padding:0; float:left; display:flex; align-items:center;">
<input id="altezzaAutobusR" type="number" class="form-control" min="0" style="width:50%; float:left;">
<img src="/new/assets/img/newOutfit/autobus-altezza.png" alt="Altezza autobus" loading="lazy" style="float:left; margin-left:5px;">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-12 gutter-10 xs-nogutter col-bottone-cerca divCerca" style="padding:0; position:absolute; bottom:20px;">
<div id="divConfermaAutobusR" class="col-12 confermaVeicoloR" style="float:left; margin-top: 20px; margin-bottom:25px; width:100%; cursor:pointer;" onclick="veicoliConfermaLocale('R', $(this).attr('id'))">
<div class="veditutte" style="padding:20px;background-color:#00A698; border-radius: 10px; box-shadow: 0px 4px 5px 0px #000000"> CONFERMA </div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<input type="hidden" id="provenienza" name="provenienza" value="">
<input type="hidden" id="op_id" name="op_id" value="">
<input type="hidden" id="gclid" name="gclid" value="">
<input type="hidden" name="forza_prezzi" value="false" rel="">
<input type="hidden" id="UAID" name="UAID" value="20">
<input type="hidden" id="AID" name="AID" value="20">
<input type="hidden" id="UID" name="UID" value="0">
<input type="hidden" id="pid_riferimento" name="pid_riferimento" value="0">
<input type="hidden" name="utilizza_scontoA" id="utilizza_scontoA" value="1">
<input type="hidden" name="utilizza_scontoR" id="utilizza_scontoR" value="1">
<input type="hidden" id="prezzoA" name="prezzoA" value="1">
<input type="hidden" id="prezzoR" name="prezzoR" value="1">
<input type="hidden" id="traghettoA" name="traghettoA" value="">
<input type="hidden" id="traghettoR" name="traghettoR" value="">
<input type="hidden" id="vettoreA" name="vettoreA" value="">
<input type="hidden" id="vettoreR" name="vettoreR" value="">
<input type="hidden" id="nome_trattaA" name="nome_trattaA" value="">
<input type="hidden" id="nome_trattaR" name="nome_trattaR" value="">
<input type="hidden" id="language" name="language" value="it">
<input type="hidden" id="host" name="host" value="www.traghettitalia.it">
<input type="hidden" id="backto" name="backto" value="">
</form>
Text Content
* Info Informazioni Chi siamoCondizioni di venditaContattiCookie PolicyFaqInformazioni generali * Area Personale * 02 39293929 02 39293929 Confronta prezzi e offerte di tutte le compagnie e risparmia Prenota il tuo traghetto Seleziona il collegamento da/per Seleziona la destinazione AlbaniaAlgeriaC. AmalfitanaCicladiCorsicaCretaCroaziaDodecanesoFranciaGreciaIsola d'ElbaIsola del GiglioIsola di CapraiaIsola di CapriIsola di IschiaIsola di PianosaIsola di PonzaIsole BaleariIsole CanarieIsole EgadiIsole EolieIsole PelagieIsole TremitiLa MaddalenaMaltaMaroccoMontenegroNord EgeoPantelleriaProcidaSardegnaSiciliaSpagnaTunisiaUsticaVentotene * Andata e ritorno * Solo Andata Seleziona le tratte Seleziona la tratta di andata Seleziona la tratta di ritorno Seleziona le date del viaggio Seleziona passeggeri e veicolo Residenti/Nativi Seleziona passeggeri Hai un veicolo? Seleziona passeggeri e veicolo per il ritorno Residenti/Nativi Seleziona passeggeri Hai un veicolo? Stessi dati sul ritorno CALCOLA IL PREVENTIVO Dettagli Passeggeri Numero passeggeri Passeggeri Adulti (da 26 a 59 anni) Passeggeri Bambini (da 4 a 11 anni) Passeggeri Infant (da 0 a 3 anni) Informazione passeggeri Inserire il numero di passeggeri calcolando l’età dei bambini alla data prevista per il viaggio Animali sotto i 6 kg Animali sopra i 6 kg CONFERMA Dettagli Passeggeri Ritorno Numero passeggeri Passeggeri Adulti (da 26 a 59 anni) Passeggeri Bambini (da 4 a 11 anni) Passeggeri Infant (da 0 a 3 anni) Informazione passeggeri Inserire il numero di passeggeri calcolando l’età dei bambini alla data prevista per il viaggio Animali sotto i 6 kg Animali sopra i 6 kg CONFERMA Dettagli Veicolo Normativa per i residenti in Campania Dal 01/04/2023 al 31/12/2023 (date indicative in attesa di conferma con pubblicazione Decreto Ministero delle Infrastrutture e Trasporti) è vietata la circolazione sull'isola di Ischia di veicoli a motore appartenenti o condotti da persone residenti nella regione Campania, con esclusione di quelli appartenenti alla popolazione residente stabilmente sull'Isola. Sulla destinazione Capri e Procida per tutto l'anno è vietato lo sbarco sulle isole per qualsiasi veicolo privo di autorizzazione rilasciata dall'autorità competenti. Nessun Veicolo Auto Camper Minibus Furgone Moto Bicicletta Autobus Quantità moto Quantità biciclette CONFERMA Dettagli Veicolo Modifica scelta veicolo Auto Inserisci marca e modello della tua auto: potremo calcolare l'esatto ingombro del veicolo Marca Seleziona marca Modello Seleziona modello Informazione veicolo Inserisci manualmente i dati relativi al veicolo Dimensioni Veicolo Lunghezza (cm.) Altezza (cm.) Hai un rimorchio? Sì No Tipologia di rimorchio Seleziona rimorchio Rimorchio Roulotte Dimensioni Rimorchio Lunghezza (cm.) Altezza (cm.) CONFERMA Dettagli Veicolo Modifica scelta veicolo Camper Dimensioni Veicolo Lunghezza (cm.) Altezza (cm.) Hai un rimorchio? Sì No Tipologia di rimorchio Seleziona rimorchio Rimorchio Roulotte Dimensioni Rimorchio Lunghezza (cm.) Altezza (cm.) CONFERMA Dettagli Veicolo Modifica scelta veicolo Minibus Dimensioni Veicolo Lunghezza (cm.) Altezza (cm.) Hai un rimorchio? Sì No Tipologia di rimorchio Seleziona rimorchio Rimorchio Roulotte Dimensioni Rimorchio Lunghezza (cm.) Altezza (cm.) CONFERMA Dettagli Veicolo Modifica scelta veicolo Furgone Dimensioni Veicolo Lunghezza (cm.) Altezza (cm.) Hai un rimorchio? Sì No Tipologia di rimorchio Seleziona rimorchio Rimorchio Roulotte Dimensioni Rimorchio Lunghezza (cm.) Altezza (cm.) CONFERMA Dettagli Veicolo Modifica scelta veicolo Autobus Dimensioni Veicolo Lunghezza (cm.) Altezza (cm.) CONFERMA Dettagli Veicolo Ritorno Normativa per i residenti in Campania e informativa trasporto veicoli Procida e Capri Dal 01/04/2022 al 31/12/2022 è vietata la circolazione sull'isola di Ischia di veicoli a motore appartenenti o condotti da persone residenti nella regione Campania, con esclusione di quelli appartenenti alla popolazione residente stabilmente sull'Isola. Inoltre sulle destinazioni Procida e Capri per tutto l'anno è vietato lo sbarco sulle isole per qualsiasi veicolo privo di autorizzazione rilasciata dall'autorità competenti. Nessun Veicolo Auto Camper Minibus Furgone Moto Bicicletta Autobus Quantità moto Quantità biciclette CONFERMA Dettagli Veicolo Modifica scelta veicolo Auto Inserisci marca e modello della tua auto: potremo calcolare l'esatto ingombro del veicolo Marca Seleziona marca Modello Seleziona modello Informazione veicolo Inserisci manualmente i dati relativi al veicolo Dimensioni Veicolo Lunghezza (cm.) Altezza (cm.) Hai un rimorchio? Sì No Tipologia di rimorchio Seleziona rimorchio Rimorchio Roulotte Dimensioni Rimorchio Lunghezza (cm.) Altezza (cm.) CONFERMA Dettagli Veicolo Modifica scelta veicolo Camper Dimensioni Veicolo Lunghezza (cm.) Altezza (cm.) Hai un rimorchio? Sì No Tipologia di rimorchio Seleziona rimorchio Rimorchio Roulotte Dimensioni Rimorchio Lunghezza (cm.) Altezza (cm.) CONFERMA Dettagli Veicolo Modifica scelta veicolo Minibus Dimensioni Veicolo Lunghezza (cm.) Altezza (cm.) Hai un rimorchio? Sì No Tipologia di rimorchio Seleziona rimorchio Rimorchio Roulotte Dimensioni Rimorchio Lunghezza (cm.) Altezza (cm.) CONFERMA Dettagli Veicolo Modifica scelta veicolo Furgone Dimensioni Veicolo Lunghezza (cm.) Altezza (cm.) Hai un rimorchio? Sì No Tipologia di rimorchio Seleziona rimorchio Rimorchio Roulotte Dimensioni Rimorchio Lunghezza (cm.) Altezza (cm.) CONFERMA Dettagli Veicolo Modifica scelta veicolo Autobus Dimensioni Veicolo Lunghezza (cm.) Altezza (cm.) CONFERMA PERCHÉ USARE WWW.TRAGHETTITALIA.IT? Confronti tratte e compagnie diverse e prenoti al miglior prezzo del momento Ricevi assistenza telefonica e online 7 giorni su 7 Gestisci la prenotazione dalla tua Area Utente in tutta autonomia Voto Medio 4.87 su 5 basato su 27255 recensioni TRAGHETTI ITALIA, OFFERTE TRAGHETTI ON LINE Traghetti Italia è la biglietteria multi compagnia per tutte le linee marittime del Mediterraneo: sul nostro sito puoi prenotare on line i traghetti e gli aliscafi per le isole e per le principali destinazioni costiere. Siamo specializzati nella biglietteria marittima da oltre 10 anni, questo significa che la nostra esperienza nel settore ci permette di garantirti un’offerta chiara, un’assistenza qualificata e un servizio di prenotazione semplice e completo. Le tariffe che troverai calcolando i tuoi preventivi sul nostro sito sono quelle ufficiali applicate delle stesse società armatoriali, inoltre, avrai la possibilità di aggiungere la copertura annullamento al tuo viaggio. Con Traghetti Italia puoi consultare gli orari dei traghetti e confrontare le navi, i prezzi e le partenze di tutte le compagnie di navigazione, assicurarti il posto e le offerte migliori, evitando lunghe code e attese ai porti! BIGLIETTERIA TRAGHETTI E NAVI VELOCI PER TUTTE LE DESTINAZIONI Navigando nella nostra biglietteria traghetti on line troverai una vasta scelta di partenze per le destinazioni costiere del Mediterraneo e potrai prenotare i traghetti per la Spagna, la Grecia, la Croazia, la Tunisia, il Marocco e l’Algeria. Oltre a queste destinazioni potrai trovare tutti i collegamenti per le isole maggiori e minori e scegliere fra traghetti e aliscafi per la Sicilia, la Sardegna, le Isole Eolie, le Isole Tremiti, le Isole Pontine, Capri, Ischia, l'Isola d'Elba, la Corsica, Malta e altro ancora. Puoi scegliere tra varie forme di pagamento: bonifico bancario, bollettino postale, paypal o carta di credito, e il biglietto ti verrà inviato tramite e-mail o direttamente al tuo domicilio. Preventivo gruppi e autobus Preventivo trasporto merci COSA DITE DI NOI Voto Medio 4.87 basato su 27255 recensioni Giancarlo Aprile 2024 Ottimo Michele Aprile 2023 Motore di ricerca ben strutturato, affidabile, int... vedi tutto Daniele Luglio 2022 intuitivo veloce e ben dettagliato sandro Luglio 2022 Intuito veloce e dettagliato al momento tutto ok omar Giugno 2022 Semplice e chiaro VEDI TUTTE TUTTE LE COMPAGNIE PER L'ITALIA Chi siamo Condizioni Lavora con noi Sitemap Il sito è gestito da: Prenotazioni 24 s.r.l - Sede legale: Via Casa del Duca 1, 57037 Portoferraio (LI) Autoriz. Amministrativa della Prov. di Livorno n° 1819 del 16/01/2006 - C.C.I.A.A. Livorno n° 134101/05 - P.IVA 01512130491 Su questo sito usiamo cookie tecnici, analitici e, previo tuo consenso, di profilazione provenienti da partner selezionati. Cliccando "Accetta" acconsenti di ricevere tutti i cookie di marketing. Cliccando su "Rifiuto", non inseriremo alcun cookie di marketing. Se vuoi maggiori informazioni sul funzionamento dei cookie attivi sul sito clicca qui. ACCETTO RIFIUTO INSERISCI IL TUO INDIRIZZO EMAIL E LA PASSWORD Username e/o password errate Email Password Hai dimenticato la password?