/*stili generali*/
* {	margin:0;	padding:0;}

* ul{	list-style:none;}

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

a:hover{ text-decoration:underline;}

body{
	font-family: Arial, "Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size:78%;
	line-height:1.4em;
	color: #ffffff;
	background: #000000;}

.nascosto,
hr, h1, h2, h3,
.linkTop{
	position: absolute;
	top: -10000px;
	left:-10000px;
	width: 0;
	height:0;
	clear:none;}

p{margin: 10px;	padding: 0;}

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

li {	
	padding-left: 7px;
	margin-bottom: 5px;}

img{border: 0px solid;}
	
/* DIV  */

	 /* Entrata */

#contenitore_entrata { 
	margin: auto;
	width:750px;
	background: #000000;
	position:relative;}

#entrata { 
	text-align: center;
	width: 750px;
	height: 550px;
	border: 0px;
	background: #000000;}

	
	/* Contenitore */

#contenitore { 
	margin: auto;
	width:750px;
	background: #000000;
	border: 0px;
	position:relative;}	
	
	/* Intestazione */	
	
#intestazione{width:750px;}

#barra_sup{
  position:relative;
  width:750px;
	height:154px;
	margin: 0;
	padding: 0;
	background: url("../Immagini/Struttura/AngelaBettaCasale02.gif") no-repeat;
  background-position: right;}	
	
#logo{
	position:absolute;
	top:0px;
	left:0px;
	width:242px;
	height:154px;}
	
#imm_logo {
	display: block;
	width:242px;
	height:154px;
	margin: 0;
	padding: 0;
	outline:none;
	background: url("../Immagini/Struttura/Logo.gif") no-repeat;}

	/* Corpo */

#corpo{	clear:both;	width:750px;}	
	
	/* Menu verticale 150 px */
#menu_verticale{
	float:left;	
	width:148px;
	padding: 0px 0px 40px 2px;}

.m_verticale{
	width: 148px;
	margin: 0;
	padding: 5px 0px 0px 0px;}  

.m_verticale_ul{ white-space: nowrap} 

.m_verticale_li a {
	display:block;  /* il link occupa tutto lo spazio orizzontale */
	padding: 0px 0px 0px 1.8em; /* lascia spazio fra il bordo del menu e il testo del link */
	height:20px;line-height:20px; /* altezza del link: height e line-height devono avere il medesimo valore */
	font-size: 0.8em;
	outline:none;}

.m_verticale_li a:hover{ text-decoration: underline;} 

#activelink {color: #b28546; text-decoration:underline;}

#chi_sono {
	display: block;
  width: 148px; 
  height: 21px;
  margin: 0;
  padding: 0;
	outline:none;
  background: url("../Immagini/Struttura/Artista.gif") no-repeat;}

#opere {
	display: block;
  width: 148px; 
  height: 21px;
  margin: 0;
  padding: 0;
	outline:none;
  background: url("../Immagini/Struttura/Opere.gif") no-repeat;}	

#contatti {
	display: block;
  width: 148px; 
  height: 21px;
  margin: 0;
  padding: 0;
	outline:none;
  background: url("../Immagini/Struttura/Contatti.gif") no-repeat;}	

#siti_amici {
	display: block;
  width: 148px; 
  height: 30px;
  margin: 0;
  padding: 0;
	outline:none;
  background: url("../Immagini/Struttura/SitiAmici.gif") no-repeat;}
	
#bottega {
	display: block;
  width: 148px; 
  height: 30px;
  margin: 0;
  padding: 0;
	outline:none;
  background: url("../Immagini/Struttura/bottega.gif") no-repeat;}		

	
/* Contenuto 600px */	
	
#contenuto{
	float:right;	
	width:600px;
	padding: 0px 0px 40px 0px;}

	
	/* percorso 560px */		
	
#percorso{
	width:580px;
	height:30px;
	padding: 5px 0 0 20px;
	font-size: 1.1em;
	letter-spacing: 1px;
	font-variant: small-caps;}
	
#lnk_percorso{float:left; padding: 0;}

#barra_percorso{float:right; padding: 0;}

#barra_sx{
	float:left;
	width: 20px;
	margin: 0;
	padding: 0;
	background: url("../Immagini/Struttura/Sfumatura_sx.gif") no-repeat;}		
	
#barra_dx{	
	float:right;
	margin: 0;
	padding: 0;
	background: url("../Immagini/Struttura/LineaOrizzontale.gif") repeat;}	
	
#lnk_percorso a{
	padding: 0 0.3em;
	margin: 0;
	outline:none;} 

#lnk_percorso a:hover{text-decoration:underline;} 

.dove_siamo{
	padding: 0;
	margin: 0;
	color: #b28546;} 

#testo{
	clear:both;
	width:560px;
	padding: 5px 20px 0 20px;}

#notizie{
	width:100%;
	height:280px;
	font-size: 1.3em;}

#notizie h4{
	padding:0 0 7px 0;
	margin:0;}	
	
#notizie p{
	font-variant: small-caps;
	padding:3px 0px;
	margin:0;}

#notizie a{text-decoration:underline;}

#notizie div{border-bottom: 1px dashed #ffffff; padding-bottom: 20px;}

#foto_angela{
	float:left;
	width: 159px;
	margin: 0;
	padding: 0;}		
	
#storia{	
	float:right;
	width: 400px;
	margin: 0;
	padding: 0;}

#storia p{
	font-variant: small-caps;
	padding: 0 0 10px 10px;
	font-size: 1.1em;
	margin:0;
	text-align:justify;}

#espo_sx{
	float:left;
	width: 200px;
	margin: 0;
	padding: 0;
	text-align:center;
	font-variant: small-caps;
	font-size: 1.2em;}	

#espo_sx h4{color: rgb(150, 150, 150);}

#espo_sx a{text-decoration: underline; color: rgb(178, 133, 70);}	

#espo_sx p{padding: 0; margin: 0;}
	
#espo_dx{	
	float:right;
	width: 349px;
	margin: 0;
	padding: 0 0 0 10px;
	text-align:justify;}

#espo_dx h4{
	font-size: 1.2em;
	font-variant: small-caps;
	padding: 0 0 15px 0;
	color: rgb(150, 150, 150);}	
	
#espo_dx ul{list-style:disc; padding: 0 0 0 10px;}

.critica{
  text-align:justify;
	font-variant: small-caps;
	font-size: 1.1em;
	padding: 0 0 30px 0;
	border-bottom: 1px dashed #ffffff;}

.critica h4{
	font-size: 1.2em;
	color: rgb(150, 150, 150);
	padding-bottom: 10px;}

.critica p{
	margin: 0px;
  padding-left: 1em; 
  text-indent: 25px;}	

#menu_opere{
	font-size: 1.1em; 
	font-variant: small-caps;}

#menu_opere p{margin: 10px 0px;}

#lnk_quadri{width:100%; height: 100%;}

#lnk_quadri thead p{text-align: left; font-size: 1.1em; font-variant: small-caps;}

#lnk_quadri thead a{color: #b28546; font-variant: normal; text-decoration:underline;}

#lnk_quadri tfoot p{text-align: right; padding-top:20px;}

#lnk_quadri td{	text-align: center;	vertical-align: middle;}
	
#quadro{width:100%; height: 100%;}

#quadro thead a{font-size: 1.0em; letter-spacing: 1px;}

#quadro tfoot{text-align: center; vertical-align: bottom; 
	font-size: 1.3em; letter-spacing: 2px; font-variant: small-caps;}

#quadro tbody{text-align: center; vertical-align: middle;}

#costruzione{
  padding: 0 0 0 20px;
	font-size: 1.2em; letter-spacing: 1px; font-variant: small-caps;}

.altro{padding: 10px 0 0 20px;
	font-size: 1.1em; letter-spacing: 2px; font-variant: small-caps;}	

.lnk_altro{width:100%; padding:10px 0 0 0;}

#sx_claang{float:left; width:60%;}

#claang tbody{text-align: justify; font-size: 1.1em; font-variant: small-caps;}

#claang tbody a{color: #b28546; text-decoration:underline;}			

#dx_claang{float:right; width:40%;}

#foto_claang{width:100%; font-size: 0.9em;}

#foto_claang td{text-align: center;}

#foto_claang tbody a{color: #b28546; text-decoration:underline;}

#sx_teatro{float:left; width:65%;}

#teatro tbody{text-align: center; vertical-align: bottom;}

#dx_teatro{float:right; width:35%; text-align: center;
		font-size: 1.2em; font-variant: small-caps;}
		
#sx_vetro{float:left; width:65%;}

#dx_vetro{float:right; width:35%; height:397px; text-align: center;
		font-size: 1.2em; font-variant: small-caps;}
		
#dx_vetro p{position:relative; top:30%;}

#desc_vetro{clear:both;
		font-size: 1.1em; text-align: justify; font-style:italic;}

.firma{text-align: right; padding: 10px 30px 0 0;}	

#lnk_graal{width:100%; height: 100%;}

#lnk_graal tbody td{text-align: center;	vertical-align: middle;
     font-size: 1.2em; font-variant: small-caps;}
		 
#lnk_graal tfoot p{text-align: right; padding-top:20px;}
		 
#lnk_graal tbody a{color: #b28546; text-decoration:underline;}

#lnk_pubbl{width:100%; height: 100%;}

#lnk_pubbl td{text-align: center;	vertical-align: middle;}
		 
#lnk_pubbl p{text-align: justify;	font-size: 1.2em; font-variant: small-caps;}

#lnk_pubbl a{color: #b28546; text-decoration:underline;}

#contatti_angela{padding: 10px 0 0 0; text-align: center;
	font-size: 1.4em; font-variant: small-caps;}	

#contatti_angela a{color: #b28546; font-variant: normal; text-decoration:underline;}

.lnk_amici a{color: #b28546; font-size: 1.2em; font-variant: small-caps; text-decoration:underline;}	

.desc_amici {padding: 10px 0 10px 10px; font-size: 1.1em; font-style:italic; text-align: justify;}	

.banner_amici{padding: 10px 0 20px 0; text-align: right;}	

.video{padding: 20px 0 20px 0; text-align: center;}

.video h4{text-align: center;
	font-size: 1.2em; font-variant: small-caps;}	

.video p{text-align: justify;
	font-size: 1.2em; font-style:italic;}	

.video a{text-decoration:underline;}	
		
	/* Piede */	
	
#piede{
	clear:both;	
	width:750px;
	text-align:center;}
	
#linea_piede{
	width:750px;
	background: url("../Immagini/Struttura/LineaOrizzontale.gif") repeat;}
	
#pie_pagina{margin: 5px 0 0 0;}

#pie_pagina a {text-decoration:underline;} 

#pie_pagina a:hover{color: #b28546;}	

#sx_poesie{float:left; width:66%;}

#sx_poesie p{margin:0; padding:0;}	

#sx_gb{float:left; width:50%; text-align: justify; font-size: 1.1em; font-style:italic;}	

#dx_gb{float:right; width:50%; text-align: center; font-size: 1.1em; font-variant: small-caps;}	

#dx_poesie{float:right; width:33%; text-align: left; font-variant: small-caps;}

#dx_poesie p{margin:0; padding:0;}

#poesie p{font-size: 0.8em; padding:0; margin:0;}
	
/* TABELLA ENTRATA  */	

#entrata{height: 550px; width: 750px;}

#entrata td{ 
	text-align: center;
	vertical-align: middle;
	width: 750px;}

#entrata a{font-variant: small-caps;}