/* CSS Document */

/* per settare hasLayout in automatico per IE*/
/* ATTENZIONE!!!!!!!!!!!! servono entrambe le dichiarazioni: */
/* questa */
div, p {display: inline-block;}
/* e pure questa*/
div, p {display: block;}
/* e non devono stare nello stesso blocco!!!*/


html {
	height: 101%;
	margin-bottom: 1px;
}

body {
	font-family: Arial, Verdana, Geneva, sans-serif;
	color:#333333;
	font-size: 0.7em;	
}

body img {
	border: 0;
}

/*----------------splash----------------------*/

div#splash {
	position: absolute;
	height: 200px ;
	width: 100px;
	left: 50%;
	top: 150px;
	margin: 0 0 0 -50px;
	padding: 0;	
	text-align: center;
}

div#splash a:link, div#splash a:visited, div#splash a:hover, div#splash a:active {
text-decoration: underline;
}

div#splash img {
margin: 0 0 20px 0;
}

div#splash div#idioma, div#splash div#footer {
width: 140px;
	text-align:center;
}

div#idioma {

}

div#splash h1{
margin: 0;
padding: 0;
}

div#splash ul {
	text-indent: 0;
	margin: 0;
	padding: 0;
	list-style-position: outside;
}

div#splash ul li	{
	padding: 0 0 5px 0px;
	text-indent: 0px;
	list-style-position: outside;
	list-style-type: none;	
	margin: 0px;
	
}

div#splash div#footer {
	position: relative;
	padding: 0;
	margin: 70px 0 0 0;
	top: 0;
	left: 0;
	text-align: center;
}


/*_-----------------------------per tutti-------------------------------_*/

div#page {
	position: absolute;
	height: auto !important;  /* per i browser moderni */
    height: 85%;      /* per IE5.x e IE6 */
    min-height: 85%; /* per i browser moderni */
	width: 900px;
	left: 50%;
	margin: 0 0 0 -450px;
	padding: 0;		
	top: 30px;
}

div#header {
	float: left;
	top: 0px;
	width: 60px;
	height: auto;
	padding: 0;		
}

div#menu {
	float: left;
	left: 60px;
	top: 0px;
	width: 171px;
	height: auto;
	padding: 0 10px;	
/*	voice-family: "\"}\"";
	voice-family: inherit;
	width: 171px;*/	
}

div#contents {
	float: right;
	top: 0px;
	width: 625px;
	height: auto;
	padding: 0;		
	margin-bottom: 20px;
/*	voice-family: "\"}\"";
	voice-family: inherit;
	width: 625px;*/
}

div.clear, div#clear	{
	clear: both;
}

div#back_to_top {
	text-align: right;
	padding: 15px;
	margin: 0;
	width: auto;
}

div#footer {
	position: absolute;
	margin:20px 0 20px 70px;
	text-align:left;	
	text-decoration: none;
	color:#b2b2b3;
	top: 500px;
}

div#footer ul li{
 padding-bottom: 0;
}

div#footer ul li#credits a:link, div#footer ul li#credits a:visited, div#footer ul li#credits a:hover, div#footer ul li#credits a:active{
 color:#b2b2b3;
 text-decoration: none;
 
}

/*---------------index------------------------*/

div#contents img#autoritratto {
	padding-left: 100px; 
}

/*---------------biografia, esposizioni------------------------*/

div#contents.colonne ul {
	margin-bottom: 15px;
	margin-left: 60px;
	width: 554px;
}

div#contents.colonne p {
	top: 0;
	margin: 0 0 5px 150px;
	padding: 0;
	width: 404px;
	text-align: justify;
	line-height: 15px;	
}

div#contents.colonne img.thumb {
	opacity: 1.0;
	filter: alpha(opacity=100);
}

div#contents.colonne img.icona {
	float: left;
}

p.citazione {
	font-style: italic;
}


/*-------------modulo 96---------------------*/

div#contents.colonne p.inizio {
	top: 0;
	margin: 0 0 5px 150px;
	padding: 15px 0 0 0;
	width: 404px;
	text-align: justify;
	line-height: 15px;	
}

div#contents.colonne p.didascalia {
	top: 0;
	margin: 5px 0px;
	padding: 0;
	width: auto;
	text-align: left;
	line-height: 15px;	
	font-style: italic;
}

div#contents.colonne div div.left {
float: left;
width: 262px;
margin-top: 15px;
}

div#contents.colonne div div.left table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 262px;
}



div#contents.colonne div div.left table tr td{
width: 131px;
text-align: left;
margin: 0;
padding: 0;
}

div#contents.colonne div div.left table tr td img{
margin: 0 3px 5px 0;
padding: 0;
}



div#contents.colonne div div.left table tr td img#doppio_1{
margin: 0 2px 5px 0;
padding: 0;
float: left;
}

div#contents.colonne div div.left table tr td img#doppio_2{
margin: 0 0px 5px 0;
padding: 0;
}

div#contents.colonne div div.right {
float: left;
width: 274px;
margin-left: 14px;
margin-top: 15px;
}

div#contents.colonne div div.right table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 274px;
}

div#contents.colonne div div.right table tr td{
width: 137px;
text-align: right;
margin: 0;
padding: 0;
}

div#contents.colonne div div.right table tr td img	{
margin: 0 0 9px 3px;
padding: 0;
}

div#contents.colonne div div.right table tr td a, div#contents.colonne div div.left table tr td a{
margin: 0;
padding: 0;
}


/*--------------- cover opere -----------------------*/

div.cover {
	position: absolute;
	top: 78px;
	margin: 0;
	padding: 0;
	width: 625px;
	height: auto;
}

table#cover {
	border: 0;
	top: auto;
	padding: 0;
	margin: 0;
	width: 625px;
	height: auto;
	text-align: center;
	border-spacing: 0;
}

table#cover tr {
	margin: 0;
	padding: 0;
	border: 0;	
}

table#cover tr td {
	margin: 0;
	padding: 0;
	border: 0;	
	width: 120px;
	height: auto;
	text-align: center;
}

table#cover tr.img_ciclo td, table#cover tr.t_ciclo td {
	margin: 0;
	padding: 0;
	border: 0;	
	width: 208px;
	height: 120px;
	text-align: center;

}

table#cover tr.t_ciclo td {
	height: auto;
}


table#cover tr td  img  {
	margin: 5px 0 10px 0;
	padding: 0;
	border: 0;	
}

table#cover tr td img.thumb.ver {
	height: 120px;
}

table#cover tr td img.thumb.hor  {
	width: 90px;
}


table#cover tr.tr_1 td img,
table#cover tr.tr_2 td img,
table#cover tr.tr_3 td img,
table#cover tr.tr_4 td img,
table#cover tr.tr_5 td img	{
	padding: 0 0 15px 0;
}

/*table#cover tr td {
	width: 50%;
	border: 0px;
	margin: 0;
	padding: 10px 0 0 0;
}*/

table#cover tr.tr_1 td ,
table#cover tr.tr_2 td ,
table#cover tr.tr_3 td ,
table#cover tr.tr_4 td ,
table#cover tr.tr_5 td  {
	width: auto;
	text-align: center;
	opacity: 1.0;
	padding: 0;
	background-color: #fff; /* server per IE6: altrimenti il fade [filter:alpha(opacity)] crea problemi di rendering del testo (testo smangiucchiato)*/
}

div.cover  img	{
	opacity: 0.5;
	filter: alpha(opacity=50);
	}	



div.cover img.thumb {
	float: left;
	opacity: 1.0;
	filter: alpha(opacity=100);
}

h4 {
	float: left;
}



/*div.cover div#velo.notxt	{
	float: none;
	text-align: center;
	}*/
	
div.cover div#velo.notxt img.thumb {
	float: none;
	opacity: 1.0;
	filter: alpha(opacity=100);
}

p.estratto {
text-align: right;
color: #666666;
}

/*---------------tabella opere------------------------*/

table#opere {
	top: auto;
	padding: 0;
	margin: 0;
	width: 100%;
	height: auto;
	text-align: center;
	border-spacing: 0;		
}

table#opere.index {
	margin: 0;
}

table#opere tr {
	margin: 0;
	padding: 0;
	border: 0px none;	
}

table#opere tr td {
	width: 50%;
	border: 0px;
	margin: 0;
	padding: 10px 0 0 0;
}

table#opere tr td.immagini {
	width: auto;
	text-align: center;
	opacity: 1.0;
	padding: 0;
	background-color: #fff; /* server per IE6: altrimenti il fade [filter:alpha(opacity)] crea problemi di rendering del testo (testo smangiucchiato)*/
}

div#jas-image-text  {
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
	color: #333333;
	text-align: left;
	font-family: Tahoma;
	font-size: 9px;
	
}


/*---------------interfaccia opere------------------------*/

div#interfaccia {
	top: 0;
	left: 0;
	width: 100%;
	height: 20px;
	border-bottom: 1px solid #e7e7e7;	
	margin: 0 0 15px 0;
}

div#slideshow {
	float: left;
	padding: 0 10px 0 5px;
	margin: 0;
	height: 20px;
	width: auto;
	border-right: 1px solid #e7e7e7;
}

div#slideshow img	{
	vertical-align: middle;
}

img#puntini {
margin: 0 0 0 5px;
}

div#loading {
	padding: 0 10px;	
	width: 30%;
	float: left;
	color: #666666;
}

div#go_to_slideshow	{ 
	width: 30%;
	float: left;
}

a#a_go_to_slideshow {
	color: #dc5628;
}

a#a_go_to_slideshow img	{
	margin: 0 10px 0 8px;
	vertical-align: middle;
}

div#player {
	float: left;
	margin: 0 10px;
	padding: 0;
	width: auto;
	height: 20px;
}

div#player span {
	padding: 0 5px;
	vertical-align: middle;
}

div#player img {
	vertical-align: middle;
}

div#quit, div#back {

	float: left;
	padding: 0 10px 0 5px;
	margin: 0;
	height: 20px;
	width: auto;
	border-right: 1px solid #e7e7e7;
	/*display: none;*/
}

div#quit img, div#back img	{
	vertical-align: middle;
}

/*--------------- slideshow_visibilità e alpha ------------------------*/

/*div#wrapper_opere {	display: none; }
div#player, div#slideshow {	display: none;}

div#velo.notxt { text-align: center; float: none; height:50%;}
div#loading {	display: block; }*/
div#velo { opacity: 0.50; filter: alpha(opacity=50);}
div#go_to_slideshow { display: none;}
div#preload_thumb_img { display: none;}
div#loading_velo {
	position: absolute;
	top: 300px;
	left: 540px;
	
}


/*---------------popup opere------------------------*/

div#pop_up {

	padding: 0;
	top: 0;
	/*bottom: 0;*/
	right: 0;
	left: 0;
	width: auto;
	height: 100%;
	background:#FFFFFF;
	position:absolute;
	display: none;
	/*overflow: auto;*/
}

table.centrato {
	top: 0;
	padding: 0;
	margin: 0;
	width: 100%;
	height: auto;
	text-align: center;
	border-spacing: 0;		
}


table.centrato tr {
	margin: 0;
	padding: 0;
	border: 0px none;	
}

table.centrato tr td {
	width: 50%;
	border: 0px;
	margin: 0;
	padding: 10px 0 0 0;
}

table.centrato tr td.immagini {
	padding: 0;
	margin: 0;
	width: auto;
	text-align: center;
	opacity: 1.0;
}

table.centrato tr td.indietro {
	padding: 10px 0;
	margin: 0;
	width: auto;
	text-align: left;
}

table.centrato tr td.indietro img {
	padding: 0 10px 0 0;
	margin: 0;
	vertical-align: middle;
}


p#hires_caption {
	margin: 0;
	padding: 10px 0;
	color: #333333;
	text-align: left;
}


/*-------------------------------- documenti antologia critica -----------------------------------------*/

div#contents.alltxt p {
	text-indent: 10px;
	margin: 0 0 5px 0;
	width: 554px;
	text-align: justify;
	padding: 0;
	line-height: 15px;
}

div#contents.alltxt p.note {
	text-indent: 0px;
}

div#contents.alltxt p.separatore {
	text-align: center;
	text-indent: none;
	margin: 10px 0;
	width: 554px;
}

div#contents.alltxt div#back_to_top {
	width: 554px;
	padding-right: 0;
	padding-left: 0;
}

/*-------------------------------- antologia critica -----------------------------------------*/

div#contents.txt ul, div#contents.txt p {
	width: 616px;
	margin-bottom: 15px;
}

div#contents.txt ul a:link, div#contents.txt ul a:visited {
	color: #666666;
	text-decoration: none;
}

div#contents.txt ul a:hover, div#contents.txt ul a:active {
	color: #097c72;
	text-decoration: none;
}

/*-------------------------------- interfaccia pag testuali -----------------------------------------*/

div#pdf {
	float: left;
	padding: 0 10px 0 8px;
	margin: 0;
	width: auto;
	border-right: 1px solid #e7e7e7;
	height: 20px;
}

div#print {
	float: left;
	margin: 0 10px;
	padding: 0;
	width: auto;
	height: 20px;
}

div#pdf img, div#print img {
	border: 0px none;
	vertical-align: middle;
}

/*--------------------------------TESTI-----------------------------------------*/

a, a:link, a:visited {
	color: #999999;
	border: 0px none;
	text-decoration: none 	
}

a:active, a:hover {
	color: #666666;
	border: 0px none;
	text-decoration: none 
}

 ul {
	text-indent: 0;
	margin: 0;
	padding: 0;
	list-style-position: outside;
}

ul li {	
	padding: 0 0 5px 0px;
	text-indent: 0px;
	list-style-position: outside;
	list-style-type: none;	
	margin: 0px;
}

h1 {
	padding: 0;
	border: 0px none;
	top: 0; margin-left:0; margin-right:0; margin-top:0; margin-bottom:60px
}

h2 {
	padding: 0;
	border: 0px none;
	top: 0; margin-left:0; margin-right:0; margin-top:40px; margin-bottom:20px
}

h3 {
	padding: 0;
	border: 0px none;
	top: 0; margin-left:0; margin-right:0; margin-top:0; margin-bottom:25px
}

h4 {
	padding: 0;
	margin: 0 0 5px 0;
	font-size: 1em;
	font-weight: normal;	
}



/*---------------menu main + titoli h4------------------------*/


 li.biografia a:hover, span.biografia {
	color: #8f2f66;
}

 li.biografia a:active {
	color: #999999;
}

 li.opere a:hover, p.opere {
	color: #dc5628;
}

 li.opere a:active{
	color: #999999;
}


li#archivio {
margin: 10px 0 0 0;
/*font-style:italic;*/
}

li.esposizioni a:hover, h4.esposizioni {
	color: #58a81c;
}

li.esposizioni a:active {
	color: #999999;
}

li.bibliografia a:hover, h4.bibliografia {
	color: #5d88c5;
}

li.bibliografia a:active {
	color: #999999;
}

li.antologia a:hover, h4.antologia {
	color: #097c72;
}

li.antologia a:active {
	color: #999999;
}

h4.antologia {
float:none;
margin-bottom: 15px;
font-size: 1.3em;
}

li.contatti a:hover {
	color: #a0431c;
}

li.contatti a:active {
	color: #999999;
}

li.newsletter a:hover {	
	color: #df9a04;
}

li.newsletter a:active {
	color: #999999;
}


/*---------------menu opere------------------------*/

li#op_2006 a:hover {
	color: #dc5628;
}

li#op_2006 a:active {
	color: #999999;
}

li#op_2005 a:hover {
	color: #dc5628;
}

li#op_2005 a:active {
	color: #999999;
}

li#op_2000_2004 a:hover {
	color: #dc5628;
}

li#op_2000_2004 a:active {
	color: #999999;
}

li#op_1993_1999 a:hover {
	color: #dc5628;
}

li#op_1993_1999 a:active {
	color: #999999;
}

li#op_1981_1992 a:hover {
	color: #dc5628;
}

li#op_1981_1992 a:active {
	color: #999999;
}

li#op_1969_1980 a:hover {
	color: #dc5628;
}

li#op_1969_1980 a:active {
	color: #999999;
}

li#op_1962_1968 a:hover {
	color: #dc5628;
}

li#op_1962_1968 a:active {
	color: #999999;
}

li#sculture a:hover {
	color: #dc5628;
}

li#sculture a:active {
	color: #999999;
}

li#modulo_96 a:hover {
	color: #dc5628;
}

li#modulo_96 a:active {
	color: #999999;
}

/*---------------  menu esposizioni  -------------------------*/


li#personali a:hover {
	color: #58a81c;
}

li#collettive a:hover {
	color: #58a81c;
}

/*---------------  form newsletter  -------------------------*/

p.grazie {
	top: 77px;
	position: absolute;
	visibility: hidden;
}

.richiesta {
	visibility: visible;
	padding: 0;
	margin: 0;
	top: 0;
}

form fieldset  {

	width: auto;
	height: auto;
	padding: 0;
	margin: 0;
	border: 0px none;
	color: #a0431c;
}

input, textarea {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#666666;
	width: 70%;
	height: 1.7em;
	padding: 5px 0 0 2px;
	margin: 5px 0 ;
	border-color: #cccccc;
	border-width: 1px;
}

input.search_button {
	vertical-align: text-bottom;
}

td#checkbox {
text-align: justify;
}



/*_--------------------------contatti-----------------------------*/


div#contents.txt table  {
	width: 554px;
	padding: 0;
	border: 0px none;
	cellspacing: 0;
	cellpadding: 0;
	table-layout: fixed; margin-left:0; margin-right:0; margin-top:10px; margin-bottom:0
}

div#contents.txt table tbody tr 	{
border: 1px solid red;
}


div#contents.txt table tr td.voce	{
width: 30%;
margin: 0;
padding: 0;
color: #a0431c;
}

div#contents.txt table tr td.campo	{
width: 70%;
margin: 0;
padding: 0;
}

div#contents.txt table tr td p	{
width: 70%;
margin: 0;
padding: 0;
}

div#contents.txt table tr td.campo	textarea	{
width: 70%;
height: 12em;
}

td#checkbox {
align: left;
margin: 10px 0;
}

input.bottoni {
border: 0px none;
color: #666666;
width: 70px;
height: auto;
line-height: 15px;
margin-left:0; margin-right:0; margin-top:20px; margin-bottom:0; padding-left:0; padding-right:0; padding-top:0; padding-bottom:2px
}

/*------------------ debug paolo, non togliere ---------------------*/

span#loader_check_wrapper {
	display: none;
}