body {
	margin-top:10px; 
	margin-left:5px; 
	font-family: arial,sans-serif; 
	font-size:76%; 
	padding:0;
	color:#000000;
	background-image:url("/templates/style1/SfondoPagina.gif");
	background-repeat:repeat-x;
	background-position: top left;
	background-color:#1F578A;
} 
.colore_sfondo_principale {background-color:#CFDCE1;}
#cont_header {
	color: #CC3300;
	height:100px;
	background:url("/templates/style1/sfondo_header.gif");
	background-position:right bottom;
	background-repeat:repeat;
	background-color:#7BB0E6;
}
#header {
	color: #CC3300;
	height:100px;
	background-image:url("/templates/style1/etna.jpg");
	background-position:right bottom;
	background-repeat:no-repeat;
}
#container {
	position:relative;
	margin-left:auto; 
	margin-right:auto; 
	background-color:#AFC4CD;
	border:solid 1px #000;
	width:97%;
}	
#pagina {
	width:100%;
	position:relative;
	overflow:hidden;
	clear:both;
}
#colonna-sx{
	position:absolute;
	top: 0;
	left: 0;
	width: 150px;
	height:86em;
	overflow:hidden;
	padding:0;
	background-image:url("/templates/style1/colonna_sx_sfumatura.gif");
	background-repeat:repeat-x;
	background-position: top left;
	background-color:#AFC4CD;
}
#colonna-sx .box {
	padding:	5px;
	text-align:center;
}
#principale { 
	border-left:	solid 1px #000;
	margin-left:151px;
	min-height:86em;
	font-size: 1.0em;
	overflow:hidden;
	font-family:Trebuchet Ms, Verdana, Arial, Helvetica, sans-serif;
	background-color:#CFDCE1;
}
#principale .box { 
	color:			#000;
	padding:		10px;
	position:relative;
}
#home_about {
	color: #CC3300;
	font-weight:bold;
	line-height:1.7em;
	min-height:415px;
	width:80%;
	padding:20px;
	margin:auto;
	background:url("/templates/style1/sudest3.jpg");
	background-position:center top;
	background-repeat:no-repeat;
	clear:both;
}
#pag_about {
	color:#000000;
	font-weight:bold;
	line-height:1.7em;
	width:80%;
	padding:20px;
	margin:auto;
	background:url("/templates/style1/hornitos.jpg");
	background-position:center top;
	background-repeat:no-repeat;
	clear:both;
}
#home_about_firma { text-align:right; font-style:italic; font-size:140%}
#tutto_il_contenuto_colonna_centrale { width:100% }
#footer {
	clear: both;
	position:relative;
	width:100%;
	text-align: center;
	font-family:Trebuchet Ms, Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	border-top: solid 1px #003760; 
	background: #EEEEEE;
}
#footer .date    a,
#footer .policy  a,
#footer .contact a{ text-decoration:none; color: #829BAF}

#footer .date a{
	position:absolute;
	top:0; left:0; width:15em;
	text-align: left;
	text-decoration:none; 
	color: #829BAF;
}
#footer .policy a{
	margin:0 15em 0 15em; 
	text-align:center;
	text-decoration:none; 
	color: #829BAF;
}
#footer .contact a{
	position:absolute; top:0; right:0; width:15em;
	text-align: right;
	text-decoration:none; 
	color: #829BAF;
}

#footer .date    a:hover,
#footer .policy  a:hover,
#footer .contact a:hover{color:#D90000;}
/* h1 è il nome del sito --> ETNA BLOG */
#h1_content2 { 
	margin:0;padding:0;
	font-size: 35px; 
	font-weight: bold; 
	font-style:italic;
	color:#CC0000;
	position:absolute;
	top:48px; 
	left:10px; 
	width:320px;
	height:60px;
	background:url("/templates/style1/sghimbescio.gif"); 
	background-position:left top;
	background-repeat:no-repeat;
	filter:alpha(opacity=90);
	-moz-opacity:.90;
	opacity:.90;
}
h1 {
	margin:0;padding:0;
	position:absolute;
	top:30px; 
	left:70px; 
	width:250px;
	height:90px;
}
/* TITOLO NERO E GRASSETTO IN TESTA AD OGNI PAGINA*/
h2 {
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.5em;
	font-style:italic;
	font-weight:bold;
	text-align:center;
	margin-top:10px;
}
#contatore_utenti {
			color:#CC0000;
			font-size:1.0em; 
			font-style:oblique;
			font-weight:bold;
			position:absolute;
			top:80px; 
			right:20px;
}
#search_func {
	float:right;
	margin-top:10px;
	padding-right:10px;
	font-size:1.0em;
}
#label_search {
	font-size: .7em;
	font-weight:bold;
	vertical-align:middle;
	color:#CC0000;
}
#campo_ricerca {
	font-size: .7em;
	width: 10em;
	padding: 1px 0 0 0;
	border: 1px solid #183D62;
	vertical-align:middle;
	height: 1.2em;
}
#submit_search {
	font-size: .6em;
	font-weight:bold;
	color: #ffffff; background-color: #1B466F;
	border: 1px solid #6C9DC8;
	vertical-align:middle;
	padding: 0 .2em;
}
/* Le classi .barra servono per la barra di navigazione del sito */	
#barra_background {
				  height:20px;
                  font-size: 1.0em;
		          color:#FFFFFF;
				  height:1.5em;
				  padding-left:2px;
				  background-color:#1F578A;
}    
.barra_background_tasto a { 
				   font-weight:bold;
				   color:#FFFFFF; 
				   text-decoration:none;
                   float:right;
                   font-size: 1.0em;
				   text-align:center; 
		           color:#FFFFFF;
				   margin:2px;
				   border-left:solid 1px #ccc;  
				   width:6em;
				   background-color:#1F578A;
}
.barra_background_tasto:hover a:hover {
				   background-color:#CCCCCC; 
                   font-size: 1.0em; 
		           color:#FFFFFF; 
}
.barra_background_a_sx { float:left; } 
#welcome {
				   margin:2px; 
				   margin-right:10px; 
				   float:right
}

ul.barra  { list-style-type:none; margin:0px; padding:0px}
.barra li {display:inline }
/* BOX NELLA COLONNA PRINCIPALE DELLA HOME */
.box_ultimo_post {
	width:49%;
	margin-top:1.5em;
	margin-left:0px; 
	color: #000000; 
	border:1px solid #AFC4CD;
	background-color: #DFE8EB;   
}
.div_dentro_box_ultimo_post {
	margin:0.5em;
}
/* Data sopra il post */
.date_post {
    font-family: Trebuchet Ms, Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em; 
	font-style:italic;
	font-weight:bold;
	text-decoration: none;
	text-align:left
}

/* Titolo post */
h3 {
	margin-top:1em;
	margin-bottom:10px;
	font-family: Trebuchet Ms, Verdana, Arial, Helvetica, sans-serif;
	font-size:1.3em; 
	font-weight:bold;
	text-align:left;
	clear:both;
}
/* Sottotitolo post */
h4 {
	margin-top:1em;
	margin-bottom:1em;
	font-size:1.0em;
	font-weight:normal;
	font-style:italic;
	text-align:left;
}
.post {
	width:98%;
	font-family: Trebuchet Ms, Verdana, Arial, Helvetica, sans-serif;
	font-size:1.0em;
	line-height: 1.5em;
	text-align:left;
}
.solo_prima_parte_post { 
	width:98%;
	font-family: Trebuchet Ms, Verdana, Arial, Helvetica, sans-serif;
	font-size:1.0em;
	text-align:left
}
.commento { 
	width:98%;
	font-family: Trebuchet Ms, Verdana, Arial, Helvetica, sans-serif;
	font-size:1.0em;
	line-height: 1.5em;
	text-align:left
}
/* E' la riga che dice "postato da.." ecc.ecc" */
.sub_post_row_sx {
	float:left;
	font-family: Trebuchet Ms, Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
}
.sub_post_row_dx {
	float:right;
	font-family: Trebuchet Ms, Verdana, Arial, Helvetica, sans-serif;
	font-size:1.0em;
	text-align:right;
}
.sub_post_row_solo_num_commenti {
	padding-top:4em;
	margin-bottom:0.5em;
	font-family: Trebuchet Ms, Verdana, Arial, Helvetica, sans-serif;
	font-size:1.0em;
	text-align:center;
	width:100%;
	color: #606060;
}
#login_div {
	font-weight:bold;
	width:250px;
	display:none;
	padding:5px;
	position:absolute;
	top:5px;
	right:5px;
	border:solid 1px #1F578A;
	background-image:url("/templates/style1/biancone.jpg");
	background-color:#CFDCE1;
	filter:alpha(opacity=90);
	-moz-opacity:.90;
	opacity:.90;
	margin:0;
}
.menu { margin:0;  padding:0; text-align:left; margin-bottom:10px; list-style-type: disc;} 
.menu li { border-bottom:1px solid #D5DCE8; padding-bottom:4px;}
.menu li:hover{background-color:#FFFFFF}
#lateral_menu { padding-left:15px }

.certificazioni{ margin-top:4px; }
.certificazioni ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.certificazioni_spaziatura_piu {
	margin-top:20px;
	width: 132px;
}
.certificazioni_spaziatura_piu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.src_campo { font-size:1.5em; font-family:Verdana, Arial, Helvetica, sans-serif;}
/* STILI E CLASSI GENERICHE */
img { border:none }
img.bottoniera {cursor:pointer; vertical-align:top; border-top:1px solid #FFFFFF; border-left:1px solid #FFFFFF; border-right:1px solid #888888; border-bottom:1px solid #888888;}
img.bottoniera:hover {
	filter:alpha(opacity=80);
	-moz-opacity:.80;
	opacity:.80; 
}
img.press{vertical-align:top; border-top:1px solid #888888; border-left:1px solid #888888; border-right:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF; }
a img {border:2px solid transparent !important; border:none;}
a img:hover {
	filter:alpha(opacity=80);
	-moz-opacity:.80;
	opacity:.80; 
	border:2px solid #9966FF !important;
}
a img.hover_trasp:hover {
	border:2px solid transparent !important; border:none;
}
.menu_in_pic {
	font-style:italic; 
	font-weight:bold; 
	text-decoration:none;
}
.comunicazione_di_servizio { padding-top:2em;padding-bottom:2em;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.4em; font-style:italic; text-align:center; }
.bold { font-weight:bold }
.italico { font-style:italic }
.sottolineato { text-decoration:underline }
form {margin:0; padding:0}
.scalino {width:100%; height:5px; clear:both}
/* #B99421 è un colore dorato */
.headline		 {font-size:1.2em; font-weight:bold; color: #CC3300; font-family: Trebuchet Ms, Verdana, Arial, Helvetica, sans-serif}
/* ul { list-style-type:none; margin-top:0px; padding-top:0px} */
.centra {margin-left:auto; margin-right:auto; text-align:center;}
.a_sinistra { float:left }
.a_destra { float:right }
.nomargin {margin:0}
.nopadding {padding:0} 
.padding_left_minimo {padding-left:5px}
.clear_right {clear:right}
.clear_left {clear:left}
.text_align_sx     { text-align:left }
.text_align_dx     { text-align:right }
.text_align_center { text-align:center }
.justify           { text-align:justify}
.elimina_float { clear:both }
.display_none { display:none }
.stealth {display: none}
.in_line{display:inline}
.display_block { display:block }
A {color:#CC0000;} 
A:hover {color:#FF0000;}
A.no_underline {text-decoration:none;}
A.norm {color:#CC0000; text-decoration:none; font-size:0.9em} /* la classe A:norm è usata nei riquadri ultimi post e ultimi commenti */
A.norm:hover {color: #FF0000; text-decoration:underline; font-size:0.9em}
A.grassetto {font-weight:bold; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif;} 
A.grassetto:hover {color:#D90000; text-decoration:underline } 
.link_sottolineato {border-bottom:1px dotted #99c;}

.citazione {
	margin:20px;
	padding:1px 10px 1px 70px;
	border:solid 1px #008dc5;
	background:#afc4cd url("/grafica_sito/bg_blockquote.gif") top left no-repeat;
}
.citazione p { margin-bottom:1.2em}

.codice_sorgente {
	margin:auto;
	/* width:30em; */
	padding:1px 10px 1px 70px;
	border:solid 1px #008dc5;
	font-size:1.2em;
	overflow:scroll;
	/*background:#afc4cd url("/grafica_sito/bg_blockquote.gif") top left no-repeat;*/
	background:#afc4cd;
}

.colore1 {color:#000000} /* h2 e testo del post */
.colore2 {color:#606060} /* sottotitolo post */
.colore3 {color:#606060} /* data dei post */
.colore4 {color:#606060} /* colore del testo nei riquadri bianchi della pag. registrazione*/
.colore5 {color:#686B97} /* colore del testo nella tabella dei post della categoria */
.colore6 {color:#003192} /* link continua */
.colore7 {color:#333333} /* protezione blogger */
.colore8 {color:#000000} /* questa classe è nera in entrambi i fogli di stile. Serve per le anteprime */
.colore9 {background-color:#F2F2F2} /* questa classe è nera in entrambi i fogli di stile. Serve per le anteprime */
.colore10{border:1px solid #000000} /* è usata nelle cornici*/
.colore11{color:#336633} /*è usata nella galleria*/
.colore12{color:#9933CC} /* è usata nella galleria*/
.colore13{color:#000000} /* è usato nella pagina help */
.colore14{color:#FFFFFF} /* Tempo di caricamento */
.colore15{color:#CC3300} /* h2 su foto in pagina principale */
.evidenziato{background-color:#FFF;} /* è usata per l'evidenziazione dei risultati di una ricerca */

.bisogna_essere_registrati { 
	width:100%;
	text-align:center;
	font-style:italic;
	font-weight:bold;
	height:100px; 
	margin-top:100px;
	font-size:120%;
}
.disclaimer {list-style-type: upper-roman}
.disclaimer li {line-height:1em}
li {margin-top:5px}


/* tabella usata nella pagina di modifica dati utente */
.riquadro_modulo_cambia_email { border:none; width:95%; }

/* è l'id della tabella intera che contiene i post di una categoria*/
#elenco_post_in_categoria { border:none; border-collapse:collapse; clear:both;  width:95%; margin-top:20px; font-size:1em; color:#000000; margin-left:auto; margin-right:auto}
A.link_in_pag_categoria {font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none} 
A.link_in_pag_categoria:hover {color:#D90000; text-decoration:underline}
 
.riga_pag_cat:hover {background:#F2F2F2}

.testa_tabella_foto {width:100%; font-size:1.2em; margin-top:2em;}
.testa_tabella_foto img {vertical-align:middle}
.campo_salto_pag {
	width: 2em;
	padding: 1px 0 0 0;
	border: 1px solid #183D62;
	vertical-align:middle;
	font-weight:bold;
	height: 1.2em;
}
#header1 {width:50px;color:#000000;font-weight:bold }
#header2 {color:#000000;font-weight:bold }
#header3 {width:90px; color:#000000; font-weight:bold }
#header4 {color:#000000;font-weight:bold }
#header5 {color:#000000;font-weight:bold }
.cell_1 { border-bottom:1px solid #FF0000; height:4em}
.cell_2 { border-bottom:1px solid #FF0000}
.cell_3 { text-align:right; border-bottom:1px solid #FF0000; width:12em}
.cell_4 { text-align:center; border-bottom:1px solid #FF0000; width:6em}
.cell_5 { text-align:center; border-bottom:1px solid #FF0000; width:6em}
.cell_6 { text-align:left; border-bottom:1px solid #FF0000}
.cell_7 { text-align:center; border-bottom:1px solid #FF0000}

/* STIli IN FUNZIONE DI LOGIN */
.riga_login_form {
	clear:both; 
	width:100%; 
	margin-top:5px;
}
.sposta_a_sx {
	margin-top:5px;
	float:left;
	
}
.sposta_a_dx {
	margin-top:5px;
	float:right;
}
.text_area {
		font-size:1.2em;
		/* font-weight:bold; */
		color:black;
		white-space:pre;
		background-color:#EEEEEE;
		overflow:scroll;
		width: 98%; 
}
.red_line {
		display:block;
		clear:both; 
		color:#FF0000; 
		background:#FF0000; 
		border:none; 
		height:1px
}
.red_line_commenti {
		display:block;
		clear:both;
		width:400px; 
		color:#FF0000; 
		background:#FF0000; 
		border:none; 
		height:1px;
		margin-left:auto;
		margin-right:auto;
}
.img_in_elenco_post_in_categoria { /* IMMAGINI NELLA PAGINA DELLA CATEGORIA */
		margin:0.5em 0.5em 0.5em 0.5em; 
		width:50px;
}
.img_box_pagina_home { /*IMMAGINI NEI PICCOLI BOX NELLA HOME*/
		float:left; 
		margin:5px;
		width:60px
}
.avatar { width:40px width:40px; position:absolute; top:0; left:0}
/* Questa funzione è usata in da_BB_code_a_tag_html */
.div_foto_da_BBcode {
	margin:4px;
	text-align:center;
}
.box_immagine_con_longdesc {
	font-style:italic;
        display:table-cell; display:inline-table; display:inline-block;
	/* display:table; */
	text-align:center;
	border:1px solid #606060; 
	margin-left:10px; 
	margin-right:10px
}
.img_dal_bbcode_a_thumb {
	height:100px;
	/* Dove è applicata questa classe vi è anche una espressione di stile per regolare la max-width dell'elemento */
}
.riga_sopra_in_view {
border-top:solid 1px #999999;
width:100%;
clear:both;
}
/*STILI SUDOKU */
.box-table { border:1px solid black; padding:0px;}
.cell { font-weight:bold; background-color:#FFFFFF; font-size:1.2em; font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000; }
.line-v { background-color:#FF6600; width:0px; display:none; height:0px; margin:0px;}
.line-h { background-color:#006633; width:0px; display:none; height:0px; margin:0px}
.spacer { width:0px; }
.sudoku_grassetto { font-weight:bold; background-color:#000000; font-size:1.2em; font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFF00; }