www.promet.si
Open in
urlscan Pro
91.199.23.14
Public Scan
Submitted URL: http://promet.si/portal/map/portal.aspx?lng=EN
Effective URL: https://www.promet.si/en
Submission: On December 12 via api from AU — Scanned from AU
Effective URL: https://www.promet.si/en
Submission: On December 12 via api from AU — Scanned from AU
Form analysis 1 forms found in the DOM
POST https://www.promet.si/en
<form method="post" action="https://www.promet.si/en" id="aspnetForm" class="main-form">
<div class="aspNetHidden">
<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="">
<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="">
<input type="hidden" name="__VIEWSTATEFIELDCOUNT" id="__VIEWSTATEFIELDCOUNT" value="2">
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE"
value="CxSbocrBT7yEQtaYOdp7pNdDACztLIIEDQvAG62w/RJPXIjZ80LwzosQB5D4YWymKuOJk8Bhbel71tB4pcdh4JehQ4fAxl4q2MY7nlmMW1jLnniT79pNwxpROd6c61qqr+HYjnWStHKRGIo75Gp9p6wriTyHuYGQk8RnPObrkcF7ZwqSsOVeY6VWWYon5Ov6k33w1+hQwPkEbQLGNONa5q5Gawqu3lFANfpFfZ2o1/WGOa1uZgg02PcYR2AzlI4sXlXDcNFrpSg1bILreUOditZIw5c2Qa3PEuGoBoWZ23Xi+Ohi1Ke/PI/l1EakxcOsdVSEqVQ5vBwsB5ap51LAfDSP+zIuiA033NwRVv2xOF7dGTXQVfE/TaC8Db/MnNASvAMKZ12YVvoOm/Xu5u9SUxIFsxW9PGBO4+5pP9/I0Deh4a8LR1BU7v29zfw97c7hhWp1EK9Exm9qXJvxBPEtVD7WZ3/nj853IQQIPBNnvcbvJXaJXxDx">
<input type="hidden" name="__VIEWSTATE1" id="__VIEWSTATE1"
value="d7CrcGY5yG3jSHqOxGtEIiWwxuQW22pLw/RcbkRXeooVDkgOLwAyUr7o6MkOkv9oeuC9TDlm3GRqzLUXcC3V/22/B9vXjxKwqi0Kq++Mg7d13tM7O/15sDTf4RYPasn/gKknrX9e9cMUDyG02Zi2OfLnANHFA0CblqH83gl577mz2CLGCoi4O0YNCg3o5Gg7tVnxHvW8+Lb74kkMhlglgmkNcI7PiIYIslU7vk/yOx+BAZb5GBtqGE++RMImKnytWAX92EdTp7Kw1QS6rw==">
</div>
<script type="text/javascript">
//<![CDATA[
var theForm = document.forms['aspnetForm'];
if (!theForm) {
theForm = document.aspnetForm;
}
function __doPostBack(eventTarget, eventArgument) {
if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
theForm.__EVENTTARGET.value = eventTarget;
theForm.__EVENTARGUMENT.value = eventArgument;
theForm.submit();
}
}
//]]>
</script>
<script src="/Data/Sites/3/skins/framework/js/jquery-ui-1.13.2.min.js" type="text/javascript"></script>
<script src="/ScriptResource.axd?d=1uuTuVt_YH_boP0hBkgmbYRsbT_VzvNPHu2FJ6ZMMsttXlSfqhNK-Feu1kugXD6HLGkM9WRKZ7E7uGHBXCDBRZnFRNXPo9_GFE1V6UMbap7Tqz6AyjIA5GYx3V-L-ZxtX-VHAw2" type="text/javascript"></script>
<script src="//ajax.aspnetcdn.com/ajax/4.5/6/WebFormsBundle.js" type="text/javascript"></script>
<script src="//ajax.aspnetcdn.com/ajax/4.5/6/MsAjaxBundle.js" type="text/javascript"></script>
<div class="aspNetHidden">
<input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="CA0B0334">
<input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="mGmc6kaMF/n7oLzrvQSyxFDCYHzU/8Kio/OKFIr/jSPvxrg5sCBGKKQvovyz0bWoyhIEcszBwFgedRhZKsujpu47l4myIzkQSP4cyjmeaihsSjHj">
</div>
<script type="text/javascript">
//<![CDATA[
Sys.WebForms.PageRequestManager._initialize('ctl00$ScriptManager1', 'aspnetForm', [], [], [], 90, 'ctl00');
//]]>
</script>
<!--[if lt IE 9]>
<div class="alert alert-warning alert-dismissible alert-browser" role="alert">
<div class="container">
<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>
<strong><span class="fa fa-exclamation-triangle fa-fw"></span> Attention!</strong> Your browser is <strong>out-dated.</strong> Please upgrade to a different browser. Go to <a class="alert-link" href="http://browsehappy.com/" target="_blank" title="Online. Worry-free. Upgrade your browser today!">BrowseHappy.com</a> to learn about better and safer browsing.<br>
<strong><span class="fa fa-info-circle fa-fw"></span> NOTE:</strong> If you are seeing this message in IE 9-11 please turn off IE Compatibility View to experience this site to the fullest extent!
</div>
</div>
<![endif]-->
<script>
var hideAdminDrawerInitially = true;
</script>
<div id="page-container">
<div class="sitewrap">
<header class="head" role="banner">
<div class="fixed-top" data-toggle="affix">
<!-- first navbar -->
<div class="navbar bg-white p-0 mb-0 border-0" id="first">
<div class="navbar-brand navbar-prometsi-gradient flex-grow-1 d-flex align-items-center text-white py-2 promet-ps h-100" style="max-width: 75%;">
<div id="page-infologo-cont" class="navbar-info d-none d-lg-flex align-items-center" style="display:flex !important">
<img class="me-2" alt="PIC_logo" src="/assets/icons/pic_white.svg" style="width: 24px !important; height: 24px !important;">
<span class="my-1 promet-si-header-1970">1970</span>
</div>
</div>
<div class="ms-auto me-3 d-flex align-items-center promet-pe no-right-margin">
<div class="me-3 navbar-promet-container align-items-center">
<a href="https://www.lju-airport.si/" target="_blank" rel="noopener noreferrer"><img alt="air traffic" src="/assets/icons/plane.svg" style="width: 20px; height: 20px;" class="me-2"></a>
<a href="https://potniski.sz.si/en/" target="_blank" rel="noopener noreferrer"><img alt="railway traffic" src="/assets/icons/train.svg" style="width: 14px; height: 14px;" class="me-2"></a>
<a href="/en/traffic-bus"><img alt="bus traffic" src="/assets/icons/bus_black.svg" style="width: 20px; height: 20px;" class="me-2"></a>
<a href="/en/traffic-bike"><img alt="bicycle traffic" src="/assets/icons/bicycle.svg" style="width: 20px; height: 20px;" class="me-2"></a>
</div>
<!-- moj profil -->
<div class="dropdown" style="margin-left: 20px; margin-right: 20px;">
<button class="dropdown-toggle px-3 py-1 d-flex align-items-center" type="button" id="moj-profil-dropdown" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<img alt="user" src="/assets/icons/user_muted.svg" style="width: 15px; height: 15px;" class="d-flex d-md-none">
<div class="d-none d-md-flex"> My profile </div>
</button>
<div class="dropdown-menu moj-profil-dropdown-menu dropdown-no-hover bg-hover-dblue py-4" style="transform: translateX(-76px);" aria-labelledby="moj-profil-dropdown">
<a class="dropdown-item moj-profil-item" href="/en/favourites">
<div class="card moj-profil-card">
<div class="card-body">
<div class="d-flex align-items-center text-primary text-uppercase">
<img alt="my favorites" class="moj-profil-card-icon" src="/assets/icons/priljubljene_dblue.svg" style="width: 20px !important; height: 20px !important;">
<div>
FAVOURITES
</div>
</div>
</div>
</div>
</a>
<a class="dropdown-item moj-profil-item user-logout-item" href="/en/user" style="display: none;">
<div class="card moj-profil-card">
<div class="card-body">
<div class="d-flex align-items-center text-primary text-uppercase">
<img alt="user settings" class="moj-profil-card-icon" src="/assets/icons/nastavitve_dblue.svg" style="width: 20px !important; height: 20px !important;">
<div>
USER SETTINGS
</div>
</div>
</div>
</div>
</a>
<a class="dropdown-item moj-profil-item user-logout-item" href="/en/notifications" style="display: none;">
<div class="card moj-profil-card">
<div class="card-body">
<div class="d-flex align-items-center text-primary text-uppercase">
<img alt="notifications" class="moj-profil-card-icon" src="/assets/icons/obvescanje_dblue.svg" style="width: 20px !important; height: 20px !important;">
<div>
NOTIFICATIONS
</div>
</div>
</div>
</div>
</a>
<a class="dropdown-item moj-profil-item user-login-item" href="/en/login">
<div class="card moj-profil-card moj-profil-card-prijava">
<div class="card-body d-flex align-items-center justify-content-center text-white text-uppercase">
<div>
LOGIN
</div>
</div>
</div>
</a>
<a class="dropdown-item moj-profil-item user-logout-item" href="/en/login?logout=true" style="display: none;">
<div class="card moj-profil-card moj-profil-card-odjava">
<div class="card-body d-flex align-items-center justify-content-center text-white text-uppercase">
<div>
LOGOUT
</div>
</div>
</div>
</a>
</div>
</div>
<!-- jezik -->
<div style="position:relative; display:none;" id="language_tooltip_speechbubble">
<p id="language_tooltip_speechbubble_msg" class="speachbubble" style="display:none"></p>
<style>
p.speachbubble {
position: absolute;
max-width: 200px;
width: 200px;
top: 25px;
right: -60px;
background-color: #fff;
padding: 10px;
font-size: 12px;
border-radius: 1rem;
box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, .3), 0 0.0625rem 0.125rem rgba(0, 0, 0, .2);
z-index: 9999;
opacity: 1;
}
p.speachbubble::before {
content: '';
position: absolute;
width: 0;
height: 0;
bottom: 100%;
right: 25px;
border: 0.75rem solid transparent;
border-top: none;
border-bottom-color: #fff;
filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, .2));
}
p.speachbubble.fadeout {
transition: opacity 1s;
opacity: 0;
}
</style>
</div>
<div class="me-4">
<div class="dropdown">
<script>
var GlobalSelectedLanguage = 'en';
</script><button class="btn btn-secondary dropdown-toggle dropdown-toggle-lang" style="line-height:1px;" type="button" id="dropdown-lang" data-bs-toggle="dropdown" aria-expanded="false" aria-label="language"><span
id="current-lng-flag-el" class="language-icon" title="English"
style="background-image:url(/assets/icons/en.svg); background-size:auto; background-position:50%; background-repeat:no-repeat; position:relative; display:inline-block; width:24px; height:20px; line-height:1em;"></span></button>
<ul class="dropdown-menu dropdown-menu-lang" aria-labelledby="dropdown-lang">
<li id="menu-lng-icon-cz">
<a class="dropdown-item d-flex justify-content-center align-items-center" href="/en" onclick="CentralClientLanguageModulator("cz", "en")" style="padding: .375rem .75rem;"> <span class="language-icon" id="language_icon_flag_cz" title="Čeština" style="background-image:url(.//assets/icons/cz.svg); background-size:auto; background-position:50%; background-repeat:no-repeat; position:relative; display:inline-block; width:24px; height:20px; line-height:1em; font-size:1px; color:transparent">Čeština</span> </a>
</li>
<li id="menu-lng-icon-de">
<a class="dropdown-item d-flex justify-content-center align-items-center" href="/en" onclick="CentralClientLanguageModulator("de", "en")" style="padding: .375rem .75rem;"> <span class="language-icon" id="language_icon_flag_de" title="Deutsch" style="background-image:url(.//assets/icons/de.svg); background-size:auto; background-position:50%; background-repeat:no-repeat; position:relative; display:inline-block; width:24px; height:20px; line-height:1em; font-size:1px; color:transparent">Deutsch</span> </a>
</li>
<li id="menu-lng-icon-en" style="display:none">
<a class="dropdown-item d-flex justify-content-center align-items-center" href="/en" onclick="CentralClientLanguageModulator("en", "en")" style="padding: .375rem .75rem;"> <span class="language-icon" id="language_icon_flag_en" title="English" style="background-image:url(.//assets/icons/en.svg); background-size:auto; background-position:50%; background-repeat:no-repeat; position:relative; display:inline-block; width:24px; height:20px; line-height:1em; font-size:1px; color:transparent">English</span> </a>
</li>
<li id="menu-lng-icon-fr">
<a class="dropdown-item d-flex justify-content-center align-items-center" href="/en" onclick="CentralClientLanguageModulator("fr", "en")" style="padding: .375rem .75rem;"> <span class="language-icon" id="language_icon_flag_fr" title="Français" style="background-image:url(.//assets/icons/fr.svg); background-size:auto; background-position:50%; background-repeat:no-repeat; position:relative; display:inline-block; width:24px; height:20px; line-height:1em; font-size:1px; color:transparent">Français</span> </a>
</li>
<li id="menu-lng-icon-hr">
<a class="dropdown-item d-flex justify-content-center align-items-center" href="/sl" onclick="CentralClientLanguageModulator("hr", "sl")" style="padding: .375rem .75rem;"> <span class="language-icon" id="language_icon_flag_hr" title="Hrvatski" style="background-image:url(.//assets/icons/hr.svg); background-size:auto; background-position:50%; background-repeat:no-repeat; position:relative; display:inline-block; width:24px; height:20px; line-height:1em; font-size:1px; color:transparent">Hrvatski</span> </a>
</li>
<li id="menu-lng-icon-it">
<a class="dropdown-item d-flex justify-content-center align-items-center" href="/en" onclick="CentralClientLanguageModulator("it", "en")" style="padding: .375rem .75rem;"> <span class="language-icon" id="language_icon_flag_it" title="Italiano" style="background-image:url(.//assets/icons/it.svg); background-size:auto; background-position:50%; background-repeat:no-repeat; position:relative; display:inline-block; width:24px; height:20px; line-height:1em; font-size:1px; color:transparent">Italiano</span> </a>
</li>
<li id="menu-lng-icon-hu">
<a class="dropdown-item d-flex justify-content-center align-items-center" href="/en" onclick="CentralClientLanguageModulator("hu", "en")" style="padding: .375rem .75rem;"> <span class="language-icon" id="language_icon_flag_hu" title="Magyar" style="background-image:url(.//assets/icons/hu.svg); background-size:auto; background-position:50%; background-repeat:no-repeat; position:relative; display:inline-block; width:24px; height:20px; line-height:1em; font-size:1px; color:transparent">Magyar</span> </a>
</li>
<li id="menu-lng-icon-nl">
<a class="dropdown-item d-flex justify-content-center align-items-center" href="/en" onclick="CentralClientLanguageModulator("nl", "en")" style="padding: .375rem .75rem;"> <span class="language-icon" id="language_icon_flag_nl" title="Nederlands" style="background-image:url(.//assets/icons/nl.svg); background-size:auto; background-position:50%; background-repeat:no-repeat; position:relative; display:inline-block; width:24px; height:20px; line-height:1em; font-size:1px; color:transparent">Nederlands</span> </a>
</li>
<li id="menu-lng-icon-pl">
<a class="dropdown-item d-flex justify-content-center align-items-center" href="/en" onclick="CentralClientLanguageModulator("pl", "en")" style="padding: .375rem .75rem;"> <span class="language-icon" id="language_icon_flag_pl" title="Polski" style="background-image:url(.//assets/icons/pl.svg); background-size:auto; background-position:50%; background-repeat:no-repeat; position:relative; display:inline-block; width:24px; height:20px; line-height:1em; font-size:1px; color:transparent">Polski</span> </a>
</li>
<li id="menu-lng-icon-sl">
<a class="dropdown-item d-flex justify-content-center align-items-center" href="/sl" onclick="CentralClientLanguageModulator("sl", "sl")" style="padding: .375rem .75rem;"> <span class="language-icon" id="language_icon_flag_sl" title="Slovenščina" style="background-image:url(.//assets/icons/sl.svg); background-size:auto; background-position:50%; background-repeat:no-repeat; position:relative; display:inline-block; width:24px; height:20px; line-height:1em; font-size:1px; color:transparent">Slovenščina</span> </a>
</li>
</ul>
<!-- <button class="btn btn-secondary dropdown-toggle dropdown-toggle-lang" style="line-height:1px;" type="button" id="dropdown-lang" data-bs-toggle="dropdown" aria-expanded="false" aria-label="language">
<span class="language-icon" style="background-image:url(/assets/icons/en.svg); background-size:60px; background-position:50%; background-repeat:no-repeat; position:relative; display:inline-block; width:24px; height:24px; line-height:1em;" alt="en" width="30px" height="30px"></span>
</button>
<ul class="dropdown-menu dropdown-menu-lang" aria-labelledby="dropdown-lang">
<li> {
<a class="dropdown-item d-flex justify-content-center align-items-center" href="#" style="padding: .375rem .75rem;">
<span class="language-icon" style="background-image:url(/assets/icons/en.svg); background-size:contain; background-position:50%; background-repeat:no-repeat; position:relative; display:inline-block; width:1.33333333em; line-height:1em;" alt="en" width="30px" height="30px"></span>
</a>
</li>
</ul>
-->
</div>
</div>
</div>
</div>
<nav class="navbar navbar-expand-xl navbar-dark bg-primary rounded-0 promet-pe promet-ps my-0">
<!--<nav class="navbar navbar-expand-xl navbar-dark bg-primary rounded-0 promet-pe promet-ps my-0 position-relative">-->
<!-- logo -->
<a id="page-logo-cont" style="height: 57px" class="navbar-brand text-white ps-0 d-flex align-items-center" href="/en">
<img alt="PROMET.SI_home" src="/assets/icons/promet-si-logo.svg" class="my-2" style="height: 28px !important;">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#site-menu" aria-controls="prometsi-navbar-content" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div id="container-navbar" class="container flex-children flex-stretch me-0 ms-0 ms-xl-auto">
<!--<div class="position-absolute w-100 navbar-collapse-promet-container" style="left: 0;">-->
<div class="collapse navbar-collapse fb-parent fb-row fb-j-end fb-ai-center fb-sm-66" id="site-menu">
<ul class="navbar-nav w-100 d-flex justify-content-end">
<li class="nav-item dropdown dropdown-navbar dropdown-toggle ps-3 ps-0 mb-0"><a class="nav-link text-white text-uppercase animate-underline" href="#" data-bs-toggle="dropdown" style="font-size: 20px;">Traffic forecast</a>
<ul class="dropdown-menu dropdown-menu-navbar row gy-4 gx-5 pb-5 pt-3 promet-ps promet-pe">
<li class="col-lg-3 col-md-6 col-sm-12"><a class="nav-link text-uppercase animate-underline card d-flex navbar-promet-card fs-18px" href="/en/traffic-calendar">Traffic calendar</a></li>
</ul>
</li>
<li class="nav-item dropdown dropdown-navbar dropdown-toggle ps-3 ps-0 mb-0"><a class="nav-link text-white text-uppercase animate-underline" href="#" data-bs-toggle="dropdown" style="font-size: 20px;">Freight traffic</a>
<ul class="dropdown-menu dropdown-menu-navbar row gy-4 gx-5 pb-5 pt-3 promet-ps promet-pe">
<li class="col-lg-3 col-md-6 col-sm-12"><a class="nav-link text-uppercase animate-underline card d-flex navbar-promet-card fs-18px" href="/en/general-limitations">General limitations</a>
<ul class="dropdown-menu dropdown-menu-navbar row gy-4 gx-5 pb-5 pt-3 promet-ps promet-pe">
<li class="col-lg-3 col-md-6 col-sm-12"><a class="nav-link text-uppercase animate-underline card d-flex navbar-promet-card fs-18px" href="/en/list-of-roads-with-limitation-in-force">List of roads with limitation in force</a>
</li>
</ul>
</li>
<li class="col-lg-3 col-md-6 col-sm-12"><a class="nav-link text-uppercase animate-underline card d-flex navbar-promet-card fs-18px" href="/en/special-transport">Special transport</a></li>
</ul>
</li>
<li class="nav-item dropdown dropdown-navbar dropdown-toggle ps-3 ps-0 mb-0"><a class="nav-link text-white text-uppercase animate-underline" href="#" data-bs-toggle="dropdown" style="font-size: 20px;">Detailed information</a>
<ul class="dropdown-menu dropdown-menu-navbar row gy-4 gx-5 pb-5 pt-3 promet-ps promet-pe">
<li class="col-lg-3 col-md-6 col-sm-12"><a class="nav-link text-uppercase animate-underline card d-flex navbar-promet-card fs-18px" href="/en/cameras">Cameras</a></li>
<li class="col-lg-3 col-md-6 col-sm-12"><a class="nav-link text-uppercase animate-underline card d-flex navbar-promet-card fs-18px" href="/en/traffic-incidents">Traffic incidents</a></li>
<li class="col-lg-3 col-md-6 col-sm-12"><a class="nav-link text-uppercase animate-underline card d-flex navbar-promet-card fs-18px" href="/en/current-roadworks">Roadworks</a></li>
<li class="col-lg-3 col-md-6 col-sm-12"><a class="nav-link text-uppercase animate-underline card d-flex navbar-promet-card fs-18px" href="/en/travel-times">Travel times</a></li>
<li class="col-lg-3 col-md-6 col-sm-12"><a class="nav-link text-uppercase animate-underline card d-flex navbar-promet-card fs-18px" href="/en/rest-areas">Rest areas</a></li>
<li class="col-lg-3 col-md-6 col-sm-12"><a class="nav-link text-uppercase animate-underline card d-flex navbar-promet-card fs-18px" href="/en/counters">Counters</a></li>
<li class="col-lg-3 col-md-6 col-sm-12"><a class="nav-link text-uppercase animate-underline card d-flex navbar-promet-card fs-18px" href="/en/burja-wind">Bora wind</a></li>
<li class="col-lg-3 col-md-6 col-sm-12"><a class="nav-link text-uppercase animate-underline card d-flex navbar-promet-card fs-18px" href="/en/vignettes">E-vignettes</a></li>
<li class="col-lg-3 col-md-6 col-sm-12"><a class="nav-link text-uppercase animate-underline card d-flex navbar-promet-card fs-18px" href="/en/mangart">Road to Mangart</a></li>
<li class="col-lg-3 col-md-6 col-sm-12"><a class="nav-link text-uppercase animate-underline card d-flex navbar-promet-card fs-18px" href="/en/map">Map</a></li>
</ul>
</li>
<li class="nav-item dropdown dropdown-navbar dropdown-toggle no-caret ps-3 ps-0 mb-0">
<a class="nav-link text-white text-uppercase animate-underline" style="font-size: 20px" href="/en/news-archive">News</a>
</li>
</ul>
</div>
<script>
// fix dropdowns
const menu = $('#site-menu');
const navItem = menu.find('.nav-item');
navItem.each(function() {
const a = $(this).find('a.nav-link').eq(0);
// a.attr('type', 'button');
a.attr('data-bs-toggle', 'dropdown');
a.css('font-size', '20px');
//a.removeAttr('href');
a.attr('href', '#');
// apply classes to child elements
const dropdown = $(this).find('.dropdown-menu').eq(0).find('a.nav-link').each(function() {
const el = $(this);
el.removeClass('text-white');
el.addClass('card d-flex text-uppercase navbar-promet-card fs-18px');
});
});
// novice template
const template = `
<a class="nav-link text-white text-uppercase animate-underline" style="font-size: 20px" href="/en/news-archive">News</a>
`;
const novice = document.createElement('li');
novice.className = "nav-item dropdown dropdown-navbar dropdown-toggle no-caret ps-3 ps-0 mb-0";
novice.innerHTML = template;
const container = document.getElementById('site-menu');
container.children[0].appendChild(novice);
</script>
<script>
const options = {
attributes: true
};
const callback = function(mutList, observer) {
for (const mutation of mutList) { // Use traditional 'for loops' for IE 11
if (mutation.type === 'attributes' && mutation.attributeName == "class") {
var el = mutation.target;
if (el.classList.contains("show")) el.parentNode.classList.add("active")
else el.parentNode.classList.remove("active");
//console.log('The ' + mutation.attributeName + ' attribute was modified.');
}
}
};
var dropList = document.querySelectorAll('#site-menu > .navbar-nav > .nav-item > .nav-link'); //document.getElementById("site-menu").getElementsByClassName("nav-link");
for (var f = 0; f < dropList.length; f++) {
var a = dropList[f];
var observer = new MutationObserver(callback);
observer.observe(a, options);
}
//const menu = $('#site-menu'); //ga že imamo od prej više zgoraj
//const navItem = menu.find('.nav-item');
//navItem.each(function() {
// const a = $(this).find('a.nav-link').eq(0);
//
// const observer = new MutationObserver(callback);
// observer._myObserverElement=a;
// observer.observe(a, options);
//});
</script>
</div>
</nav>
</div>
</header>
<div id="language_warning_banner" style="display:none" class="pt-3">
<div id="language_warning_banner_msg" class="alert alert-warning text-center" role="alert"></div>
</div>
<script>
var lngBannerMsg = {
pl: "Wybrany język jest obsługiwany tylko w przypadku treści mapy na stronie głównej tej witryny. Pozostałe treści są wyświetlane w języku angielskim.",
cz: "Zvolený jazyk je podporován pouze pro obsah mapy na hlavní stránce tohoto webu. Ostatní obsah je zobrazen v angličtině.",
nl: "De geselecteerde taal wordt alleen ondersteund voor de kaartinhoud op de hoofdpagina van deze website. Andere inhoud wordt in het Engels weergegeven.",
fr: "La langue sélectionnée n'est prise en charge que pour le contenu de la carte sur la page principale de ce site Web. Le reste du contenu est en anglais.",
hr: "Odabrani jezik podržan je samo za sadržaj karte na glavnoj stranici ovoga mrežnog mjesta. Ostali sadržaj prikazan je na slovenskom jeziku.",
de: "Die ausgewählte Sprache wird nur für den Karteninhalt auf der Hauptseite dieser Website unterstützt. Der Rest des Inhalts wird auf Englisch angezeigt.",
hu: "A kiválasztott nyelv csak a honlap főoldalán található térképnél támogatott. Minden más tartalom angol nyelvű.",
it: "La lingua selezionata è supportata solo per il contenuto della mappa nella pagina principale del sito web. Il resto del contenuto viene visualizzato in inglese."
}
var str;
if (window.sessionStorage) str = window.sessionStorage.getItem("CentralClientLanguageModulator");
if (str > '') {
var json = JSON.parse(str);
if (json && json.lng && json.modLng && json.lng != json.modLng && json.modLng == GlobalSelectedLanguage) {
var flagEl = document.getElementById("current-lng-flag-el");
if (flagEl) {
var stl = flagEl.style.backgroundImage;
stl = stl.replace("/" + json.modLng + ".svg", "/" + json.lng + ".svg");
flagEl.style.backgroundImage = stl;
var flagIcon = document.getElementById("language_icon_flag_" + json.lng);
if (flagIcon) flagEl.title = flagIcon.title;
}
var modFlagEl = document.getElementById("menu-lng-icon-" + json.modLng);
if (modFlagEl) modFlagEl.style.display = "";
var flagEl = document.getElementById("menu-lng-icon-" + json.lng);
if (flagEl) flagEl.style.display = "none";
var bannerDiv = document.getElementById("language_warning_banner");
var bannerDivMsg = document.getElementById("language_warning_banner_msg");
if (bannerDiv && bannerDivMsg) {
bannerDivMsg.innerHTML = lngBannerMsg[json.lng];
bannerDiv.style.display = "";
}
//var bubbleDiv = document.getElementById("language_tooltip_speechbubble");
//var bubbleDivMsg = document.getElementById("language_tooltip_speechbubble_msg");
//if(bubbleDiv && bubbleDivMsg)
//{
// bubbleDivMsg.innerHTML=lngBannerMsg[json.lng];
// bubbleDiv.style.display="";
// var f=function(){
// bubbleDiv.getElementsByClassName("speachbubble")[0].classList.add("fadeout");
// };
// document.body.addEventListener("mousedown", f);
// setTimeout(f, 9000);
//}
} else {
window.sessionStorage.removeItem("CentralClientLanguageModulator");
}
}
function CentralClientLanguageModulator(lng, modLng) {
if (window.sessionStorage) window.sessionStorage.setItem("CentralClientLanguageModulator", JSON.stringify({
lng: lng,
modLng: modLng
}));
}
</script>
<main id="main" class="main-content promet-ps promet-pe">
<div class="container">
<!---->
<div id="ctl00_divLeft" class="left-center cmszone left-pane col-md-3 clearfix">
<div class="outerwrap mt-4">
<div class="panelwrapper flexi">
<div class="outerbody">
<div class="modulecontent">
<div id="module304" data-contentsection="Kartica">
<div id="kartica-solution-304" class="row g-5 mt-0 mb-5 mb-md-0">
<div class="col-12 ">
<div class="card shadow-sm ">
<div class="card-header bg-primary text-white fs-24px fw-lighter ">
<div class="d-flex px-4 pt-2 w-100">
<a id="title-link-291" class="text-white animate-underline" href="/en/current-forecast">Important...</a>
<div id="promet-card-header-right-value-0" class="ms-auto mt-auto text-right"></div>
</div>
</div>
<div class="card-body ">
<div>
<p>Please note that vehicles must be cleared of ice before driving. Pieces of ice falling from vehicles while driving can damage pedestrians, other vehicles and other road users.</p>
<p> </p>
</div>
</div>
</div>
</div>
<script>
const anchor = document.getElementById("title-link-291");
const link = GetDictValue("aktualnaNapovedLink", prometGetLanguage());
anchor.setAttribute('href', link);
</script>
<div class="col-12 ">
<div class="card shadow-sm ">
<div class="card-header bg-primary text-white fs-24px fw-lighter ">
<div class="d-flex px-4 pt-2 w-100">
<a id="title-link-371" class="text-white animate-underline">Vignette system in Slovenia</a>
<div id="promet-card-header-right-value-1" class="ms-auto mt-auto text-right"></div>
</div>
</div>
<div class="card-body ">
<div>
<p>
<a href="https://www.dars.si/TOLLING"><img alt="" src="data:image/png;base64,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"></a>
</p>
</div>
</div>
</div>
</div>
<script>
const anchor = document.getElementById("title-link-371");
const link = GetDictValue("aktualnaNapovedLink", prometGetLanguage());
anchor.setAttribute('href', link);
</script>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="ctl00_divCenter" class="col-md-9 center-left center-pane clearfix">
<div class="outerwrap">
<div class="panelwrapper flexi">
<div class="outerbody">
<div class="modulecontent">
<div id="module108" data-contentsection="Zemljevid">
<div id="zemljevid-solution-108">
<div class="">
<!--<div class="mb-5">
</div>-->
<div class="rounded shadow m-md-4 m-sm-0" style="height: 33vh; min-height: 500px !important;">
<div id="front-page-map" style-url="/assets/map/vector-hybrid.en.mb-style.json" class="w-100 h-100 maplibregl-map">
<div class="maplibregl-canvas-container maplibregl-interactive maplibregl-touch-drag-pan maplibregl-touch-zoom-rotate"><canvas class="maplibregl-canvas" tabindex="0" aria-label="Map" role="region" width="935"
height="500" style="width: 935px; height: 500px;"></canvas></div>
<div class="rm2-mobile-overlay d-md-none align-items-center justify-content-center d-flex" style="position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 1000; cursor: pointer;"><span
class="rm2-mobile-overlay-text">Click to view</span></div>
<div class="maplibregl-control-container">
<div class="maplibregl-ctrl-top-left ">
<div class="maplibregl-ctrl maplibregl-ctrl-group">
<div>
<div class="promet-si-search-container animate-left rounded bg-white position-absolute" style="width: 300px; left: 10px;">
<div class="d-inline-flex align-items-center w-100 h-100">
<!-- menu button -->
<div id="menu-button" class="px-2 cursor-pointer">
<svg height="20px" width="40px" viewBox="0 -53 384 384" xmlns="http://www.w3.org/2000/svg">
<path fill="#80828b" d="m368 154.667969h-352c-8.832031 0-16-7.167969-16-16s7.167969-16 16-16h352c8.832031 0 16 7.167969 16 16s-7.167969 16-16 16zm0 0"></path>
<path fill="#80828b" d="m368 32h-352c-8.832031 0-16-7.167969-16-16s7.167969-16 16-16h352c8.832031 0 16 7.167969 16 16s-7.167969 16-16 16zm0 0"></path>
<path fill="#80828b" d="m368 277.332031h-352c-8.832031 0-16-7.167969-16-16s7.167969-16 16-16h352c8.832031 0 16 7.167969 16 16s-7.167969 16-16 16zm0 0"></path>
</svg>
</div>
<!-- search entry -->
<div class="form-group m-0 flex-grow-1">
<input id="search-input" class="form-control" data-i18n="[placeholder]rmap.rm.routing.search-placeholder" aria-label="Search" style="font-size: 16px;">
<label for="search-input" class="d-none">Search</label>
</div>
<!-- routing button -->
<div id="routing-button" class="px-2 cursor-pointer">
<svg version="1.1" width="32px" height="32px" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;"
xml:space="preserve">
<path fill="#0F3C8F"
d="M502.6,233.3L278.7,9.4c-12.5-12.5-32.8-12.5-45.4,0L9.4,233.3c-12.5,12.5-12.5,32.8,0,45.4l223.9,223.9c12.5,12.5,32.8,12.5,45.4,0l223.9-223.9C515.1,266.1,515.1,245.8,502.6,233.3L502.6,233.3z M401.6,245.9l-84.2,77.7c-5.1,4.7-13.4,1.1-13.4-5.9V264h-96v64c0,4.4-3.6,8-8,8h-32c-4.4,0-8-3.6-8-8v-80c0-17.7,14.3-32,32-32h112v-53.7c0-7,8.3-10.6,13.4-5.9l84.2,77.7C405.1,237.3,405.1,242.7,401.6,245.9L401.6,245.9z">
</path>
</svg>
</div>
</div>
<div class="animate-max-height animate-left shadow-sm" style="margin: 7px -7px 0px; max-height: 0px;"></div>
</div>
<div class="position-absolute" style="box-shadow: none; display: none; height: 500px;">
<div class="rm2-meteo-weather-bg"><span></span></div>
</div>
<div class="position-absolute animate-opacity promet-si-routing d-flex flex-column" style="visibility: hidden; height: 500px; width: 430px;">
<div>
<div class="bg-primary pb-1 promet-si-routing-header">
<div class="d-flex justify-content-end">
<div id="hide-button" class="d-flex align-items-center justify-content-center rounded-circle bg-red cursor-pointer icon-32">
<img alt="close" src="assets/icons/close_white.svg" width="20px" height="20px"> <!-- close -->
</div>
</div>
<div style="margin-top: 13px;">
<div class="row promet-si-routing-item">
<!-- icon -->
<div class="col-1 d-flex align-items-center justify-content-center">
<div class="position-relative d-flex justify-content-center h-100">
<div class="d-flex align-items-center w-100">
<img src="assets/icons/routing_marker_start.svg" alt="lokacija" style="width: 32px !important; height: 32px !important;">
</div>
<!-- med lokacijami -->
<div class="position-absolute mt-1 d-flex align-items-center w-100" style="top: 50%; height: 100%">
<img alt="between" src="assets/icons/routing_between.svg" width="32px" height="32px">
</div>
</div>
</div>
<!-- input -->
<div class="col-10 d-flex align-items-center">
<div class="input-group w-100 m-0">
<input id="input-input-1" name="input-1" class="form-control border-right-0 promet-si-routing-item-input" data-i18n="[placeholder]rmap.rm.routing.search-placeholder" placeholder="Search ...">
<!-- my location -->
<div class="input-group-append bg-white promet-si-routing-item-input-my-loc">
<div id="my-loc-input-1" class="d-flex align-items-center justify-content-center h-100 px-2">
<img alt="myloc" src="assets/icons/crosshair_dblue.svg" width="20px" height="20px">
</div>
</div>
<!-- clear input -->
<div class="input-group-append bg-white promet-si-routing-item-input-clear">
<div id="remove-input-1" class="d-flex align-items-center justify-content-center h-100 px-2">
<img alt="clear" src="assets/icons/close_dblue.svg" width="20px" height="20px">
</div>
</div>
</div>
</div>
<!-- swap locations -->
<div class="col-1 d-flex position-relative flex-row align-items-center">
<button id="swap-input-1" name="input-1" class="btn btn-link btn-no-underline p-0 text-white position-absolute mt-2 d-flex align-items-center" style="top: 50%; height: 100%">
<img alt="swap" src="assets/icons/routing_swap.svg" width="20px" height="20px">
</button>
</div>
</div>
<div class="row promet-si-routing-item">
<!-- icon -->
<div class="col-1 d-flex align-items-center justify-content-center">
<div class="position-relative d-flex justify-content-center h-100">
<div class="d-flex align-items-center w-100">
<img src="assets/icons/routing_marker_end.svg" alt="lokacija" style="width: 32px !important; height: 32px !important;">
</div>
<!-- med lokacijami -->
</div>
</div>
<!-- input -->
<div class="col-10 d-flex align-items-center">
<div class="input-group w-100 m-0">
<input id="input-input-2" name="input-2" class="form-control border-right-0 promet-si-routing-item-input" data-i18n="[placeholder]rmap.rm.routing.search-placeholder" placeholder="Search ...">
<!-- my location -->
<div class="input-group-append bg-white promet-si-routing-item-input-my-loc">
<div id="my-loc-input-2" class="d-flex align-items-center justify-content-center h-100 px-2">
<img alt="myloc" src="assets/icons/crosshair_dblue.svg" width="20px" height="20px">
</div>
</div>
<!-- clear input -->
<div class="input-group-append bg-white promet-si-routing-item-input-clear">
<div id="remove-input-2" class="d-flex align-items-center justify-content-center h-100 px-2">
<img alt="clear" src="assets/icons/close_dblue.svg" width="20px" height="20px">
</div>
</div>
</div>
</div>
<!-- swap locations -->
</div>
<!-- dodaj novo lokacijo -->
<div class="row promet-si-routing-add-item">
<div class="col-1"></div>
<div class="col-11">
<div id="add-location-button" class="text-white d-flex align-items-center" style="cursor: pointer;">
<img alt="add" src="assets/icons/routing_add.svg" width="32px" height="32px">
<span class="ms-2 fs-16px text-lowercase" data-i18n="rmap.rm.routing.add-via-point">Add via point</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="position-relative h-100 flex-grow-1" style="max-height: 500px;">
<div class="position-relative bg h-100" style="overflow-y: auto; max-height: 500px;"></div>
<div class="animate-max-height border border-top-0 rounded-bottom shadow-sm" style="z-index: 10; left: 0px; right: 0px; top: 0px; position: absolute; max-height: 0px;"></div>
</div>
</div>
<div class="bg position-absolute animate-left promet-si-legend" visible="false" style="width: 300px; left: calc(-310px); height: 500px;">
<div class="d-flex flex-column h-100">
<div class="bg-primary px-2 pb-2 d-flex align-items-end promet-si-legend-header">
<button id="hide-legend-button" style="background: transparent;" type="button" class="d-flex align-items-center border-0 w-100 ps-5 mb-3">
<div class="d-flex align-items-center">
<svg xmlns="http://www.w3.org/2000/svg" width="70px" height="24px" fill="white" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M8.354 1.646a.5.5 0 0 1 0 .708L2.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z"></path>
<path fill-rule="evenodd" d="M12.354 1.646a.5.5 0 0 1 0 .708L6.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z"></path>
</svg>
<span class="ms-3 text-white text-lowercase fs-28px" data-i18n="promet-si.legend.title">layers</span>
</div>
</button>
</div>
<div id="legend-body" class="flex-grow-1" style="overflow-y: auto; max-height: 440px;">
<div class="py-4">
<!-- checkbox layerji -->
<div class="px-4 promet-si-legend-item bg-selected">
<div class="form-check py-2">
<input class="form-check-input" type="checkbox" id="checkbox-group.prometsi.fcd" name="group.prometsi.fcd">
<label class="form-check-label text-lowercase" for="checkbox-group.prometsi.fcd">
<img src="/assets/icons/car.svg" class="promet-si-legend-icon" alt="layer icon" width="25px" height="25px">
<span data-i18n="rmap.layers.prometsi.fcd">Traffic</span>
</label>
</div>
</div>
<!-- checkbox layerji -->
<div class="px-4 promet-si-legend-item bg-selected">
<div class="form-check py-2">
<input class="form-check-input" type="checkbox" id="checkbox-group.prometsi.dogodki" name="group.prometsi.dogodki">
<label class="form-check-label text-lowercase" for="checkbox-group.prometsi.dogodki">
<img src="/assets/icons/legend_dogodki.svg" class="promet-si-legend-icon" alt="layer icon" width="25px" height="25px">
<span data-i18n="rmap.layers.prometsi.dogodki">Traffic incidents</span>
</label>
</div>
</div>
<!-- checkbox layerji -->
<div class="px-4 promet-si-legend-item">
<div class="form-check py-2">
<input class="form-check-input" type="checkbox" id="checkbox-group.prometsi.delo" name="group.prometsi.delo">
<label class="form-check-label text-lowercase" for="checkbox-group.prometsi.delo">
<img src="/assets/icons/legend_delo.svg" class="promet-si-legend-icon" alt="layer icon" width="25px" height="25px">
<span data-i18n="rmap.layers.prometsi.delo">Roadworks</span>
</label>
</div>
</div>
<!-- checkbox layerji -->
<div class="px-4 promet-si-legend-item bg-selected">
<div class="form-check py-2">
<input class="form-check-input" type="checkbox" id="checkbox-group.prometsi.ujma23" name="group.prometsi.ujma23">
<label class="form-check-label text-lowercase" for="checkbox-group.prometsi.ujma23">
<img src="/assets/icons/legend_dogodki.svg" class="promet-si-legend-icon" alt="layer icon" width="25px" height="25px">
<span data-i18n="rmap.layers.prometsi.ujma23">Floods2023</span>
</label>
</div>
</div>
<!-- checkbox layerji -->
<div class="px-4 promet-si-legend-item">
<div class="form-check py-2">
<input class="form-check-input" type="checkbox" id="checkbox-group.prometsi.kamere" name="group.prometsi.kamere">
<label class="form-check-label text-lowercase" for="checkbox-group.prometsi.kamere">
<img src="/assets/icons/legend_kamere.svg" class="promet-si-legend-icon" alt="layer icon" width="25px" height="25px">
<span data-i18n="rmap.layers.prometsi.kamere">Cameras</span>
</label>
</div>
</div>
<!-- checkbox layerji -->
<div class="px-4 promet-si-legend-item">
<div class="form-check py-2">
<input class="form-check-input" type="checkbox" id="checkbox-group.prometsi.vremenska-slika" name="group.prometsi.vremenska-slika">
<label class="form-check-label text-lowercase" for="checkbox-group.prometsi.vremenska-slika">
<img src="assets/icons/legend_vreme_radar.svg" class="promet-si-legend-icon" alt="layer icon" width="25px" height="25px">
<span data-i18n="rmap.layers.prometsi.vremenska-slika">Rainfall (radar)</span>
</label>
</div>
</div>
<!-- checkbox layerji -->
<div class="px-4 promet-si-legend-item">
<div class="form-check py-2">
<input class="form-check-input" type="checkbox" id="checkbox-group.prometsi.vreme" name="group.prometsi.vreme">
<label class="form-check-label text-lowercase" for="checkbox-group.prometsi.vreme">
<img src="/assets/icons/legend_vreme.svg" class="promet-si-legend-icon" alt="layer icon" width="25px" height="25px">
<span data-i18n="rmap.layers.prometsi.vreme">Weather</span>
</label>
</div>
</div>
<!-- checkbox layerji -->
<div class="px-4 promet-si-legend-item">
<div class="form-check py-2">
<input class="form-check-input" type="checkbox" id="checkbox-group.prometsi.burja" name="group.prometsi.burja">
<label class="form-check-label text-lowercase" for="checkbox-group.prometsi.burja">
<img src="/assets/icons/legend_burja.svg" class="promet-si-legend-icon" alt="layer icon" width="25px" height="25px">
<span data-i18n="rmap.layers.prometsi.burja">Wind</span>
</label>
</div>
</div>
<!-- checkbox layerji -->
<div class="px-4 promet-si-legend-item">
<div class="form-check py-2">
<input class="form-check-input" type="checkbox" id="checkbox-group.prometsi.stevci" name="group.prometsi.stevci">
<label class="form-check-label text-lowercase" for="checkbox-group.prometsi.stevci">
<img src="/assets/icons/legend_stevci.svg" class="promet-si-legend-icon" alt="layer icon" width="25px" height="25px">
<span data-i18n="rmap.layers.prometsi.stevci">Traffic counters</span>
</label>
</div>
</div>
<!-- checkbox layerji -->
<div class="px-4 promet-si-legend-item">
<div class="form-check py-2">
<input class="form-check-input" type="checkbox" id="checkbox-group.prometsi.pocivalisca" name="group.prometsi.pocivalisca">
<label class="form-check-label text-lowercase" for="checkbox-group.prometsi.pocivalisca">
<img src="/assets/icons/legend_pocivalisca.svg" class="promet-si-legend-icon" alt="layer icon" width="25px" height="25px">
<span data-i18n="rmap.layers.prometsi.pocivalisca">Rest stops</span>
</label>
</div>
</div>
<!-- checkbox layerji -->
<div class="px-4 promet-si-legend-item">
<div class="form-check py-2">
<input class="form-check-input" type="checkbox" id="checkbox-group.prometsi.darsgo" name="group.prometsi.darsgo">
<label class="form-check-label text-lowercase" for="checkbox-group.prometsi.darsgo">
<img src="/assets/icons/legend_darsgo.png" class="promet-si-legend-icon" alt="layer icon" width="25px" height="25px">
<span data-i18n="rmap.layers.prometsi.darsgo">DarsGo</span>
</label>
</div>
</div>
</div>
<div class="py-4">
<!-- radio button layerji -->
<div class="px-4 promet-si-legend-item bg-selected">
<div class="form-check py-2 d-flex align-items-center">
<input class="form-check-input" type="radio" name="group.basemaps" id="radio-vector" value="vector">
<label class="form-check-label text-lowercase" for="radio-vector">
<div class="d-flex align-items-center">
<div class="border rounded mx-2">
<img src="/assets/icons/legend_vector.png" alt="layer icon" width="60px" height="40px">
</div>
<span data-i18n="rmap.layers.basemaps.vector">Vector basemap</span>
</div>
</label>
</div>
</div>
<div class="px-4 promet-si-legend-item">
<div class="form-check py-2 d-flex align-items-center">
<input class="form-check-input" type="radio" name="group.basemaps" id="radio-hybrid" value="hybrid">
<label class="form-check-label text-lowercase" for="radio-hybrid">
<div class="d-flex align-items-center">
<div class="border rounded mx-2">
<img src="/assets/icons/legend_hybrid.png" alt="layer icon" width="60px" height="40px">
</div>
<span data-i18n="rmap.layers.basemaps.hybrid">Hybrid basemap</span>
</div>
</label>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="maplibregl-ctrl-top-right "></div>
<div class="maplibregl-ctrl-bottom-left "></div>
<div class="maplibregl-ctrl-bottom-right ">
<div class="maplibregl-ctrl maplibregl-ctrl-group"><a href="/en/map"><button type="button"><span class="promet-si-expand-map-icon maplibregl-ctrl-icon"></span></button></a></div>
<div class="maplibregl-ctrl maplibregl-ctrl-group"><button class="maplibregl-ctrl-fullscreen" type="button" aria-label="Enter fullscreen" title="Enter fullscreen"><span class="maplibregl-ctrl-icon"
aria-hidden="true"></span></button></div>
<details class="maplibregl-ctrl maplibregl-ctrl-attrib maplibregl-attrib-empty" open="">
<summary class="maplibregl-ctrl-attrib-button" title="Toggle attribution" aria-label="Toggle attribution"></summary>
<div class="maplibregl-ctrl-attrib-inner"></div>
</details>
</div>
<div class="rm2-mobile-overlay-close-container align-items-center justify-content-center"
style="width: calc(100% - 140px); margin-left: 70px; margin-right: 70px; margin-bottom: 10px; pointer-events: none; position: absolute; z-index: 2; right: 0px; bottom: var(--mapControlsMargin); display: none;">
<div class="maplibregl-ctrl maplibregl-ctrl-group" style="margin-right: 0px;"><button class="rm2-mobile-overlay-close-button" style="width: inherit;">Close</button></div>
</div>
</div>
<div style="position: absolute; bottom: 0; right: 0; background-color: rgba(255, 255, 255, 0.7); color: black !important; font-size: 0.6em; padding: 1px;">© 2007-2023
<a href="https://www.realis.si" target="_blank" rel="noopener" style="color:black; text-decoration: none;">REALIS ITS</a>.
BCP/DCO/<a href="https://www.openstreetmap.org/copyright" target="_blank" rel="noopener" style="color:black; text-decoration: none; ">OpenStreetMap</a>.</div>
</div>
<script>
var str = window.sessionStorage.getItem("CentralClientLanguageModulator");
if (str > '') {
var json = JSON.parse(str);
if (json && json.lng && json.modLng) {
var styleEl = document.getElementById("front-page-map");
if (styleEl) {
var stl = styleEl.getAttribute("style-url");
stl = stl.replace("." + json.modLng + ".", "." + json.lng + ".");
styleEl.setAttribute("style-url", stl);
}
}
}
</script>
<script>
const mc = new rmap2.MapContainer("front-page-map", "front-page-map");
mc.evt_routeConstructed.subscribe(saveRoute);
</script>
</div>
<!--<div class="mt-5">
</div>-->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="outerwrap">
<div class="panelwrapper flexi">
<div class="outerbody">
<div class="modulecontent">
<div id="module253" data-contentsection="Overview">
<div id="home-page-overview-solution-253">
<div class="row g-5 mt-3">
<div class="col-12 col-xl-6">
<!-- potovalni časi -->
<div id="potovalni-casi-card-150">
<div class="card shadow-sm ">
<div class="card-header bg-primary text-white fs-24px fw-lighter ">
<div class="d-flex px-4 pt-2 w-100">
<a href="/en/travel-times" class="text-white animate-underline" data-promet-localize="casiTitle">Times to travel</a>
<div id="promet-card-header-right-value-2" class="ms-auto mt-auto text-right">at 18:15</div>
</div>
</div>
<div class="card-body ">
<!-- header -->
<div class="d-flex align-items-center text-primary p-2 pb-0">
<div class="flex-grow-1 text-center" data-promet-localize="potovalniCasiRelacija">route</div>
<div class="text-center" style="width: 100px;" data-promet-localize="potovalniCasiCas">current time</div>
<div style="width: 32px; margin-left: 10px;"></div>
</div>
<hr style="margin-top: 0.5rem; margin-bottom: 0.5rem;" class="bg-primary promet-hr">
<div id="potovalni-casi-container-150">
<div class="card shadow-sm moj-promet-item mt-2" data-is-fav="false" data-id="379bb2d5-c7a8-4ee2-a534-d6259edbaf97">
<div class="card-body p-2">
<div class="d-flex align-items-center">
<div class="d-none d-sm-flex d-md-none d-lg-flex d-xl-none d-xxl-flex align-items-center">
<img class="list-item-icon" alt="travel time" src="/assets/icons/potovalni_cas_dblue.svg" width="40px" height="40px">
</div>
<div class="flex-grow-1 fw-bold text-primary">LJ - Karavanke</div>
<div class="d-flex align-items-center justify-content-center" style="width: 40px; height: 40px;">
<img class="list-item-icon d-none" alt="trend" src="" width="24px" height="24px">
</div>
<div class="badge badge-green text-white text-right me-1">38 min</div>
<div class="d-flex align-items-center {{hideSelector}}">
<img id="fav-icon-1" data-id="379bb2d5-c7a8-4ee2-a534-d6259edbaf97" alt="f" src="/assets/icons/star_empty.svg" class="cursor-pointer hover-scale" width="18px" height="18px">
</div>
</div>
</div>
</div>
<div class="card shadow-sm moj-promet-item mt-2" data-is-fav="false" data-id="a6162379-a167-4c83-b6ca-6fa05412ac33">
<div class="card-body p-2">
<div class="d-flex align-items-center">
<div class="d-none d-sm-flex d-md-none d-lg-flex d-xl-none d-xxl-flex align-items-center">
<img class="list-item-icon" alt="travel time" src="/assets/icons/potovalni_cas_dblue.svg" width="40px" height="40px">
</div>
<div class="flex-grow-1 fw-bold text-primary">Karavanke - LJ</div>
<div class="d-flex align-items-center justify-content-center" style="width: 40px; height: 40px;">
<img class="list-item-icon d-none" alt="trend" src="" width="24px" height="24px">
</div>
<div class="badge badge-green text-white text-right me-1">39 min</div>
<div class="d-flex align-items-center {{hideSelector}}">
<img id="fav-icon-2" data-id="a6162379-a167-4c83-b6ca-6fa05412ac33" alt="f" src="/assets/icons/star_empty.svg" class="cursor-pointer hover-scale" width="18px" height="18px">
</div>
</div>
</div>
</div>
<div class="card shadow-sm moj-promet-item mt-2" data-is-fav="false" data-id="8d1d3303-56b8-487a-a307-dd5bb6d460c9">
<div class="card-body p-2">
<div class="d-flex align-items-center">
<div class="d-none d-sm-flex d-md-none d-lg-flex d-xl-none d-xxl-flex align-items-center">
<img class="list-item-icon" alt="travel time" src="/assets/icons/potovalni_cas_dblue.svg" width="40px" height="40px">
</div>
<div class="flex-grow-1 fw-bold text-primary">LJ - MB</div>
<div class="d-flex align-items-center justify-content-center" style="width: 40px; height: 40px;">
<img class="list-item-icon d-none" alt="trend" src="" width="24px" height="24px">
</div>
<div class="badge badge-green text-white text-right me-1">1 h 8 min</div>
<div class="d-flex align-items-center {{hideSelector}}">
<img id="fav-icon-3" data-id="8d1d3303-56b8-487a-a307-dd5bb6d460c9" alt="f" src="/assets/icons/star_empty.svg" class="cursor-pointer hover-scale" width="18px" height="18px">
</div>
</div>
</div>
</div>
<div class="card shadow-sm moj-promet-item mt-2" data-is-fav="false" data-id="45056f9c-991b-4371-be3a-95df2b1fb816">
<div class="card-body p-2">
<div class="d-flex align-items-center">
<div class="d-none d-sm-flex d-md-none d-lg-flex d-xl-none d-xxl-flex align-items-center">
<img class="list-item-icon" alt="travel time" src="/assets/icons/potovalni_cas_dblue.svg" width="40px" height="40px">
</div>
<div class="flex-grow-1 fw-bold text-primary">MB - LJ</div>
<div class="d-flex align-items-center justify-content-center" style="width: 40px; height: 40px;">
<img class="list-item-icon d-none" alt="trend" src="" width="24px" height="24px">
</div>
<div class="badge badge-green text-white text-right me-1">1 h 6 min</div>
<div class="d-flex align-items-center {{hideSelector}}">
<img id="fav-icon-4" data-id="45056f9c-991b-4371-be3a-95df2b1fb816" alt="f" src="/assets/icons/star_empty.svg" class="cursor-pointer hover-scale" width="18px" height="18px">
</div>
</div>
</div>
</div>
<div class="card shadow-sm moj-promet-item mt-2" data-is-fav="false" data-id="a67ba588-f2ee-43ca-9a67-85e34cc6e856">
<div class="card-body p-2">
<div class="d-flex align-items-center">
<div class="d-none d-sm-flex d-md-none d-lg-flex d-xl-none d-xxl-flex align-items-center">
<img class="list-item-icon" alt="travel time" src="/assets/icons/potovalni_cas_dblue.svg" width="40px" height="40px">
</div>
<div class="flex-grow-1 fw-bold text-primary">LJ - KP</div>
<div class="d-flex align-items-center justify-content-center" style="width: 40px; height: 40px;">
<img class="list-item-icon d-block rotate-180" alt="trend" src="/assets/icons/potovalni_cas_trend_green.svg" width="24px" height="24px">
</div>
<div class="badge badge-orange text-white text-right me-1">1 h 5 min</div>
<div class="d-flex align-items-center {{hideSelector}}">
<img id="fav-icon-5" data-id="a67ba588-f2ee-43ca-9a67-85e34cc6e856" alt="f" src="/assets/icons/star_empty.svg" class="cursor-pointer hover-scale" width="18px" height="18px">
</div>
</div>
</div>
</div>
<div class="card shadow-sm moj-promet-item mt-2" data-is-fav="false" data-id="60437ee5-4c1a-43f6-b1b0-a9bbbd1e124b">
<div class="card-body p-2">
<div class="d-flex align-items-center">
<div class="d-none d-sm-flex d-md-none d-lg-flex d-xl-none d-xxl-flex align-items-center">
<img class="list-item-icon" alt="travel time" src="/assets/icons/potovalni_cas_dblue.svg" width="40px" height="40px">
</div>
<div class="flex-grow-1 fw-bold text-primary">KP - LJ</div>
<div class="d-flex align-items-center justify-content-center" style="width: 40px; height: 40px;">
<img class="list-item-icon d-block rotate-180" alt="trend" src="/assets/icons/potovalni_cas_trend_green.svg" width="24px" height="24px">
</div>
<div class="badge badge-green text-white text-right me-1">1 h 2 min</div>
<div class="d-flex align-items-center {{hideSelector}}">
<img id="fav-icon-6" data-id="60437ee5-4c1a-43f6-b1b0-a9bbbd1e124b" alt="f" src="/assets/icons/star_empty.svg" class="cursor-pointer hover-scale" width="18px" height="18px">
</div>
</div>
</div>
</div>
<div class="card shadow-sm moj-promet-item mt-2" data-is-fav="false" data-id="fc5c2076-eec7-4087-a2ca-842025dada2e">
<div class="card-body p-2">
<div class="d-flex align-items-center">
<div class="d-none d-sm-flex d-md-none d-lg-flex d-xl-none d-xxl-flex align-items-center">
<img class="list-item-icon" alt="travel time" src="/assets/icons/potovalni_cas_dblue.svg" width="40px" height="40px">
</div>
<div class="flex-grow-1 fw-bold text-primary">MP Obrežje - LJ</div>
<div class="d-flex align-items-center justify-content-center" style="width: 40px; height: 40px;">
<img class="list-item-icon d-none" alt="trend" src="" width="24px" height="24px">
</div>
<div class="badge badge-green text-white text-right me-1">1 h 3 min</div>
<div class="d-flex align-items-center {{hideSelector}}">
<img id="fav-icon-7" data-id="fc5c2076-eec7-4087-a2ca-842025dada2e" alt="f" src="/assets/icons/star_empty.svg" class="cursor-pointer hover-scale" width="18px" height="18px">
</div>
</div>
</div>
</div>
<div class="card shadow-sm moj-promet-item mt-2" data-is-fav="false" data-id="781cfd35-725f-4940-8883-e716f62b2908">
<div class="card-body p-2">
<div class="d-flex align-items-center">
<div class="d-none d-sm-flex d-md-none d-lg-flex d-xl-none d-xxl-flex align-items-center">
<img class="list-item-icon" alt="travel time" src="/assets/icons/potovalni_cas_dblue.svg" width="40px" height="40px">
</div>
<div class="flex-grow-1 fw-bold text-primary">LJ - MP Obrežje</div>
<div class="d-flex align-items-center justify-content-center" style="width: 40px; height: 40px;">
<img class="list-item-icon d-none" alt="trend" src="" width="24px" height="24px">
</div>
<div class="badge badge-green text-white text-right me-1">1 h 4 min</div>
<div class="d-flex align-items-center {{hideSelector}}">
<img id="fav-icon-8" data-id="781cfd35-725f-4940-8883-e716f62b2908" alt="f" src="/assets/icons/star_empty.svg" class="cursor-pointer hover-scale" width="18px" height="18px">
</div>
</div>
</div>
</div>
<div class="card shadow-sm moj-promet-item mt-2" data-is-fav="false" data-id="1efde33d-1132-460a-95df-8c08f65f5b84">
<div class="card-body p-2">
<div class="d-flex align-items-center">
<div class="d-none d-sm-flex d-md-none d-lg-flex d-xl-none d-xxl-flex align-items-center">
<img class="list-item-icon" alt="travel time" src="/assets/icons/potovalni_cas_dblue.svg" width="40px" height="40px">
</div>
<div class="flex-grow-1 fw-bold text-primary">LJ outer ring</div>
<div class="d-flex align-items-center justify-content-center" style="width: 40px; height: 40px;">
<img class="list-item-icon d-none" alt="trend" src="" width="24px" height="24px">
</div>
<div class="badge badge-green text-white text-right me-1">21 min</div>
<div class="d-flex align-items-center {{hideSelector}}">
<img id="fav-icon-9" data-id="1efde33d-1132-460a-95df-8c08f65f5b84" alt="f" src="/assets/icons/star_empty.svg" class="cursor-pointer hover-scale" width="18px" height="18px">
</div>
</div>
</div>
</div>
<div class="card shadow-sm moj-promet-item mt-2" data-is-fav="false" data-id="6ebeab63-bd9a-4140-b86a-0d8c90a76389">
<div class="card-body p-2">
<div class="d-flex align-items-center">
<div class="d-none d-sm-flex d-md-none d-lg-flex d-xl-none d-xxl-flex align-items-center">
<img class="list-item-icon" alt="travel time" src="/assets/icons/potovalni_cas_dblue.svg" width="40px" height="40px">
</div>
<div class="flex-grow-1 fw-bold text-primary">LJ inner ring</div>
<div class="d-flex align-items-center justify-content-center" style="width: 40px; height: 40px;">
<img class="list-item-icon d-none" alt="trend" src="" width="24px" height="24px">
</div>
<div class="badge badge-green text-white text-right me-1">19 min</div>
<div class="d-flex align-items-center {{hideSelector}}">
<img id="fav-icon-10" data-id="6ebeab63-bd9a-4140-b86a-0d8c90a76389" alt="f" src="/assets/icons/star_empty.svg" class="cursor-pointer hover-scale" width="18px" height="18px">
</div>
</div>
</div>
</div>
<div class="card shadow-sm moj-promet-item mt-2" data-is-fav="false" data-id="95fbffc7-e764-42c7-a3d4-2f1f254bd017">
<div class="card-body p-2">
<div class="d-flex align-items-center">
<div class="d-none d-sm-flex d-md-none d-lg-flex d-xl-none d-xxl-flex align-items-center">
<img class="list-item-icon" alt="travel time" src="/assets/icons/potovalni_cas_dblue.svg" width="40px" height="40px">
</div>
<div class="flex-grow-1 fw-bold text-primary">HC razcep Srmin - Izola</div>
<div class="d-flex align-items-center justify-content-center" style="width: 40px; height: 40px;">
<img class="list-item-icon d-none" alt="trend" src="" width="24px" height="24px">
</div>
<div class="badge badge-orange text-white text-right me-1">7 min</div>
<div class="d-flex align-items-center {{hideSelector}}">
<img id="fav-icon-11" data-id="95fbffc7-e764-42c7-a3d4-2f1f254bd017" alt="f" src="/assets/icons/star_empty.svg" class="cursor-pointer hover-scale" width="18px" height="18px">
</div>
</div>
</div>
</div>
<div class="card shadow-sm moj-promet-item mt-2" data-is-fav="false" data-id="0085a42f-9824-4b3b-b006-85e42d386314">
<div class="card-body p-2">
<div class="d-flex align-items-center">
<div class="d-none d-sm-flex d-md-none d-lg-flex d-xl-none d-xxl-flex align-items-center">
<img class="list-item-icon" alt="travel time" src="/assets/icons/potovalni_cas_dblue.svg" width="40px" height="40px">
</div>
<div class="flex-grow-1 fw-bold text-primary">HC Izola - razcep Srmin</div>
<div class="d-flex align-items-center justify-content-center" style="width: 40px; height: 40px;">
<img class="list-item-icon d-none" alt="trend" src="" width="24px" height="24px">
</div>
<div class="badge badge-orange text-white text-right me-1">6 min</div>
<div class="d-flex align-items-center {{hideSelector}}">
<img id="fav-icon-12" data-id="0085a42f-9824-4b3b-b006-85e42d386314" alt="f" src="/assets/icons/star_empty.svg" class="cursor-pointer hover-scale" width="18px" height="18px">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-12 col-xl-6">
<!-- #ujma2023 -->
<!-- <div id="ujma2023-card-150">
<promet-card>
<promet-card-header>
<span data-promet-localize="UJMA2023"></span>
</promet-card-header>
<promet-card-body>
<span data-promet-localize="ujma2023_text"></span>
</promet-card-body>
</promet-card>
</div> -->
<!-- burja -->
<div id="burja-card-150">
<div class="card shadow-sm ">
<div class="card-header bg-primary text-white fs-24px fw-lighter ">
<div class="d-flex px-4 pt-2 w-100">
<a href="/en/burja-wind" class="text-white animate-underline" data-promet-localize="burja">Bora wind</a>
<div id="promet-card-header-right-value-3" class="ms-auto mt-auto text-right"></div>
</div>
</div>
<div class="card-body ">
<small data-promet-localize="burRegionalkaLong">regional road R2-444 Razdrto - Nova Gorica</small>
<div class="my-3 text-primary fw-bold fs-h6" data-promet-localize="burMaxSpeed">The highest recorded wind speed in the last hour:</div>
<div id="burja-top-container-253">
<div class="card shadow-sm moj-promet-item " data-is-fav="false" data-id="6">
<div class="card-body p-2">
<div class="d-flex align-items-center">
<div class="d-flex align-items-{{iconVerticalAlignSelector}}">
<img class="list-item-icon" alt="burja" src="/assets/icons/burja_dblue.svg" style="width: 40px !important; height: 40px !important;">
</div>
<div class="flex-grow-1">
<div class="text-primary fw-bold">Vitovlje</div>
</div>
<div class="badge badge-green text-white text-right ms-auto me-2">5 km/h</div>
<div class="d-flex align-items-center">
<img id="fav-icon-0" data-id="6" alt="f" src="/assets/icons/star_empty.svg" class="cursor-pointer hover-scale" width="18px" height="18px">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- vreme -->
<div id="vreme-card-150" class="mt-5">
<div class="card shadow-sm ">
<div class="card-header bg-primary text-white fs-24px fw-lighter ">
<div class="d-flex px-4 pt-2 w-100">
<span data-promet-localize="weather">Weather</span>
<div id="promet-card-header-right-value-4" class="ms-auto mt-auto text-right"></div>
</div>
</div>
<div class="card-body ">
<div id="vreme-container-253" class="row px-5 px-lg-0">
<div class="col-4 col-lg-2">
<div class="d-flex flex-column align-items-center">
<div style="width: 40px; height: 40px;">
<img alt="weather" src="https://www.promet.si/dc/agg.vreme.icons.v2/prevCloudy_night.svg" width="40px" height="40px" onerror="if (this.src != '/assets/icons/empty.svg') this.src = '/assets/icons/empty.svg';">
</div>
<div class="text-primary fw-bold fs-h5">6°</div>
<div class="text-uppercase">CE</div>
</div>
</div>
<div class="col-4 col-lg-2">
<div class="d-flex flex-column align-items-center">
<div style="width: 40px; height: 40px;">
<img alt="weather" src="https://www.promet.si/dc/agg.vreme.icons.v2/partCloudy_modRA_night.svg" width="40px" height="40px"
onerror="if (this.src != '/assets/icons/empty.svg') this.src = '/assets/icons/empty.svg';">
</div>
<div class="text-primary fw-bold fs-h5">6°</div>
<div class="text-uppercase">LJ</div>
</div>
</div>
<div class="col-4 col-lg-2">
<div class="d-flex flex-column align-items-center">
<div style="width: 40px; height: 40px;">
<img alt="weather" src="https://www.promet.si/dc/agg.vreme.icons.v2/overcast_night.svg" width="40px" height="40px" onerror="if (this.src != '/assets/icons/empty.svg') this.src = '/assets/icons/empty.svg';">
</div>
<div class="text-primary fw-bold fs-h5">5°</div>
<div class="text-uppercase">MB</div>
</div>
</div>
<div class="col-4 col-lg-2">
<div class="d-flex flex-column align-items-center">
<div style="width: 40px; height: 40px;">
<img alt="weather" src="https://www.promet.si/dc/agg.vreme.icons.v2/overcast_night.svg" width="40px" height="40px" onerror="if (this.src != '/assets/icons/empty.svg') this.src = '/assets/icons/empty.svg';">
</div>
<div class="text-primary fw-bold fs-h5">3°</div>
<div class="text-uppercase">MS</div>
</div>
</div>
<div class="col-4 col-lg-2">
<div class="d-flex flex-column align-items-center">
<div style="width: 40px; height: 40px;">
<img alt="weather" src="https://www.promet.si/dc/agg.vreme.icons.v2/clear_lightFG_night.svg" width="40px" height="40px"
onerror="if (this.src != '/assets/icons/empty.svg') this.src = '/assets/icons/empty.svg';">
</div>
<div class="text-primary fw-bold fs-h5">10°</div>
<div class="text-uppercase">GO</div>
</div>
</div>
<div class="col-4 col-lg-2">
<div class="d-flex flex-column align-items-center">
<div style="width: 40px; height: 40px;">
<img alt="weather" src="https://www.promet.si/dc/agg.vreme.icons.v2/partCloudy_night.svg" width="40px" height="40px" onerror="if (this.src != '/assets/icons/empty.svg') this.src = '/assets/icons/empty.svg';">
</div>
<div class="text-primary fw-bold fs-h5">9°</div>
<div class="text-uppercase">NM</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="ctl00_divAltContent2" class=" cmszone bottom-pane clearfix p-0">
<div class="outerwrap">
<div class="panelwrapper flexi">
<div class="outerbody">
<div class="modulecontent">
<div id="module341" data-contentsection="Reklame">
<div class="d-flex flex-row justify-content-center py-5" style="flex-wrap: wrap">
<div class="m-3" style="max-width: 100%">
<div class="">
<a href="/en/promet-application" style="text-decoration: none;">
<div class="rounded shadow-sm cursor-pointer position-relative" style="height: 225px; overflow: hidden;">
<img src="/Data/Sites/2/media/images/oglas_promet-plus.jpg" alt="">
<div class="p-4 h-100 d-flex"></div>
</div>
</a>
</div>
</div>
<div class="m-3" style="max-width: 100%">
<div class="">
<a href="https://www.rtvslo.si/radio-si" style="text-decoration: none;">
<div class="rounded shadow-sm cursor-pointer position-relative" style="height: 225px; overflow: hidden;">
<img src="/Data/Sites/2/media/images/janja/radiosi_en.jpg" alt="">
<div class="p-4 h-100 d-flex"></div>
</div>
</a>
</div>
</div>
<div class="m-3" style="max-width: 100%">
<div class="">
<a href="https://promet.si/en/lane-closed-on-h6-due-to-the-counstraction-of-cable-conduit" style="text-decoration: none;">
<div class="rounded shadow-sm cursor-pointer position-relative" style="height: 225px; overflow: hidden;">
<img src="/Data/Sites/2/media/images/janja/h6-ii.jpg" alt="picture of three-lane road beside the sea">
<div class="p-4 h-100 d-flex"></div>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="outerwrap">
<div class="panelwrapper flexi">
<h2 class="bg-secondary pb-5 mb-0 mt-5 text-center promet-minus-ms promet-minus-me" data-moduleid="module116">Border crossings Slovenia </h2>
<div class="outerbody">
<div class="modulecontent">
<div class="bg-secondary promet-minus-ms promet-minus-me" id="module116" data-contentsection="Border crossings Slovenia ">
<div id="tabs-promet-116" class="p-5 pb-section promet-ps promet-pe">
<ul class="nav nav-pills mb-2 row g-3" role="tablist"></ul>
<div class="tab-content">
<div class="tab-pane fade show active" id="tabs-58" role="tabpanel" aria-labelledby="tabs-58-tab">
<div class="row">
<div class="col-lg-12 col-xl-8">
<div class="card shadow-sm px-2">
<div class="card-body p-4 text-left">
<p>Due to developments in the wider region and potential security risks, temporary controls at the borders.
<a href="https://www.policija.si/eng/newsroom/news-archive/news-archive/120169-due-to-developments-in-the-wider-region-and-potential-security-risks-we-are-introducing-temporary-controls-at-the-borders-with-croatia-and-hungary">More info</a>.
</p>
<p>Resource: police</p>
</div>
</div>
</div>
<div class="d-none d-xl-block col-xl-4">
<div class="rounded shadow-sm w-100 h-100" style="background-image: url(/Data/Sites/2/media/images/mejni_prehodi_hr.jpg) !important; background-size: cover; background-position: center; background-repeat: no-repeat;">
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="tabs-60" role="tabpanel" aria-labelledby="tabs-60-tab">
<div class="row">
<div class="col-lg-12 col-xl-8">
<div class="card shadow-sm px-2">
<div class="card-body p-4 text-left">
<div class="text-primary fw-bold mb-2 fs-h4">Open border crossings:</div>
<div class="row ps-4">
<ul class="col-12 col-md-6 col-lg-3">
<li>Trate</li>
<li>Svečina (8.-18. ure)</li>
<li>Karavanke (A2)</li>
</ul>
<ul class="col-12 col-md-6 col-lg-3">
<li>Radlje (5.-21. ure)</li>
<li>Ljubelj (5.-21. ure)</li>
<li>Gornja Radgona</li>
</ul>
<ul class="col-12 col-md-6 col-lg-3">
<li>Svečina (8.-18. ure)</li>
<li>Gederovci</li>
<li>Holmec (5.-23. ure)</li>
</ul>
<ul class="col-12 col-md-6 col-lg-3">
<li>Šentilj (A1)</li>
<li>Šentilj (17.-19. ure)</li>
<li>Vič</li>
</ul>
</div>
<div class="row mt-2">
<div class="col-12 col-md-6 col-lg-7">
<div>Border crossings open for daily migrants with a certificate from their employer, dual owners and tenants with an extract from the land registry or a lease agreement and individuals wishing to visit their
closer relatives:</div>
<div class="d-flex">
<ul class="flex-grow-1">
<li>Kramarovci</li>
<li>Gerlinci (8.-18. hour)</li>
<li>Kuzma 24/7</li>
</ul>
<ul class="flex-grow-1">
<li>Cankova</li>
<li>Jurij (5.-8. and 16.-19. hour)</li>
</ul>
</div>
</div>
<div class="col-12 col-md-6 col-lg-5">
<div>Border crossings open for slovenian and austrian dual owners or tenants near the border area:</div>
<div class="d-flex">
<ul class="flex-grow-1">
<li>Golica</li>
<li>Peč</li>
<li>Koprivna</li>
</ul>
<ul class="flex-grow-1">
<li>Knepsovo sedlo</li>
<li>Blekowa Alm (5.-2. hour)</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="d-none d-xl-block col-xl-4">
<div class="rounded shadow-sm w-100 h-100" style="background-image: url(/Data/Sites/2/media/images/mejni_prehodi_au.jpg) !important; background-size: cover; background-position: center; background-repeat: no-repeat;">
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="tabs-59" role="tabpanel" aria-labelledby="tabs-59-tab">
<div class="row">
<div class="col-lg-12 col-xl-8">
<div class="card shadow-sm px-2">
<div class="card-body p-4 text-left">
<div class="text-primary fw-bold mb-2 fs-h4">Open border crossings:</div>
<div class="row ps-4">
<ul class="col-12 col-lg-2">
<li>Vrtojba</li>
<li>Fernetiči</li>
<li>Škoflje</li>
</ul>
<div class="col-12 col-lg-10">
<div>Border crossings open for daily migrants, landlords, individuals with a certificate from the local community and visitors of close relatives:</div>
<div class="row">
<ul class="col-12 col-md-6">
<li>Rateče 24/7</li>
<li>Robič (5.-23. hour, sundays and holidays entrances into Slovenia closed)</li>
<li>Predel (6.-9. and 15.-18. hour, sundays and holidays entrances into Slovenia closed)</li>
</ul>
<ul class="col-12 col-md-6">
<li>Nova Gorica (Erjavčeva) (6.-21. hour)</li>
<li>Neblo (6.-9. and 15.-19. hour)</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="d-none d-xl-block col-xl-4">
<div class="rounded shadow-sm w-100 h-100" style="background-image: url(/Data/Sites/2/media/images/mejni_prehodi_it.jpg) !important; background-size: cover; background-position: center; background-repeat: no-repeat;">
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="tabs-61" role="tabpanel" aria-labelledby="tabs-61-tab">
<div class="row">
<div class="col-lg-12 col-xl-8">
<div class="card shadow-sm px-2">
<div class="card-body p-4 text-left">
<div class="text-primary fw-bold mb-2 fs-h4">Open border crossings:</div>
<div class="row ps-4">
<ul class="col-12 col-md-4">
<li>Dolga vas</li>
<li>Pince (AC/transit/20.-12. ure)</li>
<li>Pince (R2)</li>
</ul>
<div class="col-12 col-md-8">
<div> Border crossings open for daily migrants with a certificate from their employer, dual owners and tenants with an extract from the land registry or a lease agreement and individuals wishing to visit their
closer relatives: <div class="d-flex">
<ul>
<li>Hodoš</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="d-none d-xl-block col-xl-4">
<div class="rounded shadow-sm w-100 h-100" style="background-image: url(/Data/Sites/2/media/images/mejni_prehodi_hu.jpg) !important; background-size: cover; background-position: center; background-repeat: no-repeat;">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="outerwrap">
<div class="panelwrapper htmlmodule">
<a id="module321" class="moduleanchor"></a>
<div class="outerbody">
<div class="modulecontent">
<div id="ctl00_altContent2_ctl02_divContent">
<style>
.e-vinjete-home {
max-width: 250px !important;
margin: auto;
}
@media(max-width: 768px) {
.col-12 {
padding-left: 0 !important;
padding-right: 0 !important;
}
}
</style>
<script>
PP2_PMapInit('front-page-map');
</script>
</div>
<input type="hidden" name="ctl00$altContent2$ctl02$hdnIsDirty" id="ctl00_altContent2_ctl02_hdnIsDirty">
</div>
</div>
</div>
</div>
</div>
</main>
</div>
<!-- footer -->
<footer class="bg-primary text-white promet-ps promet-pe">
<div class="row g-5 w-100">
<!-- kontakt -->
<div class="col-sm-12 col-md-6 col-xl-3">
<div class="d-flex flex-column w-100 h-100 pb-sm-5 pb-md-0">
<div class="text-uppercase footer-h">CONTACT</div>
<ul class="footer-ul">
<li>
<div class="d-flex align-items-center">
<img alt="phone" class="footer-icon" width="18px" height="18px" src="/assets/icons/phone_white.svg">
<a href="#" class="animate-underline">
<span class="ms-1">0386 1 518 8 518 <span class="footer-kontakt-small"></span></span>
</a>
</div>
</li>
<li>
<a href="mailto: info@promet.si" class="animate-underline">
<div class="d-flex align-items-center">
<img alt="email" class="footer-icon" width="18px" height="18px" src="/assets/icons/email_white.svg">
<span class="ms-1">info@promet.si</span>
</div>
</a>
</li>
<li>
<div class="d-flex align-items-center">
<img alt="location" class="footer-icon" width="18px" height="18px" src="/assets/icons/marker_white.svg">
<span class="ms-1">Dragomelj 116, 1230 Domžale</span>
</div>
</li>
<li>
<div style="display:flex; padding-left:10px">
<!-- link FB -->
<div class="navbar-icon-container ms-5">
<a href="http://www.facebook.com/promet1970/?hc_ref=ARRfnKthpZ0X4_amNNiOCi_c1lVOTczKQHEQ7_PPwN3jMr1ImrrfzPTPaiqGM3g5RIo&fref=nf&__tn__=kC-R" target="_blank"><img alt="FB" src="/assets/icons/fb.svg" class="enlarge-on-hover" width="24px" height="24px"></a>
</div>
<!-- link twitter -->
<div class="navbar-icon-container">
<a href="https://twitter.com/promet_si" target="_blank"><img alt="twitter" src="/assets/icons/twitter_x.svg" class="enlarge-on-hover" width="22px" height="22px"></a>
</div>
<!-- link promet+ -->
<!--<div class="navbar-icon-container" style="margin-right: 29px;">
<img alt="pplus" src="/assets/icons/pplus.svg" width="24px" height="24px">
</div>-->
</div>
</li>
</ul>
<div class="flex-grow-1 d-flex align-items-end">
<a href="/en/kolofon" class="animate-underline">
<div class="d-flex align-items-center">
<img alt="kolofon" src="/assets/icons/kolofon_white.svg" width="32px" height="32px" class="footer-icon"> Imprint
</div>
</a>
</div>
<div class="footer-separator position-absolute d-none d-md-block d-xl-none me-5"></div>
</div>
</div>
<!-- razvijalci in B2B -->
<div class="col-sm-12 col-md-6 col-xl-3">
<div class="d-flex flex-column w-100 h-100 pb-sm-5 pb-md-0">
<div class="text-uppercase footer-h">DEVELOPERS AND B2B</div>
<ul class="footer-ul">
<li><a href="https://www.nap.si/en" class="animate-underline" target="_blank">National access point (NAP)</a></li>
<li><a href="/en/plugins-for-webpages" class="animate-underline">Plugins for web pages</a></li>
<li><a href="/en/plugins-for-developers" class="animate-underline">Plugins for developers</a></li>
<li><a href="/en/plugins-for-developers#standards-documentation" class="animate-underline">Standards and documentation</a></li>
</ul>
<div class="flex-grow-1 d-flex align-items-end">
<a href="/en/kolofon#pp-tos" class="animate-underline">
<div class="d-flex align-items-center">
<img alt="privacy policy" src="/assets/icons/politika_zasebnosti_white.svg" width="32px" height="32px" class="footer-icon"> Privacy policy
</div>
</a>
</div>
</div>
</div>
<!-- prenesite app -->
<div class="col-sm-12 col-md-6 col-xl-3">
<div class="d-flex flex-column w-100 h-100 pb-sm-5 pb-md-0">
<div class="text-uppercase footer-h">DOWNLOAD APP</div>
<div class="d-flex align-items-center">
<ul class="footer-ul">
<li><a href="https://apps.apple.com/us/app/si-dars-darstraffic/id1100048764" target="_blank"><img alt="app store" src="/assets/icons/app_store_ios.svg" class="store-img"></a></li>
<li><a href="https://play.google.com/store/apps/details?id=si.dars.darstraffic" target="_blank"><img alt="google play" src="/assets/icons/app_store_android.svg" class="store-img"></a></li>
<li><a href="https://appgallery7.huawei.com/#/app/C102019555" target="_blank"><img alt="app gallery" src="/assets/icons/app_store_huawei.png" class="store-img"></a></li>
</ul>
<div class="m-auto" style="padding-bottom: 28px">
<a href="/en/promet-application"><img alt="promet+" src="/assets/icons/pplus_badge.svg" class="store-img-square"></a>
</div>
</div>
<div class="flex-grow-1 d-flex align-items-end">
<a href="/en/kolofon#pp-tos" class="animate-underline">
<div class="d-flex align-items-center">
<img alt="tos" src="/assets/icons/pogoji_uporabe_white.svg" width="32px" height="32px" class="footer-icon"> Terms of use
</div>
</a>
</div>
<div class="footer-separator position-absolute d-none d-md-block me-5"></div>
<div class="footer-separator-horizontal position-absolute d-block d-md-none"></div>
</div>
</div>
<div class="col-sm-12 col-md-6 col-xl-3">
<div class="d-flex flex-column w-100 h-100 pb-sm-5 pb-md-0">
<div class="text-uppercase footer-h">Links</div>
<ul class="footer-ul">
<li><a href="https://www.dars.si/" target="_blank" rel="noopener" class="animate-underline">Dars d.d.</a></li>
<li><a href="https://www.darsgo.si/portal/en/toll-calculator" target="_blank" rel="noopener" class="animate-underline">DarsGo</a></li>
<li><a href="https://evinjeta.dars.si/en" target="_blank" rel="noopener" class="animate-underline">e-vignette</a></li>
<li><a href="http://www.mzp.gov.si/" target="_blank" rel="noopener" class="animate-underline">Ministry of Infrastructure</a></li>
<li><a href="http://www.di.gov.si/" target="_blank" rel="noopener" class="animate-underline">Slovenian Infrastructure Agency</a></li>
<li><a href="https://www.policija.si/" target="_blank" rel="noopener" class="animate-underline">Police</a></li>
<li><a href="https://www.rtvslo.si/" target="_blank" rel="noopener" class="animate-underline">RTV Slovenija</a></li>
</ul>
<div class="flex-grow-1 d-flex align-items-end">
<a href="/en/traffic-abroad" class="animate-underline">
<div class="d-flex align-items-center">
<img alt="information for abroad" src="/assets/icons/prometne_informacije_v_tujini_white.svg" width="32px" height="32px" class="footer-icon"> Traffic information for abroad
</div>
</a>
</div>
</div>
</div>
</div>
<div class="row w-100 mt-auto pt-5">
<div class="d-flex align-items-center">
<div class="footer-copyright">© 2006-2023 Traffic Information Centre for Public Roads, DARS d.d.</div>
<div class="ms-auto">
<img alt="DARS logo" src="/assets/icons/dars-logo.svg" style="height: 24px !important">
</div>
</div>
</div>
</footer>
<!--<footer class="foot">
<div class="container">
<hr>
<div class="row">
<div class="col-sm-6 text-xs-center text-sm-left">
<small>© 2023 DARS d.d.</small>
</div>
<div class="col-sm-6 text-xs-center text-sm-right">
<a class="sitelink" rel="nofollow" href="/en/Secure/Login.aspx?returnurl=%2fen">Login</a>
</div>
</div>
<br>
</div>
</footer>-->
</div>
<script type="text/javascript">
Sys.Application.add_load(function() {
var form = Sys.WebForms.PageRequestManager.getInstance()._form;
form._initialAction = form.action = window.location.href;
});
</script>
<script type="text/javascript" src="https://www.promet.si/Data/SuperFlexi/Solutions/Home Page Overview noborders/resources/data.js" data-name="flexiScript_PotovalniCasiData"></script>
<script type="text/javascript" src="https://www.promet.si/Data/SuperFlexi/Solutions/Tabs (Promet)/resources/init.js" data-name="flexiScript_TabsPrometInit"></script>
<script type="text/javascript">
//<![CDATA[
var callBackFrameUrl = '/WebResource.axd?d=beToSAE3vdsL1QUQUxjWdSa1ZMtR9ng0h4z6rn-hRpPXA1aVvmvbP5WzO_vSsrCjJITEag2&t=638286151360000000';
WebForm_InitCallback(); //]]>
</script>
<script type="text/javascript">
$('div.mojo-accordion').accordion({});
$('div.mojo-accordion-nh').accordion({
heightStyle: 'content',
animate: {
opacity: 'toggle',
duration: '400'
}
});
$('div.mojo-tabs').tabs({});
$('input.jqbutton').button();
$('.jqtt').tooltip();
$('.faqs dd').hide();
$('.faqs dt').hover(function() {
$(this).addClass('hover')
}, function() {
$(this).removeClass('hover')
}).click(function() {
$(this).next().slideToggle('normal');
});
$("a.unclickable").click(function() {
return false;
});
</script>
</form>Text Content
PROMET.SI
Skip to main content
1970
My profile
FAVOURITES
USER SETTINGS
NOTIFICATIONS
LOGIN
LOGOUT
* Čeština
* Deutsch
* English
* Français
* Hrvatski
* Italiano
* Magyar
* Nederlands
* Polski
* Slovenščina
* Traffic forecast
* Traffic calendar
* Freight traffic
* General limitations
* List of roads with limitation in force
* Special transport
* Detailed information
* Cameras
* Traffic incidents
* Roadworks
* Travel times
* Rest areas
* Counters
* Bora wind
* E-vignettes
* Road to Mangart
* Map
* News
Important...
Please note that vehicles must be cleared of ice before driving. Pieces of ice
falling from vehicles while driving can damage pedestrians, other vehicles and
other road users.
Vignette system in Slovenia
Click to view
Search
Add via point
layers
Traffic
Traffic incidents
Roadworks
Floods2023
Cameras
Rainfall (radar)
Weather
Wind
Traffic counters
Rest stops
DarsGo
Vector basemap
Hybrid basemap
Close
© 2007-2023 REALIS ITS. BCP/DCO/OpenStreetMap.
Times to travel
at 18:15
route
current time
--------------------------------------------------------------------------------
LJ - Karavanke
38 min
Karavanke - LJ
39 min
LJ - MB
1 h 8 min
MB - LJ
1 h 6 min
LJ - KP
1 h 5 min
KP - LJ
1 h 2 min
MP Obrežje - LJ
1 h 3 min
LJ - MP Obrežje
1 h 4 min
LJ outer ring
21 min
LJ inner ring
19 min
HC razcep Srmin - Izola
7 min
HC Izola - razcep Srmin
6 min
Bora wind
regional road R2-444 Razdrto - Nova Gorica
The highest recorded wind speed in the last hour:
Vitovlje
5 km/h
Weather
6°
CE
6°
LJ
5°
MB
3°
MS
10°
GO
9°
NM
BORDER CROSSINGS SLOVENIA
Due to developments in the wider region and potential security risks, temporary
controls at the borders. More info.
Resource: police
Open border crossings:
* Trate
* Svečina (8.-18. ure)
* Karavanke (A2)
* Radlje (5.-21. ure)
* Ljubelj (5.-21. ure)
* Gornja Radgona
* Svečina (8.-18. ure)
* Gederovci
* Holmec (5.-23. ure)
* Šentilj (A1)
* Šentilj (17.-19. ure)
* Vič
Border crossings open for daily migrants with a certificate from their employer,
dual owners and tenants with an extract from the land registry or a lease
agreement and individuals wishing to visit their closer relatives:
* Kramarovci
* Gerlinci (8.-18. hour)
* Kuzma 24/7
* Cankova
* Jurij (5.-8. and 16.-19. hour)
Border crossings open for slovenian and austrian dual owners or tenants near the
border area:
* Golica
* Peč
* Koprivna
* Knepsovo sedlo
* Blekowa Alm (5.-2. hour)
Open border crossings:
* Vrtojba
* Fernetiči
* Škoflje
Border crossings open for daily migrants, landlords, individuals with a
certificate from the local community and visitors of close relatives:
* Rateče 24/7
* Robič (5.-23. hour, sundays and holidays entrances into Slovenia closed)
* Predel (6.-9. and 15.-18. hour, sundays and holidays entrances into Slovenia
closed)
* Nova Gorica (Erjavčeva) (6.-21. hour)
* Neblo (6.-9. and 15.-19. hour)
Open border crossings:
* Dolga vas
* Pince (AC/transit/20.-12. ure)
* Pince (R2)
Border crossings open for daily migrants with a certificate from their employer,
dual owners and tenants with an extract from the land registry or a lease
agreement and individuals wishing to visit their closer relatives:
* Hodoš
CONTACT
* 0386 1 518 8 518
* info@promet.si
* Dragomelj 116, 1230 Domžale
*
Imprint
DEVELOPERS AND B2B
* National access point (NAP)
* Plugins for web pages
* Plugins for developers
* Standards and documentation
Privacy policy
DOWNLOAD APP
*
*
*
Terms of use
Links
* Dars d.d.
* DarsGo
* e-vignette
* Ministry of Infrastructure
* Slovenian Infrastructure Agency
* Police
* RTV Slovenija
Traffic information for abroad
© 2006-2023 Traffic Information Centre for Public Roads, DARS d.d.