/* colori
-----------------------------------------
rosso: #871026 
marrone HEADER #342c29 -- HEADER-INNER #3272e2b
bordo HEAD #27201b -- bordo PAGINA #27201b
fondini chiari #f4f2ed - bordino più scuro #e2e0d5 --
oro scuro #714c24 -- medio #987933 -- medioChiaro #baa779
grigio scuro #333 -- neutro chiaro: #e2e0da
*/


/* 	RESET
-----------------------------------------*/
	html, body, div, span, applet, object, iframe, 
	h1, h2, h3, h4, h5, h6, p, 
	blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, 
	em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
	b, u, i, center, dl, dt, dd, ol, ul, li, 
	fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td  
			{ 
			margin: 0 ;  padding: 0 ;  border: 0 ;   font-size: 100% ;   
			}
			
	body 		{ line-height : 1 ;  background : transparent ;  color: #333 ; }
	ol, ul 	{ list-style : none outside none ; }
	blockquote, q { quotes: none ; }
	blockquote:before, blockquote:after, q:before, q:after { content: '' ; }

	/* remember to define focus styles! */
	:focus 	{ outline: 0 ; }

	/* remember to highlight inserts somehow! */
	ins 		{ text-decoration : none ; }
	del 		{ text-decoration : line-through ; }

	/* tables still need 'cellspacing="0"' in the markup */
	table 	{ border-collapse: collapse ;  border-spacing: 0 ; }


/* LAYOUT
-----------------------------------------*/        

html, body { 
		font : medium/120% Arial, Helvetica, sans-serif ;  
		background : #871026 url(../images/INTERFACE-img/body-main-background.jpg) ;  
		color : #333 ;  .color : #333 ;  /* IE7 hack */ 
		} 


			
/* LINK & NAV   (accordion : see separate css stylesheet : scripts/jQuery/Accordion)
-----------------------------------------*/

a:link, a:visited { 
		color: #715c24 ;  background : none ;  text-decoration : none ;  font-weight: bold ;  
		}
a:hover { color: #871026 ; }

.link-CONTINUA { font-size: 75% ;  color: #871026 !important ;  font-style: italic ; }            
		.link-CONTINUA:after { content: "continua" ;  font-size: 10px ; } 
		         
.link-pdf { font-size: 75% ;  color: #871026 !important ;  font-style: italic ; }              
		.link-pdf:after { content: "documento pdf" ; font-size: 10px ; } 

/* link sulla pagina contatto */
#poplink { 
		font-size : 70% ; position : relative ; padding : 0 ; border-bottom : 1px dotted #333 ; 
		margin-bottom : 2px ; 
		}
		#poplink a { z-index : 200 ; 
				display : inline ; padding : 2px ; }
		#poplink a:hover { background : #fff ; text-decoration : none ; }
		#poplink a span { display : none ; }
		#poplink a:hover span { 
				font-weight : normal ; color : #333 ; display : inline ; 
				position : relative ; top : 5px ; left : 0 ; line-height : 110% ; 
				margin : 0 ; padding : 3px 0 0 0 ; 
				}
 
		 #poplink h3  { margin : 0 ; padding : 0 ; }


/* HEADER
-----------------------------------------*/			
#HEADER { 
		z-index : 10 ; 
		width : 100% ; height : 170px ; margin : 0 auto ; color : #fff ; 
		background : #342c29 url(../images/INTERFACE-img/head-container-background.png) repeat-x top ; 
		}	 
#HEADER-inner { 
		width : 960px ; height : 150px ; margin : 0 auto ; color : #fff ; 
		border-left : 10px solid #27201b ; border-right : 10px solid #27201b ;  
		background : #372e2b url(../images/INTERFACE-img/header-background.png) no-repeat top ; 
		} 	
.header-logo { 
		width : 210px ; height : 150px ; margin : 0px auto 0 75px ; 
		border : none ; text-decoration : none ; 
		}    
#headerImage { 
		z-index : 20 ; 
		width : 500px ; position : relative ; visibility : visible ; 
		top : 15px ; bottom : 0px ; margin-left : 420px ; margin-top : -140px ;  
		}             			
#HEADER-divider { 
		width : 960px ; height : 20px ; margin-top : -20px ; color : #f4f2ed ; 
		font-size : 80% ; font-weight : bold ; text-align : left ; text-indent : 10px ; 
		background : #715c24 url(../images/INTERFACE-img/header-sections-divider.jpg) no-repeat top ; 
		border-bottom : 1px solid #715c24 ; 
		}
 


/* SIDEBAR
-----------------------------------------*/			
	/*backgr image is defined in: #MAIN -- #FOOTER -- #footerMenu-outer*/
 		
#SIDEBAR { 
		z-index : 100 ; 
		width : 280px ; position : relative ; top : -147px ; right : 21px ;  
		float : right ; color : #333 ; background : transparent ;  
		}
#SIDEBAR, #SIDEBAR-Editable p h4 { text-align : left ; }

#SIDEBAR-inner  { padding: 0px 10px 0px 10px ; }

#SIDEBAR-Editable  { }    

/* SIDEBAR : hover images ---------------------------*/	      

		
.SIDEBAR-illu { 
		width : 212px ; position : relative ; margin-top : 15px ; 
		padding : 20px 20px 16px 20px ; 
		border : 1px solid #987933 ; display : block ; text-align : left ;  
		background : #fff ; 
		}
		
		.SIDEBAR-illu img  { border : 1px solid #e2e0d5 ; }	
 
		a.SIDEBAR-illu { background : #fff ; }
		a.SIDEBAR-illu img { border : 1px solid #e2e0d5 ; }			
		 .SIDEBAR-illu:hover { 
				z-index : 150 ; 
				width : 212px ; position : relative ; display : block ; 
				padding : 20px 20px 16px 20px ; border : 1px solid #987933 ; 
				text-align : left ; margin-top : 15px ; 
				background : #fff ; 
				}
				
		/*CSS for enlarged image
		------------------------*/
		.SIDEBAR-illu span { 
			z-index : 150 ;
			visibility : hidden ; position : absolute; left : -1000px ;  
			padding : 10px ;  border : none; text-decoration : none ; 
			background : #fff ;  
			}

		.SIDEBAR-illu span img { 
			z-index : 150 ; 
			padding : 15px ; border : 1px solid #987933 ;  
			background : #fff ; 
			}     
			
		/*CSS for enlarged image on hover
		----------------------------------*/
		.SIDEBAR-illu:hover span { 
			z-index : 150 ; 
			visibility : visible ; position : absolute ; right : auto ; top : -20% ; 
			left : -200%; /*position where enlarged image should offset horizontally */ 
	 		background : #f4f2ed; 
	 		}
							
							
		/*IE7 hack: force enlarged hover image on top --------*/		

			* html #SIDEBAR-inner {
				z-index : 10000 !important ; 
				position : absolute ; display : block 
				}					
			.SIDEBAR-illu:hover span { 
				z-index : 10000 !important; 
				position : absolute; display : block; 
				}							
							
		/*IE7 hack: force enlarged hover image on top --------*/	
				.on-top { 
					z-index : 10000 !important ; 
					position : absolute ; display : block 
					}

							
/* SLIDESHOW -- file css interno per slideshows: vedere >> scripts/jQuery/cycle-slideshow
-----------------------------------------*/



#slideshow-Libri { 
		overflow : hidden; 
		background : url(../Scripts/jQuery/cycle-slideshow/index-slideshow-CULTURA/slideshow-RP-background.png) no-repeat bottom; }
		/* nascondi le immagini mentre carica */
			.slideshow-Libri img { background : none !important ; display: none }
			#slideshow-Libri img.first { display: block }
	 	  	   	  	 	 	 	  	  
/* normali slideshow ovunque (anche slideshow-AC) */   
			.slideshow { position : static ; text-align: center ; }
		/* nascondi le immagini mentre carica */
			.slideshow img { background : none !important ; display: none }
			#slideshow img.first { display: block }
		
	/* slideshow-NEWSLETTER */   
			.slideshow-newsletter { position : relative ; left: -75px ; text-align: center ; }
			.slideshow-newsletter img { background : none !important ; }
		
		 	
/* SCROLLS: see >> scripts/jQuery/scrollarea
-----------------------------------------*/


/*MAIN ( sezione speciale fortevillage: vedi più sotto )
-----------------------------------------*/   
/*backgr image is defined in: #MAIN-SECTION -- #FOOTER -- #footerMenu-outer*/
 
#MAIN { /* sempre position : relative per MAIN  - contieme l'imm. sfondo della barra laterale*/ 
		width : 980px ; position : relative ; margin : 0 auto; 
		background : #fff url(../images/INTERFACE-img/MAIN-background-test.jpg) repeat-y top ; 
		}

	#MAIN-inner { /* contiene le ombrine laterali */
			width : 960px ; border-left : 10px solid #5a131a ; border-right : 10px solid #5a131a ; 
			}  

.immagineStart { width : 649px ; height : 282px ; float : left; overflow : hidden ; }

/* CONTENT
-----------------------------------------*/

#CONTENT { background : transparent ; }
	#CONTENT-inner { width: 520px ; float: left ; padding-left: 75px ; margin-top: auto ; }
	  	 
		.CONTENT-illu { 
			line-height : 100% ; text-align : left ; border-top : 1px solid #987933 ; 
			background : #fff ;  
			}       
			
			img.CONTENT-illu { text-decoration : none ; }

/* for images 212px wide */
.illu-float-left-div  { 
			float : left ; width : 212px ; margin : 2px 15px 10px 0px ; 
			padding : 20px 20px 16px 20px ; border : 1px solid #987933 ; 
			background : #fff ;  
			}
		.illu-float-left-div p  { width : 212px ; }
		.illu-float-left-div img  { width : 212px ; border : 1px solid #e2e0d5 ; }

/* SIMPLE HOVER IMAGES - right hover for normal images without borders */	   
.illu-hover-right { position : static ; display : block ; }
		.illu-hover-right img { }	
 
		a.illu-hover-right { }
		a.illu-hover-right img { }			

		.illu-hover-right:hover { 
			z-index : 150 ; 
			position : relative ; display : block ; 
			}
		
		/*CSS for enlarged image */
		.illu-hover-right span {   
			z-index : 150 ;
			visibility : hidden ; position : absolute ; left: -1000px ; 
			border : none ; text-decoration : none ;      
			}

		.illu-hover-right span img { 
			z-index : 150; 
			}     
	
		/*CSS for enlarged image on hover */
		.illu-hover-right:hover span {
			z-index : 150 ; 
			visibility : visible ; position : absolute ; 
			left : 100% ; /*position where enlarged image should offset horizontally */ 
			right : auto ; 
			padding : 0 ; 
			}


/* SIMPLE HOVER TEXT - right hover ---------------------------*/	   
.Text-hover { position : static; display : block; }
 
		a.Text-hover { font-weight : normal ; }			

.illu-Text-hover:hover { 
			z-index : 150; 
			position : relative; display : block; 
			}
		
		/*CSS for enlarged image */
		.Text-hover span { 
			z-index : 150; 
			visibility : hidden ;
			position : absolute; left : -1000px ; 
			border : none ;  text-decoration : none; 
			}

	
		/*CSS for enlarged image on hover */
		.Text-hover:hover span {
			z-index : 150 ; 
			width : auto ; visibility : visible ; 
			position : absolute ;
			left : 100% ; /*position where enlarged image should offset horizontally */
			right : auto ;
			padding : 0 ; 
			}


/* FORTEVILLAGE - CARRELLATA EVENTI (dal 2009 in poi)
-----------------------------------------*/
/* titoli eventi: nomeditta */
.FV-float-right h3 { font-size : 80% ; }
.FV-float-left h3 { font-size : 80% ; }
.FV-float-center h3 { font-size : 80% ; }

.FV-rowWrapper { 
		width : 520px; padding : 0; margin : 0; 
		margin-bottom : 0; /* negative margin-bottom attaches the wrappers seamlessly 
		check margin-top on hoverbox: should be +4px to give the spacing back between rows */ 
		}
		.FV-rowWrapper-center { 
		width : 256px; padding : 0; margin-left:-2px; margin-top:20px;
		margin-bottom : 10px; /* negative margin-bottom attaches the wrappers seamlessly 
		check margin-top on hoverbox: should be +4px to give the spacing back between rows */ 
		}
		
	.FV-float-left h3 , .FV-float-right h3, .FV-center h3 { font-size : 80% ; }	{ margin-right : 0px; }
	
	.FV-float-left  { 
			float : left ; margin : 5px ; padding : 18px ; border : 1px solid #987933 ; 
			text-align : center ; background : #fff ; 
			}
	
	.FV-float-right  { 
			float : right ; margin : 5px ; padding : 18px ; border : 1px solid #987933; 
			text-align : center ; background : #fff; 
			}
			
	.FV-float-center  {
			float : center ; margin-bottom : 16px ; padding : 18px ; border : 1px solid #987933; 
			text-align : center ; background : #fff; 
			}

/* NEWS 
-----------------------------------------*/

/* IL SINGOLO BLOCCO DI UNA NEWS (GLOBALE TUTTO) */
	.NEWS-div 		{width: 920px ; margin-top: 0px }
	
/* RESTRINGI IL TESTO ALLA PARTE BIANCA */
	.NEWS-div-testo 		{ width: 520px ; float: left ; padding-left: 75px ; }
	
/* SIDEBAR PER LA SINGOLA NEWS */ 
	.NEWS-SIDEBAR { 
		width : 280px ; position : absolute ; right : 20px ;  
		color : #333 ; background : transparent ; 
		}

	.NEWS-SIDEBAR p h4 { text-align : left ; }

	.NEWS-SIDEBAR-inner { padding: 0px 10px 0px 10px ; }

/* SLIDESHOW NEWS 	
  
	.NEWSslideshow {with: 649px; heigth: 282px;  }
	.NEWSslideshow img { background : none !important ; }*/

/* news ILLU -nel testo: */
.news-ILLU-left  { float: left ; border: 1px solid #666 ; padding: 2px ;   
		margin : 4px 10px 2px 0; position: relative ; top: -3px ;  }	

.news-ILLU-right  { float: right ; border: 1px solid #666 ; padding: 2px ;   
		margin : 4px 0 2px 10px; position: relative ; top: -3px ;  }
		
	/* ove possibile: fare img larghe 212px */
.news-ILLU-width p		{ width: 200px ; padding: 3px 6px 0 6px; }

.news-ILLU-testo-dida {  
		font-size : 70% ; /*text-align: center ;*/
		font-weight : normal ; font-style : italic ; 
		margin-bottom : 2px ; margin-top : 3px ; 
		} 	

/* testo news */		
.news-DATA  { font : normal 75% "Times New Roman", Times, serif ;  
		color : #871026;  text-transform : uppercase;  border-bottom : 2px solid #e2e0d5 ;
		padding : 0 2px; margin-right : 10px ; white-space : nowrap ; }
		
.news-TIT-art  { margin-top : -25px!important }


/* news su INDEX: */ 
.news-box-outer  { 
			float : left ; width : 234px ; margin : 2px 15px 2px 0px ; 
			border : 1px solid #987933 ; background : #fff ;  
			}
.news-box-inner  { 
			width : 212px ; margin : 0 auto ;  padding : 10px ; 
			} 
       

/* FOOTER
-----------------------------------------*/
/*backgr image is defined in: #MAIN -- #FOOTER -- #footerMenu-outer*/
 
#FOOTER { 
		width : 960px ; margin : 0 auto; padding-top : 25px ; 
		border-right : 10px solid #5a131a ; border-bottom : 10px solid #5a131a ; 
		border-left : 10px solid #5a131a ; 
		background : #fff url(../images/INTERFACE-img/MAIN-background-test.jpg) repeat-y top; 
		}   

	
/*	footer menu */ 
#footerMenu-outer	 { 
		width : 960px; position : relative ; top : 50px ; margin-top : 50px ; 
		background : #fff url(../images/INTERFACE-img/MAIN-background-test.jpg) repeat-y right;  } 		            

#footerMenu { 
		width : 639px; /* era 649 */ 
		position : absolute ; bottom : 50px ; 
		margin-right : 310px ; padding-left : 10px ; padding-top : 10px ; padding-bottom : 10px ; 
		background : transparent; 
		/* define the color & formatting of : "|" separators */ 
		color : #baa779; font-weight : bold ; border-left : 1px solid #baa779 ; 
		}
		#footerMenu a { 
			white-space : nowrap ; font-weight : normal ; font-size : 70% ; line-height : 90% ; color : #333 ; 
			padding : 0 3px ; border-right : 1px solid #baa779 ; 
			}
		#footerMenu a:last-child { padding-left : 3px; padding-right : 3px ; 
			border-right : 1px solid #baa779; 
			}
		#footerMenu a:hover { color: #871026 ; text-decoration : none ; }
		#footerMenu p, #footerMenu2 p {	margin : 0 ; padding : 0 ; }

 	

/* siteInfo ------------- */

#siteInfo { 
		width : 958px ; clear : both ; 
		font-size : 10px; line-height : 20px ; text-indent : 10px ; 
		padding : 1px 1px 1px 1px ; margin : 0 ; color : #000 ; 
		background : #baa779 url(../images/INTERFACE-img/header-sections-divider.jpg) no-repeat top; 
		}		
		.siteInfo a:link, .siteInfo a:visited { color: #000 ; font-weight: normal ; }
		.siteInfo a:hover { text-decoration : underline ; }
 	

			
/* immagineEnd & deco footerImage */
.ImgEnd-padding-perTesto  { height : 290px ; } /* NB: must fit with MARGIN-TOP for .immagineEnd - va messo quando l'iimagine End è contestuale al testo sopra */

.ImgEnd-padding  { height : 320px ; } /* NB: must fit with MARGIN-TOP for .immagineEnd */
#ImgEnd      { }

.immagineEnd { 
		width : 649px ; height : 282px ; overflow : hidden ; float : left ; 
		position : absolute ; 
		margin-left : 0px; margin-top : -370px; /* NB: must fit with HEIGHT for imgEnd-padding */ 
		}
			
	
/* se esiste uno slideshow anche a fondo pagina:
eliminare lo stile "immagineEnd" dalle foto e dare questo div ID al contenitore slideshow 
esempio: <div id="slideshowImgBottom" class="slideshow">*/
#slideshowImgBottom { 
		width : 649px ; height : 282px ; 
		overflow : hidden ; float : left ; 
		position : absolute ; 
		margin-left : 0px ; margin-top : -380px ; /* NB: must fit with HEIGHT for imgEnd-padding */ 
		}
.footerImage { 
		width : 300px ; height : 185px ; 
		position : absolute ; visibility : visible ; overflow : hidden ;
		margin-left : 650px ; margin-top : -150px ;   
		} 	 	
			

				  		
/* CSS GENERAL FLOATS, POSITIONING & VISUAL EFFECTS
-----------------------------------------*/    
.clear { 
		clear : both ;  display : block ;  height : 0 ;  margin : 0 ;  
		font-size : 0px ;  line-height : 0px ;  
		}  
.clear-left { clear : left ; } 
.clear-right { clear : right ; }    
.clear-inherit { clear : inherit ; } 
.clear-none { clear : none ; }

.clearfix:after { 
		content : "." ;  display : block ;  height : 0 ;  clear : both ;  visibility : hidden ;  
		}
		
		
/* BUG:  posizionamento footerimage a fondo pagina (se non esiste ImmagineEnd e se ci sono 
diverse hoverImages) : applica questo stile ALL'ULTIMA IMMAGINE HOVER BIG - 
selettivamente SOLO a quella -- che sposta su tutto on modo che non crei artificialmente 
un buco a fondo pagina - visivamente rimane tutto uguale e ok */
.POS-MoveItUp { margin-top: -30px; }

/* per eliminare lo spazio vuoto in caso di no-footerimage */
.POS-remove-footerImg-space { margin-bottom: -185px; }   

.POS-small-H-padding { line-height : 5px ; }  
.POS-small-VBottom-padding { padding-bottom : 2%!important ; }
.POS-visualVspacing { line-height : 200% ; }
.POS-visualVspacing-mini { padding-top : 10px ; }
.POS-visualVspacing-big { padding-top : 30px ; }
       

.div-left { width : 45% ; display : block ; float: left ; padding-right: 5% ; }
.div-right { width : 45% ; display : block ; float: left ; padding-left: 5% ; }        

.float-left  { float: left ; padding: 5px 0 0 0 ; margin-right: 10px ; }  
.float-right { float: right ; padding: 5px 0 0 0 ; margin-left: 10px ; }
.float-none { float: none ; }


.align-LEFT { text-align : left ; }
.align-CENTER { text-align : center ; }
.align-RIGHT { text-align : right ; }

.padding-20 { padding : 20px!important ; }
.padding-10 { padding : 10px!important ; }
.margin-20 { margin : 20px!important ; }
.margin-10 { margin : 10px!important ; }


/* STYLE FORMATTING 
-----------------------------------------*/

.box { border : 1px solid #987933 ; padding : 0 ; } 	 	 

/* table ----------- */
.box-marchi/* generale tabella */ { 
		width : 520px ; padding : 0 ; 
		border-collapse : separate ; border : 0px none ; border-spacing : 0 ; 
		table-layout : fixed ; margin : 0 auto ; 
		background : #f4f2ed; 
		}
			
		.box-marchi td /* la singola cella */ { 
			width : 169px ; height : 60px ; overflow : hidden ; 
			border-top : 2px solid #fff ; border-bottom : 2px solid #e2e0da ; 
			border-left : 2px solid #fff ; border-right : 2px solid #e2e0d5 ; 		
			border-spacing : 0 ; padding : 0 ; margin : 0 ;  
			}			
		.box-marchi td:hover {                              
			border-top : 2px solid #e2e0da ; border-bottom : 2px solid #fff ; 
			border-left : 2px solid #e2e0d5 ; border-right : 2px solid #fff ; 
			border-spacing : 0 ; padding: 0 ;  margin : 0 ; 
			}		
						
		.box-marchi img { display : block ; overflow: hidden ; padding: 0 ; margin: 0 ; }

		/* tab contatto */
		.box-form  td /* la singola cella */ {   
			height : 15px ;                           
			border-top : 2px solid #fff ; border-left : 5px solid #fff ; 
			border-spacing : 0 ; padding: 2px ;  margin : 0 ; 
			font-size : 85% ; text-align : left ; 
			} 
		

.separator { 
		margin-bottom : 10px ; margin-top : 20px ; clear : both ; line-height : 3px ; 
		border-bottom : 1px solid #871026 ; 
		}

.border-none { border : 0 none !important ; }

			
/* TYPESETTING 
--------------------------------*/
.color-emph  		{ color: #871026!important } 

p { font-size: 90% ; margin-bottom: 12px ; line-height: 120% ; }


h1, h2, h3, h4, h5, h6 { margin: 0px ; margin-right: 10% ; padding: 0px ;  }

/* dropcap & cascading styles for first 3 paragraphs */
h1+h2+p:first-letter { 
		float : left ;  margin-right : 4px ; padding : 2px 4px 2px 2px ;  
		font-size : 290% ; line-height : 30% ;
		font-family : Georgia, "Times New Roman", Times, serif; font-weight : lighter;  
		color : #871026 ; background : #e2e0d5 ; 
		}
.dropcap { 
  float : left ;  margin-right : 4px ; padding : 2px 4px 10px 2px ;  
  font-size : 290% ; line-height : 30% ;
  font-family : Georgia, "Times New Roman", Times, serif; font-weight : lighter;  
  color : #871026 ; background : #e2e0d5 ; 
  }
/* se non vuoi il cascading dropcap: */
h1+h2+p.noDrop:first-letter { 
		float : none ;  margin-right : 0 ; padding : 0 ;
		font-size: 100% ; margin-bottom: 12px ; line-height: 120% ;
		font-family : Arial, Helvetica, sans-serif ; font-weight : normal;
		color : #333 ; background : #fff ;
		}	

h1 { 
		font-size : 145% ; line-height : 110% ; font-weight : bold ; 
		padding-top : 40px ; padding-bottom : 20px ; 
		color : #871026 ; 
		}

h2, .p-subtitle { 
		font-size : 115% ; line-height : 115% ; padding-bottom : 15px ; 
		font-weight : normal ; color : #715c24 ; }

h3 {    font-size : 95% ; padding-bottom : 5px ; color : #871026 ; }

h4 { 
		font-size : 90% ; font-weight : bold ; font-variant : small-caps ;
		margin-bottom : 0px ; padding : 2px 2px 0px 2px ;
		}

h5 { 
		font-size : 90% ; font-weight : bold ; 
		margin-bottom : 0px ; padding : 2px 2px 0px 2px ; color : #715c24 ; } 
			
h6 {    font-size : 90% ; line-height : 115% ; font-weight : normal ; color : #715c24 ; }

blockquote p { 
		font-size : 115% ; line-height : 115% ; font-weight : normal ; 
		padding-bottom : 15px ; color : #715c24 ; 
		}
		
.T-autore  { 
		color : #871026 ; font-weight : bold ;  font-size : 80% ; 
		text-align : right ; margin-right : 15% ; padding-bottom : 10px ; 
		}
		
#fonte-foto-outer  { width : 254px ; }
#fonte-foto  { margin-top : 10px ; }

.T-fonte { 
		width : 85% ; font-size : 70%!important ; line-height : 125% ; 
		font-weight : normal ; font-style : normal ; 
		margin-top : 4px ; margin-bottom : 0px ;   
		} 	 	
.T-quotation { 
		font-size : 110% ; font-family : "Times New Roman", Times, Serif ; 
		font-style : italic ; font-weight : bold ; 
		} 	 	

.T-smaller { font-size: 80% ; margin-bottom: 12px ; line-height: 120% ; }
		
.T-smallTitle {    font-size : 95% ; line-height : 115% ; padding-bottom : 5px!important ; color : #987933 ; }

.T-mini { font-size: 75% ; line-height : 120% ;}		
		.siteInfo a:link, .siteInfo a:visited { color: #000 ; font-weight: normal ; }
		.siteInfo a:hover { text-decoration : underline ; }
		
.T-align-CENTER { text-align : center!important ; padding : 0 ; margin : 0 ; }
	 
.T-nowrap { white-space : nowrap } 
 	
/* dida */
.dida-hover-image { 
		font-size : 80% ; font-weight : normal ; font-style : italic ; 
		margin-bottom : 0px ; margin-top : 4px ; 
		} 			
		.dida-hover-image:before { 
			display : block ;
			content : "(vai sull'immagine per vederla ingrandita) " ; 
			font-size : 10px ; font-style : normal ; 
			color : #871026 ; 
		  
			}

.dida-link-artic { 
		width : 85% ; font-size : 80% ; font-weight : normal ; font-style : italic ; 
		margin-bottom : 0px ; margin-top : 4px ; 
		}            			
		.dida-link-artic:before {
			display : block ;
			content : "(cliccate sull'immagine per leggere l'articolo) " ; 
			font-size : 10px ; font-style : normal ;
			color : #871026 ; 
			}      						

.dida-normale {  
		width : 85% ; line-height : 125% ; font-size : 80% ; 
		font-weight : normal ; font-style : italic ; 
		margin-bottom : 0px ; margin-top : 4px ; 
		}   


			
/* QUOTES 
---------------------*/

/* define quotemarks */  
		q, #quote q  { quotes: "\201C" "\201D" "\2018" "\2019" ; } 
		q:lang(it), #quote q:lang(it) { quotes: '\201D' '\201D' '\2019' '\2019' ; }
			
/* append quotemarks */
		q:before, #quote q:before {
			float : left ;
			content : open-quote ; 
			font-family : Georgia, "Times New Roman", Times, serif ;
			font-size : 300% ; line-height : 50% ; 
			margin-right : 4px ; padding : 2px 2px 1px 0px ; 		 
			color : #baa779 ; 
			}
		q:after, #quote q:after { 
			float : right ;
			content: close-quote ; 
			font-family : Georgia, "Times New Roman", Times, serif ;
			font-size : 300% ; line-height : 70% ; 		 
			margin-left : 4px ; padding : 6px 2px 1px 2px ; 
			color : #baa779 ; 
			}

/* quotes-special div */ 
		#quote  {     
			width : 520px ; 
			float : left ; 
			margin : 0 auto ;  margin-left : 70px ;   
			padding-top : 50px ; padding-bottom : 20px ; 
 	 		}
			#quote q	{ 
				width : 400px !important ; float : none ; display : block ;
				margin : 0 auto ;
				font-family : Georgia, "Times New Roman", Times, serif ;
				font-size : 130% ; line-height : 120% ; text-align : center ; font-style : italic ;    
				color : #871026 ; background : #fff ; 
				}
			 
/* side quotes in text */
q { 
		width : 45% ; float: left ; 
		margin : 12px 20px -10px 0 ; padding-right : 10px ; 
		font-family : Georgia, "Times New Roman", Times, serif ; 
		font-size : 16px ; font-style : italic ;
		color : #871026 ; 
		}
			
/* spacing before next para in text */  
q+p { padding-top: 2% ; }			

		/*** Hack per Safari e Crome browsers ***/
		q:before { content: '“' }
		q:after { content: '”' }
			
/*** legge privacy ***/
	
#privacy-MAIN { 
		width : 600px ; position : relative ;/* sempre position : relative per MAIN */
		margin : 0 auto ; padding-right : 20px ; 
		background : #fff ; 
		}
#privacy-MAIN-inner { width : 600px; }

	
#privacy-HEADER { 
		z-index : 10; 
		width : 620px ; height : 170px ; margin : 0 auto ; 
		color : #fff ; 
		background : #342c29 url(../images/INTERFACE-img/head-container-background.png) repeat-x top; 
		}
#privacy-HEADER-inner { 
		width : 600px ; height : 150px ; margin : 0 auto ; 
		border-left : 10px solid #27201b ; border-right : 10px solid #27201b ; 
		color : #fff ; 
		background : #372e2b url(../images/INTERFACE-img/header-background.png) no-repeat top; 
		} 
			 
#privacy-HEADER-divider { 
		width : 620px ; height : 20px ; margin-top : -20px ; 
		font-size : 80% ; font-weight : bold ; text-align : left ; text-indent : 10px ; 
		border-bottom : 1px solid #715c24;
		color : #f4f2ed ; 
		background : #715c24 url(../images/INTERFACE-img/header-sections-divider.jpg) no-repeat top; 
		}
  	
	
	
	
	
	
	
	
	.illu-div  { 
			float : left ;  margin : 2px 15px 10px 0px ; 
			padding : 20px 20px 16px 20px ; border : 1px solid #987933 ; 
			background : #fff ;  
			}
		.illu-div p  {  }
		.illu-div img  {  border : 1px solid #e2e0d5 ; }