/* CSS Document */
html {
}

body {
	font-family: Arial, Verdana, 'Trebuchet MS', sans-serif;
	color: black;
	background-color: #CCCCCC;
	background-repeat: repeat-y;
	background-position: left top;
}

/* imposta il tag H1 (titolo principale) con caratteristiche di default (di tutti i tag H1) */
h1 {
	margin-left: 35px;
	margin-bottom: 20px;
	font-size: 2em;
	font-weight: bold;
	/*color: #329623;*/
	line-height: 1em;
	color: #008000;
	background-color: white;
	border-bottom: 0px solid #4C9D25;
	text-align: right;
}

/* imposta il tag H2 (titolo secondario) con caratteristiche di default (di tutti i tag H2") */
h2 {
	margin-top: 0.5em; margin-bottom: 1.0em;
	font-weight: bold;
	font-size: 2.4em;
	line-height: 1em;
	background-color: white;
	color: #D463CD;
}

h3 {
	margin-bottom: 25px; padding: 0;
	font-size: 2.8em;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 10px;
	padding-bottom: 20px;
	padding-top: 20px;
	background-repeat: repeat;
	background-color: #D460C0;
	line-height: 0.8em;
}


/* imposta il tag P (paragrafo) con caratteristiche di default (di tutti i tag P) */
p {
	margin: 10px 0;
	/*line-height: 18px; /* imposta l'altezza della linea di testo nei paragrafi */
}



/* imposta il tag A (link) per default le caratteristiche di default (di tutti i tag A) */
a {
	color: black;
	text-decoration: none;
}

/* Imposta per default le caratteristiche dei link al passaggio del mouse (di tutti i tag a) */
a:hover {
	color: #000000;
	text-decoration: underline;
	border-color: black;
}


/*
IL LIVELLO "LAYOUT" SI USA PER IMPOSTARE LE CARATTERISTICHE PRINCIPALI DEL SITO
ED EVENTUALE GRAFICA DI CONTORNO (DIMENSIONI, CENTRATURA, ECC...)
*************
E' CONTENUTO ALL'INTERNO DELL'ELEMENTO BODY
*/
#layout {
	width: 900px;
	min-height: 700px;
	height: auto !important;
	height: 700px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 2em;
	padding-left: 0;
	position: relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #FFFFFF;
}


/*
IL LIVELLO "CONTAINER" CONTIENE I VERI E PROPRI ELEMENTI DEL SITO
SE NON VIENE SPECIFICATA LA LARGHEZZA TENDERA' A ESPANDERSI SU TUTTO LO
SPAZIO DISPONIBILE (IN QUESTO CASO QUELLO DEFINITO DA LAYOUT
*************
E' CONTENUTO ALL'INTERNO DEL LIVELLO: LAYOUT
*/
#container {
	width: 900px; /* imposta la larghezza del livello */
}


/*
IL LIVELLO "HEADER" CONTIENE SOLITAMENTE l'IMMAGINE DI INTESTAZIONEI E IL MENU PRINCIPALE
*************
E' CONTENUTO ALL'INTERNO DEL LIVELLO: LAYOUT > CONTAINER
*/
#header {
	position: relative; /* imposta la posizione del livello come RELATIVA - gli oggettti ASSOLUTI (es: #menu) in esso contenuti saranno posizionati rispetto al livello stesso  */
	height: 400px;
	color: black;
	background-color: white;
	background-image: url(../media/basec.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 900px;
}


/*
IL LIVELLO "CONTENT" CONTIENE I VERI E PROPRI CONTENUTI DELLA PAGINA
*************
E' CONTENUTO ALL'INTERNO DEL LIVELLO: LAYOUT > CONTAINER
*/
#content {
	width: 860px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0px;
}


/*
IL LIVELLO "FOOTER" CONTIENE I CONTENUTI DEI CHIUSURA PAGINA (PIE' PAGINA)
*************
E' CONTENUTO ALL'INTERNO DEL LIVELLO: LAYOUT > CONTAINER
*/
#footer {
	margin: 0 auto;
	padding: 0 0 30px 0;
	width: 700px;
	text-align: right;
}

#footer img {
	border: 0;
}


/*
IL LIVELLO "MENU" CONTIENE IL MENU PRINCIPALE DELLA PAGINA
*************
E' CONTENUTO ALL'INTERNO DEL LIVELLO: LAYOUT > CONTAINER > HEADER
*/
#menu { /* impostazioni del livello */
	position: absolute; /* posizionato in maniera ASSOLUTA rispetto al livello HEADER (definito come position: relative) */
	top: 44px;
	right: 354px; /* posiziona il livello rispetto al livello HEADER (in pixel), come delle coordinate */
	color: #F1D5F1;	/*width: 140px; /* imposta le dimensioni del livello che conterrà il menu principale */
	width: 527px;
}

#menu ul {

}

#menu ul li {
	display: inline;
	padding-right: 5px;
	list-style: none;
}

#menu a { /* impostazioni dei link */
	/*display: block; /* permette di visualizzare il link come blocco (attivo non solo sul testo)... occupa una riga e quindi ogni elemento va a capo in automatico */
	/*width: auto; /* imposta la larghezza del link sullo spazio disponibile */
	padding-left: 2px; /* imposta un "margine interno" che permette di visualizzare l'immagine di sfondo "< - freccia_menu.jpg" */
	padding-right: 2px; /* imposta un "margine interno" che permette di visualizzare l'immagine di sfondo "< - freccia_menu.jpg" */
	text-align: left; /* allinea il testo a destra rispetto al blocco link */
	line-height: 1em; /* imposta un'altezza che occupa la riga del link */
	font-size: 2em; /* imposta le dimensioni del font */
	font-weight: bold; /* imposta le caratteristiche del font */
	color: #FFFFFF;	/*background: white url(../immagini/freccia_menu.jpg) no-repeat top left; /* imposta un'immagine di sfondo "< - freccia_menu.jpg" */
}

#menu a:hover { /* impostazioni del link al passaggio del mouse */
	color: #333333; /* imposta il colore del font */
	text-decoration: none;
}


/*
IL LIVELLO "SCHEDA" CONTIENE LA SCHEDA CON I CONTENUTI
*************
E' CONTENUTO ALL'INTERNO DEL LIVELLO: LAYOUT > CONTAINER > CONTENT
*/
#home {
	margin-top: 40px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border: 1px solid white;
}

#home .lista {
	clear: both;
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
	border: 1px solid white;
}

#home .lista .listaSinistra {
	float: left;
	width: 800px;
	border: 1px solid white;
}
#home .lista .listaDestra {
	float: right;
	width: 332px;
	border: 1px solid white;
}
#home .lista-img {
	float: left;
	width: 120px;
	border: 0;
}
#home .lista-img img {
	border: 0;
}
#home .lista h2 {
	margin-bottom: 5px;
	font-size: 1.2em;
	font-weight: bold;
	color: black;
	background-color: white;
}
#home .lista-testo {
	float: right;
	width: 650px;
}
#home .testo {

}
#una_colonna {
	margin-top: 40px;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
#una_colonna h2 {
	margin-bottom: 5px;
	font-size: 1.4em;
	font-weight: bold;
	color: black;
	background-color: white;
}

/* #NEWS */
#news {
	margin-top: 40px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	border: 1px solid white;
}
#news .lista {
	clear: both;
	margin-bottom: 10px;
	padding-bottom: 5px;
}
#news .lista-img {
	float: left;	
	margin-bottom: 20px;
	width: 180px;
}
#news .lista-testo {
	float: right;
	width: 470px;
}
#news .lista h2 {
	margin-bottom: 5px;
	font-size: 1.2em;
	font-weight: bold;
	color: black;
	background-color: white;
}


/*
IL LIVELLO "SCHEDA" CONTIENE LA SCHEDA CON I CONTENUTI
*************
E' CONTENUTO ALL'INTERNO DEL LIVELLO: LAYOUT > CONTAINER > CONTENT
*/
#scheda {
	margin-top: 40px;
}
#scheda .scheda-info {
	float: right;
	margin-top: 50px;
	width: 270px;
	text-align: right;
}
#scheda .scheda-img {
	margin-bottom: 20px;
	float: left; /* comando per allineare il livello con "scheda-info" - lo allinea a destra rispetto al livello "#scheda" */
	width: 550px; /* imposta le dimensioni del livello */
}

#scheda .scheda-testo {
	float: right; /* rispristina gli allineamenti degli oggetti (left e right di "scheda-info" e "scheda-img" */
	width: 270px;
}



.hide {
	display: none; /* nasconde l'elemento che ha come CLASS="hide" */
}

.clear {
	clear: both;
}

h2.titolorosso {
	margin: 0 0 0.4em 0; padding: 0;
	font-weight: bold;
	font-size: 100%;
	color: #B20004;
	background-color: white;
}

h2.links {
	margin: 0; padding: 0 0 .2em 0;
	border-bottom: 1px solid #C3C3C3;
}

.link_programma {
	color: #006699;
	text-decoration: underline;
}

.titolo_blocco {
	margin-bottom: 0.5em;
	font-size: 1.0em;
	line-height: 1.8em;
	border-bottom: 1px solid #C3C3C3;
}

.cambioFont {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 13px;
	left: 779px;
	font-size: 0.8em;
}

.cambioFont img {
	border: 0px;
}





/******************** HG ****************************/
legend { color: #d460c0; }
td { font-family: Arial,Verdana; /*font-size: 12px;*/ vertical-align: top; line-height: 25px; font-weight: normal; }
td.label { padding: 0px; width: 140px; line-height: 25px; }
fieldset { margin: 15px 0; font-family: Arial,Verdana; /*font-size: 14px;*/ font-weight: bold; border: 0px solid #CCC; }
.field-desc { margin-bottom: 20px; /*font-size: 11px;*/ font-style: italic; color: gray; line-height: 12px; }
input, select, textarea { padding: 2px 1px; font-family: Arial,Verdana; /*font-size: 12px;*/ border: 1px solid gray; }

a, a.link_artisti {
	color: #d460c0;	
	/*font-size: 12px;*/
}

.imgLeft {
	float: left;
	margin: 0 15px 15px 0;
}

.imgRight {
	float: right;
	margin: 0 0 15px 15px;
}
.imgDescr {
	color: black;
	font-style: italic;
	font-size: .8em;
	/*font-size: 11px;*/
}

.noborder {
	border: 0;	
}

.artista-dati { padding: 5px; background-color: #E6E6E6; }

#pagination-result {
  padding: 0 0 0 10px;
}
#pagination-result a {
  display: block;
  margin: 15px 5px 0 0; padding: 0;
  float: left;
  width: 23px; height: 23px;
  color: #d460c0;
  font-size: 12px;
  line-height: 23px;
  text-align: center;
  text-decoration: none;
  border: 1px solid gray;
}
#pagination-result a.active {
  font-weight: bold;
	color: white;
  background-color: #d460c0;
}