@charset "UTF-8";
/* CSS Document */


/* 4_ALL(exceptie6) */

/* 

CODICE CSS DISTRIBUITO DALLA SRRS PRODUCTION SOTTO LICENZA CREATIVE COMMON, 
LIBERTà DI UTILIZZO SENZA FINI DI LUCRO, SENZA CANCELLARE LA PROVENIENZA DELLA FONTE, GRAZIE :D

*/

/*
    ASSEGNO UNO STILE GENERICO AL ^CORPO^ DELLA PAGINA
    ED ALL'ELEMENTO DIV (DA non RIMUOVERE!!!)
*/

body
{
	margin: 0px;
	color: #000000;
	background-image: url(./newsito/immagini/sfondo.jpg);
	background-repeat: repeat;
	}

div
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}

/* 
	ORA PASSO AGLI ELEMENTI DELLA PAGINA IN DETTAGLIO,
	PARTENDO DAL ^PRINCIPALE^ CHE CONTIENE TUTTI GLI ALTRI E SO ON.
*/


#PRINCIP

{
	width: auto;
	min-width: 825px;
	padding-bottom: 20px;
}

/* 
	ECCO LA TESTA, CHE COMPRENDE NELL'HTML IL ^MENU A TENDA^, 
	CON I LINK ALLE ALTRE PAGINE DEL SITO.
*/

#TESTA
{
	margin-left: 15px;
	margin-right: 15px;
	height: 291px;
	background-image: url(./newsito/immagini/AngoloHeader.png);
	width: 900px;
	background-repeat: no-repeat;
}

/* STILE ^TENDA^ ->^MENU^
CAUSA IE6/7 HO DOVUTO AGGIUNGERE POSITION: RELATIVE
*/	
#TENDA
{
	width: 705px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 18px;
	font-weight: normal;
	text-decoration: none;
	text-transform: capitalize;
	text-indent: 0px;
	padding-top: 230px;
	height: 60px;
	position: relative;
	padding-left: 89px;
	padding-right: 89px;
}
	
/* 
PRONTI PER IL ^CORPO^. 
ACCI, ACCI! 
FARE ATTENZIONE AL PADDING-BOTTOM 
CHE SE NON MESSO CREA LO SPAZIO VUOTO
TRA IL ^CORPO^ ED IL ^PIEDE^ 
E POI NON SE NE VIENE PIù A CAPO!!!
*/

#CORPO

{
	min-height: 450px;
	width: 900px;
	margin-left: 15px;
	height: auto;
	padding-bottom: 20px;
	background-repeat: repeat-y;
	padding-top: 20px;
	margin-right: 15px;
	background-image: url(./newsito/immagini/AngoloCorpo.png);
	clear: both;
}

/* 
	INFINE IL ^PIEDE^ 
- IN QUESTO CASO, HO MODIFICATO IL PADDING-TOP PER SPINGERE LA SCRITTA NELLO ZOCCOLO DELL'IMMAGINE, 
FACENDO CIò, PER NON SPINGERE IL MARGINE INFERIORE OLTRE, LASCIANDO IL VUOTO, 
HO RIDOTTO L'ALTEZZA DEL PIEDE, COSì DA COMPENSARE, 
NEL CASO CHE NON CI VADA LA SCRITTA, 
BASTA RIPORTARE IL PIEDE ALL'ALTEZZA DELL'IMMAGINE IN ESSO CONTENUTA E AZZERARE IL PADDING-TOP.
*/

#PIEDE

{
	background-image: url(./newsito/immagini/AngoloFooter2.png);
	height: 56px;
	width: 900px;
	margin-left: 15px;
	background-repeat: no-repeat;
	padding-top: 220px;
	margin-right: 15px;
}

/* 
	ORA LE CARATTERISTICHE DEI LINK, QUELLI NELLA CLASSE ^BOTTONI^ E QUELLI "GENERICI".
*/

a
{
	color: #669933;
	text-decoration: underline;
}

/* 
	PER IL PASSAGGIO DEL MOUSE SUL LINK.
*/

a:hover
{
	color: #69F;
	text-decoration: blink;
	cursor: pointer;
}


/* 
	PER IL LINK GIà VISITATO.
*/

a:visited
{
	color: #CC3333;
	text-decoration: underline;
}

/*
	PASSO A STILIZZARE I font: p= PARAGRAFO; h1= TITOLO PRINCIPALE; h2= TITOLO PARAGRAFO.
*/

p {
	text-align: justify;
	padding-left: 100px;
	padding-right: 100px;
	text-indent: 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	text-transform: none;
	color: #630;
	padding-bottom: 10px;
}
p1 {
	text-align: center;
	padding-left: 100px;
	padding-right: 100px;
	text-indent: 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	text-transform: none;
	color: #630;
	padding-bottom: 10px;
}
h1 
{
	text-align: left;
	padding-left: 100px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #CC0000;
	font-size: 24px;
	font-weight: bold;
	text-transform: capitalize;
	clear: left;
}

h2
{
	text-align: left;
	padding-left: 100px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #399;
	font-size: 16px;
	font-weight: bolder;
	font-style: italic;
	text-transform: capitalize;
}

#PIEDE p

{/*
	text-align: right;
	padding-left: 170px;
	padding-right: 100px;
	text-indent: 0px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	text-transform: capitalize;
	color: #003300;
	padding-bottom: 0px;
	padding-top: 0px;
*/
	text-align: center;
	padding-top: 45px;
}


/* 
STILE ^MENU^ ^TENDA^
*/

* {
  margin: 0;
  border: 0;
  padding: 0;
}

dl, dt, dd{
	list-style-type: none;
	font-weight: bold;
}

/* PER FAR SI CHE IL MENU VADA SOPRA IL BOX SUCCESSIVO SENZA SPOSTARE IL TESTO HO MODIFICATO:
POSITION IN ABSOLUTE E, DATO CHE IE6/7 NON VEDONO IL PADDING DEL BOX SUPERIORE (^TENDA^) SPOSTANDOMI IL MENU 
HO AGGIUNTO LEFT E RIGHT*/

#menu {
	width: 702px;
	float: left;
	height: 45px;
	position: absolute;
	left: 89px;
	right: 89px;
}

#menu dl{
	float:left;
	background-color: #FFFFCC;
}

#menu dl.closed dd{
	display: none;
}

#menu dl.open dd{
	display: inherit;
}

#menu dt{
	width:100px;
	background-color: #009900;
}

#menu dd {
	width:100px;
	background-color: #99CC33;
}

#menu a {
	display: block;
	padding: 5px;
	color: #666;
	text-decoration: none;
	background-color: #FC9;
}

#menu a:hover {
	background-color: #FFC;
	color: #660;
	text-decoration: none;
}

/* FINE TENDA*/

/* SLIMBOX */

#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: center;
	background-color: #fff;
	background-repeat: no-repeat;
	background-image: url(./newsito/immagini/loading.gif);
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: 0% 15%;
	background-color: transparent;
	background-repeat: no-repeat;
	background-image: url(./newsito/immagini/prevlabel.gif);
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: 100% 15%;
	background-color: transparent;
	background-repeat: no-repeat;
	background-image: url(./newsito/immagini/nextlabel.gif);
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: center;
	background-color: transparent;
	background-image: url(./newsito/immagini/closelabel.gif);
	background-repeat: no-repeat;
}

/* FINE SLIMBOX */