/*
-------------------
www.fondazionecarifano.it
Author:   Fondazione Cassa di Risparmio di Fano
Version:  january 2006
Revision: december 2010
------------------- */

/* structure */
body {font-size:75% /* 12px */; line-height:1.5em /* 18 px */; font-family:Helvetica, sans-serif; margin:0; padding:0; color:#666; background: #FFFFFF;
}

table {font-size:1em;}

/* calendar table */

#cal_table td {border-bottom:1px solid #CCC; padding:.5em;}
#cal_table {line-height:1em; font-weight:bold; width:100%;}
#cal_table td[colspan] {padding-top:1.5em;}
#cal_table .norm{font-weight:normal;}

/* tabular table styles */

#TabularTable th {
	font-weight:bold;
	text-align:center;
	border-bottom:.083em solid #dedede;
	padding:.417em .167em; /* 5px 2px */ 
	}

#TabularTable tbody th {
	font-weight:bold;
	padding:0 0 0 .417em;
	text-align:left;}

#TabularTable td {
	padding:.833em .417em;
	border-bottom:1px solid #dedede;}
	
#TabularTable tbody tr:hover {
	background-color:#eee;}
	
#TabularTable {
	border-collapse:collapse;
	margin:1.667em 0;
	width:100%;}
	
#TabularTable caption{display:none;}

/* end tabular table styles */

#Global {
	padding:0;
	width: 66.67em;
	margin:0 auto 1em;
	}

#Content {
	width: 40em;
	margin: auto 0 0;
	float:left;
	}
.slave {width:20em; float:right; margin-top:3em;}
.slave h3 {font-weight:bold;}

#GenericSummary #accordion div {margin-bottom:2em; border-bottom:.1em solid #ccc;}
#GenericSummary #accordion h3 {margin-bottom:1.28em; outline:none;}

#Wrapper {
	display: block;
	clear: both;
	height: 0px;
	visibility: hidden;
	width: 100%;}
	
#ChapterImage {
	float: right;
	width: 15.83em;
	margin-bottom: 10px;
	margin-left: .833em;
	text-align:center;}

.Quadreria a[href][name] {vertical-align:super; color:#a29a75; font-size:.916em;}
.Quadreria a[name~="Note"] {color:#a29a75; font-weight:bold;}

.biglist {float:left; width:50%; margin:0 0 1.5em; padding:0;}

.biglist span {font-size:1.33em; font-weight:bold; line-height:1.125em;}

.biglist ol {list-style:outside; list-style-type:decimal; margin:0 0 0 2em; padding:0;}

.biglist li {padding:0; margin:0 0 3em; line-height:1.5em;}

ol {list-style-type:lower-alpha; padding:0;}
ol li {padding-bottom:1em; margin:0; list-style-position:inside;}
/* end structure styles */

#fonti {
	border: solid .417em #c00;
	padding: 1.5em;
	margin-top:1.5em;}

.RightFloated {float:right;}

.strike {text-decoration:line-through;}
/* typography styles */

a:link {color: #666;
	text-decoration: none;}
a:visited {color: #666; text-decoration:none;}

a.ext {background-image:url(/Imgs/ExternalLinksArrow.gif); background-position:right top; background-repeat:no-repeat; padding-right:12px; padding-top:.2em;}

a img {border:none;}

p {text-align:left;
	line-height:1.5em; /* 18px */
	margin:auto 0 1.5em;}
	
h1, h2, h3, h4, h5 {font-family:Helvetica, Arial, sans-serif; font-weight:normal;}
h1 {font-size:1.5em; line-height:1.22em; margin:auto 0 .67em; padding-top:2em;}
h2 {font-size:1.33em; line-height:1.25em; margin:.6875em 0 .3125em;}
h3 {font-size:1.167em; line-height:1.285em; margin:.85em 0 .428em;}
h4 {font-size:1.083em; line-height:1.38em; margin :.92em 0 .46em;}	
strong {font-weight:bold;}

em {font-style:italic;}

#Content .News p.date {margin: 1.83em 0 0;
	font-size: .917em; /* 11px */
	color:#C1C1C1;
	border:none;
	padding:0;}

#Content .News h3 {margin: .167em 0;}

#Content .News p {margin-top: 0px;
	padding-bottom: .58em;
	border-bottom: .09em solid #dedede;
	font-weight:normal;
	}

blockquote {font-style:italic;}

.RightAligned {text-align:right;}

#list {list-style-type:disc;
	line-height: 1.5;
	text-align: left;
	margin-left:1.67em;
	padding-left:0;}

#list li {margin: 0 0 .75em;
	padding-left:0;}

.PoorUl {list-style-type:none; margin:0; padding:0;}

.PoorUl li {margin:.75em 0; text-align:left;}
#GenericSummary .PoorUl a {text-transform:uppercase; line-height:1.25em; font-size:.917em;}
#GenericSummary dd a {text-transform:uppercase; font-size:.917em; text-indent:0;}

dl dd ul#list {padding-bottom:.5em; border-bottom:.09em solid #ccc; margin-bottom:1.67em;}
dt {font-weight:bold; margin:1.5em 0 0;}
dd {margin:0 0 0 1em; line-height:1.5em;}

.px11 {font-size: .917em;}
	
.underscoredlink {border-bottom: 1px solid #666;}
	
a:link.Live, a:visited.Live {color:#c00;}
.rouge, a:link.rouge, a:visited.rouge {color:#c00;}

#Organigramma h2 {
	margin-top:1.38em;
}

#Organigramma p {margin-top:.33em;}

.GeneralImgFrame {padding:.417em;
	border:.09em solid #dedede;
	float:right;
	margin: 0 0 .833em .833em;}
	
.CenterAligned {text-align: center;}

/* end typography styles */

.imggeneral {border: .09em solid #dedede;}

.noborder {border-style: none;}

#jollybox {padding: 1.5em;
	border: 5px solid #ccc;
	margin-top:1.5em;}

.BgOnly {background-color: #f8f8f8;
	padding:.833em;}
	
/* -----events-------*/
.events {background-color:#f8f8f8; padding:1.5em .5em .5em; margin:0; border-bottom: .167em solid #cccccc;}

.eventsimg {float:left; width:165px; height:100px; margin:0; padding:0; background:url(../Imgs/EventsPhotosBg.gif) no-repeat top left; border:none;}

.eventsimg img {border:none; margin:.67em; padding:0;}

.events .brochure {float:right; margin:0 0 .833em .833em; border:none;}

.events .photoset {border-bottom: .09em solid #cccccc; padding-bottom:.167em;}

.events .linkography, .events .photoset {float:right; clear:both; text-align:right; margin:.27em 0; font-size:.917em;}

#Content .events p { margin:0 0 .5em 14.6em;}

#Content .events p.date {font-size:.916em; padding-top:.18em; margin-left:15.91em;}

.photoset span, .linkography span {font-weight:bold;}

.EventsPage .RightAligned strong {font-size:.917em;}
/*-----end events-----*/

/* Photo gallery with th and text */
.PhGalleryBigTh {margin-top:1.5em; margin-bottom:3em; padding-top:.75em; border-top:.1em solid #ccc;}

.PhGalleryBigTh h3 {margin:0 0 auto 15em;}

#Content .PhGalleryBigTh p {
	margin-left:17.5em;
	margin-top:.75em;
}

.PhGalleryBigTh img {display:block; padding:.5em; border:.1em solid #ccc; float:left;}

.PhGalleryBigTh h3 span {font-size:.833em; color:#ccc; font-weight:normal;}
/* ends Photo gallery with th and text */

.BorderTdNotes {border-bottom: 1px solid #dedede;
	font-weight: bold;}

/* san domenico */
.sdomenicogallery {margin-top:1.67em; padding-top:.833em; border-top:1px solid #a29a75; clear:both;}

.sdomenicogallery img {padding:.25em;
	border:solid .33em #ccc;
	margin:0 1.67em 1.67em 0;
	float:left;}
	
#Content .sdomenicogallery h3 {font-size:1em; font-weight:bold; margin:0 0 0 17.67em;}

#Content .sdomenicogallery p {margin-left:17.67em;}

#widegallery {padding-bottom:1.5em;}

#widegallery img {
	margin:auto .15em .75em 0;
	border: 1px solid #ccc;
	padding:0.16em;
}
	
/* end san domenico */

/* Quadreria */

/* start #PaintingsContainer*/
.Quadreria #PaintingsContainer div {border-top: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	margin:0 0 2em 0;
	padding: 0px .5em .5em;
	background-color:#f8f8f8;
	}

.Quadreria #PaintingsContainer a:hover {color:#a29a75;}

.Quadreria #PaintingsContainer label {color:#c1c1c1;
	font-size:.917em;
	margin:auto;
	}
.Quadreria #PaintingsContainer div p {margin-top:1.5em;}

.Quadreria #PaintingsContainer cite {font-size:.917em;}

.Quadreria a[rel="lightbox[roadtrip]"]:after {
	content:" >";}
	
/* end PaintingsContainer*/

/* end Quadreria*/

/* Progetti */

/* Lago Vicini */


/* end Lago Vicini */

/* end Progetti */

/* Complesso San Michele */
#SanMicheleMenu {text-align:center; border-top:#a29a75 1px solid; border-bottom:#a29a75 1px solid; padding:.25em 0px; margin-top:1.67em; margin-bottom:2.5em; line-height:1.67em;}

#SanMicheleMenu a {padding-left:.833em; padding-right:1.25em;}

/* ends Complesso San Michele */

/* AF */
#AF {padding:1.5em 0; border-top:.833em solid #dedede; margin:3em 0 0; background-color:#eee; clear:both; text-align:center; color:#000;}

#AF div {text-align:left;}

#AFSx {padding:0 1em 0 0; margin:.5em 1em 0 0; width:29%; float:left;}

#AF h4 {font-weight:bold; margin-bottom:2em; margin-top:2em; color:#666;}

#AFCenter {margin:.5em 1em 0; width:30%; padding:0 1em 0 0; float:left;}

#AFDx {margin:.5em 0 0 1em; width:29%; padding:0; float:left;}

#AF p {border-bottom:dotted .09em #ccc;}

.AFBox {width:66.67em; margin:auto;}

/*ends AF*/

#Logo {width:40em; margin:3em 0; padding:0; height:42px;}
#Logo h1 {float:right; width:170px; height:42px; background-image:url(/Imgs/LogoFondazioneCRFano.gif); padding:0; text-indent:-9999px; background-repeat:no-repeat; margin:0;}

/* New menu */

#MainMenu {margin:auto 0 3em; width:43.6em; text-align:right; padding:.27em 0; font-size:.91em;  border-top:1px solid #ccc;}

#MainMenu li {display:inline; margin-left:1.36em; margin-right:0; line-height:1.63em;}

#MainMenu a:link, #MainMenu a:visited, #MainMenu a:hover, #MainMenu a:active {color:#666; font-weight:bold;}

#MainMenu a:hover, #MainMenu a:active {border-bottom:.18em solid #ccc;}

#MainMenu .tooltip table {width:100%;}

#MainMenu .tooltip table td{text-align:left; width:50%; font-size:1.09em;}

/* ends new menu */

/* Home news */
#News {text-align:left; width: 66.67em; margin-top: 1.67em; border-top:.09em solid #eee; border-bottom:.09em solid #eee; padding:.25em 0;}

#News p {margin:0; line-height:normal;}

/* ends Home news */

/* SiteSearch */
#SiteSearch {float:right; margin:0; padding:0;}
#SiteSearch input.borderarea {border:none; border-bottom:1px solid #ccc; width:220px;}

/* Rotator for images on home */
#rotator {position: relative;
	height: 250px;
	padding: .833em;
	margin-top: .833em;
	width: 690px;}
	
#rotator img {display: none;
	position: absolute;
	top: 0;
	left: 0;}
	
/* ends Rotator for images on home */

/* Spry collapsible panels group */

.CollapsiblePanel {border-bottom:1px solid #dedede;}

/* This is the selector for a CollapsiblePanel's Content area. It's important to note that you should never put any padding on the content area element if you plan to use the CollapsiblePanel's open/close animations. Placing a non-zero padding on the content element can cause the CollapsiblePanel to abruptly grow in height while the panels animate.
 The name of the class ("CollapsiblePanelContent") used in this selector is not necessary to make the widget function. You can use any class name you want to style a CollapsiblePanel content container. */ 
.CollapsiblePanelContent {margin: 0px; padding: 0px;}

/* An anchor tag can be used inside of a CollapsiblePanelTab so that the
 keyboard focus ring appears *inside* the tab instead of around the tab.
 This is an example of how to make the text within the anchor tag look
 like non-anchor (normal) text.*/
.CollapsiblePanelTab a:link, .CollapsiblePanelTab a:visited, .CollapsiblePanelTab a:hover, .CollapsiblePanelTab a:active {outline:none; text-decoration:none;color:#666;}

.CollapsiblePanelOpen {background-color:#f8f8f8; padding-bottom:.417em;}

/* New styled site */

/* structure */

/* Box for summary or sections's menu  */
#GenericSummary {border: 10px solid #ccc; padding:1.5em; margin-bottom:1.5em;}

#GenericSummary dt {margin-top:.75em;}

#GenericSummary dd {padding-left:0; margin:0 0 .75em; line-height:1.25em;}

#GenericSummary h3 {padding:0; font-weight:bold; margin-top:0;}

/* ends #GenericSummary */

/* Footnotes */
sup {color: #a29a75; font:.9em bold;}

.FootNotes {margin-top:3em;}

.FootNotes h4 {font-weight:bold; padding-bottom:.4em; border-bottom:.1em solid #ccc; font-size:1.08em; color:#a29a75;}

.FootNotes ol {list-style:decimal inside; margin:0; padding:0;}

.FootNotes ol li {margin-bottom:.5em;}
/* ends Footnotes */

/* Generic nav bar */
.NavBar {text-align:right; margin:1.5em 0; padding:.75em 0;}

.NavBar a {line-height:1.6em; padding:.4em 1.2em; border-left:.1em solid #ccc;}

.NavBar a.first {border-left:none;}

.NavBar a[name] {font-weight:bold; text-decoration:overline;}
/* ends generic nav bar */

.tooltip {display:none; background-image:url(/Imgs/menu_tt_bg.png); background-repeat:no-repeat; width:271px; height:158px;padding:28px 15px 15px;}

/* ends new styled site */