/* css di Adriano ascatigno - 'ASCATIGNO.COM by Adriano Ascatigno - http://www.ascatigno.com/ */
/* css rilasciato in singola licenza per l'uso in abbinamento con il sito www.raccontida.it/ */
/* Tutta la grafica associata è di proprietà di Adriano Ascatigno - Copyright 2005-2007, ASCATIGNO.COM */
/* Aggiornamento: 19 Gennaio 2007 */


/* IMPORTANTE */
/* Questo design non è un template e non si può riprodurre senza il permesso del proprietario (Adriano Ascatigno) ASCATIGNO.COM. */
/* Il file CSS in sè può essere utilizzato per studio ed in versione modificata associata agli aelementi grafici del nuovo Designer. */
/* Ciò che puoi modificare: file ".css". Ciò che NON puoi usare/modificare: file ".jpg", ".gif" e ".png". */


body {
	padding: 0px;
	margin: 0px;
	/* CON IE6, OPERA e FIREFOX IL CENTRAGGIO FUNZIONA ANCHE SE NON C'E' QUESTO "text-align: center;" */
	text-align: center;
	font-style: normal; font-variant:normal; font-weight:normal; font-size:11px; font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
	background-color: #FCF6E0;
}		

/* RICORDARSI CHE HA EFFETTI SU TUTTI I FORM DEL SITO */
form {
	display: inline;
}


.lisx {
	vertical-align: middle;
	margin-left: -17px;
	margin-top: -3px;
	margin-bottom: -3px;
}

.lisxtesto {
	vertical-align: middle;
	margin-top: -3px;
	margin-bottom: -3px;
}
.asx {
	margin-top: 0px;
	margin-bottom: 0px;
}

.hrtest {
	/*color: #526555#*/
	color: #CCCCCC#;
	margin-top: -10px;
	margin-bottom: -10px;
}

hrsx {
	border: 0px none;
	color: #043;
	background-color: #043;
	height: 1px;
	width: 100%;
	text-align: left
}

/* QUESTO LO TOLGO PER EVITARE TUTTE LE 1° LETTERE INGRANDITE, POSSO SEMPRE RIMETTERLO SU COSE SPECIFICHE */
/*p:first-letter {*/
	/*color: #004400;*/
	/*text-transform: uppercase;*/
	/*font-weight:bold;*/
	/*font-size: 14px;*/
}

.p1 {
	font-style: normal; font-variant:normal; font-weight:normal; font-size:11px; font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
}

/* EXPLORERE e FIREFOX NON LI RICONOSCONO, MENTRE OPERA SI */
/*p.paragrafo-iniziale:first-letter*/
/*paragrafo-iniziale p:first-letter*/
/*#paragrafo-iniziale p:first-letter {/*
	/*color: #004400;*/
	/*text-transform: uppercase;*/
	/*font-weight:bold;*/
	/*font-size: 17px;*/
/*}*/

/* QUESTO CONTENITORE SI CENTRA IN MEZZO ALLA PAGINA sia in IE6 che in OPERA e FIREFOX */
/* CONSEGUENTEMENTE TUTTO CIO' CHE E' CONTENUTO DENTRO VIENE A SUA VOLTA CENTRATO */
/* (in abbinato con "text-align: center;" su il DIV "body" per alcuni Browser) */
#wrapper {
	/* IN ORIGINE ERA 271px, MA COSI' LE TABELLE NON SBATTONO SULL'INTESTAZIONE */
	/*padding-top: 271px;*/
	padding-top: 273px;
	background-color: #FFFFFF;
	/*background-image: url('sfondo.jpg');*/
	background-image: url('sfondo_v.1.2.jpg');
	background-repeat: no-repeat;
	position: absolute;
	left: 50%;
	width: 780px;
	/* OPZIONALE: height: auto;*/
	margin-left: -390px
	/*background-position: center;*/
}

/* SE NELL'INTESTAZIONE USASSI "float: left;" E NON "position: absolute;" COME HO FATTO, DOVREI POI INSERIRE UN DIV CON clear: both; */
/* IN MODO DA FORZARE L'ACCAPO DEL FLOAT. NON SOLO, MA SE IO RIDIMENSIONASSI LA FINESTRA SOTTO I 780px IL CONTENUTO COLLASSEREBBE IN */
/* BASSO, SOTTO IL PANNELLO DI SINISTRA, MENTRE COSI' (VISTO CHE C'E' UN "ABSOLUTE" DA 780px FERMO COME UNA ROCCIA... NON LO FA */ 
#intestazione {
	position: absolute;
    top: 0px;
	left: 0px;
	width: 780px;
	height: 270px;
	/*width: 780px;*/
	/*float: left;*/
    /*background-color: #E6E6E6;*/
	/* NON SO SE SERVE O MENO PER TIRARE IN SU IL FILMATO */
	z-index: 10;
}

#data {
	position: absolute;
	/*background-color: #000000;*/
    top: 191px;
	left: 0px;
	width: 780px;
	height: 80px;
	text-align: left;
	margin-top: 5px;
	margin-left: 10px;
	font-size: 14px;
	font-style: normal;
	text-decoration: none;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	text-shadow: 0 0 3px #000000;
	font-weight: bold;
	color: #FFFFFF;
	/*width: 780px;*/
	/*float: left;*/
    /*background-color: #E6E6E6;*/
	/* NON SO SE SERVE O MENO PER TIRARE IN SU IL FILMATO */
	z-index: 10;
}

/* USARE: NON SO PERCHE' MA SE NON LO METTO NELL'HTML IE (SOLO LUI) CARICA IL FILMATO FLASH NELLA CACHE MA NON LO FA VEDERE */ 
#pulisci {
	clear: both;
	/*clear: none;*/
}

#pannellosinistra {
	padding-top: 0px;
	width: 180px;
	float: left;
	text-align: left;
}

#contenuto {
	padding-top: 0px;
	width: 600px;
	float: left;
	text-align: left;
	margin-right: 0px;
	margin-left: 0px;
}

#piedipagina {
	clear: both;
	width: 780px;
	float: left;
	text-align: left;
	background-color: #E49D62;
	/*background-color: transparent;*/
	font-style: normal; font-variant:normal; font-weight:normal; color: #OOOOOO; font-size:10px; font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
	/* NON LO METTO SOLO XCHE' IN IE6 MI SPOSTA SI' DI 7px IL MARGINE SINISTRO... MA MI ALLARGA ANCHE DI 7px A DESTRA TUTTA LA */
	/* FINESTRA "wrapper" */
	/*padding-left: 7px;*/
}

A:link    { color: #003300}   /* links non visitati */
A:visited { color: #CC0303}   /* links visitati   */
A:hover   { color: #003300}   /* user hovers     */
A:active  { color: #003300}   /* links attivi    */
/*A:focus { background: yellow }*/
/*A:focus:hover { background: white }*/

#pannellosinistra h3 {
	color: #003300;
	background-image: url('centro30x30.gif');
	background-repeat: no-repeat;
	padding-left: 33px;
	height: 30px;
	margin-top: 7px;
	margin-left: 3px;
	margin-bottom: -5px;
	font-style:normal; font-variant:normal; font-weight:bold; font-size:14px; font-family:Georgia, Times New Roman, Times, serif
}

#pannellosinistra a:link, #pannellosinistra a:visited {
	color: #003300;
	font-size: 11px;
	font-style: normal;
	text-decoration: none;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	/*text-shadow: 0 0 3px #000000;*/
	font-weight: normal;
	/* L'HO TOLTO PERCHE' FA ANDARE A CAPO, FA TUTTO UN BLOCCO DI OGNI a:link */
	/*display: block;*/
	margin-left: 0px;
	margin-right: 0px;
	letter-spacing: 0px;
}

#pannellosinistra a:hover {
	color: #CC0303;
	font-size: 11px;
	font-style: normal;
	text-decoration: underline;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	text-shadow: 0 0 3px #000000;
	font-weight: bold;
	margin-left: 7px;
	margin-right: 0px;
}

#pannellosinistra a:visited {
	/*color: #FC4545;*/
}

#pannellosinistra a:active {
	color: #FC4545;
	font-size: 11px;
	font-style: normal;
	text-decoration: overline;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	text-shadow: 0 0 3px #000000;
	font-weight: normal;
	letter-spacing: 0.10em;
	margin-left: 3px;
	margin-right: 0px;
}

#contenuto h3 {
	color: #003300;
	background-image: url('bac2.gif');
	background-repeat: no-repeat;
	padding-left: 18px;
	height: 17px;
	margin-top: 14px;
	margin-bottom: -10px;
	/*font-style:normal; font-variant:normal; font-weight:bold; font-size:14px; font-family:Georgia, Times New Roman, Times, serif*/
	font-style: normal; font-variant:normal; font-weight:bold; font-size:13px; font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
}

#contenuto h4 {
	color: #003300;
	background-image: url('h1.gif');
	background-repeat: repeat-x;
	padding-top: 14px;
	padding-left: 7px;
	padding-bottom: 3px;
	height: 17px;
	margin-top: 0px;
	margin-bottom: 0px;
	/*font-style:normal; font-variant:normal; font-weight:bold; font-size:14px; font-family:Georgia, Times New Roman, Times, serif*/
	font-style: normal; font-variant:normal; font-weight:lighter; font-size:12px; font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	font-variant: small-caps;
}

#contenuto h4:first-letter {
	color: #004400;
	text-transform: uppercase;
	font-size: 21px;
}

#contenuto h4:first-line {
	color: #005500;
	text-transform: capitalize;
	font-variant: small-caps;
	font-weight: lighter;
	font-size: 13px;
}

.immagineDestra {
    float: right;
    padding: 3px;
    background-color: #FFFFFF;
    border: 1px solid #BAC1A3;
}

.immagineDestraNoBordo {
    float: right;
    padding: 3px;
    /*background-color: #FFFFFF;*/
    /*border: 1px solid #BAC1A3;*/
}

.immagineSinistra {
    float: left;
    padding: 3px;
    background-color: #FFFFFF;
    border: 1px solid #BAC1A3;
}

#contenuto .adestra {
	text-align: right;
	margin-right: 100px;
	font-variant: small-caps;
	font-weight: bold;
	color: #CC0000;
}

.tabella {
	text-align: left;
	margin-top: 0px;
	margin-left: 0px;
	font-size: 10px;
	font-style: normal;
	text-decoration: none;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}

.tabellaRosso10 {
	text-align: left;
	margin-top: 0px;
	margin-left: 0px;
	font-size: 10px;
	font-style: normal;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color: #CC0000;
}

.tabellaRosso11scaps {
	text-align: left;
	margin-top: 0px;
	margin-left: 0px;
	font-size: 12px;
	font-style: normal;
	font-variant: small-caps;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color: #CC0000;
}

#tab_racconti {
	DISPLAY: none;
	font-style: normal; font-variant:normal; font-weight:normal; font-size:1px; font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
}

#tab_racconti a:link{
	DISPLAY: none;
	font-style: normal; font-variant:normal; font-weight:normal; font-size:1px; font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
}

/*TD { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px}*/
/*BODY { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px}*/
/*FONT { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px}*/
/*IFRAME { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px}*/
.testo1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1px}
.testo2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 2px}
.testo3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 3px}
.testo4 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 4px}
.testo5 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 5px}
.testo6 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 6px}
.testo7 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7px}
.testo8verde { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8px; color: #006600}
.testo8blu { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8px; color: #004477}
.testo9 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px}
.testo9grigio { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #999999}
.testo9blu { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #004477}
.testo9rosso { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #E0026F}
.testo9bordeaux { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #990000}
.testo9verde { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #006600}
.testo10 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px}
.testo10nero { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000}
.testo10grigio { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #999999}
.testo10blu { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #004477}
.testo10rosso { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #E0026F}
.testo10rossopieno { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FF0000}
.testo10bordeaux { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #990000}
.testo10bordeauxUpper {
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	color: #990000
}
.testo10verde { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #006600}
.testo11  { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px}
.testo11nero { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000}
.testo11blu { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #004477}
.testo11rosso { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #E0026F}
.testo11rossopieno { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FF0000}
.testo11bordeaux { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #990000}
.testo11verde { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #006600}
.testo12  { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px}
.testo12nero { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000}
.testo12blu { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #004477}
.testo12rosso { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #E0026F}
.testo12rossoCaps { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-variant: small-caps; color: #E0026F}
.testo12rossopieno { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FF0000}
.testo12bordeaux { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #990000}
.testo12verde { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #006600}
.testo12verdeCaps { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-variant: small-caps; color: #006600}
.testo13nero { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #000000}
.testo13blu { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #004477}
.testo13rosso { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #E0026F}
.testo13rossopieno { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #FF0000}
.testo13bordeaux { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #990000}
.testo13verde { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #006600}
.testo13bianco { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #FFFFFF}
.testo14nero { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #000000}
.testo14blu { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #004477}
.testo14rosso { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #E0026F}
.testo14verde { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #006600}
.testo15rosso { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; color: #E0026F}
.testo15rossopieno { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; color: #FF0000}
.testo16rosso { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #E0026F}
.testo17rosso { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 17px; color: #E0026F}
.testo17rossopieno { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 17px; color: #FF0000}
.testo17bianco { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 17px; color: #FFFFFF}
.testo17giallo { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 17px; color: #FFFF00}
.testo { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; color: #000000}
.testolista { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8px; color: #990000}
.titolomodulo { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px}
.modulo { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px}
.titoloscheda { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px}

#elementoDestra {
	/*----------------------------*/
	/* RIMETTERE QUESTE 2 RIGHE DI SOTTO SE VOGLIO AVERE LA BARRA TUTTA NERA E NON SFUMATA */
	/*background-image: url('none');*/
    /*background-color: #333333;*/
	/*background-image: url('background_elementoDestra.jpg');
	/*background-repeat: repeat-x;*/
    background-color: #CC0303;
    /*-----------------------------*/
    /*background-color: trasparent;*/
    position: absolute;
    top: 0px;
	left: 0px;
	width: 93px;
	/* TOGLIENDO QUESTO SOTTO SI IMPOSTA L'ALTEZZA DEL BOX IN AUTOMATICO, CIOE' UGUALE AL CONTENUTO DELLO STESSO */
	height: 2000px;
    /*border: 1px dotted #BCC7A3;*/
    padding: 1px;

    color: #FFFFFF;
	font-size: 11px;
	font-style: normal;
	text-decoration: none;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	text-shadow: 0 0 3px #000000;
	font-weight: normal;
	display: block;
	/*display: inline;*/
}