/* 
    AUTHOR: Valentina Rachiele
            2fooo.com
*/

/* ------------------------------------------ */
/* RESETS, BASIC PAGE SETUP, BASIC TYPOGRAPHY */
/* ------------------------------------------ */
* { margin: 0; padding: 0; }
html {height: 100%;}
body {height: 100%; font:76%/140% Verdana,Arial,Helvetica,sans-serif; color: #4D4D4D; }
p { font-size: 100%;}
a { outline: none; text-decoration: none; }
a img { border: none; }
/* END RESET */

* html ul li a {
   height:1em;
}

ul, li, ul li {padding: 0; margin: 0;}

/* ------------------------------------------ */
/* TOOLBOX CSS */
/* ------------------------------------------ */
.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both; }
.center { margin: 0 auto; display:block;}
/*a.email { background: url(../images/email.gif) no-repeat left center; padding-left: 19px;}*/
/*a.pdf { background: url(../images/pdf.png) no-repeat left center; padding-left:17px;}
a.word { background: url(../images/word.png) no-repeat left center; padding-left:17px;}
a.image { background: url(../images/image.png) no-repeat left center; padding-left:17px;}*/
a.go { background: url(../images/go.png) no-repeat left center; padding-left:17px;}
a.gallery { background: url(../images/gallery.png) no-repeat left center; padding-left:17px;}
a.external { background: url(../images/external.png) no-repeat right center; padding-right:19px;}
#sidebar img.zoom, #main img.zoom { padding-bottom: 20px; background: url(../images/magnify.png) no-repeat right bottom;}
blockquote {background: url(../images/pullquote.gif) no-repeat left top; padding-left: 35px; line-height: 1.6em; padding-bottom: 7px;}
.highlight {border-left: 4px solid #9F081B; padding-left: 3px;}
.footnote {font-size: 90%; color: #6F6F6F;}
/* END TOOLBOX */

/* ------------------------------------------ */
/* PAGE STRUCTURE */
/* ------------------------------------------ */
#page-wrap {
	width: 100%;
	min-height: 100%;
height: auto !important;
 height: 100%;
 margin: 0 auto -27px auto;
}

#topmenu_c {background:#FFF url(../images/topmenu.gif) repeat-x; width:100%;}
#topmenu {
	width: 955px;
	height: 27px;
	margin: 0 auto 0 auto;
	line-height: 27px;
	text-align: right;
}

#header {
	width: 955px;
	margin: 5px auto 0 auto;
}

#breadcrumbs {
	width: 955px;
	margin: 0 auto;
	padding: 0;
	height: 20px;
	background:url(../images/bc_bg.png) repeat-x; 
    line-height:20px;
    color:#4D4D4D;
    overflow:hidden;
}

#container {width: 955px; margin:20px auto;}
#main {width: 67%; margin: 0 3% 0 0; background: url(../images/content_bg.jpg) repeat-x top left;}
#sidebar {width: 30%; float: right; margin: 0; background: url(../images/content_bg.jpg) repeat-x top left;}

.blockcontainer {
	width: 955px;
	margin: 0px auto 25px auto;
	overflow:hidden;
	padding: 0;
}

.separator {width: 288px; height:17px; background: url(../images/separator.gif) no-repeat top center;}
.border { width: 95%; height: 15px; margin: 0 auto 15px auto; border-bottom: 1px solid #CCC;}

/* ------------------------------------------ */
/* PAGINATION */
/* ------------------------------------------ */
#main #pagination {width: 100%; margin-top: 7px; border-top: 2px solid #e0e0d6;}
#main #pagination ul{border:0; margin:0; padding:0; list-style: none; list-style-type:none;}
#main #pagination li{border:0; margin:0; padding: 5px;list-style:none; list-style-type:none;float:right;}
#main #pagination .active{
color:#999;
display:block;
}
#main #pagination a:link,
#main #pagination a:visited {
color:#9F081B;
display:block;
text-decoration:underline;
}
#main #pagination a:hover{text-decoration:underline;}

.home{border:none;margin: 2px 0px;padding: 0 0 0 10px;}

/* ------------------------------------------ */
/* LISTS */
/* ------------------------------------------ */
#breadcrumbs ul li {list-style-type:none;}
#breadcrumbs li 
{
height: 20px;
    list-style-type:none;
    float:left;
	color: #7d6c62;
		    padding: 0 10px 0 0; 
}
#main ul { list-style: none; color: #666; line-height:1.5em; text-indent:0;padding: 0; font-size: 100%;}
#main li {padding: 4px 0px; font-size: 100%; list-style: url(../images/bullet_1.png) inside;}
#main li ul li {padding: 3px 15px; font-size: 100%; list-style: url(../images/bullet_2.png) inside;}
#main li.TabbedPanelsTab{list-style: none; padding: 7px;}
#sidebar ul li {height: 19px; margin: 0;list-style: none; font-size: .94em; }
#sidebar ul li.active {padding: 0px 5px 0px 13px; background: #e0e0d6 url(../images/ul_bg.png) no-repeat left;}
#links ul {
        list-style-type: none;
        width: 95%;
		margin: 0;
		padding: 0;
} 

#links ul li {
        width: 95%;
} 

#links li {
    border-bottom: 1px dotted #A9A99F;
}

#links li a { 
        display: block;
        padding: 5px;
        text-decoration: none;
}

 * html #links li a {  /* make hover effect work in IE */
        width: 95%;
}

#links li a:hover {
        background: #e6e6e6;
		text-decoration: none;
}

#links a em { 
        color: #4d4d4d;
        display: block;
        line-height: 125%; 
}

#links a span {
        color: #7F7F77;
        font-size: 80%;
        line-height: 150%;
}

#push a {background: url(../images/up.png) no-repeat left center; padding-left: 15px;}
/* ------------------------------------------ */
/* TYPOGRAPHY */
/* ------------------------------------------ */

.blockcontainer p { line-height:1.2em;}
.blockcontainer h3 {}
#pagination { font-family:Georgia, "Times New Roman", Times, serif;}
#footer p { font-size: 90%; color: #666666; letter-spacing: 1px;}
#topmenu p {font-size: 90%;
color: #999;}
p.caption {font-size: .94em; color: #7d6c62; padding: 2px 5px; font-style:italic; text-align: center;}
#breadcrumbs {font-size: 90%; color:#999999;}
#fondazione h3 {
	text-indent:-9999px;
	display:block;
	width:301px;
	height:44px;
	background:url(../images/fondazione.gif) no-repeat;
	margin-bottom: 7px;
}
#container p {line-height:1.6em; padding-bottom: 7px;}
#main p {padding-bottom:7px;}
#sidebar p {font-size: .94em; line-height:1.4em;}
#sidebar h3, #main h3 {color: #9F081B; letter-spacing: 1px; font-size: 170%; font-weight: normal; /*border-bottom: 2px solid #e0e0d6;*/ padding-bottom: 5px; margin-bottom: 7px;}
#sidebar h3.blank {color: #FFF;}
#container h4 {color: #A3712B; font-size: 120%; padding-top: 15px;}

#news h3 {
	text-indent:-9999px;
	display:block;
	width:72px;
	height:22px;
	background:url(../images/news.gif) no-repeat;
}

#biblioteca h3 {
	text-indent:-9999px;
	display:block;
	width:95px;
	height:24px;
	background:url(../images/biblioteca.gif) no-repeat;
}

#eventi h3 {
	text-indent:-9999px;
	display:block;
	width:59px;
	height:22px;
	background:url(../images/eventi.gif) no-repeat;
}

#musica h3 {
	text-indent:-9999px;
	display:block;
	width:74px;
	height:24px;
	background:url(../images/musica.gif) no-repeat;
}
/* ------------------------------------------ */
/* LINKS */
/* ------------------------------------------ */
#breadcrumbs a:hover {text-decoration: none;}
#topmenu a {
color: #666;
text-decoration: underline;
}

#topmenu a:hover {
text-decoration: none;
color: #999;
}

#breadcrumbs a
{
    background:url(../images/bc_separator.png) no-repeat right center; 
	    padding: 0 15px 0 0;
    height:20px;
    display:block;
	float: left;
    text-decoration: underline;
    color:#9F081B;
}

#container a{ color:#9F081B;}
#container a:hover{
	text-decoration: underline;
}
.blockcontainer a { color: #C1463E; text-decoration: none;}
.blockcontainer a:hover { text-decoration: underline;}
a.more {font-size: .94em; padding: 1px 17px 1px 0; background: url(../images/more.gif) no-repeat right center; /*margin-left: 15px;*/}
a:hover.more {background: url(../images/more_h.gif) no-repeat right center;}
#footer a {color:#9F081B; }
/* ------------------------------------------ */
/* NAVIGATION */
/* ------------------------------------------ */
/* ================================================================ 
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/pro-dropline-9.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* for this demo only */
#dropline9 {position:relative; height:55px; width:955px; background: #fff; margin: 7px auto 7px auto;}
#dropline9 ul {padding:0; margin:0; list-style:none; width:955px; height:26px; background: #FFF url(../images/mainmenu.gif) repeat-x;}
/*il sottomenu*/
#dropline9 ul ul {padding:0; margin:0; list-style:none; width:955px; height:35px; font-size:.94em;}

#dropline9 table {border-collapse:collapse; margin:-1px -20px 0 0; padding:0; width:0; height:0; font-size:1em;}
/*singole voci di menu del mainmenu*/
#dropline9 li {float:left; height:26px;}
#dropline9 li a.latest {background-image:none;}
#dropline9 li a {float:left; display:block; height:26px; line-height:26px; background: url(../images/menu-sep.gif) no-repeat right bottom; color:#E6E6E6; text-decoration:none;}
#dropline9 li a b {float:left; height:26px; display:block; padding:0 28px 0 28px; cursor:pointer; display:inline; font-weight:normal;}
#dropline9 li.current a {background-position:0 -23px;}
/*la voce di menu selezionata - mainmenu*/
#dropline9 li.current a b {color:#E6E6E6; background-color: #9F081B;}
#dropline9 li ul {position:absolute; top:26px; left:-9999px; z-index:10;}
/*il submenu selezionato - l'intera riga*/
#dropline9 li.current ul {left:0; z-index:1; background: #FFF url(../images/submenu.gif) repeat-x left top;}


#dropline9 li a:hover { cursor:pointer; background: #9F081B 0 5px;}
#dropline9 li a:hover b {background-position:100% -70px;}
#dropline9 li:hover > a  { text-decoration:underline; cursor:pointer;}
#dropline9 li:hover > a b {background-position:100% -70px; text-decoration:underline;}

#dropline9 li.current a:hover {background-position:0 -26px;}
#dropline9 li.current a:hover b {background-position:100% -26px; text-decoration:underline;}
#dropline9 li.current:hover a {background-position:0 -26px;}
#dropline9 li.current:hover a b {background-position:100% -23px; text-decoration:underline;}

#dropline9 ul :hover ul {left:0;background: #FFF url(../images/submenu.gif) repeat-x left top; }

#dropline9 li ul.editoria    { padding-left: 455px; width: 500px }
#dropline9 li ul.seminari   { padding-left: 490px; width: 465px }
#dropline9 li ul.mostre     { padding-left: 680px; width: 275px }
#dropline9 li ul.foresteria   { padding-left: 800px; width: 155px }
/*#dropline9 ul :hover ul.right li,
#dropline9 ul li.current ul.right li {float: right;}*

#dropline9 ul :hover ul.blank {}
/*il submenu con hover*/
#dropline9 ul :hover ul li a {display:inline;  padding:0 10px; margin:0; width:auto; white-space:nowrap; font-weight:normal; border:0; color:#E6E6E6; height:26px; line-height:26px; background-color: #9F081B;}
#dropline9 ul :hover ul.right li a {background-image:none;}
#dropline9 ul :hover ul li a {background-image:none;}


#dropline9 ul li.current ul li a,
#dropline9 li.current a:hover ul li a,
#dropline9 li.current:hover ul li a	{display:inline; padding:0 10px; margin:0; width:auto; white-space:nowrap; font-weight:normal; border:0; color:#E6E6E6; height:26px; line-height:26px;background-image:none;}

#dropline9 ul li.current ul.right li a,
#dropline9 li.current a:hover ul.right li a,
#dropline9 li.current:hover ul.right li a {background-image:none;}

#dropline9 ul :hover ul li a.last,
#dropline9 ul li.current ul li a.last,
#dropline9 li.current a:hover ul li a.last,
#dropline9 li.current:hover ul li a.last {background-image:none;}

#dropline9 li ul li.current_sub a,
#dropline9 li a:hover ul li.current_sub a,
#dropline9 li:hover ul li.current_sub a,
#dropline9 li a:hover ul li a:hover,
#dropline9 li:hover ul li a:hover {}
/*il submenu selezionato col triangolino in basso*/
#dropline9 li.current ul li.current_sub a {height: 35px; background: transparent url(../images/current.gif) no-repeat center bottom;}
#dropline9 li.current a:hover ul li.current_sub a,
#dropline9 li.current:hover ul li.current_sub a,
#dropline9 li.current a:hover ul li a:hover,
#dropline9 li.current:hover ul li a:hover {}


/**************************************************************************************/

#push {height: 25px; font-size: 90%; text-align: right;}
#footer {
	width: 100%;
height: 25px;
	margin-top: 25px;
	background:#FFF url(../images/footer.gif) repeat-x;
	text-align: center;
	clear: both;
	line-height: 25px;
}

#fondazione {
	width: 302px;
	margin-right: 20px;
	background-color: #FFFFFF;
	float: left;
}

#video {
	width: 302px;
	margin-right: 20px;
	background-color: #FFFFFF;
	float: left;
}

#news {
	width: 302px;
	margin: 0;
	background-color: #FFFFFF;
	float: left;
}

#biblioteca {
	width: 302px;
	margin-right: 20px;
	background-color: #FFFFFF;
	float: left;
}

#musica {
	width: 302px;
	margin-right: 20px;
	background-color: #FFFFFF;
	float: left;
}

#eventi {
	width: 302px;
	margin: 0;
	background-color: #FFFFFF;
	float: left;
}
/* END STRUCTURE */

/* ------------------------------------------ */
/* IMAGES */
/* ------------------------------------------ */
#biblioteca img, #musica img {float: left;}
#sidebar img {display: block; padding: 3px; margin: 9px auto; border: 1px solid #a9a99e;}
#main img {display: block; padding: 3px; margin: 5px; border: 1px solid #a9a99e;}
/* ------------------------------------------ */
/* ACCORDION*/
/* ------------------------------------------ */
#accordion{
width: 100%;
margin: 10px auto;
}
.title{
width: 625px;
height: 32px;
background: #DFDFD5 url(../images/accordion.jpg); 
border: 1px solid #C5C5BD;
margin: 1px;
}
.title a{
line-height: 32px;
padding-left: 10px;
font-weight: bold;
text-decoration: none;
}
.content p{font-size: 90%; padding: 10px 10px;}
/* ------------------------------------------ */
/* TABS*/
/* ------------------------------------------ */
div#tabs{
	width:615px;
	margin:10px auto;
	border:none;
	
}	
/* DIV that holds each tab*/
div.my_tab{
	width:472px;
	padding: 10px;
	margin:0px auto;
	float:left;
	display:inline;
	border-left: 5px solid #E3E3D7;
}
	
/* Title of each tab, used when user don't have Javascript'*/	
div.my_tab h5{
	color:#414141;
}
	
/* Tab Bar, created via JS*/
div#tab-bar{
	padding:10px 0px 10px 0px;
	width:105px;
	height: 315px;
	margin-bottom:30px;
	float:left;
	display:inline;
overflow: scroll;
}
	
/* Single Tab */
div#tab-bar div.mt-tab{
	width:78px;
	position:relative;
	text-align:center;
	margin:4px 0px 0px 0px;
	cursor:pointer;
	float:right;
	display:inline;
color: #9F081B;
	font-weight:bold;
	padding:5px 5px 5px 15px;		
}
	
/* Single Tab, when active */
div#tab-bar div.mt-tab-active{
	text-align:center;
	margin:4px -1px 0px 0px;
	cursor:pointer;
	float:right;
	border-top: 1px solid #C5C5BD;
	border-bottom: 1px solid #C5C5BD;
	display:inline;
	color: #4D4D4D;
	padding:5px 5px 5px 15px;	
}