html, body {
width:100%;
margin: 0;
padding: 0;
border:0;
text-align: left;
font: normal 11px Arial, Verdana, Tahoma, Helvetica, sans-serif;
color: #333333;
/*background:#eeeee6 url('../images/bg_page.gif') repeat-y fixed 864px 0; */
background:#eeeee6 url('../images/bg_page_1115.gif') repeat-y fixed left top;
}
h1, h2, h3, h4, h5, h6, ol, hr, div, img, p, ul, li, form {
padding: 0; margin: 0; border:0; text-align: left;
}
div { border-collapse:collapse; }
a, a:hover, a:visited, a:link { text-decoration:none; padding: 0; margin: 0; color:#707070; cursor:pointer }
a.active{ color:#00adab; text-decoration:underline;}
.gray { color:#bdbdbd; }
.cyan { color:#00adab;}
.hidebox { display:none }
object:active, div:active { outline: none; }
/*object:focus, div:focus{ -moz-outline-style: none; }*/
a:hover{ text-decoration:underline; }
a.noactive { cursor:default}
a.noactive:hover { text-decoration:none; }
img { border:0; }
#boxError { width:auto; height:16px; padding-top:5px; font-size:10px; color:#F00}
h1 { font-size:14px; color:#00adab;}
h2 { font-size:11px;}
h3 { font-size:14px; color:#00adab;}
h4 { font-size:11px;}
DIV.bg_arrow_cyan { width:12px; height:16px; background:url('../images/ar_cian.gif') no-repeat 0 2px; }
#titlePage { width:auto; height:16px; overflow:auto; padding:0 0 20px 22px; background:none; background:url('../images/ar_cian.gif') no-repeat 0 2px; }
#textDescription{ width:100%; height:auto; overflow:auto; padding:20px 0;}
#textDescription p.left { float:left; width:48%}
#textDescription p.right { float:right; width:48%; padding-right:10px;}
#box_archivio { float:left; width:220px; height:auto; overflow:auto; }
#box_archivio .anno { width:auto; padding:20px 0 20px 22px; background:url('../images/ar_cian.gif') no-repeat 0 21px;}
#container_main {width: 844px; height:100%; overflow:auto; padding:10px; background-color:#FFF}
/*-----------------------------------------------------
HEADER
------------------------------------------------------*/
#header { width: auto; height:170px;}
#logo { float:left; width: 220px; padding:0 10px 0 0; }
#menu { float:left; width: 570px; padding:48px 0 27px 40px; background:url('../images/1px_horiz.gif') repeat-x bottom; }
#menu ul { float:left; width: 115px; list-style-type:none; background:url('../images/1px_vert.gif') repeat-y right;}
#menu ul li { height:20px; padding:2px 0 0 20px; border:0 solid #000; color:#bdbdbd;}
#menu ul li .gray { color:#bdbdbd;}
#menu ul li .grayactive { color:#bdbdbd; text-decoration:underline; font-weight:bold }
#menu ul li .active { color:#00adab; text-decoration:underline; font-weight:bold }
#menu .last{ background:none; width: 125px;}
#menu ul .middle{ padding-left:30px;}
#menu .right{ float:right; width:auto; padding-top:5px;}
#menu .active { color:#00adab; text-decoration:underline; font-weight:bold }
/*------------------------------------------------------
MAIN
------------------------------------------------------*/
#main { width: auto; height:auto; overflow:auto; background-color:#FFF}
#main .bg_pres {width: auto; height:375px;}
#homecontent { width:auto; height:auto; overflow:auto; padding:35px 0 0 0; }
#homecontent .boxorari { float:left; width:240px; height:auto; overflow:auto; padding:0px 0; background:url('../images/1px_vert.gif') repeat-y 200px top; }
#homecontent .boxorari h2 { color:#00abab; font-weight:normal }
#homecontent .boxnews { float:left; width:300px; height:auto; overflow:auto; padding:30px 0; background:url('../images/1px_horiz.gif') repeat-x top; }
#homecontent .boxnews a img { float:left;}
#homecontent .boxnews .cnt { float:left; width:230px; height:auto; overflow:auto; padding-left:10px;}
#homecontent .boxnews .cnt a.title {float:left; width:auto; height:auto; font-size:11px; color:#00abab; display:block}
#homecontent .boxnews .cnt a.title p { background:url('../images/ar_cian.gif') no-repeat right 2px; padding-right:20px}
#homecontent .boxnews .cnt p.txt{ width:auto; height:auto; clear:both}
#homecontent .boxnews .cnt .download { width:100%; height:auto; overflow:auto; padding-top:0; color:#bdbdbd;}
#homecontent .boxnews .cnt .download p { float:left; width:30%; font-weight:bold}
#homecontent .boxnews .cnt .download ul { float:left; width:70%; height:auto; overflow:auto; list-style-type:none; padding:0;}
#homecontent .boxnews .cnt .download ul li { background:none; width:80%; background:url('../images/ar_gray.gif') no-repeat 0 2px; padding:0 0 5px 22px; }
#homecontent .boxnews .cnt .download ul li a { text-decoration:underline }
/*#homecontent .boxnews.first { padding-right:15px}*/
/*------------------------------------------------------
FOOTER
------------------------------------------------------*/
#footer { float:right; width:auto; height:30px; text-align:right; margin-right:5px; background:url('../images/1px_horiz.gif') repeat-x top;}
#footer p { font-size:10px; color:#bdbdbd; padding-top:10px;}
#footer p a { color:#00abab; font-weight:bold}
/*------------------------------------------------------
BOX NEWSLETTER
------------------------------------------------------*/
#box_newsletter { width:auto; height:auto; /*padding-top: 60px;*/ padding:20px 0;}
#box_newsletter_form {padding:0 0 0 20px;}
#box_newsletter_form p {padding:15px 0 0 0;}
#box_newsletter_form .cyan { color:#00adab; padding-bottom:10px;}
#responseSend {padding:40px 0; }
#responseSend p {font-size:12px; text-align:center;}
/*------------------------------------------------------
DIDATTICA
------------------------------------------------------*/
#box_didattica { width:100%; height:auto; overflow:auto; padding-bottom:30px; margin-bottom:30px; background:url('../images/bg_eventi_archivio.gif') repeat-y left;}
#box_didattica .recenti { float:left; width:575px; height:auto; padding-right:30px}
#box_didattica .recenti ul { width:auto; list-style-type:none; padding-left:22px;}
#box_didattica .recenti ul li { width:60%; padding:10px 0; background:url('../images/1px_horiz.gif') repeat-x bottom;}
#box_didattica .recenti ul li h4 {}
/*------------------------------------------------------
EVENTI
------------------------------------------------------*/
#box_eventi { width:100%; height:auto; overflow:auto; padding-bottom:30px; margin-bottom:30px; background:url('../images/bg_eventi_archivio.gif') repeat-y left; }
#box_eventi .recenti { float:left; width:575px; height:auto; overflow:auto; padding-right:30px;}
#box_eventi .recenti ul { width:auto; height:auto; list-style-type:none; padding-left:22px; }
#box_eventi .recenti ul li { width:60%; height:auto; overflow:auto; padding:10px 0; background:url('../images/1px_horiz.gif') repeat-x bottom;}
/*------------------------------------------------------
PRESSAREA
------------------------------------------------------*/
#box_pressarea { width:100%; height:auto; overflow:auto; padding-bottom:30px; margin-bottom:30px; background:url('../images/bg_eventi_archivio.gif') repeat-y left; }
#box_pressarea .recenti { float:left; width:575px; height:auto; overflow:auto; padding-right:30px;}
#box_pressarea .recenti ul { width:auto; height:auto; list-style-type:none; padding-left:22px; }
#box_pressarea .recenti ul li { width:60%; height:auto; overflow:auto; padding:10px 0; background:url('../images/1px_horiz.gif') repeat-x bottom;}
#box_pressarea .recenti ul li h2 { color:#00adab;}
#box_pressarea .recenti ul li .download { width:100%; height:auto; overflow:auto; padding-top:5px; color:#bdbdbd;}
#box_pressarea .recenti ul li .download p { float:left; width:20%; font-weight:bold}
#box_pressarea .recenti ul li .download ul { float:left; width:80%; height:auto; overflow:auto; list-style-type:none; padding-left:0;}
#box_pressarea .recenti ul li .download ul li { background:none; width:90%; background:url('../images/ar_gray.gif') no-repeat 0 2px; padding:0 0 5px 22px; }
#box_pressarea .recenti ul li .download ul li a { text-decoration:underline }
/*------------------------------------------------------
INFO E ORARI
------------------------------------------------------*/
#box_info_orari { width:100%; height:auto; overflow:auto; padding-bottom:30px; margin-bottom:30px;}
#box_info_orari .cartina { float:left; width:auto; height:auto; padding-left:40px; padding-right:130px;}
#box_info_orari .info_orari { float:left; width:270px; height:auto; padding:20px 30px 0 0;}
#box_info_orari .info_orari .info { width:270px; height:auto; padding:0 0 20px 22px; background:url('../images/1px_horiz.gif') repeat-x bottom;}
#box_info_orari .info_orari .info h2 { color:#00adab;}
#box_info_orari .info_orari .info a.email { text-decoration:underline}
#box_info_orari .info_orari .orari { width:270px; height:auto; padding:20px 0 0 0;}
#box_info_orari .info_orari .orari h2 { color:#00adab; padding-left:22px; background:url('../images/ar_cian.gif') no-repeat 0 1px;}
#box_info_orari .info_orari .orari p { padding-left:22px;}
#box_info_orari .lnkmappa { float:right; width:auto; height:auto; overflow:auto; padding-top:90px }
#box_info_orari .lnkmappa a span { float:left; width:auto; font-size:11px; font-weight:bold; color:#00abab; text-decoration:underline; padding-right:5px;}
#box_info_orari .lnkmappa a img { float:left; margin-top:2px; }
/*------------------------------------------------------
MOSTRE
------------------------------------------------------*/
#box_mostre { width:100%; height:auto; overflow:auto; padding-bottom:30px; margin-bottom:30px; background:url('../images/bg_eventi_archivio.gif') repeat-y left;}
#box_mostre .ultima { float:left; width:575px; height:auto; overflow:auto; padding-right:30px; }
#box_mostre .ultima .content { width:100%; height:auto; overflow:auto; padding-bottom:40px;}
#box_mostre .ultima .content .title { float:left; width:50%; height:auto; }
/*#box_mostre .ultima .content .title h4 { font-size:14px; color:#00adab;}*/
#box_mostre .ultima .content .title .data { width:auto; height:24px;}
/*#box_mostre .ultima .content .title .lnk span{ float:left; width:auto; padding-right:5px; color:#bdbdbd;}
#box_mostre .ultima .content .title .lnk img{ float:left; padding-right:5px; margin-top:2px;}
#box_mostre .ultima .content .title .lnk a{ float:left; width:auto; padding-right:5px; text-decoration:underline}
#box_mostre .ultima .content .title .lnk span.down { padding-right:25px; background:url('../images/ar_gray.gif') no-repeat 60px 2px; font-weight:bold}
*/
#box_mostre .ultima .content .title .download { width:100%; height:auto; overflow:auto; padding-top:5px; color:#bdbdbd;}
#box_mostre .ultima .content .title .download p { float:left; width:20%; font-weight:bold}
#box_mostre .ultima .content .title .download ul { float:left; width:80%; height:auto; overflow:auto; list-style-type:none; padding:0;}
#box_mostre .ultima .content .title .download ul li { background:none; width:90%; background:url('../images/ar_gray.gif') no-repeat 0 2px; padding:0 0 5px 22px; }
#box_mostre .ultima .content .title .download ul li a { text-decoration:underline }
#box_mostre .ultima .content .desc { float:right; width:45%; height:auto; padding-right:15px }
#box_mostre .ultima .photogallery { width:auto; height:auto; }
#box_mostre .ultima .photogallery .lnkfoto { color:#00adab; padding-bottom:2px;}
#box_mostre .ultima .photogallery .last { padding-bottom:5px;}
#box_mostre .ultima .photogallery .boxfoto { width:auto}
#box_mostre .archivio { float:left; width:220px; height:auto; overflow:auto; }
#box_mostre .archivio .listamostre { width:96%; height:auto; overflow:auto; padding-bottom:20px;}
#box_mostre .archivio .listamostre a { float:left; width:auto; margin-right:10px;}