h1 {
   font-family:Arial, 'Trebuchet MS', Sans-Serif;
   font-size:120%;
   color:#282671;
   text-transform:uppercase;
   /* text-shadow: #999 2px -2px 1px; */
   letter-spacing:0.15em;

}

h2 {
   font-family:Arial, 'Trebuchet MS', Sans-Serif;
   font-weight:bold;
   font-size:115%;
   color:#282671;
}

h3 {
   font-family:Arial, 'Trebuchet MS', Sans-Serif;
   font-weight:bold;
   font-size:110%;
   color:#282671;
}
h4 {
   font-family:Arial, 'Trebuchet MS', Sans-Serif;
   font-size:100%;
   color:#282671;
}


h1, h2, h3, h4, p {
   padding:0;
   margin:10px;
}


div#sidebar-left h1 {
   font-family:Arial, 'Trebuchet MS', Sans-Serif;
   font-weight:bold;
   font-size:115%;
   color:#444444;
   text-transform:none;
   letter-spacing:0.0em;
   border-bottom:1px solid #CCCCCC;
}

.menu-vulcani {
   font-family:Arial, 'Trebuchet MS', Sans-Serif;
   font-size:140%;
   color:#282671;
   text-transform:uppercase;
   letter-spacing:0.1em;
}

.prima-pagina  {
   clear:both;
   /*display:block;
   background:#d4e5f2;
   background-color:#d4e5f2;*/
   margin:0px 0 0 0px;
   padding:0 0px 0 0px;
   overflow: hidden; 
   
}

.img-gallery-centered  {
   margin-left: auto;
   margin-right: auto; 
   text-align: center; 
   width:456px;
 }


.testo-centrato-destra {
   /*width: 60%; */
    font-style: italic;
    font-size: 95%;
    margin: 0 0 0 0;
    overflow: hidden;
    padding: 0px 30px;
    text-align: center;
    float: right;

}

/*
.prima-pagina a {
   color:#3C3C3C;
}

*/


.evidenzia-bollettini  {
   clear:both;
   color:#0000AA;
   /*color:#43455C;*/
   text-align: center;
   font-family: Palatino, arial, Verdana, sans-serif;
   font-size:120%;
   margin:10px 0 10px 0;
   padding:10px;
   background-color:#E3E3F3;
   border:1px solid #667ACC;
}

.evidenzia-bollettini a {
   font-weight:bold;
   color:#3C3C3C;
}


.evidenzia  {
   clear:both;
   color:#0000AA;
   /*color:#43455C;*/
   font-size:120%;
   margin:4px;
   padding:2px;
   background-color:#E3E3F3;
   border:1px solid #667ACC;
}

.evidenzia a {
   font-weight:bold;
   color:#3C3C3C;

}

div.validator  {
margin: 40px 0px 0px 0px;
padding: 0px 0px 20px 0px;

border-bottom:1px solid #CCCCCC;

}


a:hover {
   color:#3C3C3C;
   text-decoration:underline;
}

.img-center  {
   
    /*float: right; */
    clear: both; 
    margin: 4px; 

   margin: 4px 4px 0px 0px;
   border:2px solid #CCCCCC;
}

.img-cornice  {
   float:left;
   margin: 4px 4px 0px 0px;
   border:2px solid #CCCCCC !important;
   overflow: hidden;

}

.img-a-capo  {
   clear: both; 
}


.img-cornice-np  {
   margin: 4px 4px 0px 0px;
   border:2px solid #CCCCCC;
   overflow: hidden;

}


.img-cornice-right  {
   float:right;
   margin: 10px 4px 0px 0px;
   border:2px solid #CCCCCC;
}

.img-no-bordo-dx  {
   float:right;
   margin: 0 35px 10px 0;
   border:none;
}

.up-no-bordo-dx  {
   float:right;
   margin: 0 35px 10px 0;
   border:none;
   font-family:Georgia,serif;
   color:#006699;
   font-variant: small-caps;
   text-transform: none;
   font-weight: bold;
   margin-bottom: 0;

}

.img-no-bordo  {
   float:left;
   margin: 0 35px 10px 0;
   border:none;
}

.img-no-b {
   margin: 0 35px 10px 0;
   border:none;

}
.img-no-b a {
   color:#FFFFFF;
   text-decoration:none;
}

.img-no-b a:hover {
   color:#FF0000;
   text-decoration:none;
}


.grassetto  {
   font-weight:bold;
}

.uppercase {
  text-transform: uppercase;
}

.corsivo {
  font-style: italic;
}

.title-home{
	font-family: Verdana, Arial, 'Trebuchet MS', Sans-Serif;
	font-size:120%;
       font-weight:bold;
    	color:#282671;
       text-transform:uppercase;
	letter-spacing:0.12em;
}

.interlinea-grande{

line-height: 2.0;
}



div.hr1 {
color: #903;
background-color: #f00;
height: 5px;

}

blockquote {
   font-size:100%;
   margin:10px 0 0 0;
   padding:0 10px 0 10px;
   background:#F3F3FF;
   border:1px solid #E2E2FE;
}

.blocco_a_capo  {
   clear:both;
   /*display:block;*/
   margin:0px 0 0 0px;
   padding:0 0px 0 0px;
   background:#FFF;
   overflow: hidden; 
}
/*
.blocco_a_capo a:visited

{
background: #F6F6F6;
border-top: 1px solid #F6F6F6;
font-weight: bold;
border-right: 2px solid #828282;
border-bottom: 2px solid #828282;

}

*/

.blocco_centrato  {
   clear:both;
   /*display:block;*/
   margin:0px 0 0 0px;
   padding:0 0px 0 0px;
   background:#FFF;
   overflow: hidden; 
   text-align:center;
}

.blocco_sinistra  {
   margin:0px 8px 0 0px;
   padding:0 0px 0 0px;
   background:#FFF;
   overflow: hidden; 
   text-align:center;
   float:left;

}


.testo_centrato  {
   overflow: hidden; 
   text-align:center;
   float: right;
}

.blocco_in_evidenza{
   clear:both;
   font-size:100%;
   width:85%;
   margin:2px 0 0 6px;
   padding:0 10px 0 6px;
   /*background:#F3F3FF;*/
   background:none repeat scroll 0 0 #F2FFFA;
   /*border:1px solid #E2E2FE;*/
   border:1px solid #E7F2F9;
}

.blocco-slider-sinistra{
   float:left;
   padding:0 10px 0 6px;

}

.blocco-slider-destra{
   float:right;
   padding:0 10px 0 6px;

}


.applicazione_dati {
   clear:both;
   text-align:left;
   font-size:100%;
   /*width:98%;
   margin:6px 0px 0px 0px;*/
   margin:6px;
   padding:1px;
   /*background-color:#f3f3ff;#E9E3DE;*/
   background-color:#FFFFFF;
   border-bottom:1px solid #CCCCCC;
}

.applicazione_dati a{
color:#000066;
text-decoration:none;
}

.applicazione_dati a:hover, .applicazione_dati_destra a:hover{
   color:#006!important;
   background-color:#FFFFbb !important;
}

.applicazione_dati_destra {
   clear:both;
   font-size:100%;
   width:98%;
   margin:6px 0px 0px 0px;
   padding:1px;
   background-color:#f3f3ff;
   border-bottom:1px solid #CCCCCC;
   /*border:1px solid #E2E2FE;*/
}

.applicazione_dati {
   clear:both;
   text-align:left;
   font-size:100%;
   /*width:98%;
   margin:6px 0px 0px 0px;*/
   margin:6px;
   padding:1px;
   /*background-color:#f3f3ff;#E9E3DE;*/
   background-color:#FFFFFF;
   border-bottom:1px solid #CCCCCC;
}


.moduletable_login h3 {
   font-size:80%;
}

.pulsanti-applicazioni {
   clear:both;
   font-size:90%;
   width:85%;
   margin:2px 0 0 6px;
   padding:0 10px 0 6px;
   background:#F3F3FF;
   border:1px solid #E2E2FE;

}
/*** main-3 ***/


.article-controls {
   text-align:right;
   margin:10px 10px 5px 10px;
   padding:3px 0;
   border-bottom:2px dotted #EFF0F1;
}

.article-controls img {
   border:none;
}

.article-controls a.comment {
   padding: 0 20px 0 0;
   background: url(images/comment.gif) no-repeat right top;
}


#mainlevel-vulc-oriz {
padding: 3px 0;
margin-left: 0;
margin-bottom: 12px;

border-bottom: 1px solid #778;
font: bold 12px Verdana, sans-serif;
}

#mainlevel-vulc-oriz li {
list-style: none;
margin: 0;
display: inline;
}

#mainlevel-vulc-oriz li a {
padding: 3px 0.5em;
margin-left: 6px;
border: 1px solid #778;
border-bottom: none;
background: #DDE;
text-decoration: none;
}

#mainlevel-vulc-oriz li a:link { color: #448; }
#mainlevel-vulc-oriz li a:visited { color: #667; }

#mainlevel-vulc-oriz li a:hover
{
color: #000;
background: #AAE;
border-color: #227;
}

#mainlevel-vulc-oriz li a#active_menu-vulc-oriz
{
background: white;
border-bottom: 1px solid white;
}


/* --------------*/

.menu_site_map ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: verdana, arial, sans-serif;
color:#f00;
}

.menu_site_map li 
{ 
list-style-type: none;
margin: 0; 

}

.menu_site_map a
{
display: block;
color: #333;
background-color: transparent;
list-style-type: none;
width: 240px;
padding: 2px 10px;
text-decoration: none;
border-top: 1px solid #aaa;
border-bottom: 1px solid #aaa;
border-left: 1px solid #aaa;
font-size:120%;

}

.menu_site_map li a
{
display: block;
color: #333;
/* background-color: #999;*/
list-style-type: none;
width: 240px;
padding: 2px 10px;
text-decoration: none;
border-top: 1px solid #aaa;
border-bottom: 1px solid #aaa;
border-left: 1px solid #aaa;
font-size:120%;
font-weight:bold;

}

.menu_site_map li a img
{
display:none;
}


#site_map1 a:hover
{
background-color: #ddd;
color: #333;
border-right: 10px solid #aaa;
padding: 2px 1px 2px 10px;
}


#site_map a:hover
{
background-color: #ddd;
color: #333;
border-right: 10px solid #aaa;
padding: 2px 1px 2px 10px;
}

.menu_site_map a:hover
{
background-color: #ddd;
color: #333;
border-right: 10px solid #aaa;
padding: 2px 1px 2px 10px;
}


.menu_site_map ul ul
{
margin-left: 30px;
margin-top: 0px ;
margin-bottom: 0px;
padding: 0;
list-style-type: none;
}

.menu_site_map li ul
{
margin-left: 30px;
margin-top: 0px ;
margin-bottom: 0px;
padding: 0;
width: 230px;
list-style-type: none;

/*background-color:#F3F3FF;*/
}


.menu_site_map li li a
{
display: block;
color: #333;
font-weight:normal;
background-color: transparent;
width: 210px;
padding: 2px 10px;
margin: 0;
border-top: none;
border-bottom: none;
border-left: 1px solid #aaa;
text-decoration: none;
font-size: 100%;
}

/* -------------- */




#navvulc {
padding: 3px 0;
margin-left: 0;
border-bottom: 1px solid #778;
font: bold 12px Verdana, sans-serif;
}

#navvulc li {
list-style: none;
margin: 0;
display: inline;
}

#navvulc li a {
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #778;
border-bottom: none;
background: #DDE;
text-decoration: none;
}

#navvulc li a:link { color: #448; }
#navvulc li a:visited { color: #667; }

#navvulc li a:hover
{
color: #000;
background: #AAE;
border-color: #227;
}

#navvulc li#current.active a

{
background: white;
border-bottom: 1px solid white;
}


/*
#navvulc li a#current
{
background: white;
border-bottom: 1px solid white;
}

*/


#navhistor
{
padding: 0 1px 1px;
margin-left: 0;
font: bold 12px Verdana, sans-serif;
background: gray;
width: 13em;
}


#navhistor li
{
list-style: none;
margin: 0;
border-top: 1px solid gray;
text-align: left;
}

#navhistor li a
{
display: block;
padding: 0.25em 0.5em 0.25em 0.75em;
border-left: 1em solid #AAB;
background: #CCD;
text-decoration: none;
}

#navhistor li a:link { color: #448; }
#navhistor li a:visited { color: #667; }

#navhistor li a:hover
{
border-color: #FE3;
color: #FFF;
background: #332;
}




/* ************* Inizio menu-storia-eruttiva ******* */

#storia-eruttiva
{
float:left;
padding: 0 1px 1px;
margin-left: 1px;
margin-top: 10px;
font: bold 12px Verdana, sans-serif;
background: gray;
width: 13em;

}

#storia-eruttiva li
{
list-style: none;
margin: 0;
border-top: 1px solid gray;
text-align: left;
}

#storia-eruttiva li a
{
display: block;
padding: 0.25em 0.5em 0.25em 0.75em;
border-left: 1em solid #AAB;
background: #CCD;
text-decoration: none;
}

#storia-eruttiva li a:link { color: #448; }
#storia-eruttiva li a:visited { color: #667; }

#storia-eruttiva li a:hover
{
border-color: #FE3;
color: #FFF;
background: #332;
}

/* ************* Fine storia-eruttiva ******* */


/* ************* Inizio menu-nav-eruzione ******* */

#nav-eruzione
{
padding: 0;
float: left;
/*background: url(../images/sfondo-lava.jpg) no-repeat right top;*/
width:100%;
}

.prova-sfondo
{
background: url(../images/sfondo-lava.jpg) no-repeat right top;
width:100%;
}


#list-eruzione
{
margin: 0px;
padding: 0px 0px;
background: #ccc;
display: inline;

}

#list-eruzione li
{
list-style: none;
float: left;
}

#nav-eruzione li a, #list-eruzione li.extend
{
margin: 0px;
display: block;
border-top: 1px solid #333;
border-bottom: 1px solid #ccc;
padding: 1px 6px;
text-decoration: none;
background: #ccc;
font: normal 12px verdana, serif;
color: #000;
}

#nav-eruzione li a:hover
{
padding: 1px 5px;
background-color: #FAFAFA;
border-right: 1px solid #333;
border-left: 1px solid #333;
border-top: 1px solid #FAFAFA;
border-bottom: 1px solid #333;
color: #000;
}
/*
#nav-eruzione li a#active
{
background: #F6F6F6;
border-top: 1px solid #F6F6F6;
font-weight: bold;
}*/


#list-eruzione li.active a

{

background-color: #F6F6F6!important;
border-top: 1px solid #F6F6F6;
font-weight: bold;
border-left: 1px solid #fff;
border-right: 3px solid #828282;
border-bottom: 3px solid #828282;
color: #000;
}



#nav-eruzione li#current.active a, #nav-eruzione li#current.active a:hover, #list-eruzione li.active a:hover

{
padding: 1px 6px;
background-color: #F6F6F6!important;
border-top: 1px solid #F6F6F6;
font-weight: bold;
border-left: 1px solid #fff;
border-right: 3px solid #828282;
border-bottom: 3px solid #828282;
color: #000;
}



#nav-eruzione a img
{
border-left: 0 solid #fff;
border-top: 0 solid #fff;
border-right: 4px solid #fff;
border-bottom:4px solid #fff;

}

#nav-eruzione a:hover img
{
border-left: 2px solid #fff;
border-top: 2px solid #fff;
border-right:  2px solid #006699;
border-bottom: 2px solid #006699;

}


/* ************* Fine nav-eruzione ******* */


div.moduletablefooter 
{
padding-bottom:4px;
border-bottom: 1px solid white;
background-color: #ffffff;
}

.moduletablefooter ul li 
{ 
/*padding-right: 8px;
border-left: 1px solid #EFF0F1;*/
padding: 0 8px;
display: inline; 
border-left: 1px solid #000066;

}

.moduletablefooter ul li a
{
text-decoration: none;
color: #000066!important;
}

.moduletablefooter ul li a:hover
{
text-decoration: underline;
color: #000066!important;
background-color: #ffffbb;
}


/*
.moduletablefooter ul
{
padding: 0;
list-style-type: square;
text-align: center;
}

.moduletablefooter ul li 
{ 
padding-right: 8px;
padding-left: 8px;
display: inline; 
border-left: 1px solid #EFF0F1;

}

.moduletablefooter ul li a
{
text-decoration: none;
padding: .2em 1em;
color: #ffffff;
}

.moduletablefooter ul li a:hover
{
text-decoration: underline;
color: #000066!important;
background-color: #ffffbb;
}
*/

#lista-orizzontale ul
{
margin: 0;
padding-left: 10px;
list-style-type: none;
text-align: left;
}

#lista-orizzontale ul li { display: inline; }

#lista-orizzontale ul li a
{
text-decoration: none;
padding: .2em 1em;
color: #006;
background-color: #f3f3ff;
}

#lista-orizzontale ul li a:hover
{
color: #00f;
background-color: #ffffbb;
}

/*
#main-3 ul {
   margin:0 0 10px 40px;
}

#main-3 ul li {
   list-style-type:disc;
   list-style-position:outside;
}

#main-3 ul li a {
   color:#3C3C3C;
   text-decoration:underline;
}
*/


/*
div#iw_kml {
    overflow: hidden;
      padding-top:0px;
      widt:400px;
      background-color:#ff99ff;
  }

div#iw_kml font table {
   font-size:100%;
   width:100%;
   background-color:#F3F399;
   border:0px !important;
   cellspacing:2px!important;
   cellpadding:2px!important;
}


#iw_kml table td {
   padding:2px!important;
   border-bottom:0px !important;
   border-bottom:1px solid #BAC3E8!important;
}

#iw_kml table th {
   text-align:left;
   padding:2px;
   background-color:#BAC3E9;
   background-color:#F3F399!important;
   border-bottom:1px solid #BAC3E8!important;

}
*/

#main-3 table.data {
   table-layout: auto;
   font-size:103%;
   width:98%;
   background:#F3F3FF;
   border:1px solid #E2E2FE;
}

#main-3 table.data  img {
   border:none;
}

#main-3 table.data  td {
   padding:2px;
   border-bottom:1px solid #BAC3E8;
   border-right:1px solid #BAC3E8;

}

#main-3 table.data  th {
   text-align:left;
   padding:2px;
   background-color:#BAC3E9;
   border-bottom:1px solid #BAC3E8;
}

#main-3 table.data  td a {
   color:#3C3C3C;
   text-decoration:underline;
}


.calendar{
   font-size:90%;
   background:#FFF3FF;
   border-spacing:0px;
   border-collapse:collapse; 
   border:1px solid #E2E2FE;
   color:#cccccc;
   text-align: center;
   width: 170px;
}

.calendar-today{
   font-size:90%;
   background:#FFF3FF;
   border-spacing:0px;
   border-collapse:collapse; 
   border:1px solid #E2E2FE;
   color:#cccccc;
   text-align: center;
   width: 680px;
}


#main-3 table.calendar  img {
   border:none;
}

#main-3 table.calendar  td {
   border-bottom:1px solid #BAC3E8;
   padding: 0 4px;
}

#main-3 table.calendar  td.tbody1-sunday a, #main-3 table.calendar  td.tbody1-sunday a:visited,
#main-3 table.calendar  td.tbody2-sunday a, #main-3 table.calendar  td.tbody2-sunday a:visited 
 {
   color: #FF0000;
}


#main-3 table.calendar  th {
   text-align:left;
   padding:2px;
   background-color:#BAC3E9;
   border-bottom:1px solid #BAC3E8;
}

#main-3 table.calendar  td a {
   color:#3C3C3C;
   text-decoration:underline;
}


#main-3 table.calendar  td a.tbody-sundy {
   color:#ff0000;
   text-decoration:underline;
}


.allinea-sinistra {
float:left;

}


.month {
    background-color: #2E9FC6;
    color: #FFFFFF;
    vertical-align: middle;
}

.day {
    background-color: #BC936C;
    color: #FFFFFF;
}

.sunday {
    background-color: #CDA076;
    color: #ffff00;
}


#sunday-link a, #sunday-link a:visited {
    color: #FF0000 !important;
}

.tbody1 {
    background-color: #E8F3FF;
    border: 1px solid #BAC3E8;
}

.tbody1-sunday {
    background-color: #E8F3FF;
    border: 1px solid #BAC3E8;
}


.tbody2 {
    background-color: #ABD6D6;
    border: 1px solid #BAC3E8;
}


.tbody2-sunday {
    background-color: #ABD6D6;
    border: 1px solid #BAC3E8;
}

.bis {
    background-color: #FDD017;
    border: 1px solid #BAC3E8;
}

.bis-sunday {
    background-color: 	#FDD017;
    color:#FF0000;
 border: 1px solid #BAC3E8;

}







#main-3 table.livelli {
   font-size:110%;
   width:96%;
   background:#606060;
   border:0px solid #02020E;
}

#main-3 table.livelli th{
   font-weight:bold;
   text-align:left;
   padding:2px;
   background-color:#DDDDDD;
   border-bottom:1px solid #BAC3E8;
}

td.verde {
   color:#000000;
   background:#80FF80;
}

td.verde-bold {
   font-weight:bold;
   color:#000000;
   background:#80FF80;
}

td.giallo {
   color:#000000;
   background:#fcfc60;
}

td.giallo-bold {
   font-weight:bold;
   color:#000000;
   background:#fcfc60;
}

td.arancio {
   color:#000000;
   background:#FF8040;
}

td.arancio-bold {
   font-weight:bold;
   color:#000000;
   background:#FF8040;
}

td.rosso {
   color:#000000;
   background:#fb3631;
}

td.rosso-bold {
   font-weight:bold;
   color:#000000;
   background:#fb3631;
}
#main-3 ol {
   margin:0 0 10px 40px;
}

#main-3 ol li {
   list-style-type:decimal;
   list-style-position:outside;
}

#main-3 ol li a {
   color:#3C3C3C;
   text-decoration:underline;
}

#main-3 p img {
   float:left;
   margin:0 10px 2px 0;
   border:0;
}

#main-3 p .img-right-cornice {
   float:right;
   margin:0 10px 10px 0;
   border:2px solid #CCCCCC;
}

#main-3 p .img-right {
   float:right;
   margin:0 10px 10px 0;
}

#main-3 p .img-left {
   float:left;
   margin:0 10px 10px 0;
}

#main-3 form {
   padding:5px;
   margin:5px;
   background:#F3F3FF;
   border:1px solid #E2E2FE;
}

#main-3 form label {
   font-size:90%;
   display:block;
}

#main-3 form input {
   border:1px solid #DDDDDD;
   padding:4px;
   margin:2px 0 5px 0;
}

#main-3 form textarea {
   width:98%;
   padding:4px;
   margin:2px 0 4px 0;
   border:1px solid #DDDDDD;
}

#main-3 form .submit {
   width:30%;
   font:bold 100% Arial, Sans-serif;
   margin:0;
   padding:2px;
   color:#FFFFFF;
   background-color:#667ACC;
   border:1px solid #CCCCCC;
}

/*** TORNA ***/

.torna img  {
   float:left;
   margin:0 10px 10px 0;
   border:0;
}

.torna a  {
   font-weight:bold;
   color:#3C3C3C;
}

/*** FOOTER ***/

#footer {
   clear:both;
   text-align:center;
   /*background-color: #fff;
   border-top:2px solid #667ACC;*/
}

#footer a{
   margin:0;
   padding:0;
   text-decoration:none;
   text-transform:none;
   letter-spacing:0;
}

#footer a:hover {
   text-decoration:underline;
}

/*** CURRENT ***/

#current-menu a {
   color:#FF0000;
 }

/*** END OF STYLESHEET ***/


dl.elenco dt {
   font-weight: bold;
}

dl.elenco dd {
   padding-left: 5%;
}

dl.elenco a {
   text-decoration: underline;
   font-weight:bold;
   color:#3C3C3C;
}

img.curriculum {
   width: 30%;
   border: 0px;
   margin-left: auto;
   margin-right: auto;
}

dl.curriculum dt {
  font-weight: bold;
}

p.referenza span.rivista {
  font-style: italic;
}

p.contact {
  margin-left: 3em;
}

p.referenza {
  margin-left: 1em;
  margin-right: 1em;
}

p.revisione {
   font-style: italic;
}

table.vona {
   margin-left: 1%;
   margin-right: 1%;
   width: 98%;

   border-collapse: collapse;
   border: 1px solid black;
}

table.vona th {
   background-color: #dddddd;
   border: 1px solid black;

   text-align: center;
}

table.vona tr.year th {
   background-color: darkblue;
   color: white;
}

table.vona td {
   background-color: white;
   border: 1px solid black;
}

table.vona td span {
   padding-left: 0.5em;
   padding-right: 0.5em;
}

table.vona td span.green {
   background-color: lightgreen;
}

table.vona td span.red {
   background-color: red;
}

table.vona td span.yellow {
   background-color: yellow;
}

table.vona td span.orange {
   background-color: orange;
}

table.vona td.left {
   text-align: left;
}

table.vona td.center {
   text-align: center;
}

table.vona td.right {
   text-align: right;
}