@charset "utf-8";

/*

\\\\\\\\\\\\\\\\\\\\\\\\\\\\\

CSS Created by the Chialab.it

http://www.chialab.it

\\\\\\\\\\\\\\\\\\\\\\\\\\\\\

*/



/*...........................................    

    General

...........................................*/

PRE {color: #999999;}

BODY {
	margin:0px;
	padding:0px;
	background:#262626 url("/img/sfo.jpg");
	font-family: Helvetica, Arial, sans-serif;	
	font-size:12px;
	line-height:1.5em;
}

TD {padding:2px;}

HR {height:0px; border:0px; margin:10px 0px 10px 0px; border-top:1px solid silver}

a img {border:0px;}

a:focus, a:active {outline:0px;}

a:link, a:visited, a:active {text-decoration: none; color: #000000;}

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

.testo a, .testolungo a {color:#CC0000}

P {margin:0; padding:0}

.content P {margin-bottom: 1em}

/*...........................................
 
    Structure

...........................................*/


	.inside {
		margin:30px; 
	}
	
	#menuleft {
		position:fixed; top:70px; left:0px;
		width:150px;
		height:310px;
		background:transparent url(/img/menuleft24.png) -58px repeat-y;
	}
	
	#menualt, #segnala, #footer, #menulingue, #menuRight, #menulingueinside {
		position:absolute;
		width:150px;
		height:200px;
		background:transparent url(/img/menualt24.png) repeat-y;
	}
	

	
	#main {
	position:absolute;
	top:81px;
	left:143px;
	width:830px;
	background:transparent url(/img/sfomain24.png) repeat-y;
	border:0px solid red;
	height: 1056px;
		}

	
	#main .content {
		border-top:1px solid silver;		
		margin:0px 18px 0px 13px;
		padding:30px 50px 20px 50px;
		background:#FFFFFF url(/img/macchie1.png) no-repeat;
		min-height:580px;
		margin-bottom:50px;
		border:0px solid red;
	}


	#main .content H2.firstline {
		display:inline;
		font-size:1.25em;
	}

	#main .content H2 {margin-top: -5px; line-height:1.2em;}

	#editoriale {
		position:absolute;
		width:298px;
		height:406px;
		background:transparent url(/img/sfoedito24.png) repeat-y;
		border:0px solid red;
		top:170px; left:80px;
	}

 	#playsound {
		padding:30px 0px 0px 0px; 
		position:fixed; 
		top:125px; left:900px; width:80px; height:80px; 
		text-align:center;
		background: transparent url('/img/play.png') no-repeat top center;
	}
	
 	#playsound label {display:block; text-align:left; color:silver; padding:10px; margin-top:25px; line-height:1.1em;}
	

/*...........................................
 
    HOME

...........................................*/

	#notizie {
		position:absolute;
		left:150px;
		top:455px;
		width:600px;
		}
		
	/* documenti in primo piano */
	
	.notiziahome  {
		width:430px;
		height:auto;
		background:#FFFFFF none repeat-y;
		padding:10px;
		line-height:1.35em;
		margin-bottom:10px; 
	}

	.notiziahome H1 {display:inline;}
	
	
	/* singola notizia */
	
	.singlenewshome {
		margin:35px; 
		padding:40px 0px 0px 55px; 
		border:0px solid red; 
		width:538px; height:292px;  
		background:#000000 url(/img/cornicia1_blacksfo_singlenews2.jpg) no-repeat; overflow:hidden;
	}
	
	.singlenewshome IMG {
		margin:0px; padding:0px; border:1px solid gold; 
	}
	
	.singlenewshome H1, .singlenewshome H2 {
		font:normal 3em Georgia, serif; 
		width:350px; 
		line-height:1em; 
		color:#FFFFFF;
		border:0px solid gold
	}
	
	.singlenewshome H2 {
		margin:0px;
		font-size: 1.75em;
		line-height:1.15em; 
	}


	
	/* strutture */
	
	#home #cornicia1  {z-index:5; left:70px; top:60px;}

	#home #coverlibro	{z-index:4; left:520px; top:80px;}

	#home #notizie { z-index:1;}
	
	/* notizie ulteriori */
	
	.morenews {float:left;}
	
	.morenews H1 {color: #FFFFFF; padding-left:10px;}
	
	.morenews H2 {font-weight:bold;	font-size:1em;	margin:0px;}
	
	.morenews UL {
		margin:0px 20px 20px 0px; 
		padding:10px; 
		list-style:none;
		background-color:#FFFFFF;
	}
	
	.morenews LI {
		margin:0; padding:0px 0px 10px 0px;
		margin-bottom:10px; 
		border-bottom:5px solid silver;
	}

	/* le 2 colonnae di morenews */
	
	#appuntamenti {width:235px;}
	
	#lastdocs {width:352px;}
	
/*...........................................
 
    Headings and general typography

...........................................*/

H1 {font-size: 1.5em; font-weight:normal; margin: 10px 0px 10px 0px}

H2 {font-size: 1.2em; font-weight:normal;}

H3 {font-size:1em; font-weight:normal; margin:0px}

H4 {line-height:1.2em; margin: 5px 0px 0px 0px}



/*...........................................
 
    states

...........................................*/

.on, A.on  {text-decoration: none; font-weight:bold; color: #CC0000;}


/*...........................................
 
    Lists, Navigation and Sub-Navigation

...........................................*/

#menuleft UL {
	list-style-type: none; 
	margin:40px 33px 0px 0px;
	padding:0px;
	background-color:#FFFFFF;
	
}

#menuleft LI {
	margin-left:10px;
	text-align:left;
	border-top:1px solid silver;
	font-weight: normal;
	font-size:1.1em;
	line-height:1em;
	padding:3px 0px 3px 0px;
	text-transform:uppercase;
}

#menuleft UL UL {margin:0; padding:0}

#menuleft UL UL LI {text-transform:lowercase; border:0px; padding-left:13px;}


#submenuleft {
	width: 50px;
	min-height:300px;
	margin:0px 20px 60px -40px;
	float:left; 
	background-color:#FFFFFF;
}

#submenuleft UL {
	padding:0px; margin:0px;
}

#submenuleft LI {
	font-size: 1.2em; 
	font-weight:bold;
	list-style:none; 
	margin:0px; padding-left:4px;
	margin-bottom:1.5em;
}

#submenuleft .on, #submenuleft .on * {
	color:#FFFFFF;
	background-color:#000;
}


#menuRight {position:fixed; left:754px; top:90px;}


#menuRight UL { 
	margin:30px 30px 0px 40px;
	padding:0px;
}

#menuRight LI {
	list-style:none;
	border-bottom:1px solid silver;
	padding-left:0px;

}


#menualt UL {
	list-style-type: none; 
	margin:30px 20px 0px 0px;
	font-weight:bold;
	padding:0px;
}

#menualt LI {
	border-bottom:1px solid silver;
	margin-left:30px;

}
/*
#menulingue UL {
	list-style-type: none; 
	width:70px;
	margin:30px 0px 0px 0px;
	font-weight:normal;
	padding:0px;
}

#menulingue LI {
	margin-left:40px;
}
*/

#menulingueinside UL {
	list-style-type: none; 
	margin:50px 15px 0px 0px;
	font-weight:normal;
	padding:0px;
}

#menulingueinside LI {
	padding:0px; padding-left:55px;
}

#menulingueinside LI A {
	padding:0px 5px 0px 5px;
}

#menulingueinside LI.on A {
	background-color:black;
	color: #FFFFFF;
}



#footer UL {
	list-style-type: none; 
	width:90px;
	margin:95px 0px 0px 30px;
}


UL.plainList {margin:0px 0px 0px 0px; padding:0px; text-indent:0px; line-height:1.2em;}
.plainList LI {list-style-type: none; padding-top:0px; margin-bottom:3px;}


UL.subdocs {margin:0px; padding:0px;}
.subdocs LI {list-style-type: none; margin:0px; padding:5px 0px 5px 0px; border-bottom:1px solid silver;}
.subdocs EM {display:block}
.subdocs LI IMG {display:inline}

/*...........................................    

    Liste di documenti

...........................................*/


.listdocsitem IMG {
	float:left;
	margin: 0px 10px 10px 0px;	
}

.listdocsitem H1, .listdocsitem H2 {
	margin:0px;
	margin-bottom:2px;
}


.listdocsitem_libri H1 {padding-top:30px; border-bottom:1px solid silver; padding-bottom:2px; margin-bottom:10px;}
.listdocsitem_libri H2 {font-style:italic;}

.listdocsitem_odd {
	text-align:right;
}

.listdocsitem_odd IMG {
	float:right;
	margin: 0px 0px 10px 10px;	
}


.listdocsitem_rassegnaintro DIV {
	float:left; width:240px; border:0px solid red; margin:0px 20px 25px 0px; 
}

.listdocsitem_rassegnaintro .publisher {
	margin:0px; padding:0px; 
	margin-bottom:5px; 
	border-bottom:5px solid silver;
	font-weight:bold;
	font-size:1em;
}


.listdocsitem_rassegnaweb DIV {
	float:left; width:150px; margin:0px 24px 0px 0px; 
}
.listdocsitem_rassegnaweb DIV DIV {
	display:block; line-height:1.25em; padding-bottom:10px;
}


.listdocsitem H4 {
padding-bottom:5px; margin-top:10px; margin-bottom:10px;
}


DIV.itemsearchresult {
	margin-left:25px; padding-bottom:5px; margin-bottom:5px; border-bottom:1px solid silver;
}


.listdocsitemLibri {
	width:420px;
}



/*...........................................    

    Specific Site/Template Layout

...........................................*/

	blockquote {
	font-family: "Georgia", serif;
	color: #666666;
	border:0px solid red;
	display:table-cell;
	margin:0px;
	padding:20px 20px 0px 0px;
	font-size:1.5em;
	line-height:1.2em;
	width:47%;
	float:left;
	text-align:center;
	}
	
	
	blockquote .virgleft, blockquote .virgright {
		font-weight:bold;
		font-size:2em;
		display:block; float:left; padding:5px;
	}
	
	blockquote .virgright {
		display:block; float:right;
	}
	
	
	.more_img_insidetext {
		display:block;
		float:left;
		margin: 20px 20px 20px 0px;
	}


	.mapitem {
		float:left; 
		border-top:10px solid black;
		padding-bottom:5px;
		width:140px;
		margin-right:20px; margin-bottom:20px; 
	}

	.mapitem H1 {
		/*font-size: 1.2em; line-height:1em; font-weight:bold; margin:0px;*/
	}

	.mapitem H2 {
		font-size: 1em; line-height:1.1em; font-weight:normal; margin:0px;
	}
	

	.articoli .testo	{font-size:1.2em; line-height:1.4em;}
	.articoli .testolungo {font-size:1.2em; line-height:1.3em;}
	
	.testolungo HR {border-style:dashed; margin-top:30px;}
	
	 
/*...........................................    

    Cornici e immagini

...........................................*/


	.logo {position:fixed; top:15px; left:5px; z-index:2;}
	
	#cornicia1 {
		background: transparent url(/img/cornicia1.png) no-repeat; position:absolute; width:670px; height:406px;
	}
	#cornicia1 img {
		margin:35px 0px 0px 38px;
	}
	#cornicia1 .dida {
		position:relative; color: silver ;
		left:140px; 
		width:480px; top:-40px; padding-right:20px;
		text-align:right; font-size:10px;
		cursor:pointer;
	}

	#cornicia1 .dida:Hover{
		color:black;
		background-color:#FFFFFF;
	}
	
	#cornicia2 {
		position:relative; background: transparent url(/img/cornicia2.png) no-repeat; width:404px; height:267px;
		text-align:center;
	}
	#cornicia2 img {
		margin:24px 24px 0px 24px;
	}
	

	.content #cornicia2 {
		margin-left:-130px; float:left;
	}
	
	#cornicia2V {
		position:relative; background: transparent url(/img/cornicia2V.png) no-repeat; 
		width:250px; height:354px;
		text-align:center;
	}
	#cornicia2V img {
		margin:25px 20px 0px 20px;
	}
	.content #cornicia2V {
		margin-left:-130px; margin-right:10px; float:left;
	}



	#testataimmagini DIV {
		position:absolute; 
		width:160px; height:71px; 
	}
	
	#testataimmagini #portrait {
		background: transparent url(/img/cornicia3.png) no-repeat; 
		left:190px; top:-50px;
	}

	#testataimmagini #portrait2 {
		background: transparent url(/img/cornicia3b.png) no-repeat; 
		left:310px; top:-50px;
	}

	
	.cornicia3 img, #testataimmagini DIV img {
		margin:17px;
	}


	
	#coverlibro {
		position:absolute;
		top:15px; 
		left:280px;
		width:289px;
		height:404px;
		background: transparent url(/img/cover.png) no-repeat;
		cursor:pointer;
	}

	#coverlibro IMG {
		width:249px;
		height:362px;
		margin:22px 0px 0px 19px;
	}
	
	
/*...........................................    

    Accessori e varia

...........................................*/

	.firmacoltelli {clear:both; display:block; margin-top:20px;}
	.angolo {position:absolute; left:120px; top:-32px; z-index:1;}

	.accessori UL  {list-style:none}
	.accessori LI {border-bottom:1px solid silver; padding-bottom:2px}

	.testatina_detailDoc {margin:-30px -20px 30px 10px; padding:30px 0px 20px 20px; border-left:1px solid gray; float:right; text-align:right; line-height:1em;}

	
	#citazione {
		position:absolute; width:657px!important; left:148px; top:2px; font-size: 14px;
	}
	#citazione * {color: #FFFFFF; }
	
	#citazione em {
		/*font-size:1.5em;*/
		font-size:18px;
		border:0px solid red;
		display:block;
		margin-bottom:3px;
	}
	#citazione em.small {
		/*font-size:1.25em;*/
		line-height:1em;
		font-size:16px;
	}


	
	
	img.flag {
		height:15px; display:inline; vertical-align:top; float:none;
	}


	#calendario LI {
	padding:0px; padding-top:2px; border:0px; margin:0px;
	list-style-type: disc;
	}
	
	UL#calendario {
	border-bottom:1px solid silver; padding-bottom:5px;
	}
	
/*...........................................    

    Forms

...........................................*/
/*
	INPUT[type=text], INPUT[type=password]  {
		border:1px solid #999999;
		padding:2px;
		background-image: url(/img/sfoinput.png);
	}
	*/


#searchform #publisher {
	width:auto;
}

/*...........................................    

    Gallerie

...........................................*/

.indexgalleria H1 {
	margin-bottom:5px;
}

.indexgalleria IMG {
float:left;
}

.indexgalleria .author {
	display:block; clear:both
}


.galleryitem_audio {clear:both; width:100%; }
.galleryitem_audio TD {width:auto; padding:4px; border-bottom:1px solid silver;}

.galleryitem_img  {width:170px; float:left; margin: 0px 0px 5px 0px;}




/*...........................................    

    Tag

...........................................*/

	#tagcloud {
		position:absolute;
		width:148px;
		height:891px;
		background:transparent url(/img/menucloud24.png) no-repeat;
		line-height:1.2em;
		top:6px;
		left:989px;
	}
	
	#tagcloud UL {
		margin:23px 36px 0px 23px;
		height:250px;
		padding:0px; text-align:center;
		border:0px solid red;
		/*background-color:pink;*/
	}
	
	#tagcloud LI {
		list-style:none; display:inline; padding:2px;
		margin:0px; 
	}

	#tagcloud LI A:Hover, #tagcloud LI A.on {
		background-color:#000;
		color:#FFF;
	}
	#tagcloud LI A.on:Hover {
		
	}


	#tagcloud .smallestTag { font-size: xx-small; }
	#tagcloud .smallTag { font-size: small; }
	#tagcloud .mediumTag { font-size: medium; }
	#tagcloud .largeTag { font-size: large; }
	#tagcloud .largestTag { font-size: xx-large; }	
	
	.taglist .smallestTag { font-size: xx-small; }
	.taglist .smallTag { font-size: small; }
	.taglist .mediumTag { font-size: medium; }
	.taglist .largeTag { font-size: large; }
	.taglist .largestTag { font-size: xx-large; }	

	UL.taglist {
	margin:20px 0px 0px 0px; padding:0px;
	
	}
	
	.taglist LI {
		list-style:none; display:inline; padding:2px;
		margin:0px; 
	}

/*...........................................    

    Defaults absolute positions and z-index

...........................................*/

#testataimmagini DIV {z-index:1}
#cornicia1  {z-index:2}
#menuleft	{z-index:6}
#menualt	{z-index:4; top:270px; left:710px;}
#menulingue	{z-index:5;}
#footer	{z-index:1}
#main		{z-index:6}
#menuRight 	{z-index:1}
#menulingueinside {z-index:5; top:320px; left:-50px; position:fixed;}
#tagcloud 	{z-index:3;}
#segnala {z-index:200; top:160px; left:780px; display:none;  position:fixed; }

#temp {
		margin:30px auto;
		width:300px;
		height:406px;
		background:transparent url(/img/sfoedito24.png) repeat-y;
		
}

#temp .inside {
	margin-top:10px;

}


/*...........................................    

    4PRINT

...........................................*/

BODY.print {
	background: #FFFFFF none; width: 18cm; margin: 20px auto; border:1px solid silver; padding:1cm;
	font-size:11pt;
}

.print .content {margin-top:2cm; }
.print .content H4 {margin-top:0.5cm; }



/*...........................................    

    main content contestual backgrounds

...........................................*/

.libri #main .content {

	/*background: #FFFFFF url(/img/macchie_libri.jpg) no-repeat top right;*/

}