body {background-color: #fff; color: #000; font: normal 62.5% Arial, sans-serif;}
p, ul, form {font-size: 1.2em;}
li, form p {font-size: 1em;}
a:hover {text-decoration: none;}
/*BLOCCHI CONTENUTI*/
.cont_header {border-top: 5px solid #fff; background: #fff url(../img/grafica/bg_header.gif) left top repeat-x; color: #000; margin-bottom: 20px;}
.cont_menu .pad,
.cont_contenuto .pad,
.cont_footer .pad {padding: 0 20px;}
.cont_contenuto {margin-bottom: 15px;}
/*MAPPA*/
#cont_mappa {height: 380px; margin-bottom: 30px; text-align: left; z-index: 1;}
#map_canvas {height: 380px; width: 100%;}
.markerDetail {background-color: #fff; color: #000; border: 1px solid #000;}
.markerDetail table td {padding: 4px; vertical-align: top;}
div.balloon {width: 280px;}
div.balloon img {float: left;filter:alpha(opacity=40); opacity:0.4;}
div.balloon div {margin-left: 50px;}
div.balloon h2 {font-size: 1.3em; text-transform: capitalize; color: #015506; margin-bottom: 3px;}
div.balloon p {margin-bottom: 3px;}
div.balloon span {font-weight: bold;}
div.balloon a {cursor: pointer; text-decoration: underline; color: #666;}
div.balloon a:hover {text-decoration: none;}
.hilightLinea {height: 150px; overflow: hidden; overflow-y: auto;}
.hilightLinea ul {list-style: circle; padding-left: 20px;}
.hilightLinea ul li {font-size: .8em; list-style: circle; margin-bottom: 3px;}
.hilightLinea a {display: block;}
.hilightLinea a:hover {color: #c00;}
.more_info {border-top: 1px solid #ccc; margin-top: 4px; padding-top: 4px;}

#loading {z-index: 100; text-align: center; padding-top: 140px; height: 240px; width: 100%; background-image: url(../img/grafica/opaco.png);}
#loading div {position: relative; padding: 20px; margin-top: 180px; border: 2px solid #000; background-color: #fff; color: #000; font-weight: bold; margin: 0 auto; width: 200px;}
#loading div img {vertical-align: middle; padding: 0 10px;}

/*HEADER*/
.logo {width: 221px; height: 68px; background-image: url(../img/loghi/logo_luce_verde.png); margin: 10px 5px 0 5px;}
.logo h1 {display: none;}
.partecipazione {padding: 18px 30px 0 0;}
.partecipazione li {margin-left: 40px;}
.partecipazione a {display: block; height: 64px;}
.polizia_locale_milano a {width: 64px; background-image: url(../img/loghi/polizia_locale_milano.png);}
.comune_di_milano a {width: 96px; background-image: url(../img/loghi/comune_di_milano.png);}
.aci a {width: 125px; background-image: url(../img/loghi/logo_aci.png);}
/*MENU*/
.cont_menu {
background: #fff url(../img/grafica/bg_menu.png) center bottom no-repeat; color: #000;
/*fix per menu a tendina*/
clear: both; float: left; width: 100%;
}
.menu_geocoding, .menu_ricerca {float: left; background: transparent url(../img/grafica/bg_menu_geocoding.png) right bottom no-repeat; position: relative; z-index: 10;}

.menu li {float: left; background: transparent url(../img/grafica/dotted.gif) left 14px no-repeat;}
.menu li.first {background-image: none;}
.menu li a {display: block; line-height: 36px; padding-top: 5px; color: #fff; text-decoration: none; font-weight: bold;}
.menu li span {display: inline-block;}
.menu .absolute {top: 41px; z-index: 50;}

.menu_geocoding {width: 300px;}
.menu_geocoding li {padding-left: 4px;}
.menu_geocoding li.first {padding-left: 0; padding-right: 4px;}
.menu_geocoding li a {text-align: center; width: 84px; text-transform: uppercase;}
.menu_geocoding li a.on {background: #fff url(../img/grafica/menu_on.gif) left bottom no-repeat; color: #015506;}

.menu_geocoding .absolute {left: 0; border: 1px solid #015506; border-top: none; background: #ececeb url(../img/grafica/sfuma_basso.gif) left top repeat-x; color: #000; width: 290px;}
.menu_geocoding .pad {height: 344px; overflow-y: auto; overflow-x: hidden; padding: 0; border: 2px solid #fff;}
.close_pad {background: #cdcdcd url(../img/grafica/close_tab.gif) left top repeat-x; color: #000;}
.close_pad p {line-height: 27px; font-size: 1em; text-align: right; padding-right: 10px; font-weight: bold;}
.close_pad p span {display: inline-block; background: transparent url(../img/grafica/bg_chiudi.gif) left top no-repeat; padding-left: 22px; cursor: pointer;}

.menu_geocoding form {margin-top: 5px; padding: 0 10px;}
.menu_geocoding form fieldset legend {display: none;}
.menu_geocoding form fieldset label {display: block; padding: 6px 5px 6px 22px; font-weight: bold; background-position: left center; background-repeat: no-repeat;}
.menu_geocoding form fieldset.cerca label {background-image: url(../img/icone/cerca.gif);}
.menu_geocoding form fieldset.partenza label {background-image: url(../img/icone/partenza.gif);}
.menu_geocoding form fieldset.arrivo label {background-image: url(../img/icone/arrivo.gif);}
.menu_geocoding form fieldset input {width: 260px; margin-bottom: 5px;}
.menu_geocoding form .submit {text-align: right; padding-right: 4px;}

.menu_ricerca {background-image: url(../img/grafica/bg_menu_ricerca.png); background-repeat: repeat-x; margin-top: 5px; height: 36px; width: 400px;}
.menu_ricerca ul {display: none;}
.menu_ricerca li {width: 124px; text-align: center; position: relative;}
.menu_ricerca li span {padding-left: 23px;}
.menu_ricerca li form {left: 0; background-color: #fff; color: #000; text-align: left; width: 127px; border-bottom: 1px solid #03427b; font-size: .9em;}
.menu_ricerca li form {display: none; border-left: 1px solid #ededed;}
.menu_ricerca li.first form {border-left: 1px solid #03427b; width: 127px;}
.menu_ricerca li.last form {border-right: 1px solid #03427b; width: 126px;}
.menu_ricerca li form fieldset {border: 1px solid #fff; height: 110px; padding: 5px 3px 5px 1px;}
.menu_ricerca li form fieldset div {overflow: auto; width: 100%; margin-bottom: 4px;}
.menu_ricerca li form fieldset div input {float: left; overflow: hidden; display: inline;}
.menu_ricerca li form fieldset div label {display: block; padding-top: 2px; margin-left: 20px;}
.bus span {background: transparent url(../img/menu/bus.png) left top no-repeat;}
.ferrovie span {background: transparent url(../img/menu/treno.png) left top no-repeat;}
.aeroporti span {background: transparent url(../img/menu/aereo.png) left top no-repeat;}
.porti span {background: transparent url(../img/menu/porti.png) left top no-repeat;}
.altro span {background: transparent url(../img/menu/altro.png) left top no-repeat;}
.menu_ricerca li.hover a {color: #91d2ed;}
.menu_ricerca li.hover form fieldset {background-color: #e9f9ff;}
.menu_ricerca li.hover span {background-position: left -36px;}

/*CONTENUTO*/
.boxSx {width: 292px;}
.boxDx {width: 620px;}

.boxSx .htabs {background: transparent url(../img/grafica/bg_htabs_sx.gif) left bottom no-repeat; position: relative;}
.boxSx .htabs li {float: left; background: transparent url(../img/grafica/dotted.gif) left 14px no-repeat; padding-left: 4px;}
.boxSx .htabs li.first {background-image: none; padding-left: 0; padding-right: 4px;}
.boxSx .htabs li a {display: block; line-height: 36px; padding-top: 5px; color: #fff; text-decoration: none; font-weight: bold; text-align: center; width: 100px; text-transform: uppercase;}
.boxSx .htabs li a.on {background: #fff url(../img/grafica/menu_v_on.gif) left bottom no-repeat; color: #015506;}
.boxSx .tab {background-color: #fff; color: #000; border: 1px solid #015506; border-top: none;}
.boxSx .pad {border: 2px solid #fff; padding: 10px; background: #ececeb url(../img/grafica/sfuma_basso.gif) left top repeat-x; color: #000; height: 150px;}

.boxDx .htabs {background: transparent url(../img/grafica/bg_htabs_dx.gif) left bottom no-repeat; position: relative;}
.boxDx .htabs li {float: left; background: transparent url(../img/grafica/dotted_g.gif) left 14px no-repeat; padding: 0 4px;}
.boxDx .htabs li.first {background-image: none; padding-left: 0; padding-right: 4px;}
.boxDx .htabs li a {display: block; line-height: 36px; padding-top: 5px; color: #055398; text-decoration: none; font-weight: bold; text-align: center; width: 130px; text-transform: uppercase;}
.boxDx .htabs li a.on {background: #fff url(../img/grafica/menu_g_on.gif) left bottom no-repeat; color: #000;}
.boxDx .tab {background-color: #fff; color: #000; border: 1px solid #c0c0c0; border-top: none;}
.boxDx .pad {border: 2px solid #fff; padding: 10px; background: #ececeb url(../img/grafica/sfuma_basso.gif) left top repeat-x; color: #000; min-height: 150px;}

.tab h2 {font-size: 1.6em; margin-bottom: 10px; background-color: #fff; color: #015506;}
.tab h2 span {font-style: italic;}
.tab p {margin-bottom: 8px;}
.tab a {color: #015506; font-weight: bold;}
/*
.tab ul {padding-left: 20px;}
.tab li {list-style: disc; margin-top: 4px;}
*/
#fonti li {margin: 0 4px 4px 0;}
#fonti li a {display: block; background-color: #fff; color: #015506; border: 1px solid #015506; padding: 3px 5px; text-decoration: none;}
#fonti li a:hover {background-color: #015506; color: #fff; padding: 4px 6px; border: none;}

#bollettino ul {margin-top: 20px;}
#bollettino li {margin-right: 30px;}
#bollettino li.first {margin-right: 0; margin-left: 30px;}
.bol_video a, .bol_audio a {display: block; width: 80px; height: 80px;}
.bol_video a {background-image: url(../img/icone/bol_video.gif);}
.bol_audio a {background-image: url(../img/icone/bol_audio.gif);}

.disambigua p {margin: 0 2px 4px 2px; background-color: #999; color: #fff; padding: 2px; cursor: pointer; text-decoration: underline; font-weight: bold;}
.disambigua p:hover {background-color: #c4c4c4; color: #000;}

#avvisi ul {padding-top: 20px;}
#avvisi li a {display: block; background: transparent url(../img/grafica/lista_verde.png) left 3px no-repeat; color: #015506; font-weight: bold; padding-left: 15px; margin-bottom: 14px; text-transform: capitalize;}

.visualizza_estesa,.chiudi_estesa {text-align: right; padding: 2px 4px;}
.visualizza_estesa a,.chiudi_estesa a {text-decoration: underline; background-color: #fff; color: #036; cursor: pointer;}
.visualizza_estesa a:hover,.chiudi_estesa a:hover {text-decoration: none;}


#comefareper ul {margin-top: 20px;}
#comefareper li a {display: block; background: transparent url(../img/grafica/lista_blu.png) left 3px no-repeat; color: #000; font-weight: bold; padding-left: 15px; margin-bottom: 10px; text-transform: capitalize;}

/*FOOTER*/
.footer {border-top: 3px solid #dadada; padding: 10px;}
.footer a {color: #000; font-weight: bold; padding-left: 15px; margin-bottom: 10px;}

/**/
div.evento {cursor: pointer; padding: 5px; overflow: auto;}
div.evento_on {background-color: #e9f9ff;}
div.evento img {float: left;}
div.evento div {margin-left: 50px;}
div.evento h2 {font-size: 1.2em; text-transform: capitalize; color: #015506; margin-bottom: 3px;}
div.evento p {margin-bottom: 3px;}
div.evento p.info_evento_non_geo {padding: 2px 4px; background-color: #f00; color: #fff; font-weight: bold;}
div.evento span {font-weight: bold;}

#viabilita_lazio {padding: 10px; background: #fff; color: #000;}
#viabilita_lazio .freetext_titolo {margin-bottom: 5px; padding: 5px; text-transform: uppercase; font-weight: bold; background-color: #015506; color: #fff;}
#viabilita_lazio .freetext_desc {padding: 0 10px; margin-bottom: 5px;}

#chi_siamo {padding: 10px; background: #fff; color: #000;}
#chi_siamo h2 {font-size: 1.6em; margin-bottom: 10px; background-color: #fff; color: #015506;}
#chi_siamo h3 {font-size: 1.4em; margin-bottom: 5px; background-color: #fff; color: #f00;}
#chi_siamo p {margin-bottom: 5px;}

#roadmap {padding: 10px; background: #fff; color: #000;}
#roadmap h2 {font-size: 1.6em; margin-bottom: 10px; background-color: #fff; color: #015506;}
#roadmap h3 {font-size: 1.4em; margin-bottom: 5px; background-color: #fff; color: #f00;}
#roadmap p {margin-bottom: 5px;}
#roadmap ul {margin-bottom: 5px; padding-left: 20px;}
#roadmap ul li {list-style: circle; margin-top: 3px;}

#removeRoute p {text-align: right; margin-bottom: 5px;}
#removeRoute p a {cursor: pointer; text-decoration: underline;}

.form_osservazione div {margin-bottom: 5px;}
.form_osservazione label {width: 90px; margin-top: 2px; font-weight: bold;}
.form_osservazione div.submit {text-align: center; padding-top: 5px; margin-bottom: 0; margin-top: 5px; border-top: 1px solid #c0c0c0;}
.form_osservazione input, .form_osservazione textarea {padding: 3px; width: 300px;}
.form_osservazione textarea {height: 130px;}
.form_osservazione div.submit input {width: auto;}

#contatti .send_warning {display: none; padding: 5px 10px; background-color: #0f0; color: #000; font-weight: bold; margin: 4px 0 10px 0; text-align: center;}
#contatti .send_error {background-color: #c00; color: #fff;}