html { margin: 0; padding: 0 }
body { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 76%; background: url(../images/backgrounds/portaledeimuseiincomune.jpg) repeat-y center top #B00B1D; word-wrap: break-word }
a { color: #000000; outline: none; text-decoration: none }
a:hover { text-decoration: underline }
h1, h2, h3, h4, h5, p, ul, form, fieldset, img { border: none; margin: 0; padding: 0 }
p { margin-bottom: 0.5em; /* line-height: 1.6em */ }
select,
input,
button,
textarea { font-family: Arial, Helvetica, sans-serif; font-size: 100% }
select { border: 1px solid #CDCDCD; padding: 0 }
input.textbox,
input.box,
textarea { border: 1px solid #CDCDCD; padding: 0.2em 0 }
input.submit { vertical-align: top; margin-left: 2px }
span.spamfilter { display: none }
.accessibility { width: 0; height: 0; position: absolute; top: -10em; overflow: hidden }
.hidden { position: absolute !important; left: -9999px }
div.link a { display: inline-block; background: url(../images/bg_button_right.png) right top no-repeat; padding-right: 10px; cursor: pointer }
div.link a span { display: inline-block; height: 21px; line-height: 21px; background: url(../images/bg_button_left.png) left top no-repeat; padding-left: 10px }
div.link a:hover { text-decoration: none }
button { border: none; background: none; margin: 0; padding: 0; width: auto; overflow: visible; white-space: nowrap; cursor: pointer }
button span { display: inline-block; background: url(../images/bg_button_right.png) right top no-repeat; padding-right: 10px }
button span strong { font-weight: normal; display: inline-block; height: 21px; line-height: 21px; background: url(../images/bg_button_left.png) left top no-repeat; padding-left: 10px }
div.clearfix { overflow: hidden }
ul.tabs { list-style-type: none }
ul.tabs li { float: left }
ul.tabs li a { display: block; text-align: center; font-weight: bold }
ul.tabs li a:hover { text-decoration: none }
ul.tabs li.selected a { cursor: default }
div.slides_container { display: none }
div.slides_container div.slide { display: block }
ul.pagination { list-style-type: none; position: absolute; top: 0; right: 0; z-index: 80 }
ul.pagination li { float: left; margin-left: 4px }
ul.pagination li a { display: block; overflow: hidden; width: 7px; height: 0; padding-top: 7px; background: url(../images/icone/pagination.png) 0 0 no-repeat }
ul.pagination li.current a { background-position: 0 -13px; cursor: default }
ul.slidegroups { list-style-type: none; text-align: center; height: 31px; width: 958px; border: 1px solid #BEBFBF; border-top-color: #999999; border-bottom: none; background: url(../images/bg_slidegroupindex.gif) left top repeat-x }
ul.slidegroups li { display: inline-block; line-height: 31px; margin: 0 15px; font-weight: bold; *display: inline; zoom: 1 }
ul.slidegroups li a:hover { text-decoration: none }
ul.slidegroups li.current { color: #B00B1D; background: url(../images/bg_slidegroupindexcurrent.gif) center bottom no-repeat }
ul.slidegroups li.current a { color: #B00B1D }
div.nome,
div.title,
div.luogo,
div.label,
span.label,
div.place { font-weight: bold }
#boxgroup1 div.title,
#boxgroup1 div.place { font-weight: normal }
a.mic-link,
div.nome,
div.nome a,
div.title,
div.title a,
div.sottotitolo { color: #B00B1D }
div.abstract { font-style: italic }
div.orario_indirizzo { margin-top: 10px }
div.orario_indirizzo div.comearrivare,
div.orario_indirizzo div.orario,
div.orario_indirizzo div.giornichiusura { margin-top: 0.5em }
div.orario_indirizzo div.comearrivare strong,
div.orario_indirizzo div.orario strong,
div.orario_indirizzo div.giornichiusura strong { display: block }
a.mic-link { margin-left: -10px; padding-left: 10px; background: url(../images/icone/arrow_red.gif) no-repeat 0 4px; zoom: 1 }
a.mic-link.external { background-image: url(../images/icone/arrow_red_out.gif) }
a.link_rss:hover { text-decoration: none }
a.link_rss img { vertical-align: middle; margin: 0 2px 2px 0 }
div.warning h3 { color: #B00B1D; text-transform: uppercase }
div.warning ul { list-style-position: inside }
div.map-box div.map-container { border: 2px solid #B00B1D }
#sitelist div.sitegroup a.mic-link,
#slideshow a.mic-link,
#highlights a.mic-link,
#boxgroup1 a.mic-link,
div.museum div.title a.mic-link { background: none; margin-left: 0; padding-left: 0 }
div.file-attachment { padding-left: 24px; line-height: 16px; color: #666666; position: relative }
div.file-attachment img { position: absolute; top: 0; left: 0 }
div.navigatoreopere { margin: -20px 0 20px 0 }
#percorsopersonale div.navigatoreopere { margin: 0 }
div.navigatoreopere .prev { margin-right: 10px; padding-left: 10px; background: url(../images/icone/arrow_black_l.gif) no-repeat left center }
div.navigatoreopere a.prev { background-image: url(../images/icone/arrow_red_l.gif); color: #B00B1D }
div.navigatoreopere .next { margin-left: 10px; padding-right: 10px; background: url(../images/icone/arrow_black.gif) no-repeat right center }
div.navigatoreopere a.next { background-image: url(../images/icone/arrow_red.gif); color: #B00B1D }
div.pagenavigator { margin: 20px 0; text-transform: lowercase }
div.pagenavigator a { text-decoration: underline }
div.pagenavigator span.previous, div.pagenavigator span.next, div.pagenavigator span.current, div.pagenavigator span.other { margin-right: 10px }
div.immagine { position: relative }
div.immagine img { float: left }
div.immagine p { position: absolute; left: 0; bottom: 0; margin: 0; padding: 3px 6px; background-image: url(../images/bg_dida.png); font-style: italic }
/* LAYOUT */
#container { width: 1020px; margin: 0 auto; background: url(../images/bg_container.jpg) left top repeat-x #EFEFEF; overflow: hidden }
#top #sitelist { position: absolute; top: 0; left: 50%; width: 1020px; margin-left: -510px; background: url(../images/bg_sitelist_shadow_down.png) center bottom no-repeat; z-index: 85 }
#top #sitelist-outer-content { background: url(../images/bg_sitelist_shadow_middle.png) center top repeat-y; margin-bottom: 6px; display: none }
#top #sitelist-inner-content { margin: 0 15px; padding: 20px 0 14px 30px; max-height: 305px; overflow: hidden; background: url(../images/bg_sitelist.png) left bottom repeat-x; position: relative }
#top #sitelist #portal { position: absolute; right: 30px; bottom: 14px; font-size: 1.1em }
#top #sitelist div.sitegroup { width: 25%; float: left }
#top #sitelist div.sitegroup h3,
#top #sitelist div.sitegroup ul { margin-right: 30px }
#top #sitelist div.sitegroup h3 { font-size: 1.2em; line-height: 1em; text-transform: uppercase; color: #B00B1D; margin-bottom: 15px; padding-bottom: 8px; border-bottom: 1px solid #E5E5E5 }
#top #sitelist div.sitegroup ul { list-style-type: none }
#top #sitelist div.sitegroup ul li { padding: 0 4px 0 14px; margin-bottom: 10px; background: url(../images/icone/arrow_gray.gif) left 0.33em no-repeat }
#top #sitelist div.sitegroup ul li.selected { color: #B00B1D; background-image: url(../images/icone/arrow_red.gif) }
#top #sitelist div.sitegroup ul li a { color: #000000 }
#top #sitelist-toggle { width: 180px; height: 20px; line-height: 20px; margin: 0 auto; background: url(../images/sitelist_tab.png) no-repeat left top; color: #FFFFFF; font-size: 0.9em; font-weight: bold; cursor: pointer }
#top #sitelist-toggle span { display: block; text-align: center; margin: 0 8px; padding-left: 14px; background: url(../images/sitelist_arrow_down.gif) no-repeat left center }
#top #sitelist-toggle.closer span { background-image: url(../images/sitelist_arrow_up.gif) }
#top div.header { width: 100%; overflow: hidden }
#top div.header #logo { float: left }
#top div.header #logo_roma { float: right }
#top #menu-block { margin: 0 30px 20px 30px; padding: 0 10px; background-color: #B00B1D; height: 23px; overflow: hidden; position: relative }
#top #menu-block span { display: block; float: left; padding: 4px 0; margin-left: -1px }
#top #menu-block a { color: #FFFFFF; padding-left: 6px; padding-right: 6px; border-left: 1px solid #FFFFFF }
#top #menu-block span.selected { color: #B00B1D; background-color: #FFFFFF; height: 23px; padding-left: 6px; padding-right: 6px; border-left: 1px solid #FFFFFF }
#top #menu-block span.selected a { color: #B00B1D; padding: 0; border: none }
#top #menu-block span.separatore { display: none }
#top #menulingue { float: left; overflow: hidden }
#top #menuservizi { float: right; overflow: hidden }
#bottom #footer-boxes { background-color: #E5E5E5; margin-bottom: 40px; padding: 10px 30px; overflow: hidden }
#bottom #footer-boxes div.footer-box { float: left; width: 170px; padding: 10px 10px 0 10px; border-left: 1px solid #FFFFFF; font-size: 0.9em }
#bottom #footer-boxes #footer-box1 { border-left: 0 }
#bottom #footer-boxes div.footer-box h3 { text-transform: uppercase; margin-bottom: 10px; font-size: 1.1em }
#bottom #footer-boxes div.footer-box ul { list-style-type: none; margin-bottom: 10px }
#bottom #footer-boxes div.footer-box ul li { padding: 2px 0 }
#bottom #trip-advisor { float: left; margin-left: 30px; padding-top: 24px; background: url(../../common/images/banners/tripadvisor.gif) no-repeat }
#bottom #footer { float: right; margin-right: 30px; background: url(../images/bg_footer_left.gif) left top no-repeat #B00B1D; font-size: 91.67%; line-height: 1.5em; color: #FFFFFF; text-align: right; white-space: nowrap }
#bottom #footer #footer-content { background: url(../images/bg_footer_right.gif) right top no-repeat; padding: 6px 10px 2px 10px }
#bottom #footer a { color: #FFFFFF }
#middle { margin-top: 15px; margin-bottom: 40px; padding: 0 30px }
#middle #sidebar { float: left; width: 205px }
#middle #wrapper { float: right; width: 720px }
#container.homepage #middle { margin-top: 0 }
#container.homepage #middle #wrapper { width: 740px }
#sidebar #search-nav { float: left; width: 100% }
#sidebar #search-nav li a { line-height: 30px; border: 1px solid #DADADA; border-bottom-color: #FFFFFF; background-color: #F5F5F5 }
#sidebar #search-nav li.selected a { border-color: #CDCDCD #CDCDCD #E5E5E5 #CDCDCD !important; background-color: #E5E5E5; padding-bottom: 1px; margin-bottom: -1px }
#sidebar #search-nav li#search-nav-tab1 { width: 78px }
#sidebar #search-nav li#search-nav-tab1 a { border-right-color: #F5F5F5 }
#sidebar #search-nav li#search-nav-tab2 { width: 127px }
#sidebar #search-nav li#search-nav-tab2 a { border-left-color: #F5F5F5 }
#sidebar #search-tabs { clear: both; border: 1px solid #CDCDCD; margin-bottom: 25px }
#sidebar #search-tabs input.textbox,
#sidebar #search-tabs select { width: 180px; margin-bottom: 8px }
#sidebar #search-tabs #search-tab { background: url(../images/bg_search.jpg) repeat-x left bottom #E5E5E5; padding: 10px }
#sidebar #search-tabs #advancedsearch-tab { background: url(../images/bg_advancedsearch.jpg) repeat-x left top #E5E5E5; padding: 10px 10px 0 10px }
#sidebar #advancedsearch-nav { float: left; width: 100% }
#sidebar #advancedsearch-nav li { width: 49.5% }
#sidebar #advancedsearch-nav li a { overflow: hidden; height: 20px; line-height: 20px }
#sidebar #advancedsearch-nav li.selected a { background-color: #F7F7F7 }
#sidebar #advancedsearch-tabs { clear: both; background-color: #F7F7F7; margin: 0 -10px }
#sidebar #advancedsearch-tabs fieldset { margin: 0 10px; padding: 10px 0 }
#sidebar #menuprincipale { background-color: #FFFFFF; color: #333333; padding-top: 1px; margin-bottom: 35px; overflow: hidden }
#sidebar #menuprincipale ul { list-style-type: none; text-transform: uppercase; font-weight: bold }
#sidebar #menuprincipale ul li div.menugroup_name { margin-top: -1px; border: 1px solid #CDCDCD; background: url(../images/bg_menuitem_top.jpg) no-repeat left top #F5F5F5 }
#sidebar #menuprincipale ul li div.menugroup_name div { background: url(../images/bg_menuitem_bottom.jpg) no-repeat left bottom }
#sidebar #menuprincipale ul li div.menugroup_name span { display: block; overflow: hidden; padding: 6px 6px 6px 20px; background: url(../images/icone/arrow_red.gif) no-repeat 9px 50% }
#sidebar #menuprincipale ul li div.menugroup_name.selected span { background-image: url(../images/icone/arrow_red_down.gif); background-position: 7px }
#sidebar #menuprincipale ul li div.menugroup_name.current { color: #FFFFFF; border-color: #710B00; background-image: url(../images/bg_menuitem_curr_top.jpg); background-color: #AD0B1C }
#sidebar #menuprincipale ul li div.menugroup_name.current div { background-image: url(../images/bg_menuitem_curr_bottom.jpg) }
#sidebar #menuprincipale ul li div.menugroup_name.current span { background-image: url(../images/icone/arrow_white_down.gif); background-position: 7px }
#sidebar #menuprincipale ul ul { padding: 6px 0; text-transform: none; font-weight: normal }
#sidebar #menuprincipale ul ul li { background: url(../images/icone/arrow_black_small.gif) no-repeat 2px 0.5em; padding: 2px 4px 2px 14px; margin-left: 20px }
#sidebar #menuprincipale ul ul li a:hover { color: #B00B1D }
#sidebar #menuprincipale ul ul li.selected { background-image: url(../images/icone/arrow_red_small.gif); color: #B00B1D; font-weight: bold }
#sidebar #menuprincipale ul ul li.selected a { color: #B00B1D }
#sidebar #menuprincipale ul ul li.selected a:hover { color: #000000 }
#sidebar #banners { float: left; padding-left: 20px }
#sidebar #banners a { display: block; float: left; margin-bottom: 20px }
#sidebar #banners #social-networks { clear: both; float: left; width: 178px; text-align: center; font-weight: bold }
#sidebar #banners ul { list-style-type: none; font-weight: normal }
#sidebar #banners ul li { display: inline }
#sidebar #banners ul li a { height: 33px; text-indent: -9999px; overflow: hidden; background-repeat: no-repeat; background-position: 0 0 }
#sidebar #banners ul li a#link_facebook { width: 28px; background-image: url(../../common/images/banners/facebook.png) }
#sidebar #banners ul li a#link_twitter { width: 26px; background-image: url(../../common/images/banners/twitter.png) }
#sidebar #banners ul li a#link_instagram { width: 26px; background-image: url(../../common/images/banners/instagram.png) }
#sidebar #banners ul li a#link_youtube { width: 51px; background-image: url(../../common/images/banners/youtube.png) }
#sidebar #banners ul li a#link_flickr { width: 47px; background-image: url(../../common/images/banners/flickr.png) }
#sidebar #banners ul li a:hover { background-position: 0 -33px }
#path { margin-bottom: 15px }
#path a { color: #666666 }
#head h2 { font-size: 2.2em; color: #B00B1D; padding-left: 20px; margin-bottom: 4px }
#tools { overflow: hidden; padding-bottom: 10px }
#tools div.addthis_toolbox { float: right }
/* HOMEPAGE */
#slideshow { position: relative; margin-bottom: 25px; padding-top: 10px }
#slideshow div.slide { width: 985px; height: 350px }
#slideshow div.slide img { float: left }
#slideshow div.slide div.info { width: 260px; padding: 10px 25px; height: 330px; overflow: hidden }
#slideshow div.slide div.info div.title { font-size: 1.6em; margin-bottom: 0.2em }
#slideshow div.slide div.info div.sottotitolo { font-size: 1.2em; margin-bottom: 0.2em }
#slideshow div.slide div.info div.date { font-size: 1.6em; margin-bottom: 0.5em }
#slideshow div.slide div.info div.type { text-transform: uppercase; line-height: 1.6em }
#slideshow div.slide div.info p { line-height: 1.6em }
#slideshow div.slide div.info div.link a.mic-link { color: #000000; background: url(../images/bg_button_right.png) right top no-repeat }
#boxgroup1 { float: left; width: 235px }
#boxgroup2 { float: right; width: 490px }
div#spettacoli {
/* display: none; */
}
div.boxhome { margin-bottom: 20px; position: relative }
div.boxhome h2 { padding-left: 15px; font-size: 2.1em; line-height: 1em; margin-bottom: 5px }
div.boxhome h3 { font-size: 1.7em; margin-bottom: 15px }
div.boxhome div.body { background-color: #FFFFFF; padding: 15px }
div.boxhome div.body img { float: left; margin-right: 10px }
div.boxhome div.body em { font-style: normal; color: #B00B1D }
div.boxhome div.body div.item { margin-bottom: 0.5em }
div.boxhome div.body div.link,
div.boxhome div.body div.form-block { margin-top: 14px }
div.boxhome div.rss { position: absolute; top: 0; right: 0 }
div.boxhome div.rss a { display: block; width: 22px; height: 21px; background: url(../images/icone/rss.png) left top no-repeat; text-indent: -9999px }
#highlights.boxhome div.slides_container { overflow: hidden }
#highlights.boxhome div.slide { width: 740px }
#highlights.boxhome div.slide div.highlight { float: left; width: 216px; padding: 0 0 6px 15px; margin-left: 15px; border-left: 1px solid #CCCCCC }
#highlights.boxhome div.slide div.highlight.first { padding-left: 0; margin-left: 0; border-left: 0 }
#highlights.boxhome div.slide img { float: none; margin-right: 0 }
#highlights.boxhome div.slide div.date { margin: 6px 0 }
#highlights.boxhome div.slide div.title { text-transform: uppercase; margin-bottom: 4px }
#highlights.boxhome div.slide div.sottotitolo { margin-bottom: 4px }
#highlights.boxhome ul.pagination { top: 14px }
div.activities.boxhome div.link { position: absolute; top: 0; right: 0 }
div.activities.boxhome div.body { padding-bottom: 0; overflow: hidden }
div.activities.boxhome div.body div.item { clear: both; width: 100%; overflow: hidden; margin-bottom: 15px }
div.activities.boxhome div.body div.info { float: right; padding-left: 10px; width: 305px }
div.activities.boxhome div.activities-block { position: relative }
div.activities.boxhome div.activities-block div.slide { width: 460px }
#spettacoli div.activities-block { padding-right: 25px }
#spettacoli ul { list-style-type: none; margin-bottom: 15px }
#spettacoli ul li a.mic-link { margin-left: 0 }
#multimedia.boxhome h2 { float: left; margin-right: 25px }
#multimedia.boxhome ul.tabs { overflow: hidden }
#multimedia.boxhome ul.tabs li a { width: 70px; height: 32px; line-height: 32px }
#multimedia.boxhome ul.tabs li.selected a { background: url(../images/bg_tab.png) no-repeat left top }
#multimedia.boxhome div.body { clear: both; overflow: hidden; position: relative; padding-top: 30px; padding-bottom: 50px }
#multimedia.boxhome div.body div.slide { width: 480px }
#multimedia.boxhome div.body div.item { float: left; margin-bottom: 0; font-size: 0.9em; /* word-wrap: break-word */ }
#multimedia.boxhome div.body div.item a { display: block; height: 75px; margin-bottom: 10px }
#multimedia.boxhome div.body div.item a img { margin-right: 0 }
#multimedia.boxhome div.body ul.pagination { right: 15px; top: 12px }
#multimedia.boxhome div.body a.link_channel { display: block; position: absolute; bottom: 12px; right: 19px; text-indent: -9999px; background-repeat: no-repeat; background-position: left top }
#multimedia.boxhome #videos.body a.link_channel { width: 52px; height: 22px; background-image: url(../images/bg_youtube.gif) }
#multimedia.boxhome #videos.body div.item { width: 220px; margin-right: 10px }
#multimedia.boxhome #videos.body div.item img { width: 220px; height: 170px }
#multimedia.boxhome #photos.body a.link_channel { width: 53px; height: 14px; background-image: url(../images/bg_flickr.gif) }
#multimedia.boxhome #photos.body div.item { width: 150px; margin-right: 10px }
/* PAGINE INTERNE */
ul.sub-menu { list-style-type: none; overflow: hidden; padding-left: 20px; padding-top: 10px }
ul.sub-menu li { float: left; margin-left: -1px; border: 1px solid #C6C6C6; border-bottom: none; background-color: #E9E9E9 }
ul.sub-menu li.selected { background-color: #FFFFFF }
ul.sub-menu li span,
ul.sub-menu li a { display: block; height: 28px; line-height: 28px; padding: 0 10px; font-weight: bold }
ul.sub-menu li a { color: #666666 }
ul.sub-menu li.selected a { color: #000000 }
ul.sub-menu li a:hover { text-decoration: none }
div.info-block { clear: both; background-color: #FFFFFF; padding: 20px 15px; overflow: hidden }
ul.menu-years { list-style-type: none; padding: 15px 20px; margin: -5px 0 25px 0; border-bottom: 1px solid #EFEFEF }
ul.menu-years li { display: inline; font-size: 1.1em; padding-right: 5px }
ul.menu-years li span { color: #313131; font-weight: bold }
ul.menu-years li a { color: #666666 }
#maincontent { background-color: #FFFFFF; padding: 25px 20px; overflow: hidden }
#maincontent.lista { padding: 5px 0 0 0 }
#maincontent.lista h3 { padding: 0 20px; margin-top: 20px; color: #B00B1D; font-size: 1.2em; text-transform: uppercase }
#maincontent.lista div.blocco { overflow: hidden; margin-top: 20px; padding: 0 20px 10px 20px; border-bottom: 1px solid #EFEFEF }
#maincontent.lista div.blocco.descrizione { padding-bottom: 20px; border-bottom: none }
#maincontent.lista img { float: left; margin: 0 14px 10px 0 }
#maincontent.lista div.info,
#maincontent.lista div.testo { float: right; padding-left: 10px; width: 520px }
#maincontent.lista div.info { margin-bottom: 10px }
#maincontent.lista div.file-attachment { margin: 8px 0 }
#maincontent.lista div.catalogo div.info { padding-left: 0; width: 560px }
#maincontent.infopage div.immagine,
#maincontent.lista div.immagine,
#maincontent.scheda div.immagine { float: right; width: 460px; margin-bottom: 10px; margin-left: 10px }
/* #maincontent.scheda div.immagine p { font-style: italic } */
#maincontent.lista div.immagine { padding-right: 20px }
#maincontent.scheda div.orario,
#maincontent.scheda h2,
#maincontent.scheda div.sottotitolo,
#maincontent.scheda div.luogo,
#maincontent.scheda div.sezione,
#maincontent.scheda div.tipologia { float: left; clear: left; width: 200px }
#maincontent.scheda div.orario { font-size: 1.5em; margin-bottom: 8px }
#maincontent.scheda div.data { font-weight: bold; margin-bottom: 0.5em }
#maincontent.scheda h2 { color: #B00B1D; font-size: 1.5em; margin-bottom: 20px }
#maincontent.scheda div.sottotitolo { margin-top: -10px; margin-bottom: 20px }
#maincontent.scheda div.sezione,
#maincontent.scheda div.luogo { margin-bottom: 15px }
#maincontent.scheda div.abstract { clear: both; margin-bottom: 10px }
#maincontent #description { clear: both }
div.description-toggle { clear: both; float: left; background: url(../images/bg_button_right.png) right top no-repeat; padding-right: 10px; margin: 10px 0; cursor: pointer; *float: none; *display: inline; zoom: 1 }
div.description-toggle span { display: inline-block; height: 21px; line-height: 21px; background: url(../images/bg_button_left.png) left top no-repeat; padding-left: 10px }
#maincontent div.children-list { margin-top: 30px; clear: both }
#maincontent #link-up { margin: -25px -20px 17px 0; text-align: right }
#maincontent #link-up span { display: inline-block; height: 23px; line-height: 23px; padding: 0 20px; background: url(../images/bg_buttonlist.gif) no-repeat left top }
#maincontent #link-up span a { padding-left: 8px; background: url(../images/icone/arrow_red.gif) left center no-repeat }
#extracontent { clear: both; margin-top: 10px }
#extrainfo { float: left; width: 365px }
#relatedinfo { float: right; width: 345px }
div.box h3 { font-size: 1.5em; padding: 4px 20px }
div.box div.blocco { background-color: #FFFFFF; padding: 15px 20px; margin-bottom: 10px }
div.box div.blocco div.label { margin-bottom: 2px }
#box-multimedia div.info,
#box-moreinfo div.info { padding-left: 10px; margin-bottom: 0.5em }
#box-related ul.sub-menu { padding-top: 0 }
#box-related div.slides { position: relative; padding-top: 30px; clear: both }
#box-related div.slides ul.pagination { top: 14px; right: 20px }
#box-related div.slide { width: 325px }
#box-related div.blocco div.related { overflow: hidden; width: 305px; margin-bottom: 15px }
#box-related div.blocco div.related img { float: left }
#box-related div.blocco div.related div.info { float: right; padding-left: 10px; width: 185px }
#box-pressroom div.blocco,
#box-documents div.blocco { padding-bottom: 7px }
#box-pressroom div.blocco div.file-attachment,
#box-documents div.blocco div.file-attachment { margin-bottom: 8px }
#infomuseo { margin-top: 10px }
#infomuseo div.blocco { padding-top: 5px }
#infomuseo div.blocco div.itemlista { margin: 0 -20px; padding: 15px 20px; border-bottom: 1px solid #EFEFEF }
#infomuseo.blocco div.orario_indirizzo { margin-top: 0; margin-bottom: 20px }
#sistemamuseale { margin-top: 40px }
#sponsor img { float: none !important }
#museum-type-selector { border-left: 1px solid #BFBFBF; border-right: 1px solid #BFBFBF; background: url(../images/bg_museumtypeselector.gif) left top repeat-x; height: 32px; margin: 30px 0 10px 0; overflow: hidden }
#museum-type-selector li { float: left; width: 25%; *width: 24.9%; text-align: center; color: #666666; cursor: pointer }
#museum-type-selector li a { display: block; font-weight: normal; height: 14px; line-height: 14px; margin: 9px 0 9px -1px; border-left: 1px solid #666666 }
#museum-type-selector li.selected { color: #B00B1D; background: url(../images/bg_museumtypeselectorselected.gif) center bottom no-repeat; cursor: default }
#museum-type-selector li.selected a { color: #B00B1D }
div.museum { margin-bottom: 20px }
div.museum div.title { margin: 10px 15px; font-weight: normal }
div.museum div.title h3 { font-size: 1.5em; display: inline; margin-right: 5px }
div.museum div.description { margin: 10px 15px }
div.museum ul.tabs { overflow: hidden; padding-left: 12px }
div.museum ul.tabs li a { width: 70px; height: 32px; line-height: 32px }
div.museum ul.tabs li.selected a { background: url(../images/bg_tab.png) no-repeat left top }
div.museum div.info-block.museum-address { padding-bottom: 0 }
div.museum div.info-block div.map-box { float: right; margin-bottom: 20px }
div.museum div.info-block div.orario_indirizzo { float: left; width: 250px; margin-bottom: 20px; margin-top: 0 }
div.museum div.info-block div.label { margin-top: 1em; text-transform: uppercase }
div.children-list ul { list-style-type: none; width: 100%; overflow-x: auto; overflow-y: hidden; white-space: nowrap }
div.children-list ul li { display: inline-block; width: 106px; margin: 10px; vertical-align: top; text-align: center; overflow: hidden; *display: inline; zoom: 1 }
div.children-list ul li.selected { font-weight: bold }
div.children-list ul li a,
div.children-list ul li span { white-space: normal }
div.children-list ul li a:hover { text-decoration: none }
div.children-list ul li.selected a { cursor: default }
div.children-list ul li div.image { width: 106px; height: 106px; margin-bottom: 5px; overflow: hidden }
div.children-list ul li.selected div.image { width: 96px; height: 96px; border: 5px solid #B00B1D }
div.children-list ul li.selected div.image img { margin-top: -5px; margin-left: -5px }
div.jcarousel-container { width: 630px; padding: 0 25px }
div.jcarousel-clip { overflow: hidden }
div.jcarousel-prev,
div.jcarousel-next { position: absolute; top: 46px; width: 10px; height: 35px; cursor: pointer; background-repeat: no-repeat; background-position: left top }
div.jcarousel-prev { left: 6px; background-image: url(../images/prev.gif) }
div.jcarousel-next { right: 6px; background-image: url(../images/next.gif) }
div.jcarousel-prev-disabled,
div.jcarousel-next-disabled { display: none !important }
div.children-list.gallery-line ul li { width: 70px; margin: 0 6px 0 5px }
div.children-list.gallery-line ul li a span.image { width: 70px; height: 70px; margin-bottom: 0 }
div.children-list.gallery-line ul li.selected a span.image { width: 60px; height: 60px }
div.jcarousel-container.gallery-line { width: 324px; padding-right: 21px !important }
div.jcarousel-container.gallery-line div.jcarousel-prev,
div.jcarousel-container.gallery-line div.jcarousel-next { top: 50%; margin-top: -18px }
div.jcarousel-container.gallery-line div.jcarousel-prev { left: 7px }
div.jcarousel-container.gallery-line div.jcarousel-next { right: 8px }
#masterpieces div.link { position: absolute; top: 0; right: 0 }
#masterpieces div.jcarousel-container { width: auto }
#masterpieces div.jcarousel-prev,
#masterpieces div.jcarousel-next { top: 50%; margin-top: -22px; width: 33px; height: 44px }
#masterpieces div.jcarousel-prev { left: 0; background-image: url(../images/prev.png) }
#masterpieces div.jcarousel-next { right: 0; background-image: url(../images/next.png) }
#masterpieces li.jcarousel-item { width: 174px; margin-right: 15px }
#masterpieces li.jcarousel-item img { margin-right: 0 }
#extracontent.infopage div.jcarousel-container.gallery-line { width: 670px; padding: 15px 25px !important }
#extracontent.infopage div.children-list.gallery-line ul li { margin: 0 7px }
#maincontent.percorso h2 { text-transform: uppercase }
#maincontent.percorso img { border: 1px solid #999999 }
#subcontent { margin: 60px 0 20px 0 }
#subcontent h2 { width: 550px; color: #B00B1D; font-size: 1.5em; padding-left: 15px; margin-bottom: 4px }
#percorso-descrizione div.immagine { float: right; margin-left: 10px; /* margin: 0 0 20px 20px; background-color: #EFEFEF */ }
/* #percorso-descrizione div.immagine p { padding: 2px 8px; text-align: right; font-size: 0.9em; font-style: italic } */
#percorso-descrizione #descrizione { clear: both }
div.itemlista.opera { overflow: hidden; margin: 0 -15px; padding: 10px 15px; border-bottom: 1px solid #EFEFEF }
div.itemlista.opera img { float: left; margin-right: 14px }
div.itemlista.opera div.info { float: right; padding-left: 10px; width: 560px }
div.itemlista.opera div.info div.autore { font-weight: bold }
#percorsopersonale.loading { height: 16px; background: url(../images/loading.gif) no-repeat left top }
#percorsopersonale.loading div { display: none }
#maincontent.infopage h3 { color: #B00B1D; font-size: 1.2em; text-transform: uppercase }
/* #maincontent.infopage div.immagine { float: none } */
#head.opera { margin-top: 20px }
#head.opera h2 { font-size: 1.5em; padding-left: 15px }
#maincontent.opera div.immagine { float: left; width: 270px }
#maincontent.opera div.blocco { float: right; clear: right; width: 390px; margin-bottom: 25px; line-height: 1.5em }
#maincontent.opera div.blocco div { float: none; clear: none; width: auto }
#maincontent.opera h3 { font-size: 1em }
#maincontent.opera a.mic-link { margin-left: 0 }
#tuopercorso { margin: 0 -20px; position: relative }
#tuopercorso div.itemlista { min-height: 70px; margin: 0; padding: 10px 20px; position: relative }
#tuopercorso div.itemlista input.checkbox,
#tuopercorso div.itemlista div.info,
#tuopercorso div.itemlista select { display: block; position: absolute; bottom: 10px }
#tuopercorso div.itemlista input.checkbox { left: 95px; margin-bottom: 15px; cursor: default }
#tuopercorso div.itemlista div.info { left: 130px; width: 500px }
#tuopercorso div.itemlista select { right: 20px; width: 50px }
#tuopercorso div.itemlista.script { cursor: move }
#tuopercorso div.itemlista.script div.info { width: 560px }
#maincontent.percorso-personale div.button-block { margin-top: 20px }
#maincontent.percorso-personale div.button-block div.left { float: left }
#maincontent.percorso-personale div.button-block div.right { float: right }
div.bloccoform { clear: both; margin-bottom: 1em }
div.bloccoform label { float: left; width: 90px; margin: 2px 0; font-weight: bold }
div.bloccoform select, div.bloccoform input.textbox { width: 220px }
div.bloccoform.button-block { padding-left: 90px }
div.bloccoform fieldset label { float: none; width: auto; margin: 0; font-weight: normal }
/* p a.mic-link { margin-left: 0 } */
#maincontent.user,
#maincontent.newsletter,
#maincontent.ricerca { padding-top: 5px; padding-bottom: 0 }
#maincontent.user div.blocco,
#maincontent.newsletter div.blocco,
#maincontent.ricerca div.blocco { margin: 20px 0 }
#maincontent.ricerca div.blocco.cerca { overflow: hidden; padding-left: 10px }
#maincontent.ricerca div.blocco.cerca img { float: left; margin-left: -10px; margin-right: 20px }
#maincontent.newsletter div.blocco em { font-style: normal; font-weight: bold; color: #B00B1D }
#maincontent.calendario { padding: 0 }
#maincontent.calendario h3 { font-size: 1.5em; padding: 4px 20px; background-color: #EFEFEF }
#maincontent.calendario ul.sub-menu { background-color: #EFEFEF }
#maincontent.calendario h4 { margin-top: 20px; padding: 0 20px 5px 30px; border-bottom: 1px solid #EFEFEF }
#maincontent #infolist { margin: -20px -20px -25px -20px }
#maincontent #infolist div.blocco,
#maincontent.calendario div.blocco { margin-top: 20px; padding: 0 20px 20px 30px; border-bottom: 1px solid #EFEFEF }
#tabellaservizi { border-bottom: 40px solid #FFFFFF }
#tabellaservizi th { width: 12%; text-transform: lowercase; font-weight: normal; padding: 20px 0 3px 0 }
#tabellaservizi th.primo { width: 28% }
#tabellaservizi td { border-bottom: 1px solid #C6C6C6; background-color: #FFFFFF; padding: 10px 0 0 0 }
#tabellaservizi td.primo { border-bottom: 0; padding-left: 20px }
#tabellaservizi td.primo div { border-bottom: 1px solid #C6C6C6 }
#tabellaservizi td.service { background: url(../images/icone/bullet.gif) no-repeat center center #FFFFFF }
div.blocco.questionario fieldset { margin: 20px 0; border: 1px solid #C6C6C6 }
div.blocco.questionario fieldset legend { font-weight: bold }
div.blocco.questionario div.bloccoform { margin: 16px }
div.blocco.questionario div.bloccoform.nolabel { margin-left: 216px }
div.blocco.questionario div.bloccoform label { width: 200px; font-weight: normal }
div.blocco.questionario div.bloccoform select, div.bloccoform input.box { width: 210px }
div.blocco.questionario div.bloccoform textarea { width: 100% }
div.blocco.questionario div.bloccoform.button-block { padding-left: 200px }
div.blocco.questionario div.bloccoform div.checkbox-group { float: left }
div.blocco.questionario div.bloccoform div.checkbox-group label { width: auto; float: none }
div.blocco.questionario div.bloccoform div.date div.element { float: left }
div.blocco.questionario div.bloccoform div.date div.element label { width: auto }
div.blocco.questionario div.bloccoform div.date div.element input { width: 30px; border: 1px solid #C6C6C6; padding: 0.08em 0; margin: 0 0.2em }
#gallery { list-style-type: none; margin-top: -10px; margin-left: -10px }
#gallery li { float: left; margin-top: 10px; margin-left: 10px }
#calendario { background-color: #FFFFFF; padding: 25px 20px; margin-bottom: 30px }
#calendario table tr td { text-align: center }
#calendario table.calendar-navigator,
#calendario table.calendar { width: 158px }
#calendario table.calendar-navigator tr td { font-weight: bold }
#calendario table.calendar-navigator tr td a { color: #B00B1D }
#calendario table.calendar tr.calendar-day-names th { color: #333333 }
#calendario table.calendar tr.calendar-day-names th, #calendario table.calendar tr.calendar-days td { width: 18px; height: 18px; padding: 0 }
#calendario table.calendar tr.calendar-days td.calendar-day-selected div, #calendario table.calendar tr.calendar-days td.calendar-day-selected-today div { border: 1px solid #000000 }
#calendario table.calendar tr.calendar-days td.calendar-day-today, #calendario table.calendar tr.calendar-days td.calendar-day-selected-today { font-weight: bold }
#calendario table.calendar tr.calendar-days td div { border: 1px solid #FFFFFF; padding: 1px 0 }
#calendario table.calendar tr.calendar-days td a div { border: 1px solid #C6C6C6 }
#calendario table.calendar tr.calendar-days td a:hover div { text-decoration: none; background-color: #EFEFEF }
div.itemlista.catalogo { position: relative }
div.itemlista.catalogo div.info { padding-bottom: 38px }
div.itemlista.catalogo div.traduttore,
div.itemlista.catalogo div.genere,
div.itemlista.catalogo div.prezzo { margin-bottom: 0.5em }
div.itemlista.catalogo div.museo,
div.itemlista.catalogo div.prezzo,
div.itemlista.catalogo div.abstract { margin-top: 0.5em }
div.itemlista.catalogo div.tipologia a.mic-link { background: none; margin: 0; padding: 0 }
div.itemlista.catalogo div.prezzo span.prezzo-pieno { text-decoration: line-through }
div.itemlista.catalogo div.prezzo span.prezzo-scontato { color: #FF0000 }
div.itemlista.catalogo div.acquista { position: absolute; bottom: 20px; left: 140px }
div.itemlista.catalogo div.acquista a { display: block; float: left; height: 18px; padding: 15px 0 0 40px; background: url(../images/icone/carrello.jpg) no-repeat left; color: #B10B21; font-weight: bold; text-transform: lowercase }
div.itemlista.quicktime div.nome, div.itemlista.clink div.nome { float: left; width: 520px; padding-left: 10px }
div.libro { margin: 20px 0 }
div.libro div.autore { font-weight: bold }
div.libro div.titolo { font-style: italic }
#museiincomune { margin-top: 10px }
#museiincomune div.blocco div { margin: 8px 0 }
#maincontent.glossario #menu_glossario { list-style-type: none; margin-bottom: 20px }
#maincontent.glossario #menu_glossario li { display: inline-block; width: 20px; border-left: 1px solid #000000; font-weight: bold; text-align: center }
#maincontent.glossario #menu_glossario li.first { width: auto; border-left: none; padding-right: 4px }
#maincontent.glossario #menu_glossario li a { font-weight: normal; text-decoration: underline }
#maincontent.glossario #menu_glossario li span.disabled { font-weight: normal }
#maincontent.glossario div.titolo { font-weight: bold }
#maincontent.glossario div.blocco { margin-bottom: 20px }
div.colonnamappa { float: left; width: 50%; margin-bottom: 20px }
div.colonnamappa h3 { text-transform: uppercase; font-weight: bold; color: #B00B1D }
div.colonnamappa ul { list-style-type: none; margin-bottom: 1em }
#maincontent.scheda.multimedia h2 { float: none; width: auto; margin-bottom: 5px }
#maincontent.scheda.multimedia div.video { margin: 20px 0 }
/*
div.box.virtual-tour { margin-top: 10px }
div.box.virtual-tour div.blocco { margin-bottom: 0 }
div.box.virtual-tour div.blocco img { float: left; margin: 0 14px 10px 0 }
*/
div.box.ufficiostampa { margin-top: 10px }
div.box.ufficiostampa div.blocco.cartellastampa { margin-bottom: 0 }
div.box.ufficiostampa div.blocco.cartellastampa.moreinfo { padding-top: 0 }
ul.rss-list { list-style-type: none; margin-top: 0.5em }
ul.rss-list li { display: inline; margin-right: 10px }
#opere div.opera { float: left; width: 218px; border: 1px solid #CDCDCD; padding: 6px; margin-right: 8px; margin-top: 8px; background-color: #FFFFFF; position: relative }
#opere div.opera img { width: 218px; height: auto; margin-bottom: 1em }
#opere div.opera div.autore { font-weight: bold }
#opere div.opera div.collocazione a { color: #B00B1D }
/*
#opere div.opera div.tuopercorso { position: absolute; top: 0; right: 0; width: 14px; height: 18px; padding: 8px 8px 13px 13px; background: url(../images/addwork.png) no-repeat left top }
#opere div.opera div.tuopercorso a { display: block; text-indent: -9999px; background: none }
*/
#infscr-loading { position: fixed; bottom: 40px; left: 50%; z-index: 1000; width: 300px; margin-left: -150px; padding: 20px; background-color: #FFFFFF; border: 1px solid #000000; border-radius: 10px; opacity: 0.8; text-align: center; font-size: 15px; font-weight: bold }