/*=============================*/
/* HOMEPAGE */
/*=============================*/

#intro_index {
	width: 980px;
	margin: 0px auto 30px auto;
	height: auto;
	position: relative;
}

	#intro_index:after {content:".";display:block;height:0px;clear:both;visibility:hidden;}

	p.critics {
		width: 600px;
		position: relative;
		float: left;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 30px 0px;
		font-size: 13px;
		line-height: 17px;
	}
	
		p.critics span {
			position: absolute;
			bottom: 10px; 
			right: 0px;
			font-family: Georgia;
			font-size: 12px;
			font-style: italic;
			color: #868789;
		}
		
		p.critics a.critics {
			position: absolute;
			left: 0px; 
			bottom: 5px;
			font-family: Georgia;
			font-size: 13px;
			font-style: italic;
			padding-left: 10px;
			color: #CC3333;
			background:url(../immagini_layout/freccina2.png) left 5px no-repeat;
		}
		
	p.news { 
		width: 230px;
		position: relative;
		float: right;
		margin: 0px 0px 0px 0px;
		padding: 10px 0px 20px 0px;
		font-family: Georgia;
		font-size: 13px;
		font-style: italic;
		color: #6F7072;
	}
	
		p.news a {
			position: absolute;
			left: 0px; 
			bottom: 0px;
			font-family: Georgia;
			font-size: 13px;
			font-style: italic;
			padding-left: 10px;
			color: #CC3333;
			background:url(../immagini_layout/freccina2.png) left 5px no-repeat;
		}
	
	#slider { 
		width: 980px;
		height: 300px;
		margin: 0px auto;
		padding-bottom: 30px;
	}
		#slider ul {
			list-style: none;
			
		}
	
		#slider ul li{
			width: 235px;
			/*height: auto;*/
		}

/*=============================*/
/* BIOGRAFIA */
/*=============================*/
h2.tab_biografia {
	float: left;
	font-size: 16px;
	font-weight: normal;
	padding: 10px 0px 20px 30px;
}
	
	h2.tab_biografia a {color: #999999;}
	h2.tab_biografia a.attivo , h2.tab_biografia a:hover {color: #CC3333;}
	
	.note_biografiche, .esposizioni {
		clear: left;
	}

img.biografia {
	padding-top: 10px;
}

.biografia p {
	margin: 0px 0px 10px 0px;
	padding: 0px 30px;
}

.esposizioni h3 {
	width: 750px;
	font-weight: normal;
	font-size: 14px;
	margin: 20px 0px 10px 30px;
	padding-top: 5px;
	text-decoration: underline;
}

.esposizioni table {
	margin: 0px 0px 0px 30px;
}

.esposizioni table td {
	vertical-align: top;
	padding: 0px 20px 5px 0px;
}

/*=============================*/
/* INTERVENTI CRITICI */
/*=============================*/

	.interventi_critici .testata {
		height: 20px;
		border-bottom: 1px dotted #cccccc;
		margin: 0px 0px 5px 30px;
	}

	.interventi_critici .testata a{
		font-size: 11px;
		margin: 2px 5px 0px 5px;
		float: right;
	}
		.interventi_critici .testata a:hover {color: #cc0000;}
	
	.interventi_critici h3 {
		margin: 0px 0px 5px 0px;
		width: 650px;
		padding: 0px 10px 3px 0px;
		font-weight: normal;
		font-size: 14px;
		font-style: italic;
		color: #666666;
		float: left;
	}
	
	.interventi_critici p {
		margin: 0px 0px 20px 0px;
		padding: 5px 0px 0px 30px;
		/*border-top: 1px dashed #999999;*/
	}
	
	.interventi_critici p.chiusura {
		margin: 0px;
		padding-top: 30px;
		font-size: 11px;
	}
	
/*=============================*/
/* NEWS */
/*=============================*/

	.news .testata {
		height: 20px;
		border-bottom: 1px dotted #cccccc;
		margin: 0px 0px 5px 30px;
	}

	.news .testata a{
		font-size: 11px;
		margin: 2px 5px 0px 5px;
		float: right;
	}
		.news .testata a:hover {color: #cc0000;}
	
	.news h3 {
		margin: 0px 0px 5px 0px;
		width: 650px;
		padding: 0px 10px 3px 0px;
		font-weight: normal;
		font-size: 14px;
		font-style: italic;
		color: #666666;
		float: left;
	}
	
	.news p {
		margin: 0px 0px 20px 0px;
		padding: 5px 0px 0px 30px;
		/*border-top: 1px dashed #999999;*/
	}
	
/*=============================*/
/* OPERE */
/*=============================*/
#intro_img_collezione {
	float: left;
	width: 600px;
	padding-top: 30px;
}
	#intro_img_collezione img {
		float: left;
	}

h3.titolo_collezione {
	float: left;
	clear: left;
	width: 155px;
	padding: 30px 0px 0px 30px;
	font-size: 17px;
	font-weight: normal;
}

h4.tutte_opere {
	clear: left;
	float: right;
	font-weight: normal;
	font-size: 11px;
	padding: 40px 50px 0px 30px;
}
	h4.tutte_opere a {color: #666666;}
		h4.tutte_opere a :hover {color: #CC3333;}

h3.filtro {
	font-size: 12px;
	margin: 0px;
	padding-top: 20px;
}

ul.filtro {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
	
	ul.filtro li {padding: 2px 0px;}
	ul.filtro li a {font-size: 12px;}
		ul.filtro li a.attivo, ul.filtro li a:hover {text-decoration: underline;}

a.no_filtro {
	font-size: 11px;
	color: #666666;
}

div.opera {
	width: 170px;
	height: 214px;
	float: left;
	margin: 0px 35px 15px 0px;
	padding: 0px 0px 10px 0px;
	border-bottom: 1px solid #1A171B;
}
	div.opera.ultimo {margin-right: 0px;}

	.opera .immagine {
		width: 170px;
		height: 170px;
		background: #E6E6E6;
		text-align: center;
		line-height: 170px;
		position: relative;
	}
		/* il posizionamento delle immagini è completato dalle definizioni inline */
		.immagine img {
			position: absolute;
			top: 0px;
			left: 0px;
		}
	
	.opera h3 {font-size: 11px;padding-top: 15px;}
	.opera p {margin: 0px;font-size: 11px;}


/*=============================*/
/* OPERE DETTAGLIO*/
/*=============================*/

h2.dettaglio {
	font-size: 16px;
	padding: 0px 20px 5px 0px;
}

span.anno {
	display: block;
	font-size: 14px;
	padding-bottom: 30px;
}

span.dettaglio {
	display: block;
	padding: 0px 0px 40px 0px;
}


a.compra {
	display: block;
	width: 165px;
	height: 20px;
	line-height: 20px;
	padding: 0px 0px 0px 5px;
	margin-top: 5px;
	font-size: 11px;
	font-weight: bold;
	color: white;
	background: black url(../immagini_layout/freccina3.png) 150px center no-repeat;
}

	a.compra:hover {color: #CC3333;}
	
.immagine_dettaglio {
	width: 785px;
	height: 445px;
	background: #e6e6e6;
	float: left;
}

	/* il posizionamento delle immagini è completato dalle definizioni inline */
	.immagine_dettaglio img {
		position: absolute;
		top: 0px;
		left: 0px;
	}
	
h5.navigazione_opere  {
	width: 170px;
	height: 20px;
	line-height: 20px;
	font-size: 11px;
	font-weight: normal;
	position: absolute;
	top: 360px;
	left: 0px;
	color: #999999;
	text-align: center;
}

#navigazione_opere {
	clear: both;
	width: 170px;
	height: 63px;
	border-top: 1px solid #1A171A;
	border-bottom: 1px solid #1A171A;
	position: absolute;
	top: 380px;
	left: 0px;
	margin: 0px 0px 0px 0px;
	background: url(../immagini_layout/navigazione_opere.png) left center no-repeat;
}

	#navigazione_opere span {
		display: block;
		width: 170px;
		height: 31px;
		margin-bottom: 7px;
		line-height: 31px;
		text-align: center;
		font-size: 11px;
	}

	#navigazione_opere a.scorri {
		font-size: 11px; 
		color: #6F7072;
		display: block;
		width: auto;
		position: absolute;
		top: 8px;
	}
	
		#navigazione_opere a#prima {
			padding-left: 10px;
			left: 0px;
			background: url(../immagini_layout/freccina4.png) left center no-repeat;
		}
		
		#navigazione_opere a#dopo {
			padding-right: 10px;
			right: 0px;
			background: url(../immagini_layout/freccina.png) right center no-repeat;
		}
	
	#navigazione_opere a.indietro {
		font-size: 11px;
		font-style: italic;
		font-family: Georgia;
		color: #1A171A;
		text-decoration: underline;
	}
	
/*=============================*/
/* CONTATTI */
/*=============================*/
#modulo_contatti {width: 750px; padding-left: 30px;}
#modulo_contatti fieldset {border: 0px; margin: 0px; padding: 0px;}
#modulo_contatti label {float: left; width: 350px; margin-bottom: 10px;}
#modulo_contatti label input {width: 250px; margin-top: 5px; border-color: #171a17;}
#modulo_contatti label.richieste {width: 700px; margin-bottom: 5px;}
#modulo_contatti label.richieste textarea{width: 600px; overflow: auto; margin-top: 5px;}
#modulo_contatti span.campi_obbligatori {display: block; clear: both; font-size: 11px; color: #6F7072; margin-bottom: 20px;}
#modulo_contatti label.info_privacy {clear: both; float: none; color: #6F7072;}
#modulo_contatti label.info_privacy a {clear: both; color: #6F7072; font-size: 11px;}
	#modulo_contatti label.info_privacy a:hover {color: #CC3333;}
#modulo_contatti label.info_privacy input {width: 15px; height: 15px; margin: 0px 0px 0px 20px; border: 0px; padding: 0px; }
#modulo_contatti input#invio {clear: both; display: block; background: #CC3333; margin-top: 30px;border: 0px; color: white;}

.conferma {padding: 50px 0px 0px 30px;}

span.titolo_info_opera {
	color: #CC3333;
}


/*=============================*/
/* ISSUU READER	*/
/*=============================*/

#press_issuu {
	width: 760px;
	margin-left: 15px;
}