/* CSS Document */
HTML {
	/*font: 10px/14px Arial, Helvetica, sans-serif; */
	FONT-SIZE: 81%;
}
body{
	FONT-SIZE: 81%;
	/*font: 10px/14px Arial, Helvetica, sans-serif; */
	font-family: Arial, Helvetica, sans-serif, Verdana;
	margin:0px;
	padding:0px;
	background: #828282;
	color: #333333;
}


#riga_cambioStyle {float: right; margin-top: 4px;}
#riga_cambioStyle  ul{PADDING-RIGHT: 0px; PADDING-LEFT: 0px;  MARGIN: 0px;  liST-STYLE-TYPE: none;}
#riga_cambioStyle li {display: inline; height:14px;}
#piccolo  a{ background:url(images/A_p.gif) no-repeat bottom;}
#medio a {background:url(images/A_m.gif) no-repeat bottom;}
#grande  a{background:url(images/A_g.gif) no-repeat bottom;}
#piccolo  a:active{background:url(images/A_p_on.gif) no-repeat bottom;}
#medio a:active {background:url(images/A_m_on.gif) no-repeat bottom;}
#grande  a:active{background:url(images/A_g_on.gif) no-repeat bottom;}
#piccolo  a:hover{background:url(images/A_p_on.gif) no-repeat bottom;}
#medio a:hover {background:url(images/A_m_on.gif) no-repeat bottom;}
#grande  a:hover{background:url(images/A_g_on.gif) no-repeat bottom;}

.riga_contatti {float: left; margin-top: 4px;}
.riga_contatti  ul{PADDING-RIGHT: 0px; PADDING-LEFT: 0px;  MARGIN: 0px;  liST-STYLE-TYPE: none;}
.riga_contatti li {display: inline; height:14px;}



#pagina{
	width: 972px;
	margin: 0 auto; 
}
#areaGrigia{
	width: 972px;
	margin: 0 auto; 
	background: url(images/OmbraPagina_V.gif) repeat-y right #e3e3e3;
}
#corpo{
	width: 942px; /*Width of main container*/
	margin: 0 auto; /*Center container on page*/
}
#corpo_Index{
	width: 932px;
	background: #7e7e7e;
}
#corpoPg{
	float: left;
	width: 942px;
	/*margin: 0 auto;    Center container on page*/
	background: url(images/SfondoLatoSx.jpg) repeat-y;
}

#rigaA{
	clear: both;
	height: 8px;
	background: #e3e3e3;
}
#rigaB{
	background: #e3e3e3;
	height: 8px;
	font-size: 0%;  /*serve per perchè altrimenti si ricava la heigh minima per farci stare il testo */
}
#rigaC{
	background: url(images/rigaC.gif);
	height: 8px;
	font-size: 0%;  /*serve per perchè altrimenti si ricava la heigh minima per farci stare il testo */
}

#top{
	background: #f0ab00;
	height: 67px; 
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 12px;
}
#top_logo{
	float: left;
	background: #f0ab00;
	height: 59px; 
	padding: 4px 0px 0px 0px;
	font-size: 0%;  /*serve per perchè altrimenti si ricava la heigh minima per farci stare il testo */
}
#top_slogan{
    COLOR: #fff;
    FONT-SIZE: 155%;
    FONT-WEIGHT: bold;
    FONT-STYLE: normal;
	float: left;
	padding: 37px 0px 0px 28px;
}
#top_menu{
	float: right;
	text-align: right;
	padding: 8px 14px 1px 0px;
	line-height: 20px;
	width: 400px;            /* per firefox 6*/
	font-size: 120%; 
}
#top_menu  ul{
	padding: 0px;
	MARGIN: 0px;  
	liST-STYLE-TYPE: none;
}

.ombraPaginaOrizzontale{
	clear: both;
	width: 970px;
	background: url(images/OmbraPagina_O.gif) repeat-x bottom;
	height: 4px;
	font-size: 0%;  /*serve per perchè altrimenti si ricava la heigh minima per farci stare il testo */
	/*border: 0px solid #fcc;*/
}

.riga_link {
	vertical-align: bottom;
	margin: 0px;
	line-height: 18px;
	FONT-SIZE: 90%;
}
.riga_link a {
	color: #333333;
	text-decoration: none;
}
.riga_link a:hover {
	text-decoration: underline;
}

.lineaPipe {
	padding: 0px 7px 0px 7px;
	background: url(images/lineaPipe.gif) no-repeat center;
}

#corpoPg_In{
	float: right;
	/*margin: 0;*/
	width: 732px;
	background: url(images/SfondoLatoDx.gif) right repeat-y;
}

#corpoPg_Sx{
	float: left;
	width: 524px;
	background: #FFF;
}
#corpoPg_Dx{
	float: right;
	width: 208px;   /* per firefox 6*/
	padding: 0px 0px 0px 0px;
}

#corpoPg_Sx_testo{
	margin: 0 auto; /*Center container on page*/
	padding: 10px 20px 20px 20px;
	font-size: 110%;
}

.boxOmbra{
	margin: 0 auto; /*Center container on page*/
	/*margin-left: -190px; Set left margin to -(RightColumnWidth)*/
	background: url(images/Ombra_V.gif) repeat-y right #f2f2f2;
	padding: 0px 2px 0px 0px;
	border: 0px;
}

.boxOmbra_O{
	margin: 0 auto; /*Center container on page*/
	font-size: 0%;  /*serve per perchè altrimenti si ricava la heigh minima per farci stare il testo */
	height: 3px;
	background: url(images/Ombra_O.gif) repeat-x top;
}
.boxTesto{
	padding: 10px 10px 20px 10px;
	font-size: 110%;
}

#box_azzurro{
	float: left;
	margin: 0 auto; /*Center container on page*/
	padding: 10px 20px 20px 20px;
	font-size: 110%;
	background: url(images/Ombra_V.gif) repeat-y right #e3e9ec;
}
#contattaci{
	padding: 30px 0px 80px 0px;
}

#piede{
	clear: both;
	width: 100%;
	background: #828282;
	color: #FFF;
}
#piede a{
	color: #FFF;
	text-decoration: none;
}
#piede a:hover {
	text-decoration: underline;
}
#piede_menuSx{
	float: left;
	padding: 10px 0px 16px 0px;
}
#piede_menuDx{
	float: right;
	padding: 10px 0px 16px 0px;
}
/*
    FONT-SIZE: 155%;
    FONT-WEIGHT: bold;
    FONT-STYLE: normal;
*/
h1 {
	/*font: Arial Black, Arial, Helvetica, sans-serif;*/
	FONT-SIZE: 180%;
	color: #f0ab00; 
	text-transform: uppercase;
	letter-spacing: -0.05em;
	margin: 10px 0px 0px 0px;
}
h2 {
    /*FONT-WEIGHT: thin;*/
	FONT-SIZE: 140%;
	color: #666666; 
	text-transform: uppercase;
	margin: 7px 0px 10px 0px;
}
h3 {
	FONT-SIZE: 120%; 
	text-decoration: none;
	color: #666666; 
	margin: 0px 0px 0px 0px;
}

h4{
	FONT-SIZE: 100%; 
	color: #000;	
	margin: 0px 0px 0px 0px;
}
h5{
	FONT-SIZE: 95%; 
	color: #000;	
	margin: 0px 0px 0px 0px;
	Font-WEIGHT: normal;
}
.cartazucchero{color: #04357b;}
.bianco{color: #fff;}
.bordò{color: #cd1743;}
.verde{color: #00800c;}
.blu{color: #2b80e7;}
.arancione{color: #eea235;}
.marroneChiaro{color: #feae79;}

.marroneScuro{color: #ad4a40;}
.azzurro{color: #6dabb8;}
.marroneMedio{color: #a46f5c;}

.box_Sx {
	float: left;
	margin: 0px 0px 0px 0px;
}
.box_Dx {
	float: right;
	margin: 0px 0px 0px 0px;
}

.lista_Square li {
	list-style-type: square;
}

.immagine{
	display: block;
	margin: 0 auto;
	padding: 0px;
	border: 0px;
}
.immagine_Sx{
	float: left;
	padding: 5px 5px 5px 5px;
	border: 0px;
}
.immagine_Index{
	float: left;
	margin: 0px; 
	border: 0px;
	font-size: 0%;
	padding: 0px 0px 0px 0px;
	/*display: inline;*/
}

.testo_Sx{
	float: left;
	padding: 10px 10px 10px 10px;
	border: 0px;
}

.testo_Sx a{
	text-decoration: none;
}

.testo_Sx a:hover {
	text-decoration: underline;
}

.vuoto {
	clear:both;
	margin:0px 0px 0px 0px;
	border:0px none;
	padding:0px 0px 0px 0px;
	font: 0px/0px Arial, Helvetica, sans-serif;    /*ok*/
	width:100%;
}

#box_2_Sx_testo ul{
	MARGIN-top: 0px;  
}