/* BODY  */
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
body {
font-size: 1em;
font-weight: none;
font-family: sans-serif, verdana, arial, times;
}
body.cart1 {
background-image:url(../graph/back1.png);
}
body.fpf1 {
color: #000000;
background-color: #c9c9c0;
background-image: url("graph/marmo.gif");
}

body.forari {
background-image: url("../graph/brown_bg4.png");
}
body.forbib {
background-image: url("../graph/brown_bg6.png");
font-family: sans-serif;
font-size: 1em;
}
body.fudien {
background-image: url("../graph/brown_bg5.png");
}
body.mod {
background-image: url("../graph/back1.png");
}

/* IMG  */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
img.imc {
width: 92%;
padding-left: 4%;
/*margin-left: 10%;*/
}

a:hover {
color: maroon;
text-decoration: none; 
}
a{
color: #836200;
text-decoration: none; 
}
a:visited {
color: #71711A;
text-decoration: none; 
}
ora	{
	position: relative;
	left: 45%;
	color: #a400d5
}
span {
font-family: sans-serif, verdana, arial;
font-size: 1em;
}
.rientro {
font-family: sans-serif, verdana, arial;
font-size: 1em;
margin-left: 35px;
}

div.gross1 {
color: black;
font-size: 24;
font-style: oblique;
font-weight: bold;
height: 30px;
text-align: center;
width: 200px;
}
div.gross2 {
text-align: center;
font-size: 24px;
font-weight: bolder;
font-style: oblique;
font-family: sans-serif;
}
div.parag1 {
text-align: justify;
color: #004500;
font-family: sans-serif, Verdana, Arial;
margin-left: 25;
margin-right:30;
white-space: pre;
}
.giustif {
text-align: justify;
font-family: sans-serif, Verdana, Arial;
margin-left: 25;
margin-right:30;
width: 97%;
/*white-space: pre;*/
}
.paren {
color: #454;
font-family: sans-serif, Verdana, Arial;
font-size: 14px;
font-style: oblique; 
}

/*  --- stili di titolo  ---- */
.tit {
position: absolute;
font-weight: bold;
font-style: oblique;
font-size: 180%;
}
.sottit {
position: absolute;
font-weight: bold;
font-style: oblique;
font-size: 120%;
}
/* --- stile di titolo 1 --- */
#tit1 {
top: 20px; left: 94px; z-index: 10; color: #800;
}
#rilievo {
top: 19px; left: 93px; z-index: 8; color: #fff;
}
#ombra {
top: 23px; left: 99px; z-index: 6; color: #888; 
}
/* --- stile ti titolo 2 ----  */
#tit2 {
top: 30px; left: 54px; z-index: 10; color: #b98; 
}
#rilievo2 {
top: 29px; left: 53px; z-index: 8; color: #555; 
}
#ombra2 {
top: 31px; left: 55px; z-index: 8; color: #fcc; 
}
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
        Box
   XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

.boxnero {
background: #DAD6C3;top: 18px; left: 35px; z-index: 6; width: 700px; height: 43;
}
.box {
margin: 10px 20px;
padding: 18px;
border: 3px dotted maroon;
text-indent: 1cm;
text-align: justify;
position:relative;
background-color: #ddd;
color: #004500;
}
.boxtec {
margin: 10px 10px;
padding: 18px;
border: 1px maroon;
border-style: solid;
text-indent: 1cm;
text-align: justify;
position:relative;
background-color: #eed;
color: #000040;
width: 94%;
}
.boxtras {
margin: 10px 20px;
padding: 18px;
border: 3px dotted maroon;
text-indent: 1cm;
text-align: justify;
position:relative;
}
a.bbox:hover {
color: maroon;
text-decoration: none; 
}
a.bbox {
color: #b60;
text-decoration: none; 
}
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
        Allineamento
   XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
.destra {
text-align: right;
}
.sinistra {
text-align: left;
}
.centro {
text-align: center;
}
.giust {
text-align: justify;
}
.floatleft {
float: left;
margin: 0;
}
.marsin {
 margin-left: 1em;
}
#layout {
width: 780px;
margin: 0 auto;
border: 2px solid #7af;
text-align: left;

}
#coldestra {
width: 55%;
border-left: 2px solid #ddd;
}
#colsinistra {
width : 30%;
padding-left: 2%;
padding-right: 2%;
margin: 0px;
text-align: justify;
}
.clearer {
clear: both;
height: 1px;
overflow: hidden;
margin: -1px;
}
#piede {
border-top: 1px solid #7af;
text-align:center;
font-size: 90%;
}
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
            Margini 
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
.ml5 {
margin-left: 5%;
}
.ml2 {
margin-left: 2%;
}
.mr5 {
margin-right: 5%;
}
.mr2 {
margin-right: 2%;
}
.ml10 {
margin-left: 10%;
}
.ml15 {
margin-left: 15%;
}
.mlf10 {
margin-left: 10px;
}
.mlf15 {
margin-left: 15px;
}
.mt10 {
margin-top: 10%;
}
.mt30 {
margin-top: 30%;
}
.mtf10 {
margin-top: 10px;
}
.ml40 {
margin-left: 40%;
}
.pd10 {
padding: 10px;	
	}
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
            Colonne
 XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* ID */
#cl40 {
width: 40%;
}
.cl45 {
width: 45%;
}
.cl55 {
width: 55%;
}
.cl30 {
width: 30%;
}
.cl20 {
width: 20%;
}
.cl25 {
width: 25%;
}
.cl15 {
width: 15%;
}
#cl35 {
width: 35%;
}
#cl50 {
width: 50%;
}
.cl70 {
width: 70%;
}
#cl95 {
width: 95%;
}
#cl90 {
width: 90%;
}
/* ==================================
Colori
===================================*/
.az1 {
color: #69e;	
}
.ver1 {
color: #8b0;	
}
.gi1 {
color: #ed0;	
}

/* Documentazione tecnica
===================================*/
.col1 {
width: 55%;
margin-left: 10px;
font-size:0.9em;
}
#colfix {
width: 660px;
margin-left: 10px;
font-size:0.9em;
}
.col2 {
width: 30%;
letter-spacing: 0.4em;
color: #262;
font-style:italic;
padding-left:1%; 
font-size:0.9em;
}
.col3 {
width: 10%
padding-left:1%;  
border-style:none;
}
.col4 {
width: 20%;
padding-right: 20px;
font-size:0.9em;
text-align:right;
border-style:none;
}
#col5 {
width: 25%;
padding-right: 10px;
text-align: left;
border-style:none;
}
#col6 {
width: 65%;
padding-right: 15px;
text-align: left;
border-style:none;
}
.col20 {
width: 20%;
padding-right: 20px;
padding-left: 10px;
text-align: right;
font-size:0.9em;
border-style:none;
}
#col50 {
width: 50%;
padding-right: 20px;
padding-left: 10px;
/*text-align: right;*/
text-align: center;
font-size:0.9em;
border-style:none;
}
.col10 {
width: 10%;
padding-right: 5px;
padding-left: 5px;
 padding-bottom: 20px;
text-align: center;
font-size:0.9em;
border-style:none;
}
.tblu1 {
color: #922;
font-weight:bold;
}
.im1 {
border-style: none;
}
.decor {
border-style: none;
margin-left: 380px;
 padding-left: 380px;
}
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
    forni
  XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
body.frnr3 {
background-image: url("../graph/back2.png");
}
div.frncont {
width: 780px;
text-align: justify;
margin: 0px;
padding: 0px;
}
div.frnt {
background-image: url("../graph/forni/frntt.gif");
background-repeat: no-repeat;
background-position: bottom left;
width: 810px;
height: 18px;
}
div.frnc {
background-image: url("../graph/forni/frnmm.gif");
background-repeat: repeat-y;
background-position: top left;
width: 810px;
}
div.frnb {
background-image: url("../graph/forni/frnbb.gif");
background-repeat: no-repeat;
background-position: top left;
width: 810px;
height: 18px;
}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
    pf2
  XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
body.fpf2 {
color: #000000;
background-color: #c9c9c0;
background-image: url("../graph/matt.gif");
}
marquee {
/*position: absolute;
top: 150px;
left: 300px;*/
font-family: Verdana, Arial;
font-size: 1em;
/*border: 2px solid #cb0;*/
border: 3px solid #777;
/*background-color: #C3F0A5;*/
background-color: #DDF0F0;
color: #007;
padding: 9px
}
.barra {
margin: 1% 1%x;
padding-left: 1%;
 padding-top: 10px;
 padding-bottom: 10px;
 padding-right: 1%;
color: #787;
font: italic bold 95% sans-serif;
text-align: center;
}
.bgr1 {
background: #392;
border: 2px solid #ca6;
background-image: url("../graph/brown1.png");
background-repeat: repeat; 
margin-left: 1%;
} 
.bgr2 {
background: #329;
border: 2px solid #5b5;
background-image: url("../graph/brown2.png");
background-repeat: repeat; 
margin-left: 1%;
}
.bgr3 {
background: #329;
border: 2px solid #c74;
background-image: url("../graph/brown5.png");
background-repeat: repeat; 
margin-left: 1%;
}
.bgr4 {
background: #329;
border: 2px solid #57b;
background-image: url("../graph/brown4.png");
background-repeat: repeat; 
margin-left: 1%;
}
.bgr5 {
background: #392;
border: 2px solid #ca6;
background-image: url("../graph/brown7.png");
background-repeat: repeat; 
margin-left: 1%;
} 
.bgr7 {
background: #329;
border: 2px solid #c74;
background-image: url("../graph/brown7.png");
background-repeat: repeat; 
margin-left: 1%;
}
#colpefc {
width: 45%;
margin-top: -15px;
}
#coldx {
width: 55%;
padding-left:1%;
}
#colpix {
padding:2%;
}
#colsx {
text-align: justify;
width : 40%;
padding-left:2%;
}
img.mar1 {
margin-left: 30%;
}
img.mar2 {
margin-left: 5%;
}
.colmail {
float: left;
width: 52%;
text-align: right;
}
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

#hormenu {
background-color: #999;
background-image: url("../graph/bghor.jpg");
border-top: 1px solid #9e4d3d;
border-bottom: 1px solid #9e4d3d;
width: 100%;
height: 24px;
}

.hortext {
color: #9e4d3d;
font-weight: normal;
vertical-align: middle;
}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
    EMAS
  XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
body.em1 {
color: #000000;
background-color: #c9c9c0;
background-image: url("../graph/matt.gif");
font-family: sans-serif;
font-size: 1em;
}
#clem1 {
width: 40%;
padding: 3%;
}
div.ev1 {
font-family: sans-serif;
font-size: 1.3em;
font-weight: bold;
font-style: italic;
font-stretch: expanded;
color: #281; 
text-indent: 6%;
margin-top: 5%;
}
div.ev2 {
font-family: sans-serif;
font-size: 1.3em;
font-weight: bold;
font-style: italic;
font-stretch: expanded;
}
#ros1 {
color: #F70; 
}
#ver1 {
color: #281; 
}
#ros2 {
color: #d41;
}
#vio1 {
color: #A4F; 
}
#gia1 {
color: #EC3; 
}
#gri1 {
color: #aaa; 
}
#mar1 {
color: #a70; 
}
#azz1 {
color: #2D44EC;
}
div.boxem {
background: #392;
border: 2px solid #ca6;
background-image: url("../graph/brown3.png");
background-repeat: repeat; 
 padding: 1%;
}
div.rn10 {
 margin-left: 10%;
}
div.rn20 {
 margin-left: 20%;
}
div.rn30 {
 margin-left: 30%;
}
div.rn40 {
 margin-left: 40%;
}
div.rn50 {
 margin-left: 50%;
}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
    PEFC
  XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
body.pfc {
color: #000000;
background-color: #c9c9c0;
background-image: url("../graph/carta1.gif");
background-repeat: repeat;
font-family: sans-serif;
font-size: 1em;
}
div.tst {
float: none;
background-image: url("../graph/pefctesta3.gif");
background-repeat: no-repeat;
background-position: top center; 
height: 48px;
width : 750px;
border: none;
}
div.crp {
float: none;
background-image: url("../graph/pefcorpo3.gif");
background-repeat: repeat-y;
background-position: top center; 
width: 750px;
border: none;

}
div.pd {
float: none;
background-image: url("../graph/pefcpiede3.gif");
background-repeat: no-repeat;
background-position: top center;
width: 750px;
height: 45px;
border: none;
}
div.cptesto {
text-align: justify;
margin-left: 6%;
margin-right: 6%;
}
#pefcol {
float: none;
width: 790px;
}
div.colpefc1 {
float: left;
width: 20%;
margin: 3%;
padding-left:1%;
padding-top: 1%;
}
div.pefcolt {
float: left;
color: #540;
font-weight: bold;
font-style: italic;
font-size: 0.9em; 
text-align: justify;
text-indent: 34px;
padding: 1%;
margin-left: 2%;
}
div.pefcols {
float: right;
color: #540;
font-weight: bold;
font-style: italic;
font-size: 0.9em; 
text-align: justify;
text-indent: 34px;
padding: 1%;
margin-right: 2%;
}
.pefc40 {
width: 42%;
}
.pefc35 {
width: 35%;
}
.pefc25 {
width: 25%;
}
/* ===================================================
      TEATRO
  ==================================================*/
.boxtea {
background-image: url("../graph/brown6.png");
background-repeat: repeat-x;
margin: 10px 10px;
padding: 18px;
border: 1px maroon;
border-style: solid;
text-indent: 1cm;
text-align: justify;
position:relative;
background-color: #dde;
color: #004500;
width: 94%;
}

/* ===================================================
       BIBLIOTECA 
=====================================================*/
div.btst {
float: none;
background-image: url("../graph/btesta.gif");
background-repeat: no-repeat;
background-position: top center; 
height: 35px;
width : 611px;
border: none;
}
div.bcrp {
float: none;
background-image: url("../graph/bcorpo.gif");
background-repeat: repeat-y;
background-position: top center; 
width : 611px;
border: none;
}
div.bpd {
float: none;
background-image: url("../graph/bpiede.gif");
background-repeat: no-repeat;
background-position: top center; 
height: 34px;
width : 611px;
border: none;
}
div.bbtesto {
text-align: center;
margin-left: 6%;
margin-right: 6%;
}
div.bbcont {
width: 99%;
margin-left: 1%;
margin-right: 1%;
}
#bbcold {
width: 65%;
padding-left: 1%;
padding-right: 0px;
margin-right: 0px;
}
#bbcols {
width : 30%;
padding-left: 2%;
padding-right: 2%;
margin: 0px;
text-align: justify;
}
span.bbcol {
text-align: justify;
text-indent: 15px;
}
/* ===================================================
       ICI 
=====================================================*/
body.nic {
background-image: url(../graph/back1.png);
font-family: sans-serif;
font-size: 1em;
}
.desc1 {
width: 70%;
background-color: #eee;
min-height: 45px;
padding: 4px;
border-top: 1px solid #900;
}
.desc2 {
width: 70%;
background-color: #ddd;
min-height: 45px;
padding: 4px;
border-top: 1px solid #900;
}
.inum1 {
width: 5%;
background-color: #efe;
border-top: 1px solid #900;
padding: 1%;
}
.inum2 {
width: 5%;
background-color: #ded;
border-top: 1px solid #900;
padding: 1%;
}
.val1 {
width: 20%;
text-align: center;
background-color: #D2FBFF;
min-height: 45px;
border-top: 1px solid #900;
padding: 4px;
font-weight: bold;
}
.val2 {
width: 20%;
text-align: center;
background-color: #E2FBFF;
min-height: 45px;
border-top: 1px solid #900;
padding: 4px;
font-weight: bold;
}
.val3 {
border-bottom: 1px solid #900;
}


/* ===================================================
       METEO 
=====================================================*/
div.sina {
float: none;
background-image: url("../graph/meteo/as.gif");
background-repeat: no-repeat;
width: 25px;
height: 25px;
}
div.sins {
float: none;
background-image: url("../graph/meteo/ss.gif");
background-repeat: repeat-y;
width: 25px;
height: 444px;
}
div.sinb {
float: none;
background-image: url("../graph/meteo/bs.gif");
background-repeat: no-repeat;
width: 25px;
height: 25px;
}
div.cena {
float: none;
background-image: url("../graph/meteo/aa.gif");
background-repeat: repeat-x;
height: 25px;
width: 600px;
}
div.desa {
float: none;
background-image: url("../graph/meteo/ad.gif");
background-repeat: no-repeat;
height: 25px;
width: 25px;
}
div.desd {
float: none;
background-image: url("../graph/meteo/dd.gif");
background-repeat: repeat-y;
height: 444px;
width: 25px;
}
div.desb {
float: none;
background-image: url("../graph/meteo/bd.gif");
background-repeat: no-repeat;
height: 25px;
width: 25px;
}
div.cont {
float: none;
height: 354px;
width: 572px;
background-repeat: no-repeat;
background-image: url("../graph/meteo/varda.jpg");
}
div.contex {
float: none;
height: 90px;
width: 600px;
text-align: center;
font-size: 1.1em;
color: #336699;
font-style: oblique;
font-weight: bolder;
font-family: Arial, Elvetica;
}
div.concon {
float: none;
height: 444px;
width: 600px;
}
div.cenb {
float: none;
background-image: url("../graph/meteo/bb.gif");
background-repeat: repeat-x;
height: 25px;
width: 600px;
}
div.base {
float: none;
width: 660px;
height: 496px;
}
body.mt {
background-image: url("../graph/carta1.gif");
}

/* ===================================================
       CODICI 
=====================================================*/
div.tt1 {
font-size: 1.3em;
color: #8F5AE5;
font-style: oblique;
font-weight: bolder;
font-family: Arial, Elvetica;
text-align: center;
}
div.cdtop {
background-image: url("../graph/codici/codt.gif");
background-repeat: no-repeat;
width: 703px;
height: 26px;
}
div.cdmid {
background-image: url("../graph/codici/codm.gif");
background-repeat: repeat-y;
width: 703px;
}
div.cdbot {
background-image: url("../graph/codici/codb.gif");
background-repeat: no-repeat;
width: 703px;
height: 26px;
}
div.pref {
text-indent: 30px;
padding: 20px;
color: #863;
font-weight: bold;
font-style: italic;
width: 703px;
text-align: justify;
}
.cdbg1 {
background-color: #F0ECD6;
}
.cdbg2 {
background-color: #DDECC3;
}
.cdbg3 {
background-color: #DDDAC3;
}
.cdfg1 {
color: #a22;
font-weight: bold;
font-style: italic;
}
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
    vvff
  XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
div.vft {
background-image: url("../graph/vf/vft.gif");
background-repeat: no-repeat;
background-position: bottom left;
width: 810px;
height: 18px;
}
div.vfc {
background-image: url("../graph/vf/vfm.gif");
background-repeat: repeat-y;
background-position: top left;
width: 810px;
}
div.vfb {
background-image: url("../graph/vf/vfb.gif");
background-repeat: no-repeat;
background-position: top left;
width: 810px;
height: 18px;
}
div.vftt {
background-image: url("../graph/vf/vftt.gif");
background-repeat: no-repeat;
width: 810px;
height: 18px;
background-position: bottom left;
}
div.vfcc {
background-image: url("../graph/vf/vfmm.gif");
background-repeat: repeat-y;
width: 810px;
margin: 0px;
padding: 0px;
background-position: top left;
}
div.vfbb {
background-image: url("../graph/vf/vfbb.gif");
background-repeat: no-repeat;
width: 810px;
height: 18px;
margin: 0px;
padding-top: 0px;
background-position: top left;
}
div.vfcont {
width: 780px;
text-align: justify;
margin: 0px;
padding: 0px;
}
div.vfcntt {
width: 780px;
text-align: justify;
margin-bottom: 0px;
padding: 0px;
}
div.vftt1 {
font-size: 1.3em;
color: #DF5A45;
font-style: oblique;
font-weight: bolder;
font-family: Arial, Elvetica;
}
div.horvf {
background-color: #999;
background-image: url("../graph/vf/bgvf.jpg");
border: 1px solid #9e4d3d;
width: 820px;
height: 24px;
}
a.horvftx {
color: #900;
font-weight: normal;
vertical-align: middle;
}
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
    avvisi - vari
  XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
.av3t {
background-image: url("../graph/avvisi/av3t.gif");
background-repeat: no-repeat;
width: 731px;
height: 12px;
background-position: bottom left;
}
.av3m {
background-image: url("../graph/avvisi/av3m.gif");
background-repeat: repeat-y;
background-position: top left;
width: 731px;
}
.av3b {
background-image: url("../graph/avvisi/av3b.gif");
background-repeat: no-repeat;
background-position: top left;
width: 731px;
height: 12px;
}
.av2t {
background-image: url("../graph/avvisi/av2t.gif");
background-repeat: no-repeat;
background-position: bottom left;
width: 731px;
height: 12px;
}
.av2m {
background-image: url("../graph/avvisi/av2m.gif");
background-repeat: repeat-y;
background-position: top left;
width: 731px;
}
.av2b {
background-image: url("../graph/avvisi/av2b.gif");
background-repeat: no-repeat;
background-position: top left;
width: 731px;
height: 12px;
}
div.avcon {
width: 690px;
}
div.av3con {
width: 690px;
}
body.avbg {
background-image: url("../graph/avvisi/avbg1.jpg");
}
body.vbg1 {
background-image: url("../graph/vari/vbg1.jpg");
}
.v1t {
background-image: url("../graph/vari/t1.gif");
background-repeat: no-repeat;
width: 750px;
height: 15px;
background-position: bottom left;
}
.v1m {
background-image: url("../graph/vari/m1.gif");
background-repeat: repeat-y;
background-position: top left;
width: 750px;
}
.v1b {
background-image: url("../graph/vari/b1.gif");
background-repeat: no-repeat;
background-position: top left;
width: 750px;
height: 15px;
}
.v2t {
background-image: url("../graph/vari/t2.gif");
background-repeat: no-repeat;
width: 750px;
height: 15px;
background-position: bottom left;
}
.v2m {
background-image: url("../graph/vari/m2.gif");
background-repeat: repeat-y;
background-position: top left;
width: 750px;
}
.v2b {
background-image: url("../graph/vari/b2.gif");
background-repeat: no-repeat;
background-position: top left;
width: 750px;
height: 15px;
}
/* ======================================================
 galleria fotografica
 ======================================================= */
.colf30 {
width : 30%;
padding-left:20px;
text-align: justify;
margin-top: 30%;
}
.colf20 {
width : 20%;
padding-left:20px;
text-align: justify;
margin-top: 10%;
}
.colf25 {
width : 25%;
padding-left:20px;
padding-right:10px
text-align: justify;
margin-top: 10%;
}
.colf70 {
width : 70%;
padding-left:20px;
text-align: justify;
}
.colf60 {
width : 60%;
padding-left:20px;
text-align: justify;
}

