/* ********************************************** Impostazioni generali */

body {font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif; font-size: 0.8em; background-color: #FFFFFF; color: #333333; margin: 0; padding: 0}

p {margin: 0; padding: 0; margin-top: 12px}

img {border: 0}

a {color: #333333; text-decoration: none}
a:hover {text-decoration: underline}

ul li a:hover {text-decoration: none}

.hidden {font-size: 0.1em; height: 0; width: 2px; left: -1000em; overflow: hidden; position: absolute; visibility: hidden}

hr {display: none}

h1, h2, h3, h4, h5, h6, form {margin: 0}
ul {margin: 0; padding: 0; list-style: none}

input, select {font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif; font-size: 1em}


/* ********************************************** Override */

#modalOverlay {z-index: 2090 !important}
#modalbox {z-index: 2100 !important}

div.auto_complete {z-index: 1600}
div.auto_complete ul li {background-color: #FFFFFF}


/* ********************************************** Impostazioni struttura principale */

#container {position: relative; min-width: 960px}
#holder {border-top: 2px solid #990033}
* html #container {border-left: 960px solid #FFFFFF; float: left}
* html #holder {position: relative; display: inline-block; margin-left: -960px}

#container input.text,
#container select {border: 1px solid #999999}


/* ********************************************** Top e bottom */

div.menu {font-size: 0.85em}
div.menu ul li {float: left}
div.menu ul li,
div.menu ul li a {display: block; height: 15px; background-repeat: no-repeat; text-align: center; color: #FFFFFF; font-weight: bold}
div.menu ul li,
div.menu ul li a:hover {background-position: 0 -30px}

#menuservizio {float: left; padding-left: 30px}
#menuservizio ul li {margin-right: 6px}
#menuservizio ul li#progetto,
#menuservizio ul li#progetto a {width: 69px; background-image: url(/images/menu/progetto.png)}
#menuservizio ul li#guida,
#menuservizio ul li#guida a {width: 132px; background-image: url(/images/menu/guida.png)}
#menuservizio ul li#mappa,
#menuservizio ul li#mappa a {width: 48px; background-image: url(/images/menu/mappa.png)}
#menuservizio ul li#contatti,
#menuservizio ul li#contatti a {width: 55px; background-image: url(/images/menu/contatti.png)}
#menuservizio ul li#faq,
#menuservizio ul li#faq a {width: 33px; background-image: url(/images/menu/faq.png)}
#menuservizio ul li#mobile,
#menuservizio ul li#mobile a {width: 48px; background-image: url(/images/menu/mobile.png)}
#menuservizio ul li#romae,
#menuservizio ul li#romae a {width: 48px; background-image: url(/images/menu/romae.png);  display: none;}

#menulingue {float: right; padding-right: 30px}
#menulingue ul li,
#menulingue ul li a {width: 58px; background-image: url(/images/menu/lingua.png)}

#menubookmarks {position: absolute; left: 60%}
#menubookmarks ul li a {padding-left: 11px; width: 110px; height: 16px; background-image: url(/images/menu/bookmarks.png); color: #990033}
#menubookmarks ul li a:hover {background-position: 0 0}

#logo_comune,
#logo_zetema {position: absolute; right: 30px}
#logo_comune {top: 30px}
#logo_zetema {top: 75px}
#container.homepage #logo_zetema {top: 85px}

#logo_060608 {clear: both; padding: 30px 0px 14px 5px}
#container.homepage #logo_060608 {padding: 10px 0 30px 0; text-align: center}

#menuprincipale {width: 100%; float: right; background: url(/images/bg_menu.png) repeat-x bottom; position: relative; z-index: 2000}
#menuprincipale ul {padding-right: 28px; float: right}
#menuprincipale ul li {float: left; position: relative; margin-right: 1px}
#menuprincipale ul li a {display: block; text-indent: -9999px; overflow: hidden; width: 173px; height: 35px; background-repeat: no-repeat}
#menuprincipale ul li a:hover,
#menuprincipale ul li.selected a {background-position: 0 -63px}
#menuprincipale.it ul li#accoglienza a {background-image: url(/images/bg_accoglienza/menu_it.png)}
#menuprincipale.it ul li#cultura-e-svago a {background-image: url(/images/bg_cultura_e_svago/menu_it.png)}
#menuprincipale.it ul li#eventi-e-spettacoli a {background-image: url(/images/bg_eventi_e_spettacoli/menu_it.png)}
#menuprincipale.it ul li#trasporti a {background-image: url(/images/bg_trasporti/menu_it.png)}
#menuprincipale.en ul li#accoglienza a {background-image: url(/images/bg_accoglienza/menu_en.png)}
#menuprincipale.en ul li#cultura-e-svago a {background-image: url(/images/bg_cultura_e_svago/menu_en.png)}
#menuprincipale.en ul li#eventi-e-spettacoli a {background-image: url(/images/bg_eventi_e_spettacoli/menu_en.png)}
#menuprincipale.en ul li#trasporti a {background-image: url(/images/bg_trasporti/menu_en.png)}

#menuprincipale ul li ul {text-transform: lowercase; width: 171px !important; padding-right: 7px; position: absolute; display: none}
#menuprincipale ul li ul li {margin-right: 0 !important; padding-top: 2px}
#menuprincipale ul li ul li.first {padding-top: 0}
#menuprincipale ul li ul li {background: #FFFFFF}
#menuprincipale ul li ul li a {width: 149px !important; height: auto !important; background: #FFFFFF !important; border: 1px solid #E4E4E4; padding: 0 10px; line-height: 18px; text-indent: 0}
#menuprincipale ul li ul li a:hover {border: 0; padding: 1px 11px; color: #FFFFFF}
#menuprincipale ul li#accoglienza ul li a:hover {background-image: url(/images/bg_accoglienza/sub-menu.png) !important}
#menuprincipale ul li#cultura-e-svago ul li a:hover {background-image: url(/images/bg_cultura_e_svago/sub-menu.png) !important}
#menuprincipale ul li#eventi-e-spettacoli ul li a:hover {background-image: url(/images/bg_eventi_e_spettacoli/sub-menu.png) !important}
#menuprincipale ul li#trasporti ul li a:hover {background-image: url(/images/bg_trasporti/sub-menu.png) !important}
#menuprincipale ul li ul li a span.arrow {float: right}
#menuprincipale ul li ul.level1 {left: 1px; top: 35px; padding-top: 8px; background: url(/images/bg_search.png) repeat-x top !important}
#menuprincipale ul li ul li ul {left: 170px; top: 2px; padding-left: 7px !important}
#menuprincipale ul li ul li.first ul {top: 0}
#menuprincipale ul li#trasporti ul {padding-left: 7px; padding-right: 0}
#menuprincipale ul li#trasporti ul.level1 {left: auto; right: 1px}
#menuprincipale ul li#trasporti ul li ul {left: auto; right: 170px; padding-left: 0 !important; padding-right: 7px !important}
#menuprincipale ul li:hover ul.level1,
#menuprincipale ul li.hover ul.level1 {display: block}
#menuprincipale ul li ul li:hover ul.level2,
#menuprincipale ul li ul li.hover ul.level2 {display: block}
#menuprincipale ul li ul li ul li:hover ul.level3,
#menuprincipale ul li ul li ul li.hover ul.level3 {display: block}
#menuprincipale ul li ul li ul li ul li:hover ul.level4,
#menuprincipale ul li ul li ul li ul li.hover ul.level4 {display: block}

#container.homepage #menuprincipale {margin-bottom: 75px; background: none; z-index: 1}
#container.homepage #menuprincipale ul {width: 740px; float: none; padding-right: 0; padding-left: 0; margin: 0 auto}
#container.homepage #menuprincipale ul li {margin-right: 10px}
#container.homepage #menuprincipale ul li a {width: 175px; height: 72px}
#container.homepage #menuprincipale ul li a:hover {background-position: 0 -99px}
#container.homepage #menuprincipale.it ul li#accoglienza a {background-image: url(/images/bg_accoglienza/menu_hp_it.png)}
#container.homepage #menuprincipale.it ul li#cultura-e-svago a {background-image: url(/images/bg_cultura_e_svago/menu_hp_it.png)}
#container.homepage #menuprincipale.it ul li#eventi-e-spettacoli a {background-image: url(/images/bg_eventi_e_spettacoli/menu_hp_it.png)}
#container.homepage #menuprincipale.it ul li#trasporti a {background-image: url(/images/bg_trasporti/menu_hp_it.png)}
#container.homepage #menuprincipale.en ul li#accoglienza a {background-image: url(/images/bg_accoglienza/menu_hp_en.png)}
#container.homepage #menuprincipale.en ul li#cultura-e-svago a {background-image: url(/images/bg_cultura_e_svago/menu_hp_en.png)}
#container.homepage #menuprincipale.en ul li#eventi-e-spettacoli a {background-image: url(/images/bg_eventi_e_spettacoli/menu_hp_en.png)}
#container.homepage #menuprincipale.en ul li#trasporti a {background-image: url(/images/bg_trasporti/menu_hp_en.png)}
#container.homepage #menuprincipale ul li ul.level1 {top: 72px; background: #FFFFFF !important}

#search-tool {width: 100%; min-height: 82px; display: inline-block; margin-bottom: 17px; border-bottom: 2px solid #990033; background: url(/images/bg_search.png) repeat-x top; font-size: 0.85em}
* html #search-tool {height: 82px}

#switch-search {float: right; position: relative; padding-right: 30px; margin-bottom: -17px; font-size: 1em}
#switch-search ul li a {width: 102px; height: 15px; margin-top: 2px; background-image: url(/images/switch-search.png)}
#switch-search ul li a:hover {text-decoration: none; background-position: 0 -30px}

span.help-balloon {display: block; text-indent: -9999px; cursor: pointer; overflow: hidden; width: 15px; height: 15px; background: url(/images/help.png) no-repeat}
span.help-balloon:hover {background-position: 0 -25px}

#search form {padding: 30px}
#search form div {display: inline}
#search form label {padding: 0 6px}
#search form input.text {width: 130px}
#search form #section {max-width: 120px}
* html #search form #section {width: 120px}
*:first-child+html #search form #section {width: 120px}
#search form #district {max-width: 160px}
* html #search form #district {width: 160px}
*:first-child+html #search form #district {width: 160px}
#search form #archived {margin: 1px 0 3px 0; vertical-align: middle}
#search form #src-submit {border: 0; margin-left: 10px; text-indent: -9999px; cursor: pointer; width: 30px; height: 19px; vertical-align: middle; background: url(/images/submit.png) no-repeat}
#search form #src-submit:hover {background-position: 0 -31px}
#search form span.help-balloon {display: inline-block; vertical-align: middle; margin: 0 3px 3px -3px}
#container.homepage #search {padding-bottom: 40px; background: url(/images/bg_search_hp.png) no-repeat bottom}
#container.homepage #search form {text-align: center}
#container.homepage #search form div.auto_complete {text-align: left}
#container.homepage #search form label {font-weight: bold; font-size: 1.1em}
#container.homepage #search form input.text,
#container.homepage #search form select {font-size: 1em}
#container.homepage #search form #src-submit {width: 38px; height: 25px; vertical-align: middle; background-image: url(/images/submit_hp.png)}
#container.homepage #search form #src-submit:hover {background-position: 0 -35px}

#filter form {padding: 30px 30px 12px 30px}
#filter form label {display: block; float: left; font-weight: bold; margin-bottom: 0.4em; margin-right: 20px}
#filter form span.help-balloon {float: right}
#filter form input.text,
#filter form select {width: 100%}
#filter div.filter-column {clear: right; float: left; width: 25%}
#filter div.search-block {background: url(/images/bg_dot_h.png) repeat-x bottom; padding-bottom: 12px; margin: 12px 12px 0 12px}
#filter #filter-zone label {margin-top: 12px}
#filter div.search-block div.range label,
#filter div.search-block div.data label,
#filter div.search-block div.partegiorno label {display: inline; margin: 0; font-weight: normal; float: none}
#filter div.search-block div.counter {margin: 1px; font-size: 0.8em}
#filter div.search-block div.range {margin-top: 0.4em}
#filter div.search-block div.range input.text {width: 25%}
#filter div.search-block div.data {clear: both; margin-bottom: 0.4em}
#filter div.search-block div.data label {display: inline-block; width: 24px}
#filter div.search-block div.data select {width: auto}
#filter div.search-block div.data input.text {width: 70px; text-align: center}
#filter div.search-block div.data button {border: 0; margin-left: 10px; text-indent: -9999px; cursor: pointer; width: 12px; height: 11px; background-repeat: no-repeat}
#filter div.search-block div.data button:hover {background-position: 0 -15px}
#filter div.search-block div.partegiorno {margin-top: 0.8em}
#filter div.search-block div.keywords-list {margin-top: 1em}
#filter div.search-block div.keywords-popup-opener {margin-top: 0.4em}
#filter div.search-block-buttons {background: url(/images/bg_dot_h.png) repeat-x top; clear: both; text-align: right; padding-top: 12px}
#filter div.search-block-buttons button {border: 0; margin-left: 10px; text-indent: -9999px; cursor: pointer; width: 73px; height: 17px; background-repeat: no-repeat}
#filter div.search-block-buttons button:hover {background-position: 0 -30px}
#filter div.search-block-buttons button.src-submit-send-it {background-image: url(/images/it_search.png)}
#filter div.search-block-buttons button.src-submit-send-en {background-image: url(/images/en_search.png)}
#filter div.search-block-buttons button.src-submit-reset-it,
#filter div.search-block-buttons button.src-submit-reset-en {background-image: url(/images/reset.png)}

#toppath {padding: 0 30px; font-size: 0.85em}

#footer {clear: both; overflow: hidden; word-wrap: break-word; width: 960px; margin: 0 auto; padding: 15px 0 30px 0; font-size: 0.85em}
#footer div.footer-box {float: left; width: 218px; margin: 0 11px; padding-bottom: 45px; position: relative}

#footer div.footer-box h3 {height: 20px; line-height: 20px; margin-bottom: 10px; font-size: 1.2em; color: #990033 !important; text-transform: uppercase; background-position: center left; background-repeat: no-repeat}
#footer #footer-box-twitter h3 {padding-left: 24px; background-image: url(/images/ico_twitter.png)}
#footer #footer-box-facebook h3 {padding-left: 14px; background-image: url(/images/ico_facebook.png)}
#footer #footer-box-rss h3 {padding-left: 18px; background-image: url(/images/ico_rss.png)}
#footer #footer-box-info h3 {padding-left: 17px; background-image: url(/images/ico_info.png)}

#footer div.footer-box .date {color: #666666}

#footer div.footer-box div.footer-link {width: 100%; position: absolute; right: 0; bottom: 0; text-transform: uppercase; color: #666666; text-align: right}
#footer div.footer-box div.footer-link div.social-button {height: 30px; text-align: left}
*:first-child+html #footer div.footer-box div.footer-link div.social-button {position: relative; overflow: hidden}
#footer div.footer-box div.footer-link a {color: #666666}

#footer #footer-box-twitter ul li a:hover,
#footer #footer-box-facebook ul li a:hover {text-decoration: underline}

#footer #footer-box-facebook ul li {padding: 10px; border-bottom: 1px solid #E4E4E4}
#footer #footer-box-facebook ul li:hover {background-color: #F3F3F3}

#footer #footer-box-twitter ul {margin-bottom: -10px}
#footer #footer-box-twitter ul li {width: 198px; height: 68px; margin-bottom: 10px; padding: 10px 10px 22px 10px; background: url(/images/balloon_sx.png) no-repeat 0 -110px}
#footer #footer-box-twitter ul li.odd {background-image: url(/images/balloon_dx.png)}
#footer #footer-box-twitter ul li:hover {background-position: 0 0}

#footer #footer-box-rss ul li a {display: block; padding: 6px 10px 4px 10px; border-bottom: 1px solid #E4E4E4}
#footer #footer-box-rss ul li a:hover {background-color: #F3F3F3}

#footer #footer-box-info p a {color: #990033}
#footer #footer-box-info p.info-atac {/* margin: 36px 0 20px 0 */}
#footer #footer-box-info p.info-atac img {display: block}

#menufooter {font-weight: bold; color: #666666}
#menufooter a {color: #666666}


/* ********************************************** Middle */

#middle {float: left; width: 100%; background: url(/images/bg_middle.png) repeat-x bottom; padding-bottom: 60px}

#middle #header {position: relative; padding: 1em 364px 3em 30px}
* html #middle #header {zoom: 1}
#middle #header div.addthis_toolbox {position: absolute; right: 30px; bottom: 20px}

#middle div.layout_message,
#middle div.layout_warning {margin-bottom: 10px; padding: 10px; border-top: 1px solid #9EA0A2; border-bottom: 1px solid #CCCCCC; background: url(/images/bg_search.png) repeat-x top; font-weight: bold; text-align: center; text-transform: uppercase}
#middle div.layout_warning {color: #FF0000}
#middle div.layout_message span.email-address {text-transform: none}

#middle h2 {font-size: 1.4em; font-weight: normal; color: #990033}
#middle h2.scheda {margin-right: 120px}
#middle h3,
#middle h4 {font-size: 1em}
/*
#middle h3 a {color: #FF0000}
*/

div.form_error,
span.error {color: #FF0000}

div.block {word-wrap: break-word}

#middle #printable {font-size: 0.85em; float: left; margin-top: 0.2em}

#middle #sidebar {float: right; padding-right: 30px; width: 320px; font-size: 0.85em}
#middle #content {padding: 0 364px 0 30px}

#middle div.box {background: url(/images/bg_sidebar_box.png) no-repeat; border-top: 1px solid #E4E4E4; border-left: 1px solid #E4E4E4; margin-bottom: 20px; padding: 10px 20px; clear: both}
* html #middle div.box {display: inline-block}
#middle div.box h3 {margin-bottom: 0.3em; text-transform: uppercase; color: #333333 !important}
#middle div.box div.box-item {padding: 8px 0; border-bottom: 1px solid #E4E4E4}
#middle div.box div.box-item h4 {font-size: 1.1em}

#middle #map-box {padding-right: 0}
#middle #map-box.expanded {font-size: 0.85em; margin-left: 30px; margin-right: 30px; padding-right: 20px}
#middle #map-box div.box-header {width: 100%; overflow: hidden; margin-bottom: 16px}
#middle #map-box div.box-header h3 {float: left; margin-right: 0.5em}
#middle #map-box div.box-header #map-togglesize {float: left}
#middle #map-box div.box-header #map-togglearoundthis {float: right}
#middle #map-box div.box-header #map-togglearoundthis.loading {background: url(/images/indicator.gif) no-repeat center left; padding-left: 20px}
#middle #map-box #map-tools {position: absolute; margin: 4px; z-index: 1500}
#middle #map-box #map-container {width: 100% !important; height: 30px; overflow: hidden; border: 1px solid #999999; margin-left: -2px}
#middle #map-box #map-container #map-container_WWW {display: none}
#middle #map-box #map-container div.map-point {width: 30px; height: 40px; background-repeat: no-repeat; text-align: center; line-height: 25px; color: #FFFFFF; font-size: 12px; font-weight: bold}
#middle #map-box #map-container div.map-point-accoglienza {background-image: url(/images/bg_accoglienza/map-point.png)}
#middle #map-box #map-container div.map-point-cultura-e-svago {background-image: url(/images/bg_cultura_e_svago/map-point.png)}
#middle #map-box #map-container div.map-point-eventi-e-spettacoli {background-image: url(/images/bg_eventi_e_spettacoli/map-point.png)}
#middle #map-box #map-container div.map-point-trasporti {background-image: url(/images/bg_trasporti/map-point.png)}
#middle #map-box #map-container div.map-point-aroundthis:hover {background-position: 0 -52px}
#middle #map-box #map-container div.map-popup {width: 270px; height: 130px; background-repeat: no-repeat; z-index: 1200}
#middle #map-box #map-container div.accoglienza div.map-popup {background-image: url(/images/bg_accoglienza/popup.png)}
#middle #map-box #map-container div.cultura-e-svago div.map-popup {background-image: url(/images/bg_cultura_e_svago/popup.png)}
#middle #map-box #map-container div.eventi-e-spettacoli div.map-popup {background-image: url(/images/bg_eventi_e_spettacoli/popup.png)}
#middle #map-box #map-container div.trasporti div.map-popup {background-image: url(/images/bg_trasporti/popup.png)}
#middle #map-box #map-container div.map-popup #map-popup-close {position: absolute; right: 26px; top: 9px; width: 10px; height: 10px; background: url(/images/bg_popup_close.png) no-repeat; text-indent: -9999px; overflow: hidden}
#middle #map-box #map-container div.map-popup #map-popup-close:hover {background-position: 0 -20px}
#middle #map-box #map-container div.map-popup div.map-popup-nth {position: absolute; left: 11px; top: 6px; font-weight: bold; font-size: 1.1em}
#middle #map-box #map-container div.map-popup div.map-popup-ico {position: absolute; left: 11px; top: 7px}
#middle #map-box #map-container div.map-popup div.bookmarked,
#middle #map-box #map-container div.map-popup div.bookmark-tools {left: 30px; top: 9px}
#middle #map-box #map-container div.map-popup div.bookmark-tools .bookmark-add {display: block; padding: 0; width: 11px; text-indent: -9999px; overflow: hidden}
#middle #map-box #map-container div.map-popup div.map-popup-content {padding: 22px 26px 20px 11px}

#middle #bookmarks-box {float: right}
#middle #bookmarks-box h3 {font-size: 1.3em; padding-left: 22px; background: url(/images/bg_bookmarks_boxtitle.png) no-repeat}
#middle #bookmarks-box p {font-size: 1.1em}
#middle #bookmarks-box div.box-item {width: 240px; overflow: hidden}
#middle #bookmarks-box div.box-item h4 {margin-bottom: 0.5em}
#middle #bookmarks-box div.box-item div.block {margin-left: 14px}
#middle #bookmarks-box div.box-item div.bookmark-delete {top: 10px}
#middle #bookmarks-box div.bookmarks-link,
#middle #bookmarks-box div.bookmarks-send {margin-top: 0.6em}
#middle #bookmarks-box div.bookmarks-link {float: left}

#middle #sidebar div.bookmarks-send {float: right}
#middle #description div.bookmarks-send {text-align: right}
#middle div.bookmarks-send a {padding-left: 18px; background: url(/images/bg_bookmarks_email.png) no-repeat 0 2px}
#middle div.bookmarks-send a:hover {background-position: 0 -18px}

#middle #bookmarks-send-form {padding-top: 0.8em}
#middle #bookmarks-send-form label {display: block; margin-bottom: 0.3em}
#middle #bookmarks-send-form button {border: 0; margin-left: 10px; text-indent: -9999px; cursor: pointer; width: 53px; height: 17px; background-repeat: no-repeat}
#middle #bookmarks-send-form button.bookmarks-send-submit-it {background-image: url(/images/it_send.png)}
#middle #bookmarks-send-form button.bookmarks-send-submit-en {background-image: url(/images/en_send.png)}
#middle #bookmarks-send-form button:hover {background-position: 0 -30px}
#middle #sidebar #bookmarks-send-form {clear: both}
#middle #sidebar #bookmarks-send-form input.text {width: 170px}
#middle #description #bookmarks-send-form {padding-left: 25px}
#middle #description #bookmarks-send-form input.text {width: 500px}

#middle #sidebar #admin-toolbar {border: solid 2px #CCDD88; border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; -moz-border-radius: 8px; background-color: #EEFFDD; margin-bottom: 20px}
#admin-toolbar h3 {text-align: center; padding: 6px; font-size: 1.2em}
#admin-toolbar #admin-username {font-weight: bold; text-align: center; border-bottom: 1px solid #CCDD88; margin-bottom: 10px}
#admin-toolbar div.admin-box {padding: 3px 3px 3px 9px}
#admin-toolbar div.admin-box div.sub-box {margin: 2px 0 0 25px}
#admin-toolbar div.boxA {padding: 6px 0; text-align: center}

#middle div.accoglienza h4 a {color: #FF9900}
#middle div.cultura-e-svago h4 a {color: #FF3333}
#middle div.eventi-e-spettacoli h4 a {color: #990033}
#middle div.trasporti h4 a {color: #FF6600}

#middle div.bookmark-tools {position: absolute; right: 0; top: 14px; font-size: 0.85em}
#middle #header div.bookmark-tools {right: 364px; top: 20px}
#middle div.bookmark-tools a {padding-left: 18px; background-repeat: no-repeat}
#middle div.bookmark-tools span {display: block; width: 11px; height: 11px; text-indent: -9999px; background-repeat: no-repeat}
#middle div.bookmark-tools a.bookmark-remove,
#middle div.bookmark-tools a.bookmark-add:hover,
#middle div.bookmark-tools span {background-position: 0 -21px}
#middle div.accoglienza div.bookmark-tools a,
#middle div.accoglienza div.bookmark-tools span {background-image: url(/images/bg_accoglienza/bookmark.png)}
#middle div.cultura-e-svago div.bookmark-tools a,
#middle div.cultura-e-svago div.bookmark-tools span {background-image: url(/images/bg_cultura_e_svago/bookmark.png)}
#middle div.eventi-e-spettacoli div.bookmark-tools a,
#middle div.eventi-e-spettacoli div.bookmark-tools span {background-image: url(/images/bg_eventi_e_spettacoli/bookmark.png)}
#middle div.trasporti div.bookmark-tools a,
#middle div.trasporti div.bookmark-tools span {background-image: url(/images/bg_trasporti/bookmark.png)}

#middle #content #description {padding-bottom: 2em; height: 1%}
#middle #content #description p {margin: 0; margin-bottom: 1em}

#middle #content #pdf-version {margin-bottom: 2em}
#middle #content #pdf-version a {display: inline-block; padding-right: 20px; line-height: 16px; background: url(/images/pdf.png) no-repeat center right}

#middle #filter-warning {height: 15px; padding-left: 10px; border-bottom: 1px solid #990033; background-repeat: no-repeat; color: #FFFFFF; font-size: 0.85em; font-weight: bold}

#middle #content div.block span.label {font-weight: bold}

#middle #content #list {background: url(/images/bg_dot_h.png) repeat-x top; width: 99%\9}
#middle #content #list.filtered {background: none}
#middle #content #list div.item {padding: 14px 0; background: url(/images/bg_dot_h.png) repeat-x bottom; position: relative}
#middle #content #list div.item h4 {margin-right: 120px}
#middle #content #list div.item h4,
#middle #content #list div.item div.path {margin-bottom: 0.3em}
#middle #content #list div.item h4,
#middle #content #list div.item div.block {padding-left: 25px}
#middle #content #list div.item h4 span.nth {position: absolute; left: 0}

#middle #content #list div.item.search h4 {margin-right: 230px}
#middle #content #list div.item.search div.score {position: absolute; right: 120px; top: 16px; width: 95px; text-align: right; font-size: 0.85em; line-height: 0.85em}
#middle #content #list div.item.search div.score div.bar-container {float: left; background: url(/images/bg_bar_light.png)}
#middle #content #list div.item.search div.score div.bar-container div.bar {float: left; background: url(/images/bg_bar_dark.png); height: 0.85em; overflow: hidden}

#middle #content #list div.search-message {padding-top: 14px}

#middle div.bookmark {position: relative}
* html #middle div.bookmark {zoom: 1}
#middle div.bookmark h4 {margin-right: 20px}
#middle div.bookmark div.bookmark-delete {position: absolute; right: 0; top: 16px}
#middle div.bookmark div.bookmark-delete a {display: block; width: 10px; height: 10px; background: url(/images/bg_bookmarks_delete.png) no-repeat; text-indent: -9999px; overflow: hidden}
#middle div.bookmark div.bookmark-delete a:hover {background-position: 0 -20px}

#middle #bookmarks-title {padding-left: 22px; background: url(/images/bg_bookmarks_title.png) no-repeat center left}

#middle #content #scheda {float: left; overflow: hidden; width: 100%}
#middle #content #scheda h3 {clear: both; padding: 4px 80px 4px 9px; margin-bottom: 10px; background-color: #EBEBEB; color: #990033; text-transform: uppercase; font-size: 0.9em}
#middle #content #scheda ul {list-style-type: disc; margin-top: 12px; padding-left: 20px}
#middle #content #scheda div.toggle-show {float: right; font-size: 0.85em; margin-top: -29px; padding-right: 9px}
#middle #content #scheda div.toggle-show a {padding-right: 12px; background: url(/images/hide.png) no-repeat center right}
#middle #content #scheda div.toggle-show a.show {background-image: url(/images/show.png)}
#middle #content #scheda div.filter-events {margin-bottom: 20px}
#middle #content #scheda div.block {margin: 0 4px 10px 20px}
#middle #content #scheda div.block a {text-decoration: underline}
#middle #content #scheda div.block span.center-point a {text-decoration: none}
#middle #content #scheda div.block span.center-point a:hover {text-decoration: underline}
#middle #content #scheda div.block div.atac-switch {overflow: hidden; width: 100%}
#middle #content #scheda div.block div.atac-switch img {float: left; margin-right: 10px}
#middle #content #scheda div.block div.atac-switch a {line-height: 31px; text-decoration: none}
#middle #content #scheda div.block div.atac-switch a:hover {text-decoration: underline}
#middle #content #scheda div.block div.atac {margin: 4px 0}
#middle #content #scheda div.block div.atac input {padding: 1px}
#middle #content #scheda div.block div.denominazione {font-weight: bold}
#middle #content #scheda div.block #rappresentazioni {margin-top: 8px}
#middle #content #scheda div.block div.rappresentazioni {margin: 0.8em 0 1.2em 12px}
#middle #content #scheda div.super-block {margin-bottom: 10px}
#middle #content #scheda div.super-block div.block {margin-bottom: 0}

/*
#middle #content #scheda div.tipologia {float: right; margin-bottom: 4px; font-size: 0.85em; text-transform: uppercase}
*/

/*
#middle #content #scheda div.back {float: left; margin-top: 20px}
#middle #content #scheda div.back.top {float: none; margin: 0 0 4px 0; font-size: 0.85em}
*/

#middle #content #scheda #more-info {clear: both; float: right; margin-top: 20px; font-style: italic}
#middle #content #scheda #more-info div {text-align: right; margin-top: 4px; padding-right: 1em}
#middle #content #scheda #more-info a {text-decoration: underline}

#middle #content #info {float: left; overflow: hidden; width: 100%}
#middle #content #info h3 {padding: 4px; margin-bottom: 10px; background-color: #EBEBEB; color: #990033; text-transform: uppercase}
#middle #content #info h3 a {color: #990033}
#middle #content #info ul {list-style-type: disc; margin-top: 12px; padding-left: 20px}
#middle #content #info ul li {margin-left: 15px; margin-top: 2px}
#middle #content #info div.block {margin-bottom: 1em}
#middle #content #info a {text-decoration: underline}

#middle #content #info #sitemap-accoglienza {float: left}
#middle #content #info #sitemap-cultura-e-svago {float: right}
#middle #content #info #sitemap-eventi-e-spettacoli {float: left}
#middle #content #info #sitemap-trasporti {float: right}
#middle #content #info div.sitemap {width: 48%}
#middle #content #info div.sitemap ul {margin: 0; padding: 0; list-style: none}

#middle #content #scheda div.login-block {margin: 18px 0}
#middle #content #scheda div.login-block label {display: block}

#middle div.pager {float: right; margin: 12px 0; font-size: 0.8em}
#middle div.pager a.pager-number,
#middle div.pager span.pager-number {display: block; float: left; margin-right: 3px; padding: 0 4px; line-height: 14px; border: 1px solid #A0A0A0}
#middle div.pager a.pager-number:hover,
#middle div.pager span.pager-number {color: #FFFFFF; text-decoration: none; border-color: #990033; background-color: #990033}
#middle div.pager a.pager-nav {display: block; float: left; margin-right: 3px; width: 12px; height: 16px; text-indent: -9999px; overflow: hidden; background-repeat: no-repeat; background-position: center 4px}
#middle div.pager a.pager-nav:hover {background-position: center -12px}
#middle div.pager a.pager-first {background-image: url(/images/bg_pager_first.png)}
#middle div.pager a.pager-last {background-image: url(/images/bg_pager_last.png)}
#middle div.pager a.pager-prev {background-image: url(/images/bg_pager_prev.png)}
#middle div.pager a.pager-next {background-image: url(/images/bg_pager_next.png)}

#print-tools {float: right; padding-right: 1em; position: relative}
#print-tools a {display: block}

#mobile-img {float: left; margin-right: 30px; width: 180px}
#app-store a {background: url(/images/logo_appstore.png) no-repeat scroll left top transparent; display: block; height: 41px; margin: 6px 0; overflow: hidden; text-indent: -9999px; width: 117px}
#app-store2 a {background: url(/images/logo_googleplay.png) no-repeat scroll left top transparent; display: block; height: 41px; margin: 6px 0; overflow: hidden; text-indent: -9999px; width: 117px}

/* ********************************************** Pop-up keywords */

#modalbox.keywords-popup #outerBlockContainer {background: url(/images/bg_modalbox.png) transparent no-repeat top right !important}
#modalbox.keywords-popup #blockDataContainer {display: none !important}

#keywords-selector {padding: 58px}
#keywords-selector h3 {text-align: left; color: #333333 !important; margin-bottom: 30px}
#keywords-selector #keywords-pool {float: left; width: 260px; height: 110px; overflow: auto; border: 1px solid #999999; padding: 4px; line-height: 22px; text-align: left}
#keywords-selector #keywords-pool span.tag1 {font-size: 90%}
#keywords-selector #keywords-pool span.tag2 {font-size: 100%}
#keywords-selector #keywords-pool span.tag3 {font-size: 110%}
#keywords-selector #keywords-pool span.tag4 {font-size: 120%}
#keywords-selector #keywords-pool span.tag5 {font-size: 130%}
#keywords-selector #keywords-pool span.tag6 {font-size: 150%}
#keywords-selector #keywords-pool span.tag7 {font-size: 170%}
#keywords-selector #keywords-selected {float: right; width: 218px; padding: 4px; border: 1px solid #999999; background: transparent; font-size: 1.1em}
#keywords-selector #keywords-confirm {width: 226px; width: 218px; padding: 10px 4px 0 4px; float: right}
#keywords-selector #keywords-confirm a {display: block; margin: 0 auto; width: 91px; height: 21px; text-indent: -9999px; overflow: hidden; background-repeat: no-repeat}
#keywords-selector #keywords-confirm a:hover {background-position: 0 -26px}
#keywords-selector #keywords-confirm.keywords-confirm-it a {background-image: url(/images/it_confirm.png)}
#keywords-selector #keywords-confirm.keywords-confirm-en a {background-image: url(/images/en_confirm.png)}
#keywords-selector #keywords-close {position: absolute; top: 10px; right: 9px}
#keywords-selector #keywords-close a {display: block; width: 13px; height: 12px; text-indent: -9999px; overflow: hidden; background: url(/images/close.png) no-repeat}
#keywords-selector #keywords-close a:hover {background-position: 0 -38px}


/* ********************************************** Calendario */

div.calendar {border: 0 !important; color: #333333 !important; z-index: 2050}

div.calendar,
div.calendar table,
div.calendar td,
div.calendar div.combo,
div.calendar thead tr.headrow td.button {background: #FFFFFF !important; font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif !important}

div.calendar thead tr td {border-bottom: 1px solid #797979}

div.calendar tfoot tr td {border-top: 1px solid #797979}

div.calendar table tr td.weekend {color: #999999 !important}

div.calendar thead tr td.title,
div.calendar thead tr td.button,
div.calendar tbody tr td.selected,
div.calendar div.combo div.hilite {color: #FFFFFF !important}

div.calendar thead tr td,
div.calendar thead tr.headrow td.nav {color: #333333 !important}

div.calendar thead td.hilite {padding: 2px !important}
div.calendar thead td.active {padding: 3px 1px 1px 3px !important}

div.calendar div.combo div.hilite,
div.calendar div.combo div.active {background-image: none !important}