body {
  font: 100% Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  margin: 0;
  padding: 0;
  text-align: center;
}

input {
	font-size: 11px;
	color: #000000;
	font-family: Tahoma;
	background-color: #FFFFFF;
	text-decoration: none;
	border: 1px solid #999999;
}

textarea {
	background-color: #FFFFFF;
	font-family: Tahoma;
	font-size: 11px;
	border: 1px solid #999999;
}

select {
	font-family: Tahoma;
	font-size: 11px;
	border: 1px solid #666666;
}

.Selected{
	background-color:#FFFFA6;
	border: 1px solid orange;
}

.noSelected{
	background-color:#FFFFFF;
}

.pagina #contenitore {
  width: 100%;
  margin: 0 auto; /* i margini auto (insieme a una larghezza) centrano la pagina */
  text-align: left; /* sostituisce l'impostazione text-align: center nell'elemento body. */
}

.pagina .categorie {
  font: 100% Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
}

.pagina .categorie a{
  font: 100% Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: orange;
  font-weight: bold;
  text-decoration: none;
}

.pagina .categorie a:hover{
  font: 100% Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: orange;
  font-weight: bold;
  text-decoration: none;
}

/*** Header ***/
.pagina #header{
	margin: 0px auto;
	width: 100%;
	height: auto;
	background-color: #FEE798;
}

.pagina #barra_navigazione{
	width: 100%;
	height: 80px;
	color: #C80204;
	background-image: url(../images/logo.png);
	background-position: left;
	background-repeat: no-repeat;
	background-color: #FEE798;
}

.pagina #navigation {
	margin-right: 0px;
	margin-bottom: 0px;
	height: 70px;
}

.pagina #navigation ul{
	list-style-type: none;
	margin-left: 1px;
	text-align: left;
	padding: 0px;
	/* border: 1px solid #FFFFFF; */
}

.pagina #navigation li{
	float: right;
	margin-right: 3px;
	margin-top: 15px;
	padding-right: 3px;
	padding-left: 3px;
	padding-top: 5px;
	height: 60px;
	width: 60px;
	border-left: 2px solid #C80204;
	color: #C80204;
}

.pagina #navigation a{
	height: 60px;
	text-decoration: none;
	font-weight: normal;
	font: 100% Tahoma, Verdana, Arial, Helvetica, sans-serif;
  	font-size: 12px;
	color: #C80204;
}

.pagina #navigation a:hover{
	height: 60px;
	text-decoration: none;
	font-weight: normal;
	font: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  	font-size: 12px;
	color: #F3B703;
}

.pagina #cerca {
	text-align: center;
	height: 25px;
	background-image: url(../images/bottom_bg.gif);
}

.pagina #cercaFooter {
	text-align: right;
}

.pagina #footer{
	width: 100%;
	height: auto;
	background-color: #F99934;
	border-top: 1px solid #F28411;
}

.pagina #contenutoFooter{
	width: 100%;
	margin-top: 10px;
}

.pagina .collegamento a{
	text-align: right;
	color: white;
	text-decoration: none;
}

.pagina .collegamento a:hover{
	text-align: right;
	color: white;
	text-decoration: none;
}

.pagina #image_footer{
	width: 100%;
	text-align: center;
	border-top: 1px solid #F28411;
}

.pagina #sidebarSX {
  float: left; /* questo elemento deve precedere nell'ordine di origine qualunque elemento accanto al quale deve essere posizionato */
  width: 250px; /* poiché questo elemento è mobile, occorre specificare una larghezza */
  padding: 5px 0; /* un padding superiore e inferiore creano uno spazio visivo all'interno di questo div */
}

.pagina #sidebarDX {
  float: right; /* questo elemento deve precedere nell'ordine di origine qualunque elemento accanto al quale deve essere posizionato */
  width: 210px; /* poiché questo elemento è mobile, occorre specificare una larghezza */
  padding: 5px 0; /* un padding superiore e inferiore creano uno spazio visivo all'interno di questo div */
}

.pagina #sidebarSX p, .pagina #sidebarSX h3, .pagina #sidebarDX p, .pagina #sidebarDX h3 {
  margin-left: 10px; /* è necessario applicare un margine sinistro e destro a ogni elemento che verrà inserito nelle colonne laterali */
  margin-right: 10px;
}

.pagina #mainContent {
  margin: 0 220px 0 250px; /* i margini destro e sinistro di questo elemento div creano le due colonne esterne sui lati della pagina. Indipendentemente dalla quantità di contenuto presente nei div delle barre laterali, lo spazio della colonna rimane inalterato. È possibile rimuovere questo margine sinistro se si desidera che il testo del div #mainContent riempia lo spazio delle barre laterali quando il contenuto di ciascuna di esse finisce. */
  padding-top: 5px;
}

.pagina .link a{
	text-decoration: none;
	color: orange;
}

.pagina .link a:hover{
	text-decoration: none;
	color: #65948A;
}

.pagina .sideboxSX {
	font-family: Tahoma;
	font-size: 11px;
	width: 240px;
	text-align: center;
	border-right: 1px dotted silver;
}

.pagina .sideboxcontentSX {
	margin: 0px auto;
	width: 230px;		
	text-align: left;
	margin-bottom: 10px;
}

.pagina .sidemenuSX{
	margin: 0px auto;
	width: 215px;
	margin-left: 0px;
	font-variant: small-caps;
	text-align: left;
	line-height: 20px;
	/*margin-bottom: 5px;
	border-bottom: 1px dotted Silver;*/
}

.pagina .sideboxSXRegistra {
	font-family: Tahoma;
	font-size: 11px;
	width: 250px;
	text-align: center;
	margin: 0px auto;
}

.pagina .sideboxcontentSXRegistra {
	margin: 0px auto;
	width: 245px;		
	text-align: left;
	margin-bottom: 10px;
	margin-right: 5px;
}

.pagina .sidemenuSXRegistra{
	margin: 0px auto;
	width: 245px;
	margin-left: 5px;
	margin-right: 5px;
	text-align: left;
	line-height: 20px;
	/*margin-bottom: 5px;
	border-bottom: 1px dotted Silver;*/
}

.pagina .sideboxDX {
	margin: 0px auto;
	font-family: Tahoma;
	font-size: 11px;
	width: 205px;
	text-align: center;
}

.pagina .sideboxcontentDX {
	margin: 0px auto;
	width: 204px;		
	text-align: center;
	margin-bottom: 10px;
}

.pagina .sidemenuDX{
	width: 195px;
	margin: 0px auto;
	text-align: left;
	line-height: 20px;
	margin-bottom: 5px;
	margin-top: 3px;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 5px;
	border: 1px dotted silver;
}

.pagina .sidemenuDX a{
	font: 100% Tahoma, Verdana, Arial, Helvetica, sans-serif;
  	font-size: 19px;
	color: Orange;
	text-decoration: none;
	font-weight: bold;
}

.pagina .sidemenuDX a:hover{
	font: 100% Tahoma, Verdana, Arial, Helvetica, sans-serif;
  	font-size: 19px;
	color: Orange;
	text-decoration: none;
	font-weight: bold;
}

.pagina .titolo{
	margin: 0px auto;
	padding-top: 10px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #528EC6;
	text-align: left;
}

.pagina h1{
  font: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: bold;
  text-align: left;
  color: #65944A;
}

.pagina h2{
	font-size: 11px;
	color: #2F4D88;
	text-align: center; 
}

.pagina .allarme{
	margin-top: 10px;
	width: auto;	
	background-color: #F5F5F5;
	border: 1px dotted silver;
	padding-left: 55px;
	padding-top: 15px;
	height: 52px;
	background-image: url(../images/error.gif);
	background-position: left;
	background-repeat: no-repeat;
	color: red;
	font-weight: bold;
}

/* Classi varie riutilizzabili */
.fltrt { /* questa classe può essere utilizzata per rendere mobile un elemento a destra nella pagina. L'elemento reso mobile deve precedere l'elemento al quale deve essere affiancato sulla pagina. */
  float: right;
  margin-left: 8px;
}
.fltlft { /* questa classe può essere utilizzata per rendere mobile un elemento a sinistra nella pagina. L'elemento reso mobile deve precedere l'elemento al quale deve essere affiancato sulla pagina. */
  float: left;
  margin-right: 8px;
}
.clearfloat { /* questa classe deve essere inserita in un elemento div o break e deve essere l'elemento finale prima della chiusura di un contenitore che deve contenere per intero i propri elementi mobili di livello inferiore */
  clear: both;
  height: 0;
  font-size: 1px;
  line-height: 0px;
}

/*** Elenco laterale categorie ***/
.elenco {
	text-align: left;
	padding-left: 5px; 
}

.elenco a {
	margin-top: 5px; 
	text-align: left; 
	padding-left: 3px; 
	color: #DD740B; 
	font-weight: bold;
	text-decoration: none;
}

.elenco a:hover{
	margin-top: 5px; 
	text-align: left; 
	padding-left: 3px; 
	color: #65948A; 
	font-weight: bold;
	text-decoration: none;
}

.form-rowElenco {
	width: 220px;
	clear: both;
	text-align: left;
	height: 20px;
	margin-left: 5px;
	border-bottom: 1px dotted silver;
}

.form-labelElenco{
	float: left;
	width: 220px;
	padding-left: 5px;
	text-align: left;
	padding-top: 3px;
}

.form-labelElenco a {
	color: #919191; 
	text-decoration: none;
}

.form-labelElenco a:hover{
	color: #919191;
	text-decoration: underline;
}

.form-widgetElenco {
	float: left;
	text-align: left;
	padding-left: 10px;
}

/*** Accesso area protetta ***/
.pagina .form-row {
	clear: both;
	padding: 0.5em;
	text-align: left;
	font-size: 12px;
}

.pagina .form-label {
}

.pagina .form-widget {
	text-align: left;
	height: auto;
	margin-bottom: 5px;
}

.pagina .form-button{
	border-top: 1px dotted silver;
	text-align: center;
	padding-top: 3px;
	margin-bottom: 3px;
	margin-left: 0px;
	margin-right: 5px;
}

.pagina .sidemenuDX .titolo{
	text-align: left;
	font-size: 16px;
	font-weight: bold;
	color: orange;
}

.pagina table.registrazione {
	text-align: left;
}

.pagina table.registrazione td {
	border-bottom: 1px dotted silver;
}

.pagina table.registrazione th {
	color: white;
	background-color: orange;
	font-weight: normal;
	margin-right: 0px;
	padding-right: 0px;
	padding-left: 3px;
}

.pagina table.elencoProdotti td{
	margin-top: 3px;
	border-bottom: 1px dotted silver;
}

.pagina table.elencoProdotti th{
	text-align: left;
	padding-left: 10px;
	height: 41px;
	background-image: url(../images/grey_bg.gif);
}

.pagina table.elencoProdotti td a {
	color: black; 
	text-decoration: none;
	font-weight: normal;
}

.pagina table.elencoProdotti td a:hover{
	color: #65944A;
	text-decoration: none;
	font-weight: normal;
}

.pagina table.elencoProdotti strong {
	color: red; 
}

.pagina table.ProdottiHome th{
	text-align: left;
	padding-left: 10px;
	color: #DD740B;
	height: 41px;
	background-image: url(../images/grey_bg.gif);
}

.pagina table.ProdottiHome td{
	margin-top: 3px;
}

.pagina table.Rivenditore th{
	text-align: left;
	padding-left: 10px;
	height: 34px;
	color: #DD740B;
	background-image: url(../images/lightbox.png);
	background-repeat: no-repeat;
	background-position: left;
}

.pagina table.Rivenditore td{
	margin-top: 3px;
}

table.schedaProdotto {
  font: 100% Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  
}
table.schedaProdotto th{
	text-align: center;
	background-color: white;
	border: none;
	margin: 0px auto;
}

table.schedaProdotto td{
	border-bottom: 1px dotted silver;
}

table.schedaProdotto .testoGrande{
  font: 100% Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-align: right;
}

table.schedaProdotto .testoRosso{
  font: 100% Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: bold;
  text-align: right;
  color: red;
}

table.schedaProdotto .testoVerde{
  font: 100% Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: bold;
  text-align: right;
  color: green;
}

table.schedaProdotto .testoArancione{
  font: 100% Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: bold;
  text-align: right;
  color: #E56900;
}

table.schedaProdotto .testoGrigio{
  font: 100% Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: bold;
  text-align: right;
  color: Silver;
}

table.schedaProdotto .testoBlu{
  font: 100% Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: bold;
  text-align: right;
  color: blue;
}

table.schedaProdotto h1{
  font: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: bold;
  text-align: left;
  color: #65944A;
}

/*** Tabelle 10 prodotti index ***/
table.elenco{
	font: Tahoma, Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
	border-spacing: 0px;
}

table.elenco td{
	border-bottom: 1px dotted silver;
}

table.elenco a {
	color: black; 
	text-decoration: none;
	font-weight: normal;
}

table.elenco a:hover{
	color: #65944A;
	text-decoration: none;
	font-weight: normal;
}

/* DIV con angoli smussati */
div.bordi{
    width: 200px;
}
div.contenuto
{
    background-color: #C80204; 
    color: #FFFFFF;
    width: 200px;
}

/* CREAZIONE DEGLI ANGOLI SMUSSATI */

span.TOP, span.BOTTOM{
    display: Block;
    background-color: #FFFFFF;
}

span.TOP span, span.BOTTOM span{
    display: Block;
    overflow: Hidden;
    background-color: #C80204;
	 height: 1px;
}

span.RIGA1{
    margin: 0 5px;
}

span.RIGA2{
    margin: 0 3px;
}

span.RIGA3{
    margin: 0 2px;
}

span.TOP span.RIGA4, span.BOTTOM span.RIGA4{
    margin: 0 1px;
    height: 2px;
}

/*- Menu Tabs I--------------------------- */

#tabsI {
	margin-top: 48px;
	float:right;
   width:100%;
   font-size:93%;
   line-height:normal;
   border-bottom:1px solid #DD740B;
}

#tabsI ul {
	margin:0;
   padding:10px 10px 0 50px;
   list-style:none;
}

#tabsI li {
    display:inline;
    margin:0;
    padding:0;
}

#tabsI a {
	float:right;
    background:url("../images/tableftI.gif") no-repeat left top;
    margin:0;
    padding:0 0 0 5px;
    text-decoration:none;
}

#tabsI a span {
	float:right;
    display:block;
    background:url("../images/tabrightI.gif") no-repeat right top;
    padding:5px 15px 4px 6px;
    color:#FFF;
}
 
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsI a span {float:none;}
/* End IE5-Mac hack */
#tabsI a:hover span {
	color:#FFF;
}

#tabsI a:hover {
	background-position:0% -42px;
}

#tabsI a:hover span {
    background-position:100% -42px;
}

#tabsI #current a {
    background-position:0% -42px;
}

#tabsI #current a span {
    background-position:100% -42px;
}