/**************************************** 
	TABELLA ARROTONDATA (fino a 2 colori diversi)
	Memo:
	
	  !!!!!!!!!!!!!!!!                                                                !!!!!!!!!!!!!!!!!
	  	Le dimensioni dei div devono essere specificate. Se si allargano a causa del contenuto 
		si ha un problema SOLO CON EXPLORER 6 MALEDETTO !!!
	  !!!!!!!!!!!!!!!!!                                                               !!!!!!!!!!!!!!!!!
		
		* Permette di creare tabelle semplici (usando solo div) o anche molto complesse (usando table si possono fare cose bellissime)
			con i bordi smussati

		*Le immagini degli angoli si devono trovare in (../../images/stile1/struttura/tabArrotondata/)
		   e si devono chiamare asR1.gif, adR1.gif, bsR1.gif, bdR1.gif (idem con R2 per la riga 2)
		   -l'immagine sfondoR1.gif contiene il colore di sfondo della riga (idem per la riga2)

		*le dimensioni non vanno inserite nel css ma nell'HTML(idem per ulteriori modifiche a caratteri e roba varia)
		
		*per ulteriori implementazioni (es: pił colori) basta aumentare il num di righe nel css

		*Un esempio di tabella: ( vedi altri esempi al fondo)		

				<div style="width:400px;" class="tabArrotondata">
				<div style="height:30px;" class="riga1"><!-- riga 1 -->
					<div class="AD"><div class="AS">
						&nbsp;
					 </div></div>
				</div><!-- end riga1 -->
				<div style="height:30px; margin-top:2px;" class="riga2"><!-- riga 2 -->
						&nbsp;
				</div><!-- end riga2 -->
				<div style="height:30px; margin-top:2px;" class="riga2"><!-- riga 2 -->
					<div class="BS"><div class="BD">
						&nbsp;
					</div></div>
				</div><!-- end riga2 -->	
				</div>

*****************************************/

.tabArrotondata{
	margin: auto;/*centrato*/
	padding: 0px;
}
.tabArrotondata a{ /* Per IE */
	background:none;
}
/**
	RIGA 1
**/

.tabArrotondata .riga1{
	background-image: url(../../images/stile1/struttura/tabArrotondata/sfondoR1.gif);
	background-repeat:repeat;
	left:0px;
	vertical-align:middle;
	right:0px;
	height: 100%; width:100%;
}

/*angoli riga 1*/
.tabArrotondata .riga1 .AS{
	background-image: url(../../images/stile1/struttura/tabArrotondata/asR1.gif);
	background-position:top left;
	background-repeat:no-repeat;
	height: 100%;width:100%;
}

.tabArrotondata .riga1 .AD{
	background-image: url(../../images/stile1/struttura/tabArrotondata/adR1.gif);
	background-position:top right;
	background-repeat:no-repeat;
	height: 100%;width:100%;
}

.tabArrotondata .riga1 .BS{
	background-image: url(../../images/stile1/struttura/tabArrotondata/bsR1.gif);
	background-position: bottom left;
	background-repeat:no-repeat;
	bottom:0px;
	height: 100%;width:100%;
}

.tabArrotondata .riga1 .BD{
	background-image: url(../../images/stile1/struttura/tabArrotondata/bdR1.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
	height: 100%;width:100%;
}
/**
	RIGA 2
**/

.tabArrotondata .riga2{
	background-image: url(../../images/stile1/struttura/tabArrotondata/sfondoR2.gif);
	background-repeat:repeat;
	vertical-align:middle;
	height: 100%;width:100%;
}

/*angoli riga 2*/
.tabArrotondata .riga2 .AS{
	background-image: url(../../images/stile1/struttura/tabArrotondata/asR2.gif);
	background-position:top left;
	background-repeat:no-repeat;
	height: 100%;width:100%;
}

.tabArrotondata .riga2 .AD{
	background-image: url(../../images/stile1/struttura/tabArrotondata/adR2.gif);
	background-position:top right;
	background-repeat:no-repeat;
	height: 100%;width:100%;
}

.tabArrotondata .riga2 .BS{
	background-image: url(../../images/stile1/struttura/tabArrotondata/bsR2.gif);
	background-position: bottom left;
	background-repeat:no-repeat;
	height: 100%;width:100%;
}

.tabArrotondata .riga2 .BD{
	background-image: url(../../images/stile1/struttura/tabArrotondata/bdR2.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
	height: 100%;width:100%;
}

/**
	RIGA3
**/

.tabArrotondata .riga3{
	background-image: url(../../images/stile1/struttura/tabArrotondata/sfondoR3.gif);
	background-repeat:repeat;
	vertical-align:middle;
	height: 100%;width:100%;
}

/*angoli riga 3*/
.tabArrotondata .riga3 .AS{
	background-image: url(../../images/stile1/struttura/tabArrotondata/asR3.gif);
	background-position:top left;
	background-repeat:no-repeat;
	height: 100%;width:100%;
}

.tabArrotondata .riga3 .AD{
	background-image: url(../../images/stile1/struttura/tabArrotondata/adR3.gif);
	background-position:top right;
	background-repeat:no-repeat;
	height: 100%;width:100%;
}

.tabArrotondata .riga3 .BS{
	background-image: url(../../images/stile1/struttura/tabArrotondata/bsR3.gif);
	background-position: bottom left;
	background-repeat:no-repeat;
	height: 100%;width:100%;
}

.tabArrotondata .riga3 .BD{
	background-image: url(../../images/stile1/struttura/tabArrotondata/bdR3.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
	height: 100%;width:100%;
}


/*
			ALTRI ESEMPI DI TABELLA

********** ESEMPIO 1 ************
<!-- TABELLA ARROTONDATA -->

<table border="0" cellpadding="0" cellspacing="3" style="width:400px" class="tabArrotondata">
<!-- prima riga (header) -->
  <tr style="height:30px;">
	<td style="width:30px;">&nbsp; </td>
	<td style="width:150px;" class="riga1"><div class="AD"><div class="AS">&nbsp;</div></div></td>
	<td style="width:170px;" class="riga1"><div class="AD"><div class="AS">&nbsp;</div></div></td>
	<td style="width:50px;" class="riga1"><div class="AD"><div class="AS">&nbsp;</div></div></td>
  </tr>
  <!-- end prima riga (header) -->
  <tr style="height:30px;">
	<td style="width:30px;" class="riga1"> <div class="BS"><div class="AS">&nbsp;</div></div></td>
	<td style="width:150px;" class="riga2">&nbsp;</td>
	<td style="width:170px;" class="riga2">&nbsp;</td>
	<td style="width:50px;" class="riga2">&nbsp;</td>
  </tr>
</table>
	<!-- END TABELLA ARROTONDATA -->
***********************************
*/