<!DOCTYPE html>
<html class="htmlclass" lang="sl">
<head id="ctl00_Head1"><meta charset="utf-8" /><meta http-equiv="x-ua-compatible" content="ie=edge" /><meta name="viewport" content="width=device-width, initial-scale=1" /><meta name="SKYPE_TOOLBAR" content="SKYPE_TOOLBAR_PARSER_COMPATIBLE" />
<title>PROMET.SI</title>
<meta name="description" content="Prometno informacijski center za državne ceste RS">
<meta property="og:title" content="PROMET.SI">
<meta property="og:description" content="Prometno informacijski center za državne ceste RS">
<meta property="og:image" content="https://www.promet.si/Data/Sites/-1/media/images/9.png">
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:type" content="website">
<meta property="og:url" content="https://www.promet.si">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="PROMET.SI">
<meta name="twitter:description" content="Prometno informacijski center za državne ceste RS">
<meta name="twitter:image" content="https://www.promet.si/Data/Sites/-1/media/images/9.png">
<meta name="twitter:image:width" content="1200" />
<meta name="twitter:image:height" content="630" />
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-H113JFRYNF"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-H113JFRYNF');
</script>
<link rel="apple-touch-icon" sizes="180x180" href="Data/Sites/2/skins/framework/img/favicons/apple-touch-icon.png" /><link rel="icon" type="image/png" sizes="32x32" href="Data/Sites/2/skins/framework/img/favicons/favicon-32x32.png" /><link rel="icon" type="image/png" sizes="16x16" href="Data/Sites/2/skins/framework/img/favicons/favicon-16x16.png" /><link rel="manifest" href="Data/Sites/2/skins/framework/img/favicons/site.webmanifest" /><link rel="mask-icon" href="Data/Sites/2/skins/framework/img/favicons/safari-pinned-tab.svg" color="#ff0000" /><meta name="apple-mobile-web-app-title" content="PROMET.SI" /><meta name="application-name" content="PROMET.SI" /><meta name="msapplication-TileColor" content="#ff0000" /><meta name="theme-color" content="#ff0000" />
<link rel="search" type="application/opensearchdescription+xml" title="sl Site Search" href="/sl/SearchEngineInfo.ashx" />
<!-- Style -->
<link rel='stylesheet' type='text/css' href='/Data/Sites/2/skins/framework/css/font-awesome.min.css?v=a9587756-6af1-49d1-8a3a-2e6390f444e5'>
<link rel='stylesheet' type='text/css' href='/Data/Sites/2/skins/framework/js/vendors/smartmenus/jquery.smartmenus.bootstrap.css?v=a9587756-6af1-49d1-8a3a-2e6390f444e5'>
<link rel='stylesheet' type='text/css' href='/Data/Sites/2/skins/framework/css/jquery-ui-1.13.2.min.css?v=a9587756-6af1-49d1-8a3a-2e6390f444e5'>
<link rel='stylesheet' type='text/css' href='/sl/csshandler.ashx?skin=framework&s=2&sv=a9587756-6af1-49d1-8a3a-2e6390f444e5' />
<!-- Scripts -->
<script src="/Data/Sites/2/skins/framework/js/jquery-3.6.1.min.js" type="text/javascript" ></script>
<!-- Change JQueryUI plugin names to fix name collision with Bootstrap. -->
<!--<script>$.widget.bridge('uiTooltip', $.ui.tooltip);$.widget.bridge('uiButton', $.ui.button);</script>-->
<!-- Scripts - promet.si -->
<!-- <script src="/ClientScript/Promet/promet-si.js"></script> -->
<script src="/ClientScript/Promet/rm2.js?v=3"></script>
<!-- RM2 - TODO: combine + minimize -->
<!--<link rel="stylesheet" href="Data/Sites/2/skins/framework/css/RM2LegendControl.css" /><link rel="stylesheet" href="Data/Sites/2/skins/framework/css/RM2MapControls.css" /><link rel="stylesheet" href="Data/Sites/2/skins/framework/css/RM2PrometSiControl.css" /><link rel="stylesheet" href="Data/Sites/2/skins/framework/css/RM2RoutingControl.css" />-->
<!-- Style - promet.si -->
<link rel='stylesheet' type='text/css' href='/Data/Sites/2/skins/framework/css/maplibre-gl.min.css?v=a9587756-6af1-49d1-8a3a-2e6390f444e5'>
<link rel='stylesheet' type='text/css' href='/Data/Sites/2/skins/framework/css/bootstrap.min.css?v=a9587756-6af1-49d1-8a3a-2e6390f444e5'>
<link rel='stylesheet' type='text/css' href='/Data/Sites/2/skins/framework/css/promet.min.css?v=a9587756-6af1-49d1-8a3a-2e6390f444e5'>
<!--<link rel="stylesheet" href="Data/Sites/2/skins/framework/css/RM2Popup.css" />-->
<script type="text/javascript">var AppGlobalParams={serverDt:new Date('2024-11-21T13:54:36.7164382+01:00')}</script>
<link rel='canonical' href='http://promet-dars.geoprostor.net/sl/home' />
<script type="text/javascript" src="/ClientScript/Promet/chart.min.js" data-name="flexiScript_ChartJs"></script>
<script type="text/javascript" src="/Data/SuperFlexi/Solutions/Obnove Cest (Potovalni Casi)/resources/data.js" data-name="flexiScript_PotovalniCasiData"></script><title>
Razmere na cestah - sl
</title></head>
<body id="ctl00_Body" class="pagebody">
<h1 style="position:absolute; left:0px; top:-100px;">Promet.si</h1>
<a href="#main" class="skip-to-main-content-link" style="position:absolute; left:0px; top:-100px;">Skip to main content</a>
<script src="/ClientScript/Promet/lib-min.js?v=34" type="text/javascript"></script>
<script type="text/javascript">
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-243084677-1', 'auto');
ga('set', 'anonymizeIp', true); ga('send', 'pageview');
</script>
<form method="post" action="/" id="aspnetForm" class="main-form">
<input type="hidden" name="__VIEWSTATEFIELDCOUNT" id="__VIEWSTATEFIELDCOUNT" value="3" />
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="l1CyZzGXrFDYjfnFvIQAndBu6wz4mHymga3QJ+4K3toEJzp5UCrIubVZ92GrXOoxD3dzi4A14/Tcy3VjLdFIjEdIdtxKz8fok+gC18umEpCzZFPgpKCv9SuRh9p4NniSIMYFkhCpDUqZpYl9z1a0izUAJOyPhff/FR2fRyvDyxA/ZXd6rG1+wfywtgsfBP8gwa54Jy6YPQATt9LkBt3PfkdADRDfxUFgNGMTusP8kVSKzrJQSNrXeP0X3+8/aQg3fQbhzM7ocCf688tW9mAPszH4ud8qLHXzDPOQ8usjC9/BTnHkmpbL2GaH0V786K6Zp7cWrE/P/thHBeEZqW3WLAjcB6xgc5d8oRdp9HjWjf3iPVy5iqs44rxXbhkrp2WkSaiKDhJMEk629TMN58SkEEGGQIXwBwa4gMAaH8o7t3BtWtS2Cb8XV0nBPqR0xlwvfaPqFMaHWpWkwzZpZHyRpQeWDVl4vsaxMCAYtsDXKth+HmNurtSe" />
<input type="hidden" name="__VIEWSTATE1" id="__VIEWSTATE1" value="jqN56IBTCeeTRMrB+MIqmXSfuG3wxt+tiWANWf9XClGRBk7h57TRtTDfZYiKUkTnx96bp2gRMUHjX4bkZd4lw7uGtHXa6XsqJH5SS3ciMjRQOHixXITF+6h49epuce8o4JH8jG9dmLzpXGq41UsOKCpZuYKi5tqNFzdUSSwDBpZ7KjTWWEi06sAJQFezSknwsFA5yN87L5SdqWO42S120MAQP4dwNpz1w6YL7AIxRls6kvlg3esBM4Ovt+XhFm3OG80j50jUvB2446NS7Ho6A33EulzUbYKhvO9Ja5rCIEYskDVXHeW/f9hM1BsTduDl27jUDrp425yJT3q6dsAYiy/mkW9ZTva3uSxUM1uHlzfWv8JfDMsR5eZ4tXKEa4RpfR5rhUtYfDqC8iNLXdukh5vfwfYOIBfcQeujvuSknUR9lwX+ojSxuXU7ppJw3gMIzRDkxhB7+3N9L710YRdvig5MLRDGXTC4RYu9d12oaXq/kAHgq82f" />
<input type="hidden" name="__VIEWSTATE2" id="__VIEWSTATE2" value="3477AstrCxUd+FCMbrOaKhySQ9Wkjg==" />
<script src="/Data/Sites/2/skins/framework/js/jquery-ui-1.13.2.min.js" type="text/javascript" ></script>
<script type="text/javascript">
//<![CDATA[
var __cultureInfo = {"name":"sl-SI","numberFormat":{"CurrencyDecimalDigits":2,"CurrencyDecimalSeparator":",","IsReadOnly":false,"CurrencyGroupSizes":[3],"NumberGroupSizes":[3],"PercentGroupSizes":[3],"CurrencyGroupSeparator":".","CurrencySymbol":"€","NaNSymbol":"NaN","CurrencyNegativePattern":8,"NumberNegativePattern":1,"PercentPositivePattern":0,"PercentNegativePattern":0,"NegativeInfinitySymbol":"-∞","NegativeSign":"-","NumberDecimalDigits":2,"NumberDecimalSeparator":",","NumberGroupSeparator":".","CurrencyPositivePattern":3,"PositiveInfinitySymbol":"∞","PositiveSign":"+","PercentDecimalDigits":2,"PercentDecimalSeparator":",","PercentGroupSeparator":".","PercentSymbol":"%","PerMilleSymbol":"‰","NativeDigits":["0","1","2","3","4","5","6","7","8","9"],"DigitSubstitution":1},"dateTimeFormat":{"AMDesignator":"dop.","Calendar":{"MinSupportedDateTime":"\/Date(-62135596800000)\/","MaxSupportedDateTime":"\/Date(253402297199999)\/","AlgorithmType":1,"CalendarType":1,"Eras":[1],"TwoDigitYearMax":2029,"IsReadOnly":false},"DateSeparator":". ","FirstDayOfWeek":1,"CalendarWeekRule":0,"FullDateTimePattern":"dddd, dd. MMMM yyyy HH:mm:ss","LongDatePattern":"dddd, dd. MMMM yyyy","LongTimePattern":"HH:mm:ss","MonthDayPattern":"d. MMMM","PMDesignator":"pop.","RFC1123Pattern":"ddd, dd MMM yyyy HH\u0027:\u0027mm\u0027:\u0027ss \u0027GMT\u0027","ShortDatePattern":"d. MM. yyyy","ShortTimePattern":"HH:mm","SortableDateTimePattern":"yyyy\u0027-\u0027MM\u0027-\u0027dd\u0027T\u0027HH\u0027:\u0027mm\u0027:\u0027ss","TimeSeparator":":","UniversalSortableDateTimePattern":"yyyy\u0027-\u0027MM\u0027-\u0027dd HH\u0027:\u0027mm\u0027:\u0027ss\u0027Z\u0027","YearMonthPattern":"MMMM yyyy","AbbreviatedDayNames":["ned.","pon.","tor.","sre.","čet.","pet.","sob."],"ShortestDayNames":["ned.","pon.","tor.","sre.","čet.","pet.","sob."],"DayNames":["nedelja","ponedeljek","torek","sreda","četrtek","petek","sobota"],"AbbreviatedMonthNames":["jan.","feb.","mar.","apr.","maj","jun.","jul.","avg.","sep.","okt.","nov.","dec.",""],"MonthNames":["januar","februar","marec","april","maj","junij","julij","avgust","september","oktober","november","december",""],"IsReadOnly":false,"NativeCalendarName":"gregorijanski koledar","AbbreviatedMonthGenitiveNames":["jan.","feb.","mar.","apr.","maj","jun.","jul.","avg.","sep.","okt.","nov.","dec.",""],"MonthGenitiveNames":["januar","februar","marec","april","maj","junij","julij","avgust","september","oktober","november","december",""]},"eras":[1,"po Kr.",null,0]};//]]>
</script>
<script src="/ScriptResource.axd?d=O-4J-Lj5KQmklK4Usp86Zf56oI1taIrguwkY3NmsTriVJz0zbgBsHG40o6aIaFALFDz1l7JMMtif71EwyUZ4y06ntGGtaYThCL_J0D6Sg_90g9KxGbq547u6wo2_VWsdVEpv3lSJqMvWNfp665bekr5jzdo1" 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>
<script type="text/javascript">
//<![CDATA[
if (typeof(Sys) === 'undefined') throw new Error('ASP.NET Ajax client-side framework failed to load.');
//]]>
</script>
<input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="CA0B0334" />
<input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="8WrfU37cZWFcY9llQoLTmc71fgWFy3Wj0TZAfWIpMtjMuAJjovnSQBfZJ/6yyxEOWrdoZ4vnn/jJUbBR3p1G68leUZ5wulh/m++yqNV8EgcCCnnOIUCuBYA/7NqPUTUZm//fyg==" />
<!--[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="letalski promet" src="/assets/icons/plane.svg" style="width: 20px; height: 20px;" class="me-2" /></a>
<a href="https://potniski.sz.si/" target="_blank" rel="noopener noreferrer"><img alt="železniški promet" src="/assets/icons/train.svg" style="width: 14px; height: 14px;" class="me-2" /></a>
<a href="/sl/promet-bus"><img alt="avtobusni promet" src="/assets/icons/bus_black.svg" style="width: 20px; height: 20px;" class="me-2" /></a>
<a href="/sl/promet-kolo"><img alt="kolesarski promet" 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="uporabnik" src="/assets/icons/user_muted.svg" style="width: 15px; height: 15px;" class="d-flex d-md-none">
<div class="d-none d-md-flex">
Moj profil
</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="/sl/priljubljene">
<div class="card moj-profil-card">
<div class="card-body">
<div class="d-flex align-items-center text-primary text-uppercase">
<img alt="moje priljubljene" class="moj-profil-card-icon" src="/assets/icons/priljubljene_dblue.svg" style="width: 20px !important; height: 20px !important;">
<div>
PRILJUBLJENE
</div>
</div>
</div>
</div>
</a>
<a class="dropdown-item moj-profil-item user-logout-item" href="/sl/uporabnik">
<div class="card moj-profil-card">
<div class="card-body">
<div class="d-flex align-items-center text-primary text-uppercase">
<img alt="uporabniške nastavitve" class="moj-profil-card-icon" alt="user" src="/assets/icons/nastavitve_dblue.svg" style="width: 20px !important; height: 20px !important;">
<div>
UPORABNIK
</div>
</div>
</div>
</div>
</a>
<a class="dropdown-item moj-profil-item user-logout-item" href="/sl/obvescanje">
<div class="card moj-profil-card">
<div class="card-body">
<div class="d-flex align-items-center text-primary text-uppercase">
<img alt="obveščanje" class="moj-profil-card-icon" alt="notifications" src="/assets/icons/obvescanje_dblue.svg" style="width: 20px !important; height: 20px !important;">
<div>
OBVEŠČANJE
</div>
</div>
</div>
</div>
</a>
<a class="dropdown-item moj-profil-item user-login-item" href="/sl/prijava">
<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>
PRIJAVA
</div>
</div>
</div>
</a>
<a class="dropdown-item moj-profil-item user-logout-item" href="/sl/prijava?logout=true">
<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>
ODJAVA
</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='sl';</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='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;'></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'> <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' style='display:none'> <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="/sl">
<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='/sl/prometna-napoved'>Napovedi</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-white text-uppercase animate-underline' href='/sl/aktualna-napoved'>Aktualna napoved</a></li><li class='col-lg-3 col-md-6 col-sm-12'><a class='nav-link text-white text-uppercase animate-underline' href='/sl/prometni-koledar'>Prometni koledar</a></li><li class='col-lg-3 col-md-6 col-sm-12'><a class='nav-link text-white text-uppercase animate-underline' href='/sl/napoved-del'>Napoved del</a></li><li class='col-lg-3 col-md-6 col-sm-12'><a class='nav-link text-white text-uppercase animate-underline' href='/sl/nacrtovane-prireditve'>Nacrtovane prireditve</a></li><li class='col-lg-3 col-md-6 col-sm-12'><a class='nav-link text-white text-uppercase animate-underline' href='/sl/nacrtovana-dela'>Nacrtovana dela</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='/sl/tovorni-promet'>Tovorni promet</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-white text-uppercase animate-underline' href='/sl/splosne-omejitve'>Splošne omejitve</a></li><li class='col-lg-3 col-md-6 col-sm-12'><a class='nav-link text-white text-uppercase animate-underline' href='/sl/tehnicne-omejitve-cest'>Tehnične omejitve cest</a></li><li class='col-lg-3 col-md-6 col-sm-12'><a class='nav-link text-white text-uppercase animate-underline' href='/sl/omejitve-v-tujini'>Omejitve v tujini</a></li><li class='col-lg-3 col-md-6 col-sm-12'><a class='nav-link text-white text-uppercase animate-underline' href='/sl/izredni-prevozi'>Izredni prevozi</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='/sl/moj-promet'>Podrobni podatki</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-white text-uppercase animate-underline' href='/sl/kamere'>Kamere</a></li><li class='col-lg-3 col-md-6 col-sm-12'><a class='nav-link text-white text-uppercase animate-underline' href='/sl/dogodki'>Dogodki</a></li><li class='col-lg-3 col-md-6 col-sm-12'><a class='nav-link text-white text-uppercase animate-underline' href='/sl/aktualna-dela'>Dela</a></li><li class='col-lg-3 col-md-6 col-sm-12'><a class='nav-link text-white text-uppercase animate-underline' href='/sl/potovalni-casi'>Potovalni časi</a></li><li class='col-lg-3 col-md-6 col-sm-12'><a class='nav-link text-white text-uppercase animate-underline' href='/sl/pocivalisca'>Počivališča</a></li><li class='col-lg-3 col-md-6 col-sm-12'><a class='nav-link text-white text-uppercase animate-underline' href='/sl/stevci-prometa'>Števci prometa</a></li><li class='col-lg-3 col-md-6 col-sm-12'><a class='nav-link text-white text-uppercase animate-underline' href='/sl/sistem-burja'>Sistem Burja</a></li><li class='col-lg-3 col-md-6 col-sm-12'><a class='nav-link text-white text-uppercase animate-underline' href='/sl/map'>Zemljevid</a></li><li class='col-lg-3 col-md-6 col-sm-12'><a class='nav-link text-white text-uppercase animate-underline' href='/sl/mangart'>Cesta na Mangart</a></li></ul></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="/sl/arhiv-novic">Novice</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="module6" data-contentsection="Prometno poročilo"><div id="prometno-porocilo-solution-6" class="row g-5 mb-5 mb-md-0"><div class="col-12">
<promet-card>
<promet-card-header>Razmere v živo</promet-card-header>
<promet-card-body>
<div id="pp-sections-container-3"></div>
<!-- ni podatkov -->
<div id="pp-no-data-3" class="mt-3 d-none">
<div class="card">
<div class="card-body">
<div class="d-flex align-items-center">
<img src="/assets/icons/prometno_porocilo_dblue.svg" class="me-2" style="width: 40px; height: 40px;" alt="prometno porocilo ni podatkov"/>
<div data-promet-localize="noData"></div>
</div>
</div>
</div>
</div>
</promet-card-body>
</promet-card>
</div></div></div>
</div>
</div>
</div>
</div>
<div class='outerwrap'>
<div class='panelwrapper htmlmodule'>
<a id='module338' class='moduleanchor'></a>
<div class='outerbody'>
<div class='modulecontent'>
<div id='ctl00_leftContent_ctl01_divContent'>
</div>
<input type="hidden" name="ctl00$leftContent$ctl01$hdnIsDirty" id="ctl00_leftContent_ctl01_hdnIsDirty" />
</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="module9" data-contentsection="Zemljevid"><div id="zemljevid-solution-9"><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.sl.mb-style.json" class="w-100 h-100"></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="module252" data-contentsection="Overview"><div id="home-page-overview-solution-252">
<div class="row g-5 mt-3">
<div class="col-12 col-xl-6">
<!-- potovalni časi -->
<div id="potovalni-casi-card-149">
<promet-card>
<promet-card-header>
<a href="/sl/potovalni-casi" class="text-white animate-underline" data-promet-localize="casiTitle"></a>
</promet-card-header>
<promet-card-body>
<promet-potovalni-casi>
<div id="potovalni-casi-container-149"></div>
</promet-potovalni-casi>
</promet-card-body>
</promet-card>
</div>
</div>
<div class="col-12 col-xl-6">
<!-- #ujma2023 -->
<!-- <div id="ujma2023-card-149">
<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-149">
<promet-card>
<promet-card-header>
<a href="/sl/sistem-burja" class="text-white animate-underline" data-promet-localize="burja"></a>
</promet-card-header>
<promet-card-body>
<small data-promet-localize="burRegionalkaLong"></small>
<div class="my-3 text-primary fw-bold fs-h6" data-promet-localize="burMaxSpeed"></div>
<div id="burja-top-container-252"></div>
</promet-card-body>
</promet-card>
</div>
<!-- vreme -->
<div id="vreme-card-149" class="mt-5">
<promet-card>
<promet-card-header>
<span data-promet-localize="weather"></span>
</promet-card-header>
<promet-card-body>
<div id="vreme-container-252" class="row px-5 px-lg-0"></div>
</promet-card-body>
</promet-card>
</div>
</div>
</div>
</div></div>
</div>
</div>
</div>
</div>
<div class='outerwrap'>
<div class='panelwrapper flexi'>
<h2 class="accordion__title moduletitle" data-moduleid="module3376">Kartica test</h2>
<div class='outerbody'>
<div class='modulecontent'>
<div id="module3376" data-contentsection="Kartica test"><div id="kartica-solution-3376" class="row g-5 mt-0 mb-5 mb-md-0">
<div class="col-12 ">
<promet-card>
<promet-card-header>
<a id="title-link-2281" class="text-white animate-underline">Prometna napoved - klikk</a>
</promet-card-header>
<promet-card-body>
<div>
<p>HTML vsebina???</p>
</div>
</promet-card-body>
</promet-card>
</div>
<script>
const anchor = document.getElementById("title-link-2281");
const link = "sl/tehnicne-omejitve-cest";
if(link>'')anchor.setAttribute('href', link);
</script></div></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id='ctl00_divAltContent2' class=' cmszone bottom-pane clearfix p-0'>
<div class='outerwrap mt-5'>
<div class='panelwrapper flexi'>
<div class="bg-secondary promet-minus-ms promet-minus-me">
<div class="py-5 pt-0 mt-3 promet-ps promet-pe g-5">
<h2 class="text-center">Pomembna dela in dogodki</h2>
</div>
</div>
<div class='outerbody'>
<div class='modulecontent'>
<div id="module307" data-contentsection="Pomembna dela in dogodki">
<div class="bg-secondary promet-minus-ms promet-minus-me d-flex">
<div class="row pb-5 mt-4 pb-section promet-ps promet-pe g-5 flex-grow-1"><!--<a href="@SiteUtils.GetNavigationSiteRoot()@Model.ModulePageUrl" class="mb-5 mt-4 text-center" style="text-decoration: none;">
<h2 data-promet-localize="frontPagePrenoveTitle"></h2>
</a>-->
<div class="col-xl-4 col-lg-6 col-md-12">
<a href="https://promet.si/sl/priprava-na-zimske-razmere" style="text-decoration: none;">
<div class="rounded shadow-sm cursor-pointer" style="height: 225px; overflow: hidden;">
<div class="position-relative d-flex flex-column p-4 h-100">
<div class="position-absolute enlarge-on-hover" style="background-image: url(/Data/Sites/-1/media/images/zima/avto-zima.png) !important; background-size: cover; background-position: center; background-repeat: no-repeat; top: 0; left: 0; bottom: 0; right: 0;"></div>
<div class="text-white ms-auto text-right fs-h3 fw-bold" style="z-index: 1; pointer-events: none;"></div>
<div class="bg-primary text-white p-3 mt-auto me-5 mb-0 shadow rounded text-left text-uppercase fs-h4 fw-bold" style="z-index: 1; pointer-events: none;">Priprava na zimske razmere</div>
</div>
</div>
</a>
</div><div class="col-xl-4 col-lg-6 col-md-12">
<a href="/sl/preplastitev-vozišča-na-a1-kozina-črni-kal.aspx" style="text-decoration: none;">
<div class="rounded shadow-sm cursor-pointer" style="height: 225px; overflow: hidden;">
<div class="position-relative d-flex flex-column p-4 h-100">
<div class="position-absolute enlarge-on-hover" style="background-image: url(/Data/Sites/2/media/images/pomurska-avtocesta.jpg) !important; background-size: cover; background-position: center; background-repeat: no-repeat; top: 0; left: 0; bottom: 0; right: 0;"></div>
<div class="text-white ms-auto text-right fs-h3 fw-bold" style="z-index: 1; pointer-events: none;">Ljubljana - Koper, dela od 27. septembra do decembra 2021</div>
<div class="bg-primary text-white p-3 mt-auto me-5 mb-0 shadow rounded text-left text-uppercase fs-h4 fw-bold" style="z-index: 1; pointer-events: none;">A1, Kozina - Srmin</div>
</div>
</div>
</a>
</div><div class="col-xl-4 col-lg-6 col-md-12">
<a href="/sl/spremenjen-potek-prometa-predel-rabelj-italija" style="text-decoration: none;">
<div class="rounded shadow-sm cursor-pointer" style="height: 225px; overflow: hidden;">
<div class="position-relative d-flex flex-column p-4 h-100">
<div class="position-absolute enlarge-on-hover" style="background-image: url(/Data/Sites/2/media/images/predel.jpg) !important; background-size: cover; background-position: center; background-repeat: no-repeat; top: 0; left: 0; bottom: 0; right: 0;"></div>
<div class="text-white ms-auto text-right fs-h3 fw-bold" style="z-index: 1; pointer-events: none;">Spremenjen potek prometa</div>
<div class="bg-primary text-white p-3 mt-auto me-5 mb-0 shadow rounded text-left text-uppercase fs-h4 fw-bold" style="z-index: 1; pointer-events: none;">Predel - Rabelj (Italija)</div>
</div>
</div>
</a>
</div></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class='outerwrap'>
<div class='panelwrapper flexi'>
<div class='outerbody'>
<div class='modulecontent'>
<div id="module7" data-contentsection="Oglas Promet+"><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="/priprava-na-zimske-razmere" 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="Promet+"/>
<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="/priprava-na-zimske-razmere" 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/e-vinjeta.jpeg" alt="E-vinjeta"/>
<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="/home" 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/blue-and-white-greeting-family-merry-christmas-last.gif" alt="Voščilo"/>
<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 htmlmodule'>
<a id='module319' class='moduleanchor'></a>
<div class='outerbody'>
<div class='modulecontent'>
<div id='ctl00_altContent2_ctl02_divContent'>
<style>
@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">KONTAKT</div>
<ul class="footer-ul">
<li>
<div class="d-flex align-items-center">
<img alt="telefon" class="footer-icon" width="18px" height="18px" alt="phone" src="/assets/icons/phone_white.svg">
<a href="sl/1970" class="animate-underline">
<span class="ms-1">1970 <span class="footer-kontakt-small">številka ni brezplačna</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" alt="email" 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="sedež" class="footer-icon" width="18px" height="18px" alt="address" 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" alt="fb" 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" alt="twitter" 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="/sl/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"> Kolofon
</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">RAZVIJALCI IN B2B</div>
<ul class="footer-ul">
<li><a href="https://www.nap.si/sl" class="animate-underline" target="_blank">Nacionalna točka dostopa (NAP)</a></li>
<li><a href="/sl/vkljucki-spletne-strani" class="animate-underline">Vključki za spletne strani</a></li>
<li><a href="/sl/vkljucki-razvijalci" class="animate-underline">Vključki za razvijalce</a></li>
<li><a href="/sl/vkljucki-razvijalci#standardi-dokumentacija" class="animate-underline">Standardi in dokumentacija</a></li>
</ul>
<div class="flex-grow-1 d-flex align-items-end">
<a href="/sl/kolofon#pravice-in-dolznosti-uporabnikov" class="animate-underline">
<div class="d-flex align-items-center">
<img alt="politika zasebnosti" src="/assets/icons/politika_zasebnosti_white.svg" width="32px" height="32px" class="footer-icon"> Politika zasebnosti
</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">PRENESITE 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="/sl/aplikacija-promet"><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="/sl/kolofon#pravice-in-dolznosti-uporabnikov" 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"> Pogoji uporabe
</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">POVEZAVE</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/si/izracun" target="_blank" rel="noopener" class="animate-underline">DarsGo</a></li>
<li><a href="https://evinjeta.dars.si/" target="_blank" rel="noopener" class="animate-underline">e-vinjeta</a></li>
<li><a href="http://www.mzp.gov.si/" target="_blank" rel="noopener" class="animate-underline">Ministrstvo za infrastrukturo</a></li>
<li><a href="http://www.di.gov.si/" target="_blank" rel="noopener" class="animate-underline">Direkcija RS za infrastrukturo</a></li>
<li><a href="https://www.policija.si/" target="_blank" rel="noopener" class="animate-underline">Policija</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="/sl/prometne-informacije-v-tujini" class="animate-underline">
<div class="d-flex align-items-center">
<img alt="informacije za tujino" src="/assets/icons/prometne_informacije_v_tujini_white.svg" width="32px" height="32px" class="footer-icon"> Prometne informacije v tujini
</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-2024 Prometno informacijski center za državne ceste, 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>© 2024 DARS d.d.</small>
</div>
<div class="col-sm-6 text-xs-center text-sm-right">
<a class="sitelink" rel="nofollow" href="/sl/Secure/Login.aspx?returnurl=%2fsl">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://promet-dars.geoprostor.net/Data/SuperFlexi/Solutions/Prometno porocilo/resources/data.js" data-name="flexiScript_PrometnoPorociloData"></script>
<script type="text/javascript" src="https://promet-dars.geoprostor.net/Data/SuperFlexi/Solutions/Home Page Overview noborders/resources/data.js" data-name="flexiScript_PotovalniCasiData"></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>
<script type="text/javascript">
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(ga);
})();
</script>
<!-- Main Script -->
<script src="/Data/Sites/2/skins/framework/js/bootstrap.bundle.min.js" type="text/javascript" ></script>
<!-- Change Bootstrap plugin names to fix name collision with jQueryUI -->
<!--<script>var bstt = $.fn.tooltip.noConflict(); $.fn.bsTooltip = bstt;</script>-->
<script src="/Data/Sites/2/skins/framework/js/vendors/smartmenus/jquery.smartmenus.min.js" type="text/javascript" ></script>
<script src="/Data/Sites/2/skins/framework/js/vendors/smartmenus/jquery.smartmenus.bootstrap.min.js" type="text/javascript" ></script>
<script src="/Data/Sites/2/skins/framework/js/main.min.js" type="text/javascript" ></script>
<script>
// responsive
//const center = document.getElementById('ctl00_divCenter');
//center.classList.remove('col-md-9');
//const fi = $('.footer-icon');
//fi.css('width', '18px');
//fi.css('height', '18px');
// novice
</script>
<script type='text/javascript'>
var SecondEGO = ('https:' == document.location.protocol ? 'https:' : 'http:') + '//dashboard.secondego.com/Web/';
(function() {
var a = document.createElement('script');a.type = 'text/javascript';a.async = true;
a.src = SecondEGO + 'Assets/fac17a4b-d7ff-4a05-8417-82a7b84e0f74';
var b = document.getElementsByTagName('script')[0];
b.parentNode.insertBefore(a, b);
})();
</script>
<script type='text/javascript'>
function onPageSearchInputClick()
{
setTimeout(afterPageSearchInputClick,0);
return false;
}
function afterPageSearchInputClick()
{
var homeInput = document.getElementById("pageSearchInputBox");
SEgo.askExternal(homeInput.value);
};
if(document.getElementById("pageSearchTextBoxConteinarSpan"))
document.getElementById("pageSearchTextBoxConteinarSpan").innerHTML='<input id="pageSearchInputBox" type="text" class="justlikebodytext" placeholder="Iskanje..." style="width:177px; height:16px; border:0px; padding:0px; padding-left:8px; margin:0px; outline:none" onkeypress="if(event.keyCode==13){onPageSearchInputClick(); return false;}"/>';
if(document.getElementById("pageSearchTextBoxConteinarDiv"))
document.getElementById("pageSearchTextBoxConteinarDiv").style.visibility="visible";
</script>
<script type='text/javascript'>
function refreshLoginHeader()
{
try
{
if(typeof(appSettings)!="undefined" && typeof(PrometUserToken)!="undefined" && typeof(IsStorageEnabled)!="undefined")
{
IsStorageEnabled()
{
var user=PrometUserToken.getUser();
//document.getElementById("prometUserHeaderIcon").src= "//Data/Sites/1/skins/realis-promet_v2/" + (user ? "user_silhouette_active.png" : "user_silhouette.png")
//if(user)
//{
// document.getElementById("prometUserHeaderIcon").title=GetDictValue("loginAsUser", appSettings.lng).replace("{username}",user.email);
// document.getElementById("prometUserPrijavaOption").innerHTML=GetDictValue("loginLogout", appSettings.lng).toUpperCase();
// var s=document.getElementById("prometUserPrijavaOption").parentNode.href;
// document.getElementById("prometUserPrijavaOption").parentNode.href=s.split("?")[0]+"?logout=true";
// document.getElementById("prometUserHeaderIcon").parentNode.href=s.split("?")[0]+"?logout=true";
//}
//else
//{
// document.getElementById("prometUserHeaderIcon").title=GetDictValue("loginNotLoggedIn", appSettings.lng);
// document.getElementById("prometUserPrijavaOption").innerHTML=GetDictValue("loginLogin", appSettings.lng).toUpperCase();
// var s=document.getElementById("prometUserPrijavaOption").parentNode.href;
// document.getElementById("prometUserPrijavaOption").parentNode.href=s.split("?")[0];
// document.getElementById("prometUserHeaderIcon").parentNode.href=s.split("?")[0];
//}
var items=document.getElementsByClassName("user-login-item");
for(var f=0;f<items.length;f++)
items[f].style.display= user ? "none": "";
var items=document.getElementsByClassName("user-logout-item");
for(var f=0;f<items.length;f++)
items[f].style.display= user ? "": "none";
//document.getElementById("prometUserHeaderIcon").style.display="";
//document.getElementById("prometUserPrijavaOption").style.display="";
GlobalPrometEventRegister("loginlogout",refreshLoginHeader);
}
}
}
catch(ex)
{ }
}
refreshLoginHeader();
</script>
</body>
</html>