/* CSS RESET degli stili eventualmente già presenti*/

html
{
	color:#000000;
	background:#333333;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td
{
	margin:0;
	padding:0;
}

table
{
	border-collapse:collapse;
}

a
{
	text-decoration:none;
	text-transform:none;

}

/*a:hover
{
	text-decoration:none;
	border-bottom:1px solid #8be7ef;

}*/

fieldset, img
{
	border:0;
}

address, caption, cite, code, dfn, em, strong, th, var
{
	font-style:normal;
	font-weight:normal;
}

li
{
	list-style:none;
}

caption, th
{
	text-align:left;
}

h1, h2, h3, h4, h5, h6
{
	font-size:100%;
	font-weight:normal;
}

abbr, acronym
{
	border:0;
	font-variant:normal;
}

sup
{
	vertical-align:text-top;
}

sub
{
	vertical-align:text-bottom;
}

input, textarea, select
{
	font-family:inherit;
}

legend
{
	color:#000;
}

/* ............... impostazioni di stile ................*/

body
{
	font-family: arial, helvetica, clean, sans-serif;
	font-size: 13px;
	line-height: 1.231;
	text-align:center;
	color:#FFFFFF}

table
{
	font-size:100%;
}

pre, code, kbd, samp, tt
{
	font-family:monospace;
	line-height:100%;
}

/* collegamento ipertestuale nella pagina generale */
a
{
	text-decoration:none;
	color:#acd600;
}

/*
a:visited
{
   link visitati  
 color:#FFFF00
}
*/

/*
a:hover
{
	mettere in bianco i collegamenti è un po troppo omogeneo 
	color:#FFFFFF;
}
*/
#griglia table
{ 	 
	 text-align:center; 
  	 vertical-align:middle;
}

/* celle con collegamento su cui sono sopra */
#griglia a:hover
{
	text-decoration:underline; 
	/* se si mette il bordo sotto, Firefox fa casino spostando tutto di 1 pixel*/
	/*border-bottom:1px solid #8be7ef;*/
	color:#FFFFFF;
}

#vuota
{
	/* sfondo per le pagine vuote con solo immagini */
	background:url(../images/background_sf.png);
}

#vuota h2
{ 
	border:2px;
	border-style:solid;
	border-color:#FF6699;
	background-image:url(../images/background.png); 
	background-repeat:repeat;
	padding:2px;
	/* titolo per le pagine vuote con solo immagini */
	text-align:center;
	font-size:36px; 
	/* va fatto con font scuri perché il fondo è a righe */
	color:#000000;
	padding-top:4px;
	padding-bottom:4px;
}

#vuota p
{
	/* didascalia per le pagine vuote con solo immagini */
	position:relative;
	text-align:center;
	font-size:18px;
	/* va fatto con font scuri perché il fondo è a righe */
	color:#000000;
	margin-top:10px;
	margin-bottom:10px;
	vertical-align:middle;
}


#bg
{
	width:800px;
	margin:0 auto;
	background:url(../images/background.png);
	/*height: 1400px;*/
	height:auto;
}

#wrap
/* la lunghezza del fondo a strisce */
{
	left: 0px; 
	top: 0px; 
	height:auto;
	/*height: 1400px;*/
	text-align:justify;
	position:relative;
	width:800px;
	overflow:hidden;
}

*.fl
{
	float:left;
	height: 220px;
}

*.fr
{
	float:right;
	height:185px;
}

*.clearfix
{
	clear:both
}

/* identificatore della tabella per aprire pagine tutte uguali e senza bordo*/
#galleria a
{
}

#galleria table
{
	text-align: center;
	vertical-align: middle;
	border: none;
	border-collapse:collapse;
	width: 95%;
	height: 100%;
	margin: 0px 0px 0px 10px;
	padding: 10px 10px 10px 10px; 

}

#galleria a:hover
{
	/*text-decoration:underline;*/
	/*border-bottom:1px solid #8be7ef;*/
	color:#FFFFFF;
}

/* sezione relativa all' header */
#header
{
	width: 450px;
	height:120px;
	margin-left: 20px;
	margin-top: 5px;
	text-align:center;
	padding: 50px 5px 5px 5px;
	background: url(../images/titolo.jpg) no-repeat;
	background-position: center;
}

#header h1
{
	font-size:36px;
	padding:10px 0 0 30px;
}

#header div
{
	padding:10px 0 0 30px
}

/* sezione del footer  */
#footer
{
	margin:0 20px;
	font-size: 9px;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
	position: relative;
	top: 380px;
	background-color: #009966;
}

/* content */
#content
{
	background:url(../images/ct_bg.gif) repeat-y;
	width:503px;
	height:auto;
}

#content h2
{
	font-size:24px;
	margin:15px 25px;
}

#content h3
{
	font-size:16px;
	margin:15px 25px;
	font-style:oblique;
}

#content p
{
	margin:10px 25px;
	width:450px;
}

#content img
{
	/*border:inset;  non si mette il bordo incassato 
	perché non è suppertato da Explorer*/
	background-position:center; 
	/*azimuth:center;   proprietà non supportata da Explorer e Mozilla */
	text-align:center; 
	/*size: 180px 120px; */
}


/* per il fondo del menu a striscia a destra */
#side
{
	width:144px;
	background:#4DA98E; 
	margin-top:32px; 
	height:auto;
}
/* per il bordo destro con ombra */
*.sinner
{
	margin-left:2px
}

#sider
{
	background:url(../images/sbox_t.gif) no-repeat;
	width:21px;
	height:20px;
	margin-top:33px; 
}

*.sdinner
{
	background: url(../images/sbox_bg.gif);
	width:21px;
	margin-top: 20px;
	display:block;
    height: 656px;
}

#side, #content, .sdinner
{
	padding-bottom:950px;
	margin-bottom:-950px;
}

#news
{
	text-align: center;
	margin-left: 3px;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-right: 3px;
	padding: 1px 1px 1px 1px;
}

#news a:hover
{
	/* è brutto il sottolineato sotto un'immagine*/
	border:none;
	text-decoration:none;
}


#side h2
{
	font-size:18px;
	background-color: #5BC9A9;
	text-align: center;
}

#side h3
{
	color: #FEBF01;
	font-size:12px;
	margin:20px 0 0 5px;
	text-align: center;
	font-style: oblique;
	font-weight: bold;
}

#side li
{
	list-style:inside circle;
	line-height:22px;
	font-size:16px;
}

#side a
{
	text-decoration:none;
	color:#acd600;
}

/* per i collegamenti ipertestuali generali con i menù dx sottolineati */

/* per fare i menù sottolineati */
/* collegamento attivo */
#side a.active
{
	text-decoration:none;
	background-color:#5BC9A9;
	color:#FFFFFF;
}

/* collegamento su cui sono sopra */
#side a:hover
{
	text-decoration:underline;
	/* se si mette il bordo sotto, Firefox fa casino spostando tutto di 1 pixel*/
	/*border-bottom:1px solid #8be7ef;*/
	color:#FFFFFF;
}

*.immagini
{
	/*float: center;*/
	height: 280px;
	width: 440px;
	margin-left: 30px;
	margin-right: 10px;
	vertical-align:middle;
	text-align:center;
}

*.imm_left
{
	float: left;
	height: 262px;
	width: 194px;
}

*.imm_right
{
	float: right;
	height: 262px;
	width: 194px;
}

*.imm_left cite, cite
{
	/* per le citazioni, si mette in italico*/
	font-style:italic;
}


/* definizioni per la pulsantiera sinistra */

*.lb
{
	margin:80px 0 0 50px;
	display:inline
}

/* posizioni assolute e per tutti la stessa dimensione elo stesso sfondo */
*.leftbar,  *.leftbar1, *.leftbar2, *.leftbar3, *.leftbar4
{
	height:112px;
	width:31px;
	position:absolute;
	background-image:url(../images/bar_vuoto.gif);
}

/* personalizziamo le posizioni */

*.leftbar
{
	left:15px;
	top:30px;
}

*.leftbar2
{
	left:15px;
	top:160px;
}

*.leftbar1
{
	left:15px;
	top:290px;
}

*.leftbar3
{
	left:15px;
	top:420px;
}

*.leftbar4
{
	left:15px;
	top:550px;
}


*.leftbar a:hover, *.leftbar1 a:hover, *.leftbar2 a:hover, *.leftbar3 a:hover, *.leftbar4 a:hover

{   
	height:112px;
	width:31px;
	position:absolute;
	background-image:url(../images/bar_acceso.gif); 
	background-repeat:no-repeat;
}

/* per la citazione, si ridefinisce lo stile */

blockquote 
{  background-image:url(../images/aperte.gif); 
	background-repeat:no-repeat;
	background-position:top left; 
	padding-left:0px; 
	text-align:center; 
	margin-left:10px;
}
 
blockquote p
{	background-image:url(../images/chiuse.gif); 
	background-repeat:no-repeat; 
	background-position:bottom right; 
	padding-right:5px; 
	font-size:22px;
	font-family:"Courier New", Courier, monospace;
	font-weight:bold;
	font-style:italic;
}

#immaginegiradx img
{
	float:left;
	margin:10px 10px 0px;
	padding:0px 0px 0px 10px;
}

#immaginegiradx p
{
	margin:10px 10px 0px 20px;
	text-align:justify;
	height: auto;
	width: auto;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#immaginegirasx img
{
	float:right;
	margin:10px 10px 0px;
	padding:0px 10px 0px 0px;
}

#immaginegirasx p
{
	margin:10px 10px 0px 20px;
	text-align:justify;
	height: auto;
	width: auto;
	padding-right: 10px;
}