CINXE.COM

<!DOCTYPE html> <html lang="it"> <head> <base href="/"> <title>Comune di Macerata</title> <meta charset="UTF-8"> <meta name="description" content=""> <link rel="icon" type="image/png" sizes="192x192" href="/favicon-192x192.png"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <meta name="theme-color" content="#ffffff"> <link rel="canonical" href="https://webtv.comune.macerata.it"/> <meta property="og:url" content="https://webtv.comune.macerata.it"> <meta property="og:title" content="Comune di Macerata"> <meta property="og:description" content=""> <meta name="twitter:card" content="summary"> <meta name="twitter:title" content="Comune di Macerata"> <meta name="twitter:description" content=""> <meta name="twitter:url" content="https://webtv.comune.macerata.it"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="apple-mobile-web-app-capable" content="no"> <meta name="apple-mobile-web-app-status-bar-style" content="white"> <link rel='stylesheet' type='text/css' href='https://fonts.googleapis.com/css?family=Roboto:400,300,700,500' property="stylesheet"> <style>.jw-skin-vapor .jw-display-icon-container{border-radius:2em}.jw-skin-vapor .jw-dock-button{border-radius:2em}.jw-skin-vapor:not(.jw-ie) .jw-controlbar .jw-controlbar-center-group .jw-text-alt{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);margin:auto;bottom:auto}.jw-skin-vapor:not(.jw-flag-time-slider-above) .jw-controlbar,.jw-skin-vapor.jw-flag-ads-googleima .jw-controlbar{height:2em}.jw-skin-vapor:not(.jw-flag-time-slider-above) .jw-controlbar .jw-overlay,.jw-skin-vapor.jw-flag-ads-googleima .jw-controlbar .jw-overlay{bottom:2em}.jw-skin-vapor:not(.jw-flag-time-slider-above) .jw-icon-inline,.jw-skin-vapor.jw-flag-ads-googleima .jw-icon-inline,.jw-skin-vapor:not(.jw-flag-time-slider-above) .jw-icon-tooltip,.jw-skin-vapor.jw-flag-ads-googleima .jw-icon-tooltip,.jw-skin-vapor:not(.jw-flag-time-slider-above) .jw-text-elapsed,.jw-skin-vapor.jw-flag-ads-googleima .jw-text-elapsed,.jw-skin-vapor:not(.jw-flag-time-slider-above) .jw-text-duration,.jw-skin-vapor.jw-flag-ads-googleima .jw-text-duration,.jw-skin-vapor:not(.jw-flag-time-slider-above) .jw-text-countdown,.jw-skin-vapor.jw-flag-ads-googleima .jw-text-countdown{height:2em;line-height:2em}.jw-skin-vapor:not(.jw-flag-time-slider-above) .jw-selection-menu .jw-menu-selection-text,.jw-skin-vapor.jw-flag-ads-googleima .jw-selection-menu .jw-menu-selection-text{height:2.668em;line-height:2.668em}.jw-skin-vapor.jw-flag-ads.jw-ie .jw-text-alt,.jw-skin-vapor.jw-flag-live.jw-ie .jw-text-alt{top:1px;margin:0}.jw-skin-vapor:not(.jw-flag-time-slider-above):not(.jw-flag-small-player) .jw-time-tip{bottom:1em}.jw-skin-vapor:not(.jw-flag-time-slider-above):not(.jw-flag-small-player) .jw-captions{max-height:calc(100% - 38px)}.jwplayer.jw-skin-vapor:not(.jw-flag-time-slider-above):not(.jw-flag-small-player) video::-webkit-media-text-track-container{max-height:calc(100% - 38px)}.jw-skin-vapor:not(.jw-flag-time-slider-above):not(.jw-flag-small-player) .jw-controls .jw-controls-right{bottom:2em}.jw-skin-vapor:not(.jw-flag-time-slider-above):not(.jw-flag-small-player).jw-flag-audio-player .jw-controlbar{height:100%}.jw-skin-vapor:not(.jw-flag-time-slider-above):not(.jw-flag-small-player).jw-flag-audio-player .jw-icon-inline,.jw-skin-vapor:not(.jw-flag-time-slider-above):not(.jw-flag-small-player).jw-flag-audio-player .jw-icon-tooltip,.jw-skin-vapor:not(.jw-flag-time-slider-above):not(.jw-flag-small-player).jw-flag-audio-player .jw-text-elapsed,.jw-skin-vapor:not(.jw-flag-time-slider-above):not(.jw-flag-small-player).jw-flag-audio-player .jw-text-duration,.jw-skin-vapor:not(.jw-flag-time-slider-above):not(.jw-flag-small-player).jw-flag-audio-player .jw-text-countdown{height:auto;line-height:normal}.jw-skin-vapor:not(.jw-flag-time-slider-above):not(.jw-flag-small-player) .jw-icon-inline,.jw-skin-vapor:not(.jw-flag-time-slider-above):not(.jw-flag-small-player) .jw-icon-tooltip{min-width:1.25em}.jw-skin-vapor:not(.jw-flag-time-slider-above):not(.jw-flag-small-player) .jw-selection-menu{padding:0 .25em}.jw-skin-vapor .jw-background-color{background:rgba(255,255,255,0.4)}.jw-skin-vapor .jw-text{color:rgba(0,0,0,0.5)}.jw-skin-vapor .jw-knob{color:rgba(0,0,0,0.5);background-color:#666666}.jw-skin-vapor .jw-button-color{color:rgba(0,0,0,0.5);fill:rgba(0,0,0,0.5)}.jw-skin-vapor:not(.jw-flag-touch) .jw-button-color:hover,.jw-skin-vapor .jw-button-color:focus{outline:none;color:#666666;fill:#666666}.jw-skin-vapor .jw-toggle{color:#666666}.jw-skin-vapor .jw-toggle.jw-off{color:rgba(0,0,0,0.5)}.jw-skin-vapor .jw-toggle.jw-off:focus{color:#666666}.jw-skin-vapor .jw-toggle:focus{outline:none}.jw-skin-vapor:not(.jw-flag-touch) .jw-toggle.jw-off:hover{color:#666666}.jw-skin-vapor .jw-display-icon-container{margin:0 .25em}.jw-skin-vapor .jw-display-icon-container .jw-icon{color:rgba(255,255,255,0.5)}.jw-skin-vapor .jw-rail{background:rgba(255,255,255,0.4)}.jw-skin-vapor .jw-buffer{background:rgba(0,0,0,0.5)}.jw-skin-vapor .jw-progress{background:#666666}.jw-skin-vapor .jw-slider-horizontal{height:2em}.jw-skin-vapor .jw-slider-horizontal .jw-rail,.jw-skin-vapor .jw-slider-horizontal .jw-buffer,.jw-skin-vapor .jw-slider-horizontal .jw-progress{height:2em}.jw-skin-vapor .jw-slider-horizontal .jw-knob{margin-left:-2em}.jw-skin-vapor .jw-slider-vertical .jw-knob{margin-bottom:-2em}.jw-skin-vapor .jw-slider-vertical .jw-slider-container,.jw-skin-vapor .jw-slider-vertical .jw-rail,.jw-skin-vapor .jw-slider-vertical .jw-progress{width:.5em}.jw-skin-vapor .jw-menu,.jw-skin-vapor .jw-time-tip,.jw-skin-vapor .jw-volume-tip{border:0}.jw-skin-vapor .jw-menu,.jw-skin-vapor .jw-time-tip{padding:.5em}.jw-skin-vapor .jw-volume-tip{padding:1em}.jw-skin-vapor .jw-skip{padding:.5em}.jw-skin-vapor .jw-skip .jw-skiptext,.jw-skin-vapor .jw-skip .jw-skip-icon{color:rgba(0,0,0,0.5)}.jw-skin-vapor .jw-skip.jw-skippable:hover .jw-skip-icon,.jw-skin-vapor .jw-skip.jw-skippable:hover .jw-text{color:#666666}.jw-skin-vapor .jw-time-tip .jw-text,.jw-skin-vapor .jw-dock-button .jw-text{color:rgba(0,0,0,0.5)}.jw-skin-vapor .jw-dock-button{background:rgba(0,0,0,0.5)}.jw-skin-vapor:not(.jw-flag-touch) .jw-dock-button:hover{background:#000}.jw-skin-vapor .jw-icon-cast button{--connected-color:#666666;--disconnected-color:rgba(0,0,0,0.5)}.jw-skin-vapor .jw-icon-cast button:focus{--connected-color:#666666;--disconnected-color:#666666}.jw-skin-vapor .jw-icon-cast button.jw-off{--connected-color:rgba(0,0,0,0.5)}.jw-skin-vapor .jw-icon-cast:hover button{--connected-color:#666666;--disconnected-color:#666666}.jw-skin-vapor .jw-nextup-container{bottom:2em;padding:5px .5em}.jw-skin-vapor .jw-nextup{border-radius:.25em}.jw-skin-vapor .jw-nextup-header{background:rgba(128,128,128,0.9);color:#666666}.jw-skin-vapor .jw-nextup-body{background:rgba(77,77,77,0.9);color:#fff}.jw-skin-vapor .jw-nextup-thumbnail-visible+.jw-nextup-title:after{background:-webkit-linear-gradient(top, rgba(77,77,77,0) 0, #4d4d4d 100%);background:linear-gradient(-180deg, rgba(77,77,77,0) 0, #4d4d4d 100%)}.jw-skin-vapor .jw-nextup-close{color:rgba(0,0,0,0.5)}.jw-skin-vapor .jw-nextup-close:active{color:#666666}.jw-skin-vapor .jw-nextup-close:hover{color:#666666}.jw-skin-vapor.jwplayer:not(.jw-flag-touch):not(.jw-error):not(.jw-state-error):not(.jw-state-buffering) .jw-media:hover~.jw-controls .jw-display-icon-display{background-color:#000}.jw-skin-vapor.jwplayer:not(.jw-flag-touch):not(.jw-error):not(.jw-state-error):not(.jw-state-buffering) .jw-display-icon-container:hover{background-color:#000}.jw-skin-vapor.jwplayer:not(.jw-flag-touch):not(.jw-error):not(.jw-state-error):not(.jw-state-buffering) .jw-display-icon-container:hover .jw-icon{color:#666666}.jw-skin-vapor .jw-color-active{color:#666666;stroke:#666666;border-color:#666666}.jw-skin-vapor:not(.jw-flag-touch) .jw-color-active-hover:hover{color:#666666;stroke:#666666;border-color:#666666}.jw-skin-vapor .jw-color-inactive{color:rgba(0,0,0,0.5);stroke:rgba(0,0,0,0.5);border-color:rgba(0,0,0,0.5)}.jw-skin-vapor:not(.jw-flag-touch) .jw-color-inactive-hover:hover{color:rgba(0,0,0,0.5);stroke:rgba(0,0,0,0.5);border-color:rgba(0,0,0,0.5)}.jw-skin-vapor .jw-option{color:rgba(0,0,0,0.5)}.jw-skin-vapor .jw-option.jw-active-option{color:#666666;background-color:rgba(255,255,255,0.5)}.jw-skin-vapor:not(.jw-flag-touch) .jw-option:hover{color:#666666}.jw-skin-vapor .jw-icon-inline,.jw-skin-vapor .jw-icon-tooltip,.jw-skin-vapor .jw-text-elapsed,.jw-skin-vapor .jw-text-countdown,.jw-skin-vapor .jw-text-duration{padding:0 .5em}.jw-skin-vapor .jw-display-icon-container{background-color:rgba(0,0,0,0.5);border-radius:50%}.jw-skin-vapor .jw-time-tip,.jw-skin-vapor .jw-volume-tip,.jw-skin-vapor .jw-menu{border-radius:.5em;bottom:.3em}.jw-skin-vapor .jw-skip{border-radius:.5em}.jw-skin-vapor .jw-icon-inline,.jw-skin-vapor .jw-icon-tooltip,.jw-skin-vapor .jw-slider-horizontal,.jw-skin-vapor .jw-text-elapsed,.jw-skin-vapor .jw-text-duration,.jw-skin-vapor .jw-text-countdown{height:2em;line-height:2em}.jw-skin-vapor .jw-slider-horizontal .jw-knob,.jw-skin-vapor .jw-slider-horizontal .jw-cue{height:2em}.jw-skin-vapor .jw-slider-horizontal .jw-knob{margin-left:0;background-color:#fff;width:.2em;top:0}.jw-skin-vapor .jw-slider-horizontal .jw-cue{top:.67em;background:rgba(255,255,255,0.5);height:.66em}.jw-skin-vapor .jw-slider-vertical{padding:.4em;bottom:3px;border-radius:2px;border:0}.jw-skin-vapor .jw-slider-vertical .jw-knob{display:none}.jw-skin-vapor .jw-slider-vertical .jw-rail{background:rgba(0,0,0,0.5)}.jw-skin-vapor .jw-slider-vertical .jw-rail,.jw-skin-vapor .jw-slider-vertical .jw-progress{border:1px solid #000}.jw-skin-vapor .jw-icon-cc:before{content:"\e604"}.jw-skin-vapor .jw-icon-hd:before{content:"\e609"}.jw-skin-vapor.jw-flag-audio-player .jw-controlbar{background:rgba(0,0,0,0.5)}.jw-skin-vapor.jw-flag-audio-player .jw-controlbar-center-group{padding-bottom:0}.jw-skin-vapor.jw-flag-time-slider-above .jw-slider-volume.jw-slider-horizontal{height:.5em}.jw-skin-vapor.jw-flag-time-slider-above .jw-slider-volume.jw-slider-horizontal .jw-rail,.jw-skin-vapor.jw-flag-time-slider-above .jw-slider-volume.jw-slider-horizontal .jw-progress,.jw-skin-vapor.jw-flag-time-slider-above .jw-slider-volume.jw-slider-horizontal .jw-buffer,.jw-skin-vapor.jw-flag-time-slider-above .jw-slider-volume.jw-slider-horizontal .jw-knob{height:.5em}.jw-skin-vapor.jw-flag-time-slider-above .jw-controlbar .jw-group>.jw-text{color:rgba(255,255,255,0.6)}.jw-skin-vapor.jw-flag-time-slider-above .jw-controlbar .jw-group>.jw-button-color{color:rgba(255,255,255,0.6);fill:rgba(255,255,255,0.6)}.jw-skin-vapor.jw-flag-time-slider-above .jw-controlbar .jw-group>.jw-button-color:hover{color:#666666;fill:#666666}.jw-skin-vapor.jw-flag-time-slider-above .jw-controlbar .jw-group>.jw-button-color:focus{color:#666666;fill:#666666}</style> <style>@font-face { font-family: 'FontAwesome'; src: url('/fonts/fontawesome-webfont.eot?v=4.2.0'); src: url('/fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'), url('/fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'), url('/fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'), url('/fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ailerons'; src: url('/fonts/ailerons.eot'); src: url('/fonts/ailerons.eot?#iefix') format('embedded-opentype'), url('/fonts/ailerons.woff2') format('woff2'), url('/fonts/ailerons.woff') format('woff'), url('/fonts/ailerons.ttf') format('truetype'), url('/fonts/ailerons.svg#aileronsregular') format('svg'); font-weight: normal; font-style: normal; } * { -moz-outline-style: none; outline: none; border: 0; margin: 0; padding: 0; box-sizing: border-box; } html { width: 100%; height: 100%; } article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display: block;} b,strong {font-weight: 700;} img { color: transparent; font-size: 0; vertical-align: middle; } li { display: list-item; list-style: none; } a { color: #666666; text-decoration: none; } a img {border: 0;} table {border-spacing: 0; border-collapse: collapse;} table td, table th {vertical-align: top;} .sym { font-family: 'FontAwesome'; font-size: 1.3em; line-height: 110%; text-decoration: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body { overflow: scroll; font-family: Roboto, Arial; font-size: 13.5px; font-weight: 300; background: #efefef; color: #666666; -webkit-font-smoothing: antialiased; } header { position: fixed; z-index: 80; top: 0; left: 0; display: block; float: left; clear: both; width: 100%; height: 35px; min-height: 35px; background: #F6F6F6; box-shadow: 0 1px 5px #999; } header ul a {text-transform: uppercase;} header .main_logo { height: 26px; overflow: hidden; float: left; clear: left; margin: 4px 0 0 7px; } header.open .main_logo img {margin-top:-26px;} header .toggle { display: none; float: right; clear: right; margin: 4px 10px 0 0; width: 18px; height: 18px; cursor: pointer; font-size: 1.7em; color: #666666; } header.open { height: auto; background: #666666; color: #fff; } header.open .toggle { display: block; color: #fff; } header .toggle:before {content: "\f0c9"} header.open .toggle:before {content: "\f00d"} header li { display: block; float: left; clear: none; margin: 0 0 0 30px; cursor: pointer; padding: 0 10px; } header li a { text-decoration: none; font-size: 1.2em; font-weight: 700; color: #777; line-height: 35px; } header li a .sym {font-size: 0.9em} header li.attivo { background: rgba(0,0,0,0.9); } header li.attivo a { color: #fff; } header li.live {display:none} header li.live a {color: #666666} header li.live.attivo a {color: #fff} header h1 { font-size: 20px; line-height: 70px; font-weight: 300; float: left; clear: none; margin: 0 0 0 6px; } header .customHeader { float: right; } header .logout { float: right; clear: right; margin: 8px 8px 0 8px; } header .lingue { float: right; clear: none; margin: 8px 8px 0 8px; position: relative } header .lingue ul { left: -140px; } header .lingue ul li:hover { background: #fff; } #top-main { position: relative; float: left; clear: both; z-index: 20; top: 0; left: 0; width: 100%; min-height: 600px; } #top-main .bg { display: block; position: absolute; top: 0; left: 0; margin: 0; width: 100%; height: 400px; background-image: url(/lib/default_bg.gif); background-repeat: no-repeat; background-size: cover; background-position: center center; box-shadow: 0px 2px 9px #aaa; } #top-main .bg.blur { opacity: 0.6; -webkit-filter: blur(10px); -moz-filter: blur(10px); -o-filter: blur(10px); -ms-filter: blur(10px); filter: blur(10px); } #top-main.blur .bg.opaque { opacity: 0; } #megamenu { position: fixed; width: 100%; min-height: 365px; overflow: auto; padding-bottom: 15px; top: 35px; background: rgba(0,0,0,0.9); z-index: 300; display: none; } #megamenu a { color: #fff; font-weight: 300; } #megamenu .mobile { display: none; width: 80%; text-align: center; margin: 16px auto 0 auto; padding: 16px 0 0 0; font-size: 1.3em; font-weight: 700; line-height: 150%; border-top: 2px solid #eee; } #megamenu .mobile.first {border-top: 0; margin-top: 4px;} #megamenu h1 { background: #BF2B2D; color: #fff; padding: 0 7px; font-size: 1.2em; line-height: 26px; height: 26px; overflow: hidden; float: left; clear: both; text-transform: uppercase; margin: 0 0 10px 0; } #megamenu h1 a {color: #fff;} #megamenu h2 { /*color: #BF2B2D;*/ color:white; float: left; clear: both; font-size: 1em; line-height: 110%; } #megamenu h3 { color: #fff; float: left; clear: both; font-size: 1em; line-height: 130%; font-weight: 300; } #megamenu img { float: left; clear: both; margin: 0; max-width: 160px; max-height: 90px; } #megamenu .canale { position: relative; float: left; clear: none; margin: 25px 0 0 0; width: 33.33333333333%; text-align: center; border-right: 1px solid #999; height: 310px; } #megamenu .canale.last { border-right: 0; clear: right; } #megamenu .canale li { display: block; float: left; clear: both; width: 90%; margin: 20px 5% 0 5%; padding: 0; } #megamenu .canale h1 { float: none; text-align: center; width: 70%; margin: 0 auto; font-size: 1.1em; } #megamenu .canale img { float: left; clear: left; max-width: 45%; max-height: 70px; margin-right: 5%; } #megamenu .canale h2, #megamenu .canale h3 { float: left; clear: right; text-align: left; width: 50%; max-height: 56px; overflow: hidden; } #megamenu .cd { float: right; clear: right; text-align: center; margin: -4px 0 0 0; } #megamenu .cd span { font-size: 1.2em; color: #fff; line-height: 110%; } #megamenu .all { display: block; position: absolute; top: 100%; margin: 0 0 0 -78px; left: 90%; color: #fff; font-size: 1em; font-weight: 700; } #megamenu .voce { float: left; clear: both; width: 100%; } #megamenu .voce.live section { float: left; clear: none; width: 50%; min-height: 310px; overflow: hidden; margin: 25px 0 0 0; } #megamenu .voce.live ul { float: left; clear: both; width: 100%; } #megamenu .voce.live li { float: left; clear: none; margin: 8px 30px 0 0; } #megamenu .voce.live .hgroup { display: block; float: left; clear: left; margin: 0; font-size: 1.1em; line-height: 130%; } #megamenu #lives_liveNow {border-right: 1px solid #999;} #megamenu #lives_liveNow h1 { border: 0; background-color: #666666; border-radius: 2px; color: #fff; } #megamenu #lives_liveNow h1 span:before {content: "\f04b"; font-size:0.7em} #megamenu #lives_nextLive h1 {border: 0; margin: 0 0 0 6%} #megamenu #lives_liveNow img {margin: 0 0 3px 0;} #megamenu #lives_nextLive img {display: none;} #megamenu #lives_liveNow .cd {display:none;} #megamenu #lives_nextLive li { clear: both; width: 94%; border-bottom: 1px solid #999; margin: 12px 0 0 6%; padding: 20px 0; } #home-top { width: 100%; height: auto; } #home-top hgroup {float: left; clear: both; margin:0 0 30px 0} #home-top h1 { color: #fff; text-shadow: 0px 0px 15px #555; text-align: center; line-height: 110%; min-height: 80px; margin: 0; font-size: 4.8em; font-weight: 700; } #home-top h1.double { margin-top: 100px; min-height: 150px; } #home-top h1.cat { background: #666666; color: #fff; text-transform: uppercase; font-size: 3em; float: left; clear: both; padding: 0 20px; line-height: 130%; min-height: 30px; margin: 36px 0 0 -20px; } #home-top h2 { font-size: 2.5em; color: #fff; text-shadow: 0px 0px 8px #555; text-align: center; min-height: 100px; line-height: 110%; margin: -10px 0 0 0; } #home-top h2.left { float: left; clear: both; margin: 5px 0 0 -20px; background: #BF2B2D; min-height: 0; padding: 4px 20px; } #home-top .logo1 { display: block; max-width: 100%; margin: 20px auto; } aside { float: left; clear: left; width: 186px; margin: 0; } #home-top aside li { float: left; clear: both; padding: 0; margin: 4px 0 0 0; width: 100%; } #home-top aside li p { float: left; clear: none; font-size: 1em; line-height: 120%; color: #888; width: 90%; } #home-top aside li a {color: #888} #home-top aside li p.sym { margin: 0; width: 10%; color: #666666; } #home-top .logo { float: left; clear: left; width: 186px; height: 186px; background: #fff; box-shadow: 0 0 8px #888; text-align: center; line-height: 184px; margin: 0 0 10px 0; border-radius: 4px; } #home-top .logo img { max-height: 186px; max-width: 186px; } label.cat { display: block; position: absolute; background: #BF2B2D; padding: 0 4px; text-transform: uppercase; height: 20px; border-radius: 3px; border-bottom-left-radius: 0; top: 5px; left: -6px; } label.cat p { position: relative; margin: 0; overflow: hidden; height: 20px; width: 100%; color: #fff; font-size: 0.8em; font-weight: 700; line-height: 21px; } label.cat:before { content: ""; line-height: 0; display: block; width: 0; height: 0; border-top: 6px solid #BF2B2D; filter: brightness(70%); border-left: 6px solid transparent; position: absolute; top: 100%; left: 0; } #home-evidenza { float: right; clear: right; position: relative; width: 810px; height: 260px; box-shadow: 0 0 8px #888; border-radius: 4px; } #home-evidenza.centrata { float: left; clear: both; margin-left: 11%; } #home-evidenza .info { position: relative; float: right; clear: right; top: 0; left: 0; width: 240px; height: 100%; margin: 0; padding: 0 15px; background: #fff; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } #home-evidenza .poster { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; border-radius: 4px; } #home-evidenza .poster_slider { position: relative; left: 0; top: 0; width: 99999px; height: 100%; } #home-evidenza .poster_slider a { position: relative; display: inline-block; width: 500px; height: 100%; } #home-evidenza .poster_slider img { width: 100%; height: 100%; } #home-evidenza h3 { font-size: 1.3em; color: #999; margin: 30px 0 0 0; cursor: pointer; } #home-evidenza h4 { font-size: 1.1em; line-height: 120%; color: #666666; cursor: pointer; } #home-evidenza h5 { font-size: 1.0em; color: #444; } #home-evidenza h6 { margin-top: 5px; font-size: 1.3em; } #home-evidenza .descrizione { font-size: 0.8em; line-height: 130%; font-weight: 700; color: #aaa; margin: 5px 0; min-height: 50px; max-height: 70px; overflow: hidden; } #home-evidenza label.cat { right: -6px; left: auto; border-bottom-left-radius: 3px; border-bottom-right-radius: 0; } #home-evidenza label.cat:before { border-top: 6px solid #BF2B2D; border-right: 6px solid transparent; border-left: 0; filter: brightness(70%); left: auto; right: 0; } .btns li { font-size: 0.9em; float: right; clear: none; color: #333; margin-right: 10px; } .btns li .sym { color: #666666; font-size: 1em; } #puntoAttualeDetails { display: none; width: 230px; height: 130px; margin: 0; padding: 5px 10px; border-radius: 4px; background: rgba(0,0,0,0.5); position: absolute; left: auto; right: 9px; top: 9px; z-index: 6; } #puntoAttualeDetails h1 { font-size: 1.2em; color: #fff; font-weight: 300; } #puntoAttualeDetails h1 span { font-size: 1.6em; color: #fff; } #puntoAttualeDetails .nano { height: 52px; } #puntoAttualeDetails .nano .text { width: 104%; font-size: 0.8em; color: #fff; } #puntoAttualeDetails .btns { width: 100%; border-top: 1px solid #606060; margin-top: 5px; } #puntoAttualeDetails .btns figure { display: block; float: left; clear: none; font-size: 1.5em; color: #fff; margin: 7px 0 0 0; cursor: pointer; } #puntoAttualeDetails .btns figure.begin {margin-left: 38%;} #puntoAttualeDetails .btns figure.next {float:right;clear:right} #home-evidenza .btns { display: block; position: absolute; top: 100%; right: 5px; margin: -50px 12px 0 0; } #home-evidenza .slider { display: block; position: absolute; top: 100%; margin: -22px 0 0 0; } #home-evidenza .slider li { float: left; clear: none; font-size: 0.5em; line-height: 200%; color: #ccc; margin: 0; padding: 1px 6px 0 6px; cursor: pointer; } #home-evidenza .slider li.attivo { color: #666666; } #home-evidenza .slider .left, #home-evidenza .slider .right { font-size: 1.1em; line-height: 100%; color: #666666; padding: 0 16px; } .fullCenter { position: relative; width: 768px; height: auto; margin: 0 auto; padding: 0; } #mainContent { position: relative; top: 0; z-index: 20; } #mainMultimediaBlock { margin: 0; padding: 0; position: relative; width: 100%; height: auto; overflow: hidden; /*box-shadow: 3px 3px 12px #888;*/ } #videoDataCommands { position: absolute; max-width: 46%; top: 9px; left: 9px; z-index: 8; } #videoDataCommands .hgroup { float: left; clear: both; position: relative; background: rgba(0,0,0,0.5); height: auto; line-height: 130%; padding: 3px 10px; border-radius: 4px; } #videoDataCommands h1 { float: left; clear: both; color: #fff; line-height: 130%; margin: 0; } #videoDataCommands h1 span { display: block; font-weight: 300; } #videoDataCommands .btns { float: left; clear: both; } #videoDataCommands_mobile { display: none; float: left; clear: both; width: 100%; padding: 10px; background: #D2D2D2; } #videoDataCommands_mobile h1, #videoDataCommands_mobile h2 { color: #000; text-align: left; font-size: 1.3em; } #videoDataCommands_mobile h2 { font-size: 1.1em; font-weight: 400; } #puntoAttualeDetails_mobile { float: left; clear: both; width: 100%; margin: 5px 0; } #puntoAttualeDetails_mobile h1 {color: #444; font-size:1.2em} #puntoAttualeDetails_mobile h1 span {color: #666666; font-size:1.4em} #puntoAttualeDetails_mobile .text { float: right; clear: right; width: 80%; height: 100px; overflow: auto; color: #444; font-size: 0.9em; margin: 6px 0 0 0; } #puntoAttualeDetails_mobile .btns { float: left; clear: left; margin: 0; } #puntoAttualeDetails_mobile .btns figure { display: inline-block; border: 1px solid #666666; border-radius: 50%; width: 30px; height: 30px; line-height: 30px; margin: 5px 0; text-align: center; font-size: 1em; cursor: pointer; } #cellMainVideo_wrapper { float: left; clear: left; margin: 0; padding: 0; position: relative; top: 0; left: 0; width: 100%; z-index: 2; } #cellMainVideo_wrapper img { max-width: 100%; } #mainMultimediaBlock.protezione-password { position:relative; } #mainMultimediaBlock.protezione-password:after { content: ' '; display: block; position:absolute; top: 0; left: 0; right: 0; bottom: 0; background-color:transparent; z-index: 99999; cursor: pointer; } #mainMultimediaBlock.protezione-password #videoDataCommands h1:before, #mainMultimediaBlock.protezione-password #videoDataCommands_mobile h1:before { content: '\1F512'; display: inline; font-size: 16px; position: relative; top: -2px; margin-right: 5px; } #btnInserimentoQuesito { position: absolute; right: 24px; z-index: 20; display: none; background: #BF2B2D; height: 50px; border: 0; border-radius: 25px; color: #fff; font-weight: bold; padding: 2px 26px 0 26px; font-size: 22px; cursor: pointer; box-shadow: 6px 6px 10px #aaa; } #btnInserimentoQuesito img {margin-right:10px; height:28px} #inserimentoQuesito { position: absolute; right: 24px; z-index: 80; width: 340px; display: none; } #inserimentoQuesito form { background: #fff; width: 100%; border-radius: 6px; border: 0; color: #000; font-size: 19px; font-weight: bold; box-shadow: 6px 6px 10px #aaa; overflow: hidden; } #inserimentoQuesito form h3 { background: #BF2B2D; width: 100%; text-align: left; color: #fff; padding: 16px 24px; } #inserimentoQuesito form h3 a { display: block; float: right; clear: right; font-size: 18px; font-weight: normal; padding: 5px; color: #fff; } #inserimentoQuesito form p { text-align: left; margin: 16px 22px; } #inserimentoQuesito form p.small { font-size: 13px; text-align: center; font-weight: normal; color: #888; } #inserimentoQuesito form p.small a { color: #888; text-decoration: underline; } #inserimentoQuesito form p input, #inserimentoQuesito form p textarea { width: 100%; height: 50px; border: 1px solid #ccc; border-radius: 6px; color: #000; font-size: 18px; padding: 0 18px; line-height: 120%; margin: 8px 0; } #inserimentoQuesito form p textarea { padding: 10px 18px; height: 5.2em; line-height: 130%; font-family: inherit; } #inserimentoQuesito form input[type=submit], #inserimentoQuesito form input[type=button] { background: #BF2B2D; color: #fff; border: 0; font-size: 20px; cursor: pointer; } #inserimentoQuesito .risultato h4 { text-align: left; margin: 16px 22px; font-size:24px;} #inserimentoQuesito .risultato p {font-weight: normal} #inserimentoPassword, #condivisioneLive, #shortcuts-table { max-width:400px; height:auto; margin:auto; background-color:#fff; position:relative; padding:0; color: #1A2E3B; } #shortcuts-table { max-width: 100%; width: 600px; padding-bottom: 5px; } #shortcuts-table table {width:96%; margin:2%} #shortcuts-table td, #shortcuts-table th {padding:8px; border-bottom:1px solid #eee} #inserimentoPassword form, #condivisioneLive form {padding: 15px} #inserimentoPassword h1, #condivisioneLive h1, #shortcuts-table h1 { text-decoration: none; font-size: 1.2em; font-weight: bold; color: #1A2E3B; line-height: 44px; text-transform:uppercase; background: #fafafa; padding: 0 0 0 15px; } #inserimentoPassword { display: table; padding-bottom: 10px; } #inserimentoPassword p { margin-bottom: 5px; color: #1A2E3B; } #inserimentoPassword form input { border: 1px solid #ddd; padding: 5px; margin: 15px 0; font-size: 20px; width: 100%; } #inserimentoPassword form span { line-height:37px; color: red; display: none; } #condivisioneLive {width:500px; max-width:100%} #condivisioneLive a { font-size: 2em; margin: 5px; width: 30px; height: 30px; display: inline-block; background-image: url(/images/social-icons.gif); background-repeat: no-repeat; vertical-align: middle; } #condivisioneLive a.twitter {background-position:-30px 0} #condivisioneLive a.linkedin {background-position:-60px 0} #condivisioneLive a.googleplus {background-position:-90px 0} #condivisioneLive p { margin: 0 0 10px 0; font-weight: bold; } #condivisioneLive textarea, #condivisioneLive input[type=text], #condivisioneLive select { width: 100%; border: 1px solid #ccc; padding: 5px; margin: 6px 0 0 0; background: #fafafa; color: #484848; } #condivisioneLive input.time {width:80px; border-width:0 0 1px 0} #condivisioneLive textarea {height:90px} #condivisioneLive select {width:300px} @keyframes shake { 0% { transform: translateX(0px);} 16% { transform: translateX(9px); } 33% { transform: translateX(-6px); } 50% { transform: translateX(5px); } 66% { transform: translateX(-2px); } 83% { transform: translateX(1px);} 100% { transform: translateX(0px); } } #inserimentoPassword.errore-password { animation-name: shake; animation-duration: 0.7s; animation-fill-mode: both; } #inserimentoPassword.errore-password form span { display: inline-block; } #inserimentoPassword form button { color: #666666; background-color:#f5f5f5; border: 1px solid #ddd; padding:10px; min-width:140px; float:right; cursor: pointer; text-transform:uppercase; } #inserimentoPassword form button:disabled { opacity:0.7; } #inserimentoPassword form button:hover { background-color:#ddd; } #liveActiveSlide { position: relative; float: right; clear: right; top: 0; left: 0; z-index: 2; text-align: center; background: #000; } #slidesChatColumn { position: absolute; text-align: center; background: #D2D2D2; top: 0; left: auto; right: 0; z-index: 1; } #liveActiveSlide img { max-width: 100%; max-height: 100%; } #slidesChatColumn img { max-width: 29%; max-height: 60px; margin: 7px 4px 0 4px; cursor: pointer; padding: 2px; border-width: 2px; border-style: solid; border-color: transparent; } #slidesChatColumn img.attivo { border-color: #000; } #liveChat { width: 100%; height: auto; position: relative; background: #fff; border-top: 1px solid #999; } #liveChatDiscussione { width: 100%; height: 136px; overflow: auto; } #liveChatDiscussione p { width: 70%; height: auto; float: left; clear: left; background: #666666; color: #fff; text-align: left; border-radius: 3px; margin: 2px 10px; padding: 2px 4px; font-size: 0.9em; } #liveChatDiscussione span { font-size: 0.8em; } #liveChatDiscussione .time { display: block; text-align: right; } #liveChatDiscussione p.mio { float: right; clear: right; background: #BF2B2D; } #liveChatDiscussione p.off { background: #ccc; } #liveChatCommands { width: 100%; height: 33px; background: #f0f0f0; border-top: 1px solid #dfdfdf; } #liveChatCommands input { width: 200px; height: 22px; color: #838383; background: #fff; border-radius: 3px; float: left; clear: left; margin: 5px 10px; padding: 2px 5px; } #liveChatCommands a { display: block; float: left; clear: right; height: 22px; width: 22px; border-radius: 50%; color: #fff; background: #BF2B2D; margin-top: 5px; font-size: 12px; line-height: 22px; } #liveChatCommands a.wait {background: #ccc; animation: spin 2s infinite linear} #liveChatCommands a:before {content: "\f003";} #liveChatCommands a.wait:before {content: "\f252";} #mainMultimediaBlock .switch { display: block; position: absolute; top: 9px; left: auto; cursor: pointer; background-color: rgba(0,0,0,0.5); z-index: 10; border-radius: 4px; } #mainMultimediaBlock .switch figure { background: url(/images/sprite.png?2) no-repeat; background-position: -22px -25px; width: 24px; height: 24px; margin: 5px; } .slide_showPrev, .slide_showNext { display: block; position: absolute; top: 50%; left: 0; margin-top: -14px; cursor: pointer; background-color: rgba(0,0,0,0.5); font-size: 1.8em; color: #fff; width: 28px; height: 28px; line-height: 28px; text-align: center; } .slide_showNext { left: auto; right: 0; } #videoData { position: absolute; top: 0; left: -100%; margin: 0; padding: 0; background: rgba(0,0,0,0.7); color: #fff; width: 70%; height: 432px; transition: left 1s; z-index: 5; } #videoData.open { left: 0; } .videoShareToggle, .videoAttachmentDownload, .videoDownload, #videoDataToggle { display: inline-block; width: auto; height: 34px; border-radius: 4px; margin: 9px 9px 0 0; background: rgba(0,0,0,0.5); text-align: center; color: #fff; text-decoration: none; font-size: 15px; font-weight: 400; cursor: pointer; z-index: 20; } .videoDownload.clicked { background: rgba(255, 255, 255, .2); box-shadow: 0 0 0 2px #58739F; } .downloadFileAWSContainer { display: flex; flex-direction: column; width: auto; border-radius: 4px; margin: 9px 9px 0 0; background: rgba(0,0,0,0.5); text-align: center; color: #fff; text-decoration: none; font-size: 12px; font-weight: 400; cursor: pointer; z-index: 20; } .downloadFileAWSContainer > div{ display: flex; align-items: center; cursor: pointer; gap: 4px; padding: 5px 8px; border-radius: 4px; } .download-file-button.clicked { background: rgba(255, 255, 255, .2); box-shadow: 0 0 0 2px #58739F; border-radius: 4px; } .videoAttachmentDownload figure, .videoDownload figure, .videoShareToggle figure, #videoDataToggle figure { width: 22px; height: 23px; background: url(/images/sprite.png?2) no-repeat; position: relative; display: inline-block; margin: 5px 5px 0 8px; vertical-align: middle; } .videoAttachmentDownload span, .videoDownload span, .videoShareToggle span, #videoDataToggle span { display: inline-block; margin: 5px 8px 0 0; cursor: pointer; vertical-align: middle; text-transform: uppercase; font-size: 0.9em; } #videoDataToggle figure { background-position: -71px -25px; } #videoData .close { position: relative; display: block; float: right; clear: right; margin: 20px 20px 0 0; cursor: pointer; font-size: 1.8em; line-height: 70%; color: #fff; } .videoAttachmentDownload figure {background-position: -70px 0;} .videoDownload figure {background-position: -24px 0;} .videoShareToggle figure {background-position: -48px 0;} #videoData h1 { float: left; clear: left; margin: 16px 0 0 20px; font-size: 1.4em; font-weight: 600; } #videoData h1 span { display: block; color: #ddd; font-weight: 300; } #videoData .blocco_interventi_wrapper { float: right; clear: both; width: 100%; height: 80%; margin: 10px 20px 0 0; } #videoData ul { margin: 0 0 0 80px; } #videoData ul li { display: block; position: relative; font-size: 1em; margin: 6px 75px 20px 0; } #videoData ul li .num { display: block; position: absolute; top: -1px; left: -40px; width: 24px; height: 24px; text-align: center; line-height: 21px; font-weight: 600; border: 1px solid #BF2B2D; border-radius: 50%; cursor: pointer; background-size: cover; background-repeat: no-repeat; } #videoData ul li.attivo .num { background: #666666; } #videoData ul li p:has(+ a) { margin-bottom: 0.5rem; } #videoData .blocco_interventi li ul { height: 0px; overflow: hidden; border-left: 3px solid #BF2B2D; margin: 0; background: rgba(255,255,255,0.2); } #videoData .blocco_interventi li ul li { margin: 6px 8px 6px 8px; } #videoData .blocco_interventi li .toggle { color: #a0a0a0; font-size: 0.8em; font-weight: normal; text-decoration: none; cursor: pointer; } #videoData .blocco_interventi li .toggle:not(:first-of-type) { margin-left: 1rem; } #videoData .blocco_interventi li .toggle .sym {color: #fff;} #videoData .blocco_interventi li .toggle .aperto {display: none} #videoData .blocco_interventi li.open_interventi ul.interventi {height: auto; margin: 10px 0 0 0;} #videoData .blocco_interventi li.open_allegati ul.allegati {height: auto; margin: 10px 0 0 0;} #videoData .blocco_interventi li.open_interventi .toggle.interventi .aperto {display: inline} #videoData .blocco_interventi li.open_interventi .toggle.interventi .chiuso {display: none} #videoData .blocco_interventi li.open_allegati .toggle.allegati .aperto {display: inline} #videoData .blocco_interventi li.open_allegati .toggle.allegati .chiuso {display: none} #videoData .blocco_interventi li figure { display: block; float: left; clear: none; width: 30px; height: 30px; cursor: pointer; margin: 8px; text-align: center; } #videoData .blocco_interventi li figure img { width: 100%; border-radius: 50%; background: #BF2B2D; box-shadow: 0 2px 4px #555; } #videoData .blocco_interventi li figure label {display: none;} .textbox_wrapper { position: relative; top: 0; left: 0; width: 130px; height: 20px; margin: 2px 0 0 0; padding: 0; border: 0; background: transparent; } .textbox_wrapper input { position: relative; top: -5px; width: 70%; height: 20px; line-height: 20px; border: 0; margin: 0 4px 0 0; padding: 0; border-bottom: 1px solid #fff; background: transparent; color: #fff; font-size: 0.9em; font-weight: normal; font-family: Roboto, Arial; } .textbox_wrapper .sym { font-size: 1em; font-weight: 300; vertical-align: top; } aside .textbox_wrapper input { border: 0; font-size: 0.9em; top: 5px; left: 15px; } aside .textbox_wrapper .sym { display: block; float: right; clear: right; margin: 10px 10px 0 0; } #videoData .textbox_wrapper { float: right; clear: none; margin: 21px 20px 0 0; padding: 0; } .textbox::-webkit-input-placeholder { color: #BF2B2D; opacity: 1; } .textbox:-moz-placeholder { color: #BF2B2D; opacity: 1; } .textbox::-moz-placeholder { color: #BF2B2D; opacity: 1; } .textbox:-ms-input-placeholder { color: #BF2B2D; opacity: 1; } .hideOnTimelineSlide {display:none} #timeline { position: relative; z-index: 1; float: left; clear: both; width: 100%; height: 167px; overflow: hidden; margin: 0; padding: 0; background: #d2d2d2; } #timeline_container { position: relative; top: 7px; left: 0; } #timeline_marker_description { position: absolute; display: none; width: 300px; height: auto; min-height: 30px; padding: 10px; z-index: 40; background: rgba(0,0,0,0.7); color: #fff; border-radius: 4px; text-align: center; } #timeline_puntoPrec, #timeline_puntoSucc { position: absolute; display: none; top: 0; left: 0; z-index: 10; width: 110px; height: 140px; background: linear-gradient(to right, rgba(210,210,210,1) 0%,rgba(210,210,210,1) 50%,rgba(210,210,210,0) 100%); font-size: 4em; font-weight: 100; line-height: 96px; text-align: center; cursor: pointer; } #timeline_puntoSucc { left: 100%; margin-left: -110px; background: linear-gradient(to left, rgba(210,210,210,1) 0%,rgba(210,210,210,1) 50%,rgba(210,210,210,0) 100%); } #timeline_slider_wrapper { position: relative; z-index: 6; float: left; clear: left; width: 100%; height: 100%; overflow: hidden; margin: 0; } #timeline_slider { position: relative; top: 0; left: 50%; width: 9999999px; height: 100%; margin: 0; } .bloccoMarker { position: relative; float: left; clear: none; display: block; width: 100px; height: 100%; margin: 0; text-align: center; overflow: hidden; transition: all 1s; } .bloccoMarker.attivo { width: 240px; } .bloccoMarker .line { display: block; position: absolute; z-index: -1; top: 50px; left: 0; height: 1px; background: #fff; width: 100%; } .bloccoMarker.first .line { left: 50%; width: 50%; } .bloccoMarker.last .line { width: 50%; } .bloccoMarker.first.last .line { display: none; } .bloccoMarker figure { position: relative; width: 40px; height: 40px; overflow: hidden; transition: all 1s; cursor: pointer; border-radius: 50%; background-color: #666666; background-size: cover; background-repeat: no-repeat; box-shadow: 0 2px 4px #999; margin: 30px auto 5px auto; } .bloccoMarker figure img, .bloccoMarker figure p { display: block; width: 100%; color: #fff; font-size: 10px; text-align: center; line-height: 40px; transition: all 1s; } .bloccoMarker .cd { display: none; } .bloccoMarker.attivo .cd { display: block; font-size: 0.9em; color: #555; line-height: 160%; } .bloccoMarker.attivo figure { width: 60px; height: 60px; margin: 20px auto 25px auto; box-shadow: 0 3px 8px #999; } .bloccoMarker.attivo .line { display: none; } .bloccoMarker.attivo figure img, .bloccoMarker.attivo figure p { font-size: 14px; line-height: 60px; } .bloccoMarker figure p.num {font-size: 23px;} .bloccoMarker.attivo figure p.num {font-size: 30px;} .bloccoMarker label { display: block; float: left; clear: both; width: 100%; height: 45px; overflow: hidden; text-align: center; color: #505050; font-size: 0.7em; font-weight: 600; line-height: 120%; transition: all 1s; } .bloccoMarker label strong { font-weight: 600; } .bloccoMarker.attivo label { font-weight: 600; font-size: 1em; color: #000; width: 200px; height: 32px; margin: 0 0 0 20px; } .bloccoMarker.attivo label strong { font-weight: 600; color: #666666; } #interventoTimelineClickable { position: absolute; width: 100px; height: 100px; left: 50%; margin: 0 0 0 -50px; top: 0; overflow: hidden; z-index: 20; cursor: pointer; } #interventoTimelineClickablePause { position: absolute; width: 60px; height: 60px; left: 50%; margin: 0 0 0 -30px; top: 20px; overflow: hidden; z-index: 22; cursor: pointer; border-radius: 50%; } #interventoTimeline { position: absolute; width: 100px; height: 100px; left: 50%; top: 0; background-color: #fff; margin: 0 0 0 -50px; overflow: hidden; z-index: 3; } #interventoTimeline .mask { position: relative; top: 0; left: 0; width: 100px; height: 100px; background: url(/images/timeline-mask.png) no-repeat; margin: 0; text-align: center; z-index: 9; } #interventoTimeline .quarter { position: absolute; width: 50px; height: 50px; overflow: hidden; } #interventoTimeline .quarter div { position: absolute; width: 200px; height: 200px; background: #666666; } #interventoTimeline .quarter.tl { left: 0; top: 0; } #interventoTimeline .quarter.tl div { left: -150px; top: 100%; transform-origin: right top; } #interventoTimeline .quarter.tr { left: 50%; top: 0; } #interventoTimeline .quarter.tr div { left: -200px; top: -150px; transform-origin: right bottom; } #interventoTimeline .quarter.br { left: 50%; top: 50%; } #interventoTimeline .quarter.br div { left: 0; top: -200px; transform-origin: left bottom; } #interventoTimeline .quarter.bl { left: 0; top: 50%; } #interventoTimeline .quarter.bl div { left: 100%; top: 0; transform-origin: left top; } #interventoTimelineCommands { position: absolute; left: 50%; top: 40px; margin: 0 0 0 -52px; z-index: 30; } .play-pause { position: relative; cursor: pointer; z-index: 22; color: #666666; font-size: 20px; line-height: 23px; } .play-pause.sym:before {content: "\f04b";} .play-pause.sym.pause:before {content: "\f04c";} #interventoTimelineCommands .prev, #interventoTimelineCommands .next { position: absolute; top: -1px; left: -45px; background: #fff; width: 23px; height: 23px; border-radius: 50%; box-shadow: 0px 2px 5px #999; text-align: center; line-height: 23px; color: #777; cursor: pointer; } #interventoTimelineCommands .next {left: 125px;} .nano .nano-pane .nano-slider { border-color: #BF2B2D; color: #BF2B2D; } .nano .nano-pane-2 { background: #BF2B2D; } .nano .nano-pane-2 .nano-slider { background: #666666; } .paginazione { float: left; clear: both; width: 100%; text-align: center; height: 30px; margin-top: 10px; } .paginazione li { display: inline-block; width: 20px; height: 20px; text-align: center; cursor: pointer; line-height: 19px; border: 1px solid #666666; border-radius: 50%; margin: 0 2px } .paginazione li.on { background: #666666; color: #fff; } #mainElemList { width: 100%; float: left; clear: both; margin-top: 4px; margin-bottom: 10px; } .multimediaElement { position: relative; float: left; clear: none; box-shadow: 3px 3px 12px #999; width: 211px; height: 270px; background: #fff; margin: 15px 0 10px 3.5%; border-radius: 4px; } .multimediaElement .poster { width: 100%; height: 119px; border-top-right-radius: 4px; border-top-left-radius: 4px; } .multimediaElement .play_over { position: absolute; z-index: 5; top: 48px; left: 88px; opacity: 0.7; } .multimediaElement:hover .play_over {opacity: 1} .poster .play_over { opacity: 0.7; } .poster .play_over:hover { opacity: 1; } .multimediaElement section { margin: 8px 5%; height: 120px; overflow: hidden; } .multimediaElement .hgroup { height: 70px; overflow: hidden; cursor: pointer; } .multimediaElement h1 { margin: 0 0 4px 0; font-size: 1em; line-height: 120%; font-weight: 700; color: #666666; max-height: 48px; overflow: hidden; } .multimediaElement h2 { margin: 0; line-height: 120%; font-weight: 700; font-size: 0.9em; color: #444; } .tags li { display: block; float: left; clear: none; margin: 5px 5px 0 0; } .tags li a { display: block; border: 1px solid #bbb; color: #999; text-decoration: none; font-size: 0.9em; line-height: 140%; padding: 0 10px; font-weight: 400; cursor: pointer; } .multimediaElement .cat-sottocat { position: absolute; top: 100%; left: 0; width: 90%; margin: -48px 5% 0 5%; height: 21px; overflow: hidden; border-top: 1px solid #c6c7c8; padding-top: 4px; color: #b6b7b8; font-size: 0.9em; font-weight: 400; line-height: 16px; } .multimediaElement .btns { position: absolute; top: 100%; left: 0; width: 100%; margin: -24px 0 0 0; background: #eee; padding: 5px 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } #mainElemList .photo { display: inline-block; margin: 0 10px 10px 0; width: 234px; } #mainElemList .photo img { width: 100%; } #home-main { float: left; clear: both; width: 100%; margin: 30px 0 0 0; } .tweets { width: 100%; padding: 16px 24px; background: #BF2B2D; color: #fff; overflow: hidden; position: relative; } .tweets figure { display: block; width: 30px; height: 100%; line-height: 130px; text-align: center; cursor: pointer; position: absolute; font-size: 3em; top: 0; left: 0; } .tweets figure.right {left:auto; right:0;} .tweets section { display: block; white-space: nowrap; width: 100%; overflow: hidden; } .tweets article { display: inline-block; vertical-align: top; width: 33.333333333%; white-space: normal; padding: 0 10px; } .tweets article p {margin-bottom: 5px} .tweets article .sym { display: inline-block; height: 30px; float: left; margin-right: 4px; font-size: 2.2em; } .tweets article a {text-decoration: underline;} .tweets-alert { position: relative; display: block; width: 100%; height: 30px; line-height: 30px; text-align: center; background: #BF2B2D; color: #fff; border-top: 1px solid #666666; cursor: pointer; text-decoration: underline; } .tweets-alert p { display: block; width: 100%; height: 100%; background: rgba(0,0,0,0.3); } .mainColumn { position: relative; float: right; clear: right; width: 810px; min-height: 300px; margin: 0; padding: 0 0 24px 0; border-radius: 4px; } .mainColumn .tools { float: left; clear: both; width: 97%; margin: 0 0 0 3%; height: 20px; position: relative; } .mainColumn .tools .tool { position: relative; display: block; float: right; clear: none; margin: 0 0 0 30px; color: #666666; font-size: 1em; font-weight: 700; } .mainColumn .tools .tool.breadcumbs { float: left; clear: left; margin: 0; max-width: 52%; } .mainColumn .tools .tool.customSelect.breadcumbs {display: none;} .customSelect, .customSelect label {cursor: pointer} .customSelect label .sym { text-align: center; } .customSelect label .sym:before { font-size: 1em; content: "\f105"; } .customSelect.open label .sym:before { content: "\f107"; } .customSelectMenu { display: none; width: auto; min-width: 80px; max-width: 200px; float: none; position: absolute; z-index: 40; top: 22px; left: 0; } .customSelect.open .customSelectMenu { display: block; } .customSelectMenu li, .mainColumn .tools .customSelectMenu li { display: block; float: none; text-align: left; padding: 3px 10px; background: #e6e6e6; border-top: 1px solid #dadada; color: #666666; margin: 0; cursor: pointer; font-size: 1em; font-weight: 300; width: 170px; } aside h1 { font-size: 1.2em; color: #888; line-height: 100%; margin: 5px 0 10px 0; text-transform: uppercase; } aside .multimediaElementFilter { margin: 0 0 30px 0; } aside .elemCatFilters { width: 100%; margin-top: 18px; } aside .elemCatFilters li { margin: 0; background: #fff; padding: 0; cursor: pointer; color: #888; border: 1px solid #ccc; border-top: 0; transition: all 1s; } aside .elemCatFilters li.first { border-top: 1px solid #ccc; border-top-left-radius: 4px; border-top-right-radius: 4px; } aside .elemCatFilters li.last { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } aside .elemCatFilters li label { display: block; font-size: 1em; font-weight: 400; line-height: 130%; text-transform: uppercase; margin: 0 8px; padding: 8px 0; cursor: pointer; } aside .elemCatFilters li.attivo { background: #666666; color: #fff; } aside .elemCatFilters li .elemSottocatFilters { margin: 0; background: #ECECEC; display: none; } aside .elemCatFilters li.attivo .elemSottocatFilters { display: block; } aside .elemCatFilters li .elemSottocatFilters li { background: #ECECEC; border: 0; } aside .elemCatFilters li .elemSottocatFilters li label { text-transform: none; color: #888; margin-left: 16px; text-transform: capitalize; } aside .elemCatFilters li .elemSottocatFilters li.attivo label, aside .elemCatFilters li .elemSottocatFilters li:hover label { color: #666666; } aside .elemCatFilters li a {color:#888} aside h3 { margin: 0 0 22px 0; font-size: 1.1em; } aside .programma { background: #fff; border-radius: 6px; padding: 6px; box-shadow: #ccc 0 0 10px; font-size: 0.9em; } aside .programma h4 { color: #CB0C29; font-size: 1.15em; margin: 6px 0 0 0; } aside .programma hr { background: #aaa; height: 1px; margin: 8px 0 1px 0; } aside .programma a { display: block; margin: 8px 0 0 8px; text-indent: -9px; } aside .programma a:hover {text-decoration:underline} aside .programma a span { display: block; font-size: 0.9em; margin: 2px 0 0 0; text-indent: 0; } .toTop { float: right; clear: both; margin: 20px 20px 0 0; display: none; cursor: pointer; width: 40px; height: 40px; color: #666666; border: 1px solid #666666; background: #fff; font-size: 1.5em; font-weight: 100; border-radius: 50%; text-align: center; line-height: 36px; box-shadow: 2px 2px 6px #bbb; } .full { width: 100%; clear: both; } .live-contents-btn { float: left; clear: left; display: block; background: #253867; padding: 10px 20px; color: #fff; margin: 0 0 15px 0; } .live-contents-popup { background: none; width: 600px; max-width: 96%; margin: auto; padding: 0; border-radius: 6px; overflow: hidden; } .live-contents-popup ul li a { display: block; padding: 12px 16px; border-bottom: 1px solid #607090; background: #253867; color: #fff; } .live-contents-popup ul li:last-child a {border-bottom:none} .live-contents-popup ul li a:hover { background: #4558A7; } footer { float: left; clear: both; width: 100%; background-color: #BF2B2D; margin: 10px 0 0 0; padding: 26px 0 0 0; color: #fff; position: relative; } footer .last h1 {text-align: right;} footer p { text-align: center; } footer a { color: #fff; font-weight: 900; } footer input { width: 70%; height: 26px; padding: 0 8px; color: #fff; background: transparent; border: 1px solid #fff; margin: 5px 0 5px 0; } footer .emailSubmit { background: #fff; color: #666666; cursor: pointer; font-size: 1.3em; border-color: #666666; } footer .main_logo {max-height:150px; padding: 4px 0 12px 0} footer h2 { background: #fff; text-align: center; color: #666666; line-height: 26px; width: 100px; float: right; clear: both; margin: 5px 0 10px 0; } footer section { float: left; clear: none; width: 33.33333333%; min-height: 30px; } footer section.last p { float: right; clear: right; text-align: right; } footer .social a { display: block; float: left; clear: none; width: 30px; height: 30px; line-height: 30px; background: #fff; font-size: 1em; color: #666666; margin: 10px 0 0 10px; text-align: center; font-weight: 300; border-radius: 50%; } footer .row { width: 100%; float: left; clear: both; text-align: center; border-top: 1px solid rgba(255, 255, 255, 0.5); margin-top: 16px; padding: 16px 0; font-size: 0.9em; } footer .row.black { background: #000; border: 0; } footer .row.black p {float:left; clear:left; padding:20px 0 0 100px} footer .row.black p.right {float:right; clear:right; padding: 6px 100px 6px 0} @media screen and (max-width: 649px) { .fullCenter {width: 100%;} #mainContent {margin-top: 36px;} .mainColumn {width: 96%; float:none; margin:0 auto; background: transparent; box-shadow: none;} .full {width: 100%; clear: both;} .third, .fourth {width: 100%; clear: both;} #interventoTimelineCommands .prev {left: -30px} #interventoTimelineCommands .next {left: 110px} #timeline_puntoPrec, #timeline_puntoSucc {width:90px; background: linear-gradient(to right, rgba(210,210,210,1) 0%,rgba(210,210,210,1) 40%,rgba(210,210,210,0) 100%); } #timeline_puntoSucc {margin-left: -90px; background: linear-gradient(to left, rgba(210,210,210,1) 0%,rgba(210,210,210,1) 40%,rgba(210,210,210,0) 100%); } #home-top h1 {font-size: 4em} #home-top h2 {font-size: 2.2em} #home-evidenza {width: 96%; float:none; margin:0 auto} #home-evidenza.centrata {margin: 0 1%} #home-top .logo1 {margin: 130px auto 60px auto;} #top-main .bg.blur {display: none;} #videoDataCommands_mobile {display: block} #videoDataCommands {display: none} #puntoAttualeDetails {display: none} .multimediaElement {width: 96%; height: auto; margin: 10px 2%;} .multimediaElement h1 {line-height: 100%; font-size:0.9em; margin: 1px 3px 1px 0} .multimediaElement .poster {width: auto; width:50%; height: auto; max-height: 120px; float: left; clear: left; border-top-right-radius: 0; border-bottom-left-radius: 4px;} .multimediaElement .play_over {top: 36px; left: 80px;} .multimediaElement section {width: auto; max-width:48%; height: auto; max-height: 120px; float: left; clear: right; margin: 4px 0 0 2%} .multimediaElement .btns {left: 0; right: auto; width: auto; min-width:50%; background: rgba(0,0,0,0.3)} .multimediaElement .btns li {color: #fff; float: left; clear: none; margin-left: 5px} .multimediaElement .btns li .sym {color: #fff} .multimediaElement .cat-sottocat {margin:-24px 0 0 0; width:46%; left: auto; right: 2%; background:#fff} .mainColumn .tools .tool {margin-left: 20px;} .mainColumn .tools .tool.breadcumbs {display: none;} .mainColumn .tools .tool.customSelect.breadcumbs {display: block;} #home-main aside {display:none} #megamenu h1 {border:1px solid #fff; color: #fff; background:transparent} #megamenu h1 a {color: #fff;} #megamenu {background: #666666;} #megamenu .submenu {display: none} #megamenu .mobile {display: block; margin-top: 6px; padding-top: 6px} #megamenu .canale {height: auto; width:100%; float: none; clear: both; margin: 10px 0 0 0; border: 0} #megamenu .voce.live li {margin-right: 0} #megamenu .voce.live h2 {color: #fff;} #home-top aside {float:none; margin: 0 auto; height:290px} #megamenu #lives_liveNow {width: 47%; margin: 5px 0 0 3%} #megamenu #lives_nextLive {width: 47%; margin: 5px 0 0 3%} #megamenu .cd {float: left; clear: left; text-align: left; margin: 0;} #megamenu .all {margin: 10px 0 0 -82px} #megamenu .voce.live {margin: 20px 0 0 0;} #megamenu .lingue {display:block; width:100%; text-align:center; margin: 10px 0 0 0} #megamenu .lingue li {display:inline-block; margin: 0 3px} footer section {width:42%;margin:100px 2% 10px 2%} footer section.last {float: right} footer section.mid {position: absolute;margin:0;top:-20px;left:0;width:100%;} header .toggle {display: block} header ul {display: none} header .customHeader {display:none} header .lingue {display: none} #civicam-transcription-timeline {margin-left: 10px; position: unset !important;} } @media screen and (min-width: 650px) { .fullCenter {width: 640px;} #mainContent {margin-top: 50px;} .mainColumn {width: 100%;} .full {width: 100%; clear: both;} #home-evidenza {width: 430px;} #home-evidenza.centrata {width: 480px;} #home-main aside {display:none} #home-top aside {float:left; margin:0} #megamenu .canale {width: 50%} #megamenu .voce.live li {margin-right: 0} #megamenu #lives_liveNow img {max-height: 80px; max-width: 142px} #megamenu #lives_liveNow h2, #megamenu #lives_liveNow h3 {clear: right; margin: 0 0 3px 5px;} } @media screen and (min-width: 768px) { .fullCenter {width: 768px;} #mainContent {margin-top: 50px;} .mainColumn {width: 554px;} .full {width: 100%; clear: both;} .full .multimediaElement {margin-left: 4.4%;} #home-evidenza {width: 554px;} #home-evidenza.centrata {width: 600px;} #home-main aside {display:block} #home-top aside {float:left; margin:0} #megamenu .canale {width: 33.33333333%} #megamenu .voce.live li {margin-right: 30px} #megamenu #lives_liveNow img {max-height: 90px; max-width: 160px} #megamenu #lives_liveNow h2, #megamenu #lives_liveNow h3 {clear: both; margin: 0;} } @media screen and (min-width: 1024px) { .fullCenter {width: 946px;} #mainContent {margin-top: 60px;} .mainColumn {width: 735px;} .full {width: 100%; clear: both;} .full .multimediaElement {margin-left: 2.2%;} #home-evidenza {width: 735px;} #home-evidenza.centrata {width: 735px;} #home-main aside {display:block} #home-top aside {float:left; margin:0} #megamenu .canale {width: 33.333333333%} #megamenu .voce.live li {margin-right: 50px} #megamenu #lives_liveNow img {max-height: 90px; max-width: 160px} #megamenu #lives_liveNow h2, #megamenu #lives_liveNow h3 {clear: both; margin: 0;} } @media screen and (max-width: 1023px) { #inserimentoQuesito {width:100%; min-height:100%; top:0; left:0; right:0; bottom:0;} #inserimentoQuesito form {border-radius:0; min-height:100%;} #top-main {min-height: 320px} } #videoData>h1 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 67%; } .marker_votazione_risultato { text-align: left !important; max-width: 200px; } .marker_votazione_risultato td, .marker_votazione_risultato p { text-align: left; } .marker_votazione_risultato img { background-color: rgba(0, 0, 0, 0.8); border-radius: 50%; width: 30px; margin-right: 10px; } .marker_votazione_risultato td:nth-child(2) { min-width: 32px; text-align:center; } .marker_votazione_risultato td:nth-child(3) { width: 100%; } .marker_votazione_risultato table { margin-top: 10px; margin-bottom: 10px; width: 100%; } .marker_votazione_risultato td { vertical-align: middle; font-size: 0.85em; padding-top: 0.3em; padding-bottom: 0.3em; } .marker_votazione_risultato td span { display: block; height: 8px; border-radius: 4px; background-color: #666666; } .live-votazione-container { position: absolute; bottom: 10px; right: 10px; height: auto; max-width: 150px; z-index: 9999999; opacity: 0; pointer-events: none; background: rgba(0,0,0,0.7); color: #fff; border-radius: 4px; text-align: center; padding: 10px; transition: transform 0.3s, opacity 0.3s; transform: translateX(10px); } .live-votazione-container[data-shown] { opacity: 1; transform: translateX(0); } #videoAttachments { position: absolute; top: 0; left: -100%; margin: 0; padding: 0; background: rgba(0,0,0,0.7); color: #fff; width: 70%; height: 432px; transition: left 1s; z-index: 5; } #videoAttachments.open { left: 0; } #videoAttachments h1 { float: left; clear: left; margin: 16px 0 0 20px; font-size: 1.4em; font-weight: 600; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 67%; } #videoAttachments h1 span { display: block; color: #ddd; font-weight: 300; } #videoAttachments .close { position: relative; display: block; float: right; clear: right; margin: 20px 20px 0 0; cursor: pointer; font-size: 1.8em; line-height: 70%; color: #fff; } #videoAttachments .blocco_allegati_wrapper { height: 80%; } #videoAttachments .blocco_allegati { margin: 20px 0 0 20px; } #videoAttachments ul li { display: block; position: relative; font-size: 1em; margin: 6px 75px 20px 0; } #videoAttachments .blocco_allegati li a{ color: #fff; } #civicam-transcription-timeline:empty { display:none } .civicam-toast .toast-progress { position: absolute; height: 4px; background-color: rgba(88, 115, 159, 0.5); width: calc(100% - 32px); overflow: hidden; bottom: 14px; margin: 0 auto; left: 50%; transform: translateX(-50%); } body #toast-container>.civicam-toast { background-image: none !important; padding: 14px 16px; background-color: #322F35; opacity: 1; border-radius: 4px; color: #F5EFF7; width: auto; font-size: 14px; line-height: 20px; box-shadow: none !important; } body #toast-container>.civicam-toast.civicam-toast-progress { padding-bottom: 28px; } .civicam-toast .toast-progress::after { content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: #58739F; animation: indeterminateAnimation 1s infinite linear; transform-origin: 0% 50%; } .civicam-toast .file-ready-download { display: flex; gap: 16px; align-items: center; } .civicam-material-button { background-color: #58739F; text-transform: uppercase; font-size: 14px; line-height: 20px; padding: 10px; color: #FFF; border-radius: 100px; cursor: pointer; } @keyframes indeterminateAnimation { 0% { transform: translateX(0) scaleX(0); } 40% { transform: translateX(0) scaleX(0.4); } 100% { transform: translateX(100%) scaleX(0.5); } }</style> <script src="jquery/jquery-1.7.2.min.js"></script> <script src="jquery/jquery.nanoscroller.min.js"></script> <link rel="stylesheet" href="jquery/nanoscroller2.css" type="text/css"> <link rel="stylesheet" href="jquery/magnific-popup.css" type="text/css"> <script src="jquery/magnific-popup.js"></script> <script src="jquery/jquery.cookiebar.js"></script> <script src="jquery/toastr.min.js"></script> <link rel="stylesheet" href="jquery/jquery.cookiebar.css" type="text/css"> <link rel="stylesheet" href="jquery/toastr.min.css" type="text/css"> <script>var idVisitatore = ""; var live_attivo = 0; var live_secAllInizio = 0; var live_marker_attivo = -1; var live_slide_attiva = -1; var video_started_first_time = false; var video_first_seek = 0; var video_status = ''; var bloccoCambioMarkerAttivo = false; var TO_bloccoCambioMarkerAttivo = null; var bloccoCambioSlideAttivo = false; var TO_bloccoCambioSlideAttivo = null; var TO_autocompletePopup = null; var ajaxUrl = 'admin/ajax.php'; var scriptStartTime = 1743764662; var diffClientServer = Date.parse(new Date())/1000-scriptStartTime; var filtro_spazi = /^\s*$/; var filtro_alfanum = /^[A-z0-9_\-]+$/; var filtro_digit = /^\d+$/; var filtro_mail = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-]{2,})+\.)+([a-zA-Z0-9]{2,})+$/; var filtro_float = /^\d+[\,\.]\d\d?$|^\d+$/; var filtro_data = /^[0-3][0-9][\/|\-][01][0-9][\/|\-][123][0-9][0-9][0-9]$/; var filtro_video_valido = /\.(mp4)|(flv)|(mpg)|(mpeg)|(avi)|(wmv)|(mov)|(3gp)|(vob)$/i; var filtro_immagine_valida = /\.(jpg)|(jpeg)|(png)|(gif)$/i; var filtro_jpg = /\.jpg$/i; var filtri = new Array(filtro_alfanum // 0 , filtro_digit // 1 , filtro_mail // 2 , filtro_float // 3 , filtro_data // 4 , filtro_video_valido // 5 , filtro_jpg // 6 , filtro_immagine_valida // 7 ); filtri["int"] = filtro_digit; filtri["float"] = filtro_float; filtri["data"] = filtro_data; function valSelect(objSelect) { if(!objSelect) return ''; if(objSelect.selectedIndex >= 0) return objSelect.options[objSelect.selectedIndex].value; else return ""; } function valRadio(objRadio) { if(objRadio) { if(objRadio.length) { for(i = 0; i < objRadio.length; i++) { if(objRadio[i].checked) return objRadio[i].value; } } else { if(objRadio.checked) return objRadio.value; } } return ''; } function checkInput(oggetto, descrizione, indice_filtri, obbligatorio) { if(oggetto) { if(oggetto.type && /^select.*/i.test(oggetto.type)) { if(obbligatorio && filtro_spazi.test(valSelect(oggetto))) { alert("PREGO SELEZIONARE " + descrizione); oggetto.focus(); return false; } } else { if(filtro_spazi.test(oggetto.value) && obbligatorio) { alert("PREGO COMPILARE IL CAMPO " + descrizione); oggetto.focus(); return false; } else if(indice_filtri != -1 && oggetto.value != "" && filtri[indice_filtri] && !filtri[indice_filtri].test(oggetto.value)) { alert("ATTENZIONE, " + descrizione + " NON VALIDO"); oggetto.focus(); return false; } } return true; } else return true; } function premutoInvio(e) { var keycode; if (window.event) keycode = window.event.keyCode; else keycode = e.which; if (keycode == 13) return true; else return false; } function full_screen() { if (typeof(screen.availWidth) != "undefined") { if(!navigator.userAgent || navigator.userAgent.toLowerCase().indexOf("msie") >= 0) { window.resizeTo(screen.availWidth + 8, screen.availHeight + 8); window.moveTo(-4, -4); } else { window.resizeTo(screen.availWidth, screen.availHeight); window.moveTo(0, 0); } } } function centerInScreen(w,h) { var wScreen, hScreen; if (typeof(screen.availWidth) != "undefined") { wScreen = screen.availWidth; hScreen = screen.availHeight; } else { wScreen = 1024; hScreen = 768; } resizeTo(w,h); moveTo((wScreen - w) / 2, (hScreen - h) / 2); } function fromUnixTime(unixTime) { // unixTime sono i secondi // ritorna array 0:data e ora, 1:data, 2:ora var aRisultato = Array('','','',''); if(unixTime && unixTime > 0) { unixTime = new Date(unixTime*1000); // javascript lavora in millisecondi aRisultato[1] = prefiggiZeri(unixTime.getDate(),2)+'/'+prefiggiZeri(unixTime.getMonth()+1,2)+'/'+unixTime.getFullYear(); aRisultato[2] = prefiggiZeri(unixTime.getHours(),2)+':'+prefiggiZeri(unixTime.getMinutes(),2)+':'+prefiggiZeri(unixTime.getSeconds(),2); aRisultato[0] = aRisultato[1]+' '+aRisultato[2]; aRisultato[3] = unixTime.getFullYear()+'-'+prefiggiZeri(unixTime.getMonth()+1,2)+'-'+prefiggiZeri(unixTime.getDate(),2)+' '+aRisultato[2]; } return aRisultato; } function unixTimestamp(d, t) { // prende data e ora in formato gg/mm/aaaa hh:mm:ss e converte in unix timestamp d = d.split('/'); if(d.length < 3) return 0; t = t.split(':'); if(t.length < 3) t = [0,0,0]; var objDataTemp = new Date(d[2], parseInt(d[1],10)-1, d[0], parseInt(t[0],10), parseInt(t[1],10), parseInt(t[2],10)); return objDataTemp.valueOf()/1000; } function cleanForm(ilform) { for(var i=0; elemento = ilform.elements[i]; i++) { if(elemento.type=="text") elemento.value = ""; if(elemento.type=="select-one") elemento.selectedIndex = 0; if(elemento.type=="radio") if(elemento.value == "") elemento.checked = true; if(elemento.type=="checkbox") if(elemento.value == "") elemento.checked = true; else elemento.checked = false; } } function selezionaTutteLeOption(objSelect) { for(i = 0; i < objSelect.options.length; i++) objSelect.options[i].selected = true; } function selezionaTutteLeCheckbox(objCB, selezionare) { if(objCB.length) { for(i = 0; i < objCB.length; i++) { objCB[i].checked = selezionare; } } else { objCB.checked = selezionare; } } function radioCheckboxChecked(objElement) { // ritorna il numero di checkbox o radio spuntati dello stesso nome var trovati = 0; if(objElement) { if(objElement.length) { for(var i=0; i < objElement.length; i++) { if(objElement[i].checked) trovati++; } } else { if(objElement.checked) trovati++; } } return trovati; } function apriFinestra(url, nomeFinestra) { finestraFiglia = window.open(url, nomeFinestra, "toolbar=0,scrollbars=1,status=0,resizable=1,width=200,height=200"); finestraFiglia.focus(); } function fakeAjax() { getAjaxData('', false, true); } function convertHLSToMp4AWS(idLive, videoId) { $.ajax({ url: ajaxUrl ,type: "POST" ,data: { azione: "convertHLSToMp4AWS", idLive: idLive, videoId: videoId } ,dataType : 'html' }).fail(function(data) { alert('Errore durante la richiesta di conversione'); }); } function convertHLSToMp3AWS(idLive, videoId) { $.ajax({ url: ajaxUrl ,type: "POST" ,data: { azione: "convertHLSToMp3AWS", idLive: idLive, videoId: videoId } ,dataType : 'html' }).fail(function(data) { alert('Errore durante la richiesta di conversione'); }); } function jobInProgressAWS(idLive, callback){ $.ajax({ url: ajaxUrl ,type: "POST" ,data: { azione: "jobInProgressAWS", idLive: idLive } ,dataType : 'json' }).done(function(data) { if (callback) { callback(data); } }); } function getSpeakersFromSectionId(idSezione, callback){ $.ajax({ url: ajaxUrl ,type: "GET" ,data: { azione: "getSpeakersFromSectionId", idSezione: idSezione } ,dataType : 'json' }).done(function(data) { if (callback) { callback(data); } }); } function getAjaxData(parametri, cellaTarget, asincrono, callbackFunction) { // solo nella modalit脿 sincrona la funzione pu貌 ritornare un valore se cellaTarget 猫 false var XMLHttpRequestObject; if(window.XMLHttpRequest) XMLHttpRequestObject = new XMLHttpRequest(); else if(window.ActiveXObject) XMLHttpRequestObject = new ActiveXObject("Microsoft.XMLHttp"); if(!XMLHttpRequestObject) return; XMLHttpRequestObject.open("GET", "ajax.php?" + parametri, asincrono); if(asincrono) { XMLHttpRequestObject.onreadystatechange = function() { if(XMLHttpRequestObject.readyState == 4 && XMLHttpRequestObject.status == 200) { if(cellaTarget) cellaTarget.innerHTML = XMLHttpRequestObject.responseText; if(typeof(callbackFunction) == "function") callbackFunction(); } } XMLHttpRequestObject.send(null); } else { XMLHttpRequestObject.send(null); if (XMLHttpRequestObject.status == 200) { if(cellaTarget) cellaTarget.innerHTML = XMLHttpRequestObject.responseText; else return(XMLHttpRequestObject.responseText); } } } function runAsync(script) { if(window.XMLHttpRequest) XMLHttpRequestObject = new XMLHttpRequest(); else if(window.ActiveXObject) XMLHttpRequestObject = new ActiveXObject("Microsoft.XMLHttp"); if(!XMLHttpRequestObject) return; XMLHttpRequestObject.open("GET", script, true); XMLHttpRequestObject.send(null); } function getPageSize() { // ritorna un array con 6 valori: // 0: larghezza totale, inclusa l'ampiezza dello scrolling orizzontale // 1: altezza totale, inclusa l'ampiezza dello scrolling verticale // 2: larghezza dello spazio utile della finestra // 3: altezza dello spazio utile della finestra // 4: posizione dello scroll orizzontale attuale // 5: posizione dello scroll verticale attuale var xScroll, yScroll; if (window.innerHeight && window.scrollMaxY) { xScroll = document.body.scrollWidth; yScroll = window.innerHeight + window.scrollMaxY; } else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac xScroll = document.body.scrollWidth; yScroll = document.body.scrollHeight; } else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari xScroll = document.body.offsetWidth; yScroll = document.body.offsetHeight; } var windowWidth, windowHeight; var orizScroll, vertScroll; if (self.innerHeight) { // all except Explorer windowWidth = self.innerWidth; windowHeight = self.innerHeight; orizScroll = window.pageXOffset; vertScroll = window.pageYOffset; } else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode windowWidth = document.documentElement.clientWidth; windowHeight = document.documentElement.clientHeight; orizScroll = document.documentElement.scrollLeft; vertScroll = document.documentElement.scrollTop; } else if (document.body) { // other Explorers windowWidth = document.body.clientWidth; windowHeight = document.body.clientHeight; orizScroll = document.body.scrollLeft; vertScroll = document.body.scrollTop; } // for small pages with total height less then height of the viewport if(yScroll < windowHeight) { fullHeight = windowHeight; } else { fullHeight = yScroll; } // for small pages with total width less then width of the viewport if(xScroll < windowWidth) { fullWidth = windowWidth; } else { fullWidth = xScroll; } arrayPageSize = new Array(fullWidth,fullHeight,windowWidth,windowHeight,orizScroll,vertScroll); return arrayPageSize; } function getPageCoords(element) { var coords = {x: 0, y: 0}; while (element) { coords.x += element.offsetLeft; coords.y += element.offsetTop; element = element.offsetParent; } return coords; } function _escape(str) { return escape(str).replace(/\+/g, "%2B"); } function bookmarksite(title, url){ if (document.all) window.external.AddFavorite(url, title); else if (window.sidebar) window.sidebar.addPanel(title, url, ""); } function sistemaValoreCampoData(objCampoData) { if(filtro_data.test(objCampoData.value)) return; var Today = new Date(); objCampoData.value = objCampoData.value.replace(/^\s+/, ""); objCampoData.value = objCampoData.value.replace(/\s+$/, ""); objCampoData.value = objCampoData.value.replace(/[^\d]+/g, "/"); if(/^\d{3,}/.test(objCampoData.value)) objCampoData.value = objCampoData.value.substring(0,2) + "/" + objCampoData.value.substring(2); if(/^\d{2}\/\d{3,}/.test(objCampoData.value)) objCampoData.value = objCampoData.value.substring(0,5) + "/" + objCampoData.value.substring(5); var aPezzi = objCampoData.value.split("/"); var giorno = parseInt(aPezzi[0], 10); var mese = parseInt(aPezzi[1], 10); var anno = parseInt(aPezzi[2], 10); if(isNaN(anno)) anno = Today.getFullYear(); if(anno < 1000) anno = 2000+anno; if(isNaN(mese) || mese > 12 || mese < 1) mese = Today.getMonth()+1; if(isNaN(giorno) || giorno > 31 || giorno < 1) giorno = Today.getDate(); if(mese < 10) mese = "0"+mese; if(giorno < 10) giorno = "0"+giorno; objCampoData.value = giorno+"/"+mese+"/"+anno; } function sistemaValoreCampoOra(objCampoOra, ancheSecondi) { var Today = new Date(); var risultato = ''; objCampoOra.value = objCampoOra.value.replace(/^\s+/, ""); objCampoOra.value = objCampoOra.value.replace(/\s+$/, ""); objCampoOra.value = objCampoOra.value.replace(/[^\d]+/g, ":"); var aPezzi = objCampoOra.value.split(":"); var h = parseInt(aPezzi[0], 10); var m = parseInt(aPezzi[1], 10); var s = parseInt(aPezzi[2], 10); if(isNaN(h) || h > 23 || h < 0) h = Today.getHours(); //if(isNaN(m) || m > 59 || m < 0) m = Today.getMinutes(); if(isNaN(m) || m > 59 || m < 0) m = 0; //if(isNaN(s) || s > 59 || s < 0) s = Today.getSeconds(); if(isNaN(s) || s > 59 || s < 0) s = 0; risultato = prefiggiZeri(h,2)+":"+prefiggiZeri(m,2); if(ancheSecondi) risultato += ":"+prefiggiZeri(s,2); objCampoOra.value = risultato; } function secToHMS(sec, oreFacoltative) { sec = parseInt(sec,10); var h = Math.floor(sec / 3600); var m = sec % 3600; m = Math.floor(m / 60); if(oreFacoltative && h <= 0) return prefiggiZeri(m,2)+':'+prefiggiZeri(sec % 60,2); else return prefiggiZeri(h,2)+':'+prefiggiZeri(m,2)+':'+prefiggiZeri(sec % 60,2); } function secToGHMS(sec) { var result = ''; sec = parseInt(sec,10); var g = Math.floor(sec / 86400); var h = sec % 86400; h = Math.floor(h / 3600); var m = sec % 3600; m = Math.floor(m / 60); if(g > 0) result += g+'g '; if(h > 0) result += prefiggiZeri(h,2)+'h '; result += prefiggiZeri(m,2)+'m '+prefiggiZeri(sec % 60,2)+'s'; return result; } function HMSToSec(hms) { var risultato = ''; var aPezzi = hms.split(":"); var h = parseInt(aPezzi[0], 10); var m = parseInt(aPezzi[1], 10); var s = parseInt(aPezzi[2], 10); return h*3600+m*60+s; } function openKCFinder_singleFile(targetInput, soloImg, callBack, initialDir) { // callBack 猫 una stringa facoltativa che contiene il nome della funziona da eseguire al termine, a cui verr脿 sempre passato l'array con il file selezionato var selWin; var tipo = "*"; if(soloImg) tipo = "images"; if(initialDir == undefined) initialDir = ''; window.KCFinder = {}; window.KCFinder.callBack = function(fileUrl) { window.KCFinder = null; selWin.close(); fileUrl = unescape(fileUrl); if(targetInput) targetInput.value = fileUrl; if(callBack != '') eval(callBack+'(Array(fileUrl))'); }; selWin = window.open('admin/ckeditor/kcfinder/browse.php?opener=custom&type='+tipo+'&lang=it&dir='+_escape(initialDir), 'kcfinder_single', 'width=950,height=600,top=100,left=200'); } function openKCFinder_multipleFiles(soloImg, callBack, initialDir) { // callBack 猫 una stringa che contiene il nome della funziona da eseguire al termine, a cui verr脿 sempre passato l'array di file selezionati var selWin; var i = 0; var tipo = "*"; if(soloImg) tipo = "images"; if(initialDir == undefined) initialDir = ''; window.KCFinder = {}; window.KCFinder.callBackMultiple = function(files) { window.KCFinder = null; selWin.close(); for (i = 0; i < files.length; i++) {files[i] = unescape(files[i])} if(callBack != '') eval(callBack+'(files)'); }; selWin = window.open('admin/ckeditor/kcfinder/browse.php?opener=custom&type='+tipo+'&lang=it&dir='+_escape(initialDir), 'kcfinder_multiple', 'width=950,height=600,top=100,left=200'); } function playerSafeSeek(sec) { if(typeof playerInstance === 'undefined') return; if(video_started_first_time) { playerInstance.seek(sec); } else { video_first_seek = sec; playerInstance.play(true); } } function vaiAlMarker(inizio, idLive, idMarker, mostraDettagli) { bloccoCambioMarkerAttivo = true; if(TO_bloccoCambioMarkerAttivo) clearTimeout(TO_bloccoCambioMarkerAttivo); TO_bloccoCambioMarkerAttivo = setTimeout(function(){bloccoCambioMarkerAttivo=false}, 3000); $('.a_marker').removeClass('attivo'); $('.a_marker_'+idMarker).addClass('attivo'); if(idLive == live_attivo) { playerSafeSeek(inizio); if(idMarker != undefined && idMarker > 0 && mostraDettagli) caricaDettagliMarker(idLive, idMarker, mostraDettagli); } else location.href = "?idLive="+idLive+"&seek="+inizio+"&idMarker="+idMarker; } function caricaDettagliMarker(idLive, idMarker, dettagliato) { if(live_marker_attivo == idMarker) return; bloccoDettagliPunto = document.getElementById("dettagliPunto"); if(bloccoDettagliPunto) { getAjaxData("azione=dettagliPunto&idLive="+idLive+"&idMarker="+idMarker, bloccoDettagliPunto, true, function() { live_marker_attivo = idMarker; $('#cell_docs .bg').removeClass('tr'); $('#dettagliPunto').parent().show(); $('#dettagliPunto').parent().nanoScroller({preventPageScrolling: true, alwaysVisible: true}); $('#cell_docs .btnDettaglioMarker').attr('href', 'popup.php?idLive='+idLive+'&idMarker='+idMarker); if(dettagliato) $('#cell_docs .btnDettaglioMarker').show(); else $('#cell_docs .btnDettaglioMarker').hide(); $('#cell_docs .btnTornaElencoMarker').show(); $('#cell_docs .manifesto').hide(); $('#cell_docs .blocco_interventi_wrapper').hide(); }); } } function nascondiElemH(objElem) { objElem.attr('lastH', objElem.height()); objElem.animate({height: '0px'}, 500); } function mostraElemH(objElem) { if(undefined == objElem.attr('lastH') || objElem.attr('lastH') <= 0) objElem.css('height', 'auto'); else objElem.animate({height: objElem.attr('lastH')+'px'}, 500, function(){objElem.css('height', 'auto')}); } function toggleElemH(objElem) { if(objElem.height() > 0) nascondiElemH(objElem); else mostraElemH(objElem); } function getFileIcon(filepath) { var ext = filepath.split('.'); var icona = ''; var filename = filepath.split('/'); ext = ext[ext.length-1].toLowerCase(); filename = filename[filename.length-1]; if(ext == 'jpg' || ext == 'jpeg' || ext == 'gif' || ext == 'png') icona = '<img src="'+filepath+'" title="'+filename+'" alt="'+filename+'" class="fileIcon">'; else { icona = '<label class="sym fileIcon" title="'+filename+'">'; if(ext == 'xls' || ext == 'xlsx') icona += ''; else if(ext == 'doc' || ext == 'docx' || ext == 'rtf') icona += ''; else if(ext == 'txt') icona += ''; else if(ext == 'html' || ext == 'htm') icona += ''; else if(ext == 'ppt' || ext == 'pptx') icona += ''; else if(ext == 'pdf') icona += ''; else if(ext == 'zip' || ext == 'rar' || ext == '7z' || ext == 'tar' || ext == 'gz') icona += ''; else if(ext == 'wmv' || ext == 'mp4' || ext == 'avi' || ext == '3gp' || ext == 'mov' || ext == 'mpg' || ext == 'mpeg' || ext == 'flv') icona += ''; else if(ext == 'wma' || ext == 'mp3' || ext == 'mp2' || ext == 'aac' || ext == 'm4a' || ext == 'flac' || ext == 'mpa') icona += ''; else icona += ''; icona += '</label>'; } return icona; } function strToHTML(str) { var temp = $('<div>'); var ln = '[____________BREAK____________]'; temp.text(str.replace(/\n/gi, ln)); var result = temp.html().split(ln).join('<br>'); temp.remove(); return result; } function _trim(txt) { return txt.replace(/^\s+|\s+$/gm, ''); } function prefiggiZeri(cifra, numCifre) { var s = cifra+""; while(s.length < numCifre) s = "0" + s; return s; } function mostraFumetto(evento, $objClicked, $objContent, w) { if (!evento) evento = window.event; if (evento && evento.stopPropagation) evento.stopPropagation(); else if(evento && evento.cancelBubble) evento.cancelBubble = true; var pos,posX,posY; $('.fumetto').addClass('nascosto'); pos = $objClicked.offset(); posX = pos.left + $objClicked.width()/2; posY = pos.top; if(w && w > 0) $objContent.css('width', w + "px"); $objContent.addClass('fumetto'); $objContent.removeClass('nascosto'); posX = posX - $objContent.width()/2 - 10; if(posX < 0) posX = 0; else if(posX+$objContent.width() > $(window).width()) posX = $(window).width()-$objContent.width(); posY += $objClicked.height()+10; $objContent.css('left', posX + "px"); $objContent.css('top', posY + "px"); } function caricaFiles(callBack, multi, propImg, idLive, isAttachment) { if(isAttachment) isAttachment = '1'; else isAttachment = '0'; if(propImg == undefined) propImg = ''; if(multi) multi = '1'; else multi = '0'; $.magnificPopup.open({ items: {src: '?config=caricamentoFile&multi='+multi+'&prop='+propImg+'&callBack='+callBack+'&idLive='+idLive+'&isAttachment='+isAttachment} ,type: 'iframe' }, 0); } function toggleDraggable($obj, classe) { if($obj.hasClass('ui-draggable')) { $obj.draggable({disabled:true}); $obj.removeClass('ui-draggable'); $obj.removeClass(classe); $obj.css({left:$obj.attr('data-oldLeft')}); $obj.css({top:$obj.attr('data-oldTop')}); } else { $obj.attr('data-oldLeft', $obj.css('left')); $obj.attr('data-oldTop', $obj.css('top')); $obj.draggable({disabled:false,handle:'.drag-handle'}); $obj.addClass('ui-draggable'); $obj.addClass(classe); } } function loadLazyImages() { aPageSize = getPageSize(); var i = 0; var aImg = $('img.lazy'); var offset = null; aImg.each(function() { offset = $(this).offset(); if(offset.top < aPageSize[3]+aPageSize[5] && offset.left < aPageSize[2]+aPageSize[4]) { if($(this).attr('src') != $(this).data('src')) $(this).attr('src', $(this).data('src')); } }); } function puntoMigliaia(nStr) { var rgx = /(\d+)(\d{3})/; nStr = nStr.toString(); while (rgx.test(nStr)) nStr = nStr.replace(rgx, '$1' + '.' + '$2'); return nStr; } function euroconv(nStr, smallDecimals, round) { // nStr deve essere float o integer. Arrotondamento a 2 cifre dopo la virgola nStr = Math.round(parseFloat(nStr) * 100) / 100; var x = nStr.toString().split('.'); var x1 = x[0]; if(round) { x = puntoMigliaia(Math.round(x1)); } else { x1 += ','; var x2 = x.length > 1 ? x[1] : '00'; x1 = puntoMigliaia(x1); if(x2.length < 2) x2 += "0"; x = x1 + x2; if(smallDecimals) x = x.replace(/\,(\d+)$/, '<small>,$1</small>'); } return x; }</script> <script> var videoSlidesSwitched = false; </script> <script src="jquery/index.js?24"></script>  <script> function enableCookies() { if (navigator.cookieEnabled) { (function() { var gtagScript = document.createElement('script'); gtagScript.src = 'https://www.googletagmanager.com/gtag/js?id=G-2LHRJY86QH'; gtagScript.async = true; document.head.appendChild(gtagScript); gtagScript.onload = function() { window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} window.gtag = gtag; gtag('js', new Date()); gtag('config', 'G-2LHRJY86QH'); // Sostituisci le chiamate ga con gtag qui // Esempio di invio di una pagina visualizzata: gtag('event', 'page_view'); }; })(); } else { console.log('I cookie non sono abilitati'); } } </script> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0" />  </head> <body> <header> <a class="main_logo" href="/" title="Vai alla home page"><img src="/images/civicam.png" alt="Logo"></a> <div class="toggle sym" onclick="event.stopPropagation();toggleMobileMenu()"></div> <ul> <li><a href="?c=1">CONSIGLI COMUNALI</a></li> <li onclick="event.stopPropagation();showMegaMenu('canali')" class="canali"><a>sezioni</a></li> <li onclick="event.stopPropagation();showMegaMenu('live')" class="live"><a><span class="sym"></span> dirette</a></li> </ul> </header> <nav id="megamenu"><div class="fullCenter"> <a href="/" class="mobile first">HOME</a> <a class="mobile">sezioni</a> <div class="voce canali"> <section class="canale"><h1><a href="/?c=1">Consigli comunali</a></h1><ul class="submenu"><li class="video"><a href="/live664-Consiglio-comunale.html"><img src="/lib/ente_51/images/default_poster.jpg?0" alt="Consiglio comunale"><h2>Consiglio comunale</h2><h3>08 aprile 2025</h3></a></li><li class="video"><a href="/live663-Consiglio-comunale.html"><img src="/lib/ente_51/images/default_poster.jpg?0" alt="Consiglio comunale"><h2>Consiglio comunale</h2><h3>07 aprile 2025</h3></a></li><li class="video"><a href="/live661-Consiglio-comunale.html"><img src="/lib/ente_51/images/default_poster.jpg?0" alt="Consiglio comunale"><h2>Consiglio comunale</h2><h3>24 marzo 2025</h3></a></li></ul><a href="/?c=1" class="all">+ VEDI TUTTI</a></section><section class="canale"><h1><a href="/?c=2">La Città</a></h1><ul class="submenu"><li class="video"><a href="/live595-Cittaa-di-Macerata-in-festa.html"><img src="/lib/ente_51/images/default_poster.jpg?0" alt="Città di Macerata in festa"><h2>Città di Macerata in festa</h2><h3>01 giugno 2024</h3></a></li><li class="video"><a href="/live510-Cerimonia-gemellaggio-Macerata-Lanciano.html"><img src="/lib/ente_51/images/default_poster.jpg?0" alt="Cerimonia gemellaggio Macerata - Lanciano"><h2>Cerimonia gemellaggio Macerata - Lanciano</h2><h3>03 giugno 2023</h3></a></li><li class="video"><a href="/live287-SFERISTERIO200-GLI-ANNI-DELLA-GRANDE-FABBRICA-OTTOBRE-1820-OTTOBRE-1829.html"><img src="/lib/ente_51/images/default_poster.jpg?0" alt="SFERISTERIO200 - GLI ANNI DELLA GRANDE FABBRICA OTTOBRE 1820 - OTTOBRE 1829"><h2>SFERISTERIO200 - GLI ANNI DELLA GRANDE FABBRICA OTTOBRE 1820 - OTTOBRE 1829</h2><h3>30 ottobre 2020</h3></a></li></ul><a href="/?c=2" class="all">+ VEDI TUTTI</a></section><section class="canale"><h1><a href="/?c=3">RACI</a></h1><ul class="submenu"><li class="video"><a href="/live96-RACI-34a-Edizione-Terza-giornata.html"><img src="/lib/ente_51/images/default_poster.jpg?40270" alt="RACI 34a Edizione - Terza giornata"><h2>RACI 34a Edizione - Terza giornata</h2><h3>13 maggio 2018</h3></a></li><li class="video"><a href="/live95-RACI-34a-Edizione-Seconda-giornata-Macerata.html"><img src="/./lib/ente_51/live_95/live_95_poster.jpg?55517" alt="RACI 34a Edizione - Seconda giornata (Macerata)"><h2>RACI 34a Edizione - Seconda giornata (Macerata)</h2><h3>12 maggio 2018</h3></a></li><li class="video"><a href="/live94-RACI-34a-Edizione-Prima-giornata-Macerata.html"><img src="/./lib/ente_51/live_94/live_94_poster.jpg?80771" alt="RACI 34a Edizione - Prima giornata (Macerata)"><h2>RACI 34a Edizione - Prima giornata (Macerata)</h2><h3>12 maggio 2018</h3></a></li></ul><a href="/?c=3" class="all">+ VEDI TUTTI</a></section><section class="canale last"><h1><a href="/?c=4">Commissioni consiliari</a></h1><ul class="submenu"><li class="video"><a href="/live665-Commissione-consiliare-II.html"><img src="/lib/ente_51/images/default_poster.jpg?0" alt="Commissione consiliare II"><h2>Commissione consiliare II</h2><h3>03 aprile 2025</h3></a></li><li class="video"><a href="/live662-Commissione-consiliare-IV.html"><img src="/lib/ente_51/images/default_poster.jpg?0" alt="Commissione consiliare IV"><h2>Commissione consiliare IV</h2><h3>01 aprile 2025</h3></a></li><li class="video"><a href="/live660-Commissione-consiliare-II.html"><img src="/lib/ente_51/images/default_poster.jpg?0" alt="Commissione consiliare II"><h2>Commissione consiliare II</h2><h3>20 marzo 2025</h3></a></li></ul><a href="/?c=4" class="all">+ VEDI TUTTI</a></section><section class="canale"><h1><a href="/?c=5">Consiglio delle donne</a></h1><ul class="submenu"><li class="video"><a href="/live655-Consiglio-delle-Donne.html"><img src="/lib/ente_51/images/default_poster.jpg?0" alt="Consiglio delle Donne"><h2>Consiglio delle Donne</h2><h3>03 febbraio 2025</h3></a></li><li class="video"><a href="/live626-Consiglio-delle-Donne.html"><img src="/lib/ente_51/images/default_poster.jpg?0" alt="Consiglio delle Donne"><h2>Consiglio delle Donne</h2><h3>04 novembre 2024</h3></a></li><li class="video"><a href="/live570-Consiglio-delle-donne.html"><img src="/lib/ente_51/images/default_poster.jpg?0" alt="Consiglio delle donne"><h2>Consiglio delle donne</h2><h3>29 febbraio 2024</h3></a></li></ul><a href="/?c=5" class="all">+ VEDI TUTTI</a></section></div> <div class="voce live"> <a class="mobile">LIVE</a> <section id="lives_liveNow"><h1><span class="sym"></span> LIVE NOW</h1><ul></ul></section> <section id="lives_nextLive"><h1>PROSSIMI LIVE</h1><ul></ul></section> <ul style="display:none"><li class="video live_265" data-id="265" data-ts="1594194000" data-ts-fine=""><a class="hgroup" href="/live265-Webcam-Piazza-della-Libertaa-2.html"><img src="/lib/ente_51/images/default_poster.jpg?0" alt="Webcam Piazza della Libertà 2"><h2>Webcam Piazza della Libertà 2</h2><h3></h3></a><div class="cd"></div></li><li class="video live_603" data-id="603" data-ts="1718992620" data-ts-fine=""><a class="hgroup" href="/live603-Commissione-consiliare-congiunta-I-IV.html"><img src="/lib/ente_51/images/default_poster.jpg?0" alt="Commissione consiliare congiunta I - IV"><h2>Commissione consiliare congiunta I - IV</h2><h3>21 giugno ore 19:57</h3></a><div class="cd"></div></li><li class="video live_663" data-id="663" data-ts="1744032420" data-ts-fine=""><a class="hgroup" href="/live663-Consiglio-comunale.html"><img src="/lib/ente_51/images/default_poster.jpg?0" alt="Consiglio comunale"><h2>Consiglio comunale</h2><h3>07 aprile ore 15:27</h3></a><div class="cd"></div></li><li class="video live_664" data-id="664" data-ts="1744120620" data-ts-fine=""><a class="hgroup" href="/live664-Consiglio-comunale.html"><img src="/lib/ente_51/images/default_poster.jpg?0" alt="Consiglio comunale"><h2>Consiglio comunale</h2><h3>08 aprile ore 15:57</h3></a><div class="cd"></div></li></ul> </div> </div></nav> <div id="top-main"> <div class="bg blur" style="background-image:url('/lib/ente_51/SFERISTERIO _nuovo taglio foto banner.jpg')"></div> <div class="bg opaque" style="background-image:url('/lib/ente_51/SFERISTERIO _nuovo taglio foto banner.jpg')"></div> <div id="mainContent" class="fullCenter"> <section id="home-top"> <img src="/lib/ente_51/logo_secondario_macerata4.png" alt="" class="logo1"> <aside> <figure class="logo"><img src="/lib/ente_51/Macerata_PROFILO_red.png?" alt="Stemma"></figure> <ul> <li><p class="sym"></p><p><a href="http://bit.ly/comuneMacerata" target="_blank">bit.ly/comuneMacerata</a></p></li> </ul> </aside> <div id="home-evidenza" onfocus="if(autoSlideEvidenza_TO) clearTimeout(autoSlideEvidenza_TO);" onmouseover="if(autoSlideEvidenza_TO) clearTimeout(autoSlideEvidenza_TO);" onblur="autoSlideEvidenza_TO = setTimeout(autoSlideEvidenza, 4000)" onmouseout="autoSlideEvidenza_TO = setTimeout(autoSlideEvidenza, 4000)"> <div class="poster"><div class="poster_slider"> <a href="/live265-Webcam-Piazza-della-Libertaa-2.html"><img src="lib/ente_51/images/default_poster.jpg?0" alt="Webcam Piazza della Libertà 2"></a><a href="/live603-Commissione-consiliare-congiunta-I-IV.html"><img src="lib/ente_51/images/default_poster.jpg?0" alt="Commissione consiliare congiunta I - IV"></a><a href="/live663-Consiglio-comunale.html"><img src="lib/ente_51/images/default_poster.jpg?0" alt="Consiglio comunale"></a><a href="/live664-Consiglio-comunale.html"><img src="lib/ente_51/images/default_poster.jpg?0" alt="Consiglio comunale"></a><a href="/live247-Webcam-Piazza-della-Libertaa.html"><img src="lib/ente_51/images/default_poster.jpg?0" alt="Webcam Piazza della Libertà"></a></div></div> <div class="info"> <div class="hgroup"> <h3>In evidenza</h3> <h4 class="link"></h4> <h5 class="link"></h5> <h6 class="cd"></h6> </div> <p class="descrizione"></p> <ul class="btns"> <li class="views"><span class="sym"></span> <label></label></li> <li class="duration"><span class="sym"></span> <label></label></li> </ul> <ul class="slider"></ul> <label class="cat"><p></p></label> </div> <script> var evidenza_elements = [["265","Webcam Piazza della Libert\u00e0 2","","1594194000","La Citt\u00e0",[],"106944","0","now","webcam","1","0","\/live265-Webcam-Piazza-della-Libertaa-2.html","08 luglio 2020"],["603","Commissione consiliare congiunta I - IV","","1718992620","Commissioni consiliari",[],"608","0","now","Commissioni congiunte","0","0","\/live603-Commissione-consiliare-congiunta-I-IV.html","21 giugno 2024"],["663","Consiglio comunale","","1744032420","Consigli comunali",[],"23","0","futuro","","0","0","\/live663-Consiglio-comunale.html","07 aprile 2025"],["664","Consiglio comunale","","1744120620","Consigli comunali",[],"19","0","futuro","","0","0","\/live664-Consiglio-comunale.html","08 aprile 2025"],["247","Webcam Piazza della Libert\u00e0","","1581677220","La Citt\u00e0",[],"12990","0","now","webcam","1","0","\/live247-Webcam-Piazza-della-Libertaa.html","14 febbraio 2020"]]; var autoSlideEvidenza_TO = null; function caricaEvidenza(indice) { var i = 0; if(indice < 0) indice = evidenza_elements.length-1; else indice = indice % evidenza_elements.length; var aEvidenza = evidenza_elements[indice]; var catLabel = ''; if(!aEvidenza) return; $('#home-evidenza .poster_slider').animate({left: -$('#home-evidenza .poster a').width()*indice}, 1000); if(aEvidenza[9] && aEvidenza[9] != '') catLabel = aEvidenza[9]; else if(aEvidenza[4] && aEvidenza[4] != '') catLabel = aEvidenza[4]; $('#home-evidenza .cat p').text(catLabel); if(catLabel != '') $('#home-evidenza .cat').show(); else $('#home-evidenza .cat').hide(); $('#home-evidenza h4').text(aEvidenza[1]); if(aEvidenza[10] > 0) $('#home-evidenza h5').text(''); else $('#home-evidenza h5').text(aEvidenza[13]); $('#home-evidenza .cd').text(''); $('#home-evidenza .descrizione').html(aEvidenza[2]); /* $('#home-evidenza .tags').empty(); for(i in aEvidenza[5]) $('#home-evidenza .tags').append('<li><a>'+aEvidenza[5][i]+'</a></li>'); */ $('#home-evidenza .slider .sym').removeClass('attivo'); $('#home-evidenza .slider .sym').eq(indice+1).addClass('attivo'); $('#home-evidenza .btns .views label').text(aEvidenza[6]); if(aEvidenza[7] > 0) { $('#home-evidenza .btns .duration label').text(secToHMS(aEvidenza[7], true)); $('#home-evidenza .btns .duration').show(); } else { $('#home-evidenza .btns .duration').hide(); } if($('#home-evidenza .descrizione').position().top > 160) $('#home-evidenza .descrizione').hide(); else $('#home-evidenza .descrizione').show(); $('#home-evidenza .link').unbind('click').click(function(e) {location.href=aEvidenza[12]}); evidenza_attivo = indice; evidenza_attivo_ID = aEvidenza[0]; } function autoSlideEvidenza() { caricaEvidenza(evidenza_attivo+1); if(autoSlideEvidenza_TO) clearTimeout(autoSlideEvidenza_TO); autoSlideEvidenza_TO = setTimeout(autoSlideEvidenza, 6000); } if(evidenza_elements.length > 1) { $('#home-evidenza .slider').append('<li class="sym left" onclick="caricaEvidenza(evidenza_attivo-1)"></li>'); for(i in evidenza_elements) $('#home-evidenza .slider').append('<li class="sym" onclick="caricaEvidenza('+i+')"></li>'); $('#home-evidenza .slider').append('<li class="sym right" onclick="caricaEvidenza(evidenza_attivo+1)"></li>'); autoSlideEvidenza(); $('#home-evidenza .slider').css({'margin-left': -($('#home-evidenza .slider').width()/2)+'px', 'left':'50%'}); } else { $('#home-evidenza .slider').hide(); caricaEvidenza(0); } </script> </div> </section> <div id="home-main" > <aside> <div class="multimediaElementFilter"> <h1>sezioni</h1> <ul class="elemCatFilters" data-field="cat"><li data-value="1" class=" first"><label>Consigli comunali</label><ul class="elemSottocatFilters" data-field="sottocat"><li data-value="consigli comunalli"><label>consigli comunalli</label></li><li data-value="consigli comunalei"><label>consigli comunalei</label></li><li data-value="Commissione consiliare I^"><label>Commissione consiliare I^</label></li><li data-value="Consiglio delle donne"><label>Consiglio delle donne</label></li></ul></li><li data-value="4" class=""><label>Commissioni consiliari</label><ul class="elemSottocatFilters" data-field="sottocat"><li data-value="Commissione consiliare II^"><label>Commissione consiliare II^</label></li><li data-value="Commissione consiliare IV^"><label>Commissione consiliare IV^</label></li><li data-value="Commissione consiliare III^"><label>Commissione consiliare III^</label></li><li data-value="Commissioni congiunte"><label>Commissioni congiunte</label></li><li data-value="Commissione consiliare I^"><label>Commissione consiliare I^</label></li><li data-value="Commissione consiliare congiunta II e III"><label>Commissione consiliare congiunta II e III</label></li></ul></li><li data-value="5" class=""><label>Consiglio delle donne</label><ul class="elemSottocatFilters" data-field="sottocat"><li data-value="Consiglio delle donne"><label>Consiglio delle donne</label></li></ul></li><li data-value="2" class=""><label>La Città</label><ul class="elemSottocatFilters" data-field="sottocat"><li data-value="webcam"><label>webcam</label></li></ul></li><li data-value="3" class=" last"><label>RACI</label></li></ul> </div> </aside> <div class="mainColumn"> <div class="tools"> <div class="tool"> <div class="textbox_wrapper"><input type="text" name="filtro_multimedia" placeholder="cerca..." onkeydown="if(premutoInvio(event)) filtraMultimediaElement('q', this.value)" title="Cerca tra i video"><span class="sym"></span></div> </div> <div class="customSelect tool"> <label><span class="txt">ORDINA</span> <span class="sym"></span></label> <ul class="customSelectMenu"><li onclick="filtraMultimediaElement('orderBy', 0)">dal più recente</li><li onclick="filtraMultimediaElement('orderBy', 1)">dal meno recente</li><li onclick="filtraMultimediaElement('orderBy', 2)">dal più visto</li></ul> </div> <div class="multimediaElementFilter"> <div class="customSelect tool"> <label><span class="txt">ANNO</span> <span class="sym"></span></label> <ul class="customSelectMenu" data-field="anno"><li data-value="">TUTTI</li><li data-value="2025">2025</li><li data-value="2024">2024</li><li data-value="2023">2023</li><li data-value="2022">2022</li><li data-value="2021">2021</li><li data-value="2020">2020</li><li data-value="2019">2019</li><li data-value="2018">2018</li><li data-value="2017">2017</li><li data-value="2016">2016</li><li data-value="2015">2015</li><li data-value="2014">2014</li><li data-value="2013">2013</li><li data-value="2012">2012</li></ul> </div> <div class="tool breadcumbs"> <a href="javascript:void(0)" onclick="filtraMultimediaElement('cat', '')"><u>TUTTI I VIDEO</u></a> <label class="breadcumb-cat"></label> <label class="breadcumb-sottocat"></label> </div> <div class="customSelect tool breadcumbs"> <label><span class="txt">SEZIONE</span> <span class="sym"></span></label> <ul class="customSelectMenu" data-field="cat"> <li>TUTTI I VIDEO</li> <li data-value="1">Consigli comunali</li><li data-value="4">Commissioni consiliari</li><li data-value="5">Consiglio delle donne</li><li data-value="2">La Città</li><li data-value="3">RACI</li> </ul> </div> </div> </div> <ul id="mainElemList"></ul> <ul class="paginazione"></ul> <script> objMainFilter.orderBy = 0; filtraMultimediaElement('cat', ''); </script> </div> </div> </div> </div> <div id="timeline_marker_description"></div> <footer> <div class="fullCenter"> <section>    </section> <section class="mid"> </section> <section class="last"> <div align="right"> <a href="javascript:$.magnificPopup.open({items:{src: '#shortcuts-table', type:'inline'}})"><img src="/images/keyboard_white.svg" alt="Scorciatoie da tastiera per i video" title="Scorciatoie da tastiera per i video" /></a> <br><br><a href="/?p=cookies">Privacy Policy</a><br><br> </div> <h1>Contatti</h1> <p>info@civicam.it</p> <p>0737 787665</p> <p class="social">  </p> </section> </div> <div class="row"> <img src="/images/c-di-civicam.png" alt="Civicam"> powered by <a href="http://www.civicam.it/" target="_blank">civicam: crea la tua diretta streaming del consiglio comunale</a> </div> </footer> <script> function liveShare_genUrl(init) { var f = document.formCondivisioneLive; var baseUrl = 'https://webtv.comune.macerata.it'; var baseEmbed = '<iframe width=\"640\" height=\"360\" src=\"https://webtv.comune.macerata.it/embed.php?idVideo=0&idLive=0&idMarker=0&seek=0\" frameborder=\"0\" allowfullscreen></iframe>'; var sec = 0; var seek_qs = ''; var html_social = ''; var idMarker = null; var descrizioneMarker = null; if (!('markerAttivo_indice' in window)) { markerAttivo_indice = 0; } if(init) { // share panel just opened if(playerInstance && typeof playerInstance.getPosition == 'function') sec = Math.round(playerInstance.getPosition()); if(f.liveShare_time) f.liveShare_time.value = secToHMS(sec, false); if(f.liveShare_marker) { var currentMarker = aMarkers[markerAttivo_indice]; if (currentMarker) { if (currentMarker.id) { var v = $(f.liveShare_marker).find("option[data-idmarker='"+currentMarker.id+"']").val(); if (v) { $(f.liveShare_marker).val(v); } else { f.liveShare_marker.selectedIndex = 0; } } else { f.liveShare_marker.selectedIndex = 0; } } } } else { if(f.liveShare_marker) sec = valSelect(f.liveShare_marker); if(f.liveShare_time && f.liveShare_setBeginAt.checked) sec = HMSToSec(f.liveShare_time.value); } if(f.liveShare_marker) idMarker = f.liveShare_marker.options[f.liveShare_marker.selectedIndex].getAttribute("data-idmarker"); if(f.liveShare_marker) descrizioneMarker = f.liveShare_marker.options[f.liveShare_marker.selectedIndex].getAttribute("data-descrizionemarker"); if (idMarker && f.liveShare_marker.selectedIndex > 0) { baseUrl += "/" + idMarker + "-" + creaSlug(descrizioneMarker); sec = 0; } if(sec > 0) { seek_qs = (baseUrl.indexOf('?')<0 ? '?' : '&') + 'seek='+sec.toString(); } var url = baseUrl+seek_qs; f.videoShareText.value = url; f.videoShareEmbedText.value = baseEmbed.replace(/\;seek=\d+/, ';seek='+sec.toString()).replace(/\;idMarker=\d+/, idMarker ? ';idMarker='+idMarker.toString() : ';'); html_social = "Condividi su <a href=\"https://www.facebook.com/sharer/sharer.php?u="+encodeURIComponent(url)+"&t=Comune%20di%20Macerata\" target=\"_blank\" class=\"facebook\" alt=\"Condividi su Facebook\" onclick=\"if ('gtag' in window) gtag('event', 'Video', {'event_category': 'condividi-facebook', 'event_label': '0'});\"></a>"; html_social += "<a href=\"https://twitter.com/intent/tweet?original_referer="+encodeURIComponent(url)+"&source=tweetbutton&text=Comune%20di%20Macerata&url="+encodeURIComponent(url)+"\" target=\"_blank\" class=\"twitter\" alt=\"Condividi su Twitter\" onclick=\"if ('gtag' in window) gtag('event', 'Video', {'event_category': 'condividi-twitter', 'event_label': '0'});\"></a>"; $('#condivisioneLive .social').html(html_social); } $('.videoShareToggle').click(function(e) { $.magnificPopup.open({ type: 'inline', showCloseBtn: true, closeBtnInside: true, items: { src: '#condivisioneLive', } }); liveShare_genUrl(true); }); function creaSlug(testo) { return (testo || "") .replace(/脿/gi, "a") .replace(/[猫茅]/gi, "e") .replace(/矛/gi, "i") .replace(/貌/gi, "o") .replace(/霉/gi, "u") .replace(/[^a-z0-9]/gi, "-") .replace(/\-{2,}/g, "-") .replace(/^\-/, "") .replace(/\-$/, ""); } </script> <div id="condivisioneLive" class="mfp-hide"> <h1><span class="sym"></span>   Condividi questo video</h1> <form name="formCondivisioneLive" onsubmit="return false"> <p> <input type="checkbox" name="liveShare_setBeginAt" id="cb_liveShare_setBeginAt" value="1" onclick="liveShare_genUrl(false)"> <label for="cb_liveShare_setBeginAt"> Inizio video a</label>   <input type="text" name="liveShare_time" class="time" onchange="sistemaValoreCampoOra(this,true);liveShare_genUrl(false)" title="Inizio del video in hh:mm:ss"> </p> <p>Link<input type="text" name="videoShareText" value="https://webtv.comune.macerata.it" readonly onclick="this.select()" title="url da condividere"></p> <p class="social"></p> <p>Embed<textarea name="videoShareEmbedText" readonly onclick="this.select()" title="Codice per embedding del video"><iframe width="640" height="360" src="https://webtv.comune.macerata.it/embed.php?idVideo=0&amp;idLive=0&amp;idMarker=0&amp;seek=0" frameborder="0" allowfullscreen></iframe></textarea></p> </form> </div> <div id="inserimentoPassword" class="mfp-hide"> <h1>Video riservato</h1> <form id="formPassword" onsubmit="inviaPassword(this); return false;"> <p>L'accesso a questo video è riservato. Per visualizzarlo è necessario inserire una password.</p> <label for="live_password_field">Inserisci la password per accedere</label> <input type="password" name="password" title="Password" id="live_password_field" required /> <span>Password non valida</span> <button type="submit">Accedi</button> </form> </div> <div id="shortcuts-table" class="mfp-hide"> <h1>Scorciatoie da tastiera per il video</h1> <table><tbody> <tr> <td>Barra spaziatrice</td> <td>Pausa / Play riproduzione video</td> </tr> <tr> <td>Invio</td> <td>Pausa / Play riproduzione video</td> </tr> <tr> <td>M</p></td> <td>Mutare / Smutare volume video</td> </tr> <tr> <td>Freccia su / Freccia gi霉</td> <td>Incrementa/decrementa volume del 10%</td> </tr> <tr> <td>Freccia destra / Freccia sinistra</td> <td>Spostarsi nel video avanti o indietro di 5 secondi</td> </tr> <tr> <td>0..9</td> <td>Spostarsi velocemente nel video alla posizione x%</td> </tr> <tr> <td>F</td> <td>Entra o esci dalla modalità schermo intero</td> </tr> <tr> <td>C</td> <td>Naviga l'elenco dei sottotitoli (se disponibili)</td> </tr> </tbody></table> </div> <script> var mp4Esiste = false; var mp3Esiste = false; var mp4Data = { toastMessage: 'Generazione file VIDEO .mp4 in corso...', }; var mp3Data = { toastMessage: 'Generazione file AUDIO .mp3 in corso...', }; function mostraDettaglioVotazione(element, data) { if (!data) return; if (!('URLSearchParams' in window)) return; try { var obj = new URLSearchParams(data); var favorevoli = +obj.get('f'); var contrari = +obj.get('c'); var astenuti = +obj.get('a'); var nonVotanti = +obj.get('n'); var risultato = obj.get('r'); var totale = favorevoli + contrari + astenuti + nonVotanti; if (totale <= 0) { return; } element.text('Votazione'); var containerVotazione = $('<div></div>'); var tabella = "<table>"; tabella += "<tr><td>Favorevole</td><td>"+favorevoli+"</td><td><span style=\"width: " + (favorevoli/totale*100).toFixed(0) + "%\"></span></td></tr>"; tabella += "<tr><td>Contrario</td><td>"+contrari+"</td><td><span style=\"width: " + (contrari/totale*100).toFixed(0) + "%\"></span></td></tr>"; tabella += "<tr><td>Astenuto</td><td>"+astenuti+"</td><td><span style=\"width: " + (astenuti/totale*100).toFixed(0) + "%\"></span></td></tr>"; if (nonVotanti > 0) { tabella += "<tr><td>Non votante</td><td>"+nonVotanti+"</td><td><span style=\"width: " + (nonVotanti/totale*100).toFixed(0) + "%\"></span></td></tr>"; } tabella += "</table>"; if (risultato) { var coloreRisultato = "white"; if (risultato == "Approvato") { coloreRisultato = "green"; } else if (risultato == "Respinto") { coloreRisultato = "red"; } tabella += "<p style=\"font-weight: bold; color: "+coloreRisultato+"\">"+risultato+"</p>"; } containerVotazione.html(tabella); var icona = $("<img />"); icona.attr('src', '/images/marker_votazione.png'); containerVotazione.prepend(icona); element.prepend(icona); element.addClass('marker_votazione_risultato'); element.append(containerVotazione); } catch (e) { } } function toggleDownloadFile (e) { $('.downloadFileAWSContainer').toggle(); $('.videoDownload').toggleClass('clicked'); } function downloadOrConvertMP3(element) { $('.download-file-button').removeClass('clicked'); $(element).addClass('clicked'); if (mp3Esiste) { // download video in other tab and change name of file window.open(mp3Data.filePath, '_self'); } else { mp3ToastInstance = toastr.info(mp3Data.toastMessage, '', { timeOut: 0, // Mantieni il toast visibile indefinitamente extendedTimeOut: 0, toastClass: 'civicam-toast civicam-toast-progress', progressBar: true }); convertHLSToMp3AWS('0', strToHTML('')); // check if file is ready pollingCheckMP3ToDownload(); } } function downloadOrConvertMP4(element) { $('.download-file-button').removeClass('clicked'); $(element).addClass('clicked'); if (mp4Esiste) { // download video in other tab and change name of file window.open('', '_self'); } else { mp4ToastInstance = toastr.info(mp4Data.toastMessage, '', { timeOut: 0, // Mantieni il toast visibile indefinitamente extendedTimeOut: 0, toastClass: 'civicam-toast civicam-toast-progress', progressBar: true }); convertHLSToMp4AWS('0', strToHTML('')); // check if file is ready pollingCheckMP4ToDownload(); } } toastr.options = { closeButton: false, debug: false, newestOnTop: false, progressBar: false, positionClass: "toast-bottom-right", toastClass: 'civicam-toast', preventDuplicates: false, onclick: null, showDuration: "300", hideDuration: "1000", timeOut: "5000", extendedTimeOut: "1000", showEasing: "swing", hideEasing: "linear", showMethod: "fadeIn", hideMethod: "fadeOut" } var mp4ToastInstance = null; var mp3ToastInstance = null; function pollingCheckMP3ToDownload() { jobInProgressAWS('0', function(files) { var mp3File = files.find(function(file) { return file.NewFilename.endsWith(mp3Data.fileName); }); // if the list does not contain the file, check if the file exists if (!mp3File) { checkIfFileExists(mp3Data.filePath, function(exists) { if (exists) { mp3Esiste = true; toastr.clear(mp3ToastInstance); mp3ToastInstance = null; // automatically download the file window.open(mp3Data.filePath, '_self'); // toastr.info('<div class="file-ready-download">Il file 猫 pronto per essere scaricato<button type="button" class="civicam-material-button" onclick="window.open(mp3Data.filePath, \'_self\');">Scarica</button></div>', '', { // timeOut: 0, // Mantieni il toast visibile indefinitamente // extendedTimeOut: 0, // // progressBar: true // }); } else { setTimeout(pollingCheckMP3ToDownload, 5000); } }); } else { setTimeout(pollingCheckMP3ToDownload, 5000); } }); } function pollingCheckMP4ToDownload() { jobInProgressAWS('0', function(files) { var mp4File = files.find(function(file) { return file.NewFilename.endsWith(mp4Data.fileName); }); // if the list does not contain the file, check if the file exists if (!mp4File) { checkIfFileExists(mp4Data.filePath, function(exists) { if (exists) { mp4Esiste = true; toastr.clear(mp4ToastInstance); mp4ToastInstance = null; // automatically download the file window.open(mp4Data.filePath, '_self'); // toastr.info('<div class="file-ready-download">Il file 猫 pronto per essere scaricato<button type="button" class="civicam-material-button" onclick="window.open(mp4Data.filePath, \'_self\');">Scarica</button></div>', '', { // timeOut: 0, // Mantieni il toast visibile indefinitamente // extendedTimeOut: 0, // // progressBar: true // }); } else { setTimeout(pollingCheckMP4ToDownload, 5000); } }); } else { setTimeout(pollingCheckMP4ToDownload, 5000); } }); } function checkIfFileExists(fileUrl, callback) { $.ajax({ url: fileUrl, type: 'HEAD', success: function() { callback(true); }, error: function() { callback(false); } }); } // if I click outside videoDownload or downloadFileAWSContainer, close the container $(document).click(function(event) { if (!$(event.target).closest('.videoDownload').length && !$(event.target).closest('.downloadFileAWSContainer').length) { $('.downloadFileAWSContainer').hide(); $('.videoDownload').removeClass('clicked'); $('.download-file-button').removeClass('clicked'); } }); </script> </body> </html>