body {margin-top:5px;font-family: arial,sans-serif; font-size: 76%} 
h3 { font-family:Arial, Helvetica, sans-serif; margin:0;}
#cont_header { 
	border-bottom:	1px solid #000;
	background:url("/grafica_sito/bkg3.gif");
	background-repeat:repeat;
	background-color:#375B97;
	color: #375B97; 
	height:100px 
}
#header { 
	background-image:url("../grafica_sito/header_apcomponentiN.jpg");
	background-position:top right;
	background-repeat:no-repeat;
	color: #375B97; 
	height:100px;
	position:relative;
}



.gen_button {
float:left;
color: #fff;
font-weight:bold;
background:#FF0000 url("../grafica_sito/left-tab-tun-sfondo-chiaro.gif") left top no-repeat;
text-decoration: none;
padding-left: 5px;
width:100px;
}
.gen_button:hover {
background:#781351 url("../grafica_sito/left-tab-tun-sfondo-chiaro-hover.gif") left top no-repeat;
}
.gen_button a {
float:left;
text-align:center;
color: #fff;
font-weight:bold;
background: url("../grafica_sito/right-tab-tun-sfondo-chiaro.gif") right top no-repeat;
text-decoration: none;
margin:0;
padding:0;
padding-right: 5px;
width:100%;
}
.gen_button a:hover {
background: url("../grafica_sito/right-tab-tun-sfondo-chiaro-hover.gif") right top no-repeat;
text-decoration:underline;
}



.gen_button_blu {
float:left;
color: #fff;
font-weight:bold;
background:#FF0000 url("../grafica_sito/left-tab-tun-sfondo-blu.gif") left top no-repeat;
text-decoration: none;
padding-left: 5px;
width:100px;
}
.gen_button_blu:hover {
background:#781351 url("../grafica_sito/left-tab-tun-sfondo-blu-hover.gif") left top no-repeat;
}
.gen_button_blu a {
float:left;
text-align:center;
color: #fff;
font-weight:bold;
background: url("../grafica_sito/right-tab-tun-sfondo-blu.gif") right top no-repeat;
text-decoration: none;
margin:0;
padding:0;
padding-right: 5px;
width:100%;
}
.gen_button_blu a:hover {
background: url("../grafica_sito/right-tab-tun-sfondo-blu-hover.gif") right top no-repeat;
text-decoration:underline;
}


/* navigation è il menu orizzontale */
#navigation a
{
color: #fff;
font-weight:bold;
background: #ff0000 url("../grafica_sito/left-tab-b_.gif") left top no-repeat;
text-decoration: none;
/*padding-left: 10px; */
}

#navigation a span
{
background: url("../grafica_sito/right-tab-b_.gif") right top no-repeat;
/*padding-right: 10px*/
}

#navigation a, #navigation a span
{
display: block; text-align:center;
float: left;
width: 80px;
}

/* Hide from IE5-Mac \*/
#navigation a, #navigation a span
{
float: none
}
/* End hide */

#navigation a:hover
{
color: #fff;
background: #781351 url("../grafica_sito/left-tab-hover-b_.gif") left top no-repeat;
/*padding-left: 10px */
}

#navigation a:hover span
{
background: url("../grafica_sito/right-tab-hover-b_.gif") right top no-repeat;
/*padding-right: 10px */
}

#navigation ul
{
list-style: none;
padding: 0;
margin: auto;
text-align:left; 
/*background:#CCC;*/
float:left; 
padding-left:30px;
}

#navigation li
{
float:left;
width:90px;

margin-top: 5px;
margin-right:10px;
} 










#colonna-sx{ 
	float:			left;
	width:			20%;
	color:			#000;
	overflow:hidden;
}
#colonna-sx .box{
	padding:	0 0 0 0;
	text-align:center;
}
#container {margin-left:auto; margin-right:auto; text-align:left; width:800px}
#principale { 
	float:			left;
	width:			80%;
	margin: 		0 0 0 0;
	padding: 		0 0 0 0;
	font-size: 1.0em;
	overflow:hidden;
	font-family:Trebuchet Ms, Verdana, Arial, Helvetica, sans-serif;
}
#principale .box { 
	border-right:solid 19px #99ccff;
	padding:1px 10px 0 10px;
	margin-top:-5px;
	clear:both;
	min-height:1200px;
}
#titolo_pagina {
   margin:0;
   padding:0;
   width:100%;
   height:35px;
   background:url(../grafica_sito/riga_azzurra.gif) left top no-repeat;
   color:#FF0000;
   font-weight:bold;
   font-size:1.4em;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   padding-left:10px;
   text-align:left;
}
#tutto_il_contenuto_colonna_centrale {
	width:100%
}

.finestre_lato {
   background:#EFEFEF;
   border: solid 1px #000;
   margin-top:10px;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:0.8em;
   width:154px;
}
.finestre_lato_headline {
   color:#000;
   font-weight:bold;
   background:#99ccff;
   border-bottom: solid 1px #000;
}
.finestre_lato a {
   color:#FF0000;
}
.finestre_lato a:hover {
   color:#FF0000;
   text-decoration:underline;
}
.finestre_lato ul {
list-style-type:none;
margin:0;
padding:0;
}

.finestre_lato li a {
color:#000000;
font-weight:bold;
}

.finestre_lato li a:hover {
color:#FF0000;
font-weight:bold;
}
#tabella_catalogo {
   width:560px;
   margin:auto;
   margin-top:0;
   background:#EFEFEF;
   border-left:1px #000 solid ;
   border-right:1px #000 solid ;
   font-family:Arial, Helvetica, sans-serif;
}
#tabella_catalogo a {
   color:#000;
   font-weight:bold;
}
#tabella_catalogo a:hover {
   color:#FF0000;
   text-decoration:underline;
}

#tabella_carrello tr {
   background-color:#EFEFEF;
   height:30px;
}
#tabella_carrello td {
   text-align:left;
}

#testa_carrello {
   width:600px;
   height:34px;
   margin-top:5px;
   text-align:center;
   background:#010080;
   background:url(../grafica_sito/testa_carrello.jpg) left top no-repeat;
}



#table_items td {
 border-bottom:solid 1px #000;
 padding:5px;
 text-align:left;
 color:#000000;
}


.stealth {display: none}
#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{ 
	    position:absolute;
		top:0; left:0; width:15em;
		text-align: left;
}
#footer .policy a{
		margin:0 15em 0 15em; 
		text-align:center;
}
#footer .contact a{
		position:absolute; top:0; right:0; width:15em;
		text-align: right;
}
#footer .date    a,
#footer .policy  a,
#footer .contact a{ text-decoration:none}

#footer .date    a:hover,
#footer .policy  a:hover,
#footer .contact a:hover{color:#D90000; }
/* h1 è il nome del sito --> ETNA BLOG */
h1 {
			font-size: 2.6em; 
			font-weight: bold; 
			font-style:italic;
			color:#CC0000;
			position:absolute;
			margin-top:50px; 
			margin-left:100px; 
			width:8em;
			display:none 
}
/* 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:#FF0000;
			font-size:1.2em;
			font-style:oblique; 
			float:right; 
			font-weight:bold;
			clear:both; 
			margin-top:78px; 
			right:5px; 
			width:8em
}
/* Le classi .barra servono per la barra di navigazione del sito */	
A.link_barra_menu { font-weight:bold; color:#000; text-decoration:none;}
A.link_barra_menu:hover { font-weight:bold; color:#FFFFFF; text-decoration:none; background-color:#CCCCCC;}   
.barra_background { 
				  background-color:#FFF;
                  font-size: 0.9em;
		          color:#000;
				  height:1.5em;
				  padding-left:2px;
				  clear:both;
				  width:100%;
}    
.barra_background_tasto { 
				   background-color:#FFF;
                   float:right;
                   font-size: 1.0em;
				   text-align:center; 
		           color:#000;
				   padding:0;
				   margin:0;
				   border-left:solid 1px #000;  
				   width:6em
}
.barra_background_tasto:hover { 
				   background-color:#CCCCCC;
                   font-size: 1.0em; 
		           color:#FFFFFF; 
}
.barra_background_a_sx { float:left; } 
#welcome {
				   margin: 0; 
				   background-color:#FFF; 
				   margin-right:10px; 
				   float:right
}

ul.barra  { list-style-type:none; margin:0px; padding:0px}
.barra li {display:inline }

/* STIli E CLASSI GENERICHE */
img { border:none }
.bold { font-weight:bold }
.italico { font-style:italic }
.sottolineato { text-decoration:underline }
form {margin:0; padding:0}
.scalino {width:100%; height:10em; clear:both}
/* #B99421 è un colore dorato */
.headline		 {font-size:1.2em; font-weight:bold; color: #B99421; 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 }
.elimina_float { clear:both }
a {color:#FF0000; text-decoration:none} 
a:hover {text-decoration:underline}
.justify { text-align:justify}

.bisogna_essere_registrati { 
	width:100%;
	text-align:center;
	font-weight:bold;
	height:700px; 
	margin-top:150px;
}



.menu {text-align:left}
.menu ul { list-style-image: url(/grafica_sito/bullet.gif); margin-top:0px}
li {margin-top:5px}
.menu a { text-decoration: none; margin-left:0.5em}







#login_div { background-color:#EFEFEF; margin-left:auto; margin-right:auto; width:18em; padding:1em; border:1px solid #000}





.help_box {
   font-weight:normal; 
   font-family:Arial, Helvetica, sans-serif;
   text-align:left;
   color:#000;
   font-size:0.8em;
   background:#F6F6F6 url("../grafica_sito/question4.jpg") center top no-repeat; 
   padding:5px; 
   border:solid 1px #000;
}



/*		   
td {
	font-family: Trebuchet Ms, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #606060;
	text-decoration: none;
	height:100%;
}
*/





/*   MENU A SCORRIMENTO VERTICALE  */

#marqueecontainer{
position: relative;
width: 120px; /*marquee width */
height: 60px; /*marquee height */
background-color: white;
overflow: hidden;
/*border: 3px solid orange; METTE UN BORDO TUTTO INTORNO*/
padding: 5px;
padding-left: 5px;
}


.content {background-color: #EEEEEE;} 
.column_2fr {background-color: #E6E4E4;border: #000000 solid 1px;}









						 /* PARTE ALTA TABELLA */ 
.box_up_sx {
background-image : url(../grafica_tabelle/up_sx_corner.gif); 
height : 27px; 
width : 16px; 
} 
.box_up_md {
background-image : url(../grafica_tabelle/up_md.gif); 
background-repeat : repeat-x; 
height : 27px; 
font-size : 10pt; 
font-weight : bold; 
color : #981010;
} 
.box_up_dx {
background-image : url(../grafica_tabelle/up_dx_corner.gif); 
height : 27px; 
width : 16px; 
} 

						/* PARTE DI MEZZO TABELLA */
						
.box_md_sx {
background-image : url(../grafica_tabelle/md_sx.gif); 
background-repeat : repeat-y; 
width : 16px; 
} 
.box_md_dx {
background-image : url(../grafica_tabelle/md_dx.gif); 
background-repeat : repeat-y; 
width : 16px; 
} 

							/* PARTE BASSA TABELLA */
							
.box_down_sx {
background-image : url(../grafica_tabelle/down_sx_corner.gif); 
height : 27px; 
width : 16px; 
} 
.box_down_md {
background-image : url(../grafica_tabelle/down_md.gif); 
background-repeat : repeat-x; 
height : 27px; 
} 
.box_down_dx {
background-image : url(../grafica_tabelle/down_dx_corner.gif); 
height : 27px; 
width : 16px; 
} 





/* #3333FF; BLU*/
.Stile2 {
	font-size: 12px; font-weight:bold;
	color: #2963A9; /* Style2  è il colore del testo in tabella articoli */
}

.Stile3 {
	color: #000000;
	font-size: 12px;
}
.Stile4 {
    font-size: 16px;
	color: #3333FF; /*BLU*/
	}
.normale_grigio { background-color: #EFEFEF; color: #3333FF; border:solid 1px #000000}
/*.normale_grigio:hover { background:#FFFF66; }*/

.normale_bianco { background-color: #FFFFFF; color: #3333FF; border:solid 1px #000000}
/*.normale_bianco:hover { background:#FFFF66; }*/

.normale_nero { background:#000000;
               font-size: 12px; 
			   color:#3333FF; 
			   }
			   
.selezionata { background-color: #FFFF66; cursor: pointer }

.menu_selezionata {background:#CCCCCC;
                   font-size: 12px; 
		          color:#FFFFFF; 
			       }
.menu_background { background:#000000;
                   font-size: 12px; 
		          color:#FFFFFF; 
			       } 
.menu_onmouse { background:#CCC;
                   font-size: 12px; 
		          color:#FFFFFF; 
			       } 

#lista_desc img {
   border: 1px solid transparent;
}

#lista_desc img:hover {
   border: 1px solid #FF0000;
}

.mousehover {
   border: 1px solid transparent;
}
.mousehover:hover {
   border: 1px solid #FF0000;
}









