/* --------------------------------- Classi standard */

body {	
	font-family: Verdana, Trebuchet MS, Trebuchet, Arial, Helvetica;
	font-size: 10px;
    margin: 0px; 
    padding: 0px; 
    background: #bbddfc; 
    color: #000000; 
}

legend  {
  font-weight:bold; 
  padding:10px; 
  color: navy;
} 


th {
  font-size: 12px; 
  font-weight:bold; 
  padding: 4px;
  vertical-align: top;
}


label {
  font-size: 12px; 
  font-weight:bold; 
  padding: 10px;
}

acronym {
  border-bottom: 1px dotted;
}


a.tab {
  background-color: #efefef;
  border: 1px solid #3C546A; /* #3C546A; */
  border-bottom-width: 0px;
  padding: 2px 4px 1px 4px;
  position: relative;
  text-decoration: none;
  z-index: 100;
}

a.tabBack {
  background-color: #efefef;
  border: 1px solid #3C546A;
  border-bottom-width: 0px;
  padding: 2px 4px 18px 4px;
  position: relative;
  text-decoration: none;
  z-index: 80;
  left: 5px;
}


a.tab.activeTab {
  z-index: 200;
}


a.tabBack, a.tab, a.tab:visited, a.tabBack:visited {
  color: #666;
}

a.tab:hover, a.tabBack:hover {
  background-color: #fafaf2;
  color: #000;
}
a.tab.activeTab, a.tab.activeTab:hover, a.tab.activeTab:visited {
  background-color: #ffffff;
  color: #000000;
  font-weight: bold;
  font-size: 14px;
  border-left: 1px solid #3C546A;
  border-right: 1px solid #3C546A;
  border-top: 1px solid #3C546A;
}

h1  { 
  color:#A1ADE0; 
  font-size: 22px;
} 

h2  {
  color: #A1ADE0; 
  font-size:18px
}

h3  {
  color: purple;
  font-size:15px;
}

hr {
  border: 1px dotted silver;
  margin-top: 8px;
  margin-bottom: 15px;
} 

fieldset  {
  padding:8px; 
  border:1px solid #c0c0c0;
}

form  {
  font-size:12px; 
  color: #3C546A; 
}


input  {
  background:#fafaf2;
  font-size:11px;
  padding: 3px;
}

.bordata  {
  background:#fafaf2;
  border: 3px solid red;
  font-size:11px;
  padding: 3px;
}

.testoRosso  {
  color: #ff0000;
  font-weight: bold;
}

.readonly {
  background-color: #c0c0c0;
}
  
option {
  background:#fafaf2;
  font-size:11px;
}

select {
  background:#fafaf2;
  font-size:11px;
}

textarea {
  background:#fafaf2;
  font-size:11px;
  padding: 3px;
}

A {
  color: #3C546A;
}

A:hover {
  color: orange;
}



/* --------------------------------- Classi create */

.logo {
  position: absolute; 
  top: 3px;
}


.tabellaMenu {
    z-index: 10;
}

.intestazione {
  height: 70px;
}

.anno_corrente {
	font-family: Verdana, Trebuchet MS, Trebuchet, Arial, Helvetica;
	font-size: 100px;
    color: #f0f0f0; 
    font-weight: bold;
    position: absolute;
    top: 5px;
    right: 180px;
}    


.gatto {
	font-family: Verdana, Trebuchet MS, Trebuchet, Arial, Helvetica;
	font-size: 120px;
  color: #f0f0f0; 
  font-weight: bold;
  position: absolute;
  right: 35px;
  top: 10px;

}

#helpbox {
  padding: 5px 5px 5px 5px;
  background: #ffffe1;
  width: 300px;
  text-align: left;
  border: 1px solid #000;
  color: #000000;
  position:absolute; 
  z-index:1000;  
  right: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
}

#help {
  background-color: red;
  z-index: 50;
}


.highlight {	
	color: red;
	font-weight: bold;
}



.elenco  {
   background-color: #C1D2E3;  
   border:1px solid #c0c0c0; 
   color: #000000;
}


.azioni  {
   background-color: #d1D2E3;  
   border:1px solid #c0c0c0; 
   color: #000000;
}


.riga_evidenziata, .riga_evidenziata input {
  background-color: #ffffcc;
}

.riga_corrente, .riga_corrente input {
  background-color: #ffdf00;
}

.paging_bottom {
  background-color: #f1f2f3;  
  border-top: 1px solid #c0c0c0; 
}

.paging_top {
  background-color: #f1f2f3;  
  border-bottom: 1px solid #c0c0c0; 
}

.riga_corrente_cliccabile input {
  background-color: #ffdf00;
  cursor: pointer; 
  cursor: hand;
}


.riga_corrente_cliccabile {
  background-color: #ffdf00;
  cursor: help;
}


/* Box riepilogativo degli errori */
.broadcast-error {
    color: #000000;  
    font-weight: bold;
    font-size: 12px;
    text-align: left;
    border:2px solid #ffdf00;
    padding: 5px;
    background-color: #fafaf2;    
}

/* Es. Errore nel login */
.error {
    color: #ED1C24;
    font-weight: bold;
    text-align: left;
    padding: 3px;
}

.bottone {
  font-size:12px; 
  font-weight:bold; 
  border: #3C546A 1px solid;
  padding: 3px;
  color: black;
}

A.bottone {
  font-family: Verdana, Trebuchet MS, Trebuchet, Arial, Helvetica;
  font-size:11px; 
  font-weight:bold; 
  border: 0px;
  padding: 3px;
  color: black;
  text-decoration: none;

}

A:hover.bottone {
  font-family: Verdana, Trebuchet MS, Trebuchet, Arial, Helvetica;
  font-size:11px; 
  background-color:  #ffdf00;
  padding: 3px;
}

input.bottone_off {
  font-family: Verdana, Trebuchet MS, Trebuchet, Arial, Helvetica;
  font-size:11px; 
  font-weight:bold; 
  border: 0px;
  padding: 3px;
  color: black;
  background: #E1EDF9;
  border: 0px solid black;
}

input.bottone_on {
  font-family: Verdana, Trebuchet MS, Trebuchet, Arial, Helvetica;
  font-size:11px; 
  font-weight:bold; 
  border: 0px;
  padding: 3px;
  color: black;
  background-color:  #ffdf00;
  border: 0px solid black;
}


/* Sottomenu: testo */
.boxtesto {
  background: #E1EDF9; 
  padding:10px; 
  font-size:12px; 
  color:#3C546A; 
  border:1px solid #c0c0c0;
}



.pari  {
  background: #fafaf2;
}

.dispari  {
  background: #f3f0e9;
}


.box_dettaglio {
  visibility: hidden;
  position: absolute;
  z-index: 1500;
  border: 1px solid #505050;
  background-color: #fafaf2;
  padding: 10px;
}

.sfondo_dettaglio {
 /* background-image: url(/images/back.jpg);*/
  background-color: #7A9EB4;
  visibility: hidden;
  position: absolute;
  width:100%;
  z-index: 1400;
  opacity: .7;
  filter: alpha(opacity=70);    
}


.pari input  {
  background: #fafaf2;
}

.dispari input {
  background: #f3f0e9;
}


.boxtestoindici {
  background:#ffffff; 
  padding:15px; 
  font-size:12px;
  border-right:1px solid #3C546A; 
  border-left:1px solid #3C546A; 
  border-bottom:1px solid #3C546A;
} 

.footer {
  font-size:12px;
  padding: 3px;
  text-decoration: none;
}

#indici {
  position: relative; 
  z-index: 101; 
  border-top: 1px solid #3C546A;
  width: 99%;
} 

.help_box {
  position: absolute; 
  top: 5px; 
  right: 5px; 
  cursor: pointer; 
  cursor: hand;
  z-index: 200;
}
.elenco th {
  vertical-align: middle;
  white-space: nowrap;
}

.assortimenti th {
  font-size: 10px; 
  font-weight:bold; 
  vertical-align: middle;
  text-align: center;
  background-color: #d0d0d0;
  padding: 4px;
}

.assortimenti .budget {
  border-bottom: 1px dashed white;
}

.assortimenti .big {
  font-size: 16px; 
  background-color: #c0c0c0;
  padding: 4px;
}

.assortimenti .void {
   background-color: #ffffff;
   padding: 0px;
   font-weight:bold; 
   color: navy;
   font-size: 14px;
   
}

.assortimenti .vseparator {
  border-right: 1px solid white;
  padding: 0px;
}

.assortimenti .categoria {
  font-size: 14px; 
  color: green; 
  text-transform: uppercase;
  font-weight: bold;
  border-bottom: 1px solid silver;
  background-color: #f7E3E6;
  padding: 4px;
}

.assortimenti .animale {
  font-size: 12px; 
  color: green; 
  text-transform: uppercase;
  font-weight: bold;
  border-bottom: 1px solid silver;
  background-color: #f7d3E6;
  padding: 4px;
  padding-left: 20px;
}

.assortimenti .segmento {
  font-size: 10px; 
  color: green; 
  text-transform: uppercase;
  font-weight: bold;
  border-bottom: 1px solid silver;
  background-color: #f7c3E6;
  padding: 4px;
  padding-left: 40px;
}

.assortimenti .prodotto {
  border: none;
  text-transform: none;
  font-size: 9px;
  padding: 0px;
  margin: 0px;
}

.assortimenti td {
  color: black;
  border-bottom: 1px solid silver;
  padding: 4px;
  border-left: 1px solid silver;
}

.assortimenti blockquote {
  font-size: 9px;   
}

.assortimenti .totale {
  font-size: 10px; 
  color: green; 
  text-transform: uppercase;
  font-weight: bold;
  border-bottom: 1px solid silver;
  background-color: #c0B0E0;
  padding: 4px;
}

.assortimenti .totale_generale {
  font-size: 12px; 
  color: green; 
  text-transform: uppercase;
  font-weight: bold;
  border-bottom: 1px solid silver;
  background-color: #A0B0E0;
  padding: 4px;
}

.assortimenti  {
  border-right: 1px solid silver;
}

.assortimenti .costi_categoria {
  font-size: 10px; 
  color: black; 
  text-transform: none;
  font-weight: bold;
  background-color: #F7E3E6;
  
}

.assortimenti .errato {
  background-color: #ff0000;
}

.assortimenti .gratis {
  color: blue;
}

.dati_cliente td {
  border-bottom: 1px dotted silver;
  padding: 5px;
}

