/* ---------glyphicons ----------- */ @font-face { font-family:'autostradetech'; src: url('fonts/autostradetech.ttf?4zpiia') format('truetype'), url('fonts/autostradetech.woff?4zpiia') format('woff'), url('fonts/autostradetech.svg?4zpiia#autostradetech') format('svg'); font-weight:normal; font-style:normal; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family:'autostradetech' !important; speak:none; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; /* line-height:1;*/ /* Better Font Rendering =========== */ -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; } .icon-percorso:before { content:"\e900"; } .icon-news:before { content:"\e901"; } .icon-menu:before { content:"\e902"; color:black; } .icon-webcam:before { content:"\e903"; } .icon-ads:before { content:"\e904"; } .icon-traffico:before { content:"\e905"; } .icon-bussola:before { content:"\e906"; } .icon-search:before { content:"\e986"; } .icon-play3:before { content:"\ea1c"; } .icon-loop2:before { content:"\ea2e"; } .icon-arrow-up-left:before { content:"\ea31"; } .icon-arrow-up:before { content:"\ea32"; } .icon-arrow-up-right:before { content:"\ea33"; } .icon-arrow-right:before { content:"\ea34"; } .icon-arrow-down-right:before { content:"\ea35"; } .icon-arrow-down:before { content:"\ea36"; } .icon-arrow-down-left:before { content:"\ea37"; } .icon-arrow-left:before { content:"\ea38"; } .icon-arrow-up-left2:before { content:"\ea39"; } .icon-arrow-up-right2:before { content:"\ea3b"; } .icon-arrow-right2:before { content:"\ea3c"; } .icon-arrow-down-right2:before { content:"\ea3d"; } .icon-arrow-down2:before { content:"\ea3e"; } .icon-arrow-down-left2:before { content:"\ea3f"; } .icon-arrow-left2:before { content:"\ea40"; } .icon-circle-up:before { content:"\ea41"; } .icon-circle-right:before { content:"\ea42"; } .icon-circle-down:before { content:"\ea43"; } .icon-circle-left:before { content:"\ea44"; } /* .opzioni-apri::after { content:"\ea43"; }*/ .opzioni-chiudi::after { content:"\ea41"; } .autostrade { display:inline } body { font-size:100%; color:#666; font-family:Montserrat,sans-serif; /*background:#f3f3f3 url(../images/sfondo-generico.jpg) no-repeat 0 15px*/; margin:0; padding:0; border:none; } #bodyhome { font-family:Monserrat, Ubuntu, sans-serif; } p { margin:2px 0; padding:2px 0 } body#popup { color:black; background-color:#E6EFF5; background-image:none; margin:0; padding:0; } td, th { font-size:100%; font-family:Monserrat, Ubuntu,sans-serif; color:black; margin:0; padding:0; border:none; } #bodyhome td, #bodyhome th { font-family:Monserrat, Ubuntu, sans-serif; } #principale { margin: 30px 15px; text-align:left; clear:both; } #viab, #viab2 { padding:0; margin:0; position:relative; background-color:#FFF; } #area { background-color:#FFF; margin-right:16px; } p.txt_intro { padding:3px 0 0 20px; } #boxMappa h4 { padding:0 0 5px 5px; } ul, li { margin:0; padding:0; } fieldset, form { margin:0; padding:0; } table.info { border:0px; color:#000; margin:0; padding:0; } #contenuto { width:808px; position:relative; float:left; background-color:#FFF; font-size:13px; line-height:20px; } #contenuto #boxlink { width:795px; border:2px solid #81B0CD; background:#e9f1f6; } .voceAll, .voceAll a{ margin:4px 5px; font-weight:bold; color:#0061a1 } #contenuto .voceAll a { padding:4px; margin:0 } #contenuto .voceAll img { margin:0; padding:0 } #contenuto .voceAll span { font-weight:normal } .notDisplay {display:none} .small { font-size:85%; } .inlinea { display:inline; } button, .maius { text-transform: uppercase; line-height: 1rem; font-weight: 700; } .hand { cursor:pointer; } .leaflet-container { font-family: Montserrat, "Helvetica Neue", Arial, Helvetica, sans-serif; } #viab2 #contenuto { width:1004px; position:relative; float:left; background-color:#FFF; font-size:13px; line-height:20px; } #viab2 #contenuto #boxlink { width:auto; border:2px solid #81B0CD; background:#e9f1f6; } #menuRicerche { width:178px; float:left; background-color:#FFF; vertical-align:top; padding:0; margin:0px 10px 0px 0px } #menuPrincipale { margin:0; padding:0; vertical-align:top; font-size:11px; font-weight:500; text-transform:uppercase; color:#FFF; background-color:#ef7100; position:relative; } #menuAutostrade { height:30px; margin:0; padding:0; vertical-align:top; text-align:right; } .spallaDXCustom { position:absolute; left:880px; } /* aggiunto per TGCOM perché l'hanno tolto loro dal loro foglio di stile*/ .footerCustomer { margin-top:20px; clear:both; } /*----------stili base - GENERALI-------------------------------------------*/ A { font-weight:500; text-decoration:none; } A:link, A:visited, A:hover, A:active { color:#0061a1; } A:hover { text-decoration:underline; } h1 { color:#2b6386; font-weight:400; } h1 small { font-size:14px; line-height:18px; color:#4b4a4a; } #titPag { margin:0; padding:6px; position:relative; } #titPag, #titPag2 { color:#2b6386; font-weight:normal; font-size:25px; width:360px; } #titPag h1 { color:#2b6386; } #titPag2 h1 { color:#2b6386; } #titPag h1 span { color:#4b4a4a; } #titPag2 h1 { margin:-20px 0 10px 0; font-size:23px; line-height:24px; } #titPag2 h1.titDivietiTransito { background:url(../images/ico_titDivietiTransito.gif) no-repeat 0 0; padding-left:60px; } #principale.large #titPag { padding-top:24px; } #hp #titPag { margin-top: 30px; } #titPag h1 .gray { color:#666666; } #titPag small { font-size:11px; line-height:14px; text-transform:uppercase; } h2, h3, h4, h5 { color:#ef7100; font-weight:500; margin-top:1.3rem;; } h2 { font-size:16px; } h3 { font-size:15px; } h4 { font-size:14px; } h5 { font-size:13px; } h6 { color:#ababab; font-size:11px; font-weight:500; text-transform:uppercase; margin:0 0 15px 8px; } h6 .blu { color:#6a879a; } h7 { color:#ef7100; font-size:11px; font-weight:500; text-transform:uppercase; margin:0 0 15px 8px; } h7.right { float:right; } h2 span, h2.titNews { text-transform:capitalize; } h4 A { font-size:15px; } h4 A:link, h4 A:visited, h4 A:hover, h4 A:active { color:#ef7100; } #contenuto h2 { /*margin:0 0 10px 10px; padding:0;*/ } #contenuto h2.txt_intro { font-size:12px; color:#666666; line-height:15px; } #contenuto h2.titNews { font-size:24px; font-weight:400; color:#0061a1; margin:20px 0px; } select, .inputTxt { font-size:11px; margin:0px; } #hp #ADS select { font-size:11px; width: 90%; } .sottosezione { color:#0061a1; background:transparent; font-size:77%; } #footer { clear:both; position:relative; } #header { height:169px; margin:0px; } span.evid { font-size:110%; font-weight:700; color:#ef7100; margin:0; } #ads21 tr.titolo th { padding: 0px 5px; } #ads21 tr.titolo td.prezzoBenzina, #ads21 tr.titolo td.prezzoDiesel, #ads21 tr.titolo td.prezzoGpl { padding-left: 27px; } /*Inizio stili COLONNA DX -------------------------------------------------*/ #menuRicerche label { font-size:14px; font-weight:500; margin-top:5px; } #menuRicerche label:first { margin-top:0; } #menuRicerche select, #menuRicerche .inputTxt { font-size:12px; font-weight:normal; width:140px; max-width:140px; border:1px solid #ababab; } #box_RicercaPercorso .form-control { width:168px; max-width:168px; } #menuRicerche a { color:#ef7100; font-size:13px; } #menuRicerche A.opzioniRic { text-transform:uppercase; font-size:11px; } #menuRicerche A.opzioniRic:hover { text-decoration:underline; } #menuRicerche .boxRicerca a { text-decoration:none; font-weight:normal; font-size:90% } #menuRicerche .boxRicerca a:link, #menuRicerche .boxRicerca a:visited, #menuRicerche .boxRicerca a:hover, #menuRicerche .boxRicerca a:active { color:#ef7100; } #menuRicerche li { position:relative; display:block; list-style:none; } .btn_Ricerca { margin:10px 0 0 3px; } #disclaimer .disclaimer { font-size:12px; padding:10px 6px; background-color:#E9F0F6; clear:both; } #listaAuto .disclaimer { margin-right:40px; padding:10px 6px; background-color:#E9F0F6; _margin-right:0px; } #menuPrincipale #vociMenuP { height:132px; } #menuPrincipale #vociMenuPR { height:185px; } #radioFlashPop { margin:0 2px; } #menuPrincipale #vociMenuPR #radioFlash a { width:170px; height:48px; background:url('../images/radioSpalla.png') top left no-repeat; display:block; margin:4px; } #menuPrincipale ul { width:178px; height:128px; padding-left:2px; } #menuPrincipale li { width:41px; height:41px; border:0; margin:1px 1px 4px 1px; padding:0; position:relative; text-indent:0; } #menuPrincipale li a { width:41px; height:41px; font-size:0.1em; text-indent:-5000px; display:block; background-repeat:no-repeat; background-position:left top; } #menuPrincipale li#home { width:178px; height:32px; margin:10px 0 0; } #menuPrincipale li#home a { width:178px; height:32px; float:none; color:#FFF; font-size:12px; font-weight:500; text-indent:-6px; } #menuPrincipale #customer_care a { background-image:url(../images/ico_customer_care.png); } #menuPrincipale #customer_care a:active { background-image:url(../images/ico_customer_care_active.png); } #menuPrincipale #customer_care a:hover { background-image:url(../images/ico_customer_care_hover.png); } #menuPrincipale #gis a { background-image:url(../images/ico_gis.png); } #menuPrincipale #gis a:hover { background-image:url(../images/ico_gis_hover.png); } #menuPrincipale #gis a:active { background-image:url(../images/ico_gis_active.png); } #menuPrincipale #traffico a { background-image:url(../images/ico_traffico.png); } #menuPrincipale #traffico a:hover { background-image:url(../images/ico_traffico_hover.png); } #menuPrincipale #traffico a:active { background-image:url(../images/ico_traffico_active.png); } #menuPrincipale #percorso a { background-image:url(../images/ico_percorso.png); } #menuPrincipale #percorso a:hover { background-image:url(../images/ico_percorso_hover.png); } #menuPrincipale #percorso a:active { background-image:url(../images/ico_percorso_active.png); } #menuPrincipale #meteo a { background-image:url(../images/ico_meteo.png); } #menuPrincipale #meteo a:hover { background-image:url(../images/ico_meteo_hover.png); } #menuPrincipale #meteo a:active { background-image:url(../images/ico_meteo_active.png); } #menuPrincipale #servizi a { background-image:url(../images/ico_servizi.png); } #menuPrincipale #servizi a:hover { background-image:url(../images/ico_servizi_hover.png); } #menuPrincipale #servizi a:active { background-image:url(../images/ico_servizi_active.png); } #menuPrincipale #mancato_pagamento a { background-image:url(../images/ico_mancato_pagamento.png); } #menuPrincipale #mancato_pagamento a:hover { background-image:url(../images/ico_mancato_pagamento_hover.png); } #menuPrincipale #tutor a { background-image:url(../images/ico_tutor.png); } #menuPrincipale #tutor a:hover { background-image:url(../images/ico_tutor_hover.png); } #menuPrincipale #chiusure a { background-image:url(../images/ico_chiusure.png); } #menuPrincipale #chiusure a:hover { background-image:url(../images/ico_chiusure_hover.png); } #menuPrincipale #puntoblu a { background-image:url(../images/ico_puntoblu.png); } #menuPrincipale #puntoblu a:hover { background-image:url(../images/ico_puntoblu_hover.png); } #box_descServiziMenu { width:178px; height:38px; display:block; font-size:12px; text-transform:uppercase; } .desc_base { height:30px; padding:0; text-align:center; } .descServiziMenu { width:99%; height:30px; padding:0; position:absolute; text-align:center; } /*Ricerche percorso e area*/ .btn_Ricerca input { margin:-15px 5px 5px; float:right; } #frmRic .btn_Ricerca input { margin:0; float:left; } #partenza { margin:0; padding:0; } .boxRicerca { background-color:#ececec; } .boxRicerca label { font-size:14px; color:#666666; } #box_RicercaPercorso label { color:#001846; margin:0; display:block; } div#ADS.boxRicerca { padding: 10px; border-top: 0; border-top-left-radius: 10px; border-top-right-radius: 10px; background-color: #eee; } div#ADSxn.boxRicerca { padding: 10px; border-top: 0; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-color: #eee; } #opzioniC { font-size:11px; } #AM form, #reg form, #ADS form, #STZ form { height:56px; } #ADS form label, #ADSxn form label { padding:0; font-size:12px; } #AM input, #reg input, #ADS input, #STZ input { background:url(../images/frecciadx.png) no-repeat; width:21px; height:21px; border:none; margin:0; color:transparent; } div#ADSxn.boxRicerca { padding-bottom:30px; border-top:0; font-size:11px; } #ADSxn input { width: 90%; } #PE { padding:0; margin:0; } #menuRicerche form { background-color:#ececec; } #menuRicerche .boxRicerca form { background-color:transparent; } #menuRicerche #box_RicercaPercorso h4 { font-size:13px; color:#4b4a4a; font-weight:normal; margin-top:0; } #menuRicerche #box_RicercaPercorso .btn_Ricerca div input { background:url(../images/OK.png) no-repeat; width:51px; height:21px; border:none; margin:-20px 5px 5px 0; color:transparent; } #opzioniimg { width:21px; height:21px; } #opzioni h4 { color:#ef7100; } #opzioni .tipoServizi h4 { color:black; } #menuRicerche A { font-weight:500; padding-left:6px; } #menuRicerche A:link, #menuRicerche A:visited, #menuRicerche A:hover, #menuRicerche A:active { color:#ef7100; } #menuRicerche input[type=submit]{ font-size:0; } .chiusuraRicerca { height:12px; background-color:#eee; } .ang_sxdwn_boxRicerca, .ang_dxdwn_boxRicerca { display:none; } #PE h3 { margin:0 5px; font-size: 13px; } #PE.boxRicerca a { margin:0; padding:0; font-size:13px; } #depliant { padding-left:6px } #PM h2 { display:none; } #previsioniWeekend ul, #PM ul { margin:0; padding:3px 0 0 0; background:#ececec; } #MPTE ul, #ordinanzeCantieriLink ul, #ordinanzeNeveLink ul { background:#ececec; } .ordinanzaAttiva { font-family:Verdana; font-size:11px; background:#FFFFFF; padding:2px 5px 0 0; } #menuRicerche .tipoServizi ul, #menuRicerche .tipoServizi li { padding:0; } #menuRicerche .tipoServizi li input { vertical-align:middle; } #menuRicerche .tipoServizi label { padding:0 0 0 3px; font-weight:normal; display:inline; } /* WebCam*/ .box_WebCam { border:2px solid #ececec; padding:0; } .box_WebCam h2 { margin:0; padding:3px; font-size:90%; border-bottom:2px solid #ececec; color:#ef7100; } ul#topWebcamOpen { background-color:#FFF; list-style:none; margin-bottom:10px; } #topWebcamOpen li { font-size:85%; } #topWebcamOpen img { width:60px; height:45px; border:1px solid #2777A7; float:left; margin-right:2px; } #topWebcamOpen A { color:#0061a1; } #topWebcamOpen caption { text-align:right; display:block; color:#000; } #topWebcamOpen strong { color:#0061a1; } ul#topWebcamClose { margin-top:10px; } ul#topWebcamClose, #topWebcamClose li { border:0; padding:0; } #topWebcamClose .trattaWebcam { margin:0; font-size:10px; background-color:#FFB076; color:#FFF; display:block; border-top:1px solid #ececec; position:relative; } .apriElenco { width:9px; height:9px; } .elencoWebcamClose { margin:0; background-color:#FFF; color:#005496; position:relative; } .elencoWebcamClose ul { margin:0; padding:0; padding-left:6px; } #topWebcamClose A { text-decoration:none; font-weight:bold; color:#FFF; } #topWebcamClose A.nomeWebcam { text-decoration:none; font-weight:normal; color:#000; float:none; background-color:#FFF; font-size:90%; } #topWebcamClose A.nomeWebcam:hover { text-decoration:underline; } /* Italietta*/ #box_Italietta { border:1px solid #DADDE7; position:relative; } #box_Italietta h2 { border-bottom:1px solid #DADDE7; font-size:13px; } .Italietta { width:168px; height:195px; } /*dimensioni originali flash:168px*206px */ .linkItalia { background-color:#E9EBF1; text-transform:uppercase; } /*Altri Link*/ #box_altriLink ul { border:2px solid #FEE2CC; margin:0; padding:0; width:98%; } #box_altriLink li { border-bottom:1px solid #FEE2CC; list-style:none; color:#000; } /* --------Inizio stili CONTENUTO PAGINA-----------------------*/ .box_txtimpo { background-color:#FFF0E5; } .ang_sxup_boxalert { background-image:url(../images/ang_upsx_boxAllertato.gif); width:8px; height:8px; background-position:top; background-repeat:no-repeat; margin:0; } .ang_dxup_boxalert { background-image:url(../images/ang_updx_boxAllertato.gif); width:8px; height:8px; background-position:top; background-repeat:no-repeat; margin:0; float:right } .ang_sxdwn_boxalert { background-image:url(../images/ang_dwnsx_boxAllertato.gif); width:8px; height:8px; background-position:bottom; background-repeat:no-repeat; margin:0; } .ang_dxdwn_boxalert { background-image:url(../images/ang_dwndx_boxAllertato.gif); width:8px; height:8px; background-position:bottom; background-repeat:no-repeat; margin:0; float:right } #affinaRicerca p, .box_txtimpo p { color:#000; background:transparent; } #affinaRicerca h3{ clear:both; margin:0 0 10px 0; padding-top:10px } #affinaRicerca a { color:#ef7100 } #introAffinaRicerca .btn_Ricerca input { background:url(../images/OK.png) no-repeat; border:none; width:51px; height:21px; } .accentua { color:#ef7100; padding:6px; background:transparent; } a.accentua:link, a.accentua:visited, a.accentua:hover, a.accentua:active { color:#ef7100; } a.accentua:hover { text-decoration:underline; color:#ef7100; } #menuRicerche .accentua { background-color:#EFEFEF; width:166px; } #menuRicerche .accentua A { color:#ef7100; background-color:#EFEFEF; width:166px; } .aggiorna img { width:18px; height:18px; vertical-align:middle; } .descIniz { display:none; } .linkPlus { margin:0; background:#ececec; border:0; border-bottom:1px solid #BDBDBD; height:20px; padding:3px; font-weight:bold; position:relative; } .linkPlus A { color:#000; font-weight:bold; } .accentuaTesto { color:#ef7100; } #ricerca { color:#ef7100; background-color:#ececec; margin:0; padding:1px 0 6px 6px; } #ricerca a:link, #ricerca a:visited, #ricerca a:hover, #ricerca a:active { color:#ef7100; } #ricerca a:hover { text-decoration:underline; color:#ef7100; } /* News*/ .evento { margin:3px 0; padding:10px 0px 10px 39px; border-bottom:1px solid #d8d8d8; } .evento:last-child { border:none; } .indicatore_prev { float:right; } .ico { float:left; position:relative; } .txtNews { margin:0; padding:0 0 0 55px; font-size:12px; font-weight:normal; color:#555; } h3.elencoNews { margin:15px 0 0 0; border:none; color:#FFF; padding:12px 0 10px 8px; background-color: #ef7100; } h3.elencoNews a { color:#FFF; text-decoration:none; cursor:hand; cursor:pointer; padding-left:5px; font-weight: 700; } div.box_elencoNews { display:block; background-color: white; } .autodesc { margin-left:13px; /*position:absolute; left:67px;*/ } #socExt h3 { background-color:#999; border-color:#666; } h3.linkAuto { margin:0; } .tit_NewsLocalita { color:#0061a1; font-size:15px; font-weight:bold; text-transform:uppercase; } #bodycon2 .tit_NewsLocalita, #bodycon2 titNews, #bodycon2 autoTitNews { color:#ef7100; } tbody .tit_NewsLocalita, tbody span.direz { display:none; } tbody .evento { /*margin:-15px 0 0 10px;*/ padding:0px 0px 10px 0px; border:none; } tbody strong.titNews { font-size:15px; } #contenuto_popup .evento { margin:0; padding:0; } #contenuto_popup .box_elencoNews .evento { margin-top:-10px; } #contenuto_popup .box_elencoNews strong.autoTitNews { display:none; } div.boxCom { margin: 0 0 3px 0; padding:0; } .indicatore_prev { color:#6C9FFF; font-weight:bold; position:relative; font-style:italic; margin-right:5px; } #prev { background:#DFF3FF; position:relative; border:3px solid #DFF3FF; } #prev .tit_NewsLocalita { color:#0061a1; font-weight:bold; text-transform:uppercase; } .prev { background:#fff; position:relative; border:3px solid #a7dcf4; } .prev.evento { /* margin:0; */ } .prev.evento:first-child { margin-top:0; } .prev.evento:last-child { border: 3px solid #a7dcf4; } .prev .tit_NewsLocalita { color:#0061a1; font-weight:bold; text-transform:uppercase; } /*.prev.imm .txtNews { font-weight:bold; }*/ .evento { padding: 10px; } .evento.nosep { margin: 0; /*border-top-width: 1px !important; border-bottom-width: 1px !important;*/ } .evento.nosep:last-child { /*border-bottom-width: 3px !important;*/ } #contenuto a.news { color:#555; text-decoration:none; font-weight:normal; } #contenuto a.news:hover { text-decoration:underline; } .titNews { color:#0061a1; } #bodycon2 .titNews { color:#ef7100; } span.direz { color: #555; } span.direz span { text-transform: capitalize; } #boxUltimora span.direz { color: #FFF; } /*.box_elencoNews { border:2px none #ffdab9; }*/ #socExt h3.sep { background:#505662; color:#fafafa; border:none; margin:0; padding:10px 12px; } #socExt h3.elencoNews { background:#d8d8d8; color:#333; border:none; margin:0; padding:10px 12px; } #socExt .box_elencoNews { border-color:#d8d8d8; /*background-color:#DEDEDE;*/ margin:0; } div#socExt { margin-bottom:15px; } /* NEW OLD imminenti verde sfondo #fff bordo #9de18c sfondo #cFc bordo #9de18c successive azzu sfondo #fff bordo #a7dcf4 sfondo #DFF3FF bordo #a7dcf4 #bodycon h3.elencoNews { color: #333; background-color: #d8d8d8; } */ .disclaimer { background-color: #fff; padding: 5px; /*border:3px solid #9de18c;*/ color:#333; font-size: 75%; } .imm.disclaimer { border:3px solid #9de18c; background-color: #9de18c; } .imm.evento.prev { background-color:#fff; border:3px solid #9de18c; border-bottom-width:0px; } .imm.evento.prev:last-child { border-bottom-width:3px; } .nimm.disclaimer { border:3px solid #a7dcf4; background-color: #a7dcf4; } .nimm.evento.prev { background-color:#fff; border:3px solid #a7dcf4; border-bottom-width:0px; } .nimm.evento.prev:last-child { border-bottom-width:3px; } .evento.prev { /*border-top-width: 1px; border-bottom-width: 1px;*/ } .evento.prev:lastchild { border-bottom-width: 3px; } .tdpEvt { background:#ececec url(../images/oro_grey_tab.gif) 0 0 no-repeat; color:#333; padding:8px 10px 8px 38px; margin:10px 0px 1px 40px; height:17px; font-size:90%; } .tdpEvt_red { background:#ececec url(../images/oro_red_tab.gif) 0 0 no-repeat; color:#333; padding:8px 10px 8px 38px; margin:5px 0px 1px 40px; height:17px; font-size:90%; } #Organizza_Viaggio .tdpEvt, #Organizza_Viaggio .tdpEvt_red { display:none } .tdp_ritardo { color:#F00 } .approfondimento { margin:0; padding:20px 10px; height:auto; color:#666; background:transparent; } .approfondimento h5 { margin:0 0 0 10px; padding:8px 0 6px 8px; font-size:100%; color:#ef7100; font-weight:normal; } .approfondimento p { margin:0; padding:8px; font-size:100%; color:#666; } .approfondimento h5 img { display:none; } .approfondimento h5 span.dataApp { margin-left:12px; font-size:20px; color:#ef7100; } .comunicato { margin:0; padding:20px 10px; height:auto; color:#666; background:transparent; } .comunicato h5 { margin:0 0 0 10px; padding:8px 0 6px 8px; font-size:100%; color:#ef7100; font-weight:normal; } .comunicato p { margin:0; padding:8px; font-size:100%; color:#666; } .comunicato h5 img { display:none; } .comunicato h5 span.dataApp { margin-left:12px; font-size:20px; color:#0061a1; } A.titAppr { color:#ef7100; font-weight:500; font-size:20px; text-transform:uppercase; } A.titCom { font-weight:500; font-size:15px; text-transform:uppercase; } A.titCom2 { font-weight:300; font-size:13px; text-transform:uppercase; } .fonte { display:none; } #dettaglioEvento .approfondimento p { display:block !important; } #dettaglioEvento .comunicato p { display:block !important; } #contenuto a.news { font-weight:normal; color:#333333 } #vedisuMappa {text-align:right; position:relative; float:none; margin-top:-10px; } /* Box Ultim'ora */ h2#titUltimora { color:white; font-variant-caps: all-small-caps; font-size:1.5rem; margin:0px; font-weight:bold; text-align:left; } #ultimora .tit_NewsLocalita { color:#ef7100; font-weight: bold; } #boxUltimora { background-color:#393d49; padding: 1px 10px; } #boxUltimora .evento { border-bottom:1px solid #51545d; padding: 5px 0 5px 0px; } #boxUltimora .evento .txtNews { color:#ddd; } #boxUltimora .evento .txtNews .tit_NewsLocalita, #boxUltimora .evento .txtNews .titNews { color:#ef7100; font-size: .8rem; } #boxUltimora a { color:#eeeeee; font-size: .8rem; text-decoration:none; } #boxUltimora .evento .txtNews .autoTitNews { display: inline-block; } #boxUltimora .ico { width:auto; } #boxUltimora .ico .fl, #boxUltimora .ico .fr { float:none; } #boxUltimora .txtNews { padding-left: 28px; } #ang_dxup_ultimora, #ang_sxup_ultimora { display:none; } #ang_dxdwn_ultimora { display:none; }#headerUltimora { /*margin:15px 0px 0px;*/ border:none; color:#FFF; text-align:center; } #headerUltimora, #footerUltimora { background:#ef7100; padding:10px 5px; } #footerUltimora { text-align:center; background-color:#33363f; } #footerUltimora A { font-size: 1.3rem; font-weight: 700; color: #FFF; text-decoration: none; font-variant-caps: all-small-caps; text-align:center; background-color:#505662; padding: 5px 40px; } #footerUltimora .linkTutteNewsSuper A { font-size:8rem; } h3.elencoNews { /*height:20px;*/ padding:10px; background:##ef7100;/* background:-moz-linear-gradient(left, #73abc2 10%, #bcebff 100%); background:-webkit-gradient(linear, left top, right top, color-stop(10%,#73abc2), color-stop(100%,#bcebff)); background:-webkit-linear-gradient(left,#73abc2 10%,#bcebff 100%); background:-o-linear-gradient(left, #73abc2 10%,#bcebff 100%); background:-ms-linear-gradient(left, #73abc2 10%,#bcebff 100%); background:linear-gradient(to right, #73abc2 10%,#bcebff 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#73abc2', endColorstr='#bcebff',GradientType=1 );*/ } #bodycon h3.elencoNews { margin-top:0; } #socExt { border-top: 3px solid #ef7100; padding-top:20px; } #socExt h3 { background:#d8d8d8;/* background:-moz-linear-gradient(left, #717171 10%, #cccccc 100%); background:-webkit-gradient(linear, left top, right top, color-stop(10%,#717171), color-stop(100%,#cccccc)); background:-webkit-linear-gradient(left, #717171 10%,#cccccc 100%); background:-o-linear-gradient(left, #717171 10%,#cccccc 100%); background:-ms-linear-gradient(left, #717171 10%,#cccccc 100%); background:linear-gradient(to right, #717171 10%,#cccccc 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#717171', endColorstr='#cccccc',GradientType=1 );*/ } #socExt h3.sep { filter:none; } /* Percorsi e Pedaggi*/ #Organizza_Percorso { margin:5px 0 0 0; position:relative; } #Organizza_Percorso ul { margin:0; width:100%; border-bottom:1px solid #FFF; position:relative; height:55px; } #Organizza_Percorso li { float:left; display:block; width:28%; border-left:1px solid #FFF; padding:10px; position:relative; } #Organizza_Percorso li#OPLungh { border-left:0; } #Organizza_Percorso li h3 { color:#333; margin:0; padding:0; } #descPercorsoASPI { display:block; } #datiBasePercorso { background:#f7f7f7; background:linear-gradient(#fff, #f5f5f5); font-size: 120%; } #datiBasePercorso .text-white { font-weight: 500; } #datiBasePercorso h2.tit_percorso { text-transform:none; margin:30px 0 5px; } #datiBasePercorso2 { display:block; } table#datiPercorso { margin:0; padding:2px; } table#datiPercorso td { padding-left:5px } table#datiPercorso th { padding:0 } #datiPercorso, #datiPercorso th, #datiPercorso td, #datiPercorso caption { background:transparent; border:none; } #datiPercorso { width:100%; } #datiPercorso caption { white-space:nowrap; } #datiPercorso th { text-align:left; margin:5px; padding:5px; white-space:nowrap; } #datiPercorso td { text-align:left; margin:5px; padding:5px; font-weight:bold; color:#ef7100 } #tdp_Percorso th { padding:20px 0px 10px; } #tdp_Percorso td { padding:0 10px; } #tdp_Percorso td img { padding:0; margin:5px 0 -5px 5px; } .tdp span img { vertical-align:middle; } #descrizionePercorso { position:relative; } #elencoADSperAuto table, #listaCaselli table { border:2px solid #FEE2CC; padding:3px; margin-top:20px; margin-bottom:10px; border-collapse:collapse; } .box { border:2px solid #FEE2CC; padding:3px; width:95%; margin-top:20px; margin-bottom:10px; border-collapse:collapse; } td, .PercorsoIco, .PercorsoDesc, .PercorsoNum { border-bottom:1px solid #eee; } .PercorsoKm, .PercorsoTemp { text-align:right; padding-right:6px; font-size: 12px; } caption { background-color:#FFB077; color:#FFF; font-weight:500; font-size:15px; padding:5px; text-align:left; } .PercorsoTot { color:#ef7100; font-weight:bold; } .box#boxModPagamento { margin:0; margin-top:0; border:none; position:relative; } #dettaglio_pedaggio caption, #dettaglio_pedaggio h6 { background-color:#CEE1ED; border:1px solid #E9EBF1; border-bottom:0; color:#000; font-weight:normal; font-size:90%; padding:5px; text-align:left; } #dettaglio_pedaggio h6 { margin-bottom:0; margin:0; } #dettaglio_pedaggio h4 { font-size:110%; font-weight:bold; color:#001846; background:transparent; } /* font era 14px*/ #dettaglio_pedaggio h5 { background:#FFB077; color:#FFF; font-size:110%; font-weight:bold; vertical-align:middle; } /* font era 12px*/ #dettaglio_pedaggio h5 strong { text-transform:uppercase; } #modPagam { width:95%; margin:0; padding:0; } .modPagam { border:1px solid #CEE1ED; } h3.classePedaggio { color:#000; text-transform:capitalize; } h3.classePedaggio { color:#000; text-transform:uppercase; } .modPagamAccettate { margin:0 0 0 20px; padding:0; } .modPagamAccettate li { margin:0; padding:1px; list-style:square; } .imgPagamAccettate { margin:6px 0 0 20px; padding:0; } .imgPagamAccettate li { margin:0; padding:1px; list-style:none; } .AltriLink { margin:10px 0 0 0; padding:0; } .AltriLink A { color:#ef7100; background:transparent; font-weight:bold; } .linkPlusPerc { display:block; margin-top:10px; margin-left:0; } #informativaPedaggio { width:627px; padding:5px; font-size:95%; background-color:#E9F0F6; float:left; position:relative; } #informativaPedaggio A { font-weight:normal; } #linkRisultatoPercorso { vertical-align:middle; padding:5px; clear:both; } #linkRisultatoPercorso A { color:#ef7100; float:left; } #linkRisultatoPercorso .disclaimer { float:right; } #linkRisultatoPercorso .disclaimer A { color:#0061a1; font-weight:normal; } #linkRisultatoPercorso .disclaimer img { vertical-align:middle; } #datiPercorso .disclaimer A { color:#0061a1; font-weight:normal; } .nota { margin:0 0px 20px 0px; padding:5px; font-size:90%; } #boxPedaggio .km { color:#ef7100; font-weight:bold; } #boxPedaggio #top { background:url(../images/tab_top.jpg) 0 0 no-repeat; margin:0; } #boxPedaggio h2 { padding:20px 0 3px 3px; } #boxPedaggio h3 { margin:0; padding:10px 0 10px 17px; color:#333; } #boxPedaggio h4 { width:420px; margin:0; padding:0 0 10px 17px; color:#333; } #boxPedaggio #informativaPedaggio { border:1px solid #8FB2CF; background-color:transparent; box-sizing:content-box; } #boxPedaggio #linkRisultatoPercorso { margin-bottom:10px; padding:5px; background:url(../images/tab_bottom.jpg) bottom left no-repeat; vertical-align:middle; clear:both; border:none; box-sizing:content-box; } #boxPedaggio .disclaimer { margin-right:164px; } #boxPedaggio h5 { margin:4px 0; padding:10px; background-color:#DAEFFE; color:#333; clear:both} #boxPedaggio h5 strong span { color:#ef7100; } #boxPedaggio h5 span.right { float:right; margin:-1.2em 1em 0 0; } #boxPedaggio ul { list-style:none } #boxPedaggio .box { height:100px; margin:2px 2px 10px; padding:0; border:none; clear:both; float:left; position:relative} #boxPedaggio .modPagamAccettate { width:50%; padding:0; margin:0; float:left; color:#666; } #boxPedaggio .imgPagamAccettate { width:47%; padding:0; margin:0; float:right; } #Organizza_Percorso #boxPedaggio .imgPagamAccettate { _margin-top:0; } #boxPedaggio .imgPagamAccettate li { clear:both; margin:3px 0; padding:0; } #boxPedaggio table, table#pedaggioperClasse { border:1px solid #CEE1ED; border-collapse:collapse; margin:10px 0; padding:0; } #boxPedaggio tr { border:none; } #boxPedaggio td, #boxPedaggio th, #pedaggioperClasse td, #pedaggioperClasse th { width:18%; font-weight:normal; border:1px solid #CEE1ED; border-collapse:collapse; text-align:center; color:#666; } #boxPedaggio th.clA, #pedaggioperClasse th.clA { width:20% } #boxPedaggio th.clB, #pedaggioperClasse th.clB { width:25% } #areac { padding:10px 0 0; background:url(../images/tab_top_y.jpg) 0 0 no-repeat; } #areac h4 { width:420px; margin:0; padding:0 0 10px 17px; color:#333; font-weight:normal; background:transparent; } #areac .link { margin:0 30px 10px 0; padding:5px 0px 10px 10px; background:url(../images/tab_bottom_y.jpg) bottom left no-repeat; vertical-align:middle; clear:both; border:none; } #areac .link .linkPlus { background-color:transparent; padding:0; border:none; } #areac .disclaimer { margin-right:143px; text-align:right; } #areac .link a { font-weight:normal; } #areac img { vertical-align:middle; } #Organizza_Percorso #boxPedaggio .disclaimer, #Organizza_Percorso #areac .disclaimer, #Organizza_Percorso #giro .disclaimer { margin-right:170px; } #giro { padding:10px 0 0; background:url(../images/tab_top_p.jpg) 0 0 no-repeat; font-size:90%; font-weight:normal; } #giro h3 { width:420px; margin:0; padding:10px 0 10px 17px; color:#333; background:transparent; } #giro h4 { width:420px; margin:0; padding:0 0 10px 17px; color:#333; font-weight:normal; background:transparent; } #giro .link { margin-bottom:10px; padding:5px 0px 10px 10px; background:url(../images/tab_bottom_p.jpg) bottom left no-repeat; vertical-align:middle; clear:both; border:none; } p.caselli { margin-left:20px; } /* Mappa */ #boxMappa { border:1px solid #D8E8F0; position:relative; margin-top:0; } .mappaItalia { width:800px; height:640px; position:relative; } /*dimensioni originali flash:565px * 600px*/ .mappaDettaglio { width:732px; height:640px; margin:0 auto; padding:0; } /*dimensioni originali flash:400px * 350px*/ #comandi_mappa { background-color:#D8E8F0; text-align:left; } /*Legende*/ #lg_ads { background:url('../images/legende/lg-ads.png') no-repeat 0 0; padding-left:25px; } #lg_adp { background:url('../images/legende/lg-adp.png') no-repeat 0 0; padding-left:25px; } #lg_stz { background:url('../images/legende/lg-stz.png') no-repeat 0 0; padding-left:25px; } #lg_tlc { background:url('../images/legende/lg-tlc.png') no-repeat 0 0; padding-left:25px; } .legendaUL, .legendaULmeteo { list-style:none; font-size:0.7rem; } .legendaUL li { height:25px; display:block; width:150px; } #lg_traffico { position:relative; float:none; margin:15px 0 0 5px; } #lg_servizi { float:none; margin:15px 0 0 5px; } #lg_meteo { margin:5px; } li#lg_reteaspi, li#lg_trafficointenso, li#lg_adp, li#lg_retenoaspi, li#lg_chiusura { width:190px; } li#lg_rallentamenti, li#lg_code, li#lg_bloccato, li#lg_lavori, li#lg_ads, li#lg_stz, li#lg_tlc, li#lg_incidente, li#lg_prevneve, li#lg_prevnebbia, li#lg_eventimeteo { width:117px; } li#lg_sole, li#lg_nuvoloso, li#lg_rovesci, li#lg_neve, li#lg_variabile, li#lg_pioggia, li#lg_temporale, li#lg_nebbia { width:90px; } #lg_viadotti { position:relative; float:none; margin:15px 0 15px 0; } #lg_viadotti ul { list-style:none; } #lg_viadotti ul li { font-weight: 500; padding-left: 2em; padding-top: 0.5em; font-size: 1em; font-variant: all-small-caps; color: #0061a1; height: 2em; line-height: 0.8em; } #lg_2019 { background:url('../pages/js/images/2019.svg') no-repeat 0 0; } #lg_incorso { background:url('../pages/js/images/viadotto-arancio.svg') no-repeat 0 0; } #lg_succ { background:url('../pages/js/images/viadotto.svg') no-repeat 0 0; } #lg_nd { background:url('../pages/js/images/viadotto-verde.svg') no-repeat 0 0; } .controla { background: url('/autostrade-gis/custom/pages/js/images/viadotto-arancio.svg') no-repeat 0 0; padding-left: 2em; background-size: 2em; height: 3em; display: inline-block; } .controlb { background: url('/autostrade-gis/custom/pages/js/images/viadotto.svg') no-repeat 0 0; padding-left: 2em; background-size: 2em; height: 3em; display: inline-block; } .controlc { background: url('/autostrade-gis/custom/pages/js/images/viadotto-verde.svg') no-repeat 0 0; padding-left: 2em; background-size: 2em; height: 3em; display: inline-block; } #cornicefoto { display:none; position:absolute; background-color: rgba(22,22,22,0.5); transition: all .1s linear; } #cornicefoto { width:97%; left:25em; top:30em; overflow:hidden; } #cornicefoto img { width: 100%; } img.imgvia { max-width:100%; } /*img.imgvia:hover { max-width:none; }*/ #contenuto_popup .legendaUL li, #contenuto_popup .legendaULmeteo li { display:block; width:100%; } .legenda h4 { margin:5px 0; } /*Servizi*/ .marchio { height:auto; } .srv { border:none; } .srvON { border:2px solid #ff7600; /*height:48px;*/ background:url(../images/triangoloSU.png) 50% 22px no-repeat; padding-bottom:7px; } .box_RicPuntoBlu { border:2px solid #ececec; padding:0; margin-top:20px; border-bottom:1px solid #bdbdbd; } .box_RicPuntoBlu h2 { margin:0; padding:4px; font-size:90%; border-bottom:1px solid #ececec; color:#ef7100; } #menuRicerche .box_RicPuntoBlu label { font-weight:normal; height:2.5em; margin-bottom:3px; font-size:12px; } .box_RicPuntoBlu form { margin:0; padding:4px 0px 0px 4px; border-bottom:10px solid #ececec; } .box_RicPuntoBlu img { margin-top:3px; } #menuRicerche .box_RicPuntoBlu form input { background:url(../images/frecciadx.png) no-repeat; border:none; width:21px; height:21px; margin:0; position:absolute; bottom:15px; right:5px; } #elencoADSperAuto { width:100%; padding:0; margin:0; } #elencoADSperAuto a { font-weight:700; } #elencoADSperAuto .linkrami { margin:10px; padding:0; border:1px solid #e0f0fb; font-size:0.9em; width:75%; } #elencoADSperAuto .linkrami h2 { height:1.5em; margin:10px; padding:0 0 0 10px; background:url(../images/puntoElencoInfo.gif) no-repeat 0 6px; } #elencoADSperAuto .linkrami h2 a { float:left; margin:0; padding:0; text-transform:capitalize; } #elencoADSperAuto .linkrami h2 a.right { float:right; font-weight:normal; margin:0; padding:0; background-image:none; text-transform:none; } #elencoADSperAuto h3 { color:#0065A4; font-size:110%; text-transform:capitalize; font-weight:bold; margin:40px 0px 5px 5px; } #elencoADSperAuto h3 span {font-size:90%; } #elencoADSperAuto table { border:1px solid #e0f0fb; width:100%; margin-top:3px; } #elencoADSperAuto caption { display:none; } #elencoADSperAuto .cap { margin:10px 10px 0px 10px; padding:0; } #elencoADSperAuto th { background:#E1F0FA; color:#0065A4; text-align:left; padding-left:3px; height:30px; } #elencoADSperAuto td { padding:0 3px 3px; vertical-align:top; border:solid #e0f0fb; } #elencoADSperAuto .msgTd { font-weight:normal; text-align:center; } #elencoADSperAuto tr { border-width:0; } #elencoADSperAuto .prezziCarburanti { color:#0065A4; font-weight:bold; font-size:15px; } #elencoADSperAuto .prezziCarburanti img { vertical-align:top; } #elencoADSperAuto td.boxADS { padding:10px 0px 0px 13px; border:0; margin:0; } #elencoADSperAuto tr.gest td.boxADS { background-image:url(../images/prezzi/gest.gif); background-position:top left; background-repeat:no-repeat; } #elencoADSperAuto tr.nongest td.boxADS { background-image:url(../images/prezzi/nongest.gif); background-position:top left; background-repeat:no-repeat; } #elencoADSperAuto td.prezziCarburanti { padding:10px; border:solid #e0f0fb; border-width:0 1px; background-image:url(../images/prezzi/pixborder.gif); background-position:bottom; background-repeat:repeat-x; } #elencoADSperAuto tr.nongest td.prezziCarburanti { background-color:#FFF; } #elencoADSperAuto td.prezziCarburanti .data { font-weight:normal; font-size:12px; color:#878787; margin-top:6px; } #elencoADSperAuto td.prezziCarburanti .ddata { font-weight:normal; font-size:12px; color:#878787; padding-left: 20px; background:url(../images/ads/np_date.svg) 0px 4px no-repeat; border-top: 1px solid #ddd; margin-top:6px; } #elencoADSperAuto td.prezziCarburanti .dora { font-weight:normal; font-size:12px; color:#878787; padding-left: 20px; background:url(../images/ads/np_clock.svg) 0px 4px no-repeat; } #elencoADSperAuto tr.sottotitolo { height:20px; } #elencoADSperAuto tr.sottotitolo td { background:#EFF7FF; color:#333; padding:3px; border-width:1px; } #elencoADSperAuto tr.sottotitolo td.prezzoBenzina { background: #eff7ff url(../images/ads/benza.svg) no-repeat 10px 5px; padding-left:35px; font-size:11px; } #elencoADSperAuto tr.sottotitolo td.prezzoDiesel { background: #eff7ff url(../images/ads/diesel.svg) no-repeat 10px 5px; padding-left:35px; font-size:11px; } #elencoADSperAuto tr.sottotitolo td.prezzoGpl { background: #eff7ff url(../images/ads/gpl.svg) no-repeat 5px 5px; padding-left:27px; font-size:11px; } #elencoADSperAuto td.kmADS { border-width:0; padding-top:10px; width:6%; text-align:right; font-size:14px; } #elencoADSperAuto .nomeADS { width:38%; border:solid #e0f0fb; border-width:0 0px 1px; } #elencoADSperAuto .serviziADS { width:14%; border:solid #e0f0fb; border-width:0 0px 1px; } #elencoADSperAuto .corpoADS { width:52%; border:none; padding-left:10px; font-size:14px; } #elencoADSperAuto .prezzoBenzina, #elencoADSperAuto .prezzoGpl, #elencoADSperAuto .prezzoDiesel { width:14%; } #elencoADSperAuto tr.sottotitolo td.kmADS { border-width:1px 0px 1px 1px; text-align:right; } #elencoADSperAuto tr.sottotitolo td.nomeADS { background:#EFF7FF url(../images/ico_direzione.gif) left bottom no-repeat; border-width:1px 0px; padding-left:25px; } #elencoADSperAuto tr.sottotitolo td.serviziADS { border-width:1px 0px; } #elencoADSperAuto tr.sottotitolo td.prezzoBenzina, #elencoADSperAuto tr.sottotitolo td.prezzoDiesel, #elencoADSperAuto tr.sottotitolo td.prezzoGpl { font-weight:bold; color:#444; } #elencoADSperAuto td.boxADS table { margin:0; padding:0; border:solid #e0f0fb; border-width:0 0px 1px; height:100%; } #elencoADSperAuto td.boxADS tr, #elencoADSperAuto td.boxADS td.nosegnalazioni, #elencoADSperAuto td.boxADS td.segnalazioni, #elencoADSperAuto td.boxADS td.serviziADS, #elencoADSperAuto td.boxADS td.nomeADS { margin:0; padding:0; border:0; } #elencoADSperAuto td.boxADS td.segnalazioni, #elencoADSperAuto td.boxADS td.nomeADS { padding-left:12px; } #elencoADSperAuto td.boxADS td.nosegnalazioni { background-image:url(../images/prezzi/pixborder.gif); background-position:bottom; background-repeat:repeat-x; } #elencoADSperAuto td.boxADS.segnalazioni { background-image:url(../images/prezzi/sfuma.gif); background-position:bottom; background-repeat:repeat-x; } #elencoADSperAuto td.segnalazioni { background-image:url(../images/prezzi/sfuma.gif); background-position:bottom; background-repeat:repeat-x; border-bottom:0; } #elencoADSperAuto tr.segnalazioni .txtNews { font-size:90% } /* Meteo */ #comandi_meteo { /*padding:0px 5px 0 0px;*/ height:48px; text-align:right; background:#ef7100; } /*#comandi_meteo a { margin:0 5px 0 0; padding:0; background-color:transparent; color:#FFF; float:none; border:none; }*/ #comandi_meteo img { margin:0; padding:10px 0 0; } #comandi_meteo #flashoro { width:30px; height:30px; margin:0; padding:0; border:none; vertical-align:top; display:inline; } #comandi_meteo table { width:30px; height:30px; margin:0; padding:0; border:none; border-collapse:collapse; vertical-align:top; } #comandi_meteo table tr, #comandi_meteo table td, #comandi_meteo table td a, #comandi_meteo table td img { width:15px; height:15px; margin:0; padding:0; border:none; } #comandi_meteo ul, #comandi_meteo ul li.li-fascia, #comandi_meteo table, #comandi_meteo #nomeGiorno, #comandi_meteo #nomeFascia, #comandi_meteo a.nomeFascia, #comandi_meteo .fasciaoraria, #comandi_meteo #playpause { display:inline; } #comandi_meteo #nomeGiorno, #comandi_meteo a.nomeFascia, #comandi_meteo #nomeFascia, #comandi_meteo .fasciaoraria { color:#FFF; font-weight:500; vertical-align:60%; padding-top:10px; margin-right:5px; cursor:pointer; } #comandi_meteo #nomeGiorno { padding-right:10px; text-transform:capitalize; } #comandi_meteo #nomeGiorno img { margin:10px; padding:0; vertical-align:middle; } #comandi_meteo li.li-fascia, #comandi_meteo ul#fasce li a { color:#FFF; } #comandi_meteo ul#fasce li a:hover, #comandi_meteo ul#fasce li.sel a { color:#2B6386; text-decoration:none; } #comandi_meteo li.li-fascia { color:#FFF; font-weight:500; vertical-align:60%; padding-top:10px; margin-right:5px; cursor:pointer; /*_vertical-align:sub;*/ } #meteo { width:420px; /*background:url("../images/meteo/meteoloc.gif") no-repeat left top;*/ } #meteo h2#loc { font-size:16px; margin:0; padding:5px; font-weight:bold; background:transparent; } #meteo h2#loc a { font-size:0.8em; } #meteo table { border:1px solid #C5E5F5; border-collapse:collapse; } #meteo th { padding:0 5px; height:45px; text-transform:capitalize; background:transparent; } #meteo table td, #meteo table table { height:300px; border:none; } #meteo table table th.col1, #meteo table table td.col1 { width:50px; } #meteo table table td { height:50px; width:106px; padding:0 5px; font-weight:500; border-bottom:1px solid #C5E5F5; } #meteo table table td img { vertical-align:middle; } #meteo table table td .vento { vertical-align:middle; } #meteo .giorno { color:#7899ce; } #meteo .min { color:#4063B4; font-weight:bold; } #meteo .max { color:#FF0000; font-weight:bold; margin-left:5px; } #contenuto #meteo span.min { padding:0 5px } #contenuto #meteo table table th { padding:0; text-align:left; } #contenuto #meteo table table td { padding:0 5px; text-align:left; height:65px; } #previsioni { position:relative } .GiornoPrevisioni { display:none; } #linkMeteo { margin:0; padding:5px 0 0 0; position:relative; vertical-align:top; background:#ececec; border-top:1px solid #FFF; margin-bottom:5px; border-bottom:1px solid #FFF; } #linkMeteo h2 { color:#ef7100; margin:0; padding:0 0 0 1.1rem; height:16px; font-size:13px; font-weight:500; text-transform:uppercase; } #linkMeteo ul, #linkMeteo li { margin:0; padding:0 0 0 1.1rem;} #linkMeteo li { padding:5px 0 5px 3px; position:relative; display:block; list-style:square; } #linkMeteo li A { color:#363636; font-weight:500; } #linkMeteo li#sel { background:#FFF; position:relative; display:block; list-style:square; } #linkMeteo li#sel A { color:#ef7100; font-weight:bold; } #desc_Meteo_gen { padding:0; border:none; } #desc_Meteo_gen .titMeteodesc { border-bottom:2px solid #ececec; padding:0; margin:0; } #desc_Meteo_gen h2, #desc_Meteo_gen h3 { margin:5px 0 0 0; padding:4px; background-color:#ececec } #desc_Meteo_gen h2 { margin-top:20px; clear:both; } #desc_Meteo_gen p { padding:2px; margin:0; font-size:12px; } #desc_Meteo_gen p#descSucc { margin:0; padding:2px; border-bottom:10px; position:relative; } #cercaMeteoProv { padding-bottom:10px; padding-left:1.1rem; } #cercaMeteoProv label { font-weight:normal; } #cercaMeteoProv form input { background:url(../images/frecciadx.png) no-repeat; width:21px; height:21px; border:none; } #padflashMeteo { border:1px solid #BFCEDC; vertical-align:top; position:relative; float:left; width:98% } #padflashMeteo #boxMappa { width:333px; float:left; margin:0; border:0; min-height:422px; position:relative; } #padMeteo { border:none/*1px solid #BFCEDC*/; vertical-align:top; position:relative; float:left; margin-top: 7px; margin-bottom: 10px; } #padMeteo #boxMappa { width:806px; float:left; margin:0; border:0; min-height:640px; position:relative; } .mappaMeteo { width:505px; height:640px; position:relative; float:left; } .infometeo { position:relative; margin:0; margin-left:2px; padding:0; } .infometeo#meteoProv { height:700px; width:220px; position:relative; } .infometeo h2 { color:#A9C9DD; margin:5px; padding:0; font-size:120%; text-transform:none; background:transparent; } .infometeo h2.nomeProv { margin:25px 10px 10px 0; padding:0; font-size:130%; font-weight:bold; text-transform:none; } .infometeo h3 { color:#000; background:transparent; margin:5px 0 0 0; padding:0; font-size:100%; } .infometeo p { margin:5px; padding:0; padding-bottom:10px; font-size:12px; } .meteoProv { margin:0; padding-left:40px; } .fascia0, .fascia1, .fascia2, .fascia3 { clear:both } .statoCielo { margin-top:1px; float:left; } .statoCielo img { padding:0; } .pioggia { width:40px; padding:0; margin:0; display:inline; height:10px; } .neve { width:45px; padding:0; margin:0; display:inline; height:10px; } .pioggia img { width:8px; height:10px; margin:0; padding:0; } .neve img { width:11px; height:13px; margin:0; padding:0; } .meteoProvGiorno { border-bottom:1px dotted #BFCEDC; padding:12px 3px 12px 3px; } .infometeo #MNord, .infometeo #MCentro { border-bottom:1px dotted #BFCEDC; } #menuRicerche #linkMeteo { margin-bottom:0; border-bottom:0; } .icometeo { -khtml-opacity:.80; -moz-opacity:.80; -ms-filter:"alpha(opacity=80)"; filter:alpha(opacity=80); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0.8); opacity:.80; } /* Banner & Varie*/ .pub { padding:0; margin:0; margin-top:10px; margin-bottom:10px; width:178px; height:67px; text-indent:-5000px; font-size:1px; } .pub a { display:block; width:178px; height:67px; } .pub img { width:178px; height:67px; } #bannerPrezzoamico, #bannerSostaAmica { padding:0; margin:10px 30px; width:178px; height:116px; text-indent:-5000px; font-size:1px; } #bannerPrezzoamico { background:url(../images/bannerPrezzoAmico.gif) no-repeat; } #bannerSostaAmica { background:url(../images/bannerSostaAmica.gif) no-repeat; } #bannerPrivatizzazione { background:url(../images/bannerPrivatizzazione.jpg) no-repeat; padding:0; margin:10px 0; width:178px; height:95px; text-indent:-5000px; font-size:1px; } #bannerHipoint a, #bannerHipointen a, #bannerGreenStation a, #bannerWifi a, #bannerWifien a, #bannerPrezzoamico a, #bannerSostaAmica a, #bannerPrivatizzazione a, #bannerTelepass a { display:block; width:178px; height:95px; } #bannerPrezzoamico a, #bannerSostaAmica a { height:116px; } #bannerTlcCAR { background:url(../images/banner_carpooling_tlc.gif) no-repeat; padding:0; margin:0; margin-bottom:5px; width:330px; height:52px; text-indent:-5000px; font-size:1px; } #bannerTlcCAR a { display:block; width:330px; height:52px; } #bannerTlcTPP, #bannerPopTPP { background:url(../images/banner_popup_cam.jpg) no-repeat; padding:0; margin:0; margin-bottom:5px; width:341px; height:44px; text-indent:-5000px; font-size:1px; } #bannerTlcTPP a, #bannerPopTPP a { display:block; width:341px; height:44px; } #bannerPopTPP { background:url(../images/banner_popup.jpg) no-repeat; width:313px; } #bannerPopTPP a { width:313px; } #bannerADS { background:url(../images/bannerADS.gif) no-repeat; padding:0; margin:10px 0; width:178px; height:95px; text-indent:-5000px; font-size:1px; } #bannerADS a { display:block; width:178px; height:95px; } #bannerADSHome { background:url(../images/bannerADSHome.gif) no-repeat; padding:0; width:178px; height:67px; text-indent:-5000px; font-size:1px; } #bannerADSHome a { display:block; width:178px; height:67px; } #bannerMancato { background:url(http://www.autostrade.it/i/mancati_pagamenti.jpg) no-repeat; padding:0; margin:10px 0; width:178px; height:95px; text-indent:-5000px; font-size:1px; } #bannerMancato a { display:block; width:178px; height:95px; } #bannerQuestionario { background:url(../images/bannerQuestionario.gif) no-repeat; padding:0; margin:10px 0; width:178px; height:95px; text-indent:-5000px; font-size:1px; } #bannerQuestionario a { display:block; width:178px; height:95px; } #stampaPg { height:25px; background:#ffdab9; padding:3px; margin-bottom:10px; } #stampaPg a { width:165px; height:15px; display:block; background:url(../images/btn_stampaPg.gif) no-repeat; background-position:right; } #bannerPuntoBlu { background:url("../images/pub_puntoblu.gif") no-repeat; padding:0; margin:10px 0; width:178px; height:67px; text-indent:-5000px; font-size:1px; } #bannerPuntoBlu a { display:block; width:178px; height:67px; } /* Banners esterni */ #banners { display:block; clear:both; position:relative; float:left; margin:0; margin-left:15px; } #banners table, #banners tr, #banners td { border:none; /*margin-top:8px;*/ padding-bottom:10px } /*#banners a { display:block; width:178px; height:95px; }*/ /* #banners #carpooling a { background-image:url(../images/bannerCarpooling.gif); width:178px; height:95px; padding:0; } #banners #myway a { background-image:url(../images/bannerMyway.gif); width:178px; height:95px; padding:0; } */ /* #bannerTelepassBusiness { background:url(../images/bannerTelepassBusiness.gif) no-repeat; padding:0; margin:10px 0; width:178px; height:95px; text-indent:-5000px; font-size:1px; } #bannerTelepassPremium { background:url(../images/bannerTelepassPremium.gif) no-repeat; padding:0; margin:10px 0; width:178px; height:95px; text-indent:-5000px; font-size:1px; } #bannerTelepassGenerico { background:url(../images/bannerTelepassGenerico.gif) no-repeat; padding:0; margin:10px 0; width:178px; height:95px; text-indent:-5000px; font-size:1px; } #bannerTelepassPyng { background:url(../images/bannerTelepassPyng.gif) no-repeat; padding:0; margin:10px 0; width:178px; height:95px; text-indent:-5000px; font-size:1px; } #bannerTelepasspromo-febbraio { background:url(../images/bannerTelepasspromo-febbraio.gif) no-repeat; padding:0; margin:10px 0; width:178px; height:95px; text-indent:-5000px; font-size:1px; } */ #logoTelepass { background:url(../images/logoTelepass.gif) no-repeat; padding:0; margin:10px 0; width:178px; height:95px; text-indent:-5000px; font-size:1px; } /* #bannerTelepassBusiness, #bannerTelepassPremium, #bannerTelepassGenerico, #bannerTelepassPyng, #bannerTelepass1, #bannerTelepass2, #bannerTelepass3, #bannerTelepass4,*/ #bannerADSHome, #bannerHipoint, #bannerHipointen, #bannerGreenStation, #bannerWifi, #bannerWifien { padding:0; margin:10px 30px; width:178px; height:95px; text-indent:-5000px; font-size:1px; } #bannerHipoint { background:url(../images/bannerHipoint.gif) no-repeat; } #bannerHipointen { background:url(../images/bannerHipointen.gif) no-repeat; } #bannerGreenStation { background:url(../images/bannerGreenStation.gif) no-repeat; } #bannerWifi { background:url(../images/bannerWifi.gif) no-repeat; } #bannerWifien { background:url(../images/bannerWifien.gif) no-repeat; } .banban { float:right; } .banbox { float:left; } #banners #bannerTelepassBusiness, #banners #bannerTelepassPremium, #banners #bannerTelepassGenerico, #banners #bannerTelepassPyng { margin:0 } /* #bannerTelepassBusiness a, #bannerTelepassPremium a, #bannerTelepassGenerico a, #bannerTelepassPyng a { display:block; width:178px; height:95px; }*/ /* Sezioni Informative*/ table.elenco { border:3px solid #ef7100; margin-top:20px; text-align:left; width:90%; } .elenco th { font-weight:bold; font-size:80%; background:#ef7100; border:0; border-bottom:3px solid #ffdab9; color:#FFF; padding:5px; } .elenco td { border-bottom:1px solid #ffdab9; border-left:1px solid #ffdab9; text-align:left; height:20px; padding:3px; } .elenco2 td { border:1px solid #FFF; text-align:left; height:20px; padding:3px; background:#ffdab9; } #listaAuto caption, #listaCaselli caption { display:none; } #listaCaselli .trattenongest { text-align:left; } #listaAuto, #listaCaselli { text-align:center; width:90%; margin:0; padding:0px 0 20px 60px; } td#nomeAuto { width:80%; border-left:0; } td#nomeAuto a {color:#0061a1 } td#lunghAuto { width:20%; text-align:right } #listaAuto A { color:#000; } th.ramo { text-align:left; border-bottom:1px solid #FFF } td.kmAuto { width:10%; text-align:center; } td.nomeElem { width:80%; } td.codElem { width:10%; text-align:right; padding-right:10px; } tr.socExt { background-color:#dedede; border-color:#999999; } tr.socExt td { background-color:#dedede; border-color:#999999; } #serviziPBlu { margin-bottom:50px; } #serviziPBlu h3 { color:#000; margin:20px 0 15px 0; } #serviziPBlu ul { list-style:none; margin:10px 10px 10px 40px; padding-left:15px; } #serviziPBlu li { list-style:none; margin:0; padding:1px; padding-left:15px; } .elencoPBluItalia { margin:20px 0 0 0; } .elencoPBluItalia h4 { border:2px solid #FEE2CC; width:50%; margin:0; background:#FFB077; color:#FFF; padding:3px; font-size:110%; } .elencoPBluItalia ul { margin-left:10px; list-style:none; } .elencoPBluItalia li { list-style:none; margin:15px; } .elencoPBluItalia li A { color:#000; text-transform:uppercase; font-weight:bold; text-decoration:none; } .elencoPBluItalia li A:hover { color:#000; text-decoration:underline; } .elencoPBlu h2 { color:#000; border:2px solid #FEE2CC; width:90%; margin:0; margin-top:20px; background:#FFB077; color:#FFF; padding:3px; font-size:110%; } .elencoPBlu h3 { color:#ef7100; margin-bottom:0; padding-bottom:0; } .elencoPBlu p { margin-top:0; padding-top:5px; } .elencoPBlu h4 { color:#000; margin:0; padding:0; } /* Organizza il tuo viaggio */ #Organizza_colsx { width:190px; padding:0; margin:0 10px 0 0; float:left; } h2.titRicerca { text-transform:none; font-size:110%; } h2.titRicerca strong { text-transform:uppercase; } #Organizza_Meteo { float:left; width:190px; margin:10px 0 0; padding:0; } #Organizza_Meteo #linkMeteo { background:transparent url(../images/meteo/bg_bottom_blue.gif) left bottom no-repeat; border:0; margin:0; padding:0; float:left; width:190px; } #Organizza_Meteo #linkMeteoTop { background:transparent url(../images/meteo/bg_top_blue.gif) left top no-repeat; margin:0; padding:5px; } #Organizza_Meteo #linkMeteoTop A { margin:3px; float:left; } #Organizza_Meteo h2 { margin:0 0 5px; padding:2px; height:22px; } #Organizza_Meteo .meteoprev { margin:3px 0px 3px; display:block; position:relative; } #Organizza_Meteo #linkMeteo ul, #Organizza_Meteo #linkMeteo li { list-style:none; margin:0; padding:0; } #Organizza_Meteo #linkMeteo li, #Organizza_Meteo #linkMeteo li#sel { padding:5px 0 5px 0; border-bottom:1px solid #BDBDBD; position:relative; display:block; background:#FFF; } #Organizza_Meteo #linkMeteo li#sel A { color:#000; font-weight:normal; } #Organizza_Meteo #linkMeteo li A { color:#000; font-weight:normal; } #Organizza_Meteo #desc_Meteo_gen h2 { display:none; } #Organizza_Meteo #desc_Meteo_gen { margin:0; background:#E9F0F6; border:0; border-bottom:1px solid #FFF; } #Organizza_Meteo #desc_Meteo_gen p { border:0; } #Organizza_Meteo #linkRisultatoMeteo { background:#E9F0F6; border-bottom:1px solid #CADDE9; } #Organizza_Meteo #linkRisultatoMeteo A { color:#ef7100; } #Organizza_Meteo .statoCielo { width:43px; height:43px; margin:3px 10px 3px 0; float:left; } #Organizza_Meteo .meteoProv { float:right; padding:3px 0 0 0; margin:3px 3px 3px 0px; width:170px; } #Organizza_Meteo .nomeProv { margin:0; padding:0; font-weight:bold; height:1em; float:left; } #Organizza_PuntoBlu { margin-top:5px; margin-bottom:10px; background:#ececec url(../images/ico_puntobluSmall.gif) right no-repeat; } #Organizza_TraffRicerche { float:left; width:575px; } #Organizza_Traffico { margin:0 0 20px; } #Organizza_Traffico h2 { margin:0 0 5px; padding:2px; height:22px; } #Organizza_Traffico h3.elencoNews { background:transparent; border:0; margin:0; color:#ef7100; font-weight:500; } #Organizza_Traffico .box_elencoNews { border:0; padding:0; } #Organizza_Traffico .titNews { display:inline; } #Organizza_Traffico .tdp_Percorso { font-weight:normal; font-size:70%; color:#333; } #Organizza_Traffico .tdp_Percorso strong { color:#ef7100 } #Organizza_Traffico .tdp_Percorso strong span{ font-weight:normal } #Organizza_Traffico .tdp_Percorso strong img { padding:0; margin:5px 0 -5px 5px; } #linkPlusTraffico { padding-right:72px; } #linkPlusTraffico A { color:#ef7100; } #Organizza_PedaggioClassi, #Organizza_Servizi { float:left; width:180px; position:relative; } #Organizza_PedaggioClassi h2 { margin:0 0 5px; padding:2px; height:22px; } #Organizza_PedaggioClassi li, #Organizza_Servizi li { padding:1px; padding-left:10px; list-style:none; } #Organizza_PedaggioClassi li A, #Organizza_Servizi li A { color:#000; font-weight:normal; } #Organizza_PedaggioClassi #linkPlusTraffico, #Organizza_Servizi #linkPlusTraffico { padding:3px; } #Organizza_BestPrices h2, #Organizza_Servizi h2 { margin:0 0 5px; padding:2px; height:22px; } #Organizza_BestPrices { float:left; width:190px; padding:0; background:#FFF; border:0; } #Organizza_BestPrices a.informativa { font-size:11px; font-weight:500; text-transform:uppercase; padding-right:7px; float:right; color:#ef7100; } #Organizza_BestPrices #informativa { font-size:12px; font-weight:normal; padding-left:7px; } #Organizza_BestPrices img#informativaimg { vertical-align:middle; } /*------------------ADATTAMENTO STILI PER CONTESTI PARTICOLARI -------------------*/ /* Home Viabilità - Organizza il tuo viaggio*/ #home #headerUltimora { background:transparent; padding-left:20px; } #home div#boxUltimora { border:#FFF; } #home #footerUltimora { display:none; } #home .ico { float:left; position:relative; display:block; } #home .ico img { width:21px; height:21px; } #home .txtNews { margin:0; padding:0 0 0 50px; font-size:12px; font-weight:normal; } #home .txtNews .tit_NewsLocalita { font-size:15px; color:#ef7100; } #home .txtNews .titNews, #home .txtNews .autoTitNews { font-size:14px; font-weight:500; color:#333333; } #home .txtNews .direz, #home .txtNews a { font-size:12px; color:#555555; line-height:16px; } #home .evento { margin-bottom:3px; margin-top:6px; background-color:transparent; border:1px solid #E9F0F6; border-width:0 0 1px 0; } #home .linkTutteNews { display:none; } #tutteNewsHome A { color:#ef7100; font-size:13px; text-transform:uppercase; } #home #PresentazCanali { height:128px; margin:0 0 10px 0; padding:0; position:relative; background:#ececec; } #home #PresentazCanali ul { list-style:none; margin:0; padding:0; width:570px; position:relative; } #home #PresentazCanali li { float:left; position:relative; margin:1px; padding:1px; width:138px; height:121px; color:#FFF; font-size:90%; display:block; background:#ececec url(../images/sf_box_PresentazCanali.gif) no-repeat; } #home #PresentazCanali li h3 { vertical-align:top; padding-top:10px; padding-left:50px; margin:3px 0 0 1px; height:50px; max-height:40px; width:135px; color:#FF7108; font-size:11px; } #home #PresentazCanali li div { padding:0 4px; margin:2px 0 0 0; font-size:95% } #home #PresentazCanali A, #home #PresentazCanali A:hover { color:#FFF; cursor:pointer; text-decoration:none; } #home #PresentazCanali A h3 { color:#FF7108; } #home #PresentazCanali #pres_traffico h3 { background:url(../images/ico_titTraffico.gif) no-repeat; } #home #PresentazCanali #pres_percorsi h3 { background:url(../images/ico_titPercorso.gif) no-repeat; } #home #PresentazCanali #pres_meteo h3 { background:url(../images/ico_titMeteo.gif) no-repeat; } #home #PresentazCanali #pres_servizi h3 { background:url(../images/ico_titServizi.gif) no-repeat; } #home .pub { margin:0; padding:0; float:left; position:relative; width:178px; height:112px; vertical-align:middle; text-indent:-5000px; font-size:1px; } #home .pub a { display:block; width:178px; height:67px; } #home .pub img { width:178px; height:67px; } #home #linkMeteo { padding:0 10px 10px; float:left; position:relative; background:#FFF; } #home #linkMeteo h2 { background:#FFF; height:26px; } #home h2 { color:#ef7100; text-transform:none; font-size:21px; margin:0; padding:0; } #home #linkMeteo ul, #home #linkMeteo li { list-style:none; margin:0; padding:0; background:#FFF; } #home #linkMeteo li, #home #linkMeteo li#sel { padding:8px 0 8px 0; border-bottom:1px solid #BDBDBD; position:relative; display:block; background:#FFF; } #home #linkMeteo li#sel A { color:#000; font-weight:bold; } #home .dataApp { display:inline; } #home p {margin:0; padding:0 } #home .txt_intro, #home h2 p.txt_intro { height:40px; margin:0; padding:10px; /*max-height:20px;*/ background:#ececec; font-weight:normal; color:#333 } h2 p.txt_intro { margin:0; padding:10px 10px 0 10px; font-weight:normal; color:#333 } #home h2.txt_intro { background:none; } /* Blocco MP TE */ table.blocco { border:0 none; margin:0; width:578px; } table.blocco table { border:1px solid #1C3D64; } td.oggi { margin:0 12px 0 12px; padding:10px 0; } td.oggi table { border:none; } table.blocco td { border:0; font-size:12px; } table.blocco TD.Sfondo { background-position:right bottom; } table.blocco TD.BordoBlu { background-color:#FFCC00; border:1px solid #1C3D64; } table.blocco TD.BordoCeleste { background-color:#FFFFFF; border:1px solid #CDD7E2; } table.blocco TD.BordoGiallo { background-color:#FFFFFF; border:1px solid #FFCC00; } table.blocco TD.BMenu { background-color:#3C7AC8; color:#FFFFFF; text-align:center; font-weight:bold; font-size:12px; padding:5px 5px 5px 5px; border-top:1px solid #000000; border-left:1px solid #000000; border-bottom:1px solid #000000; } table.blocco TD.BMenuUltimo { background-color:#3C7AC8; color:#FFFFFF; text-align:center; font-weight:bold; font-size:12px; padding:5px 5px 5px 5px; border:1px solid #000000; } table.blocco TD.BCeleste { background-color:#EEF7F7; text-align:center; } table.blocco TD.BGiallo { background-color:#FFFFCC; text-align:center; } table.blocco TD.BBianco { background-color:#FFFFFF; text-align:center; } table.blocco TD.BBlocco { background-color:#FFCC00; text-align:center; } table.blocco TD.anno { font-size:20px; font-style:italic; font-weight:bold; color:#FFCC00; } table.blocco TD.BCelesteSx { background-color:#EEF7F7; text-align:center; border-left:1px solid #2965A5; } table.blocco TD.BGialloSx { background-color:#FFFFCC; text-align:center; border-left:1px solid #2965A5; } table.blocco TD.BBiancoSx { background-color:#FFFFFF; text-align:center; border-left:1px solid #2965A5; } table.blocco TD.BBloccoSx { background-color:#FFCC00; text-align:center; border-left:1px solid #2965A5; } table.blocco TD.BBlocco { background-color:#FFCC00; text-align:center; } table.blocco TD.BBloccoDx { background-color:#FFCC00; text-align:center; border-right:1px solid #2965A5; } table.blocco TD.BBiancoDx { background-color:#FFFFFF; text-align:center; border-right:1px solid #2965A5; } table.blocco TD.BChiusura { border-bottom:1px solid #2965A5; } li.arancio { margin-top:10px; margin-left:0; padding-left:0; font-size:11px; list-style-image:url(../images/puntoElenco.gif); list-style:outside; } #mappe { clear:both; border:0; margin:10px 0; padding:0; } #mappe a { font-size:0.9em; padding-right:26px; } #mappe h3 { clear:both; border:0; margin:10px 0; padding:0; } #mappa { border:0; margin:0; padding:0; } #kmprogressivo { background:url(../images/pmv/bg_sfumatura2.gif) 0 0 repeat-x; border-top:1px solid #B7C9D7; margin-top:20px; padding:10px 8px 0px 8px; position:relative; position:static; } #kmprogressivo h3, #kmprogressivo p , #kmprogressivo a, #kmprogressivo img { position:relative; } /* Esodo */ .icoLavori { float:left; position:relative; margin:10px 20px 30px 0; } #esodoBox {} #esodoBox th { font-weight:bold; border:none; } #esodoBoxSx { float:left; position:relative; width:215px; } table#esodoBoxPrevisioni { width:180px } table#esodoBoxPrevisioni, table#esodoBoxPrevisioni tr, table#esodoBoxPrevisioni th, table#esodoBoxPrevisioni td { border:none; margin:0; padding:0; } table#esodoBoxPrevisioni th img { border:none; margin:0; padding:0; width:13px; height:13px; } table#esodoBoxPrevisioni td img { border:none; margin:0; padding:0; width:14px; height:18px; } table#esodoBoxPrevisioni td, table#esodoBoxPrevisioni th { width:14px; height:18px; } table#esodoBoxPrevisioni td.centro { width:96px; } table#contingentamento { border:none; margin:0; padding:0; } table#contingentamento tr { border:none; margin:0; padding:0; } table#contingentamento td { border:none; margin:0; padding:0 5px 10px 0px; vertical-align:top; } table#contingentamento h4 {margin-top:0; padding-top:0; } h4.esodo {color:#000} table.lgEsodoTable, table.lgEsodoTable tr, table.lgEsodoTable td {border:none; margin:5px; padding:5px; } #esodoFla { float:right; position:relative; width:360px; } #esodoBoxDivietiMP { } #esodoBoxDivietiMP table { width:140px; border:none; margin:3px; padding:3px; font-size:1.2em; } #esodoBoxDivietiMP table td { border:none; } #esodoLegenda { float:left; position:relative; } #esodoLavori {} #vediGrafico { position:relative; float:right; top:245px; right:-15px; margin:0; padding:0; font-size:0.9em } /* percorsi alternativi */ #percorsiAlternativi { margin-left:60px; } #percorsiAlternativi h2 { color:#0167A9; font-size:1.5em; } #percorsiAlternativi .tabBlu { width:300px; height:auto; border:1px solid #6FA7CA; background-color:#E6EFF6; color:#0167A9; margin:14px 6px; padding:8px; } #percorsiAlternativi .tabBlu h3 { color:#0167A9; font-size:1.3em; margin-top:0; } #percorsiAlternativi .tabBlu ul { list-style:none; } #percorsiAlternativi .tabBlu li { margin:2px 0; background-color:#FFF; clear:both; height:1.6em; padding:3px} #percorsiAlternativi .tabBlu li a.nome { float:left; font-weight:normal; } #percorsiAlternativi .tabBlu li a.img { float:right; } /* Notiziari Radio */ #notiziari { margin:0 20px 20px; padding:10px 20px 20px; text-align:center; } #notiziari li { list-style:none; } #notiziari li input, #notiziari li img { vertical-align:middle; } #notiziari li a { text-decoration:none; } #notiziari form { text-align:left; padding-left:17px } #registrazione { margin:0; padding:20px; position:relative; width:340px; text-align:left; background-color:#f60; background:-moz-linear-gradient(top,#f60, #f90); background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#f60), to(#f90)); -moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px; /* Internet Explorer */ *background:#ff6600; background:#ff9900\0/; filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#ff6600, endColorstr=#ff9900); } #registrazione input { width:260px; margin:10px 20px; } #registrazione input.scarica { width:auto; padding:10px; background:-moz-linear-gradient(top,#eee, #ccc); background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#ccc)); -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; /* Internet Explorer */ *background:#eeeeee; background:#cccccc\0/; filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#eeeeee, endColorstr=#cccccc) } /* Pop Up */ ul.legendaPopUp { background-color:#FFF; color:#001846; } .header_popup { height:49px; background:#FFF url(../images/sf_popupheader.gif) top repeat-x; text-align:left; } #contenuto_popup { background-color:#FFF; text-align:left; border:1px solid #FFF } #contenuto_popup h3 { margin:4px 0; color:#001846; font-size:13px; background-color:#CEE1ED; font-weight:500; } #contenuto_popup h4 { margin-top:0; color:#001846; background-color:#CEE1ED; font-size:11px; font-weight:normal; } #contenuto_popup h5 { margin:20px 0 10px 0; background-color:#CEE1ED; color:#5F6A94; font-weight:bold; padding:5px; } #contenuto_popup .approfondimento { margin:3px 0 2px 0; padding:0; } #contenuto_popup .approfondimento h5 { text-transform:uppercase; color:#ef7100; } #contenuto_popup .approfondimento h5 span.dataApp { font-size:100%; } #contenuto_popup .comunicato { margin:3px 0 2px 0; padding:0; } #contenuto_popup .comunicato h5 { text-transform:uppercase; color:#ef7100; } #contenuto_popup .comunicato h5 span.dataApp { font-size:100%; } #contenuto_popup A.titAppr { color:#7f7f7f; font-weight:bold; text-indent:25px; } #contenuto_popup .approfondimento p { display:block !important; } #contenuto_popup .comunicato p { display:block !important; } #contenuto_popup .srvON { border:2px solid blue } .tit_fascia { background-color:#CEE1ED; color:#001846; font-size:90%; font-weight:normal; padding:0 3px 0 3px; } .tit_fasciaA { margin:0; margin-top:10px; background:#CEE1ED url(../images/frecciatrattadx.gif) no-repeat left center } .tit_fasciaR { margin:0; margin-top:10px; background:#CEE1ED url(../images/frecciatrattasx.gif) no-repeat left center } img.direz { width:28px; height:17px; } .tit_tratta { margin-left:35px; } #contenuto_popup #footer { background-color:#CEE1ED; color:#000; height:30px; padding:0; margin:0; vertical-align:middle; text-align:left; position:relative; clear:both } .fl { float:left; } .fr { float:right; } #contenuto_popup #footer img { margin:6px; padding:0; } #contenuto_popup .ico_stampa { width:16px; height:16px; vertical-align:middle; } #contenuto_popup .imgTLC { margin-left:3px; width:319px; height:240px; } #contenuto_popup .legendaPopUp h3 { color:#FF6600; } #contenuto_popup #footer A { color:#FFF; } #contenuto_popup .infopopup { position:relative; } #contenuto_popup .infopopup h3 { margin-bottom:10px; } #contenuto_popup ul { margin:10px; padding:0; padding-bottom:20px; } #contenuto_popup .legendaULmeteo { margin:0 } #contenuto_popup .box#boxModPagamento .modPagamAccettate { margin:0 0 0 20px; padding:0; } #contenuto_popup .box#boxModPagamento .modPagamAccettate li { margin:0; padding:1px; list-style:square inside none; } #contenuto_popup .imgPagamAccettate { margin:6px 0 0 20px; padding:0; } #contenuto_popup .imgPagamAccettate li { margin:0; padding:1px; list-style:none; } #contenuto_popup #meteo { width:333px; } #contenuto_popup #meteo h2#loc { font-size:16px; margin:0; padding:0 5px 5px; font-weight:bold; background:transparent; } #contenuto_popup #meteo h2#loc a { font-size:0.8em; } #contenuto_popup #meteo table { border:none; border-collapse:collapse; } #contenuto_popup #meteo th { padding:0 3px; height:45px; text-transform:capitalize; background:transparent; } #contenuto_popup #meteo table td, #contenuto_popup #meteo table table { height:300px; border:none; } #contenuto_popup #meteo table table th.col1, #contenuto_popup #meteo table table td.col1 { width:40px; } #contenuto_popup #meteo table table td { height:44px; width:98px; padding:0; font-weight:500; border-bottom:1px solid #C5E5F5; } #contenuto_popup .infometeo h2 { color:#A9C9DD; margin:5px; padding:0; font-size:120%; text-transform:none; } #contenuto_popup h2.nomeProv { margin:10px 10px 10px 8px; padding:0; font-size:140%; font-weight:bold; text-transform:none; color:#000; } #contenuto_popup .meteoProvGiorno h3 { background-color:#CDD7E2; color:#000; margin:0; padding:3px; } #contenuto_popup .meteoProvGiorno { padding:0; margin:0; margin-top:10px; margin-bottom:10px; width:98%; border:0; } #contenuto_popup .meteoProv { margin:0; padding-left:45px; } #contenuto_popup .min, #contenuto_popup .max { font-weight:bold; font-size:14px; } #contenuto_popup .min { color:blue; } #contenuto_popup .max { color:#ef7100; margin-left:15px; } #contenuto_popup br#temp { display:none; } .orgtitlemdx { padding-left:10px; color:#ef7100; font-weight:bold; text-transform:none; background-image:url(../images/puntoElencoConsigli.gif); background-position:left; background-repeat:no-repeat; } .orgbold { color:#0061a1; font-weight:bold; text-transform:none; } #contenuto_popup #popupVideo {font-size:95%; } #contenuto_popup #popupVideo h3 { background:#4E8BB0; border:3px solid #D8E6EF; color:#FFF; padding:3px; } #contenuto_popup #popupVideo .box_risoluzione { padding:2px 0 0 25px; } #contenuto_popup #popupVideo .box_risoluzione div { margin:0 0 25px 0; } #contenuto_popup #popupVideo .box_risoluzione div h4 { background:#FFF; color:#0061a1; margin:0; } #contenuto_popup #popupVideo .box_scarica { text-align:center; } #contenuto_popup #popupVideo .box_scarica div img { vertical-align:middle; } #contenuto_popup #disclaimer, #contenuto_popup .disclaimer { border:none; background-color:#c8f0ff; } #contenuto_popup #disclaimer a, #contenuto_popup .disclaimer a { font-size:140%; color:#red; } /* Prezzi carburanti*/ #contenuto .soprabox { margin-top:5px 2px 13px 2px; } #contenuto .soprabox h2 { font-size:13px; font-weight:normal; color:#666666; line-height:20px; } #contenuto .soprabox h2 strong { font-weight:500; } #hp .soprabox, #hp .banban { background-color: white; border-radius: 20px; padding: 30px; margin: 30px 0; } #hp .banban { background-color: #ff7500; } .popcap { font-size:90%; margin:10px; padding:3px; } #prezziCarburantiPopUp { margin:10px; background:#FFF; padding:3px; border:1px solid #A9C5D8; width:90%; } #prezziCarburantiPopUp table { background:#00BC66; margin:0; width:100%; border:0; } #prezziCarburantiPopUp tr { height:2em; } #prezziCarburantiPopUp th { display:none; } #prezziCarburantiPopUp td { font-size:smaller; white-space:nowrap; color:#FFF; font-weight:bold; border:0; } #prezziCarburantiPopUp table .icoCarburante { width:36px; padding:3px; } .tipoCarburante { } .icoCarburante img { width:30px; height:30px; border:1px solid #009999; background:#FFF; } .prezzoCarburante { text-align:right; padding-right:10px; } .prezzoCarburante span { background:#000; border:1px solid #67CC99; color:#FFFF99; margin:5px; padding:5px; font-size:110%; text-align:left; } #quadroPrezzi { clear:left; float:left; width:300px; min-height:260px; padding:0; margin:0; background:#f2f2f2 url(../images/prezzi/boxbot.gif) 6px bottom no-repeat; } #quadroPrezzi h3 { float:left; width:100%; height:30px; color:#FFF; background:url(../images/prezzi/boxtop.gif) 6px top no-repeat; margin:0; padding:12px 0px 0 20px; overflow:hidden; } #Organizza_colsx #quadroPrezzi { width:190px; min-height:190px; background:#00a54f url(../images/prezzi/bg_bottom_green.gif) left bottom no-repeat; } #Organizza_colsx #quadroPrezzi h3 { background:#00a54f url(../images/prezzi/bg_top_green.gif) left top no-repeat; padding:8px 0 0 5px; } #quadroPrezzi h4 { float:left; width:100%; color:#FFF; margin:0; padding:10px 0 0 20px; } #quadroPrezzi #tabs { margin:0 15px 0 21px; float:left; display:inline; width:234px; background:#00A54F; font-size:93%; line-height:normal; } #Organizza_colsx #quadroPrezzi #tabs { margin:0 5px; width:165px; } #quadroPrezzi #tabs ul { list-style:none; margin:0; padding:0; } #quadroPrezzi #tabs li { float:left; background:url(../images/prezzi/tabdx.gif) no-repeat right top; margin:0; padding:0 } #quadroPrezzi #tabs a { color:#FFF; display:block; background:url(../images/prezzi/tabsx.gif) no-repeat left top; padding:5px 15px; text-decoration:none; } #Organizza_colsx #quadroPrezzi #tabs a { padding:5px 5px; } #quadroPrezzi #tabs li.on { background-image:url(../images/prezzi/tabdx_on.gif); } #quadroPrezzi #tabs li.on a { background-image:url(../images/prezzi/tabsx_on.gif); } #quadroPrezzi li a:hover { color:yellow; } #quadroPrezzi #tabc2, #quadroPrezzi #tabc1, #quadroPrezzi #tabc0 { float:left; clear:both; width:254px; margin:0 15px 15px 21px; padding:0; border:1px solid #056C36; background-color:#FFF; } #Organizza_colsx #quadroPrezzi #tabc2, #Organizza_colsx #quadroPrezzi #tabc1, #Organizza_colsx #quadroPrezzi #tabc0 { width:178px; margin:0 5px 5px; padding-top:0; } #quadroPrezzi #tabc0 { display:inline; } #quadroPrezzi #tabc1, #quadroPrezzi #tabc2 { display:none; } #quadroPrezzi div.bestprice { clear:both; float:left; display:inline; margin:4px; width:244px; } #Organizza_colsx #quadroPrezzi div.bestprice { margin-bottom:4px; display:block; width:168px; } #quadroPrezzi .prezzo { float:left; display:inline; background-color:#333; color:#FFF; font-weight:bold; font-size:0.95em; padding:2px; margin:0 0 20px 0; white-space:nowrap; } #Organizza_colsx #quadroPrezzi .prezzo { margin:0 0 0 0; } #quadroPrezzi .aree { float:right; display:inline; font-size:11px; width:170px; margin:0; padding:0; } #Organizza_colsx #quadroPrezzi .aree { width:168px; } #quadroPrezzi .aree .nome { float:left; display:inline; width:139px; margin:0; padding:0; overflow:hidden; } #Organizza_colsx #quadroPrezzi .nome { width:137px; } #quadroPrezzi .aree .nome strong { color:#0062A5; font-size:1.2em; } #quadroPrezzi .aree .logo { float:right; display:inline; padding:0; } #widgYouPet { clear:both; } #inner { font-size:13px; } #inner h3, #inner a, #inner #disclaimer, #inner .disclaimer, #inner div { margin:0; } #inner h3 { color:#001846; background-color:#CEE1ED; font-weight:bold; } #inner #disclaimer a, #inner .disclaimer a { color:#red; } #inner #quadroPrezzi { background:#004A87; border-radius:5px; padding:8px; } #inner #headerQuadroPrezzi { text-transform:uppercase; position:relative; font-size:100%; width:100%; color:#FFF; margin-bottom:0px;margin-top:0px;font-weight:bold; } #inner #headerQuadroPrezzi div.big { font-size:18px; } #inner #headerQuadroPrezzi div.small { font-size:12px; text-transform:none; font-weight:normal; } #inner #quadroPrezzi #tabs tr { font-weight:bold; margin:0; } #inner #quadroPrezzi #tabs td { text-transform:uppercase; margin:0; padding:5px; color:#444; } #inner #quadroPrezzi #tabs #tab11 li { float:none; } #inner #ContenitorePrezzi { width:100%; color:#444; } #inner #ContenitorePrezzi table { width:100%; } #inner #ContenitorePrezzi .nome { padding:10px; font-size:90%; } #inner #corpoTabBestPrice { height:270px; overflow-y:scroll; background-color:#fff; }#inner #corpoTabBestPrice { height:270px; overflow-y:scroll; background-color:#fff; } #inner #quadroPrezzi #tabs #tab0, #inner #quadroPrezzi #tabs #tab1, #inner #quadroPrezzi #tabs #tab2 { background:#005BA4; } #inner #quadroPrezzi #tabs #tab0.on, #inner #quadroPrezzi #tabs #tab1.on, #inner #quadroPrezzi #tabs #tab2.on { background:#FFF; color:#001846; } #inner #quadroPrezzi #tabs a { font-weight:bold; background-image:none; } #megaitalietta { float:right; display:inline; width:224px; margin:15px 0 0; padding:0; position:absolute; left:300px; } #megaitalietta #box_Italietta { margin:0; border:none; } #megaitalietta #box_Italietta p { font-size:12px; font-weight:500; width:224px; color:#0062A5; } #disclaimer.float, .disclaimer.float { clear:both; float:left; display:inline; width:98%; } .obox { clear:both; margin:0; padding:0; float:none; position:relative; } .obox div { display:inline; float:left; margin:10px; } .obox div#bannerPrivatizzazione, .obox div#bannerMancato { display:inline; float:left; margin:10px; } #Hipoint { background:url(../images/hipoint.gif) no-repeat; } #Hipoint img { width:178px; height:67px; } #Reclami { background:url(../images/banner_reclamiADS.gif) no-repeat; } #Reclami img { width:178px; height:67px; } .trattegest { background:url(../images/trattegest.gif) 0px 3px no-repeat; margin:10px; padding:0 0 0 43px; clear: both; } .trattenongest { background:url(../images/trattenongest.gif) 0px 3px no-repeat; margin:10px; padding:0 0 0 43px; } .pallino { background:url(../images/prezzi/pallino.gif) 20px 0px no-repeat; margin:10px; padding:2px 0 2px 43px; } h4#sologen a { display:none; } #Organizza_BestPrices h4#sologen { color:#FFF; text-align:left; margin:0 0 0px 5px; padding:0 0 10px 0; height:1.2em; } #Organizza_BestPrices h4#sologen a { display:block; color:#FFF; } .widgYouPet { height:250px; } .msgnondispo { width:100%; border:4px solid #E9F0F6; border-left:0px; border-right:0px; vertical-align:middle; margin-top:20%; margin-bottom:20%; padding:5%; text-align:center } h3.linkAuto { text-align:right; padding-right:10px; } .linkAuto span { width:46px; } .linkAuto span img { vertical-align:middle; } #map_canvas { width:100%; height:500px } #logoTelepass { position:absolute; top:-50px; left:405px; } /* jCarousel vertical for top webcams */ #maskview2 { background-color:#000; width:100%; height:100%; position:absolute; z-index:800; display:none; top:0; left:0; } #v #wrapcam { position:relative; margin-top:10px; width:178px; height:284px; font-size:11px; color:#999; background-color:#ececec; overflow:hidden; } #v #wrapcam .wc_btn { position:absolute; bottom:5px; left:0px; } /* elenco per autostrada */ #v #listauto { display:none; position:relative; width:178px; background-color:#ececec; z-index:990; font-size:11px; } #v #listauto ul li { width:178px; float:left; padding:2px; } #v #listauto ul .wider { } #v #listauto ul li a { display:block; float:none; background-color:transparent; padding:2px; color:#999; border:none; } #v #listauto ul li a:hover { color:#fff; background-color:#999; text-decoration:none; } #v #wrapcam .wc_puls { padding:3px 0 0 0; float:left; color:#ef7100; text-decoration:none; text-transform:uppercase; font-size:11px; font-weight:500; } #v #wrapcam .wc_puls:hover { background-color:#f9f9f9; } #v #wrapcam .jcarousel-container { top:23px; width:178px; height:210px; } #v #wrapcam .jcarousel-clip { width:178px; height:210px; } #v #wrapcam .jcarousel-item { width:178px; height:70px; } #v #webcam { overflow-y:scroll; height:210px; overflow-x:hidden; margin-top:15px; } #v #webcam li { width:178px; height:70px; } #v #webcam li img { position:absolute; left:0px; width:80px; height:60px; margin:0; padding:0; } #v #webcam li span { position:absolute; right:0px; width:94px; height:70px; font-size:11px; color:#999; } #v #webcam li a { display:block; color:#0061a1; text-decoration:none; height:60px; } #v #webcam li a span { color:#0061a1; cursor:hand; cursor:pointer; overflow:hidden; } #v #tit_topcam { position:absolute; left:10px; top:10px; z-index:10; } #v #tit_topcam a { text-decoration:none; } #v #curtitle { position:relative; padding:0 3px; width:158px; color:#ef7100; font-weight:500; font-size:13px; text-transform:uppercase; } #v #wrapcam .jcarousel-prev { position:absolute; top:-20px; left:156px; width:21px; height:21px; background:url('../images/ico_frOpz_close.png') no-repeat left top; cursor:hand; cursor:pointer; } #v #wrapcam .jcarousel-next { position:absolute; bottom:-16px; left:156px; width:21px; height:21px; background:url('../images/ico_frOpz_open.png') no-repeat left top; cursor:hand; cursor:pointer; } #v #wrapcam .jcarousel-prev-disabled { cursor:default; background:url('../images/ico_frOpz_close_ghost.png') no-repeat left top; } #v #wrapcam .jcarousel-next-disabled { cursor:default; background:url('../images/ico_frOpz_open_ghost.png') no-repeat left top; } /***** partials header liferay mapo *****/ #head a { -webkit-box-sizing:content-box; -moz-box-sizing:inherit; box-sizing:content-box; } /************************************************** menu gis **************************************************/ .menug { float:right; margin-top:8px; list-style: none; } .menug a { font-weight:500; color:rgb(39, 119, 170); text-decoration:none; } .menug li { float:right; } .menug li#last { margin:0; } .menug li a { background-color:#70a2c0; color:#fff; border-radius: 20px; margin:10px; padding:5px 13px 9px; /*height:14px; line-height:15px; width:150px;*/ float:right; font-size:12px; } .menug li a:hover { border-radius:20px; background-color: #0061a1; color:#fff; } .menug li#archivio a, .menug li#webcammenu a, .menug li#previsioniweekendmenu a, .menug li#chiusuremenu a { border-radius:20px; background-color:#ff7611; /*background:url('../images/arrow_white.png') 150px center no-repeat #ff7611;*/ color:#fff; } .menug li#archivio a:hover, .menug li#archivio a:active, .menug li#webcammenu a:hover, .menug li#webcammenu a:active, .menug li#previsioniweekendmenu a:hover, .menug li#chiusuremenu a:hover, .menug li#chiusuremenu a:active { background-color:#dc6606; background-image:none; } .linkMPTE { height:30px; } .loging { margin:5px; padding:5px; height:30px; min-height:30px; border:none; } .evidence { background-color:yellow; } #contenuto .aggiorna a { color:#ef7100; font-weight:500; } .formeteo img { padding:0 0 5px; width:40px; } .formeteo span { display: inline-block; } /* desktop e tablet */ #linkMobile { display:none; } /* Smartphones ----------- */ @media only screen and (max-width:1100px) { #linkMobile { display:block; margin:24px; } } /*** wifi ***/ #contenuto .wifi { margin-top:5px 2px 13px 2px; } #contenuto .wifi strong { font-weight:500; } #contenuto .wifi h2 { font-size:13px; font-weight:normal; color:#666666; line-height:20px; } #contenuto .wifi h2 strong { font-weight:500; } #contenuto .wifi p { font-family:'Monserrat, Ubuntu',sans-serif; font-size:13px; line-height:20px; color:#666; text-align:left; } #contenuto .wifi ol { list-style:number; margin:0px 0px 10px; padding:0px 0px 0px 40px; } #contenuto a.linkblupdf { color:#fff!important; background:#66a3c1 url(../../images/pdf.gif) no-repeat 99% center; padding:5px; display:block; width:99%; border-bottom:0; margin:15px 0; text-transform:uppercase; text-decoration:none; } #contenuto a.linkblupdf:hover { color:#2b5c76!important; } .wifi h1 { margin-bottom:10px; } .wifi ul { margin:0px 10px 20px 30px; list-style:disc; } .wifi ul li { } /* 2 */ /* mapo colors ADS giallo telepass:#ffe200 arancio: #ef7100 arancio-chiaro: #ff7600 arancio-medio: #e06700 arancio-scuro: #8b4000 azzurro: #cce2f0 blu-chiaro: #0b91d0 blu-medio: #0187c3 blu-scuro: #0076ab testo telepass, titoli e bottoni azzurro-chiaro: #eff7ff azzurro-medio: #e0f0fb verde-benzina: #417505 verde-strada: #399437 verde-sfondo: #ccffcc grigio-GPL: #9d9d9d */ .titolo { font-weight: 500; padding: 5px 15px; text-transform: uppercase; } .arancio svg { padding-right: 5px; width: 25px; } .azzurro { color:#cce2f0; } .blu-medio { background-color:#026eb6; color:#fff; padding: 10px; } .blu-scuro { background-color:#024f91; color:#fff; } .media-body { color:#fff; font-weight:500; } .blu-medio button { font-size:70%; } #viab2 #areac { text-transform:uppercase; font-weight:700; font-style:italic; font-family:Arial,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Lucida Grande,sans-serif; background:#fee01a url(../images/2/logoTelepassC.png) 0 0 no-repeat; padding: 10px 10px 10px 150px; color:#13589d; float: right; top: 105px; position: absolute; right: 0px; font-size: 11px; line-height: 11px; } .icon-cerca { background:url(../images/ads/np_search.svg) 0 12px no-repeat; font-size:36px; padding-left:10px; vertical-align:middle; } .icon-mixer { background:url(../images/ads/np_options.svg) 0 12px no-repeat; font-size:36px; padding-left:18px; vertical-align:middle; } .icon-italy { background:url(../images/ads/np_italy.svg) 0 3px no-repeat; font-size:36px; padding-left:18px; vertical-align:middle; } #switch-servizi { background-color:#ff7600; padding:10px; margin:0; color: #fff; font-weight: bold; } /* bluebox */ #ads21 td, #ads21 th { font-weight: normal; } #ads21 #quadroPrezzi { width:100%; } #ads21 #quadroPrezzi #tabs { margin:auto; float:left; display:inline; width:100%; background:transparent; font-size:93%; line-height:normal; } #ads21 #Organizza_colsx #quadroPrezzi #tabs { margin:0 5px; } #ads21 #quadroPrezzi, #ads21 .blubox { background:#004A87; padding:8px; margin:0px; border-radius: 5px; } #ads21 #quadroPrezzi #tabs a { background:none; } #ads21 #headerQuadroPrezzi { position:relative; font-size:100%; width:100%; color:#FFF; margin-bottom:0px; margin-top:0px; } #ads21 #headerQuadroPrezzi div.big { font-size:18px; } #ads21 #headerQuadroPrezzi div.small { font-size:12px; font-weight:normal; } #ads21 #headerTitleBestPrices { padding-bottom:5px; } #ads21 #headerTitleBestPrices .col-xs-1, #ads21 #headerTitleBestPrices .col-xs-2 { font-size: 32px; line-height: 1.2em; } #ads21 #headerTitleBestPrices .small { text-transform:none; } #ads21 #span_sx_bestPrices { float:left } #ads21 #span_dx_bestPrices { float:right } /*#ads21 #quadroPrezzi #tabs, #ads21 #tabellaBestPrice { padding:5px; border-collapse:collapse; }*/ #ads21 #quadroPrezzi #tabs tr { font-weight:bold; margin:0; } #ads21 #quadroPrezzi #tabs td { text-transform:uppercase; margin:0; padding:5px; color:#444; } #ads21 #quadroPrezzi #tabs #tab11 li { float:none; } #ads21 #ContenitorePrezzi { color:#444; background-color:#FFF; max-height:230px; overflow-y:scroll; } #ads21 #ContenitorePrezzi table { width:98%; } #ads21 #ContenitorePrezzi .nome { padding:10px; font-size:90%; } #ads21 #quadroPrezzi #tabs td a { text-decoration:none; color:#FFF; font-weight:700; } #ads21 #quadroPrezzi #tabs td.on a { text-decoration:none; color:#000; } #ads21 #quadroPrezzi #tabs td.on a .go_ref { display:none } #ads21 #quadroPrezzi #tabs td { text-align:center; } #ads21 #quadroPrezzi #tabs #tab0.on, #ads21 #quadroPrezzi #tabs #tab1.on, #ads21 #quadroPrezzi #tabs #tab2.on { background:#FFF; } #ads21 #quadroPrezzi #tabs #tab0, #ads21 #quadroPrezzi #tabs #tab1, #ads21 #quadroPrezzi #tabs #tab2 {color:#FFF; background:#005BA4; } #ads21 #tabc0 { float:left; clear:both; } #ads21 #tabc2, #ads21 #tabc1, #ads21 #tabc0 { width:100%; margin:0 5px 5px; padding:0; border:none; background-color:#FFF; } #ads21 .aree .nome { width: auto; overflow:scroll; } #ads21 .headerQuadroPrezzi { text-transform:uppercase; position:relative; font-size:100%; width:100%; color:#FFF; margin-bottom:0px;margin-top:0px;font-weight:bold; } #ads21 .headerQuadroPrezzi div.big { font-size:18px; } #ads21 .headerQuadroPrezzi div.small { font-size:12px; font-weight: normal; } #ads21 .headerTitleBestPrices { padding-bottom:5px; color:#FFF; } #ads21 .headerTitleBestPrices .col-xs-1, #ads21 .headerTitleBestPrices .col-xs-2 { font-size: 32px; line-height: 1.2em; } #ads21 .headerTitleBestPrices .small { text-transform:none; } #ads21 .span_sx_bestPrices { float:left } #ads21 .span_dx_bestPrices { float:right } #ads21 .blubox .contenutoBox { width:100%; color:#444; background-color:#FFF; max-height:250px; overflow-y:scroll; padding: 10px; } #ads21 .blubox .contenutoBox table { width:100%; } #ads21 .blubox .contenutoBox .nome { padding:10px; font-size:90%; } #ads21 tr.pari, #ads21 tr.dispari { border-color:grey; } #ads21 tr.titolo { background-color:#eee; border: 1px solid #e0f0fb; } #ads21 td.corpoADS { border:none; } #ads21 .blubox .big, #ads21 #quadroPrezzi .big { font-size: 16px; text-transform: uppercase; font-weight: bold; } #bodyhome { background-color:#019934; } /* ftabs box bestprices homepage*/ #bprhp #quadroPrezzi #ftabs { margin:auto; /*float:left; display:inline; width:100%;*/ background:transparent; font-size:100%; line-height:normal; } #bprhp #Organizza_colsx #quadroPrezzi #ftabs { margin:0 5px; } #bprhp #quadroPrezzi #ftabs a { background:none; border:none; min-height:31px; } #bprhp #quadroPrezzi #ftabs tr { font-weight:bold; margin:0; } #bprhp #quadroPrezzi #ftabs td { text-transform:uppercase; margin:0; padding:5px; color:#444; border: none; } #bprhp #quadroPrezzi #ftabs #tab11 li { float:none; } #bprhp #quadroPrezzi #ftabs td a { text-decoration:none; color:#FFF; font-weight:700; font-size: 120%; padding: 7px 10px; } #bprhp #quadroPrezzi #ftabs td.on a, #bprhp #quadroPrezzi #ftabs td a:hover { text-decoration:none; color:#FFF; } #bprhp #quadroPrezzi #ftabs td.on a .go_ref { display:none } #bprhp #quadroPrezzi #ftabs td { text-align:center; } #bprhp #quadroPrezzi #ftabs #tab0:hover, #bprhp #quadroPrezzi #ftabs #tab1:hover, #bprhp #quadroPrezzi #ftabs #tab2:hover { color:#FFF; } #bprhp #quadroPrezzi #ftabs #tab0.on, #bprhp #quadroPrezzi #ftabs #tab1.on, #bprhp #quadroPrezzi #ftabs #tab2.on { background:#FFF; } #bprhp #quadroPrezzi #ftabs #tab0, #bprhp #quadroPrezzi #ftabs #tab1, #bprhp #quadroPrezzi #ftabs #tab2 {color:#FFF; background:#005BA4; border: none; } /* hp greenbox */ /* #ff7600 => #e6e6e6 #004A87 => #019934 #005BA4 => #27b853 */ #bprhp #switch-servizi { background-color:#e6e6e6; color: #888; } #bprhp p { padding: 10px; } #bprhp ul.nav { height: 34px; } #bprhp td, #bprhp th { font-weight: normal; } #bprhp #quadroPrezzi { width:100%; } #bprhp #quadroPrezzi #tabs { margin:auto; float:left; display:inline; width:100%; background:transparent; font-size:100%; line-height:normal; } #bprhp #Organizza_colsx #quadroPrezzi #tabs { margin:0 5px; } #bprhp #quadroPrezzi, #bprhp .blubox { background:#019934; padding:8px; margin:0px; font-size: 85%; } #bprhp #quadroPrezzi #tabs a { background:none; min-height:31px; } #bprhp #headerQuadroPrezzi { position:relative; font-size:100%; width:100%; color:#FFF; margin-bottom:0px; margin-top:0px; } #bprhp #headerQuadroPrezzi .big { } #bprhp #headerQuadroPrezzi .small { font-size:12px; font-weight:normal; } #bprhp #headerTitleBestPrices { padding-bottom:5px; } #bprhp #headerTitleBestPrices .col-xs-1, #bprhp #headerTitleBestPrices .col-xs-2 { font-size: 32px; line-height: 1.2em; } #bprhp #headerTitleBestPrices .small { text-transform:none; } #bprhp #span_sx_bestPrices { float:left } #bprhp #span_dx_bestPrices { float:right } #bprhp #quadroPrezzi #tabs tr { font-weight:bold; margin:0; } #bprhp #quadroPrezzi #tabs td { text-transform:uppercase; margin:0; padding:5px; color:#444; } #bprhp #quadroPrezzi #tabs #tab11 li { float:none; } /* qui rendere responsive la max-height Nel caso più piccolo {1270-1430} deve limitarsi a 230px */ #bprhp #ContenitorePrezzi { color:#444; background-color:#FFF; max-height:233px; overflow-y:scroll; font-size:90%; } #bodyhome .select2-results { max-height: 100px; } #bodyhome .select2-container--default .select2-results>.select2-results__options { max-height: 100px; } /* Hi-point */ #hp p { margin: 2px; padding: 2px; font-size: 12px; } /* @media (max-width: 767px) { #bprhp #ContenitorePrezzi { max-height:430px; } } @media (min-width: 768px) and (max-width: 991px){ #bprhp #ContenitorePrezzi { max-height:290px; } } @media (min-width: 992px) and (max-width: 1269px){ #bprhp #ContenitorePrezzi { max-height:410px; } } @media (min-width: 1270px) and (max-width: 1429px){ #bprhp #ContenitorePrezzi { max-height:233px; } } @media (min-width: 1430px){ #bprhp #ContenitorePrezzi { max-height:288px; } } */ @media (max-width: 260px) { #bprhp #ContenitorePrezzi { max-height:233px; } #bprhp #quadroPrezzi { padding:5px; } #bprhp #quadroPrezzi li a { font-size: 11px; } } @media (min-width: 261px) and (max-width: 276px) { #bprhp #ContenitorePrezzi { max-height:233px; } #bprhp #quadroPrezzi { padding:5px; } #bprhp #quadroPrezzi li a { font-size: 12px; } } @media (min-width: 277px) and (max-width: 336px) { #bprhp #ContenitorePrezzi { max-height:233px; } #bprhp #quadroPrezzi { padding:5px; } #bprhp #quadroPrezzi li a { font-size: 13px; } } @media (min-width: 337px) and (max-width: 349px) { #bprhp #ContenitorePrezzi { max-height:288px; } #bprhp #quadroPrezzi { padding:8px; } #bprhp #quadroPrezzi li a { font-size: 16px; } } @media (min-width: 350px) and (max-width: 469px) { #bprhp #ContenitorePrezzi { max-height:410px; } #bprhp #quadroPrezzi { padding:8px; } #bprhp #quadroPrezzi li a { font-size: 16px; } } @media (min-width: 470px) { #bprhp #ContenitorePrezzi { max-height:430px; } #bprhp #quadroPrezzi { padding:8px; } #bprhp #quadroPrezzi li a { font-size: 16px; } } #bprhp #ContenitorePrezzi table { width:98%; } #bprhp #ContenitorePrezzi .nome { padding:10px; } #bprhp #quadroPrezzi #tabs td a { text-decoration:none; color:#FFF; font-weight:700; font-size: 120%; padding: 7px 10px; } #bprhp #quadroPrezzi #tabs td.on a, #bprhp #quadroPrezzi #tabs td a:hover { text-decoration:none; color:#000; } #bprhp #quadroPrezzi #tabs td.on a .go_ref { display:none } #bprhp #quadroPrezzi #tabs td { text-align:center; } #bprhp #quadroPrezzi #tabs #tab0:hover, #bprhp #quadroPrezzi #tabs #tab1:hover, #bprhp #quadroPrezzi #tabs #tab2:hover, #bprhp #quadroPrezzi #tabs #tab0.on, #bprhp #quadroPrezzi #tabs #tab1.on, #bprhp #quadroPrezzi #tabs #tab2.on { background:#FFF; } #bprhp #quadroPrezzi #tabs #tab0, #bprhp #quadroPrezzi #tabs #tab1, #bprhp #quadroPrezzi #tabs #tab2 {color:#FFF; background:#27b853; } #bprhp #tabc0 { float:left; clear:both; } #bprhp #tabc2, #bprhp #tabc1, #bprhp #tabc0 { width:100%; margin:0 5px 5px; padding:0; border:none; background-color:#FFF; } #bprhp .aree .nome { width: auto; overflow:scroll; } #bprhp .headerQuadroPrezzi { text-transform:uppercase; position:relative; font-size:100%; width:100%; color:#FFF; margin-bottom:0px;margin-top:0px;font-weight:bold; } #bprhp .headerQuadroPrezzi div.big { /*font-size:18px;*/ } #bprhp .headerQuadroPrezzi div.small { font-size:12px; font-weight: normal; } #bprhp .headerTitleBestPrices { padding-bottom:5px; color:#FFF; } #bprhp .headerTitleBestPrices .col-xs-1, #bprhp .headerTitleBestPrices .col-xs-2 { font-size: 32px; line-height: 1.2em; } #bprhp .headerTitleBestPrices .small { text-transform:none; } #bprhp .span_sx_bestPrices { float:left } #bprhp .span_dx_bestPrices { float:right } #bprhp .blubox .contenutoBox { width:100%; color:#444; background-color:#FFF; max-height:250px; overflow-y:scroll; padding: 10px; } #bprhp .blubox .contenutoBox table { width:100%; } #bprhp .blubox .contenutoBox .nome { padding:10px; font-size:90%; } #bprhp tr.pari, #bprhp tr.dispari { border-color:grey; } #bprhp tr.titolo { background-color:#eee; border: 1px solid #e0f0fb; } #bprhp td.corpoADS { border:none; } #bprhp #quadroPrezzi li a { font-weight:bold; text-transform:uppercase; color:white; background-color:#019934; padding:10px 5px; } #bprhp .headerTitleBestPrices li:hover, #bprhp #quadroPrezzi li a.active, #bprhp #quadroPrezzi li a:hover { color:black; background-color:white; } #bprhp .w32 { width:34px; height:26px; } #bprhp .w32 img { width:36px; padding-right: 8px; } #bprhp .headerQuadroPrezzi .small { padding:0 0 0 10px; white-space: nowrap; font-size: 78%; } /*

*/ #bprhp .headerQuadroPrezzi li { height: 32px; } #bprhp .form-group { margin:0.7rem 1rem; width: 100%; } #bprhp button, #bprhp input { width: 100%; } .prezziCarburanti .ben { color:#417505; } .prezziCarburanti .dis { color:#444444; } .prezziCarburanti .gpl { color:#9d9d9d; } .msg { padding:5px; background:#fff; } #tabellaBestPrice { BACKGROUND:#FFF; } #tabellaBestPrice span.nomeArea { font-weight:bold; font-size: 116%; } #tabellaBestPrice span.prezzo { font-weight:bold; } #tabellaBestPrice span.data { text-decoration:none; font-size:70% } #tabellaBestPrice td { border-bottom:#eee 2px solid; } #tabellaBestPrice td.nowrap { padding-left:10px; } #tabellaBestPrice #t_body_title0, #tabellaBestPrice #t_body_title1 { font-weight:bold; text-transform:uppercase; color:#FFF; } #tabellaBestPrice img { margin: 5px 0; } /* ex #inner #inner { font-size:13px; } #inner h3, #inner a, #inner #disclaimer, #inner div { margin:0; } #inner h3 { color:#001846; background-color:#CEE1ED; font-weight:bold; } #inner #disclaimer a { color:#red; } .box, #quadroPrezzi { background:#004A87; border-radius:5px; } .headerQuadroPrezzi div.big , #headerQuadroPrezzi div.big { font-size:18px; } .headerQuadroPrezzi div.small , #headerQuadroPrezzi div.small { font-size:12px; } #corpoTabBestPrice { height: 230px; overflow-y: scroll; } #quadroPrezzi #tabs #tab0, #quadroPrezzi #tabs #tab1, #quadroPrezzi #tabs #tab2 { background:#005BA4; } #quadroPrezzi #tabs #tab0.on, #quadroPrezzi #tabs #tab1.on, #quadroPrezzi #tabs #tab2.on { background:#FFF; } */ h3.big { text-transform: uppercase; font-size: 18px; } #legendaTratte { clear:both; margin: 10px 0; } #legendaTratte div { display:inline; } /**** menuPrincipale2 ****/ #viab2 #menuPrincipale { margin:0; padding:0; vertical-align:top; font-size:11px; font-weight:500; text-transform:uppercase; color:#FFF; background-color:#FF7611; position:relative; } #viab2 #menuPrincipale #vociMenuP, #viab2 #menuPrincipale #vociMenuPR { height:48px; } #viab2 #box_descServiziMenu { width: 40%; text-transform: initial; } #viab2 #box_descServiziMenu .descServiziMenu { text-align:left; left: 10px; } #viab2 #menuPrincipale #radioFlashPop { margin:0 2px; } #viab2 #menuPrincipale #vociMenuPR #radioFlash a { width:170px; height:48px; background:url('../images/radioSpalla.png') top left no-repeat; display:block; margin:4px; } #viab2 #menuPrincipale ul { width:100%; height:128px; margin: 5px 0 0 5px; } #viab2 #menuPrincipale li { width:51px; height:41px; border:0; margin:3px 1px 4px 1px; padding:0; position:relative; text-indent:0; min-width: inherit; } #viab2 #menuPrincipale li a { width:41px; height:41px; font-size:0.1em; text-indent:-5000px; display:block; background-repeat:no-repeat; background-position:left top; } #viab2 #menuPrincipale li#home { width:20rem/*40%*/; height:41px; margin:5px 0 0 3px; } #viab2 #menuPrincipale li#home a { width:16%; height:32px; float:none; color:#FFF; font-size:12px; font-weight:500; text-indent:0; } #viab2 #box_descServiziMenu { position: absolute; top: 20px; } #viab2 .descServiziMenu { text-transform: initial; } #viab2 li#radioFlash { position: absolute; right: 122px; top: -7px; } #viab2 div#ADS.boxRicerca, #viab2 div#ADSxn.boxRicerca { display:inline } #viab2 select, #viab2 .inputTxt { height: 34px; } #switch-servizi button { background:#004B87; border-color: #004B87; } #bprhp #switch-servizi button { background:#019934; border-color: #019934; font-weight: bold; } #switch-servizi #frmAdsRic button, #switch-servizi #frmAdsNomRic button { width:5em; float: right; font-size: 0.9em; } .nav-tabs>li>a, .nav-pills>li>a { font-weight:bold; padding: 10px 10px 16px 36px; text-decoration: none; background-color: #eee; } .nav-pills>li>a.active { background-color: #fff; } .nav-pills>li>a:hover { background-color: #fff; } /* li.tabads12.active a, li.tabads12.active a:hover, li.tabads12.active a:ACTIVE, li.tabads12.active a:FOCUS, li.tabads12.active a:LINK, li.tabads12.active a:VISITED { color:#FFF; background-color:#ff7600; } */ /* #contenuto ul.nav-tabs, #contenuto ul.nav-pills { padding-bottom:15px; }*/ #contenuto ul.nav-pills li { background-color: #eee; margin:0 0 13px; } #contenuto ul.nav-pills li.active { background-color: #fff; } #contenuto ul.nav-pills li:hover { background-color: #fff; } #switch-servizi label { color:#FFF; } .card { border:none !important; } #datiBasePercorso b { font-weight:bold; color:#ff7600; } #datiBasePercorso .card { font-size:0.8rem; } #datiBasePercorso .card-header:first-child { border-radius:0; } .card-title { text-transform: uppercase; } #datiBasePercorso .card-text { font-size:0.7rem; } #ads23 .legenda { width: 800px; } #ui-datepicker-div { background:lightgray; padding: 10px; font-weight:bold; z-index: 400 !important; } /* gis */ #bodycon2, #bodycol2 { background-color:#eee; } #bodycon2 .tuttenews { height:400px; overflow-y:hidden; } .tuttenewsScroll { margin-bottom: 40px; } #bodycon .tuttenewscroll { margin-right:1rem; } #bodycon2 .tuttenewscroll { height:400px; overflow-y:scroll; } #bodycon2 .gradientback { position:absolute; bottom:0px; left:0px; width:100%; height:50px; background: -moz-linear-gradient(top, rgba(137,255,241,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(137,255,241,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(137,255,241,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(137,255,241,0) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(137,255,241,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(137,255,241,0) 0%,rgba(255,255,255,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0089fff1', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ } .legenda a { float: left; font-variant-caps: all-small-caps; font-weight: 700; } .container, .row { margin-right: auto !important; margin-left: auto !important; } leaflet-control-layers, leaflet-control-layers-expanded, leaflet-control { margin: 0; border: 0; font-size: 0.66rem; } #datiBasePercorso { display:none; } #principale #datiBasePercorso { display:block; padding:10px 10px 0; font-size: 0.9rem; } #principale #datiBasePercorso span { color: #ef7100; font-weight: 700; } #contenuto ul.nav { padding-top: 8px; } .chiusure { background: #f3f3f3 url(custom/images/header.png) top right no-repeat; padding-bottom: 1rem; } #chiusure-disclaimer { position:absolute; right: 18.3rem; top: 5.3rem; } #meteotit { padding-right: 20rem; } #meteotit span { font-size: 0.8rem; } #meteosubtit { margin-top: 1rem; margin-bottom: 1rem; } /*#gisForm { display: contents; }*/ /* anisa */ #classeV { height: 39px /*2.45rem*/; } .box-header-grigio h2 { font-size: 2.5rem; } .box-header-grigio p { font-size: 0.8rem; font-weight: 500; } #listauto { margin-top: 30px; } #listauto a { font-variant-caps: all-small-caps; font-weight: 700; font-size: 1.3rem; } .card-header span span { font-variant-caps: all-small-caps; font-weight: 700; font-size: 1.3rem; } #curtitle { font-variant-caps: all-small-caps; font-weight: 700; } a.wc_info { display:inline-flex; display:-webkit-inline-flex; margin-bottom: 10px; } #aream { font-variant-caps: all-small-caps; font-size: 80%; font-weight:700 !important; } #aream option { font-weight:700; } .bold { font-weight:700; /*font-size:0.9rem;*/ } .gisform { display:none } #bannerTelepassGenerico img, #bannerTelepassPremium img, #bannerTelepassPyng img, #bannerTelepassBusiness img, #bannerTelepassPromo img, #myway img, #siupm img { width: 260px; } .pedaggio { margin:0; padding:10px; background-color:#eee; border:1px solid #ef7100; } .arancio { background-color:#ef7100; } .bordo-arancio { border:5px solid #ef7100; } #dapagarea { display:none; } #dettaglipagamento { display:none; border: 1px solid #ef7100; margin-left: -11px; margin-right: -11px; padding-left: 11px; padding-right: 11px; background-color: #daeeef; text-align: right; } /* popup centrati */ .popup { background:rgba(255, 255, 255, 0.9); display:none; padding:15px; position:fixed; top: 50%; left: 50%; margin-top: -342px; margin-left:-385px; width: 770px; height: 685px; z-index: 999; box-shadow:1px 1px 6px rgba(0, 0, 0, 0.7); } .popup p { font-size:13px; font-weight:normal; color:#666; line-height:125%; margin:15px 0 10px; font-style:italic; } .popup h3 { margin:0 0 5px; color:#3a6f8f; font-size:19px; font-weight:normal; } .popup ul { margin:3px 0; list-style:none; padding:0; } .popup ul li { margin:0 0 3px; padding:0 0 0 10px; font-size:12px; color:#333; background-position:0 2px; background-repeat:no-repeat; list-style:none; } .popup ul li.point { background:url('//www.autostrade.it/documents/10279/48475/point.png') 0 1px no-repeat; } #pops { position:absolute; z-index:1; width:632px; height:768px; } #menuRicerche a.small { font-size:12px; } #accordion div.popup { background: none; padding-left: 15px; margin-top: -440px; background-color: rgba(255, 255, 255, 0.6); } #accordion div { padding: 16px 0 8px 80px; margin-bottom: 16px; border-bottom: 1px dotted #66a3c1; } .clspp { background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAAEEfUpiAAAACXBIWXMAAFxGAABcRgEUlENBAAAACXRFWHRDb21tZW50AACJKo0GAAAETklEQVR4nJVXz09TQRBuCwEDR/CEfwEHCCfDBU1IjD1pYg8qPYgpHEhIINQQe4BI0nixXNuEQ5PevJJw4FTBq4lEoqYeaFVQLxKlLYn0x7rz/GaZbt97rS+Zvre7M9/Mzs7MTgNKqQBRLBaL09sZ7AUCqT3nU0/olRUMFL0DLGI4ID/MCzTYp1Ui/X3JLkGV4CgFhB1H/I2xkRgSWh3JRrnMCKEWs/4cHzsLX54/Z4bJFkhNY/hOaCqafQimh5puyjleqJA+wRjVFGEjn8q9ii32MsOJnijTZGl9XdXPzpjpil6rEcOC8VS9rgqPHjHDpuNKeC7DTJ+fPTNu1Wuv6GcANtSEDUt6Pi13MaHp0HZzmx+EkxToUNOuplOMf7HGNgC9UNW0BnNGNTUt12yDLwiwCWmiguCI7U8XqkImq2mJPh5oStqH8XFmxome5sWF897v6ZEgcVZMPzc05WwAVas5gsVEwnm/v3NHAtw2APj4rWncLSRcaA4yDU1XpRMjcM4ggK5p2tK0o2lR8L3U1PQ8RjBRINTFcRLlZfr6AgDkJtUL5EiboCsABQmCRSF4dhFMbEXCE0D4IOphUYgqByWnW8ZOQDgIB25bnqeoHAXvGkWtDWAyuMMRpsC/z5WAPZ6FcLWLOBixC1+N9qcX+pnp586OKYIHU1N2KJcBcEJFUyZSvCWUdXnh50c222IFAJKURxIgJZko9vmxtwGABbo9JMBtI3z3riP49cWLfwg6sVwAcpSITmGjGi5P4NP8vDpaXTUCjfNzCZCxnXiVMgsAc51OAcLjlMEyDkpcRamiegjXRFQqro0yVJuUqjymFEYqU0pfA88ghCNeyVR0Sxq61kRSTfimM6Uucl/WAqoNSx3T2ac2DCPk8y6FxlaUB69nDenKAGR4UYCTC+jSGvORGQOPrEFF222dXBjBgSrU30G5jlq9KOo1H/QiH7bAGgSGAmbE0wBU0xKY05ZSCs1apxiXIUsyljFpYJdi4nrnxSGUcrqqxoXijonV7TUoErABXUPSAI7aSaE8Y4O9u3VLVQ4O1NGTJ22K3l6/7pTRwuysmxEZYcQkdOW5lNzARE4oD7vt5jAcNh0DPVSv3k1Pq0alYua+pdNenggLI3LQ6RTDFQwWhAGbfm4tPH6s7Of71pbaD4X8jmJTGLAAnSvcXNEgKQyIewF9uHfPNFwtj76APt6/72dAXBiQhM4HHIB1XHEhGEDXY9kGKb95Y/R9SSbN/OeNDTN/Xii4KSesfigPQVfduVIxuQyLssIL1Kt2c8kbet3X5zZPGCNi91noWrbrALfm1HL0CkNS/2OERSmB3wvslsvGrfxWwUQNVFAYQm0/NVx26y+pCZ5RgRkElgK2/22mLstxBULUDkZj4r9aJ8I5RyGrgNVWhj0NEEADOBpueJlOY5f/oLgBPrV4fkF2wE9HVzuyjKKrmVp3atvjscsWnua6uoIl/QWSZAmzx7J13wAAAABJRU5ErkJggg==') no-repeat left top; width:32px; height:32px; position:absolute; top:2px; right:2px; display:block; text-decoration:none; } #butIndicazioni { padding:10px; /*border-radius:20px;*/ background-color: #026eb6; color: #FFF; } #butIndicazioni.acceso { background-color: #fff; color: #026eb6; border: 2px solid #026eb6; } /* #indicazioni { margin: 19px 20px 0px; }*/ #indicazioni label { font-weight: normal; padding-top:0; } #indicazioni label.da { background: url(custom/images/siupm/tratt-trasp.png) 5px 18px no-repeat; } #indicazioni label.a { background: url(custom/images/siupm/tratt-trasp.png) 5px 0px no-repeat; } #indicazioni label.a img { vertical-align: bottom; } #indicazioni h1 { color:#0781c2; font-weight:700; } #indicazioni a { text-decoration: none; } #indicazioni .row { margin: 0; } .center { text-align:center; } .left { text-align:left; } .right { text-align:right; } .inditit { background-color:#fefefe; background-image:none; margin-top: 372px; } .torna { color:#8e8e8e; font-size: 10px} .da-a-km-h-blu { background-color:#0781c2; color:#fefefe; padding: 5px 20px; } .da-a-km-h-blu .sxc { text-align:center; padding:10px; } #indicazioni .partenzarrivo, #indicazioni .partenzarrivo a { border: none; border-bottom: 1px solid #ccf; background-color: #0781c2; color: #fefefe; font-weight: bold; padding: 3px 5px; } #indicazioni .partenzarrivo input { border: none; color:#8e8e8e; background-color:#dedede; border: none; border-radius: 2px; font-weight: normal; padding: 3px 5px; } #indicazioni .select2-container { width: 90%; height: 41px; } #indicazioni .select2-container-active { } #indicazioni .select2-drop, #indicazioni .select2-dropdown-open, #indicazioni .select2-search, #indicazioni .select2-results, #indicazioni .select2-no-results { color:#666; background-color:#dedede; } #indicazioni .select2-dropdown-open .select2-chosen { color:#666; } #indicazioni .select2-default { color: #fefefe; } a#inclusetappe, a#inverti { color:#fefefe; background-color:#0781c2; margin-left:2rem; } /*a#inclusetappe { color:#fefefe; border: 5px solid #0781c2; background-color:#0781c2; border-radius: 15px; } a#inclusetappe:hover { color: #0781c2; background-color:#fefefe; border: 5px solid #fefefe; }*/ .kmh { background-color: #fefefe; color:#0781c2; padding:10px 40px; border-radius:25px; margin:auto; margin-top:40px; width:20rem; } .kmh span { padding: 3px 10px; font-weight:bold; } .go a span { background-color: #fefefe; color:#0781c2; padding: 10px; border-radius: 25px; margin: 10px 10px 10px 0px; font-weight:bold; } #indicazioni .da-a-km-h-blu .icon-cerca { color:#fefefe; background-color:#0781c2; } #indicazioni .icon-cerca { color:#8e8e8e; background-color:#dedede; } #indicazioni .active .icon-cerca { background-color:#0781c2; } #x { font-weight: 500; color:#fefefe; } #indicazioni col-12 { padding:0; } #indicazioni li a { display: block; height: 100%; width:100%; /* left: 0px; right: 0px; top: 0px; bottom: 0px; */ } #indicazioni .nav-pills { height: 45px; padding: 0; margin:0; } #indicazioni .nav-pills li { text-align:center; background-color:#dedede; color:#8e8e8e; padding:0; width: 50%; } #indicazioni .nav-pills li a.active { background-color: #0781c2; color:#fefefe; } #indicazioni a.amap { background:#dedede; padding: 10px 0 0 0; } #indicazioni a.amap.active { background:#0781c2; } #indicazioni a.aind { background:#dedede; padding: 10px 0 0 0; } #indicazioni a.aind.active { background:#0781c2; } #indicazioni .nav-pills li a span { padding-left: 40px; text-transform: uppercase; } #indicazioni a.amap span { background: url(custom/images/siupm/mappa-gray.png) 0 0 no-repeat; } #indicazioni a.amap.active span { background: url(custom/images/siupm/mappa-trasp.png) 0 0 no-repeat; } #indicazioni a.aind span { background: url(custom/images/siupm/ind-gray.png) 0 0 no-repeat; } #indicazioni a.aind.active span { background: url(custom/images/siupm/ind-trasp.png) 0 0 no-repeat; } #indicazioni .tappa p a span { margin-left: 5px; border-radius: 13px; background-color: #d775ae; padding: 0.2rem 0.3rem; font-weight: bold; color: #fefefe; } #indicazioni-stradali { margin: 10px 0 0; } .container #indicazioni-stradali { border: 2px solid #026eb6; display:none; } #indicazioni #indicazioni-stradali { background-color: #fefefe; padding: 5px 20px; } #indicazioni-stradali table#descrizionePercorso { border:none; margin:0; font-size: 90%; color:#333; background-color:#fefefe; } #indicazioni-stradali .partenza, #indicazioni-stradali .arrivo { font-weight:bold; background-color:#f1f1f1; /*border-bottom:10px solid #fefefe;*/ } #indicazioni-stradali .PercorsoDesc { font-weight: normal; font-size: 12px; background-color:#fefefe; border-bottom: 1px solid #f1f1f1; } #indicazioni #indicazioni-stradali .PercorsoDesc { padding-left: 20px; } #indicazioni-stradali .PercorsoKm, #indicazioni-stradali .PercorsoTemp { font-weight: bold; border-bottom: 1px solid #f1f1f1; } #indicazioni-stradali .partenzaIco, #indicazioni-stradali .arrivoIco { background: 1px 50% url(../images/mark.png) no-repeat; padding: 8px 35px; } #indicazioni-stradali .PercorsoIco { background: 5px 50% url(../images/dot-blue.jpg) no-repeat; } .container #indicazioni-stradali .PercorsoIco { font-size:0px; padding: 5px; } #indicazioni #indicazioni-stradali .PercorsoIco { } .hand { cursor:pointer; } .topright { position: absolute; float:right; top:10px; right:10px; } #calcoloPedaggi img.topright { width:27px; } /* .select2-container .select2-choice .select2-chosen { font-size: 80%; } select2-drop select2-display-none select2-with-searchbox select2-drop-active { font-size: 80%; } */ .select2-chosen, .select2-drop { font-size: 80% !important; } #indicazioni .select2-chosen, #indicazioni .select2-drop { font-size: 100% !important; } #contenuto #comandi_mappa { display:none; } @media (min-width: 992px) and (max-width: 1199px) { #bannerTelepassGenerico img, #bannerTelepassPremium img, #bannerTelepassPyng img, #bannerTelepassBusiness img, #bannerTelepassPromo img, #myway img, #siupm img { width: 218px; } #chiusure-disclaimer { right:15.6rem; } #viab2 #contenuto { width:932px; } } @media (min-width: 768px) and (max-width: 991px){ #bannerTelepassGenerico img, #bannerTelepassPremium img, #bannerTelepassPyng img, #bannerTelepassBusiness img, #bannerTelepassPromo img, #myway img, #siupm img { width: 660px; } li#lg_rallentamenti, li#lg_code, li#lg_bloccato, li#lg_trafficointenso, li#lg_lavori, li#lg_ads, li#lg_adp, li#lg_stz, li#lg_tlc, li#lg_incidente, li#lg_prevneve, li#lg_prevnebbia, li#lg_eventimeteo { width: 114px; } .gisform { display:block } #chiusure-disclaimer { right:1rem; top:5.4rem; } #bodycon .tuttenewscroll { margin-right:0; } #viab2 #contenuto { width:100%; } #menuAutostrade { width:94%; } #viab2 #areac { font-size:10px; top:67px; } #cornicefoto { top:37em; } } @media (min-width: 576px) and (max-width: 767px) { #bannerTelepassGenerico img, #bannerTelepassPremium img, #bannerTelepassPyng img, #bannerTelepassBusiness img, #bannerTelepassPromo img, #myway img, #siupm img { width: 480px; } li#lg_rallentamenti, li#lg_trafficointenso, li#lg_ads { width: 114px; } li#lg_code, li#lg_bloccato, li#lg_lavori, li#lg_adp, li#lg_stz, li#lg_tlc, li#lg_incidente, li#lg_prevneve, li#lg_prevnebbia, li#lg_eventimeteo { width: 90px; } #chiusure-disclaimer { right: 1rem; top: 8.4rem; } } @media (max-width: 767px) { .popup { padding:15px; position:absolute; top: 0; left: 0; margin:0; width: 770px; height: 685px; } .gisform { display:block } #bodycon .tuttenewscroll { margin-right:0; } #viab2 #contenuto { width:100%; } #viab2 #areac { font-size:10px; top: 130px; } #areac a { font-size: 0.5rem; } .menug { height: 15rem; list-style: none; } #viab2 #menuPrincipale #vociMenuP, #viab2 #menuPrincipale #vociMenuPR { height: 96px; } #viab2 #menuPrincipale ul { margin: 0; } #viab2 #menuPrincipale li { width: 44px; } #viab2 #box_descServiziMenu .descServiziMenu { line-height: 0.7rem; } #elencoADSperAuto td.prezziCarburanti { padding: 5px; } #elencoADSperAuto .corpoADS { width: unset; } #contenuto select, #contenuto .inputTxt { width: unset; } .menug li a { margin: 5px; padding: 5px 13px 9px; float: right; font-size: 12px; } .box-header-grigio { background: none!important; } .linkPDF { width: 100%; margin:0; } #cornicefoto { width:100%; left:0; top:16em; } #cornicefoto img { width: 100%; } } @media (max-width:575px){ leaflet-control-layers, leaflet-control-layers-expanded, leaflet-control { margin: 0; border: 0; font-size: 0.5rem; } #bannerTelepassGenerico img, #bannerTelepassPremium img, #bannerTelepassPyng img, #bannerTelepassBusiness img, #bannerTelepassPromo img, #myway img, #siupm img { width: 300px; } li#lg_reteaspi, li#lg_retenoaspi, li#lg_chiusura, li#lg_rallentamenti, li#lg_trafficointenso, li#lg_ads, li#lg_code, li#lg_bloccato, li#lg_lavori, li#lg_adp, li#lg_stz, li#lg_tlc, li#lg_incidente, li#lg_prevneve, li#lg_prevnebbia, li#lg_eventimeteo, li#lg_trattachiusa { float: none; } #chiusure-disclaimer { right: 0rem; top: 11.6rem; font-size: 85%; } .box-header-grigio h2 { font-size: 1.3rem; } #logomenu { padding: .8rem 0 0; } .legendaUL { display:none; } #contenuto_popup .legendaULmeteo, #contenuto_popup .legendaUL { display:block; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { #bodycol div a, #bodycon button span, #contenuto_popup .legendaUL LI, #contenuto_popup .legendaULmeteo LI { font-size:80%; } } #header_print { display:none } @media print { body { background-color:#FFF; } #principale { border:none; } #header_print { display:block; } #areastampa { display:block !important } /* cose da nascondere */ #header, #menuAutostrade, #navigazione3liv, #menuPrincipale, #viab2 #menuPrincipale, #box_RicercaPercorso, #CallCenter, #bannerPrivatizzazione, #bannerTelepass1, #bannerTelepass2, #bannerTelepass3, #bannerTelepass4, #bannerTelepass1stg, #bannerTelepass2stg, #bannerTelepass3stg, #bannerTelepass4stg, #bannerADS, #bannerMancato, #stampaPg, #footer, td.oggi { display:none } }